/* @override http://www.soulapoweryoga.com/wp-content/themes/soula/screen.css */





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

#header {
	height: 35px;
	background: #333; 
	margin-bottom: 50px;
	width: 870px;
	margin: 0 auto;
	padding: 0;
}



#maincontent, #sidebar { padding: 0 0 20px 0; }


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



/*-----------------------------------------------------------------------------
	Top Navigation
-----------------------------------------------------------------------------*/



#topnav li {float: left; margin-right: 10px;}


ul#topnav {
float: left; 
list-style: none;
overflow: hidden;
width: 400px; 
padding-top: 2px; 
margin: 0;
}


ul#topnav li {margin-top: 2px; }

ul#topnav li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 3px 15px 0 0px;
	margin-right: 8px;
	text-align: center;
	cursor: pointer;
}



ul#topnav li a span {
	float: left;
	display: block;
	margin-top: -3px;
	height: 24px;
	padding-top: 3px;
	padding-left:  15px;
	text-align:  center;
	
	
}

ul#topnav li a:hover {
 	color: #fff;
	background: url(imgs/orange.png) no-repeat top right;
	cursor: pointer;
}

ul#topnav li a:hover span {
	background: url(imgs/orange.png) no-repeat top left;
}

ul#topnav li a.current_page_item {
	background: url(imgs/orange.png) no-repeat top right;
 	color: #fff;
}

ul#topnav li a.current_page_item span {
	background: url(imgs/orange.png) no-repeat top left;
}


#sidebar li a.current_page_item {font-weight: bold; color: #D14F1F; }



/*-----------------------------------------------------------------------------
	Top Navigation
-----------------------------------------------------------------------------*/





.orange {
color: #d05025;}

.big {font-size: 25px;}

#nav {list-style: none;}

ul#nav li {float: left; margin-left: 25px; font-size: 15px; color: #fff; font-family: Helvetica;}





.icon {
background: url('imgs/soulaicon.jpg') no-repeat;
padding-left: 45px; 
margin-bottom:  20px;;}



#index {margin-top: 20px; }


ul#homenav {width: 225px; left: -25px; list-style: none; float: left; text-align: right; padding-right: 50px; border-right: 1px solid #eee;  }
ul#homenav li {margin-bottom: 20px; }
ul#homenav li a {text-transform: lowercase; text-align: right; color: #A6ACB0; text-decoration: none; font-style: italic; font-size: 25px; font-family: Georgia, Serif;}
ul#homenav li a:hover {padding-left: 25px; background: url('imgs/listicon.jpg') no-repeat left center; color: #d05025;}

*html #homenav li a:hover {
background: none;}



#tooltip {
	position: absolute;
	z-index: 3000;
	//background: url('trans.png') repeat;
	padding: 5px;
	opacity: 0.85;
	color: #fff;
	font-size: 15px;
	margin: 1px;
}
#tooltip h3, #tooltip div { color: #fff; margin: 0px; }


#searchform {margin-top: 5px; float: right;}



#sidebar {width: 150px; }
#sidebar a {color: #666; text-decoration: none;  }
 #sidebar li a:hover {
 color: #d05025;}


#sidebar ul {margin: 0; }
#sidebar .widget {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
#sidebar .widget:last-child {
border: 0;}

#sidebar ul h2 {font-size: 15px; }

#sidebar li {
color: #d05025;
list-style: none; 
border-bottom: none;
}





#sidebar li span {
color: #666; }



#sidebar #pages {clear: both; width: 100%; margin-bottom: 10px;  border-bottom: 1px solid #eee; padding-bottom: 20px;  }

#pages li a {color: #666; 
font-family: "palatino linotype",palatino, georgia, serif;
font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  text-transform: lowercase; 
  margin-bottom: 5px; 
  }
  
 #pages li a:hover {
 color: #d05025;}
  
 #pages li {list-style: disc; padding: 0; margin: 0; color: #d05025; }




.tooltip2 h3 {
font-size: 15px; }

#tooltip h3, #tooltip div { color: #fff; margin: 0px; text-transform: lowercase; }

#logoheader {border-bottom: 1px solid #eee; margin-bottom: 10px; float: left;  }

#logoheader h3 {
float: left; width: 700px; padding: 60px 0 0 25px;  
color: #999;
font-family: "gill sans", "palatino linotype",palatino, georgia, serif;
font-size: 20px;
line-height: 25px;

}

#logoheader img {
float: left;
width: 145px;
height: 141px; 
 }

#contentinner a {color: #A6ACB0; }

#page .box {padding: 0px; margin-left: 10px;}
#content h3 {color: #d05025; margin: 10px 0;}
#contentinner {padding-bottom: 20px; 
margin-bottom: 0px; padding-right: 10px;  }
#contentinner h3 {margin-bottom: 5px; }
#page .span-8 { 
padding: 15px 20px 15px 0; 
min-height: 150px;
height:auto !important;
height:150px;
overflow: hidden; 
margin-right:  5px;
}



#page .box ul {list-style: none;}


#splash {float: right; width: 502px;  }

#splash h3 {
color: #999;
font: 15px normal, "gill sans", "palatino linotype",palatino, georgia, serif;
line-height: 20px;
text-align: center; 
margin: 20px 0; 
}

#footer {clear: both;}

#footer a:hover {text-decoration: none; }
#footer ul {float: left; margin: 0;   }
#footer ul li {float: left; margin-right: 10px; list-style: none; border-right: 1px solid #eee; padding-right: 5px;  }
#footer {font-size: 11px; color: #bbb; padding-top: 10px;  }
#footer #copyright {float: left; }

#footer address {float: left; }

.alignleft {float: left; margin: 10px 10px 10px 0;}
.alignright {float: right; margin: 10px 0 10px 10px; }

.linklove a {visibility: hidden; }

h2.widgettitle, .box h2 {
	margin:  0;
	padding: 0;
	font-size:  15px;
}

#content .box h2 {
	margin:  0;
	padding: 0;
	font-size:  15px;
}

#content {min-height: 500px;  }

.post h2 a {
margin: 0; }

.post {
margin-bottom:  40px;
}

ul#latestevents {
	margin:  0;
}


#latestevents h2 {border-bottom: none;}


ul#latestevents .small {
margin:  0;
}


.toolTip { /* This is the hook that the jQuery script will use */
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		margin-left: 35px; 
		margin-top: 0;
		top: -2px; 
		font-size: 15px; /* A font size is needed to maintain consistancy */
		font-style: normal;
		font-family: Helvetica, Verdana;
		line-height: 15px; 
		text-align: center; 
		z-index: 1000; 
	}
	
		
		#pages .toolTipWrapper {
		margin-left: 25px;
		top: 0px; }
		
		
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 10px; 
			margin: 0; 
			background: transparent url(imgs/tooltiptop.png) no-repeat;
		}
		
		*html .toolTipTop {position: relative; top: 5px;}
		

		.toolTipMid { /* Middle section of the tooltip */
			padding: 0px 10px;
			margin: 0;
			
			background: url(imgs/tooltipmiddle.png) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 9px;
			background: transparent url(imgs/tooltipbottom.png) no-repeat;
		}
		
		
		
#page .staff_thumb{border: 5px solid #ccc; float: left; margin-right: 10px; }
#page .staffers {margin-bottom: 20px; padding: 0;  }
#page .stafers h3 {font-weight: bold; }
#page .staffers li {list-style: none;  }

.search #searchform {float: left; }


#table-gen {
	width: 670px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #e1e1e1;
	font-size: 13px; 
 }



#table-gen .rowa {
	background: #ffffff;
	height: 50px;
	width: 50px;
	text-align: center;
}
#table-gen .rowb {
	background: #CB4926;
	color: #fff;
	height: 30px;
		width: 50px;
		font-weight: bold; 

}


#table-gen .cell {
	padding: 0px;
	border: 1px solid #e1e1e1;
	width: 50px;
	text-align: center;
}

.noteclassic {
background-color:#F4F4B7 !important;
}



div.archive {padding: 10px 0 !important;  }
div.archive h3 a {padding-left: 10px; font-size: 25px !important;  }
div.archive p {padding-left: 10px; font-size: 11px; }
div.archive h3 a:hover {text-decoration: none; color: inherit; }
div.archive:hover {padding: 10px 0 ; background: #f7f7f7; }
div.archive:hover h3 a {color: #d05025; }
#sidebar .widget ul li {padding-bottom: 5px; list-style-type: disc; }
#sidebar .widget ul li:last-item {border-bottom: none; }
#content p.small {font-size: 11px; font-weight: bold; color: #222; }
div.entry {margin-top: 20px; }
div.staffers:hover {background: #f4f4f4; }

div#login h1 a {
background: url (imgs/soula_admin_logo.png) no-repeat !important; height: 200px;}

.section_image {margin-bottom: 20px; }


.cform {
	width:  500px;
}