/* CSS Document */

/* 2007 Javier Centeno, www.javiercenteno.com, All Rights Reserved */

body {
margin:0;
padding:0;
font: 0.9em/1.0em arial;
color:#333;
background: #DDF1F4 url(../images/template_blue/bg.gif) repeat-x;
text-align:center;
}

a:link, a:visited {
color:#614A2F;
text-decoration:none;
}

a:hover {
color:#614A2F;
text-decoration:underline;
}

blockquote {
margin:5px 0px 10px 0px;
padding-left:35px;
font-size:1.1em;
line-height:1.3em;
color:#86A8DF;
text-align:left;
background-image:url(../images/template_blue/quote_icon.gif);
background-repeat:no-repeat;
}

img {
border:0;
}

/* Header
-------------------------------------------*/

#header {
margin-left:auto;
margin-right:auto;
margin-top:0;
padding:0;
width:780px;
height:110px;
text-align:left;
background-color:#FFFFFF;
}

.header_logo {
margin:0;
padding-top:42px;
}

/* Live Search Object
-------------------------------------------*/

#search_bar {
float:right;
width:260px;
margin-top:30px;
padding:0;
font-size:0.8em;
color:#CCCCCC;
text-align:right;
}

#search_bar form {
position:relative;
margin:0;
padding:0;
}

#search_bar form input{
width:218px;
border:1px solid #ccc;
margin:0.5em 0;
vertical-align: middle;
padding-right: 25px;
padding-left: 5px;
}

#search_bar form input.sbutton{
position:absolute;
top:-6px;
right:-30px;
width:35px;
height:35px;
border:0;
}

/* Top Menu
-------------------------------------------*/

#topmenu {
margin-left:auto;
margin-right:auto;
padding:0px;
width:780px;
text-align:left;
}

#topmenu ul {
margin:0;
padding:0;
}

#topmenu ul li {
list-style-type:none;
float:left;
margin-bottom:10px;
padding:0;
}

#topmenu img {
margin:0;
padding:0;
border:0;
}

#topmenu a {
border:0;
}

/* Wrapper
-------------------------------------------*/
#wrapper {
clear:both;
margin-left:auto;
margin-right:auto;
padding:0;
width:770px;
text-align:left;
font: 1.0em/1.2em "Comic Sans MS";
}

/* Profile
-------------------------------------------*/
#profile_leftcol {
float:left;
margin:0;
padding:0 0 20px 0;
width:360px;
text-align:left;
}

.profile_h1 {
padding-left:35px;
font-size:1.5em;
line-height:1.2em;
font-weight:normal;
color:#614A2F;
background:transparent url(../images/template_blue/bee_icon.gif) no-repeat;
}

#profile_photo {
float:left;
padding:15px;
width:140px;
height:160px;
text-align:center;
background:transparent url(../images/template_blue/bg_profile_photo.gif) no-repeat;
overflow:hidden;
}

#profile_photo div {
text-align:center;
overflow:hidden;
width:140px;
}

#profile_details {
padding-top:5px;
margin-left:185px;
}

#profile_details h3 {
margin:0;
padding:0;
font-size:0.9em;
font-weight:normal;
}

#profile_details p {
margin:0;
padding-bottom:5px;
border-bottom:1px dotted #333;
font-size:1.1em;
color: #F1962F;
}

#profile_buttons {
clear:both;
}

#profile_buttons h3 {
margin-bottom:0;
font-size:0.9em;
font-weight:normal;
}

#profile_rightcol {
margin-top:10px;
margin-left:375px;
padding:0px 0 10px 0;
text-align:left;
}

#positive_pals {
margin:0;
padding:0;
width:390px;
background-image:url(../images/template_blue/bg_positive_pals.gif);
background-repeat:repeat-y;
}

#positive_pals h2 {
background:transparent url(../images/template_blue/h1_positive_pals.gif) no-repeat;
height:60px;
}

#positive_pals h2 span {
display:none;
}

#positive_pals p {
padding:0px 30px;
}

.positive_pals_bottom {
margin:0;
padding:0;
line-height:0;
height:15px;
background:transparent url(../images/template_blue/bottom_postivie_pals.gif) no-repeat;
}

.positive_pals_bottom span {
display:none;
}

#journal_entries {
padding:5px 15px;
}

#journal_entries h2 {
margin:0;
padding:0;
background:transparent url(../images/template_blue/h1_latest_journal_entries.gif) no-repeat;
height:30px;
}

#journal_entries h2 span {
display:none;
}

#journal_entries h3 {
margin:5px 0 0 0;
font-size:1.1em;
font-weight:normal;
color: #F1962F;
}

#journal_entries p {
margin-top:0;
}

#journal_entries a:link, #journal_entries a:visited {
color: #F1962F;
}

/* Dreams
-------------------------------------------*/
#dreams {
padding-bottom:20px;
}

#dreams h1 {
padding-left:35px;
font-size:1.5em;
line-height:1.2em;
font-weight:normal;
color:#614A2F;
background:transparent url(../images/template_blue/bee_icon.gif) no-repeat;
}

#dreams_details {
padding-top:5px;
padding-right:100px;
margin-left:185px;
background:transparent url(../images/template_blue/bg_moon.gif) no-repeat top right;
}

#dreams_details h2 {
margin:0;
padding:0;
}

#dreams_details h2 span {
display:none;
}

.title_my_dreams {
background:transparent url(../images/template_blue/h2_my_dreams_are.gif) no-repeat;
height:60px;
}

.title_my_talents {
background:transparent url(../images/template_blue/h2_my_talents_are.gif) no-repeat;
height:60px;
}

.title_my_accomplishments {
background:transparent url(../images/template_blue/h2_my_accomplishments_are.gif) no-repeat;
height:60px;
}

/* Main
-------------------------------------------*/
#main {
padding:0 0 10px 0;
min-height:200px;
}

#main h1 {
padding-left:35px;
font-size:1.5em;
line-height:1.3em;
font-weight:normal;
color:#614A2F;
background:transparent url(../images/template_blue/bee_icon.gif) no-repeat;
}

#main h2 {
font-size:1.4em;
line-height:1.2em;
font-weight:normal;
color:#333;
}

.title_registration {
background:transparent url(../images/template_blue/h1_registration.gif) no-repeat;
height:60px;
border-bottom:1px dotted #FFF;
}

.title_welcome_kami {
background:transparent url(../images/template_blue/h1_welcome_kami.gif) no-repeat;
height:60px;
border-bottom:1px dotted #FFF;
}

.title_logged_out {
background:transparent url(../images/template_blue/h1_logout.gif) no-repeat;
height:60px;
border-bottom:1px dotted #FFF;
}

#main h1 span {
display:none;
}

/* Main UL
-------------------------------------------*/

#main ul {
margin-left:30px;
padding:0;
}

#main ul li{
margin:0 15px 15px 15px;
font-size:1.1em;
list-style-image:url(../images/template_blue/carrot_icon.gif);
}

#main a:link, #main a:visited {
color:#F1962F;
text-decoration:none;
}

#main a:hover {
color:#F1962F;
text-decoration:underline;
}

/* Photos
-------------------------------------------*/

.photo_thumb {
padding:5px;
background-color:#FFF;
border:0;
}

.photo {
padding:10px;
background-color:#FFFFFF;
border:0;
}

.photo_caption {
color: #F7F3AD;
font-size:1.2em;
}

.edit_photo {
float:left;
text-align:center;
margin-right:10px;
margin-bottom:10px;
}

.kami_list {
text-align:left;
margin-bottom:10px;
}

.kami_name {
float:right;
width:600px;
text-align:left;
}

.floatRight {
float:right;
border:0;
}

.pal_thumb {
padding:5px;
background-color:#FFFFFF;
margin:0;
margin-right:5px;
margin-bottom:5px;
}

/* Login Box
-------------------------------------------*/

#login_box {
float:left;
margin-bottom:10px;
padding:10px;
width:230px;
height:180px;
background:#AEDEE4 url(../images/template_blue/bg_login_box.gif) no-repeat;
font-size:0.9em;
text-align:left;
}

#login_box h2 {
margin:5px 0px 0px 0px;
padding:0;
font-size:1.4em;
font-weight:normal;
}

.username {
background: transparent url(../images/template/title_username.gif) no-repeat top left;
height:20px;
}

.username span {
display:none;
}

.password {
background: transparent url(../images/template/title_password.gif) no-repeat top left;
height:20px;
}

.password span {
display:none;
}

#login_box form {
margin:0;
padding:0px 15px;
}

#login_box form input{
border:1px solid #ccc;
margin:0;
vertical-align: middle;
width:188px;
padding-right: 5px;
padding-left: 5px;
}

#login_box form input.kbutton{
float:right;
border:0;
margin-top:5px;
width:50px;
}

#login_box p {
margin-top:10px;
}


/* Kami Page
-------------------------------------------*/

#kami {
margin:0;
padding:10px 15px 5px 20px;
width:735px;
background: #FFF url(../images/template_blue/bg_kami_main.gif) no-repeat top left;
text-align:left;
font-family: "Comic Sans MS";
line-height:1.4em;
color:#333333;
}

#kami_intro h1 {
margin:0 0 0 120px;
padding:0;
background: transparent url(../images/template/h1_welcome.gif) no-repeat top left; 
color:#614A2F;
width:515px; 
height:40px; 
}

#kami_intro h1 span {
display:none;
}

#kami_intro h2, #kami_intro h3, #kami_intro h4, #kami_intro p, #kami_intro blockquote {
margin-left:120px;
}

#kami h3 {
font: 1.2em/1.0em "Comic Sans MS";
font-weight:normal;
color:#F1962F;
}

#kami h3 a:link, #kami h3 a:visited {
color:#F1962F;
}

#left_box {
float:left;
margin-bottom:10px;
padding:10px 0 0 0;
width:250px;
background:#FFF url(../images/template_blue/rounded_top_box.gif) no-repeat;
text-align:center;
}

#center_box {
float:left;
margin-left:10px;
margin-bottom:10px;
padding:10px 0 0 0;
width:250px;
background:#FFF url(../images/template_blue/rounded_top_box.gif) no-repeat;
text-align:center;
}

#right_box {
float:left;
margin-left:10px;
margin-bottom:10px;
padding:10px 0 0 0;
width:250px;
background:#FFF url(../images/template_blue/rounded_top_box.gif) no-repeat;
text-align:center;
}

.box_rounded_bottom p {
margin:0;
padding:0;
background: transparent url(../images/template_blue/rounded_bottom_box.gif) no-repeat top left;
height:10px;
}

.box_rounded_bottom span {
display:none;
}

.wide_rounded_bottom p {
margin:0 0 10px 0;
padding:0;
background: transparent url(../images/template_blue/rounded_bottom_wide.gif) no-repeat top left;
height:10px;
}

.wide_rounded_bottom span {
display:none;
}

/* Wide Layout
-------------------------------------------*/

#wide_layout {
margin:0;
padding:10px 15px 5px 20px;
width:735px;
background: #FFF url(../images/template_blue/bg_kami_main.gif) no-repeat top left;
text-align:left;
font-family: "Comic Sans MS";
line-height:1.4em;
color:#333333;
}

#wide_layout_intro {
border-bottom:1px dotted #666;
}

#wide_layout_intro h1 {
margin:0 0 0 120px;
padding:0;
color:#614A2F;
width:600px; 
height:45px; 
}

#wide_layout h1 {
color:#614A2F;
width:600px; 
height:45px; 
}

.kidoodle_caretakers {
background: transparent url(../../images/template/title_kidoodle_caretakers.gif) no-repeat top left; 
}

.kami_doodles {
background: transparent url(../../images/template/title_kamis_doodles.gif) no-repeat top left; 
}

#wide_layout_intro h1 span, #wide_layout h1 span {
display:none;
}

#wide_layout h2 {
font-size:1.6em;
font-weight:normal;
color:#57B6DD;
margin-bottom:10px;
}

#wide_layout_intro h2, #wide_layout_intro h3, #wide_layout_intro h4, #wide_layout_intro p, #wide_layout_intro blockquote {
margin-left:120px;
}

#wide_layout h3 {
font: 1.2em/1.0em "Comic Sans MS";
font-weight:normal;
color:#F1962F;
margin-bottom:0;
}

#wide_layout h3 a:link, #wide_layout h3 a:visited {
color:#F1962F;
}

#wide_layout p {
margin-top:5px;
}

/* Footer
-------------------------------------------*/

#footer {
clear:both;
margin-top:10px;
border-top:1px dotted #666666;
padding:10px 0px 10px 0px;
font: 0.8em/1.0em arial;
text-align:left;
color:#614A2F;
}

#footer h1 {
margin:0px;
background: transparent url(../images/template_blue/footer_logo.jpg) no-repeat top left;  
height:22px;
font: 1.4em/1.0em "Comic Sans MS";
font-weight:normal;
}

#footer h1 span {
display:none;
}

#footer p {
margin-top:0px;
}

/* Common Classes
-------------------------------------------*/

.floatLeft {
float:left;
}

.pic_left {
float:left;
margin-right:10px;
margin-top:5px;
}

.submenu {
padding-bottom:15px;
}

/* --------- Error Class --------- */

.error_box {
margin-top:20px;
padding:10px 15px;
text-align:left;
border:1px solid #614A2F;
}

.error_box h1 {
margin:10px 0 0 0;
font-weight:normal;
font-size:1.8em;
color:#FF0000;
}

.error {
color:#FF0000;
}