/*
Theme Name: ¡Flamenco Denver!
Theme URI: http://www.flamencodenver.com
Description: wp theme for Grupo Maria Vazquez Flamenco Denver 
Version: 1.0
Author: Etuan
Author URI: http://etuanlecroix.com/
Tags: Flamenco Denver

*/


body {
	background-color: #230101;
}

.container-wrap {
	margin-top: 1px ;
	background: #dfc191 url("images/bkg-container-wrap.jpg");
}
.container{ background:transparent url("images/bkg-container.jpg") 0 390px no-repeat;}
.page .container, .archive .container, .single .container { background:transparent url("images/bkg-container2.jpg") 0 197px no-repeat;}


/*this is the css that makes the fancy picture header and switches it out based on which page it is */
 h1.header { font-size: 1em; width: 990px; height: 197px; margin-bottom: 23px; background: url("images/bkg-header-page.jpg") no-repeat left top; } 
.home h1.header, .error404 h1.header { width: 990px; height: 392px; margin: 0; background: url("images/bkg-header-home.jpg") no-repeat left top; }
/*

.page-id-3 h1.header { background: url("images/bkg-header-classes.jpg") no-repeat left top; } 
.page-id-19 h1.header { background: url("images/bkg-header-performances.jpg") no-repeat left top; } 
.page-id-21 h1.header { background: url("images/bkg-header-workshops.jpg") no-repeat left top; } 
.page-id-23 h1.header {  background: url("images/bkg-header-biography.jpg") no-repeat left top; } 
.page-id-25 h1.header { background: url("images/bkg-header-photography.jpg") no-repeat left top; } 
.page-id-27 h1.header { background: url("images/bkg-header-studio-rental.jpg") no-repeat left top; } 
.page-id-29 h1.header { background: url("images/bkg-header-music.jpg") no-repeat left top; } 
*/
.page-id-3 .nav-classes a,
.page-id-19 .nav-performances a,
.page-id-21 .nav-workshops a,
.page-id-23 .nav-biography a,
.page-id-25 .nav-photography a,
.page-id-27 .nav-studio-rental a,
.page-id-29 .nav-music a
 {color: #c24900;}

h1.header span { text-indent: -9999px; float: left; }

#sidebar-pages {
	width: 115px;
	margin: .25em 0 0 17px;
	padding: 0 30px ;
	float: left;
}
.error404 #sidebar-pages,
.home #sidebar-pages {
	margin: 0;
	width: 115px;
	padding: 0 30px 0 253px;
	float: left;
}


#nav {
	width: 115px;
	font-size: 1.4em;
}

#nav li {
	width: 115px;
	padding: 0 5px;
	list-style: none;
	line-height: 1.4em;
	border-bottom: 1px solid #c39970;
}

#nav li a{
	text-decoration: none;
	text-transform:capitalize;
	
}

#content {
	min-height: 455px;
	width: 430px;
	padding: 0 30px 0 45px;
	float: left;
}
#content h2 { font-size: 2.5em; line-height: 1em; margin-bottom: .5em;}
#content h3 a, #content h2 a { color: #031037; text-decoration: none;}
#content h2 a:hover {color: #f15f07;}
.home #content h2 { font-size: 2em;} 
#content ul {
	font-size: 1.1em;
}
#content ul li {
	padding: .3em 0;
	list-style-image: url("images/bullet.png");
}

#sidebar {
	width: 230px ;
	margin-top: .25em;
	padding: 0 30px ;
	float: left;

}
#sidebar p { width: 260px; }
#sidebar ul{

	padding: 0;
	margin: 0;
	list-style: none;
}
#sidebar .widgettitle { display: none;}

#sidebar .post-title {
	text-decoration: none;
	font-style: italic;
	color: #c24900;
	font-size: 1.4em;
	display: block;
	margin: 0 0 .75em -.75em; 
	border-bottom: 1px solid #c39970;

}
#sidebar a.post-title:hover {
		color: #f15f07;
}

#sidebar li.widget {
		color: #470704;
		margin: 0 0 .75em -.75em; 
		border-bottom: 1px solid #c39970;
}

.post-meta { width: 200px;	margin-top: .25em; font-size: 1.2em; float: left; color: #470704; }
.post-meta-key {display: none;}
.post-meta li { list-style: none; line-height: 1em; }

.post-meta li ul {
	margin: .6em 0;
}

.post-meta li ul li:first-child{ border-top: 1px solid #c39970;}
.post-meta li ul li:first-child.title { border-top: 0;  line-height: 1em; padding-bottom: .75em;}

.post-meta li li {
	padding: 0 5px;
	list-style: none;
	line-height: 1.4em;
	border-bottom: 1px solid #c39970;
}

.post-meta li li a {
	text-decoration: none;
	font-style: italic;
	color: #c24900;
}
.post-meta li li a:hover {
	color: #f15f07;
	
}

.footer {
	padding: 30px ;
	margin: 0;
	text-align: center;
	color: #96714c;
	clear: both;

}

/* Potography page */
.page-id-25 #content {
	width: 650px;
}

.size-thumbnail {
	float: left;
	margin: 5px;
}

/* Light box stuff */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#lightbox {
	display: none;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 500;
	height: 375;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*  Images in posts */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;

	}
.navigation { width: 100%; height: 3em; clear: both; }