/*
Theme URI: http://proletarium.org/proyectos/reboot/
Author: Manu Contreras
*/

body
{
	background: url('img/fondo.gif') repeat-x top left #fff;
	font-family: 'Lucida Grande', Arial, Verdana, 'Bitstream Vera Sans';
	color: #333;
	margin: 0;
	padding: 0;
}

/* Textos predefinidos */
h1, h2, h3, h4
{
	font-family: 'Trebuchet MS', Arial, Verdana, 'Bitstream Vera Sans';
	margin: 0;
	padding: 0;
}

blockquote
{
	color: #999;
	border: 1px solid #eee;
	margin: 15px 0;
	padding: 10px;
	background: #fff;
}

blockquote:hover
{
	border-color: #ccc;
	color: #666;
}

.help, abbr, acronym 
{
	border-bottom: 1px dotted #555;
	cursor: help;
}

code
{
	font-family: 'Courier New', Courier, Fixed;
	color: #008000;
}

.izquierda
{
	float: left;
}

.derecha
{
	float: right;
}

fieldset
{
	border: 1px solid #eee;
}

fieldset:hover
{
	border-color: #999;
}

fieldset:hover legend
{
	color: #999;
}

legend {
	font-size: 12px;
	color: #ccc;
}

/* Imagenes */

img {border:none;}

img.izquierda, img.left, img.i, img.l {
	float: left;
	margin: 0 10px 5px 0;
}

img.derecha, img.right, img.d, img.r {
	float: right;
	margin: 0 0 5px 10px;
}

img.borde, img.border, img.b {

	border: 1px solid #999;

	padding: 1px;

	background: #fff;

	}



img.centro, img.center, img.c {

	margin: 0 auto;

	display: block;

	}



img.gravatar {float: right;}





/* Enlaces */

a {

	color: #06f;

	text-decoration: none;

	}



a:hover {

	color: #333;

	text-decoration: underline;

	}



h1 a, h1 a:hover,

h2 a, h2 a:hover {

	color: #333;

	}

	

.edit a {

	color: #f00;

	padding: 2px;

	}

	

	.edit a:hover {

		color: #fff;

		background: #f00;

		border-color: #f00;

		}



.historia a {

	font-weight: bold;

	}



.historia a:hover {

	color: #fff;

	background: #06f;

	text-decoration: none;

	}



a.accion, a.accion:hover {

	color: #000;

	text-decoration: none;

	}



.metacomm a,

.navigation a {

	border: 1px solid #eee;

	padding: 5px;

}



	.metacomm a:hover,

	.navigation a:hover {

		background: #06f;

		color: #fff;

		border-color: #06f;

		text-decoration: none;

		}



.aviso a {

	text-decoration: underline;

	color: red;

	}



.feed {

	padding: 2px 0 2px 22px;

	background: url('img/feed.png') no-repeat center left;

	}







/* box hover effect */

.asides,

.results,

.aviso,

.footer {

	border: 1px solid #eee;

	padding: 10px;

	}



.asides:hover,

.results:hover,

.aviso:hover,

.footer:hover {border-color: #999;}









/* Cuerpo */

#box {

	width: 790px;

	margin: 20px auto;

	}





/* Cabecera */

.header {

	margin: 0 0 15px 0;

	}

.header h1 {

	font-size: 20px;

	color: #999;

	font-weight: normal;

	letter-spacing: -1px;

	text-shadow: #ccc 1px 1px 1px;

	}

.header .topmenu {
	float: right;
	text-align: right;
	margin: 45px 0 15px 0;
	font-size: 20px;
}


.header .description {

	font-size: 11px;

	color: #999;

	}


/* Asides */

.asides {

	list-style-type: none;

	margin: 0 0 20px 0;

	}



.asides li {

	font-size: 12px;

	}





.asides span {

	font-size: 10px;

	}



.asides .sign {

	font-size: 16px;

	font-weight: bold;

	color: #ccc;

	padding: 0 4px 0 0;

	}







/* blog */

#blog {

	float: right;

	width: 550px;

	}



.yah {

	font-size: 10px;

	color: #444;

	margin: 0;

	padding: 0;

	}



.results {

	font-size: 19px;

	font-weight: normal;

	color: #222;

	margin: 0 0 20px 0;

	}



.date {

	color: #ddd;

	margin: 0 0 10px 0;

	}



.post {

	margin: 0 0 30px 0;

	font-size: medium;

	}



h2 {

	font-size: 26px;

	font-weight: bold;

	color: #444;

	}



.meta {

	font-size: 11px;

	color: #888;

	}



.metacomm {

	font-size: 12px;

	color: #888;

	}



.blah {

	font-size: 12px;

	line-height: 18px;

	}



.tags {

	font-size: 10px;

	margin: 20px 0 0 0;

	}



.navigation {

	font-size: 12px;

	}



.navigation .right{

	float: right;

	}







/* comentarios */

#comments {

	margin: 30px 0 0 0;

	padding: 0;

	font-size: 12px;

	}



#comments ol {

	margin: 0;

	padding: 0;

	}



#comments li {

	margin: 0 0 30px 0;

	list-style-type: none;

	/*border-top: 4px solid #ddd;*/

	background: url('img/comm-top.gif') no-repeat center top;

	}



#comments .fin{background:url('img/comm-bot.gif') no-repeat center
bottom;height:10px; clear:both;}


.comentario {

	margin: 0 0 -10px 10px;

	padding: 15px;

	overflow: hidden;

	width: 370px;

	}

.autor{font-size:12px;font-weight:700;color:#333;width:110px;float:left;text-align:right;padding:5px;
margin-left:10px;}



.autor span {

	font-size: 10px;

	color: #999;

	}



#commentform {

	font-size: 12px;

	}



.dato, textarea {

	border: 3px double #ddd;

	color: #ccc;

	padding: 4px;

	font: normal 11px "Lucida Grande", Arial, Verdana;

	}



#commentform .dato {width: 205px;}



#commentform textarea {width: 295px;}



.dato:focus, textarea:focus {

	border: 3px double #bbb;

	color: #333;

	}



.aviso {

	font-size: 12px;

	font-weight: bold;

	margin: 20px 0;

	color: red;

	text-align: center;

	}

/* barra lateral */

#sidebar {

	width: 220px;

	float: left;

	margin: 0 0 30px 0;

	font-size: 12px;

	}



#sidebar .secc {

	background: url('img/menu-top.gif') no-repeat top center;

	padding: 10px 10px 0 10px;

	margin: 0 0 20px 0;

	}



#sidebar .secc .fin {

	background: url('img/menu-bot.gif') no-repeat bottom center;

	height: 10px;

	margin: 0 -10px 0px -10px;

	}



#sidebar h2 {

	font-weight: bold;

	font-size: 14px;

	color: #000;

	}



#sidebar ul {

	margin: 0;

	padding: 0 0 0 15px;

	line-height: 17px;

	}



#delicious-box li {

	list-style-image: url('img/minidelicious.gif');

	}







/* archive */

.archive {

	background: url('img/archive-bg.gif') no-repeat top left;

	margin: 30px 0;

	padding: 10px 10px 30px 10px;

	}



.arch, .cat, .links, .latest {

	width: 200px;

	margin: 0 10px 0 0;

	}



.cat, .links, .latest {

	float: right;

	}



.archive h3 {

	font-size: 16px;

	font-weight: bold;

	color: #333;

	margin: 0 0 5px 0;

	}



.archive ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 12px;

	}







/* footer */

.footer {

	font-size: 11px;

	color: #999;

	margin: 30px 0 0 0;

	_margin: 0 0 60px 0;

	}

/*PHOTOFRAME*/
.photoframe {
	background: #fff;
	border: solid 1px #CDCDCC;
	padding: 2px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

.outerphotoframe {
	border: solid 1px #CCCCCC;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

.outerphotoframe p{
	width: 80%;
	position:relative;
	margin-left:auto;margin-right:auto;text-align:left;
	text-align: center;
}

.photoframe a:hover {
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}
.photoframe a{
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}
.phtoframe a:link {
       color:white;
       background: none;
       border-bottom: 0px solid #cc9999;

}


.auxphotoframe {
	background: url(/images/camera.png) no-repeat 20px;
	border-top: 1px solid #CDCDCC;
	padding-left: 50px;
	text-align: left;
}

.inline-button {
   _width:12em;
   font: bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 2px solid #D5EBFA;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: #D5EBFA;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #0066FF;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: #0066FF;
   color: white;
   }
   
/*ROUNDED BOX CSS*/
.roundedbox{
display:block;
}
.roundedbox *{
display:block;
height:1px;
overflow:hidden;
background:#E1F1FC;
}
.roundedbox1{
border-right:1px solid #f2f8fd;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f2f8fd;
padding-left:1px;
margin-left:3px;
background:#e8f4fc;
}
.roundedbox2{
border-right:1px solid #fcfdfe;
border-left:1px solid #fcfdfe;
padding:0px 1px;
background:#e6f3fc;
margin:0px 1px;
}
.roundedbox3{
border-right:1px solid #e6f3fc;
border-left:1px solid #e6f3fc;
margin:0px 1px;
}
.roundedbox4{
border-right:1px solid #f2f8fd;
border-left:1px solid #f2f8fd;
}
.roundedbox5{
border-right:1px solid #e8f4fc;
border-left:1px solid #e8f4fc;
}
.roundedbox_content{
padding:0px 5px;
background:#E1F1FC;
}