/* 
Theme Name: B19
Description: Tema para el Estudio Fotográfico B19
Author: Jorge Vas & B19 Team
Version: 0.1
Tags: theme-options, threaded-comments, sticky-post, microformats, one-column, two-columns, three-columns, fixed-width, fullscreen background
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	/* @import url('../hybrid/library/css/reset.css'); */

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */
	/* @import url('../hybrid/library/css/18px.css'); */
	/* @import url('../hybrid/library/css/20px.css'); */
	@import url('../hybrid/library/css/21px.css');
	/* @import url('../hybrid/library/css/22px.css'); */
	/* @import url('../hybrid/library/css/25px.css'); */

/* Layout */
	@import url('../hybrid/library/css/2c-l-fixed.css');

/* Plugins CSS */
	@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
	@import url('../hybrid/library/css/drop-downs.css');

/* Hybrid's default CSS */
	@import url('../hybrid/library/css/screen.css');

/**
* Body
************************************************/

/* Contains everything */
body {
	background: url(images/loading.gif) no-repeat 16px 16px;
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 21px;
}

body.home {
	background: #000;
}

	/* Wrapper for everything inside of the body */
	#body-container { margin: 0 auto 21px; }

/**
* Elements
************************************************/

/* Hyperlinks */
a:link { color: #d01; }
a:visited { color: #600; }
a:hover { color: #600; }
a:active { color: #600; }

/* Headers */
h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, Sans-serif; }
h1 {}
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 {}
h6 {}

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail { height: 82px; width: 222px; }

/* WP Captions [caption] */
.wp-caption { border: 0; }
	.wp-caption img { padding: 9px; background: url('images/img-large-horizontal-bg.png') no-repeat; border: 0; }
	.wp-caption img.size-full { background: url('images/img-large-horizontal-bg.png') no-repeat; }
	.wp-caption img.size-full-vertical { background: url('images/img-large-vertical-bg.png') no-repeat; }
	.wp-caption img.size-full-cuadrada { background: url('images/img-large-cuadrada-bg.png') no-repeat; }
	.wp-caption img.size-large { background: url('images/img-large-horizontal-bg.png') no-repeat; }
	.wp-caption img.size-large-vertical { background: url('images/img-large-vertical-bg.png') no-repeat; }
	.wp-caption img.size-large-cuadrada { background: url('images/img-large-cuadrada-bg.png') no-repeat; }
	.wp-caption img.size-medium { padding: 4px; background: url('images/img-medium-horizontal-bg.png') no-repeat; }
	.wp-caption img.size-medium-vertical { padding: 4px; background: url('images/img-medium-vertical-bg.png') no-repeat; }
	.wp-caption img.size-medium-cuadrada { padding: 4px; background: url('images/img-medium-cuadrada-bg.png') no-repeat; }
	.wp-caption p {}
	
.post img, .page img{ padding: 9px; background: url('images/img-large-horizontal-bg.png') no-repeat; border: 0; }
.post img.size-full, .page img.size-full  { background: url('images/img-large-horizontal-bg.png') no-repeat; }
.post img.size-full-vertical, .page img.size-full-vertical { background: url('images/img-large-vertical-bg.png') no-repeat; }
.post img.size-full-cuadrada, .page img.size-full-cuadrada { background: url('images/img-large-cuadrada-bg.png') no-repeat; }
.post img.size-large, .page img.size-large  { background: url('images/img-large-horizontal-bg.png') no-repeat; }
.post img.size-large-vertical, .page img.size-large-vertical { background: url('images/img-large-vertical-bg.png') no-repeat; }
.post img.size-large-cuadrada, .page img.size-large-cuadrada { background: url('images/img-large-cuadrada-bg.png') no-repeat; }
.post img.size-medium, .page img.size-medium { padding: 4px; background: url('images/img-medium-horizontal-bg.png') no-repeat; }
.post img.size-medium-vertical, .page img.size-medium-vertical { padding: 4px; background: url('images/img-medium-vertical-bg.png') no-repeat; }
.post img.size-medium-cuadrada, .page img.size-medium-cuadrada { padding: 4px; background: url('images/img-medium-cuadrada-bg.png') no-repeat; }
.post img.thumbnail, .page img.thumbnail { float: right; margin: 0px 22px 6px 0px; background: url('images/tbn-bg.png') no-repeat; border: 0; padding: 9px; }


/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {}
#header-container.sfooter { background: url(images/home-bg.png) repeat-x }

	/* Contains site title and tagline */
	#header { position: absolute; width: 130px; height: 130px; top: 35px; left: 35px; }

		/* Site title */
		#site-title {}
			#site-title a { display: block; width: 130px; height: 130px; background: url(images/b19.png) no-repeat 0 0 !important; background: url(images/b19-ie6.png) no-repeat 0 0; }
				#site-title a span { display: none; }

		/* Site description/tagline */
		#site-description { display: none; }

/**
* Page navigation
************************************************/

/* Drop-down */
#page-nav ul {}
#page-nav .menu ul { width: 100%; }
#page-nav ul ul li { width: 100%; }
#page-nav li:hover {}
#page-nav li { float: right; }
.sfooter #page-nav li { float: left; }
#page-nav a {}
#page-nav li:hover ul, li.sfHover ul { top: 0em; right: 15em; left: auto; }
.sfooter #page-nav li:hover ul, li.sfHover ul { top: 0em; left: 15em; right: auto; }
#page-nav li:hover li ul, li.sfHover li ul {}
#page-nav li li:hover ul, li li.sfHover ul { top: 0em; right: 15em; left: auto; }
.sfooter #page-nav li li:hover ul, li li.sfHover ul { top: 0em; left: 15em; right: auto; }
#page-nav li li:hover li ul, li li.sfHover li ul {}
#page-nav li li li:hover ul, li li li.sfHover ul { top: 0em; right: 15em; left: auto; }
.sfooter #page-nav li li li:hover ul, li li li.sfHover ul { top: 0em; left: 15em; right: auto; }

/* Wrapper for navigation */
#navigation { margin: 40px 0 0; height: 120px; font-family: "OCR A Std", OCR-A, monospace; font-size: 14px; font-style: normal; font-weight: normal; }
.sfooter #navigation { margin: 0 0 0 35px; }

	/* Page nav */
	#page-nav {}
		#page-nav ul {}
			#page-nav li { clear: right; float: right; text-align: right; background: url("images/nav-bg.png") no-repeat right top; height: 15px; font-size: 14px; width: 50%; margin-bottom: 0 !important; margin-bottom: -7px; }
			.sfooter #page-nav li { clear: left; float: left; text-align: left; background: url("images/nav-bg-home.png") no-repeat left top; height: 15px; font-size: 14px; width: 80%; }
				#page-nav li a { background: none; border: none; padding: 4px 15px; background: none;}
				#page-nav li a, #page-nav li a:link, #page-nav li a:visited, #page-nav li a:hover, #page-nav li a:active { color: #d01; text-decoration: none; }
				#page-nav li a:hover { text-shadow: 0 0 4px #666; }
				#page-nav li ul { background: none; border: none; }
			#page-nav li.current_page_item {}
			
/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container { position: relative; margin-top: 21px; }

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {	}

		/* Breadcrumb trail */
		.breadcrumb { margin-top: -21px; }
			.breadcrumb-title { display: none; }

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {}

			/* Post, page, and archive titles */
			.entry-title, .single-title, .page-title { font-family: "OCR A Std", OCR-A, monospace; font-size: 28px; font-style: normal; font-weight: normal; line-height: 28px; }
			.entry-title  a, .entry-title a:link, .entry-title a:visited, .entry-title a:hover, .entry-title a:active { color: #d01; text-decoration: none; }
			.entry-title {}
			.single-title {}
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline { margin: 0; }

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}
		
		/* Sticky posts */
		.sticky { border: 2px dashed #000; padding: 12px; background: url("images/tijeras.png") no-repeat 90% 101% !important; background: url("images/tijeras-ie6.png") no-repeat 90% 101%; }
			.sticky .entry-title { font-size: 20px; line-height: 20px; margin-bottom: 3px; display: none; }
			.sticky .entry-title a { color:#000; }
			.sticky .byline { display: none; }
			.sticky .entry-meta { display: none; }
		.single .sticky, .page .sticky, .sidebar .sticky { margin: 0 0 20px; }
			
		/* Botones promocionales */
		.promoboton { float: left;  margin: 9px 62px; }
			.promoboton a { width: 181px; height: 72px; display: block; text-decoration: none; overflow:auto;}
			.promoboton a.mailto { background: url("images/bg-promoboton.png") no-repeat 0 0; }
			.promoboton a.mailto:hover { background: url("images/bg-promoboton.png") no-repeat 0 -72px; }
			.promoboton a.ficha { background: url("images/bg-promoboton.png") no-repeat 0 -144px; }
			.promoboton a.ficha:hover { background: url("images/bg-promoboton.png") no-repeat 0 -216px; }
				.promoboton span { display: block; text-align: right; color: #888; margin-right: 12px; margin-top: 0px; font-size:18px; }
				.promoboton .title { font-size: 22px; color: #d01; font-weight: bold; margin-top: 15px }

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}
		.widget .entry-title, .widget .single-title, .widget .page-title { font-family: Helvetica, Arial, Sans-serif; font-size: 17px; line-height: 17px; font-style: normal; font-weight: bold; margin-bottom: 6px; text-align: center; }
		.widget .post { margin: 10px 0; }
		.widget img.thumbnail { float: none; margin: 0px 22px 6px 0px; background: url('images/tbn-bg.png') no-repeat; border: 0; padding: 9px; }

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .search-text { background: url(images/search.png) no-repeat; border: 0px; width: 290px !important; width: 300px; height: 26px; padding: 0px 5px !important; padding: 0; }
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary { background: url(images/panel-bg.png) repeat-y top center; text-align: right; line-height: 18px; }
	/*#secondary:before { display: block; line-height: 0; content: url(images/panel-top.png); height: 5px; position: absolute; top: -6px; }
	#secondary:after { display: block; line-height: 0; content: url(images/panel-bottom.png); height: 6px; position: absolute; bottom: -5px; }*/
	#secondary-pre { background: url(images/panel-top.png) no-repeat; height: 5px; clear:right; float:right; position:relative; width:300px; }
	#secondary-post { background: url(images/panel-bottom.png) no-repeat; height: 5px; clear:right; float:right; position:relative; width:300px; }
		#secondary .widget { margin: 0 .5em 1em .5em; }
			#secondary .widget-inside {}
				#secondary .widget-title { border-bottom: 1px solid #d01; font-size: 15px; font-style: normal; font-weight: bold; margin-bottom: 9px; }
				#secondary .widget .comment_excerpt { font-size: 14px; font-style: italic; }
				#secondary .widget .comment_meta { font-size: 12px; line-height: 16px; margin-bottom: 12px; }
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {}
.home #footer-container { display: none; }

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}

/**
* Plugins
************************************************/

	/*Full Screen BG Styles*/

	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1280px;

		/* Set up proportionate scaling */
		width: 100%;
		height: auto;

		/* Set up positioning */
		position: fixed !important;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -30;
	}

/* 	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -640px; }
	} */

	.home img.bg {
		height: 100%;
		position: fixed !important;
		position: absolute;
		top: 0;
		left: 0;
		min-height: 0;
		min-width: 0;
		width: inherit;
		z-index: -30;
	}
	
	/*  
	Sticky Footer Solution
	by Steve Hatcher 
	http://stever.ca
	http://www.cssstickyfooter.com
	*/

	* {margin:0;padding:0;} 
		
	.sfooter, #body-container.sfooter, #container.sfooter, #header.sfooter {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.sfooter #site-title {
		/* top: 0; */
	}

	/* must declare 0 margins on everything, also for main layout components use padding, not 
	vertical margins (top and bottom) to add spacing, else those margins get added to total height 
	and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

	html, body, #body-container.sfooter {height: 100%;}

	body > #body-container.sfooter {height: auto; min-height: 100%;}

	#container.sfooter {padding-bottom: 150px;}  /* must be same height as the footer */

	#header-container.sfooter {
		/* position: relative; */
		margin-top: -160px; /* negative value of footer height */
		height: 150px;
		/*margin-left: 5px;
		margin-right: 5px;*/
		padding-top: 10px;
		clear:both;} 

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */