/*  
Theme Name: I HAEV STYEL
Theme URI: http://minid.net/
Description: Default theme for Minid.net.
Version: 1.2
Author: Diego Martín Lafuente
Author URI: http://minid.net/


	This theme was designed and built by Diego Lafuente,
	whose blog you will find at http://www.minid.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/



/* ---- GENERIC ELEMENTS ---- */

body {
	color: #555;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background: #333;
}

hr {
	display: none;
}


img {
	border: 0;
}

div.clear, div.clearer {
	clear: both;
	margin: 0;
	padding: 0;
}

pre {
	width: 95%;
	overflow: auto;
	font-size: .8em;
	line-height: 1.5em;
	background: #222;
	padding: 10px;
	-moz-border-radius: .6em;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #ccc;
}

code {
	color: #681;
	font: 1.1em "andale mono", "lucida console", "courier new", monospace
}

/* --- UNIVERSAL DIVS ---- */


#super {
	margin: 0 55px;
	border-left: 1px solid #222;
	border-right: 1px solid #000;
	background-color: #fff;
	border-top: 7px solid #FFD200;
	
}


#header {
}


#contenedor {
	padding: 0 1.5em;
}



/* ---- HEADER ---- */


#header h1 {
	width: 224px;
	height: 75px;
	margin: 0;
	padding: 10px 20px 25px 20px;
}

	#header h1 img {
		display: block;
		width: 224px;
		height: 75px;
	}



/*  ---- CONTENIDO ---- */

div#content {
	float: right;
	width: 70%;
	border-top: 1px solid #ccc;
	padding: 15px 0px 30px 15px;
}


div.post {
	padding-bottom: 25px;
}

	div.post h2 {
		font: bold 1em/1.6em Arial, sans-serif;
		margin: 0 !important;
	}

		div.post h2 a {
			font-size: 1.1em;
			text-decoration: none;
			color: #F59900 !important;
			background-color: #fff !important;
			border: 0 !important;
			padding: 0 !important;
		}

	div.post h3, div.post h4, div.post h5 {
		font: bold 0.8em/0.9em Arial, sans-serif;
		margin: 0 !important;
	}

	div.post h3 {
		font: bold 0.8em/0.9em Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.2em;

	}

	div.post h4 {
		font-style: normal;
		font-size: .8em;
	}


	div.post p {
		font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
		color: #555;
	}

	div.post ul li {
		font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
		color: #555;
	}

		div.post ul li p {
			font-size: 1em; /* This one hacks for em size when you use a <p> inside a <li> */
		}

		div.post ul li ul li p {
			font-size: 1.2em;
		}

div.individual h2 {
	font-size: 1.5em;
	line-height: 1.6em;
	color: #F59900;
}

div.individual h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #F59900;
}

div.individual h4 {
	font-size: 0.9em;
	line-height: 1.1em;
	color: #F59900;
}

/* ---- LISTS ARCHIVES ---- */


table.listados {
	width: 100%;
	margin: 2em 0;
}

	table.listados td {
		padding: 10px 10px 10px 0px;
		font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
		background: url(/blog/wp-content/themes/minid/images/dot_line.png) repeat-x bottom;
		vertical-align: top;		
	}

		table.listados td strong {
			font-size: 1.1em;
		}

.ref {
	white-space: nowrap;
}





/* ---- IMAGE SET ---- */

img.right, img.dreta {
	float: right;
	display: block;
	margin: .3em 0 1em 1em;
}

img.left, img.esquerra {
	float: left;
	display: block;
	margin: .3em 1em 1em 0em;
}

img.border {
	padding: 1px;
	border: 1px solid #ccc;
}


img.center {
	margin: 1em auto;
	display: block;
}

div.post p.posted {
	font: .6em Geneva, Arial, sans-serif;
	color: #666;
}




/* ---- MENU ---- */

#menus {
	width: 25%;
	float: left;
}

div.principal {
	width: 100%;
}


div.extra {
	width: 100%;
}


	div.principal h3, div.extra h3 {
		font: bold .8em/1.6em Arial, sans-serif;
		margin: 0 0 5px 0;
		color: #000;
		border-bottom: 1px dotted #999;
	}

	div.principal ul, div.extra ul {
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		font-family:  "Trebuchet MS", Arial, sans-serif;
	}

	div.principal ul li {
		line-height: 1.7em;
	}

	div.principal ul li ul, div.extra ul li ul {
		margin: 0;
	}

	div.principal ul li, div.extra ul li {
		font-size: .7em;
		line-height: 1.7em;
	}

	div.principal ul li ul li, div.extra ul li ul li {
		padding-left: 10px;
		font-size: 1em;
	}




/* ---- SERACH ---- */

div.search {
	border-top: 4px solid #ccc;
	margin: 0 0 25px 0;
	padding: 15px 0;
}

	div.search label {
		font: bold .8em/1.6em Arial, sans-serif;
		display: block;
		color: #000;
		margin-bottom: 5px;
	}


div.autor {
	border-top: 4px solid #ccc;
	padding-bottom: 25px;
}


	div.autor h3 {
		color: #000;
		font: bold .8em/1.6em Arial, sans-serif;
		margin: 0;
		padding: 20px 0 0 0;
	}


	div.autor p {
		font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
		color: #666;
	}


div.tools {
	border-top: 4px solid #ccc;
	padding: 15px 0px;
}



div.metadata {
	border-top: 4px solid #ccc;
	background-color: #fff;
	padding: 15px 0;
	margin-bottom: 15px;
}


	div.metadata p {
		font: .7em/1.7em "Trebuchet MS", Arial, sans-serif;
		color: #666;
		margin-top: 0px;
	}

	div.metadata h3 {
		font: bold .8em/1.6em Arial, sans-serif;
		color: #000;
		margin: 0 0 0 0;
	}


/* ---- enlaces ---- */

div#content a, div.tools a {
	text-decoration: none;
}

	div#content a:link,  div.tools a:link {
		color: #36c;
		border-bottom: 1px dotted #36c;
	}


	div#content a:visited, div.tools a:visited {
		color: #36c;
		border-bottom: 1px dotted #36c;
	}


	div#content a:active, div.tools a:active {
		color: #36c;
		border-bottom: 1px dotted #36c;
	}


	div#content a:hover, div.tools a:hover {
		color: #f60;
		border-bottom: 1px dotted #f60;
	}




/* ---- COMMENTS ---- */

div.modera {
	background: #fff url(/blog/wp-content/themes/minid/images/exclamation.png) no-repeat left;
	padding: 10px;
	-moz-border-radius: .5em;
	color: #f60 !important;
	font: .8em/1.6em "Trebuchet MS", Arial, sans-serif !important;
	border: 2px solid #f60;
}

	div.modera p {
		margin: 0 0 0 55px;
	}

div.modera2 {
	margin-top: 35px;
}

div.trackback-head {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff;
	padding-bottom: 10px;
	clear: both;
}

div.comment-head {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(/blog/wp-content/themes/minid/images/msg-comment.png) bottom left no-repeat;
	padding-bottom: 10px;
	clear: both;
}


	div.comment-head img {
		padding: 1px;
		background: #fff;
		/* border: 1px solid #ccc; */
		float: left;
		/* width: 32px;
		height: 32px; */
		margin: 0px 25px 0px 15px;
	}


	div.comment-head p, div.trackback-head p {
		float: left;
		font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
		margin: 0px 0 0 0px !important;
	}

div.comment-body {
	background: #f5f5f5;
	-moz-border-radius: .5em;
	padding: 10px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-bottom: 20px;
}

	div.comment-body p {
		font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
		color: #555;
	}




	div.comment-body blockquote {
		background: #ffffff;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		font: italic .8em/1.6em "Trebuchet MS", Arial, sans-serif;
	}



div.pof-head {
	background: #fff url(/blog/wp-content/themes/minid/images/msg-comment-minid.png) bottom left no-repeat;
}

div.pof {
	background: #FFFEC7 !important;
	border-bottom: 1px solid #FFF2C7;
	border-right: 1px solid #FFF2C7; 
}


h3#comments, h3#respond, h3#moreentry, h3#trackbacks {
	border-bottom: 4px solid #f5f5f5;
	padding-bottom: 5px;
	margin-bottom: 25px;
	font: bold 1em/1.6em Arial, sans-serif;
	padding-top: 30px;
}


#comment {
	width: 99%;
}


div.navigation {
	font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
}

div.navigation div.alignleft {
	float: left;
	width: 45%;
}

div.navigation div.alignright {
	float: right;
	width: 45%;
	text-align: right;
}

div.alignleft2 {
	float: left;
	width: 224px;
	height: 75px;
	margin: 0;
}

div.alignright2 {
	float: right;
	height: 75px;
	margin: 0;
	padding: 15px 80px 20px 0px;
}



/* ---- FOOTER ---- */


#footer {
	border-top: 1px solid #B89700;
	background: #FFD200;
	font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
	color: #000;
}

	#footer p {
		border-top: 1px solid #ffc;
		border-left: 1px solid #ffc;
		border-right: 1px solid #C2A000;
		padding: 15px;
		margin: 0;
	}




/* ---- FOTO ALBUM ---- */



#spg #spgprev, #spgnext {
	display:block;
	margin: 10px;
}

#spg #spgprev {
	float:left;
}

#spg #spgnext {
	float:right;
}

#spg #image {
	text-align:center;	
}

#spg .imgwrapper {
	float: left;
	margin: 0 0 15px 25px;
	padding: 2px;
	height:113px;
}

#spg .imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}

#spg .imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	/*-moz-border-radius:5px;*/
	padding: 4px;
}

#spg .imgwrapper a:visited img {
	background-color:#fff;	
}

#spg .imgwrapper a:hover img, #spg .imgwrapper a:focus img {
	background-color: #036;
}

#spg .imgwrapper a:hover, #spg .imgwrapper a:focus {
	color:#000;
}


#spg div.pagination{
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

/* --- MISC FIXES --- */

/* Avoid link underline in images */

#image a { border: 0 !important; }
div.imgwrapper a { border: 0 !important;}
div.post a { border: 0 !important; }

/* this is for the tables */
table.taula {
font-size: 0.8em;
border: 1px solid #ccc;
width: 80%; 
margin: 20px auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius: 8px 8px 8px 8px;
}

table.taula2 {
border: 0px;
width: 400px;
margin: 20px auto;
}

/* this is to center text with <p class="center> */
p.center {
	text-align: center;
	margin: 1em auto;
	display: block;
}


.red {
	color: red !important;
}

.green {
	color: green !important;
}

div.blogrollitem {
		font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
		color: #555;
}

/* gravatar a recent comments */
img.kjgrcGravatar {
	vertical-align:middle;
	margin: 1px 2px 2px 0;
}

/* too cool for IE */
a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(http://pof.eslack.org/archives/images/too_cool_sash.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}


/* class="advertencia" from a.css (css.artnau.com) */
.advertencia {
	background: #fefea2 url(http://pof.eslack.org/archives/images/advertencia.png) no-repeat 1.5em 1.5em;
	border: 1px solid #DDDB60;
	padding: 1.3em 2em 1.3em 5em;
	min-height: 20px;
	margin: 0px 30px 0px 30px;
	-moz-border-radius: .6em;
}