/*
Theme Name: Espacio Rojo
Theme URI: http://espaciorojo.com/
Description: -
Version: 1
Author: Nicolás Fantino
Author URI: http://www.100px.com/
*/

/*** reseting stuff ***/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*** beloved clearfix ***/
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
/*** /reset ***/

/*** grid ***/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_6 .grid_1 {
	width:120px;
}

.container_6 .grid_2 {
	width:280px;
}

.container_6 .grid_3 {
	width:440px;
}

.container_6 .grid_4 {
	width:600px;
}

.container_6 .grid_5 {
	width:760px;
}

.container_6 .grid_6 {
	width:920px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_6 .prefix_1 {
	padding-left:160px;
}

.container_6 .prefix_2 {
	padding-left:320px;
}

.container_6 .prefix_3 {
	padding-left:480px;
}

.container_6 .prefix_4 {
	padding-left:640px;
}

.container_6 .prefix_5 {
	padding-left:800px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_6 .suffix_1 {
	padding-right:160px;
}

.container_6 .suffix_2 {
	padding-right:320px;
}

.container_6 .suffix_3 {
	padding-right:480px;
}

.container_6 .suffix_4 {
	padding-right:640px;
}

.container_6 .suffix_5 {
	padding-right:800px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

body {
background:#fee url(i/bkg.gif) no-repeat 50% 0;
font:63%/1.4 arial,helvetica,sans-serif;
color:#555
}
a {
color:#E4191C
}
a:hover {
color:#900
}
#featured, #content, #footer {
background:#fff
}
img {
vertical-align:bottom
}
strong, b {
color:#333;
font-weight:bold;
font-size:1.2em;
}
em, i {
font-style:italic
}
.alignleft {
float:left
}
.alignright {
float:right
}
img.alignleft {
margin:0 20px 10px 0
}
img.alignright {
margin:0 0 10px 20px
}

/*** header ***/
#header {
position:relative;
overflow:visible;
height:140px;
z-index:10
}
#header h1 {
position:absolute;
left:-23px;
top:7px;
z-index:20;
width:182px;
height:148px;
}
#header h1 a {
display:block;
background:transparent url(i/logo.gif) no-repeat 50% 0;
text-indent:-1000em;
height:100%;
}
#header h2 {
position:absolute;
top:-1000em;
left:-1000em
}
#menu {
position:absolute;
top:60px;
right:0
}
#menu li {
display:inline
}
#menu li a {
font-size:1.6em;
text-transform:lowercase;
color:#E4191C;
font-weight:bold;
letter-spacing:-.05em;
padding:0 20px;
text-decoration:none
}
#menu li a:hover {
color:#900
}
#menu li.current_page_item a,
#menu li.current_page_item a:hover,
#menu li.current_page_parent a,
#menu li.current_page_parent a:hover,
#menu li.current_page_ancestor a,
#menu li.current_page_ancestor a:hover {
color:#000;
cursor:default
}

/*** featureds ***/
#slideshow {
display:none
}
#wrapper {
position:relative;
}
#fullsize {
padding-top:5.7em;
height:415px;
position:relative;
}
#image {width:960px}
#image img {position:absolute; z-index:25; width:auto}
#information {
width:500px;
position:absolute;
top:0;
right:60px;
text-align:right;
line-height:1.1;
z-index:30
}
#information h3 {
color:#E4191C;
font-size:5em;
letter-spacing:-.05em;
font-weight:bold;
display:inline;
background:#fff;
padding:0 10px;
text-transform:lowercase
}
#thumbnails {
background:#eee url(i/bkg-thumbs.gif) no-repeat 100% 0;
margin:5px;
padding:2px
}
#imglink {position:absolute; height:415px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#slider img {cursor:pointer; border:3px solid #fff; padding:0}


#content {
padding:10px 0 30px
}
#content h3 {
color:#E4191C;
font-size:1.5em;
letter-spacing:-.05em;
font-weight:bold;
background:transparent url(i/bkg-h3.gif) no-repeat 0 50%;
padding:10px 0 0 25px;
margin-bottom:.5em
}
.post {
margin-bottom:20px
}
.post h4 a {
color:#000;
text-decoration:none;
display:block;
/*border-bottom:1px solid #ccc*/
}
.post h4 a:hover {
color:#900;
/*border-bottom-color:#f90*/
}

#presentation {
font-size:1.4em;
color:#777
}

/*** page ***/
#page {
margin-top:30px
}
#page h3 {
font-size:4em;
position:relative;
line-height:.9;
background:transparent url(i/bkg-page-h3.gif) no-repeat 0 0;
padding:10px 0 5px 65px
}
#page h3 small {
position:absolute;
top:-5px;
left:60px;
font-size:.40em;
letter-spacing:0
}
#page h3 small a {
text-decoration:none
}
.post h4, .post h5, .post h6 {
font-size:2.2em;
line-height:.9;
letter-spacing:-.05em;
font-weight:bold;
margin:10px 0 .3em
}
.post h5 {
font-size:1.6em
}
.post h6 {
font-size:1.2em
}
.post-data {
font-size:1.2em
}
.post-data p, .post-data ul, .post-data ol {
margin:0 0 1em 0
}
.post-data ul, .post-data ol {
margin-left:1.5em
}
.post-data ul {
list-style:disc
}
.post-data ol {
list-style:decimal
}
.post-data li {
display:list-item;
line-height:1.2;
margin-bottom:.7em
}
.post-data img, .post-data a img {
border:5px solid #eee !important
}
.post-data img.wp-smiley {
border:0 !important;
vertical-align:bottom !important
}
.post-data a:hover img {
border:1px solid #E4191C !important;
padding:4px !important
}
.video {
width:47%;
margin:0 1% 20px 0;
float:left
}
.video object, .video embed {
width:100% !important;
height:auto !important
}
.video p {
font-size:.9em
}
.morevideos {
background:#fee;
padding:5px 10px;
font-size:1.6em;
letter-spacing:-.05em;
font-weight:bold
}
.morevideos a {
color:#E4191C;
text-decoration:none
}
.morevideos a:hover {
color:#900
}
.more-data {
background:#fee;
padding:10px;
}
.more-data h4 {
color:#d99;
margin-bottom:10px
}
.more-data li {
font-size:1.6em;
letter-spacing:-.05em;
line-height:1;
margin-bottom:15px;
font-weight:bold;
margin-left:1em;
list-style:square
}
.more-data li a {
color:#E4191C;
text-decoration:none
}
.more-data li a:hover {
color:#900
}

/*** childpages ***/
#content .childpages h3 {
padding:0 0 0 10px;
font-size:1.6em;
color:#fff;
text-transform:lowercase;
line-height:65px;
background:#E4191C url(i/bkg-block-childpages.gif) no-repeat 0 50%
}
.childpages ul {
margin:0 0 0 10px
}
.childpages li {
font-size:1.6em;
letter-spacing:-.05em;
line-height:1;
margin-bottom:15px;
font-weight:bold
}
.childpages li a, .childpages li.current_page_item ul li a {
color:#E4191C;
text-decoration:none;
cursor:pointer
}
.childpages li a:hover, .childpages li.current_page_item ul li a:hover {
color:#900;
cursor:pointer
}
.childpages li.current_page_item a,
.childpages li.current_page_item a:hover,
.childpages li.current_page_parent a,
.childpages li.current_page_parent a:hover,
.childpages li.current_page_ancestor a,
.childpages li.current_page_ancestor a:hover {
color:#000;
cursor:default
}
.current_page_item ul {
margin:0;
padding:0
}
.current_page_item ul li, .current_page_ancestor ul li {
font-size:1em;
margin-left:1em;
list-style:square
}

#sponsors {
border-top:10px solid #FEE;
background:#fff;
padding:10px 20px
}
#sponsors h3 {
font-size:1.2em;
font-weight:bold
}
.blogroll li {
display:inline;
float:left;
margin-right:30px
}

/*** footer ***/
#footer {
border-top:10px solid #fee;
border-bottom:3px solid #E4191C;
position:relative;
height:104px
}
#logo-footer {
position:absolute;
bottom:0;
left:-40px;
width:79px;
height:104px;
background:transparent url(i/logo-footer.gif) no-repeat 0 100%
}
#footer a {
color:#E4191C
}
.vcard {
font-size:1.2em;
padding:20px 20px 20px 50px;
position:relative
}
.vcard .url {
display:none
}
.vcard .org {
color:#E4191C;
font-weight:bold;
font-size:1.6em;
letter-spacing:-.05em
}
.vcard .region {
font-size:1.2em;
font-weight:bold
}
.vcard .call {
text-transform:uppercase;
color:#999;
position:absolute;
top:20px;
left:200px
}
.vcard .tel {
position:absolute;
top:35px;
left:200px;
font-size:2.3em;
font-weight:bold;
line-height:.9;
letter-spacing:-.05em
}