/*

Theme: Zine Style

Theme URI: http://www.cmdesignlounge.com

Descripcion: Zine Style, plantilla estilo revista de 3, barra lateral e index personalizable.

Version: 1.0 (es)

Autor URI: http://www.cmdesignlounge.com

Autor: ChiQ M.


main css*/
HTML
{
	height: 100%;
	margin-bottom: 1px;
	border: inherit solid #000000;
	padding: 0px;
	margin: 0px;
}
BODY
{
	margin: 0;
	padding: 0;
	color: #222222;
	font: 12px Verdana, sans-serif;
	background: url(images/body_bg.gif);
}
FORM
{
	margin: 0;
	padding: 0;
}
#page
{
	margin: 15px auto;
	padding: 0px;
	width: 970px;
	background: #FFF;
	border: 1px solid #C5C5C5;
}
#nav
{
	background: #DD2B22 repeat-x top left;
	height: 36px;
}
#nav UL
{
	list-style: none;
	margin: 0;
	padding: 0px;
}
#nav UL UL
{
	display: none;
}
#nav LI
{
	display: block;
	float: left;
	color: #FFFFFF;
	background: url(images/nav_li.gif) no-repeat top right;
}
#nav LI A
{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 11px 15px;
}
#nav LI A:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background: #000000 url(images/nav_li.gif) no-repeat top right;
}
#nav LI.current_page_item A
{
	color: #FFFFFF;
	text-decoration: none;
}
#nav LI.current_page_item A:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#header
{
	height: 89px;
	margin: 1px;
	padding: 20px 20px 150px;
	background: url(http://www.psoesesena.com/images/cabecera.jpg) no-repeat top left;
	border-bottom: 1px solid #C5C5C5;
	text-align: right;
	line-height: 1.5;
}
#top
{
	height: 20px;
	padding: 25px 0px 0px 10px;
	margin: 0 auto;
	background: url(images/top_bg.gif) no-repeat bottom left;
	width: 760px;
	color: #D1E5F7;
}
#top A
{
	color: #D1E5F7;
}
.feed
{
	float: right;
}
#search
{
	margin: 0px 0px 0 0;
	padding: 0px;
	height: 35px;
	color: #CCC;
	background: url(images/search.gif) no-repeat center left;
}
#searchform
{
	margin: 0px auto;
	padding: 0px 0px 0;
	text-align: center;
}
#search INPUT#s
{
	width: 288px;
	padding: 10px 30px;
	border: 1px solid #C0C0C0;
	background: none;
	float: left;
	color: #333333;
}
INPUT#srcbtn
{
	margin-left: 5px;
	padding-top: 4px;
}
#logo
{
	float: left;
}
#logo H1
{
	margin: 0;
	padding: 0;
	font: 50px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#logo H1 A
{
	color: #333333;
}
#content
{
	padding: 15px;
	margin: 0 0px 0 0;
	float: left;
	width: 557px;
	font-family: Calibri;
	line-height: 1.5;
	font-size: 10pt;
}
H1
{
	font-size: 16px;
}
.alt
{
	background-color: #F8F8F8;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
SMALL
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
#wp-calendar CAPTION, CITE
{
	text-decoration: none;
}
.commentlist LI, #commentform INPUT, #commentform TEXTAREA
{
	font: 0.9em "Lucida Grande", Verdana, Arial, Sans-Serif;
}
.commentlist LI
{
}
.commentlist CITE, .commentlist CITE A
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentmetadata
{
	font-weight: normal;
}
CODE
{
	font: 1.1em "Courier New", Courier, Fixed;
}
ACRONYM, ABBR, SPAN.caps
{
	font-size: 0.9em;
	letter-spacing: 0.07em;
}
A
{
	text-decoration: none;
	color: #F31F33;
}
A:hover
{
	text-decoration: underline;
}
#wp-calendar #prev A, #wp-calendar #next A
{
	font-size: 9pt;
}
#wp-calendar A
{
	text-decoration: none;
}
#wp-calendar CAPTION
{
	font: bold 1.3em "Lucida Grande", Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar TH
{
	font-style: normal;
	text-transform: capitalize;
}
/*End Typography & Colors
Begin Structure*/
HR
{
	display: none;
}
.featured
{
	background-image: url(http://www.psoesesena.com/images/luisdominguezblog.jpg);
	margin: 0px 0px 50px 0px;
	padding: 5px;
	border: 1px solid #C0C0C0;
	height: 205px;
	background-repeat: no-repeat;
	background-position: center;
}
.featured H1
{
	padding: 175px 10px 10px 10px;
	margin: 0;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #F31F33;
}
.featured IMG
{
	padding: 0 5px 0 0;
}
.content-left
{
	width: 557px;
	float: left;
	border-right: 1px dotted #B6B6B6;
}
.content-right
{
	padding: 0 10px;
	float: right;
	width: 225px;
}
.content-right IMG
{
	border: 1px solid #000;
	padding: 3px;
	margin-right: 5px;
}
.content-right DIV
{
	padding: 10px 0;
	border-bottom: 1px dotted #B6B6B6;
}
.content-right H2
{
	text-transform: uppercase;
	font-size: 10px;
	margin: 0;
	padding: 5px 0;
	color: #333;
}
.content-right H3
{
	font-size: 12px;
	color: #F31F33;
	margin: 0;
	padding: 0;
}
.post
{
	padding: 10px 10px 0;
}
.post-top
{
	background: #FFF;
	padding: 0 5px;
}
.post LI
{
	margin-left: 25px;
}
.posted
{
	color: #C0C0C0;
	padding: 0px 5px 0px 0px;
}
.posted A
{
	color: #FFF;
}
.comments
{
	padding: 0px 0 0px 0px;
	float: left;
}
.post H1
{
	padding: 0;
	margin: 0;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #F31F33;
}
.read-more
{
	padding-right: 15px;
	background: url(images/more.gif) no-repeat center right;
}
P.more
{
	float: left;
	padding: 0;
	margin: 0;
}
/*End Structure
Begin Images*/
IMG.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
IMG.right
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
IMG.left
{
	padding: 0px;
	margin: 0 7px 0px 0;
	display: inline;
}
/*End Images
Begin Form Elements*/
.entry FORM
{
/*This is mainly for password protected posts, makes them look better.*/
	text-align: center;
}
SELECT
{
	width: 130px;
}
#commentform INPUT
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform TEXTAREA
{
	width: 90%;
	padding: 2px;
}
#commentform #submit
{
	margin: 0;
	float: right;
}
/*End Form Elements
Begin Comments*/
.alt
{
	margin: 0;
	padding: 10px;
}
.commentlist
{
	padding: 0;
	text-align: justify;
}
.commentlist LI
{
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}
.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata
{
	margin: 0;
	display: block;
}
/*End Comments
Begin Calendar*/
#wp-calendar
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next A
{
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev A
{
	padding-left: 10px;
	text-align: left;
}
#wp-calendar A
{
	display: block;
}
#wp-calendar CAPTION
{
	text-align: center;
	width: 100%;
}
#wp-calendar TD
{
	padding: 3px 0;
	text-align: center;
}
#wp-calendar TD.pad:hover
{
}
/*End Calendar
Begin Various Tags & Classes*/
ACRONYM, ABBR, SPAN.caps
{
	cursor: help;
}
ACRONYM, ABBR
{
	border-bottom: 1px dashed #999;
}
BLOCKQUOTE
{
	margin: 15px 30px 0 10px;
	padding-left: 40px;
	background: #F1F1F1 url(images/bg_blockquote.gif) no-repeat top left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
BLOCKQUOTE CITE
{
	margin: 5px 0 0;
	display: block;
}
.center
{
	text-align: center;
}
A IMG
{
	border: none;
	padding: 50px 0px 0px;
}
.navigation
{
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.navigation A
{
	color: #222222;
}
#sidebar
{
	color: #DE1919;
	float: right;
	width: 350px;
	padding: 15px 20px 700px 0;
	background-image: url(http://www.psoesesena.com/images/soy-como-tu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1800px;
	margin: 0px;
}
.widget
{
	border: 1px solid #C0C0C0;
	padding: 0px;
	margin-top: 10px;
}
.widget .inner
{
	border: 6px solid #FAFAFA;
	text-align: center;
}
#sidebar H2
{
	color: #333333;
	font-size: 12px;
	margin: 5px 0;
	padding: 5px 0 5px 0px;
	border-bottom: 1px dotted #B6B6B6;
	text-align: left;
	text-transform: uppercase;
}
#sidebar UL
{
	list-style: none;
	margin: 10px 0 10px 10px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
#sidebar LI
{
	padding: 5px 0 5px 12px;
	margin: 0;
	background: url(images/sidebar_li.gif) no-repeat center left;
}
#sidebar UL LI.cat-item
{
	float: left;
	width: 130px;
}
UL.archives LI
{
	float: left;
	width: 130px;
}
#sidebar LI A
{
	padding: 0;
	margin: 0;
}
#sidebar LI A:hover
{
	margin: 0;
	display: block;
	text-decoration: none;
}
#sidebar UL UL
{
	display: none;
}
#sidebar .rss
{
	padding: 20px 25px;
}
#footer
{
	padding: 0px 0px 10px 10px;
	height: 22px;
	color: #333333;
	width: 980px;
	margin: 0 auto;
}

