/*
Theme Name: Al Ritmo
Theme URI: http://www.stlsalsacongress.com/
Author: Charles French
Author URI: http://www.nanylew.com
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */


/* Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,searchform,searchfield,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

ol,ul,li,a{
	list-style:none;
	text-decoration:none;
}

body{
	line-height:1.5;
}

/*End Reset*/


h2{
	font-size:27px;
}

p{
	font-size:14px;
}


a{
	color:#C49C2C;
}

body{
	background:url(img/body_background.jpg) top center no-repeat #380c43;
	color:#fff;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;	
}

/*--global font style--*/

p{
	font-size:14px;
	letter-spacing: .5px;
	line-height:22px;
}

a:hover{
	text-decoration:underline;
	color: #D4D0C8;
}

#container{
	width:100%;
	margin:0 auto;
	position:relative;
}

/*--header elements--*/

h1#logo{
	background:url(img/almasdelritmologo.png) top left no-repeat;
	height:69px;
	float:left;
	margin:10px 0 15px 10px;	
	text-indent:-9999px;
	width:317px;
}

#header h1 a{
	display:block;
	height:69px;
	width:317px;
}


#searchform{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	float:right;
	height:25px;
	line-height:25px;
	width:254px;
	margin:30px 0 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#s{
	background:url(img/main_contentbg.png) repeat;
	background:none;
	border:none;
	color:#fff;
	float:right;
	height:25px;
	line-height:25px;
	width:175px;
}

#searchsubmit{
	background:url(img/main_contentbg.png) repeat;
	border-right:#b3a1ba 1px solid;
	border-left:none;
	border-bottom:none;
	border-top:none;
	color:#fff;
	float:left;
	height:25px;
	line-height:25px;
	width:75px;
}



input:focus, input:hover {
	background:#ededed;
}

/*Navigation elements--*/


ul#nav {
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	height:50px;
	width:960px;
	padding: 0;
 	margin: 0;
  	list-style: none;
	clear:both;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

ul#nav li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:800;
	color:#fff;
	line-height:1.5em;
	padding:5px 8px;
	text-decoration:none;
}

ul#nav li a:hover{
	background:#6b499c;
	border:#b3a1ba 1px solid;
	line-height:1.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

ul#nav li {
	float:left;
	line-height:1.5em;
	margin: 15px 0 0 12px;
	position: relative;
	

}

ul#nav li ul {
	display:none;
	background:#6b499c;
	border:#b3a1ba 1px solid;
	position: absolute;
	z-index:0;
	left: 0;
	top:1.5em;
}


ul#nav li ul li{
	width:175px;
	
	
}

ul#nav li ul li a:hover{
	background:none;
	border:none;
	color:gray;
	
}

li > ul {
	top: auto;
	left: auto;
	}

ul#nav li:hover ul, li.over ul{ display: block; }


      #header {   
          z-index:3;
      } 
  
      #main_content {   
          z-index:2; 
      }  






	

#wrapper{
	background:url(img/main_contentbg.png) repeat;
	border:#b3a1ba 1px solid;
	clear:both;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px auto;
	overflow:hidden;
	width:960px;
}




/*--structure Elements --*/

#header{
	margin: 0 auto;
	position:relative;
	width:960px;
	}

#main_content{
	float:left;
	width:650px;
}







 
#page_content {
background:url(img/content_wrapbg.png) repeat;
border:#b3a1ba 1px solid;
margin-bottom: 28px;
overflow: hidden;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
position: relative;
}


#page_content img{
	border:#b3a1ba 1px solid;
	margin-left:5px;
}

.post_item{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	clear:both;
	margin:20px 20px 50px 10px;
	min-height:300px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	width:600px;
}


#main_content h2 {
	color: #fff;
	font-size:27px;
	font-weight:700;
	line-height:27px;
}




.post_item h2 a{
	color:#fff;
	font-size:27px;
	line-height:27px;
}

.post_item img {
	float:left;
	margin: 30px;
	padding:4px;
	border:1px solid #a8a8a8;
	float: left;
}


.post_item h2 {
 padding-top: 30px;
 margin-bottom: 0;

}

.post_item h2 a {
 font-size: 27px;
}

.post_item p {
 font-style: italic;
 margin-bottom: 1.2em;
 margin-left: 230px;
font-size: .8em;
}

.single .post_item p {
 margin-left: 0;
}

.post_item p.meta {
 background:#2b0d3f;
	font-size:11px;
	height:15px;
	line-height:15px;
	margin-left:270px;
	margin-bottom:14px;
	margin-top:10px;
	width:260px;
	min-width:250px;
	text-align:center;
	border-bottom:#b3a1ba 1px solid;
	padding:4px;

}

/*---more link ***/
a.more-link{
	background::#wb0d3f;
	padding:6px;
	color:fefefe;
	border:1px solid #b3a1ba;
	font-size:.9em;
	height:15px;
	line-height:15px;
	width:70px;
	min-width:70px;
	text-align:center;
}



.post_item div.numComments {
position: absolute;
top: 13px;
right: 15px;
width: 43px;
height: 38px;
text-align: center;
line-height: 38px;
background:url(img/content_wrapbg.png) repeat;
border:#b3a1ba 1px solid;
}

/*---Next and Previous Buttons */
.morePrev a{
	padding:8px;
	color:#fff;
	font-size:12px;
	line-height:12px;
	font-style:italic;
	float:right;
	border:1px solid #fff;
	border-right:none;
	border-left:none;
}
	




/*sedondary/sidebar*/

#sidebar{
	float:right;
	width: 298px;
	overflow:hidden;
        margin:0 5px 0 0;
	}


.sidebaritem{
	background:url(img/content_wrapbg.png) repeat;
	border:1px solid #b3a1ba;
	margin:20px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:0 1%;
}

.sidebaritem img{
	border:#b3a1ba 1px solid;
	margin:0 auto;
}

.sidebaritem h3{
	background:#2b0d3f;
	border-bottom:#b3a1ba 1px solid;
	color:#fff;
	font-size:12px;
	margin:4% 0;
	padding:3px 0 2px 8px;
}

.sidebaritem ul li a{
	line-height:1.5em;
	font-size:11px;
}

.sidebaritem ul li a:hover{
	background:#6b499c;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#photos img{
	border:none;
}

#photos img.featuredImage{
	border:1px solid #b3a1ba;
	margin:0; padding:0;
	width:100%;
}

#photos .prevNext {
	margin:5px;
	float:right;
}

#photos p{
	clear:both;
	padding-bottom:10px;
}
.prevNext a{
	background:#2b0d3f;
	font-size:11px;
	width:100px;
	min-width:100px;
	text-align:center;
	border-bottom:#b3a1ba 1px solid;
	padding:4px;
	color:#fff;
	padding:3px;
	margin:5px;
}

.prevNext a:hover{
	background:#999;
}

.sidebaritem ul li{
	padding:3px 0 3px 0;
	border-bottom:1px solid #2b0d3f;
	border-top:1px solid #333333;
	line-height:22px;
	}
	
.sidebaritem a{
	font-size:12px;
	}

.sidebaritem ul li:first-child{
	border-top:none;
} 

.sidebaritem ul li:last-child{
	border-bottom:none;
}





/***********single page style*******************/


body.single div.post_item p{
	font-style:normal;
}

.single div.post_item ul{
	margin:1em 0;
}


.single .post_item ul li{
	padding-left: 1em;
	margin-left: 2em;
	list-style:disc;
	line-height: 2em;
}


.single .post_item p.meta {
	background:#2b0d3f;
	font-size:11px;
	height:15px;
	line-height:15px;
	margin-left:270px;
	margin-bottom:14px;
	margin-top:10px;
	width:260px;
	min-width:250px;
	text-align:center;
	border-bottom:#b3a1ba 1px solid;
	padding:4px;
}

.single .post_item p img{
	border:1px solid #b3a1ba;
	padding:0;
	position:relative;
}


/*--Footer Elements --*/

#foot_container{
	/*background:#000;*/
	background:url(img/bk-bg-dk.png) repeat;
	border-top:#0b0b0b 2px solid;
	clear:both;
	height:200px;
	margin-top:90px;
	width:100%;
}

#footer{
	/*background:url(img/footer_bg.jpg) repeat-x;*/
	margin:0 auto;
	position:relative;
	width:960px;
}

.footer-item{
	padding:0 0;
	float:left;
	margin:20px 0 0 0;
	width:320px;
}

.footer-item {
float: left;
width: 33%;
padding-bottom: 10px;
}
.footer-item ul {
padding-left: 15px;
}

.footer-item p{
	color:#fff;
	font-size:14px;
	line-height:18px;
}

.footer-item li, a{
	color:#c9c7b7;
	font-size:14px;
	line-height:18px;
}

.footer-item h3{
	background:#0a0110;
	border-bottom:#b3a1ba 1px solid;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:800;
	line-height:24px;
	margin-bottom:15px;
	width:200px;
	}

#social_networks a{
	text-decoration:none;
}

#social_networks li{
	
	
}

#social_networks li img{
	float:left;
	padding:0 5px 0 0;
}


/***********tiny contact form***************/

#tcform{
	color:#fff;
	font-size: 14px; 
	line-height:14px;
	padding-bottom:10px; 
	width:33%;
	}

#tcform textarea{
	width:210px;
}

#tcf_subject,#tcf_email,#tcf_sender,#tcf_sendit{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	color:#fff;
	height:16px;
	margin-bottom:10px;
	width:210px;
}

#tcf_captcha{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	color:#fff;
	height:16px;
	margin-bottom:10px;
	width:105px;
}

#tcf_msg{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	color:#fff;
	margin-bottom:10px;
	height:85px;
}



/* Page */

#page_content{
	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	clear:both;
	margin:20px 10px 50px 20px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	width:600px;
}

#page_content h2 a {
 	color:#fff;
	font-size:27px;
	line-height:27px;
}

#page_content h2 {
 margin: 1em 0;
}

#page_content h3 {
 margin: 1em;
}

#page_content {
 padding-bottom: 20px;
}

pre {
 margin: 2em 0;
overflow: auto;
}


#respond{
	clear:both;
}



/********comments template*************/


#comments_template {
 background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	clear:both;
	margin:20px 20px 50px 20px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	width:600px;
}

#comments_template input {
 	background:url(img/content_wrapbg.png) repeat;
	border:#b3a1ba 1px solid;
	margin-top:10px;
	color:#fff;
	font-size:11px;
	line-height:11px;
}



#comments_template li {
clear: left;
border-bottom: 1px solid #261039;
border-top: 1px solid #261039;
padding: 2em 0;
overflow: hidden; 

}



#comments_template li:first-child {
border-top: none;
}

#comments_template li:last-child {
 border-bottom: none;
}

#comments_template .avatar {
 float: left;
 margin-right: 25px;
 background: #afafaf;
 border:#b3a1ba 1px solid;
border-right: none;
border-bottom: none;
 padding: 4px;
}


.main_comment {
 background:url(img/content_wrapbg.png) repeat;
 border:#b3a1ba 1px solid;
 margin-left: 133px;
 padding: 15px;
position: relative;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.main_comment span.arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #ededed;
 border-right: 20px solid #4e226f;
 position: absolute;
 top: 10px;
 left: -20px;
}



/**************special lists instuctors and teachers*********************/

.instructors h3{
	background:#2b0d3f;
	border-bottom:#b3a1ba 1px solid;
	color:#fff;
	font-size:14px;
	line-height:18px;
	margin:4% 0;
	text-align:center;
	width:125px;
	padding:3px 0 2px 8px;
}

.instructors ul{
	margin:0 0 0 20px;
}



/**********v2 image***************/
#vs2_main2{
	position:relative;
	margin:auto;
	width:210px;
}

