/*
Theme Name: Peolpo
Theme URI:
Description: 
Version: 
Author: Peolpo
Autor URI:
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
	}

body{
	background-color: #868580;
    background-image:url("images/bkg.jpg");
    background-repeat:repeat;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	}
	
#wrapper{
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: center;
	}
	
#margintop{height:10px; width:0 auto;}

#header {
	width: 770px;
	height: 50px;
	background: url("images/1st_head.jpg") no-repeat;
	}

/*"header a" es el t�tulo enlace del blog ".head" es la descripci�n*/

#header a{display:none;color:;}

#header a:hover{display:none;color:;}

.head{display:none;color:;}


#container {
    background-image: url("images/1st_body.jpg");
	width: 770px;
	margin: 0 auto;
	}


.content{
    float:right;
	width: 440px;
	text-align:left;
	margin: 0px 35px 0px 5px;
	padding: 0px 10px 10px 0px;
	display:inline;
	}

.sidebar{
	float:left;
	width: 260px;
	text-align:left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display:inline;
	}

.banner{
       width:254px;
       height:82px;
       background: url("images/1st_sb_banner.jpg") no-repeat;
       }

#footer {
	clear: both;
	width: 770px;
	height: 50px;
	background: url("images/1st_foot.jpg") no-repeat;
	}
	
/*text format*/	

h1{}

h2{}

h3{}

p{}

strong{}

#footer p{
	line-height: 14px;
    text-align:right; 
    font-size:10px; 
    padding: 15px 25px 0px 0px; 
    margin:0px;
	}
	
a:link
	{
	text-decoration: none;
	color: #1c2c45;
	}
	
a:visited
	{ 
	text-decoration:none;
	color:#3A3A3A;
	}
	
a:hover
	{
	text-decoration: underline;
    color:#6e93c1;
	}
		
/*POST*/

.post
	{
	width:450px;
	text-align:center;
	margin: 10px auto;
	}

.postmetadata
	{
	background-color:;
	border:1px solid #61625B;
	text-align:left;
	margin:15px 0 0 5px;
	padding:0 3px;
	}
	
.entry{
	margin: 10px 5px 15px 0px;
	}
	
.navigation{
	background-color:#3A3A3A;
	width:428px; 
	border:1px solid #AEAEA4; 
	margin:0 5px 0 5px;
	padding:3px 5px;
	overflow: auto;

	}
			
.naviright
	{
	float:right;
	text-align:right;
	color:#AEAEA4;
	}
	
.navileft
	{
	float:left;
	text-align:left;
	color:#AEAEA4;
	}

.navigation a:link, .navigation a:visited, .navigation a:hover
	{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px; color:#AEAEA4; 
	font-weight:lighter;
	}

/*cuando la box lleve un margen hay que reducir el tama�p de 440px a 438px a causa de los dos pixels de cada margen lateral*/

/*POST text format*/

.post h1, h2, h3{}

.post h2
	{	
	background-color: #3A3A3A;
	border:1px solid #AEAEA4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight:lighter;
	color: #AEAEA4;
	text-transform:uppercase;
	margin:0px 5px 0 5px;
	}
	
.post p
	{
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:12pt;
	color:#2C2C2C;
	text-align: justify;
	margin:0 0 0 5px;
	padding: 0px 0px;
	}
	
.post p.metadata
	{
	background-color:;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}

.date{}

.content li
	{
	padding-left:0px; 
	display:inline;
	}

/*Comments*/

/*responses*/

#commentsbox
	{
	background-color:; 
	margin:0 5px 20px 5px;
	}

#comments
	{
	background-color: #6E93C1;
	border:1px solid  #284165; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	color: #284165; 
	font-weight:lighter; 
	text-align:left; 
	padding:5px 5px 5px 7px; 
	margin:0 0 10px 0;
	}

.commentlist
	{ 
	background-color:;
	width:; 
	text-align:left; 
	margin:0; 
	padding:0;
	}

.commentlist p
	{ 
	margin:0;
	}

.commentmetadata
	{
	background-color:; 
	border:1px solid #3a3a3a; 
	color: #3a3a3a; 
	text-align:left; 
	margin:10px 0 10px 0; 
	padding:5px 5px 5px 7px;
	}

/*reply form*/

#respond
	{
	background-color:#0e1830; 
	border:1px solid #6E93C1; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	color: #6E93C1; 
	font-weight:lighter; 
	text-align:left; 
	padding:5px 5px 5px 7px; 
	margin:10px 5px 0 5px;
	}

#respond p
	{ 
	margin:0; 
	padding:0;
	}

#commentform
	{
	background-color:; 
	margin:0 5px 0 5px; 
	padding:0;
	}

#commentform p
	{ 
	background-color:; 
	margin:5px 0px;
	}

#comment
	{ 
	background-color:#d9dacd; 
	width:440px;
	margin:5px 0;  
	padding:5px 0 5px 5px;
	}

/*Post con im�genes*/

.vertical
	{ 
	margin:0px;
	padding:0;
	overflow: auto;

	}
.vertical img
	{ 
	float:left; 
	margin:10px 10px 10px 5px; 
	border:0;
	}
.vertical img:hover
	{ 
	border:0;
	}

.horizontal
	{
	margin-bottom:0px;
	padding:0 0 10px 0;
	}

.horizontal img
	{
	margin:10px 0 10px 0;
	border:0;
	}
.horizontal img:hover
	{ 
	border:0;
	}

/*Columns*/

.columns
	{
	overflow: auto;
	text-align:justify;
	margin:0 0 0 0;
	}

.columnleft
	{
	float: left;
	width: 48%;
	padding: 0 15px 0 0;
	}

.columnright
	{
	float: right;
	width:48%;
	}

.columns p
	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
	padding:5px 0 5px 5px;
	margin:0;
	}

/*boxes*/

.box
	{
	background-color:#d9dacd;
	border: 1px solid #3A3A3A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#3A3A3A;
	margin:0 0 5px 5px;
	padding:8px 8px 8px 8px;
	}

.halfbox
	{
	background-color:#d9dacd;
	border: 1px solid #d9dacd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
	margin:0 0 5px 5px;
	padding:5 10px 5px 8px;
	}

.boumbox
	{
	background-color:#fefff7;
	border-right: 1px solid #3A3A3A;
	border-bottom: 1px solid #3A3A3A;
	border-left: 1px solid #3A3A3A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
	margin:0 0 5px 5px;
	padding:5 10px 5px 8px;
	}
	

/*.double {
margin-bottom:10px;
padding-bottom:0px;
}
Para dar cabida en la division a ambas imagenes horizontalmente estas no pueden tener un largo superior a 220px

.left{ float: left; margin:0; padding:0}

.right{ float: left; margin:0; padding:0}

.left img, .right img{
border:1px solid #3A3A3A;
margin:10px 10px;
}
.left img:hover, .right img:hover{
border:1px solid #6E93C1;
margin:10px 10px;
}*/




/*text format pif paf pouf tara pa poum boum boum*/

.pif, .paf, .pouf
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	color: #6E93C1;
	text-align:center;
	padding: 3px 0;
	margin: 5px 0 5px 5px;
	}

.pif
	{
	background-color: #3A3A3A;
	border:1px solid #AEAEA4;
	color: #AEAEA4;
	}

.paf
	{
	background-color: #0e1830;
	border:1px solid #6E93C1;
	color: #6E93C1;
	}

.pouf
	{
	background-color:#86867F;
	border-top:1px solid #3A3A3A;
	border-left:1px solid #3A3A3A;
	border-right:1px solid #3A3A3A;
	border-bottom:0 solid #3A3A3A;
	color: #3A3A3A;
	margin: 5px 0 0 5px;
	}


.tara, .pa, .poum, .boum
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	text-align:left;
	padding: 3px 5px;
	}

.tara
	{
	background-color: #2c477c;
	border-top:1px solid #d9dacd;
	border-left:1px solid #d9dacd;
	border-right:1px solid #d9dacd;
	border-bottom:0 solid #d9dacd;
	color: #d9dacd;
	margin: 5px 0 0 5px;
	}

.pa
	{
	background-color: #6E93C1;
	border:1px solid  #284165;
	color: #284165;
	margin: 5px 0 0 5px;
	}

.poum
	{
	background-color: none;
	border:1px solid #3a3a3a;
	color: #3a3a3a;
	margin: 5px 0 5px 5px;
	}

.boum
	{
	background-color: aeaea4;
	border:1px solid #3a3a3a;
	color: #3a3a3a;
	margin: 5px 0 0 5px;
	}

/*SIDEBAR*/

/*sidebar LIST*/

.sidebar ul
	{   
	width:222px;
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	}

.sidebar ul li
	{
    width:auto;
    background-color:;
	padding: 0px 0px 0px 0px;
	}

.sidebar ul ul
	{
    width:212px;
    background-color:;
    margin: 3px 0px 3px 10px;
	padding: 0px 0px 0px 0px;
    }

.sidebar ul ul li
	{
    width:auto;
    background-color:;
	padding: 0;
	line-height: 18px;
	}
	
/*sidebar Twitter*/	

#twitter
	{
    width:210px;
    background-color:#aeaea4;
    border: 1px solid #3a3a3a;
    padding: 5px;
    margin: 5px 0px 8px 25px;
    }
	
#twitternews
	{
    background-color:#d9dacd;
    border: 1px solid #3a3a3a;
    padding:5px;
    margin: 0px 0px 5px 0px;       
    }

#twitter ul
	{
    width:100%;
    background-color:;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#twitternews li
	{
    margin:5px;
    padding:0px 0px 5px 0px; 
    color:3a3a3a; 
    text-align:justify;
    }

#twitter h3
	{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
	font-weight:lighter;
    color: #3A3A3A;
    text-transform:;
	margin-bottom:3px;
    }

/*sidebar widgets*/

.widgettitle
	{
    width: 215px;
    border: 1px solid #aeaea4;
    background-color:#3A3A3A;
    padding: 3px 0px 3px 5px;
    margin: 0px 0px 0px 0px;
    }

/*sidebar text format*/
	
.sidebar ul li h2
	{
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size:16px;
	font-weight:lighter;
    color:#aeaea4;
    text-transform:;
	}
	
.sidebar h1
	{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #61625b;
	font-weight:lighter;
	padding: 5px 0px 0px 25px;
	margin: 0;
	}

.sidebar .textbox
	{ 
	text-align:left; 
	margin:0 0 15px 5px
	}
	
.sidebar a:link
	{ color:#1c2c45;}
	
.sidebar a:visited
	{ color:#61625b;}

.sidebar a:hover
	{ color:#365b8e;}

/*#contact
{
width:222px;
padding: 5px;
margin: 5px 0px 5px 20px;

}

#contact form
{ 
border:1px solid #3A3A3A;
padding:10px;
}

#contact form .inputname
{ 
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#3A3A3A;
}

#contact form .inputfield
{
width:100%;
font-family: monospace, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height:15px;
background-color:#D9DACD;
border:1px solid #3A3A3A;
padding:3px;
}

#contact form .send
{
background-color: #6E93C1;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0E1830;
border:1px solid #1C2C45;
text-align:center;
}*/

	
/*end second level*/
 