/*
Theme Name: YogiRascals
Author: WhiteLabelWorld
Author URI: http://whitelabelworld.com
version: 1.0
*/


/* basics */

html, body {height:100%;}
html {height:101%;}

*{margin:0; padding:0;}

body {
	background:url(images/body_bg.jpg) 50% top repeat #f0e3cb;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 9pt;
	margin:0;
	}

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	min-height:100%;
	background:url(images/container_bg.jpg) left top no-repeat transparent;
	width: 955px;
	margin: 0 auto;
	padding:0;
	color:#333;
	overflow: hidden;
	position:relative;
	}
	
/* header */

#header {
  	width: 760px; 
  	height: 100px;
	color: #fff; 
	}

#header h1 {
		text-indent:-1000px;
		overflow:hidden;
	}
	#header h1 a {
		outline:0;
		position:absolute; 
		top:0; left:5px; 
		width:250px; height:95px;
		}

#header h2 {
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;
	}

/* main menu */

#menu {
	width:760px; 
	overflow:hidden;
}


#menu ul {
	margin:0; padding:0;
	position:absolute; 
	left:243px; top:22px;
	width:707px;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0; padding: 0;
	height:73px;
}
	/* menu button widths by page */
	li#menu_fees		{width:98px; 	background:url(images/nav_bg.jpg) -7px top 	no-repeat;}
	li#menu_timetable	{width:167px; background:url(images/nav_bg.jpg) -105px top 	no-repeat;}
	li#menu_about-us	{width:156px; background:url(images/nav_bg.jpg) -272px top 	no-repeat;}
	li#menu_news		{width:108px; background:url(images/nav_bg.jpg) -428px top	no-repeat;}
	li#menu_contact-us	{width:178px; background:url(images/nav_bg.jpg) -536px top 	no-repeat;}

#menu ul li a {
	outline:0;
	display:block; width:100%; height:100%;
	text-indent:-1000px; overflow:hidden;
}
	/* hover / focus / current states */
	li#menu_fees a:hover,
	li#menu_fees a:focus,
	body.fees li#menu_fees a {					background:url(images/nav_bg.jpg) -7px bottom no-repeat;}

	li#menu_timetable a:hover,
	li#menu_timetable a:focus,
	body.timetable li#menu_timetable a {		background:url(images/nav_bg.jpg) -105px bottom no-repeat;}

	li#menu_about-us a:hover,
	li#menu_about-us a:focus,
	body.about-us li#menu_about-us a {			background:url(images/nav_bg.jpg) -272px bottom no-repeat;}

	li#menu_news a:hover,
	li#menu_news a:focus,
	body.news li#menu_news a {					background:url(images/nav_bg.jpg) -428px bottom no-repeat;}

	li#menu_contact-us a:hover,
	li#menu_contact-us a:focus,
	body.contact-us li#menu_contact-us a {			background:url(images/nav_bg.jpg) -536px bottom no-repeat;}


/* classes_menu */
#classes_menu_ul {
	margin:0; padding:0;
	position:absolute; left:5px; top:28px;
	width:225px; overflow:hidden;
}
	#classes_menu_ul li {
		list-style:none; display:block; width:100%; height:32px;
		text-indent:-1000px; overflow:hidden;
	}

	/* classes menu offsets */
	li#class_yoga {				background:url(images/classes_ul_bg.jpg) left top 		no-repeat;}
	li#class_ballet {			background:url(images/classes_ul_bg.jpg) left -32px		no-repeat;}
	li#class_street-dance {		background:url(images/classes_ul_bg.jpg) left -64px		no-repeat;}
	li#class_kickboxing-gym {	background:url(images/classes_ul_bg.jpg) left -96px		no-repeat;}
	li#class_theatre-music {	background:url(images/classes_ul_bg.jpg) left -128px	no-repeat;}
	li#class_baby-movement {	background:url(images/classes_ul_bg.jpg) left -160px 	no-repeat;}
	
	#classes_menu_ul li a {
		display:block; width:100%; height:100%;
	}
	
	/* hover / focus / current states */
	li#class_yoga a:hover,
	li#class_yoga a:focus,
	body.yoga li#class_yoga a {						background:url(images/classes_ul_bg.jpg) right top 		no-repeat;}

	li#class_ballet a:hover,
	li#class_ballet a:focus,
	body.ballet li#class_ballet a {					background:url(images/classes_ul_bg.jpg) right -32px	no-repeat;}
	
	li#class_street-dance a:hover,
	li#class_street-dance a:focus,
	body.street-dance li#class_street-dance a {		background:url(images/classes_ul_bg.jpg) right -64px	no-repeat;}
	
	li#class_kickboxing-gym a:hover,
	li#class_kickboxing-gym a:focus,
	body.kickboxing-gym li#class_kickboxing-gym a {	background:url(images/classes_ul_bg.jpg) right -96px	no-repeat;}
	
	li#class_theatre-music a:hover,
	li#class_theatre-music a:focus,
	body.theatre-music li#class_theatre-music a {	background:url(images/classes_ul_bg.jpg) right -128px	no-repeat;}
	
	li#class_baby-movement a:hover,
	li#class_baby-movement a:focus,
	body.baby-movement li#class_baby-movement a {	background:url(images/classes_ul_bg.jpg) right -160px 	no-repeat;}
	
/* content */

#content {
	width:435px;
	margin:14px auto;
	padding-top:270px;
	}
	body.news #content {
		padding-top:285px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font-size:15pt;
	font-weight:normal;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {margin-left:12px;}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
.navigation a {color:#666666;}	
.alignleft a{float:left; margin:10px 0; font-weight:bold;}
.alignright a{float:right; margin:10px 0; font-weight:bold;}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
/*	background:url(images/footer_bg.jpg) left top no-repeat;*/
	clear: both;
	width: 100%;
	}
	
#footer p{padding:14px 0;margin: 0; color: #0e93d4; text-align:center;}
#footer a{color: #0e93d4; text-decoration: none;}
#footer a:hover{color: #000000; text-decoration: underline;}

#footer ul {margin:10px auto; text-align:center; padding:0; width:600px;}
		#footer ul li {display:inline;}
		#footer ul li a {margin:0 1px 0 -5px; padding:0 5px; border-right:1px solid #0e93d4;}
		#footer ul li.rightmost a {border-right:none;}




			
/* yogirascals specific */
#left_panel_div {
	position:absolute; top:140px;
	height:233px;width:235px;
	background:url(images/classes_panel_bg.jpg) left top no-repeat transparent;
}
#right_panel_div {
	position:absolute; top:140px; right:0;
	height:233px;width:235px;
	background:url(images/latest_news_panel_bg.jpg) left top no-repeat transparent;
}
	ul#latest_news {
		padding:2px 20px;
	}
		ul#latest_news li {
			list-style:none;
			color:#fff;
			font-size:12px; lineheight:16px;
			margin-top:16px;
		}
			ul#latest_news li a {
				font-weight:bold;
				color:#FFFF00;
			}
			ul#latest_news li a:hover {
				color:#3a4c78; text-decoration:none;
			}
			
			ul#latest_news #more_news_li {
				position:absolute; bottom:20px;
			}
			
			ul#latest_news #rss_li a {
				position:absolute; bottom:20px; right:20px;
				width:24px; height:24px;
				text-indent:-1000px; overflow:hidden;
				background:url(images/rss_icon.gif) left top no-repeat;
			}
			
#centre_panel_div {
	position:absolute; top:140px; left:255px;
	width:445px; height:233px;
	background:url(images/centre_panel_full_bg.jpg) left top no-repeat;
}
	#centre_panel_div #banner_image_div {
		position:relative;
		top:-20px;
	}
	body.news #banner_image_div {
		width:445px; height:252px;
		background:url('http://www.yogirascals.com/wordpress/wp-content/uploads/yogi-rascals-news.jpg') left top no-repeat;
	}
	
.panel_title {text-indent:-1000px; overflow:hidden;}

div.hr {
	margin:10px -20px;
	width:474px; height:18px;
	background:url(images/horizontal_divider.jpg) left top no-repeat;
	clear:both;
}
	div.hr hr {
		display:none;
	}
	
/* timetable specific styles */
	table.timetable {margin-bottom:10px; width:100%;}
	
	table.timetable th, 
	table.timetable td {
		text-align:left;
		padding:0 4px;
		width:60px;
		border-right:1px solid #666;
		border-bottom:1px solid #666;
	}
	table.timetable th.header_row {
		border-top:1px solid #666;
	}
	
	table.timetable td.leftmost_col,
	table.timetable th.leftmost_col {
		border-left:1px solid #666;
	}
	table.timetable td.top_left_cell,
	table.timetable th.top_left_cell {
		border-bottom:0;
	}
	
	table.timetable th.leftmost_col {background-color:#c1d8d4;}

	table.timetable tr.spacer_row td {
		font-size:1px; line-height:1px; height:6px; border-right:0;
	}
	
	table.timetable td a,
	table.classes_key td a {
		font-size:10px; letter-spacing:-1px;
		display:block; 
		width:100%; height:30px;
		padding:8px 4px 0; margin:0 -4px;
	}
		table.classes_key td a {height:10px; width:80px; margin-top:4px;}
		table.timetable td a.half_cell {height:11px; padding:0 4px 8px}		
	
	/* colours for classes */
	a.yoga				{background-color:#00a8ff;}
	a.ballet			{background-color:#f6be8a;}
	a.street_dance		{background-color:#ff7200;}
	a.kickboxing		{background-color:#7a3803; color:#fff;}
	a.theatre_and_music	{background-color:#f0ff00;}
	a.baby_movement		{background-color:#ffffff;}
	a.playtime			{background-color:#3d3d3d; color:#fff;}
	
	.classes_key {font-size:11px;width:210px;}
	.classes_key.float_left {float:left; margin-right:10px;}