/***** general *****/
body {
margin:0px auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
background: #F2FADA url('bg_repeat.jpg') center repeat-y;
color:#000000;
}
img {
border:0px;
padding:5px;
max-width: 100%;
}
a {color:#7D6D28;text-decoration: none;}
a:hover {color: #898989;text-decoration: underline;}

p {margin: 0px 0px 12px 0px;}

hr {height:1px;border:none;border-top:1px dashed #BDAC68; width:90%;}
del {color:red;}
ins {color:green;}



input,select,textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
.aligncenter,div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {clear:both;}
.spacer {height:20px;}

/***** layout *****/
#bg_top{
padding: 0px 0 0 0;
margin:0px auto;
background:url('bg_top.png') center top no-repeat;
}
#bg_bot{
padding: 0px 0 0 0;
margin:0px auto;
background: url('bg_bot.jpg') center bottom no-repeat;
}

#base{
position:relative;
margin:0px auto;
padding: 0 0 0 0;
width:990px;
min-height:500px;
/*overflow:hidden;*/
}

#header{
position:relative;
height:312px;
padding:0px;
margin:0px;
}
#container{
position:relative;
width:990px;
border:0px blue solid;
padding: 0 0 0 0;
margin:0 0 0 0;
}

#sidebar{
position:relative;
overflow:hidden;
float:left;
left:30px;
top:-240px;
overflow:hidden;
width:200px;
/*margin:-100px 0 0 30px;*/
padding:0 0 0 0;
min-height:300px;
border:0px red solid;
color:#362C11;
}

#content{
float:right;
/*display:inline; */
overflow:hidden;
width:720px;
padding:0px 0px 0 0;
margin:0px 8px 40px 12px;
border:0px red solid;
min-height:370px; 
}
#footer{
font-size: 11px;
line-height:1.5em;
clear:both;
width:630px; 
height:72px; 
margin: 0px 10px 0px 305px;
padding: 10px 0px 0px 0px;
color:#5B4B1A;
border:0px red solid;

}
#footer a, #footer a:hover{
color:#5B4B1A;
text-decoration:underline;
}

/***** header *****/
#blogtitle {
position:relative;
overflow:hidden;
width:645px;
top:20px;
left:340px; 
text-align:left;
}

h1 {
font-family: 'Century Gothic', Verdana, Arial,Georgia; 
font-size:32px; 
/*font-weight:bold;*/
padding:0px 0px 0px 0px;
color:#ffffff; 
}

h1 a, h1 a:hover {
font-weight:bold;
color:#ffffff; 
text-decoration:none;
}
#subtitle {
position:relative;
overflow:hidden; 
font-family: Arial, 'MS Sans Serif', Verdana, Tahoma; 
top:5px; 
left:350px; 
width:525px; 
text-align:left; 
font-size:12px;
letter-spacing: 2px;
font-style:italic;
font-weight:bold;
color:#ffffff;
}

.searchbox {
position:absolute;
top:27px; 
left: 28px;
width:200px;
height:38px; 
border:0px;
}

.search-field input {
position:absolute;
top:6px;
left:45px;
width:141px; 
font-family:Verdana;
font-size:11px; 
font-weight:bold;
color:#999999; 
padding-top:7px;
border:0px;
background:transparent;
}

.search-but input {
position:absolute;
top:0px;
left:0px;
width:40px; 
height:40px; 
}

/** menu **/
#menu ul {
position:absolute;
overflow:hidden;
top: 268px;
right:75px;
height: 28px;
margin:0px;
padding:0px;
border:0px red solid;
max-width:630px;
}
#menu ul li {
display: inline;
font-size: 13px;
font-family:Verdana,Arial;
font-weight: bold;
}

#menu ul li a {
display: block;
float: left;
line-height: 29px;
color: #ffffff;
padding: 0px 8px 0px 8px;
margin:0px 0px 0 0 ;
text-decoration:none;
border: 0px;
}

#menu ul li a:hover, #menu ul li.current_page_item a {
background:url('menu_0.gif') left no-repeat;
color:#FFF799;
}

/***** sidebar *****/
#sidebar a{color:#ffffff;text-decoration:none;}
#sidebar a:hover {color:#5C4205;text-decoration:underline;}
#sidebar ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:Verdana,Arial;
}
#sidebar h3 {
position:relative;
overflow:hidden;
color: #362C11;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-align:center;
font-family:Verdana,Arial;
background:url('sb_seperate.jpg') no-repeat top center;
border:0px red solid;
}
#sidebar ul li{
position: relative;
line-height: 1.8em;
list-style-type: none;
font-size:12px;
font-family:Verdana,Arial;
margin: 0px 0px 0px 0px;
padding:2px 2px 0 25px;
background: url('sb_arrow.jpg') no-repeat 0px 7px;
border:0px blue solid;
}

#sidebar select{
margin-left:20px;
font-size:11px;
width:160px;
}

/***** content *****/
.archivetitle {
height:20px;
color: #444444;
font-size: 11px;
font-variant: normal;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

.post{
position:relative;
overflow:hidden;
width:680px;
margin:0 0 30px 20px;
padding:0px 0 0px 0;
border:0px red solid;
}
.post_top{
position:relative;
height: 18px;
background:url('post_top.png') no-repeat top center;
}
.post_bot{
position:relative;
height: 18px;
background:url('post_bot.png') no-repeat bottom center;
}

.entry {
position:relative;
overflow:hidden;
width:650px;

color: #000000;
line-height: 1.6em;
text-align: justify;
margin: 0 0 0 0;
padding:0 15px 0 15px;
background: url('post_repeat.png') repeat-y;
height:100%;
border:0px red solid;
}
h2{
font-family:Arial,Verdana;
font-size:17px;
color: #7D6D28;
font-weight:bold;
}
.pagetitle{
font-family:Arial,Verdana;
font-size:17px;
color: #7D6D28;
font-weight:bold;
border-bottom:2px dotted #E3E3E3;
margin-bottom:10px;
}
h2 a,h2 a:hover,.pagetitle a,.pagetitle a:hover{
color: #7D6D28;
text-decoration:none;
}
.postauthor {
left:55px;
top: 45px;
font-size: 10px;
color:#555555;
border-bottom:2px dotted #E3E3E3;
margin-bottom:5px;
}
.postauthor a,.postauthor a:hover{
color: #555555;
text-decoration:none;
}

.info {
position:relative;
line-height: 1.8em;
font-size: 10px;
color:#000000;
margin:0px;
padding:10px 10px 0 10px;
}
.cty {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('icon_category.gif') no-repeat top left;
color:#999999;
}

.tags {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
color:#999999;
background: url('icon_tag.gif') no-repeat top left;
}

.cmt {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
color:#999999;
background: url('icon_comment.gif') no-repeat top left;
}

/*** comment ***/
#postmetadata {
font-size: 12px;
margin: 20px 20px 20px 20px;
padding: 8px 8px 8px 8px;
}
.boxcomments{
padding:0 25px 0 25px;
}
.nocomments {background: none; color: #000000;}

.boxcomments h2 {
color: #000000;
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 2px dashed #E3E3E3;
}

.commentlist {list-style: none;margin:0px;padding:0px;}

#commentbody {
color: #000000;
font-size: 12px;
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px 5px 1px 5px;
background:#ffffff;
border:2px solid #BDAC68;
}

#commentbody p {
color: #000000;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dashed #E3E3E3;
}

.trackhead {
height:32px;
color: #000000;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 38px;
border-bottom: 1px dashed #E3E3E3;
background: url(track.jpg) no-repeat center left;
}

.trackbody {
height:100%;
color: #000000;
font-size:12px;
list-style-type: none;
margin: 0px 0px 10px 5px;
padding: 0px 5px 1px 5px;
border:1px solid #BDAC68;
background:#ffffff;
}

.avatar {
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
}

.commentcount {
float: right;
color: #aaaaaa;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-family: Georgia, Times, 'Times New Roman', serif;
}

.commentbody p {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.commentbody p a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.commentlink {font-size: 10px; color: #000000;}

.trackbody p a {color: #000000;}

#commentform {
margin:0;
padding:20px 0 0 0;
}

.commenttxt {
width: 750px;
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 1px solid #BDAC68;
background:#ffffff;
padding: 2px 2px 2px 2px;
}

.submittxt {
width: 170px;
height: 25px;
color: #ffffff;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 1px solid #BDAC68;
background:#BDAC68;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}


/* ENCUESTAS POLLS */
.respuesta p {
	height: 40px;
	padding: 5px;
}

.respuesta label {
	text-align: left;
	display: block;
	float: left;
    display: inline;
	padding-top: 2px;
    margin-left: 5px;
}

.respuesta {
	padding: 5px;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 540px;
	background-color: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.respuesta:hover {
	background-color: #E5E5E5;
}

.respuesta .barrarespuesta {
    width: 440px;
	display: block;
	float: left;
	margin: 0 5px 0 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: white;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.respuesta .porcentajerespuesta {
	width: 70px;
	display: block;
	float: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

.respuesta .porcentajerespuesta em {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #A7A7A7;
}

.barrarespuesta img {
	height: 18px;
	vertical-align: middle;
}

p.totalvotos input{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	border: 1px solid #cdcdcd;
	border-top: 0;
	border-left: 0;
	padding: 3px;
	width: 130px;
	height: 30px;
    text-transform: uppercase;
    float: left;
}

p.totalvotos input:hover {
	background-color: #ddd;
}
