/*
Theme Name: Estudio de Actores
Theme URI: http://elestudiodeactores.com/
Description: Tema de Estudio de Actores
Author: Plan Original
Version: 1.0
*/

@import url(css/reset.css);
@import url(css/text.css);

html * {
    margin: 0;
}

body {
    background: #000 url('imagenes/bg.jpg') no-repeat top center;
}

/* Generales */

.fuerte {
	font-weight: bold;
}

.error {
	color: #FF2A2A;
}

.exito {
	color: #69C24B;
}

#lightbox-nav {
	z-index: 999 !important;
}

/* Listas */

#content ul, #content ol {
	margin-bottom: 20px;
}

#content ul li, #content ol li {
	margin-left: 30px;
}

/* Enlaces */

#content a {
    color: #3399DA;
}

#content a:hover {
    color: #88ACD0;
}

/* Parrafos */

#content p {
	margin-bottom: 20px;
}

/* Imagenes */

#content img {
	margin: 0;
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}

#content .wp-caption img {
	margin: 5px 5px 0;
}

#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}

/* Paginador */

.paginador, .wp-pagenavi {
	text-align: center;
	font-size: 1em;
	padding: 3px 0;
}

.paginador a span {
	background-color: #E1E1E1;
	color: #000;
	display: inline-block;
	width: 15px;
	border: #000 1px solid;	
}



/* Menu Horizontal */

.menu-horizontal {
	margin: 0;

	list-style-type: none;

	position: relative;
}

	.menu-horizontal li {
		float: left;
		margin-left: 0;

        text-align: center;

		position: relative;
	}

		.menu-horizontal a {
			display: block;

			position: relative;

			text-decoration: none;
		}

		.menu-horizontal ul {
			position: absolute;
			left: 0px;
			list-style-type: none;

			display: none;

		}

		.menu-horizontal li ul li {
			position: relative;
			z-index: 1;
			text-align: left;
			margin-left: 0;
		}

		.menu-horizontal li:hover ul, .menu-horizontal li li:hover ul, .menu-horizontal li li li:hover ul, .menu-horizontal li li li li:hover ul{
			display:block;
		}

			.menu-horizontal li ul li a {
				width: 140px;
			}

			.menu-horizontal li ul li a:hover {
				position: relative;
			}

		.menu-horizontal li:hover ul ul, .menu-horizontal li:hover ul ul ul, .menu-horizontal li:hover ul ul ul ul {
			display: none;
		}

		.menu-horizontal li ul li:hover ul {
			position: absolute;
			left: 145px;
			top: 3px;
		}

/* Layout */

#container {
    width: 960px;
    margin: 0 auto;
}

	#header {
            z-index: 9;
	    position: relative;
	    text-align: center;
	    background: transparent url('imagenes/bg-head.png') no-repeat bottom left;
            padding-bottom: 20px
	}
	
	#content {
                clear: both;
		padding-top: 10px;
		margin-bottom: 15px;
		background: transparent url('imagenes/bg-cont.png') no-repeat bottom left;
	}
	
	#sidebar {
		float: right;
		width: 340px;
	}
	
	#footer {
		padding: 95px 0 1px 0;
		background: transparent url('imagenes/footer.png') no-repeat bottom left;
	}

/* Header */

#header h1#logo-head {
    font-size: 6.5em;
    text-shadow: #000 -3px 3px 2px;
    line-height: 0.8;
    margin-top: 85px;
}

h1#logo-head a {
    color: #FFF;
}

h2#tagline {
    font-size: 3em;
    color: #FFF;
    line-height: 0.8;
}

#header span {
    line-height: 0.8;
}

/* Menu Cabecera */

#menu-cabecera {
	position: relative;
	z-index: 1;
	width: 960px;
	height: 37px;
	margin-top: 30px;
	padding-left: 14px;
	background: transparent url('imagenes/menu.png') no-repeat top left;
}

	#menu-cabecera > li {
		line-height: 35px;
		margin: 0;
		padding: 0 11px 0 5px;
		background: transparent url('imagenes/separador-menu.png') no-repeat top right;
	}
	
	#menu-cabecera li:hover, #menu-cabecera li.current-menu-item, #menu-cabecera li.current {
		background: transparent url('imagenes/separador-menu.png') repeat-x top right;
	}
	
	#menu-cabecera li a {
		color: #FFF;
	}
	
	
	#menu-cabecera li.submenu {
		background: transparent url('imagenes/flecha-sub-menu.png') no-repeat center right;
	}
	
	#menu-cabecera li.submenu:hover, #menu-cabecera li.submenu.current-menu-item, #menu-cabecera li.submenu.current {
		background: transparent url('imagenes/sub-menu-hover.png') no-repeat top right;
	}	
	
		#menu-cabecera li ul {
			background: transparent url('imagenes/sub-menu.png') repeat-x bottom left;
		}
		
			#menu-cabecera li ul li {
				padding-left: 10px;
				background: transparent url('imagenes/menu-ul-li.png') no-repeat bottom left;
			}
			
/* Busqueda cabecera */			
			
#header .searchform {
	z-index: 1;
	position: absolute;
	bottom: 29px;
	left: 815px;
	background: transparent url('imagenes/search.png') no-repeat top left;
	color: #3C3C3C;
}	

	#header .searchform div {
		position:relative;
		text-align: left;
	}
	
	#header .searchform div label {
		position:absolute;
		top:0;
		left:7px;
		font-size: 0.9em;
		line-height: 1.5;
	}
	
	#header .searchform input[type=text] {
		width: 110px;
		background-color: transparent;
		border: none;
		padding-left: 7px;
		font-size: 0.9em;
		line-height: 1.5;		
	}
	
	#header .searchform input[type=submit] {
		width: 20px;
		background-color: transparent;
		border: none;	
		padding: 0;	
	}	

/* Contenido Front */

div#tabs {
	position: relative;
	width: 925px;	
	height: 275px;
	padding: 4px;
	background: transparent url('imagenes/bg-tabs.png') no-repeat top right;
	margin: 0 auto 20px;
}

div#tabs > div {
	position: absolute;
	top: 6px;
	left: 5px;
}


	h2.tabs-title {
		padding-left: 20px;
		color: #949393;
	}
	
	div#tabs ul {
		background: transparent;
		float: right;
		z-index: 5;
		position: relative;
		width: 250px;
	}
		
	div#tabs ul li {
		list-style: none;
		margin: 0;
		background: transparent url('imagenes/li-tabs.png') no-repeat top right;
	}
		
		div#tabs ul li a {
			position: relative;
			display: block;
			width: 244px;
			height: 74px;
			padding: 4px 3px;
			background-color: transparent;
			text-decoration: none;
		}
			
		div#tabs ul li.ui-state-active a, div#tabs ul li a:hover {
			background: transparent url('imagenes/li-tabs-hover.png') no-repeat top right;
		}
		
		div#tabs ul li.last a {
			border-bottom: #696969 1px solid;
		}
		
		div#tabs ul li a span {
			position: absolute;
			top: 20px;
			left: 35px;
			display: inline-block;
			width: 200px;
			font-family: Garamond, serif;
			font-style: italic;
			font-size: 1.4em;
			line-height: 1;
		}
	
	.tab-content {
		position: relative;
		width: 692px;
		height: 241px;
		padding: 0;
		background-color: transparent;
		overflow: hidden;
	}
		
		.ui-tabs-hide {
			display: none;
		}	

#bg-tabs {
	width: 139px;
	height: 125px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#bio {
	float: left;
	width: 430px;
	padding-left: 20px;
}


#casting-link {
	clear: both;
	width: 940px;
	margin: 0 auto;
	background: transparent url('imagenes/bg-single.png') repeat top left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	#side-links {
		list-style: none;
		margin-top: 10px;
	}
	
		#side-links li {
			margin-bottom: 25px;
		}

/* Contenido Single / Page */

#single-container {
	width: 740px;
	margin: 0 auto;
	padding: 20px;
	background: transparent url('imagenes/bg-single.png') repeat top left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}

/* Docentes / Actores */

#personas {
	overflow: hidden;
	margin-bottom: 20px;
}

	.persona {
		float: left;
		width: 140px;
		height: 245px;
		text-align: center;
		margin: 5px 22px;
	}
	
		.persona h4 {
			font-size: 1.8em;
			line-height: 0.8;
		}
		
/* Video */

.video-single {
	width: 600px;
	margin: 15px auto;
}		

.video-thumb, .galeria-thumb {
	overflow: hidden;
	text-align: center;
	float: left;
	width: 160px;
	height: 130px;
	margin: 10px 15px;
	padding: 8px;
	background: transparent url('imagenes/bg-single.png') repeat top left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.video-thumb h4, .galeria-thumb h4 {
		font-size: 1.9em;
		line-height: 0.7;
		margin-bottom: 8px;
		white-space: nowrap;
	}
	
/* Fotográfica */	

ul.gallery {
	overflow: hidden;
	margin: 20px 0;
}

	ul li.single-image-gallery {
		list-style: none;
		text-align: center;
		float: left;
		width: 130px;
		height: 118px;
		margin: 0 20px;
	}
	
	ul li.single-image-gallery img {
		border: #FFF 2px solid;
	}
	
/* Buqueda */

.search-title .resaltar {
	color: #C8D7F2;
}

/* Forms */

form div {
	position: relative;
}

form div label {
	position: absolute;
	left: 5px;
	color: #4B4B4B;
}

#contactForm div {
	margin: 10px 0;
}

#contactForm div input[type='text'], #contactForm div textarea {
	width: 300px;
}
	

/* Footer */

#footer p, #footer address {
	color: #B4B4B4;
	font-size: 1em;
	font-style: normal;	
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
}		

#credits {
	text-align: center;
	font-size: 0.8em;
	color: #B4B4B4;
	background-color: transparent;
}

	#credits a {
		color: #B4B4B4;
	}
	
	#credits a:hover {
		color: #E1E1E1;
	}