/*  
	Theme Name: lmlmn
	Theme URI: http://sofanaranja.com/lmlmn/
	Description: El tema para el blog de Maria "Tsuki" Martinez.
	Version: 0.1
	Author: Ale Munoz
	Author URI: http://sofanaranja.com/
*/


/***** Global Styles *****/
* {
	margin:0;
 	padding:0;
}
body {
  min-width:780px;
	font-size:.8em;
	font-family:"Lucida Grande", "Arial", "Helvetica";
}
a {
	text-decoration: none;
    outline:none;
}
a:hover{text-decoration:underline;}

/***** /Global Styles *****/


/***** Page blocks *****/
#header, #footer {
	height: 20%;
	overflow: hidden;
        min-width:780px
}
#footer {
	background: #cc0 url(img/bg_footer_2.gif) left top repeat-x;
	color: #9a9a00;
	font-size: 0.9em;
/*	padding: 3em;*/
	clear: both;
	width: 100%;
}
#content {
	float: left;
	width: 60%;
	margin-bottom: 6em;
}
#sidebar {
	width: 30%;
	margin-right: 4em;
	text-align: center;
	float: right;
}
/***** /Page blocks *****/


/***** Post *****/
.post {
	line-height: 1.9em;
	min-width: 55em;
	max-width: 60em;
	color: #666;
	margin: 6em 0 0 3em;
}
	.post h2 {
		font-family:"Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
		font-size: 2em;
		font-weight: normal;
		color: #999;
                line-height:30px;
	}
		.post h2:before {
			color: #cc0;
			content: "» ";
		}
		.post h2 a {
			font-family: "Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
			color: #999;
			text-decoration: none;
		}
		.post h2 a:hover {
			background-color: #cc0;
			color: white;
		}
  .post code{
    font-size:1.2em;
    color:#000;
  }
* html .post code{font-size:0.95em;}
	.post p, .post h3, .post ul {
		margin: 20px 3em 0 3em;
		padding: 0;
		font-size: 1.2em;
	}
	
	.post h3 {
    color: #CCCC00;
    font-size: 1.1em;
  }
	.post ul li {
	 margin-left: 30px;
         margin-bottom: 10px;
	}
		.post p a, .post .meta a {
			color: #cc0;
			text-decoration: none;
		}
			.post a img {
				border: 0;
			}
			.post p a:hover {
				background-color: #cc0;
				color: white;
			}
	.post .body {
		margin-left: 0;
		background: url(img/puntos.gif) bottom left repeat-x;
		padding-bottom:1em;
	}
	.post .meta {
		margin-left: 5em;
		font-size: 0.9em;
		color: #666;
		padding: 1em;
		padding-left: 3em;
		background: url(img/puntos.gif) bottom left repeat-x;
        font-size:85%;
        font-family:"Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
	} 
        .post .meta .categoria-home{
                background: url(img/ico-categoria.png) 0 3px no-repeat;
                padding-left:20px;
                margin-left:10px;
         }
        .post .meta .comentarios-home{
                background: url(img/ico-comentarios.png) 0 3px no-repeat;
                padding-left:20px;
                margin-left:10px;
         }
        .post .meta .fecha-home{
                background: url(img/calendar.png) 0 3px no-repeat;
                padding-left:20px;
                margin-left:10px;
         }
/***** Comentarios *****/
ul.commentlist{
  list-style:none;
  width:470px;
  padding:0;
  margin: 0 auto;
  margin-left:98px;
  margin-top:20px;
}
ul.commentlist li{
 background:#FCFCF3;
 margin-bottom:10px;
}
ul.commentlist li p{
  margin:0;
  padding:0;
  font-size:95%;
  margin-bottom:0;
  padding:10px;
}
ul.commentlist li p.datos-comentario{
  margin:0;
  padding:0;
}
h3#respond{margin-left:98px; margin-top:50px; color:#cc0; margin-bottom:0;}

form#commentform{
  margin-left:98px;
}

.post form label{margin:0;}
.post form textarea{width:400px; border:1px solid #ccc;}
.post form input{width:300px; border:1px solid #ccc;}
form input.enviar{width:80px; margin-top:10px;}

form#searchform input {width:130px; }
form#searchform input.buscar{width:80px;padding-bottom:2px; font-size:95%;}

/***** /Comentarios *****/

/***** /Post *****/


/***** Cabecera *****/
#header {
	background: #cc0 url(img/bg_header_2.gif) left bottom repeat-x;
	overflow: hidden;
	padding: 2em;
}
	#header h1 a {
		text-decoration: none;
		color: #990;
		width: 20%;
		display: block;
		clear: none;
		float: left;
		font-family:"Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
		font-size: 0.55em;
		font-weight: normal;
		margin-right: 5em;
	}
* html #header h1 a{font-size:0.45em;}
	#header .block {
		float: left;
	}
		#header .block a {
			text-decoration: none;
			color: yellow;
		}
		#header .block ul {
			list-style: none;
			margin-right: 0;
			width: 20em;
		}
		#header .block ul li {
			padding: 0.7em 2em;
			background: url(img/puntos_2.gif) bottom left repeat-x;
			color: yellow;
font-size:0.8em;
		}
			#header .block ul li:before {
				content: "- ";
			}
#header .block ul li.mas a{color:#fff; font-size:0.75em;}
#header .block ul li.mas:before  {content:"";}

			#header .block ul li:first-child {
				background: url(img/puntos_2.gif) bottom left repeat-x;
				
				color: white;
			}
				#header .block ul li:first-child:before {
					content: "";
				}
			#header .block ul li.cierre {
				font-size: 0.8em;
				color: white;
				border: 0;
			}
/***** /Cabecera *****/


/***** Sidebar *****/
#sidebar {
	background: transparent url(img/bg-nuevo.gif) top left;
	margin-top:70px;
}
	#sidebar h3 {
		background-color: white;
		font-size: 8em;
		font-weight: normal;
		font-family: "Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
		color: #cc0;
	}
	#sidebar .block {
        clear:both;
		text-align: left;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		background-color: white;
		margin-bottom: 3em;
	}
		#sidebar .block h4 {
			font-family: "Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
			font-size: 1.2em;
			color: #cc0;
			padding: 0.6em 2em;
			background: url(img/puntos_4.gif) bottom left repeat-x;
		}
		#sidebar .block ul {
			list-style-type: none;
		}
		#sidebar .block p {
			padding: 1em 2.5em;
		}
		#sidebar .block p, #sidebar .block ul li, #sidebar a {
			color: #666;
			font-family: "Myriad Pro", "Lucida Grande", "Arial", "Helvetica";
		}
		#sidebar .block ul li {
			padding-left: 3em;
			margin:0.5em 0;
		}
                #sidebar .block ul li a{
                        font-family: "Arial", "Verdana", "Helvetica";
                        font-size:0.85em;
                        color:#666;
                }
		#sidebar .block ul li img {
			margin-right: 1em;
		}
                #sidebar .block form{margin:0; padding:0;}
		#sidebar .block form label {
			margin: 0.5em 0.5em 0.5em -0.5em;
                        font-size: 1.2em;
			color: #cc0;
                        font-weight:bold;
		}
               #sidebar a.sidebar-rss{
                       padding-left:20px;
                       padding-top:3px;
                       background: url(img/ico-rss.png) 0 1px no-repeat;
               }
	
               #sidebar a.sidebar-bloglines{
                       padding-left:20px;
                       padding-top:2px;
                       background: url(img/ico-bloglines.png) 0 2px no-repeat;
               }

           
/***** /Sidebar *****/


/***** Pie *****/
	#footer div {
		margin: 3em;
	}
	#footer a {
		color: yellow;
	}
/***** /Pie *****/


/***** Extras *****/
#sidebar .widget {
  text-align: center;
  padding: 1em 0;
}
.flickr{clear:both; height:150px;}
.flickr ul {
  clear:both;
  padding:0;
  margin:10px 10px 10px 30px !important;
}

.flickr ul li{
  float:left;
  margin:3px !important;
  padding:0 !important;
  display:inline;
  width:85px;
  height:85px;
  text-align:center;
}
* html .flickr ul li{width:65px;}
.flickr ul li a{  
  display:block !important;
  padding:3px !important;
  border: 1px solid #C2C200;  
  text-align:center !important;
}
.flickr ul li a:hover{background:#C2C200;} 


/***** /Extras *****/

a.mas{color:#fff !important;}
p.navegacion{
 xwidth:460px;
 margin-left:100px;
}
p.navegacion a{color:#cc0;}
p.navegacion span.next a {float:right;}
p.navegacion span.previous a {float:left;}

.syntax_hilite{
  margin: 10px 0 0 38px !important;
  width:430px !important;
  border:1px dotted #eee !important;
}

blockquote{
  padding-left:30px !important;
  border-left:4px solid #CCCC00 !important;
  background:#eee;
}
img.imgizq {
  float: left;
  margin: 0 10px 20px 0;
}
p.clear {
  clear: both;
}
.mp3{
  margin: 10px 37px;
}
span.nota {
  background: url(img/bg_nota.png) left top no-repeat !important;
  line-height: 14px !important;
  padding: 0 16px !important;
  color: #fff;
}
#prueba_flash {
  position: absolute;
  z-index: 100;
  background: #ccc;
  margin: 60px;
  padding: 20px;
}
#prueba_flash_swf {
  width: 450px;
  height: 450px;
  margin: 10px auto;
  background: #CCCC00;
}
p.center { text-align:center; }