/*
Theme Name: Bocalan confiar
Theme URI: http://www.ygosearch.com/seoblog
Description: Look del blog de bocalan confiar
Version: 1.0 
Author: 4SALE
Author URI: http://www.4sale.cl
*/

body {
text-align: center;
margin:0px;  
color:#666666;
background: #4f4f4f;
font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

A:link {
COLOR: #CC0000; text-decoration: none;
}
A:visited {
COLOR: #2153AA; text-decoration: none;
}
A:active {
COLOR: #2153AA; text-decoration: none;
}
A:hover {
COLOR: #CC0000; text-decoration: underline;
}

#page_wrapper {
margin-left: auto; 
margin-right: auto;
width: 990px;  
text-align: left;
background: #FFFFFF url(images/body-bg.gif) repeat-y center;

}

#header_wrapper {
background:#cc0000 url(images/page_back.gif) repeat-x bottom left;
margin:0px; padding:0px;
}

#header {
height:180px;  
color:#eee;
margin:0px;
background:url(images/top-bg-right.gif) no-repeat bottom right;
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

h1 {
font-size:23px;
padding:20px;
}
#header h1 { margin:0px; padding:39px 0px 0px 20px;font:normal 27px Trebuchet MS;text-transform:uppercase;}
#header p { padding:3px 0 0 20px;color:#fff;margin:0px;font:11px verdana;}

#header h1 a {
color:#FFCF8F;
text-decoration:none;
}



#sitename {
margin:0px;
font-family: verdana, arial, sans-serif;
font-size: 28px;
color:#ffffff;
letter-spacing: -1px;
}

#header h2 {
margin:0px;
font-family: verdana, arial, sans-serif;
font-size: 14px;
color:#B1C6EB;
letter-spacing: 1px;
}

#left_side {
margin: 3px 0 20px 0;
padding:0px 5px 20px 0px;  
float: left;
width: 190px;

}

#right_side {
margin: 3px 0 20px 0;
padding:0px 5px 20px 0px;  
float: right;
width: 190px; 
}

#content {
margin-top: 15px;
margin-left: 200px;
margin-right: 200px;  
line-height: 18px;
color: #111;
}



/* Home page design */

#mainleft {
width:49%;
float:left;

padding-bottom:10px;
border-right:1px dashed #bbb;
}

#maincenter {
width:49%;
float:left;

padding-bottom:10px;		
}		

#mainleft h1, #maincenter h1{
clear:both;
font:normal 15px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;		
margin:10px 10px 0px 10px;
padding:10px 0 0 0;	
border-top:1px dashed #ccc;
}

#mainleft h1 a, #maincenter h1 a{		
color:#018301;
text-decoration:underline;
}

#content #mainleft p, #content #maincenter p{
font:normal 12px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:2px;
margin-top:10px;
}

#content #mainleft p.morree, #content #maincenter p.morree{
padding:0px 0 0 15px;
margin:-5px 0px 0px 0px;
}

#content #mainleft p.morree a, #content #maincenter p.morree a{
background:#EEFFED;
padding:1px;
}

html>body #content ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
} 

html>body #content li {
margin: 7px 0 8px 20px;
font:normal 13px/19px Trebuchet MS, Verdana;
}

#content ol {
padding: 0 0 0 35px;
margin: 0;
}

#content ol li {
margin: 0;
padding: 0;
font:normal 13px/19px Trebuchet MS, Verdana;
}


/*
** Menu styles
*/
ul.menu {
list-style: none;
border: none;
text-align:left;
}
ul.menu li {
margin: 0 0 0 0.5em;
}
li.expanded {
list-style-type: circle;
list-style-image: none;
padding: 0.2em 0.5em 0 0;
margin: 0;
color: #759ADB;
}
li.collapsed {
list-style-type: circle;
list-style-image: none;
padding: 0.2em 0.5em 0 0;
margin: 0;
color: #759ADB;
}
li.leaf {
list-style-type: disc;
list-style-image: none;
padding: 0.2em 0.5em 0 0;
margin: 0;
color: #759ADB;
}

#left_side p, #right_side p {
margin:10px;margin-top:15px;margin-bottom:15px;  
line-height: 16px;
color: #333333;
}

#left_side a, #right_side a {  
line-height: 16px;
}

#left_side h2, #right_side h2 {
color:#F16532;
margin:15px 0 5px 0;
padding:5px 9px 0 3px;
font:normal 14px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dashed #ACC8D5;
text-transform:uppercase;
}

#left_side h3, #right_side h3 {
color:#87b220;
margin:15px 0 5px 0;
padding:5px 5px 0 0px;
font:bold 16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#left_side h4, #right_side h4 {
margin-top:0px;margin-bottom:0px;margin-left:10px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
color: #2153AA;
}

#left_side ul{
list-style:none;
margin: 0px;
padding: 0px 5px 0px 5px;
}

#right_side ul{
list-style:none;
margin: 0px;
padding: 0px 5px 0px 9px;
}

#left_side li, #right_side li{
display: inline;
padding: 0px;
margin: 0px;


}
#left_side li a, #right_side li a{

text-decoration:none;    
display: block;
color:#f9f9f9;
text-decoration: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #C0C0C0;
}

#left_side li a:hover, #right_side li a:hover{
color:#ccc;

text-decoration:underline;
}


#content p {
margin-top:15px; margin-bottom: 15px;  
line-height: 18px;
color: #333333;
}

#content a {
color:#031979;
}

#content h3 {
margin:10px 0 5px 5px;
font:normal 17px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:.4px;
border-bottom:1px dotted #ccc;  
color: #2153AA;
}

#content h3 a{
color: #cc0000;
}

#content h4 {
margin-top:0px;margin-bottom:0px;
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 12px;
color: #2153AA;
}

#content .post .mori{
font-size:12px;
margin:0px;
padding:0px 0px 0px 10px;
}

#navlist
{
margin-top:1px;
margin-bottom:0px;
text-align:center;
padding: 5px 0;
margin-left: 0;
border-bottom: 1px solid #0F3974;
font: bold 14px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
color: #F1F6FE;
padding: 5px 15px;
margin-left: 3px;
border: 1px solid #0F3974;
border-bottom: none;
background: #2153AA;
text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
color: #FFFFFF;
background: #3364BB;
border-color: #0F3974;
}

#navlist li a#current 
{
color: #000;
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.float_left {
float: left;
margin-right: 10px;
}

.float_right {
float: right;
margin-left: 10px;
}

.featurebox_center {
background-color: #fffff6;
margin:0px;
padding:10px;
border: 1px solid #DFE8F7;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}

.featurebox_side {
background-color: #fffff6;
margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
padding:10px;
border: 1px solid #DFE8F7;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}


.post{margin:0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #aaa;
border-left:none;
border-right:none;
background-color:#eee;
font-size:0.9em;
}

.post .info a{
color:#fff;
}


#content .post p{
font:normal 13px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:2px;
margin-top:8px;
}


/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 400px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

/* Footer  */

#footer {
	clear:both;
	position:relative;
	text-align: left;
	color: #fff;
	font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	width:570px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	background-color: #181818;
	background-image: url(images/foot.gif);
	background-repeat: repeat-x;
}

#footer h2{
clear:both;
COLOR: #fff;
text-transform:uppercase;
font:normal 15px arial;
margin:0px 0px 8px 0px;
padding:40px 0px 0px 0px;
border-bottom:1px dashed #ccc;
}

#footer A:link {
COLOR: #ccff00; text-decoration: none;
}
#footer A:visited {
COLOR: #90b304; text-decoration: none;
}
#footer A:active {
COLOR: #111; text-decoration: none;
}
#footer A:hover {
COLOR: #666; text-decoration: underline;
}
#footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none !important;
	}
.fcontent12 {
	float:left;
	width:28%;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.fcontent12 ul {
margin:0px;
padding:0;
}

.fcontent12 ul li{
margin:0px;
padding:0;
}

.fcontent12 ul ul{
margin:0px;
padding:0px;
}


.fcontent12 ul ul li {
font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:3px 0px 3px 22px;
color:#03d6e3;
border-bottom: 1px dotted #ffdcdf;
background:url(images/foot-arr-l.gif) no-repeat left;
}


.fcontent3 {
float:left;
width:27%;
margin:0 0 10px 0px
}

.fcontent3 img{
padding:1px;
background:#c7c480;
margin:5px 0 0 2px;
}
.recomienda p {
text-align:center;
color:#FF6600 !important;
font-size:12px;
}
.recomienda img {
position:relative;
left:35px;
border:0px !important;
}
.recomienda a {
border:0px !important;
}
#linker {
position:relative;
left:8px;
top:20px;
}
.lk_top{
font-size:1px;
width:164px;
height:8px;
background-image:url(images/bg_links_top.gif);
}
.linkerers{
background:#FFFFFF;
width:164px;
}
.linkerers a, .linkerers a:hover{
border:none !important;
text-align:center;
}
.linkerers img{
border:none;
margin:0px;
padding:0px;
} 
.lk_bot{
font-size:1px;
width:164px;
height:7px;
background-image:url(images/bg_links_bot.gif);
}
#flickr{
margin-top:25px;
}
#flickr a:link, #flickr a:hover, #flickr a:visited, #flickr img{
	float:left;
	margin-left:5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mailer {
	clear:both;
	height:30px;
	background-image:url(images/bg_mailer.gif);
	background-repeat: repeat-x;
	text-align:center;
	padding-top:15px;
	}
.hide {
	display:none;
	}
#botonera {
	background-image:url(images/bg_botonera.jpg);
	height:29px;
	background-color: #ef191b;
	background-position: top;
	}
#botonera ul {
	list-style-type:none;
	margin-top:3px;}
#botonera li {
	float:left;
	margin-left: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCC00;
	}
#botonera a {
	color:#FFFFFF;}

.aboutus {
	color:#FFFFFF !important;
	}
div.sociable {
padding-bottom:15px;
height:40px;
clear:both;
}
div.sociable li {
float:left;
margin-right:4px;
}
div.sociable li a img{
border:none;
}