/*

Theme Name: Blueblog
Theme URI: http://www.themeporter.com
Version: 1.0
Description: Blue Blog Theme Ported to Wordpress
Author: Theme Porter
Author URI: http://www.themeporter.com


*/
/*

	BlueBlog - FREE Template 
	by David Herreman
	http://www.free-css-templates.com
	
*/

body { 
	margin:0px 0; 
	padding:0; 
	color:#ccc;  
	background: #303B41 url('images/bg.jpg') repeat-x;
	line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family: "Arial", Sans-Serif; 
}

a:link img, a:active img, a:visited img {border-bottom: 3px solid #fff; border-top: none; border-right: none; border-left: none;}
a:hover img {border-bottom: 3px solid #075181;}
hr {display: none;}

.content { 
	background: #FFF url('images/mainbg.jpg') repeat-y center;
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

.img {
	padding: 0 8px 8px 0;
	float: left;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
.size-medium, .size-thumbnail {margin: 0 7px 0 7px;}


/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
	padding: 0;
	margin: 0;
	background: #000 url('images/top.jpg') no-repeat top;
	height: 44px;
}

#top .padding { 
	float: right;
	color: #5A5A5A;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }


#header { 
	margin: 0;
	width: 800px;
	background: #036EB4 url('images/header.jpg') no-repeat center top;
	height: 149px;
	color: #FFF;
}
#headblind {
	text-indent: -9000px;
}
#lema {
	text-align: right;
	font-weight: bold;
	padding: 105px 25px 0 0;
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {	padding: 45px 0 0 50px; }
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0;
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		background-image: url('images/none');
		color: #075181;
		margin: 0;
		padding-left:2px; padding-right:20px; padding-top:80px; padding-bottom:0;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #000 repeat-y center;
	width: 770px;
	height: 35px;
	color: #FFF;
	margin-left: 15px;
}

#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }



/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: 	#7D8085; padding: 20px 0 0 0px; width: 200px; }
.nav li { 
	margin: 5px 0 5px 0px;
	padding: 0px 0 0 0px;
	/*border-bottom: 1px dotted #ccc;*/
	list-style-type: none;
	list-style-image: url(/wp-content/themes/bueblog/images/arrow-bullet.gif);
}
.nav li a { color: #546078; text-decoration: none;  padding: 2px 3px; display: block;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block;}


/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #808080;}
#main .right_side { float: right;
	padding:0px 0 0 0px; margin:0;
	background-color: #FFF;
	width: 220px;
}

#main .right_side .hitems { margin: 0; 	padding: 0; }
#main .right_side .hitems ul { 
	margin: 5px 0;
	padding : 0;
	color: #a90000;
	list-style-image: url('images/arrow.gif');
}

#main .right_side .hitems li {
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .left_side { float: left; width: 500px; background: #FFF; padding: 15px 15px 0 5px; margin:0; }
#main h3 {  font: 85% "Arial", Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit;
			border-bottom: 1px solid #036CB4;
}
.entry h2 {border: none; font-size: 1.5em; color: #2f2f2f; background-image: none; padding-left: 0;}
.entry h4 {border: none; font-size: 1.3em; color: #2f2f2f; margin: 15px 0 10px 0;}
#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0;
	padding : 0;
	list-style : none;
	border-bottom: 0px solid #eee;
	list-style-type: square;
	color: #a90000;
}

#main .right_side li {
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 0;
	padding: 0 0 0 0px;
	color: #555;
}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	color:#ccc;
	/*background: #000 url('images/footer.jpg') no-repeat top;*/
	background-color: #2f2f2f;
	font-size:90%;
	padding: 0 0 10px 0;
	margin: 0 15px;
	text-align: center;
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right;
	clear:right;
	text-align:right;
}

#footer a { color: #fff; }

/*  Top Menu */
#menu {
	background: #000 url('images/menu.jpg') no-repeat center bottom;
	width: 760px;
	height: 35px;
	margin: 0;
	padding: 0;
}

#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }




/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.search { width: 150px; border: 1px solid #075181; color: #666; }
input.submit {
	background: none;
	color: #075181;
	border: 0px none;; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:"Arial", "Verdana", "Helvetica", sans-serif;
}

input.search:hover {	background: #FFFFF4; }

ul { margin-left: 0; padding-left: 5px; list-style : square; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px;	color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 15px 0 0 0; padding: 0; color: #5A5A5A; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 {
	padding:0;
	margin:0;
	color: #FFF;
	background: inherit;
	font: bold 1.8em "Arial", Sans-Serif;
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 {
  background: url('images/h.gif') no-repeat left;
	color:#075181;
	font-size:160%;
	font-weight:bold;
	line-height: 1.2em;
	margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:5px; padding-left:30px; padding-right:0; padding-top:10px; padding-bottom:0;
}
.right_side h2 {
	background-image: none;
	padding-left: 0 !important;
}
h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

fieldset {	border: 1px solid #075181; }
textarea.text {
	height: 150px;
	width: 90%;
	border: 1px solid #A90000;
	background: #FFF;
	color: #354D5F;
}

textarea.text:hover {
	border: 1px solid #A70000;
	background: #FFFFF4;
	color: #000;
}

input.field {
	border: 1px solid #075181;
	background-color: #FFFFFF;
	width: 283px;
	color: #000;
}

input.field:hover {
	border: 1px solid #68ADD5;
	background: #FFFFF4;
	color: #000;
}

input.text {
    border: 1px solid #A70000;
	margin: 0;
	width: 150px;
	background: inherit;
	color: #000;
	padding: 4px;
}


input.text:hover {
	border: 0px solid #68ADD5;
}

.date {
	color: #5A5A5A;
	background: #FFFFFF;
	text-align: right;
	margin: 4px 0 5px 0;
	padding: 0.4em 0 0 0;
	border-top: 1px solid #eee;
}

.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #f8f8f8;
	color: #000;
}

.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}


/*post stylng*/
.post, .breve {margin:0 0 25px 0;}

.breve h4 {font: 1.1em "Arial", Sans-Serif; margin: 0 0 1px 0; padding: 20px 0 0 0; color: #5f5f5f; background: inherit; font-weight: bold;}
.metabreve {font-weight: normal; font-size: 0.8em}
.post .info{
	padding:2px 3px 3px 8px;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:0.9em;
	color:#505050;
	clear: both;
}
.brevimg {float: left; width: 125px; height: 100px; margin-right: 10px; text-indent: -9999px;}
.breve .info {
	padding: 0;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:1em;
	color:#505050;
	min-height: 100px;
	display: block;
}
.breve .infoimg {
	padding: 0;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:1em;
	color:#505050;
	display: block;
}
.etiquet {font-size: 0.9em;}
.breve img, .breve a img {border: none;}
.breve p {margin: 5px 10px;}

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

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

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 495px;
}
#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: 300px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 300px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 300px;
}
#commentform input{
margin-bottom: 3px;
}

/* widgets */
.textwidget {
	font-size: 1em;
}
.destacado {
	color: #fff;
	background-color: #83b700;
	border: 1px solid #83b700;
}
.destacado a:link, .destacado a:active, .destacado a:visited {
	padding: 5px;
	display: block;
	color: #fff;
	font-weight: bold;
}
.destacado a:hover {
	color: #83b700;
	background-color: #fff;
	text-decoration: none;
}
.grandestacado {font-size: 16px; letter-spacing: -0.5px;}

/* etiquetas */
.deetiqueta a:before, .deetiqueta a:after {
/*Workaround for Gecko*/
content: "";
}
.deetiqueta a {display: inline; margin-right: 5px; color: #546078}
.deetiqueta a:hover {background: #E5F6FF; color: #075181;}
/*.deetiqueta a:before {content: "\2022  ";}*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
	 margin-right: 7px;
}

.alignright {
   float: right;
	 margin-left: 7px;
}

.wp-caption {
    padding: 0;
	 width: 500px;
   margin: 10px 0;
   /* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   border: 1px solid #ddd;
	 background-color: #f3f3f3;
	font-size: 11px;
   line-height: 14px;
   padding: 3px;
   margin: 2px 9px 0 0;
	 text-align: left;
}
.caja {
	color: #bbb;
}