/*
Theme Name: Rayo Azul
Theme URI: 
Description: 
Version: 1.0
Author: JCJ   
Author URI: http://cosmoswide.com
Tags: empty, clean, development, design

	Based on Blank 1 sidebar - right  by  Anna from http://annalinnea.net/
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* - BASIC STUFF - */
body {background: #2B3A4E; padding: 0; margin: 0; font: .95em Calibri, Arial, Verdana, Lucida Sans, 'Myriad Pro', Helvetica ; color: #fff;}
	
a { color: #FFDCA3; background: inherit; text-decoration: none; }
a:hover {background: inherit; text-decoration:underline; }
p {	margin: 0; }
h1 a {color: #FFF;}
h1 { font-size: 3.4em;font-weight: bold ; padding: 8px 0 4px 0; margin: 0; }
h2 { font-size: 1.6em; color: #414141;font-weight: bold ; }
h3 { font-size: 1.4em;color: #414141; padding: 4px 0; margin: 0; line-height:15px; }
h3 a {color: #FFDCA3;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
/* header styling */
	#header h1 {padding: 8px 0 4px 0; margin: 0; }
	#header h1 a {color: #ccc;}
	#header h2 {font-size: 1em;  color: #868686; margin:0; padding: 0; }
	#header {background: url(images/header.jpg) no-repeat;}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc;}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}


/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:960px;}
#header {height:150px;margin:0 auto;text-align:center;padding: 20px 0;}
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;}

/* -- POSTS -- */

.post {padding: 0 30px 10px 30px;}
#page.post {padding: 20px 50px 80px 60px; font-size: 1.2em; }
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap , .pages-wrap { background: #829CC0; float:left; clear:none;width:780px;}
.posts-wrap h2.archive-title {padding: 20px 0 0 30px; border-bottom: 1px solid;}
.pages-wrap { width: 960px;}
.entry-content p {padding-bottom: 8px;}
.entry-content h3 {padding-top: 25px;}
#post-single.post #entry-meta-single {background: #45638D; padding: 3px;}
/*meta styling*/
.metadate { margin: 40px 0 25px 0; }
.metadate h3 {padding-top: 10px;}
.bubble a {padding: 15px 25px 7px 8px; font-weight: bold; display:block; width: 30px;}
.bubble {background: url(images/comments.gif) no-repeat bottom left;color: #999; padding: 0; }
.datecal {float: right; background: url(images/calendar.gif) no-repeat bottom left; margin: 0 20px 0 0; width: 77px;height: 80px; text-align: center;}
.categoria {color: #515151;}
.datecal .month {display: block;font-size: 14px;line-height: 17px;padding-top: 10px;color: #a9a9a9;font-weight: bold;}
.datecal .day {display: block;font-weight: bold;font-size: 20px;padding-top: 9px;line-height: 18px;color: #afafaf;}
.datecal .year {display: block;font-size: 0.7em;padding-top: 8px;color: #000;}

/* -- SIDEBARS --*/
.sidebar-wrap {overflow:hidden; float:left; clear:none;width:180px; }
* html .sidebar-wrap {width: 178px;}
.sidebar {width:100%;clear:none;}
.block-1 {float:right;}
.sidebar, #entry-meta-single {background: #295DA6;}
.sidebar h3 , .sidebar_tutoriales h3 {color: #fff; padding: 10px 0 10px 7px;}
.sidebar ul li { padding-left: 7px;}
.sidebar_tutoriales {background: #295DA6; border: 3px #D2A354 solid;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
h3#comments {padding-left: 30px;}
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {background: #2E5B98; margin-left:10px; padding: 1px;}
ul.commentlist, ul.pinglist {background : #42536B; margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}
#respond { margin: 10px 20px 0 30px;}
li.depth-1 {border: 1px dashed #D7A95E; padding: 10px 20px 0 30px;}
.autor {color:#B0A3FE; font-weight: bold; }
/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
.navigation {border:1px dashed gray;}
div.navigation {width:99.5%;height:auto;float:left;clear:both;padding: 10px 0px; margin: 20px 0 20px 0;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right; padding-right: 5px;}
.nav-prev {float:left;clear:none;width:48%; text-align:left; padding-left: 5px;}

/* HEADER MENU */
.about-button-container {background: #262D37; padding-top: 10px; width:960px; margin:0 auto;border-top: #45638D 1px solid;}
.clearfix:after {content: " ";display: block;  clear: both;  visibility: hidden;  line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {  display: block;}
* html .clearfix { height: 1%;}					
#menu {background: #262D37; margin:0; font-size: .9em;}
#menu ul li.page_item a, #menu ul li.cat-item a {color: #888;background:#fee;}	
#menu ul li.page_item a:hover, #menu ul li.cat-item a:hover {color: #000;background: #FFDCA3;	}
#menu ul li.page_item, #pagemenu ul li.cat-item { background: #ddd;}
#menu ul li.current_page_item, #menu ul li.current_page_item a, #menu ul li.current_page_item a:hover, #menu ul li.current-cat, #menu ul 	li.current-cat a, #menu ul li.current-cat a:hover { color: #fff; background: #829CC0;}
#menu ul li.current_page_item li a {background:#eee;color: #888;}
#menu #page-list li:hover {background:#eee;}
#menu #page-list li ul {border: 1px solid #ddd;	}	
#menu #page-list li ul li {background: #eee;border-top: 1px solid #ddd;}		
#menu ul#page-list {list-style: none;padding: 0px  0px;	margin: 0 auto;	display: block; /* ignored by IE  remove space bug on FF, Chrome */	}
#menu ul li.page_item a, #menu ul li.cat-item a {font-weight: bold;padding: 0px 15px;text-decoration: none;	border: none;	}
#menu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover {text-decoration: none;}
#menu  #page-list {margin:0; padding:0;}
#menu #page-list li {padding:0px;float:left;list-style: none;line-height:32px;display: inline;margin-left: 5px;}
#menu #page-list li a, #page-list li ul li a {display:block;}

/* THE FOOTER */
#footer {background: #262D37; height: 15px; margin: 0; padding:5px;}
#footer ul {float:left;}
#footer ul li { display: inline;list-style: none; margin: 0; padding: 0;}
#footer .right  { float: right; text-align: right; margin: 0; }
#footer a { text-decoration: none; color:#A87A2E;}
/* SEARCH  */
#search {background:url(images/searchbar.png) no-repeat;width:177px;height:32px;overflow:hidden; float: right;}
#search form {padding:0;margin:0;}
#search .txtField {margin:5px 0 0 5px;width:115px;color:#000;background:transparent;font-size:11px;border-style:none;}
#search .btnSearch {width:30px;height:28px;border-style:none;float:right;background:transparent;cursor:pointer;margin:0;}