/*----------------------------------------
[Master Stylesheet] 
  
Site: www.elojosalvaje.org
EL OJO SALVAJE

Version: 1.0 - 2008
Last change: 16/09/08
Autor: Marco Roa [marcoroa.com]
-----------------------------------------*/





/* *************************************** 3
   GENERAL
*************************************** */
html, body {
	color: #333;
	background:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 87%;
	line-height: 1.7;
}
strong {font-weight: bolder; color: #000;}
a:link, a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active {color: #FF0000;}
hr { height: 1px; background-color:#E4E4E4; border: none;}
#home hr { display: none;}

/* *************************************** 
   CABECERA
*************************************** */
#head {position: relative; width: auto; padding: 60px 0 0 60px;}
#head h1 { display: block; position: relative; width: 100%;}
#head h1 a {
	text-indent: -9999px;
	display: block;
	position: relative;
	height: 70px;
	width: 300px;
	background: url(../images/logo.jpg) no-repeat left top;
}
#head ul {
	position: relative;
	background-color:#D2D9DD;
	width: auto;
	margin: 13px 0 0 250px;
	display: block;
}
#head ul li {position: relative; display: inline; float: left;}

#head ul li a {
	display: block;
	color: #000;
	padding: 3px 20px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-transform: uppercase;
}
#head ul li a:hover {color: #FFF; background-color: #788B98;}




/* *************************************** 
   BASE CONTENIDO
*************************************** */
#wrap {
	margin: 60px 120px 0 60px;
	position: relative;
}
#wrap p a, .post ul a { border-bottom: dotted 1px #000; color: #000;}
#wrap p a:hover, .post ul a:hover { border-bottom: dotted 1px #F00; color: #F00;}
h2 a { border: none !important;}

/* *************************************** 
   POST
*************************************** */
.post h2{ margin-left: 3px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; line-height: 20px;}
.post h2 span { display: none;}
.post h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #666666;
	line-height: 13px;
	margin-bottom: 40px;
}
.post p, form, .post ol, .post ul, .wp-caption {
	position: relative;
	margin-bottom: 15px;
	margin-left: 256px;
}
#post-138 a, #post-138 strong { font-size: 16px;}
.post ul {list-style-position: inside; list-style-type: circle;}
.post h4 {position: relative; margin-left: 256px; font-size: 16px; padding-top: 20px; display: block;}
.wp-caption { text-align: left; margin-bottom: 40px;}
.wp-caption p { margin: 0;}

/* *************************************** 
   VARIOS 
*************************************** */
.hide {display:none;}
.tmp {visibility: hidden;}


/* *************************************** 
   FOOTER 
*************************************** */
#footer {text-align: center; font-size: 10px; color: #666; padding-bottom: 60px; margin-top: 60px; border-top: 1px solid #CCC;}
#footer p img {padding: 20px 0;}


/* *************************************** 
   CLEARFIX
*************************************** */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}