* {
	margin:0;
	padding:0;
}
body {
	background:#fefff5;
	color:#555;
	font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bolder;
	letter-spacing:-0.07em;
	font-family:Arial;
}
img {
	border:0;
}
small {
	font-size:10px;
}
a {
	color:#2970A6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


/* layout START */
#wrapper {
	background:url(img/light.gif) center top no-repeat;
}
#container {
	margin:0 auto;
	width:936px;
}
/* layout END */


/* INICIO Cabecera (header)  */ 
/* ESTRUCTURA RESUMIDA
header (id)
	caption (id)
		h1  a
	navigation (id)
		ul id=menus
			li class= current_page_item
			li class= page_item page-item-2 ?????
*/		

#header {
	background:url(img/header.jpg) 0 0 no-repeat;
	height:210px;
}
#caption { /* mensaje con el titulo de la pagina */ 
	height:54px;
	padding:50px 30px 100px;
}
*html #caption {padding:50px 30px 90px;} /* ie6 fix */

#title a { /*enlace del texto del titulo*/
	text-decoration:none;
	color:#da4213;
	/*width:250px;*/
	height:30px;
	display:block;
	font-family:"Trajan Pro";
	letter-spacing:0;
	/* sergio alineo a la izquierda */
	float:right;
}

#tagline { /* tagline descipcion del blog*/
	color:#666;
	text-decoration:none;
	font-size:10px;
	float:left;
	padding:0 3px;
	margin-top:15px;
}

#navigation {	
	height:30px;
	background: url(img/yellow_nav.gif) no-repeat bottom;filter:Alpha(Opacity=85); opacity:0.85;
	width:930px;
	margin:0 auto;
}
#menus li { float:left;	height:30px;text-align:center;line-height:30px;width:auto; padding:0 15px;background: url(img/yellow_nav_img.gif) no-repeat right top; list-style:none}
#menus li a {	display:block;color:#fff;text-decoration:none; line-height:30px }
#menus li:hover {					background:url(img/yellow_nav_hover.gif) no-repeat center top; height:30px; width:auto; color:#FFF !important; text-decoration:none !important; }
#menus li.current_page_item{	background:url(img/yellow_nav_hover.gif) no-repeat center top; height:30px; width:auto; }

/* FIN cabecera (header) */


/* INICIO CONTENIDOS  (content) */
/* ESTRUCTURA 
content (id)
	main (id)
		post (class)
			<h2><a class="title" href=#> TITULO mensaje </a></h2>
			<div class="info">
			<div class="content">???????
		post (class)
						
		footer (id)
					
	sidebar (id)
		widget (class)
			<h3>Titulo barra</h3>
				<ul>
					<li><a href=#> ENTRADAs MENU</a></li>
	<div class="fixed"></div>
*/


#content {/*??? content esta definido como id pero se usa otra vez dentro de los contenidos de los mensajes */
	min-height:400px;
}
#main {
	background:#FFF;
	width:705px;
	/*width:595px;*/
	padding:5px 15px 15px;
	float:right;
	overflow:hidden;
	border:1px solid #ccc
}

/* DEFINICION ESTILOS DE LAS ENTRADAS (post) */
/* ESTRUCTURA 
		post (class)
		<div class="post">
			<h2><a class="title" href=#> TITULO mensaje </a></h2>
			<div class="info">
						<span class="date">Fecha </span>
			<div class="content">
						<$EntryBody$> cuerpo de la noticia
						<p class="under">
		</div>		
		post (class)

*/

.post h2 {
	display:block;
	margin-top:10px;
	border-bottom:1px solid #CCC;
	padding:0 5px 3px;
	font-size:16px;
	font-family:Verdana,"BitStream vera Sans";
}
.post h2 a.title {
	text-decoration:none;
	color:#4C4C4C;
}
.post h2 a.title:hover {
	color:#2970A6;
}
.post .info {
	margin:5px;
}
.post .info span.first {
	margin-left:0;
}

.post .date
{
	background:url(img/icons.gif) no-repeat;
	background-position:0 -48px; float:left;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
}

.post .content ul li, 
.post .content ol li {
	list-style-position:inside;
	padding-left:20px;
}

/* DEFINICION ESTILOS DE LOS contenidos de ENTRADAS (post content) */
/* ESTRUCTURA */
.post .content {
	padding:5px 0 5px 5px;
	line-height:145%;
	overflow:hidden;
}
.post .content p {
	margin-bottom:10px;
}
.post .content .under {
	height:16px;
	line-height:16px;
}
.post .content .under span {
	float:left;
	margin-right:15px;
}
.post .content h4 {
	color:#080;
	margin-bottom:10px;
}
.post .content img {
	max-width:600px;
}


.post .content table {
	background:#FFF;
	border:1px solid #CCC;
	/*margin:5px 0 10px;*/
}

/* main END */


/* INICIO Barra lateral (sidebar) */
/* ESTRUCTURA 
sidebar (id)
		widget (class)
			<h3>Titulo barra</h3>
				<ul>
					<li><a href=#> ENTRADAs MENU</a></li>
	<div class="fixed"></div>
*/
#sidebar {
	width:188px;
	float:left;
	font-size:95%;
	line-height:145%;
	overflow:hidden;
}
#sidebar li {
	background:url(img/icons.gif) 0 -320px no-repeat;
	padding-left:22px;
	list-style:none;
	margin-top:5px;
	font-size:12px;
	/*font-size:95%;*/
}

#sidebar .widget {
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:10px;
}

#sidebar .widget h3{
	border-bottom:1px solid #ccc;
	height:28px;color:#393300;
	font-weight:bold;line-height:28px;
	padding:0 10px;
	background-image: url(img/yellow_title_bg.jpg); 
	text-decoration:none; 
	font-size:14px;
}

#sidebar .widget ul{
	padding:7px;
}

#sidebar .widget_feeds {
	padding:5px 15px
}

/* sidebar END */

/* footer START */
#footer {
	height:28px;
	margin-top:20px;
	font-size:11px;
	line-height:145%;
	width:100%;
}
#footer a {
	color:#555;
}
#copyright {
	margin-top:12px;
	margin-left:20px;
}
#themeinfo {
	margin-left:20px;
}
a#powered {
	float:left;
	margin:0 10px 0 10px;
	text-indent:-999em;
}
a#gotop {
	background:url(img/icons.gif) 0 -304px no-repeat;
	float:right;
	height:16px;
	line-height:18px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}
/* footer END */


/* archives START */
#archives {
	list-style-position:inside;
}
.postspermonth {
	margin:5px 0;
	list-style:none;
}
.srg_switcher {
	margin-bottom:10px;
}
/* archives END */


/* static START */


abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}

.post .content {
	margin:0;
}

blockquote, pre {
	background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}

.more-link {	font-size:11px;}
.alignleft 	{	float:left;	text-align:left;	margin-right:10px; 	}
.alignright { float:right;	text-align:right;	margin-left:10px;		}
.aligncenter{	display: block;	margin-left: auto; margin-right: auto; }
.floatleft { 	float:left; }
.floatright { float:right;}
.left { 			float:left; margin-right:10px; }
.right { 			float:right; margin-left:10px; }
.fixed, .clear { clear:both; }

hr{ color:#ccc; border-top:none;border-left:none; margin:10px 0}

.w3c {
	color:#080;
	font-size:10px;
}
/* static END */