/*
      Theme Name: Rotulos Mancilla Blog
      Theme URI: http://www.rotulosmancilla.com
      Version: 1.0
      Author: Portales Andalucia
      Author URI: http://www.portalesandalucia.com
*/

/* FIXES */
*, html { 
	margin:0; 
	padding:0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END FIXES */
body {
	font-family:"Arial", "Helvetica", "Tahoma";
	font-size:0.75em;
	background:url('imagenes/background.jpg') repeat-x #fff;
	color:#002f58;
}

a {
	text-decoration:none;
	color:#379FDF;
	font-family: "Trebuchet MS", "Helvetica", "Tahoma";
}
#all {
	width:950px;
	margin:10px auto;
}
#top h1 {
	height:0px;
	width:0px;
	overflow:hidden;
}
#sidebar {
	float:left;
	width:250px;
}
	#side-header {
	}
	#side-header h1 {
		margin:0px 0px 0px 20px;
		width:188px;
		height:109px;
		background:url('imagenes/logo.png') no-repeat;
	}
	#side-header h1 a {
		display:block;
		width:188px;
		height:109px;
		text-indent:-999999px;
	}
	
	#menu {
		margin:20px 0px 10px 20px;
	}
	#menu ul {
		list-style:none;
	}
	#menu ul li {
		width:180px;
		padding:5px 0px;
	}
	#menu ul li a {
		font-size:1.2em;
		text-align:right;
		display:block;
		font-weight:bold;
		width:175px;
		height:22px;
		padding-top:5px;
		padding-right:5px;
		background:url('imagenes/menu.png') 0px -30px;
	}
	#menu ul li ul li a {
		font-weight:normal;
		font-size:1em;
	}
	#menu ul li a:hover {
		background:url('imagenes/menu.png') 0px 0px;	
	}
	#logos a#escapararte {
		display:block;
		width:242px;
		height:122px;
		background:url('imagenes/elescapararte.jpg') center no-repeat;
		text-indent:-9999999px;
	}
	#logos a#mancilla {
		display:block;
		width:188px;
		height:109px;
		background:url('imagenes/logo-m.png') center no-repeat;
		text-indent:-9999999px;
		margin:10px auto;
	}
#container {
	float:right;
}
	#header {
		width:699px;
		height:80px;
		background:url('imagenes/header-content.png') no-repeat;
	}
		#header h2 {
			float:left;
			color:#FFFFFF;
			font-size:1.1em;
			left:120px;
			position:relative;
			top:35px;
			width:190px;
			text-align:center;
		}
		#header #links {
			float:right;
			position:relative;
			top:10px;
		}
		#header #links a {
			float:left;
			text-transform:lowercase;
			display:block;
			width:100px;
			height:16px;
			text-indent:18px;
			background:url('imagenes/links.png') no-repeat;
		}
		#header #links a:hover {
			color:#FF7B42;
		}
	#content {
		width:639px;
		padding:15px 30px 0px 30px;
		background:url('imagenes/content.png') repeat-y;
	}
	#content p {
		margin:10px 0px;
		line-height:19px;
	}
	#content ul, #content ol {
		margin:10px 20px;
	}
	#content .proyecto {
		width:148px;
		height:148px;
		overflow:hidden;
		float:left;
		margin:5px;
		text-align:center;
	}
	#content h2 {
		font-size:1.9em;
	}
	#content .proyecto h3 {
		font-size:0.9em;
		font-weight:normal;
		margin-bottom:4px;
		height:25px;
	}
	#content .proyecto img {
		border:0px none transparent;
	}
	#content-footer {
		width:699px;
		height:62px;
		background:url('imagenes/content-footer.png') no-repeat;
	}
	
	#footer {
		font-size:0.85em;
		text-align:center;
		color:#666;
	}
	
	#comments {
		width:90%;
		margin:10px auto;
		padding:10px;
		}
		#comments #comments-title {
			font-weight:bold;
			font-size:17px;
			text-transform:lowercase;
			color:#379FDF;
			
		}
		#comments p {
			margin:20px 20px;
			text-align:justify;
		}
		#comments ol.comments {
			margin:10px;
			list-style:none;
			}
			#comments ol.comments li {
				margin:30px 0px;
			}
			#comments ol.comments li img.avatar {
				border:1px solid #6c0;
			}
			#comments ol.comments li span.comment-author {
				font-size:16px;
				vertical-align:top;
				color:#555;
				
			}
			#comments ol.comments li span.comment-meta {
				font-size:12px;
				color:#bbb;
			}
	/* Formulario para comentar */
	#comentar p {
		line-height:10px;
		margin:0px;
	}
	#comentar {
		width:90%;
		margin:10px auto;
		padding:10px;
		}
		#commentform input {
			margin:12px 0px;
			border:1px solid #aaa;
			font-size:16px;
			height:22px;
			width:80%;
			}
			#commentform input:hover {
				border:1px solid #777;

			}
			#commentform input#submit {
				margin:8px 0px;
				width:100px;
				font-size:0.9em;
				background:none;
				color:#777;
			}
		#commentform textarea {
			width:100%;
			margin:12px 0px;
			border:1px solid #aaa;
		}
		#commentform textarea:hover {
			border:1px solid #777;

		}
		#commentform #meta-comment  {
			float:left;
			width:30%;
		}
		#commentform #area-comment {
			float:right;
			width:70%;
		}
	
		.post .datetags {
			text-transform:lowercase;
			font-size:0.9em;
			margin:20px 0px;
			padding-bottom:10px;
			border-bottom:1px dotted #ddd;
		}
		.post .datetags a {
			text-decoration:none;
			color:#777;
		}
		.post .datetags a:hover {
			background-color:#ddd;
			color:#555;
		}
		.post .date {
			background:url('images/date.png') no-repeat;
			text-indent:20px;
			height:16px;
			float:right;
		}
		.post .tags {
			margin-left:10px;
			float:right;
			background:url('images/tag.png') no-repeat;
			text-indent:20px;
			height:16px;
		}