/* CSS Document */

html{

}

body{
background:url(media/global/body_bg.gif) #C7C7C7 50% 0 repeat-y;
font-family:Arial, Helvetica, sans-serif;
padding:0; margin:0 auto;
}

hr{
border:none;
background-color:#D2D2D2;
height:1px;
margin:15px 0 0 0;
}

#siteWrapper{
width:750px;
margin:0 auto;
}

#content form{
background:url(media/global/formbg.jpg) repeat-x #FFF;
padding:10px;
margin:0;
}

#content form p{
margin:0;
}

#content form label{
display:block;
padding:0 0 10px 10px;
margin:0 5px;
border-bottom:1px solid #E7E6E6;
}

#content form .button{
height:30px;
border:1px solid #E7E6E6;
margin-top:20px;
}

#content form input{
color:#F00;
}



#content form label:hover{
background:url(media/global/formbg.jpg) repeat-x #FFF;
border-bottom:1px solid #DEDCDC;
cursor:pointer;
}

/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> HAIR [hair]
/////////////////////////////////////////////////////////*/
#hair{
background:#0041AD url(media/global/hairbg2.gif) repeat-y;
color:#FFF; font-size:11px;
padding:10px 16px;
margin:6px 0;
}

#hair a{
text-decoration:none; color:#FFF;

}
#hair a:hover{
color:#587EC4;
}



#hair #leftHair{
float:left;
}

#hair #rightHair{
text-align:right;
float:right;
}

#hair form{
background:#fff;
padding:0; margin:0;

}

#hair form .textfield{
margin-left:5px;
background-color:#EFEFEF; display:inline; 
border:none;

font-size:10px;
}

#hair .button{
border:none;
background-color:#fff; display:inline; height:20px; 
color:#374F69; font-size:10px;
}

/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> BRAIN [brain]
/////////////////////////////////////////////////////////*/

#brain{
width:178px;
display:block;
color:#344964;
float:left; 
}

#brain #navigationContainer{
float:left;
text-align:center;
}

#brain #navigation{
background:url(media/global/nav_bg.gif) left bottom no-repeat;
padding-bottom:1px; margin-bottom:10px;
}

#brain #lowerhead{
font-size:11px; line-height:14px;
margin:0; padding:0;
width:571px;
float:right;
background:url(media/global/head_bg.gif) left bottom repeat-x #FEFEFE;
}

#brain #lowerhead img{
display:block;
}

#brain img{
border:none;
}

#brain p.left{
float:left;
width:275px;
padding:0 11px 2px 11px; margin-top:10px;
}

#brain p.left a{
display:block;
color:#1D2C3F;
text-decoration:none;
padding:9px 10px 10px 50px; margin-top:10px;
height:30px;
background:url(media/global/lowerhead-a_bg.gif) left top no-repeat;
}

#brain p.left a:hover{
color:#666;
text-decoration:none;

}

#brain p.right{
float:right;
width:250px;
color:#101720;
padding:0 9px 2px 9px; margin-top:10px; 
}

/*///////*/

#brain .panelBox{
width:166px;
text-align:left;
margin:10px 5px;
}

#brain .panelBox h3{
color:#98081D; font-size:14px;
padding:14px 0 4px 10px; margin:0;
background:url(media/global/cross-h3_bg.gif) no-repeat;
letter-spacing:-1px;
cursor:default;
border-bottom:2px solid #EFEFEF;
}



.panelBox p{
padding:0; margin:0 0 0 10px;

}

.panelBox .content{
padding:10px 5px 10px 0;
font-size:11px; color:#101720;
border-left:3px solid #EFEFEF; border-right:3px solid #EFEFEF;
}



.panelBox img{

}

#brain .panelBox img{  }

#brain .ib-img img{ 
	width:160px; overflow:hidden; 
	border:3px solid #EFEFEF; border-width:2px 3px 0 3px; 

}

#brain .ib-overlay{
	height:30px; margin:-20px 0 0 0px; width:166px;  clear:both
}

* html div.ib-overlay img{  width:166px;   }

* html div.ib-img img{ margin-left:3px}


/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> HEART [heart]
/////////////////////////////////////////////////////////*/

#heart{
font-size:12px; line-height:16px;
margin-bottom:10px;
float:right;
width:571px; overflow:hidden; 
}

#heart img{
display:block;
}


#heart .hg-overlay { 
	margin-top:-229px;
	height:229px;
}

#heart #hgContainer img{ 
	width:571px; height:229px; overflow:hidden;
}

#heart h1{
background:#FFF;
margin:0;
font-size:20px; color:#E31236; font-weight:normal;
letter-spacing:-1px;
cursor:default;
padding:12px 20px 7px 16px;
}


#heart #content p.nextPage{
	background:#EFEFEF;
	padding-left:10px;
}

#heart #content h2{ 
	cursor:default;
	clear:left; 
	font-size:14px; font-weight:bold;
	letter-spacing:-1px; 
	padding:0 0 0 1px;
	margin:26px 0 0px 0;
	border-bottom:solid 1px #CCC;
	line-height:17px;
}

#heart #content h2 a{ 
text-decoration:none;
border:none;
color:#5171AC;
}

#heart #content h2 a:hover{ 
border:none;
background:none;
color: #133C87;
}


#heart #content hr{ clear:left }

#heart #content h3{ 	
	clear:left; 
	font-size:14px; font-weight:bold;
	letter-spacing:-1px; 
	margin:26px 0 0px 0;
	padding:0 0 3px 0;
	color:#133C87;
	border-bottom:1px solid #f2f2f2;
 }


#heart #content{

padding:5px 20px;
background:url(media/global/content_bg.gif) repeat-x;
line-height:21px; color:#101720; font-size:12px;
border-top:1px solid #CCC; color:#333;
}

#heart #content a{
color:#6E0213;

text-decoration:none;

}

#heart #content a:hover{
background-color:#f2f2f2;
}

#heart #content blockquote{
/*background:url(media/global/bq_bg.gif) left top no-repeat #F9F9F9;*/
background: #F9F9F9;
color:#000;
border:1px solid #E8E8E8;
padding:1px 20px;
margin:0 5px;
}


#heart #content blockquote a{
color:#FFF;
}
#heart #content img{

padding:0 10px 10px 10px;
}

/*//////////////////////////////////*/

#heart #breadCrumbs{
cursor:default;
padding:6px;
font-size:10px; color:#999;
background:url(media/global/h2_bg.gif) repeat-x;
}


#heart #breadCrumbs a{
padding:0 2px;
border:none;
color:#666;
}

#heart #breadCrumbs a:hover{
border:none;
color:#999;
}
/*//////////////////////////////////*/

#heart #archiveLinks{
font-size:10px;
background:#FFF;
border-bottom:solid 3px #f2f2f2;
margin-bottom:10px;
}





#heart #archiveLinks a{
float:left;
color:#c00;
border:none;
display:block;
padding:5px 10px;
}

/*//////////////////////////////////*/

#heart .childNavigation{
border-left:1px solid #CCC;
font-size:10px; color:#999;
margin:1px 1px 1px 12px;
background:#FFF;
width:511px;
cursor:default;
line-height:20px;
}

#heart .childNavigation a{
padding:0 5px 1px 5px;
border:none;
border-right:1px solid #CCC;
color:#666;
display:block;
float:left;
}

#heart .childNavigation a:hover{
color:#000;

}

/*//////////////////////////////////*/

#heart #content ul{
	margin:0; padding:0 0 0 15px; list-style:none;
}

#heart #content ul li{ 
	line-height:21px;
	background:url(media/global/bullet1.gif) no-repeat 0 6px;
	padding:0 0px 0 16px;
}

/*//////////////////////////////////*/

#heart #content table{ 
	border-collapse:collapse; padding:1px;
	background-color:#CCCCCC;
	margin:15px 0;
}

#heart #content table table{ 
	margin:0;
}


#heart #content table td{ 
	padding:7px;
	background-color:#fff;
	border:1px solid #ddd;
}

#heart #content table td td{ 
	border-width:0px;
}


#heart #content table th{ 
	padding:3px 7px; font-size:13px;
	border:1px solid #ddd; text-align:left;
	background:#fff url(media/global/th_bg.gif) repeat-x left bottom;
}


#heart .no-border td{ border-width:0px !important; }

/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> DYNAMIC CONTENT [posts]
/////////////////////////////////////////////////////////*/

#heart #posts{
background:url(media/global/postsbg.gif) no-repeat;
padding:10px 20px;
}

#heart #posts img{
border:none;
padding:0; margin:3px;
}

#heart #posts h2{
color:#666;
margin: 10px 0 10px 0;

}

#heart #posts a.readMore{
display:block;
border-bottom:none;
color:#c00;
padding:2px;
background-color:#f9f9f9;
}
#heart #posts a.readMore:hover{
background-color:#f2f2f2;
}


#heart #posts p.subInfo{
font-size:10px;
background:#F6F6F6;
padding:5px 3px;
margin-top:-10px;
}

/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> FEET [feet]
/////////////////////////////////////////////////////////*/

#feet{
font-size:11px;
background:url(media/global/feet_bg.jpg) repeat-x;
clear:both;
color:#FFF;
height:25px;
padding:25px 15px;
}

#feet a{
color:#FFF;
text-decoration:none;
}

#feet #leftFeet{
float:left;
}

#feet #rightFeet{
text-align:right;
}

