/*
Theme Name: Tashirat Clouds
Description: A theme custom created for Tashirat Cosmic Learning Center<a href="http://www.tashirat.com">www.tashirat.com</a> by <a href="http://www.aesch.com.mx/prana/">David Riveroll</a>)
Version: 1 (WP2.8)
Author: David Riveroll Fuster
Author URI: http://www.aesch.com.mx/prana/
Tags: clouds, meditation, spiritual, sky, ethereal, clean

Color Palette:

Primary Blue (regular): #3d99be
Secondary Blue (light): #92bed0
Dark Blue: #0054b3
Footer Blue: #46b4e1
Gold: #d9cb7b; 

Sky Blue: #2e5f8d
Light Blue: #4e8ac2
Dark Blue: #13395d
Lighter Blue: #cce6fe

Sky Green: #32705f
Turquoise: #378d9d
Grey Blue: #356e8b


*/


@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




/*
STRUCTURE
*/

html, body {
background:url('images/body-bg.gif') top repeat-x #FFFFFF ;
height: 100%;
}

#page-wrap {
width: 1020px;
margin: 0px auto -167px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#push {
height: 167px;
}

div .post {
margin:-15px auto;
}
.attachment-thumbnail {
	float:left; 
	margin:20px 20px 20px 0;
}
h2 a {
	text-decoration:none;
}
/*----- Header -------*/

#header {
margin:0;
padding:0;
line-height:0;
}

/*----- Main Nav Bar ------*/

#menu-bar {
height:41px;
}

ul#main-nav {
	list-style: none;
	}
	ul#main-nav li {
		display: inline;
	}
	ul#main-nav li a  {
		text-indent: -9999px;
		display: block;
		height: 41px;
		float: left;
		}
		ul#main-nav li.page-item-3 a, ul#main-nav li.about a {
			background: url(images/about-us.jpg) no-repeat bottom center;
			width: 118px;
			}
		ul#main-nav li.page-item-9 a, ul#main-nav li.courses a {
			background: url(images/courses.jpg) no-repeat bottom center;
			width: 93px;
			}
		ul#main-nav li.page-item-13 a, ul#main-nav li.orphanage a {
			background: url(images/orphanage-school.jpg) no-repeat bottom center;
			width: 192px;
		}
		ul#main-nav li.page-item-29 a, ul#main-nav li.volunteer a {
			background: url(images/volunteer.jpg) no-repeat bottom center;
			width: 112px;
		}
		ul#main-nav li.page-item-496 a, ul#main-nav li.donate a {
			background: url(images/donate.jpg) no-repeat bottom center;
			width: 92px;
		}
		ul#main-nav li.page-item-18 a, ul#main-nav li.retreat a {
			background: url(images/retreat-rental.jpg) no-repeat bottom center;
			width: 162px;
		}
		ul#main-nav li.page-item-7 a, ul#main-nav li.store a {
			background: url(images/store.jpg) no-repeat bottom center;
			width: 75px;
		}
		/*ul#main-nav li.page-item-16 a {
			background: url(images/press.jpg) no-repeat bottom center;
			width: 78px;
		}*/
		ul#main-nav li.page-item-21 a, ul#main-nav li.contact a {
			background: url(images/contact.jpg) no-repeat bottom center;
			width: 97px;}
		ul#main-nav li.page-item-477 a, ul#main-nav li.blog a {
			background: url(images/blog.jpg) no-repeat bottom center;
			width: 79px;
			}
			ul#main-nav li a:hover, ul#main-nav li a:active {
				background-position: center center;
			}
			ul#main-nav li.current_page_item a {
				background-position: top center;
			}
			
/*----- Submenu Bars ------*/

ul#submenu {
margin:0 0 40px 0;
padding:0;
height:31px;
background:url('images/sub-nav-bg.jpg') no-repeat #FFFFFF;list-style: none;
}
	ul#submenu li {
		display: inline;
	}
	ul#submenu li a  {
		text-indent: -9999px;
		display: block;
		height: 31px;
		float: left;
		}
		
		
/* About Us */	

	ul#submenu li.page-item-56 a {
			background: url(images/subabout-staff.jpg) no-repeat bottom center;
			width: 339px;}
	ul#submenu li.page-item-16 a {
			background: url(images/subabout-press.jpg) no-repeat bottom center;
			width: 127px;}
	ul#submenu li.page-item-55 a {
			background: url(images/subabout-location.jpg) no-repeat bottom center;
			width: 150px;}
	/*ul#submenu li.page-item-53 a {
			background: url(images/subabout-faq.jpg) no-repeat bottom center;
			width: 129px;}*/
	ul#submenu li.page-item-101 a {
			background: url(images/subabout-photos.jpg) no-repeat bottom center;
			width: 344px;}
			

/* Courses */	
	ul#submenu li.page-item-25 a {
			background: url(images/subcourses-intensive.jpg) no-repeat bottom center;
			width: 209px;}
	ul#submenu li.page-item-27 a {
			background: url(images/subcourses-teacher.jpg) no-repeat bottom center;
			width: 230px;}
	ul#submenu li.page-item-23 a {
			background: url(images/subcourses-health.jpg) no-repeat bottom center;
			width: 235px;}
	/*ul#submenu li.page-item-29 a {
			background: url(images/subcourses-volunteer.jpg) no-repeat bottom center;
			width: 168px;}
	ul#submenu li.page-item-33 a {
			background: url(images/subcourses-faq.jpg) no-repeat bottom center;
			width: 60px;}*/
	ul#submenu li.page-item-31 a {
			background: url(images/subcourses-testimonials.jpg) no-repeat bottom center;
			width: 148px;}
	ul#submenu li.page-item-66 a {
			background: url(images/subcourses-photos.jpg) no-repeat bottom center;
			width: 138px;}
			
/* Orphanage & School */	
	ul#submenu li.page-item-34 a {
			background: url(images/suborp-tashirat.jpg) no-repeat bottom center;
			width: 494px;}
	ul#submenu li.page-item-36 a {
			background: url(images/suborp-ixaya.jpg) no-repeat bottom center;
			width: 446px;}
			
/* Volunteer */	
	ul#submenu li.page-item-170 a {
			background: url(images/subvol-program.jpg) no-repeat bottom center;
			width: 171px;}
	ul#submenu li.page-item-172 a {
			background: url(images/subvol-guidelines.jpg) no-repeat bottom center;
			width: 134px;}
	ul#submenu li.page-item-173 a {
			background: url(images/subvol-expenses.jpg) no-repeat bottom center;
			width: 182px;}
	ul#submenu li.page-item-175 a {
			background: url(images/subvol-registration.jpg) no-repeat bottom center;
			width: 144px;}
	ul#submenu li.page-item-178 a {
			background: url(images/subvol-bring.jpg) no-repeat bottom center;
			width: 160px;}
	ul#submenu li.page-item-180 a {
			background: url(images/subvol-directions.jpg) no-repeat bottom center;
			width: 169px;}
			
/* Retreat Rental */	
			
	ul#submenu li.page-item-86 a {
			background: url(images/subretreat-amenities.jpg) no-repeat bottom center;
			width: 376px;}
	ul#submenu li.page-item-89 a {
			background: url(images/subretreat-location.jpg) no-repeat bottom center;
			width: 139px;}
	ul#submenu li.page-item-90 a {
			background: url(images/subretreat-rates.jpg) no-repeat bottom center;
			width: 122px;}
	/*ul#submenu li.page-item-88 a {
			background: url(images/subret-faq.jpg) no-repeat bottom center;
			width: 83px;}*/
	ul#submenu li.page-item-92 a {
			background: url(images/subretreat-photos.jpg) no-repeat bottom center;
			width: 323px;}

/* Store */	

	#content #item {
		background: url(images/storebox-bg.png) repeat-y center top;
		width:738px;
	}
	#content #item div{
		background: url(images/storebox-top.png) no-repeat center top;
	}
	#content #item div div{
		background: url(images/storebox-bottom.png) no-repeat center bottom ;
		padding:100px 50px 50px;
}
	#content #item div.book{
		background: none;
		float:left;
		padding:10px;
		width:220px;
	}
	#content #item div.book-text{
		background: none;
		float:right;
		font-size:15px;
		padding:10px;
		width:370px;
	}
	#content #item div.clear{
		background: none;
		clear:both;
		padding:0;
	}
	#content #item a.buy {
		text-indent:-1000px;
		display:block;
		width:161px;
		height:56px;
		background: url(images/buynow-btn.png) center bottom;
	}
	#content #item a:hover.buy {
		background: url(images/buynow-btn.png) center top;
	}

/* States */

		ul#submenu li a:hover, ul#submenu li a:active {
						background-position: center center;
					}
					ul#submenu li.current_page_item a {
						background-position: top center;
					}

/*----- Content area ------*/
			
div #main {
background:url('images/main-bg.jpg') top center no-repeat #FFFFFF ;
margin:0 auto;
width:960px;
padding:0;
}

#main #content-box {
position:relative;
width:779px;
margin: 40px auto;
border:1px solid #356e8b; 
padding:0;
}

.section-image {
width:779px;
height:227px;
margin-bottom:0;
}

.section-title {
width:779px;
height:49px;
margin-bottom:0;
}

#content {
position:relative;
top:0px;
width:779px;
background:url(images/content-bg.jpg) top right no-repeat #FFFFFF;
height:100%;
margin:0;
text-align:center;
clear:both;
}


#content .inside {
width:739px;
margin:0 auto;
height:100%;
clear:both;
}

#text {
float:left;
width:500px;
text-align:justify;
}

#widetext {
width:739px;
text-align:justify;
height:100%;
clear:both;
}

#text-flow {
width:739px;
float:right;
text-align:justify;
}

#sidebar {
width:190px;
background-color:#FFFFFF;
border:1px solid #3d99be;
float:right;
padding:15px;
text-align:left;
margin:20px 0 20px 20px;
}
	#sidebar a {
	color:#3d99be;
	text-decoration:none;
	font-style:italic;
	line-height:2;
	}

	#sidebar a:hover, #sidebar a:active {
	color:#92bed0;
	}
	
	#sidebar li.current_page_item a {
	color:#0054b3;
	}
	
div .singlecolumn {
background:transparent url(images/transpWhite50.png) repeat scroll 0 0;
border:1px solid #92BED0;
color:#3D99BE;
float:left;
line-height:1.4;
margin-bottom:20px;
padding:5px;
text-align:left;
width:485px;
}

#content .singlecolumn .inside{
margin:10px;
width:465px;
}
div .column {
background:url('images/transpWhite50.png') repeat;
border:1px solid #92BED0;
color:#3D99BE;
float:left;
height:300px;
padding:25px;
width:307px;
margin-top:20px;
margin-bottom:20px;
text-align:left;
line-height:1.4;
}
	div .column img{
	margin-bottom:10px;
	}
	.col-left {
	margin-right:20px;
	}

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

#footer {
height:167px;
background:url('images/footer-bg.jpg') top center repeat-x #92bed0 ;
text-align:center;
width:100%;
}

	#footer p {
	color:#46b4e1;
	font-size:12px;
	}
	#footer .address {
	color:#3d99be;
	font-size:14px;
	}
	#footer .inside{
	padding:5px 20px 0 20px;
	}
	
/*
HOME
*/

div #slideshow {
margin:40px auto;
width:781px;
height:500px;
display:block;
}

/*--------Donate------------*/
	
.elem {FONT-FAMILY: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: bold; color:#555555;}
.field {padding-left: 80px;}
.carthead{ 
FONT-FAMILY: Georgia,"Times New Roman",Times,serif; 
font-size: 16px; 
font-weight: bold; 
color:#336699; 
}
.cartline{
background:transparent url(../images/divide-line.gif)repeat-x scroll 0 100%;
padding:0 0 15px;
}
.cartproducts{ FONT-FAMILY: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: bold; color:#000000;}
.cartnote{ FONT-FAMILY: Georgia,"Times New Roman",Times,serif; font-size: 12px; color:#000000;}

/*-------- ACCORDION --------*/


#accordion {
	border:1px solid #92bed0;
}

#accordion h2 {
	background:url(images/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;	
	color:#0054b3;	
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#FFFFFF;
	border-bottom:1px solid #0054b3;
}

/* accordion pane */
#accordion div.pane {
	background:url(images/h600.png) repeat-x bottom;
	display:none;
	height:auto;
	padding:15px;
}

#accordion div.pane .slideshowlink{
display:none;
}
/*----------- OVERLAY ---------*/

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
	display:none;
}


/*--------DOCK------------*/

# .dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }  
# a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }  
# .dock-item span { display: none; padding-left: 20px; }  
# .dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; } 


/*--------Newsletter SLIDER

#news {
	margin-top:15px;
	width:504px;
	height:304px;
	background:transparent url(images/tashirat-news-frame.jpg) no-repeat 0 0;
	position:relative;
}

#news #slidesContainer {
  margin:0 auto;
  width:504px;
  height:304px;
  overflow:auto; / allow scrollbar /
  position:relative;
  }

#news #slidesContainer .slide {
  margin:0 auto;
  width:404px; / reduce by 20 pixels to avoid horizontal scroll /
  height:304px;
} ------------*/
/**
/*--------Newsletter ------------*/

#news {
	margin-top:15px;
	width:504px;
	height:304px;
	background:transparent url(images/tashirat-news-frame.jpg) no-repeat 0 0;
	position:relative;
	padding:15px;
}
#news-ixaya {
	margin-top:15px;
	width:504px;
	height:304px;
	background:transparent url(images/ixaya-news-frame.jpg) no-repeat 0 0;
	position:relative;
	padding:15px;
}
#news .slide {
  margin:0 auto;
  width:470px; / reduce by 20 pixels to avoid horizontal scroll /
  height:304px;
}

 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:40px;
  height:198px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  top:53px;
}
#leftControl {
  left:0;
  background:transparent url(images/news-back.png) no-repeat 0 0;
  position:absolute;
  z-index:999;
}
#rightControl {
  right:0;
  background:transparent url(images/news-fwd.png) no-repeat 0 0;
  position:absolute;
  z-index:999;
}
.slide h2, .slide p {
margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#0054b3;
  letter-spacing:-1px;
  font-weight:normal;
}
.slide p {
color:#3d99be;
font-style:italic;
width:408px;
font-size:12px;
}
.slide a {
  font:italic 18px Georgia, "Times New Roman", Times, serif;
  color:#0054b3;
  letter-spacing:-1px;
  font-weight:normal;
  font-size:14px;
}
.slide img {
  float:right;
  margin:0 0 0 10px;
}