@charset "utf-8";
/*
Theme Name: lacuartafase
Theme URI: http://lacuartafase.com/
Description: The theme based on the design -lacuartafase- by Inma Bermejo.
Version: 1.0
Author: javiaurea
Author URI: http://aurea.es/
Tags: dark, custom header, fixed width, two columns
*/


/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight:400; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:400; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }



/* TAGS */

html{ font-size: 125%; }

body {
	font: .5em Arial, sans-serif;
	line-height: 1.4em;
	text-align: center;
	color: #ccc;	background: #000 url(images/bg.png) top repeat-x;
}


/*heads*/
h2, h3, h4, h5, h6, legend {
	margin: .4em 0 0 1em;
	font: 3em 'Arial Narrow', Arial, sans-serif;
	line-height: 1.2em;
	color: #57cfd2;	background-color: transparent;
}
	h2 a, h3 a, h4 a, h5 a, h6 a, legend a { 
		text-decoration: none; 
		color: #57cfd2;	background-color: transparent;
	}
h3 { font-size: 2.4em; }
h4 { font-size: 2.2em; }
h5 { font-size: 2em; }
h6 { font-size: 1.8em; }


/*links*/
a { color: #0099ff;	background-color: transparent; }
	a:hover { 
		text-decoration: none;
		color: #fff;	background-color: #0099ff; 
	}

a img { background-color: transparent; }


/*text*/
p { 
	margin: 1.5em 0;
	font-size: 1.4em;
	line-height: 1.5em;
}

em {
	padding: 0 .2em;
	font-style: italic;
}

strong { 
	font-weight: 700;
	color: #fff; background-color: inherit; 
}

acronym, abbr, dfn { border-bottom: 1px dotted #fff; }

del { text-decoration: line-through; }

blockquote { margin: 2em auto;	padding: 1em; }


/*list*/
ul, ol {
	margin: 0 0 .8em .6em;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-position: inside;
}
li { margin: .6em 0; }


/*form*/
form { clear: both; }
	form ol { 
		margin: 0; 
		list-style: none; list-style-position: outside; 
	}
	form ol li {
		font-size: 1.1em;
		margin: .8em 0; 
	}

fieldset { padding: 0 2em; }
	fieldset legend { margin-bottom: .4em; }

caption { display: none; }

label input { vertical-align: middle; }

input, textarea, select { margin: .1em;	padding: .33em; }

textarea { width: 95%; }
input:focus[type=text], textarea:focus, select:focus { outline: 1px solid #57cfd2; }  

li label { display: block; padding: .2em; }
li label span { color: #fff; background-color: inherit; }
	li label span span { color: #c8917a; background-color: inherit; }

input.submit { 
	margin-bottom: 1.8em; 
	font-weight: 700;
}



/* LAYOUT */

#page {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#logo {
	width: auto;
	text-indent: -999em;
}
	#logo a {
		display: block;
		width: 960px;	height: 176px;
		color: inherit;	background: transparent url(images/head.png) no-repeat;
	}


#menu {
	border: 1px solid #0d2424;
	border-top: none;
	color: #fff;	background: #030710 url(images/bg-menu.png) repeat-x;
	overflow: hidden;
}
	ul#nav {
		width: 65em;	height: 4em; 
		float: left;
		font-size: .98em;		
		margin-left: 1em;
		list-style: none;
		list-style-position: inside;		
	}			
		#nav li {
			width: auto;
			display: inline;
			line-height: 4em;
		}
			#nav a {
				font: 1.5em 'Arial Narrow', Arial, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
				margin: .4em;	padding: .4em .1em; 
				color: #fff; background-color: transparent;
			}
				#nav a#current, #nav a:hover { color: #57cfd2; background-color: transparent; } 		
		
	#gosearch { float: right; }
		#gosearch fieldset { padding: .4em 0; }
		#gosearch legend { display: none; }
			#s { color: #999; }
	

#footer {
	height: 120px;
	clear: both;
	color: inherit;	background: transparent url(images/foot.png) bottom no-repeat;
}
		#footer p { padding: 6.4em 0 0 2em; }
		#footer p, #footer a { 
			color: #7dacac;	background-color: transparent;
			text-decoration: none; 
		}
			#footer a:hover { text-decoration: underline; } 
			

#content {
	width: 640px;
	float: left;
}

/*posts*/
.post { margin: 3em 0 6em; }
	.entry {
		margin: 2em 0; padding: 2em 3em;
		overflow: hidden;
		color: inherit; background-color: #222222;
		border: 1px solid #2c2c2c;
	}
		.postmetadata {
			overflow: hidden;
			clear: both;
			color: #040441; background-color: #020221;
			border: 1px solid #040441;
		}
		.metadata {
			margin: .4em 0 .4em 2.4em;
			font: 1.4em "Courier New", Courier, monospace;
			color: #005580; background-color: transparent;	
		}
			.metadata a { color: #fff; background-color: inherit; text-decoration: none; }
				.metadata a:hover { color: #fff; background-color: #0099ff; }


#sidebar {
	width: 274px;
	float: right;
}
	#sidebar h2, #sidebar h3 { 
		margin: 0 0 .4em 0;
		font-size: 2em;
		overflow: hidden;
	}
	#sidebar ul { list-style: none; }
	#sidebar p { 
		font-size: 1.25em;
		margin-top: .5em; 
	}
	
	.module-content {
		margin: 2.4em 0;	padding: 1.5em;
		color: #ccc; background: #020222 url(images/bg-module.png) top right no-repeat;
		border: 1px solid #040444;
	}
			.module-content h2,  .module-content h3 { margin: 0; }


/*facebook*/
#facebook h2 span { 
	width: 9em; 
	float: left; 
}
	#facebook h2 img { float: right; }

#facebook h3 { overflow: visible; }
#facebook h3 span { 
	width: 8.7em; 
	float: right; 
	font-size: .9em; 
	padding-bottom: .5em; 
}
	#facebook h3 img { float: left; }

#fbconnect {
	overflow: hidden;
	margin-bottom: 2em;
	color: #333;	background-color: #fff; 
}

#fbnumfans { margin-left: 7em; }
#fbfans { margin:0; overflow: hidden; }
	#fbfans li {
		width: 5em;
		margin-right: .5em;
		float: left;
	}
	#fbfans a { text-decoration: none; }


/*tags*/
#tagcloud {
	color: #fff;	background-color: #031f2e;
	margin: .4em; 	padding: 1em;
	line-height: 2em; 
}
	#tagcloud a, #blogroll a { 
		margin-right: .4em;
		color: #fff;
		text-decoration: none;
	}


/*comments*/
#respond fieldset {
	border: 1px solid #333;
	color: #fff; background-color: #222;
}

#comments {
	overflow: hidden;
	list-style: none;
	margin-left: 0;
}
	#comments li, #pings li, .children li {
		display: block;
		overflow: hidden;
		clear: both;
		margin-top: 2em;
		list-style-position: outside;
		list-style: none; 
		font-size: .9em;
	}	
		.children { font-size: 1em; }
		#comments li ul, #comments li li { margin: 0; padding: 0; }
		
			#comments .children .comment-content { border-top: none; margin-left: 2em; }
		
		#comments .comment-avatar { float: left; width: 6em; border: none; }
		#comments .entry p { margin: 0; }
		
#comments .reply { text-align: right; }

/*share*/
#share {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.share-list strong {
	float: left;
	padding: 0 0 0 32px;
	background: url(images/share.png) 10px -32px no-repeat;
}
.share-list ul {
	width: 190px; height: 40px;
	float: left;
	overflow: hidden;
	line-height: 40px;
	list-style-position: outside;
}
	.share-list li {
		display: inline;
		width: 20px;	height: 20px;
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 0 0 10px;
		font-size: 0.85em;
		line-height: 24px;
		text-transform: uppercase;
	}
	.share-list a, .share-list span {
		display: block;
		width: 20px;	height: 20px;
		position:absolute;		
		top: 0; left: 0;
		overflow:hidden;
		color: #000;	background: url(images/share.png) -20px -90px no-repeat;
	}
	.share-fb span { background-position:-20px -140px; }
	.share-li span { background-position:-20px -191px; }
	.share-mn span { background-position:-20px -239px; }
	.share-bt span { background-position:-20px -289px; }
	.share-tt span { background-position:-20px -350px; }
	.share-diu span { background-position:-20px -414px; }

	.share-list a:hover span { background-position:0px -90px; }
	.share-fb a:hover span { background-position:0px -140px; }
	.share-li a:hover span { background-position:0px -191px; }
	.share-mn a:hover span { background-position:0px -239px; }
	.share-bt a:hover span { background-position:0px -289px; }
	.share-tt a:hover span { background-position:0px -350px; }
	.share-diu a:hover span { background-position:0px -414px; }


#enyoutube { 
	overflow: hidden;
	margin-bottom: 2em;
}

#twitter { 
	position: relative; 
	margin-top: 2em;	padding-top: 1em; 
}
	#twitter h2 {
		width: 13.8em;	height: 2em;
		top: 0;
		position: absolute;
		line-height: 1.6em;
		color: inherit;	background: transparent url(images/head-twitter.gif) bottom right no-repeat;
	}
		#twitter h2 strong { display: none; }
	.twitter-timestamp { 
		display: block;
		padding-top: 1em;
		text-align: right; 
	}




/* CLASS */
.navigation {
	font-size: 1.4em;
}
	.navigation a {
		display: block;
		padding: 1em 2em;
		font-weight: 700;
		text-decoration: none; 
	}
	
	
.balloon {
	margin: 0; padding: 0;
	overflow: hidden;
	color: #fff;	background: transparent url(images/bg-balloon.png) 4% 99% no-repeat;
}	
	.balloon-content {
		overflow: hidden;
		padding: 1em;
		color: #fff;	background-color: #031f2e; 
	}	
	.balloon-link {
		margin: 0 0 0 4em;
		font-weight: 700;
	}
		

.alignleft, .alignright { width: 48%; line-height: 1.4em; }
.alignleft { float: left; }
.alignright { float: right; text-align: right; }


/* WSL class */
.izquierda, .izquierda_sinmarco, 
.derecha, .derecha_sinmarco { 
	float: none;
	clear: both;
	padding: 5px;	
	color: inherit; background-color: #999;
}
	.izquierda, .izquierda_sinmarco { margin-right: 10px;	float: left; }
	.derecha, .derecha_sinmarco { margin-left: 10px; float: right; }
	
.centro, .centro_sinmarco { 
	display: block;
	margin: 0 auto; padding: 5px;	
	color: inherit; background-color: #999;
}

.izquierda_sinmarco, 
.derecha_sinmarco, 
.centro_sinmarco { border: none; background: none; }	
		
.marco { color: inherit; background-color: #999; }