/*  
Theme Name: Fuerza 2011 - Chino
Author: Jose Chacon Ayala
*/

*
{
padding: 0em;
margin: 0em;
}

body
{
background: #141 url(images/bg.jpg) repeat fixed;
padding: 15px 0px 35px 0px;
}

body
{
font-size: small;
font-family: Arial, Verdana, Tahoma, Serif;
color: #333333;
font-size:0.8em;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
}

a
{
color: #EF662A;
text-decoration: none;
border-bottom:#EF662A 1px dashed;
}
a:hover
{
text-decoration: none;
border-bottom:#EF662A 1px solid;
}
h1,h2,h3,h4,h5,h6 
{
font-family: Arial, Verdana, Tahoma, Serif;
color:#EF662A;
}

h2
{
font-size: 1em;
padding-left: 0px;
color:#EF662A;
}
h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: left;
color:#EF662A;
}
h3
{
font-size: 1.7em;
padding-left: 0px;
color:#EF662A;
/*
padding-left: 24px;
background-image: url(images/db1.gif);*/
}
h4
{
font-size: 1.3em;
padding-left: 0px;
color:#000000;
/*background-image: url(images/db2.gif);*/
}


h3 span
{
font-weight: normal;
font-size:60%;
color:#EF662A;
}
h5 
{
	font-weight:normal;
	font-family:Verdana, Arial, Serif;
	font-size:1em;
	color:#EF662A;
}
.contentarea
{
padding-top: 1.8em;
}
dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
img
{
border: solid 1px #dcdcdc;
padding:3px;
}
img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}
img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}
img.profile
{
position: relative;
float: left;
margin: 0.5em;
padding:3px;
}
ul, ol 
{
	margin:1em;
	padding:0;
}
li 
{
	margin:0 1em;
	padding:0.15em;
}
#contentarea ul li 
{
	list-style-image: url(images/db3.gif);
}
blockquote 
{
    margin:20px 10px;    
    border-left:#ccc 2px solid;
}
fieldset 
{
	border:none;
}


.divider1
{
position: relative;
background: #fff url(images/border2.gif) repeat-x;
height: 14px;
margin: 2.0em 0em 0.5em 0em;
clear: both;
}

.h4 a 
{
	text-decoration:none;
	color:#141;	
	border:none;
	color:#EF662A;
}

.details
{
position: relative;
top: -1.5em;
font-size: 0.86em;
color: #787878;
margin:0;
padding:0;
}
.details .user 
{
	background:url(images/user.png) no-repeat left center;
	padding-left:15px;
}


.details .date 
{
	background:url(images/date.gif) no-repeat left center;
	padding-left:15px;
	margin:0 0 0 1em;
}

/* --------------------------------------------------------------*/
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
}
/*------------------------------------------------------------------*/




#outer  ul.controls
{
clear: both;
margin:0;
padding:1em 0;
background:#fcfcfc;
}

ul.controls li
{
display: inline;
font-size: 0.86em;
margin:0;
padding: 0em 1.0em 0em 15px;
}
ul.controls li.comments
{
	background: url(images/icon-comments.gif) no-repeat left center;
}

ul.controls li.more
{
	background: url(images/icon-more.gif) no-repeat left center;
}

.box
{
background: #FDFCF6 url(images/boxbg.gif) repeat-x;
padding: 1.5em;
border-top: solid 1px #E1D2BD;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
text-align:left;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 778px;
	border: solid 2px #000000;
	background-color: #fff;
	margin: 0 auto;
}

#header
{
	position: relative;
	width: 100%;
	height: 5.5em;
	background: #2b2b2b url(images/topbg.gif) repeat-x;
	margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 0.9em 2.0em;
}

#headercontent h1
{
font-weight: normal;
font-size: 2.5em;
font-weight: bold;
}
#headercontent h1 a:link, #headercontent h1 a:visited
{
	color:#000000;
	text-decoration:none;
	border:none;
}
#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration:none;
	color:#fff;
	border:none;
}
#headercontent h2
{
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
}

#search
{
z-index: 2;
position: absolute;
top: 1.0em;
right: 2.0em;
padding-right: 0.0em;
color:#E8E8E8;
}
#correoweb
{
z-index: 2;
position: absolute;
top: 17.0em;
right: 1.0em;
padding-right: 0.0em;
color:#E8E8E8;
background: url(images/correoweb.jpg) no-repeat left center;
padding: 0em 1.0em 0em 18px;

}
#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border: solid 1px #f0f0f0;
padding: 0.1em;
width: 10.0em;
background:#fff url(images/button_bg.gif) repeat-x top;
}

#search input.submit
{
background: #EF662A;
border: solid 1px #FFFFFF;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 100px;
background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #ffffff url(images/menubg.gif) repeat-x top left;
height: 2.0em;
padding: 0 1.0em;
margin: 0 0 2px;
}

#menu ul
{
padding:0.5em 0 0 0;
margin:0;
}

#menu ul li
{
position: relative;
display: inline;
padding:0;
margin:0;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: #fff;
	padding: 0.5em 1.0em 0.9em 1.0em;
	text-decoration: none;	
	border:none;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{
	background:  url(images/menuactive.gif) repeat-x top left;	
	border:none;
}

#menubottom
{
background: #fff url(images/border1.gif) repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -20.0em;
width: 95%;
}

#primarycontent
{
margin: 0 16em 0 0;
}

#sidebar
{
margin: 0;
float: right;
width: 18.0em;
}
#sidebar ul
{
	list-style:none;
	margin:0.5em 0 0;	
}
#sidebar li 
{
	margin:1em 0;
	padding:0.5em;
}
#sidebar li li 
{
	margin:0;
	padding:0.5em;
	background:none;
}
#sidebar li li li
{
	margin:0;
	padding:0.5em 1em;
}
#sidebar ul.feeds li 
{
	background:url(images/feed.png) no-repeat left center;
	margin:1em 0;
	padding:0 1.5em;	
}

/*comments and their styles*/
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #0A8FC2;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #000000;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#f1fedb;
	border: 1px solid #E1D2BD;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #E1D2BD;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
}
#outer input.text 
{
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	border:#ccc 1px solid;
	padding:2px;
	font:1em Verdana, Arial, Serif;
}
h5 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#header, #content, #sidebar, .widget {
    overflow: hidden;
}

/*jchacon insert*/
/*
#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url(images/border2.gif) repeat-x 0 2.5em;
font-size: 0.86em;
}

#footer .left
{
position: absolute;
left: 2em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}
*/
/*verdadero footer*/
#footer {
	clear: both;
	background: #EF662A url(images/footer-bg.gif) no-repeat;
	color:#FFCC00;
	line-height: 130%;
	padding-bottom: 10px;
}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer h4 {
	color: #FFCC00;
	margin: 10px 0px 5px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-posts strong {
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-about {
	width: 220px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(images/footer-right-bg.gif) no-repeat;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
#footer2
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url(images/border2.gif) repeat-x 0 2.5em;
font-size: 0.86em;
}
/*nuevo codigo jchacon*/
ul.list-archives li, li.widget_archives li{
	
	background: url(images/mini-monthly-archive.gif) no-repeat  !important;
	padding-left: 20px !important;
	
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*++++++++++++++++++++++++++++++++++*/

.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #FF6600; 
		border-color: #036; 
		text-decoration: none;
	}
	

div.comment-number {
	float: right;
	color: #999;
	width: 40px;
	text-align: right;
}