/*
Theme Name: CloverBlog
Theme URI: http://www.cloverstudio.es/
Description: Tema personalizado para el blog de clover Studio.
Version: 0.1
Author: Clover Studio
Author URI: http://www.cloverstudio.es/
Tags: blue, custom header, centered, fixed width, serif, grid, two columns or more, widgets
*/

div.random_quote{
	text-align : center;
	padding : 10px 5px 30px 5px;
	border-bottom : 1px solid #ccc;
}
div.random_quote p.cite{
	font-size : 170%;
	color :#333;
	line-height : 1em;
}
div.random_quote p.cite span.qmark{
	font-size : 230%;
	position  :relative;
	top : .3em;
	margin : 0 3px;
}
div.random_quote p.autor{
	font-size : 140%;
	color :#888;
	margin-top : .9em;
}

div.post_list {
	
}
div.post_list img.index_image{
	border : 1px solid #a9adaf;
	background-color : #f0f0f0;
	padding : 4px;
	margin-bottom : 10px;
}



ul.posts_container,
ul.posts_container ul,
ul.posts_container li{
	list-style : none;
	margin : 0;
	padding : 0;
}

ul.posts_container{
	line-height  :1.3em;
}

ul.posts_container li.post{
	padding : 25px 0;
	border-bottom : 1px solid #ccc;	
	background : url(images/fnd.post_list.png) repeat-x top;
}

ul.posts_container li.post ul.cols li{
	float  :left;
	width  :25%;
}

ul.posts_container li.post ul.cols li.col1{ 
	width  :115px;
	color : #888;
	padding  : 6px 20px 0 0;
	text-align : right;
}
ul.posts_container li.post ul.cols li.col2{ 
	width  :285px;
	padding : 0 20px 0 0;
	font-size : 1.6em;
	line-height : 1.2em;
}
ul.posts_container li.post ul.cols li.col3{ 
	width  :360px;
	padding  : 0;
	color  :#555;
}
ul.posts_container li.post ul.cols li.col4{ 
	width  :140px;
	padding  : 6px 0 0 20px;
}

ul.posts_container li.navigation{
	padding : 30px 40px 0 40px;
	background : url(images/prev-next-off.png) no-repeat center top;
	height : 35px;
}
ul.posts_container li.navigation .left{
	float : left;
}
ul.posts_container li.navigation .right{
	float : right;
}
ul.posts_container li.navigation a{
	display : block;
	padding : 0;
	margin :0;
	background : url(images/prev-next.png) no-repeat left top;
	width : 137px;
	height : 37px;
	text-indent : -300em;
	border : none;
}
ul.posts_container li.navigation .left a:hover{
	background-position : 0 -50px;
}
ul.posts_container li.navigation .right a{
	background-position : -140px 0;
}
ul.posts_container li.navigation .right a:hover{
	background-position : -140px -50px;
}
body.single div.post-navigation{ 
	width : 570px; 
	margin : 0 auto; 
	padding : 0; 
	border-top : 28px solid #fff;
	clear  :both;
	height  :1%;
}
	
body.single div.post-navigation div.left,
body.single div.post-navigation div.center,
body.single div.post-navigation div.right{ width : 190px; float  :left; height :39px;}
body.single div.post-navigation div a{ 
	display : block;
	padding : 0;
	margin :0;
	background : url(images/prev-next-single.png) no-repeat left top;
	width : 127px;
	height : 39px;
	text-indent : -300em;
	border : none;
}
body.single div.post-navigation div a:hover{ 
	background-position : 0 -50px;
}
body.single div.post-navigation div.center a{ background-position : -141px 0; width :137px;  margin : 0 auto;}
body.single div.post-navigation div.center a:hover{ background-position : -141px -50px; }

body.single div.post-navigation div.right a{ background-position : -290px 0; float : right;}
body.single div.post-navigation div.right a:hover{ background-position : -290px -50px; }

div.buscador_ppal{
	padding : 25px;
	text-align  :center;
	background : #444;
	color : #eee;
	display : none;
}


div.pseudosidebar{
	background : #212121;

}



body.single div.content_wraper div.content div.inner{
	padding : 2px;
}

div.single_post{}

div.single_post .post_title{
	text-align : center;
	padding : 0 25px;
	clear  :both;
	margin : 25px 0 10px 0;
}
div.single_post .post_title h2{
	padding : 25px 0 15px 0;
	margin : 0;
	font-size : 220%;
	line-height : 98%;
	background : url(/img/blog/dots.png) repeat-x top;
}
div.single_post .post_title .post_data{
	padding : 0 0 25px 0;
	background : url(/img/blog/dots.png) repeat-x bottom;
	margin-bottom : 25px;
}

div.single_post .post_title .post_data ul{
	list-style : none;
	margin : 0;
	padding : 0;
}
div.single_post .post_title .post_data ul li{
	display  : inline;
}
div.single_post .post_title .post_data ul li.by{
	font-size  :120%;
	color : #666;
}

div.single_post .center_col{
	width : 570px;
	padding : 0 32px 0 50px;
	float : left;
	font-size : 110%;
	background : url(/img/blog/vdots.png) repeat-y right;
}
div.single_post .right_col{
	width : 230px;
	float  :right;
	padding-right  :50px;
}

div.single_post .right_col .right_panel{
	padding-bottom : 30px;
	margin-bottom : 25px;
	background : url(/img/blog/dots.png) repeat-x bottom;
}




div.single_post .center_col img.index_image,
div.single_post .center_col div.index_youtube{
	display : none;
}
div.single_post .center_col p{
	margin : 0 0 1em 0;
}
div.single_post .center_col ul,
div.single_post .center_col ol{
	margin-top : 1em;
	margin-bottom : 1em;
	line-height  :1.3em;
}
div.single_post .center_col ul li,
div.single_post .center_col ol li{
	margin-bottom : .7em;
	font-size : 90%;
}
div.single_post .center_col ol{
	list-style : decimal;
	margin-left  :2.5em;
}
div.single_post .center_col p img,
div.single_post .center_col .wp-caption img{
	width : 560px;
	background-color:#fefefe;
	border:1px solid #A9ADAF;
	margin:1em 0 0 0;
	padding:4px;
}
div.single_post .center_col .wp-caption p{
	background-color:#faffd5;
	padding:5px;
	margin : 0 0 15px 0;
	width : 560px;
	font-size : 90%;
	text-align : center;
	border-top : 1px solid #d1d98b;
	border-bottom : 1px solid #d1d98b;
}

div.single_post .center_col h3{
	margin-top : 1.8em;
	font-size : 1.2em;
	color :#121212;
}


div.post_comments{
	padding : 25px 25px 0 25px;
	clear  :both;
}
div.post_comments div.main_title{
	padding : 35px 0 0 0;
	margin : 0 0 25px 0;
	background : url(/img/blog/main_title.png) repeat-x top;
	text-align : center;
}
div.post_comments div.main_title h3{
	font-size : 220%;
	line-height : 60%;
}
div.post_comments div.main_title p{
	padding : 0 0 25px 0;
	margin : 0;
	background : url(/img/blog/dots-light.png) repeat-x bottom;
	color : #777;
}
div.post_comments h3#comments{
	text-align  :center;
}



ol.commentlist li div.comment-body .col1,
div#respond .col1,
div.post_comments .navigation .col1 { 
	width : 180px;  
	float : left; 
	background : url(/img/blog/dots-light.png) repeat-x top;
	padding : 25px 0 40px 0;
	color : #888;
	text-align : right;
}
ol.commentlist li div.comment-body .col2,
div#respond .col2,
div.post_comments .navigation .col2 { 
	width : 480px; 
	float : left; 
	background : url(/img/blog/dots-light.png) repeat-x top; 
	border-left : 25px solid #fff; 
	border-right : 25px solid #fff; 
	padding : 25px 10px 40px 10px;
}
ol.commentlist li div.comment-body .col3,
div#respond .col3,
div.post_comments .navigation .col3 { 
	width : 180px; 
	float : right; 
	background : url(/img/blog/dots-light.png) repeat-x top;
	padding : 25px 0 40px 0;
	color : #888;
	text-align : center;
}
ol.commentlist li div.comment-body .col3 a,
div#respond .col3 a,
div.post_comments .navigation .col3 a { 
	font-size : 300%;
}

div.post_comments .navigation .inactive_link{
	color : #ccc;
}
div#respond{ 
	width  :500px;
	margin : 0 auto;
}
div#respond input#author,
div#respond input#email,
div#respond input#url,
div#respond textarea#comment{ 
	width  :490px;
	background:#FFFFFF url(/img/contacto/fnd.field.gif) repeat-x scroll center top;
	border-color:#7C7C7C #C3C3C3 #DDDDDD #DDDDDD;
	border-style:solid;
	border-width:1px;
	color:#555;
	padding:4px;
}
div#respond label small{ 
	font-size : 85%;
	color : #777;
}
div#respond p{
	padding  : 0 0 15px 0;
}
div#respond h3 span{
	font-size : 70%;
}


div.e404{
	padding : 90px 0 0 0;
	text-align  :center;
	font-size : 200%;
}




body.archive div.random_quote{
	border : none;
}
body.archive div.content_wraper div.content h2.pagetitle{
	border-bottom : 1px solid #ccc;
	background : #000 url(/img/blog/h2.pagetitle.jpg) repeat-x top;
	padding : 10px 0 12px 0;
	color  :#ccc;
	text-align : center;
	font-size : 1.5em;
}