/*
    Theme Name: MSP in Japan
    Theme URI: http://www.mspinjapan.com
	Description: Theme personalizado para mi blog, MSP in Japan. (Las paginas del menu tiene que tener Menu = Si)
    Version: 1.6
    Author: Alonso J. Gragera Aguaza
    Author URI: http://www.mspinjapan.com
	Tags: msp, japan, custom header, fixed width, 800px, three columns
	
		MSP in Japan theme v1.6
		http://www.mspinjapan.com
		
		Este tema ha sido diseņado y construido por Alonso Gragera
		puedes encontrar su blog en http://www.mspinjapan.com
		
		CSS licenced by CC: Atribution-No Commercial-No Derivative
 */


/* Etiequetas Generales*/

body 
{
	background-image:	url( img/background.jpg );
	font:				76% Verdana,Tahoma,Arial,sans-serif;
	margin-top:			0px;
}

img
{
	border: 			none;
}

hr
{
	margin-bottom:		0px;
}

a
{
	color:				#286ea0;
	text-decoration: 	none;
}

a:hover
{
	color:				#399CC6;
	text-decoration: 	none;
}

blockquote
{
	background:			url( img/comillas.gif ) no-repeat 0 3px;
	color:				#666;
	padding-left:		20px;
	padding-right:		20px;
	font-style:			italic;
	margin-bottom:		1px;
	display:			block;
	padding-top:		5px;
	background-color:	#eef
}

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




/* Elementos unicos */

#wrapper 
{
	margin: 			0px auto ;
	width:				800px;
	background-color:	#ffffff;
}


#header 
{

}

#menu
{
	width:				100%;
	background-image:	url( img/menubg.jpg );
}

#clean
{
	clear:				both;
}

#headimage
{
	width:				100%;
}

#container
{
	float:				left;
	width:				502px;
	margin-left:		10px;
}


#lsidebar 
{
	float:				left; 
	width:				140px;
	margin:				10px 0px 0px 5px;
}

#rsidebar 
{
	float:				right; 
	width:				140px;
	margin-top:			10px;
}


#footer 
{
	clear:				both;
	text-align:			center;
	color:				#505050; 
	height:				40px;
	padding:			0px
}


#search_box
{
	width: 				100%;
    height: 			31px;
    background:	url( img/bg_search_box.gif ) no-repeat;
}
#search_box #s 
{
    float:				left;
    padding:			0;
    margin:				6px 0 0 6px;
    border:				0;
	width:				70%;
    background:			none;
}
#search_box #go 
{
    float:				right;
    margin:				3px 4px 0 0;
	width:				27px;
	height:				24px;
}


/* Etiquetas de elementos unicos */

#headimage img
{
	width:				100%;
}

#menu a
{
	text-decoration:	none;
	color:				#ffffff;
}

#menu a:hover
{
	text-decoration:	underline;
}

#footer hr
{
	width:				200px;
}

#validators img
{
	width:				60px;
	height:				21px;
}

#no-posts
{
	margin-top:			60px;
	text-align:			center;
	font-size:			1.6em;
}


/* Clases */

.menu
{
	font-size:			1.4em;
	margin: 			0 auto;
	margin-bottom:		0px;
	width: 				500px;
}


.post
{
	margin: 			0px 0px 20px 0px;
}

.title
{
	background:	url( img/title.png ) no-repeat;
}

.postinfo
{
	color:				#606060; 
	font-size:			0.9em; 
	line-height:		1.4em; 
	text-align:			right;
	padding:			0px 15px 8px 8px;
}

.entry
{
	padding:			0px 15px 0px 10px;
	font-size: 			12px;
	line-height: 		18px;
}

.mas
{
	text-align:			right;
	padding:			0px 20px 10px 0px;
}

.navigation
{
	text-align:			center;
	margin-bottom: 		20px;
}

.comments
{
	background-color:	#f4f4f4; 
	border-left:		4px solid #cccccc; 
	color:				#606060; 
	font-size:			0.9em; 
	line-height:		1.4em; 
	margin:				1px 0px 0px 0px; 
	padding:			8px 5px 8px 8px;
}

.rbox, .lbox
{
	text-align:			center;
	margin: 			10px 0px 0px 0px;
}

.rentry, .lentry
{
	padding: 			0px 0px 10px 0px;
}

.useravatar
{
	float: 				left;
	margin-bottom:		5px;
}

.user
{
	float: 				left;
	font-size: 			14px;
	width:				65px;
}
.name
{
	float: 				left;
	margin-top:			3px;
	font-size: 			10px;
	color:				#606060;
	width:				65px;
}

.log
{
	clear:				both;
}

.allcomments
{
	margin: 			10px 0px 0px;
	border-top: 		1px solid #ccc;
	padding: 			10px 15px 0px 10px;
}

.commentmetadata
{
	font-size: 			12px;
}

.avatar
{
	float: 				left;
	margin-right:		10px;
}

.author
{
	float: 				left;
	font-size: 			14px;
}

.info
{
	float: 				left;
	color:				red;
}

.commentpanel
{
	float: 				right; 
	font-size:			0.9em; 
	line-height:		1.4em; 
	text-align:			right;
	padding:			0px 15px 8px 8px;
}

.commenttext
{
	clear:				both;
	padding-top:		5px;
	margin-top:			0px;
	font-size:			12px;
}



/* Etiquetas de clases */

.menu ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

.menu ul li
{
	margin:				10px 6px 0px 6px;
	padding:			0px 2px 0px 2px;
	float:				left;
}


.title h2 
{
	font-size:			1.8em; 
	margin:				20px 0px 0px 10px;
	padding:			5px 0px 0px 5px;
}

.title a
{
	color:				#000000
}

.rtitle h2, .ltitle h2
{
	background-color:	inherit; 
	color:				#505050; 
	font-size:			1.3em; 
	font-weight:		normal; 
	text-align:			center; 
	margin:				0 0 6px;
}

.lentry ul
{
	list-style:			none;
	text-align:			left;
	margin: 			0px 0px 0px 5px;
	padding:			0px 0px 5px 0px;
}

.lentry ul li
{
	list-style:			none;
	text-align:			left;
	margin: 			0px 0px 0px 5px;
	padding:			0px 0px 0px 0px;
}

.sidebanner img
{
	width:				100%;
}



.allcomments ol
{
	margin: 			0px;
	padding: 			0px 0px 15px;
	list-style:			none;
}

.allcomments ol li
{
	margin:				10px 0px 0px;
	line-height:		18px;
	padding:			0px 0px 10px;
	border-bottom:		1px solid #ccc;
}

.allcomments h2, .comments-template h3
{
	font-family:		Georgia, Sans-serif;
	font-size:			16px;
}

.allcomments p.nocomments
{
	padding:			0;
}

.allcomments textarea
{
	font-family:		Arial, Helvetica, Georgia, Sans-serif;
	font-size:			12px;
}