/*

------------------------------------------------------------------------

Theme Name:ElSafari.cl

Description:Magazine style WordPress theme.

Version:1.4

Author:Jaime

Author URI:http://elsafari.cl

------------------------------------------------------------------------

*/

/*

-----------------------------------------

RESET

----------------------------------------- 

*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{

	margin:0;

	padding:0px;

}

table{border-collapse:collapse; border-spacing:0}

fieldset, img{border:0}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}

ol, ul, li{

	list-style:none;

	color: #000000;

}

caption, th{}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}

q:before, q:after{content:''}



strong{font-weight:bold}

em{font-style:italic}

a img{border:none}



h1, h2, h3, h5, h5, h6{font-weight:bold}



/*

-----------------------------------------

LAYOUT

----------------------------------------- 

*/

.alignright {

	float:right;

	margin:5px 0px 10px 10px;;

}

.alignleft {

	float:left;

	margin:5px 10px 10px 0px;

}

.floatLeft{float:left}

.floatRight{float:right}

.clear{clear:both}



/*

-----------------------------------------

STRUCTURE

----------------------------------------- 

*/

html, body{height:100%}



body{

	font-size:62.5%;

	font-family:Arial,Helvetica,sans-serif;

	color:#222;

	background: url(http://elsafari.comyr.com/wp-content/themes/ElSafari-theme/images/patron.png);

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: -80px;

	margin-left: auto;

	}



#page-wrap{

	width:960px;

	min-height:100%;

	height:auto !important;

	height:100%;

	margin:0 auto -80px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:15px;

	background:url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/mainContent.png);

	;

}

#page-pages{

	width:960px;

	min-height:100%;

	height:auto !important;

	height:100%;

	margin:0 auto -80px;

	padding-left:10px;

	padding-right:10px;

	text-align:left;

	padding-bottom:15px;

}



.content{

	width:630px;

	float:left;

	margin-top:10px;

}

.lates-carte{

	width:300px;

	float:left;

	margin-top:10px;

	margin-left: 0px;

}

.contentpost{

	width:630px;

	float:left;

	margin-top:30px;

	margin-right:10px;

	background:#FFFFFF;

}

.content li a:{ 

color:#333333;

}

.content li a:visited{

color:#333333;

}

.content li a:hover{

color:#999999;

}

.post{

	width:600px;

	margin:10px;

	text-align: inherit;

}

.navigation {

	margin:0pt 0pt 1em;

	color: #000000;

}



/*

-----------------------------------------

TYPOGRAPHY

----------------------------------------- 

*/

p{

	color:#666666;

	font-size:10pt;

	line-height:1.5;

	margin-top:1.5px;

	margin-bottom:1.5em;

}



p a, p a:visited{

	color:#666666;

	text-decoration:none

}



p a:hover{

	color:#0db4b2;

	text-decoration:none

}



h1, strong{

	font-size:11pt;

	font-weight:bold

}



.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}



h4, h2{

	font-size:1.8em;

	color:#222;

	text-transform:uppercase;

	padding-bottom:4px;

	;

	margin-top:28px;

	font-weight:bold

}



h3{

	color:#222;

	font-size:2.2em;

	font-weight:lighter;

	margin-top:23.3px;

	padding-bottom:4px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}



h3 a{text-decoration:none; color:#222}



#articulos h6{

color:#000000;

size:11pt;

}

#articulos h6a:visited{

color:#FFFFFF;

size:11pt;

}

#articulos h6a:hover{

color: #333333;

size:11pt;

}

.post ul li, 

.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}



#reply{

	color:#078C98;

	font-size:1.8em;

	margin-top:28px;

	margin-bottom:16px;

	padding-bottom:4px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #078c98;

	font-weight: bold;

}



/*

-----------------------------------------

TOP

----------------------------------------- 

*/

#top{

	padding-top: 10px;

	padding-bottom: 70px;

	padding-left: 10px;

}



.logo {float:left;

}



#nav{

	float:right;

	margin-top:1.2em;

	margin-right: 10px;

}



#nav ul{list-style-type:none; width:100%}



#nav li{display:block; display:inline}



#nav a:link, 

#nav a:visited{

	padding:5px;

	margin-right:1px;

	display:block;

	color:#FFFFFF;

	float:left;

	text-decoration:none;

	font-size:1.4em;

	font-weight:bold;

	text-transform:uppercase;

}



#nav a:hover{

	color:#fff;

	background-image: url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/headerstripes.gif);

}



ul#nav li.current_page_item a:link, 

ul#nav li.current_page_item a:visited, 

ul#nav li.current_page_item a:hover, 

ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000;}



/*

-----------------------------------------

FEATURED

----------------------------------------- 

*/

#destacado {

	width:210px;

	margin-top:5px;

	float:right;

}

.destacados {

	width:300px;

	margin-top:5px;

}

.destacado-texto{line-height:1.4em; font-size:10px; text-transform:none; padding-bottom:0; border-bottom:0}



.destacado h7 a{font-size: 10px; display:block; color:#0B96D0; text-decoration:none; border-bottom:0}



.destacado h7 a:hover{color:#fff}





.destacado-image{ float:left; margin:5px;}



.featured-content h2{margin-top:15px}

.destacado-content h2 a{color:#0b96d0; text-decoration:none}

.destacado-content h2 a:hover{color:#000}



/*

-----------------------------------------

SIDEBAR

----------------------------------------- 

*/

#sidebar{

	float:left;

	width:300px;

	overflow:visible;

	padding-left: 10px;

	margin-top: 10px;

	text-align:right;

}



#sidebar li a{

	width:300px;

	font-size:10pt;

	color:#222;

	text-decoration: none;

}



#sidebar li {

	font-size:10pt;

	color:#999999;

	text-decoration: none;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 3px;

	display: block;

}





#sidebar a{color:#e6e6e6;}



#sidebar a:hover{

	color:#999999

}



#sidebar h2{

	text-align:right;

	font-size:16px;

	display:block;

	line-height:normal;

	text-transform:uppercase;

	letter-spacing:0px;

	color:#666666;

	font-family: Arial;

	font-weight:bold;

	margin-top: 5px;

	margin-right: 0px;

	padding-top: 5px;

	padding-bottom: 5px;

}

/*



-----------------------------------------

LATEST

----------------------------------------- 

*/

#front-bottom{margin-top:3px}



#latest-wrap{

	float:left;

	width:630px

}



.latest-post-wrap{

	float:left;

	width:305px;

	margin-left: 9px;

	margin-bottom: 10px;

	margin-top: 5px;

}

.latest-side-wrap{

	float:left;

	width:300px;

	margin-bottom: 10px;

	margin-top: 5px;

	background-color: #FFFFFF;

}

.latest-carte-wrap{

	float:left;

	width:150px;

	margin-bottom: 10px;

	margin-top: 5px;

	background-color: #FFFFFF;

}

.latest-post{position:relative; width:300px; height:200px}



.latest-side{

	position:relative;

	width:300px;

	height:200px;

}

.latest-carte{

	position:relative;

	width:150px;

	height:199px;

}

.latest-image{position:absolute; z-index:1}

.flayer {
	float: left;
	width: 149px;
	height: 200px;
}


.latest-imageside{

	position:absolute;

	z-index:1;

}

.latest-imagecarte{

	position:absolute;

	z-index:1;

}

.latest-title h2{

	line-height:1.4em;

	font-size:10pt;

	text-transform:none;

	padding-bottom:0;

	border-bottom:0;

	margin-top: 8px;

	margin-right: 10px;

	margin-bottom: 8px;

}



.latest-title h2 a{

	display:block;

	color:#121212;

	text-decoration:none;

	font-weight: lighter;

	font-size: 14px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}



.latest-title h2 a:hover{

	color:#666666

}



.latest-title{

	display:block;

	z-index:101;

	width:296px;

	bottom:0;

	filter:alpha(opacity=80);

	-moz-opacity:.80;

	opacity:.80;

	position:absolute;

	z-index:2;

	background-color: #fff;

	background-image: url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/titulospost.png);

	padding-left: 5px;

}

.latest-titleside h2 a{

	display:inline;

	color:#121212;

	text-decoration:none;

	font-weight: lighter;

	font-size: 14px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}



.latest-titleside h2 a:hover{

	color:#666666

}



.latest-titleside{

	display:block;

	z-index:101;

	width:296px;

	bottom:0;

	filter:alpha(opacity=80);

	-moz-opacity:.80;

	opacity:.80;

	position:absolute;

	z-index:2;

	padding-left: 5px;

	background-color: #fff;

	background-image: url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/titulospost.png);

}

.latest-content{

	position:relative;

	width:300px;

	margin-bottom:20px;

	border-bottom:#0B96D0 solid 3px;

}

.moretext { width:300px;}

.latest-content h2{margin-top:15px}

.latest-content h2 a{color:#0b96d0; text-decoration:none}

.latest-content h2 a:hover{color:#000}



.latest-content p{

	color:#666666;

	font-size:1.2em;

	line-height:1.5;

	margin-top:8px;

	margin-bottom:1.5em;

	text-align:left

}





/*

-----------------------------------------

FOOTER

----------------------------------------- 

*/

#push{height:80px}



#footer{

	padding-top:20px;

	width:960px;

	margin:90px auto 0;

	height:80px;

	color:#4d4d4d

}



#footer p{

	font-size:1.2em;

	color:#4d4d4d;

	line-height:1.5em;

	margin-bottom:0;

	margin-top:0.6em;

	background: #fff;

}



#footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none}



#footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none}





/*

-----------------------------------------

POSTMETA

----------------------------------------- 

*/

.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}



.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}



.postMeta-front{

	display:block;

	z-index:101;

	bottom:146px;

	position:absolute;

	z-index:101;

	font-size:1.2em;

	left: 1px;

	background: #FFFFFF;

	width: 48px;

	padding: 2px;

}



.postMeta-post{

	font-size:1.2em;

	margin-bottom:5px;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #999999;

	padding-bottom: 5px;

	padding-top: 5px;

}

.postMeta-post2{

	font-size:1.2em;

	margin-bottom:5px;

	padding: 5px;

}

.postMeta span.date, 

.postMeta-post span.date, 

.postMeta-featured span.date, 

.postMeta-front span.date{

	color:#333333;

	float:left

}



.postMeta span.comments a, 

.postMeta span.date a, 

.postMeta-post span.comments a, 

.postMeta-post span.date a, 

.postMeta-featured span.comments a, 

.postMeta-featured span.date a, 

.postMeta-front span.comments a, 

.postMeta-front span.date a{

	float:left;

	color:#000000;

	text-decoration:none

}



.postMeta span.comments, 

.postMeta-featured span.comments, 

.postMeta-post span.comments, 

.postMeta-front span.comments{

	float:right;

	background:url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/comment.gif) no-repeat left center;

	padding-left:15px;

	margin-left:2px

}

.postMeta-tweet{
	font-size:1.2em;
	margin-bottom:5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100px;
	float: right;

}

/*

-----------------------------------------

POSTS

----------------------------------------- 

*/

.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tweet{
	color:#8a8a8a;
	float:right;
	padding-right: 3px;
	padding-left: 3px;

}

.post-tags{

	color:#8a8a8a;

	float:left;

	background-image: url(http://www.elsafari.cl/wp-content/themes/ElSafari-theme/images/headerstripes.gif);

	padding-right: 3px;

	padding-left: 3px;

}



.post-category p, 

.post-tags p{

	color:#333333;

	font-size:1em;

	line-height:1.5em;

	margin-bottom:0em;

	text-align:justify;

}

.post img{}

.post blockquote p{margin:0 2.6em; font-style:italic}



/*

-----------------------------------------

COMMENTS

----------------------------------------- 

*/

.comment-heading{

	margin-bottom:26px;

	text-transform:none;

	border:none;

	margin-left: 10px;

	}

#respond{

	padding-left:10px;

	width: 600px;

}

.commentwrap{

	border-top:3px solid #C9C9C9;

	padding-bottom:5px;

	padding-top:5px;

	width:600px;

	padding-left: 6px;

	margin-left:10px;

}



.commentpost{ width:600px}



.commentpost p{margin-top:0}



.commentmetadata{

	float:left;

	width:20%;

	color:#2F2B23;

	line-height:1.5em;

	padding-right:20px;

	color:#999;

	font-size:1.1em

}



.commentmetadata li{

	list-style-type:none;

	padding:0.3em;

	margin:0 .5em 0 0;

}



.commentmetadata li a{border-bottom:2px solid #c9c9c9; color:#0B96D0; text-decoration:none}



.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}



#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:600px}



#comments label span{line-height:27px}



#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}



#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}



#comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}



#comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5}



.button{

	font-size:1.1em;

	font-weight:bold;

	height:25px;

	margin-top:10px;

	margin-bottom:10px;

	padding:0 8px;

	text-transform:uppercase

}



.children {margin-left: 50px}



.children div {border:none}



.children .commentwrap {border-top: 1px solid #C9C9C9;}



.children .commentmetadata {padding-right:0px}



.children .commentpost {text-align:left; float:right; width:78%}





/*

-----------------------------------------

SEARCH

----------------------------------------- 

*/

#searchform{

	float:right;

	height:1,9;

	display:block;

	width:295px;

}



#searchsubmit{

	height:22px;

	width:60px;

	float:right;

}

#feedsubmit{

	height:22px;

	width:68px;

	float:right;

}

#s{

	float:left;

	width:220px;

	height:12px;

	margin-right:2px;

	padding-top:4px;

	padding-bottom:4px;

	padding-left:2px;

	padding-right:2px;

	border:1px solid #E5E5E5;

	font-size:9pt

}

#feed{

	float:left;

	width:210px;

	height:12px;

	margin-right:2px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:5px;

	padding-right:5px;

	border:1px solid #E5E5E5;

	font-size:1.1em

}