/*  
Theme Name: Scuain (based in Plane Jane theme)
Theme URI: http://jimmitchell.org/projects/themes/plane_jane v2
Description: Scuain theme is based in Plane Jane v2
Version: 1.0
Author: Scuain 
Author URI: http://www.scuain.com

Theme original URI: http://jimmitchell.org/projects/themes/plane_jane v2
Description: Plane Jane v2 - A Fireballish theme for Wordpress
Version: 2.5
Author original: Jim Mitchell
Author original URI: http://jimmitchell.org/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*Estilos de Maquetación (Pantalla) --  www.constanteysonante.com */
/*RESETEO DE ELEMENTOS ----------------------------------------------------------*/
* {
	margin:0;
	padding:0;

}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fields et,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,th,var {
   font-style:normal;
   font-weight:normal;
}
ol,ul {
   list-style:none;
}
caption,th {
   text-align:left;
}
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,q:after {content:'';}

abbr,acronym {border:0;}

.clear{clear:both;}

hr {display: none;}

input, textarea {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;}

/*ENLACES-------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #8E0054;
	border-bottom:1px dotted #8E0054;
}

a:hover {
	text-decoration: none;
	color: #006e73;
	border-bottom:1px dotted #006e73;
}


blockquote {
	border-left: 0.3em solid #D7D2BF;
	padding-left: 1em;
	margin-bottom: 2em;
	line-height: 1.6em;
	font-size:1.3em;
	font-style: italic;
}

pre {
	font-size: 1.2em; 
	}
code {
	font-family: "Courier New", Courier, monospace;
	line-height: 1.3em;
	padding: 0 1em 1.4em 1em;
	margin: 0 0 1em 0;
	background-color: #fff;
	border: 1px solid #D7D2BF;
	display: block;
	font-size: 1em;
}


/*ESTRUCTURA------------------------------------------------------------------------------*/
body {
	font: x-small Trebuchet, Arial, Helvetica, sans-serif; 
	color: #F6F5F1;
	background-color: #F6F5F1;
	}

#blog, #page {
	width: 96em;
	margin: 0 auto;
	text-align: left;
	color: #343018;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

/*CABECERA------------------------------------------------------------------------------*/
#header {
	width: 96em;
	height: 10em;
	margin: 2em 0 0 0;
}

#header #logo {
	width: 28.5em;
	height: 9em;
	text-indent: -500em;
	background: url(images/logo.gif) no-repeat left top;
}

#header #logo h1 a{
	width: 23.5em;
	height: 6.5em;
	display: block; 
	overflow: hidden;
	text-decoration: none;	
	border: none;
	}

#header h3{
	text-indent: -500em;
}


/*COLUMNA PRINCIPAL------------------------------------------------------------------------------*/

#main {
	width: 62em;
	padding: 0 2em 1em 0;
	float: left;
}

#wide {
	width: 96em;
	padding: 0 0 1em 0;
	float: left;
}

#main p, #wide p {
	line-height: 1.6em;
	font-size:1.3em;
	margin: 0 0 1.3em 0;
}

#main ul, #wide ul, #main ol, #wide ol {
	line-height: 1.6em;
	font-size:1.3em;
	margin: 0 0 1.3em 0;
	}

#main li, #wide li {
	background: url(images/bullet.png) no-repeat left 0.6em;
	padding: 0 0 0 1em;
	margin: 0 0 0.6em 1.2em;	
}

#main h1, #wide h1 {
	margin: 1em 0 0 0;
	font-size: 2.7em;
	color: #45393D;
	font-weight: bold;
	letter-spacing:-1px;
}

#main h1 a, #wide h1 a {
	color: #8E0054;
	border: none;
	}

#main h1 a:hover, #wide h1 a:hover {
	color: #00888E;
}

#main h2, #wide h2{
	font-size: 2.2em;
	font-style:italic;
	margin: 1.5em 0 0.6em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#main h3, #wide h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 1em;
}

.related_post{
	}



#main p.meta , #wide p.meta {
	font-size: 1.1em;
	border-top: 1px solid #D7D2BF;
	margin: 1.5em 0 5em 0;
	padding-top: 0.8em;
}
.meta span {
	padding-left: 14px;
	padding-top: 0px;
	background: url(images/doc.png) no-repeat left center;
}

.meta span.tags {
	background-image: url(images/folder.png);
}

.meta span.comments {
	background-image: url(images/comment.png);
}

.meta span.trackback {
	background-image: url(images/trackback.png);
}

.meta span.delicious {
	background-image: url(images/delicious.png);
}

.postnav {
	width: 100%;
	float: left;
	font-size: .8em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#main .postnav li.left {
	display: block;
	float: left;
	background-image: none;
	margin: 0;
	padding: 0;	
}

#main .postnav li.right {
	display: block;
	float: right;
	background-image: none;
	margin: 0;
	padding: 0;	
}

#mo_archive, #cat_archive {
	margin-bottom: 25px;
	float: left;
}

#mo_archive ul, #cat_archive ul {
	list-style: none;
}



/*IMAGENES------------------------------------------------------------------------------*/

#main p img, #wide p img {
	max-width: 100%;
	}

.imgborder {
	padding: 3px;
	border: solid 1px #D7D2BF;
	max-width: 100%;
	display: block;
	margin: 0.3em auto;
	background-color: #fff;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, .img_right {
	margin-left: 6px;
	margin-bottom: 2px;
	padding-top: 6px;
	display: inline;
	}

img.alignleft, .img_left {
	margin-right: 6px;
	margin-bottom: 2px;
	padding-top: 6px;
	display: inline;
	}

.img_right {
	float: right;
	}
	
.img_left {
	float: left
	}



/*COMENTARIOS------------------------------------------------------------------------------*/
#comments{
	font-size:0.75em;
	margin: 0 0 0 0;
	}

#main #comments h2 {
	font-size: 3.2em;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}

.comment_area, .trackback_area {
	margin-bottom: 3em;
}

.comment_area ol {
	list-style: none;
}

#main .comment_area li {
	margin-bottom: 3.5em;
	background: none;
}

#main .comment_area form li {
	margin-bottom: 0;
	background: none;
	padding: 0 0 0.2em 0;
}

#comments p.commenter {
	border-bottom: 1px solid #D7D2BF;
	color: #45393D;
	font-size: 1.8em;
	font-weight:bold;
	margin: 0 0 0.3em 0;
}

.comment_info {
	font-weight: normal;
	color: #9E9778;
	font-size: 0.75em;
	padding: 0 0 0 2em;
}

.comment_number {
	color: #9E9778;
	font-size: 3em;
	margin: 0 0.4em 0 0;
	font-size: 1.5em;
	}

#submit, .submit {
	font-size: 1.2em;
	padding: 0 0.2em;
	}

.comment_area textarea {
	width: 95%;
}

.trackback_area ol {
	list-style: none;
	padding: 5px;
	padding-left: 15px;
}

.trackback_area li {
	line-height: 150%;
}

form small {
	font-size: 1.4em;
}


/*COLUMNA LATERAL------------------------------------------------------------------------------*/

#side {
	width: 27em;
	float: right;
	padding: 2em 15px 3em 15px;
	margin: 1.5em 0;
	background: #EDEADD;
	display: inline;
}

#side h2 {
	margin: 1em 0 0.6em 0;
	padding: 0 0 0 0.3em;
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
}


#subs a{
	border-bottom: none;
	margin: 0 0 0 1.5em;
}

#side ul, .recentcomments {
	list-style: none;
	font-size: 1.1em;
	width: auto;
	padding: 0 0 1em 0;
	border-top: 1px solid #D7D2BF;
}

#side ul.sidelist {
	padding-bottom: 1.5em;
	}

#side ul a, .recentcomments {
	padding: 5px 0 5px 12px;
	display: block;
	border-bottom: 1px solid #D7D2BF;
}

#side ul a:hover {
	background: #D7D2BF;
	color: #8E0054;
}

#feed img, #follow-twitter img{
	vertical-align: top;	
}

#side p {
	font-size: 1.1em;
}

#side ul a, .recentcomments {
	padding: 5px 0;
	width: 94%;
	padding-left: 6%;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #D7D2BF;
}

/*PLUGIN TWITTER------------------------------------------------------------------------------*/
.twitter-timestamp {
	display: block;
	text-align: right;
}
p#twitter{
	padding: 8px 0 4px 15px;
	border-top: 1px solid #D7D2BF;
}

a.twitter-link {

}
#follow-twitter {
	margin: 10px 0 0 0;
}
#follow-twitter a{
	border-bottom:none;
}

#follow-twitter a:hover {
	background: #D7D2BF;
	color: #8E0054;
}



/*FOOTER------------------------------------------------------------------------------*/
#foot {
	width: 96em;
	border-top: 1px solid #D7D2BF;
	margin: 0 1em 0 0;
	clear: both;
}

#foot p {
	padding: 1em 0;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: center;
}

/*BUSCADOR BARRA------------------------------------------------------------------------------*/
#searchform {
	border-bottom: 1px solid #D7D2BF;
	border-top: 1px solid #D7D2BF;
	padding: 10px 0 10px 0;
	margin: 0 0 25px 0;
}
#s {
	width: 150px;
	font-size: 1.1em;
	border:1px solid #D7D2BF;
	padding: 2px;
}

#searchsubmit {
	font-size: 1.1em;
	padding: 0 0.4em;
}

#side form div{
	padding: 0 0 0 12px;
}

/*CONTACTO-------------------------------------------------------------------------------------*/
.contactform {
	padding: 2em 0 2em 0;
	overflow: hidden;
}

.contactform label {
	font-size: 1.1em;
	font-weight: bold;
}
.contactleft {
	width: 8em;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	margin: 0.7em 0 0.5em 0;
	}

.contactright {
	width: 47em;
	text-align: left;
	float: right;
	display: inline;
	padding: 0.3em;
}

.contactform input#wpcf_your_name, .contactform input#wpcf_email, .contactform input#wpcf_website, .contactform textarea {
	font-size: 1.2em;
	border: 1px solid  #D7D2BF;
	padding: 0.1em 0.4em; 
	font-weight: normal;
}

.contactform textarea {
	width: 28em;
}

.contactform input {
	font-size: 1.2em;
	padding: 0.1em 0.8em;
}

.contacterror {
	background-color: #FFD4ED;
	}

.error-msg{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.3em 2em 1em 2em;
	padding: 0.5em;
	background-color: #8E0054;
	color: #F3F0D1;
	}

#send-ok {
	font-size: 1.3em;
}	

/*MAPA WEB------------------------------------------------------------------------------*/
#main .ddsg-wrapper ul li{
margin-bottom: 3em;
}
#main .ddsg-wrapper ul li ul li{
margin-bottom: 0.3em;
}

	
/*GENERALES------------------------------------------------------------------------------*/
.lh100 {
	padding: 5px 0;
	font-size: 0.9em;
}

.contactform {
	padding: 0 1em;
	margin: 0 2em;
}

#main p.credits, #wide p.credits {
	font-size: 0.9em;
	text-align: right;
	margin-top: -14px;
	color: #343018;
}

#main p.disclaimer {
	font-size: 1.1em;
}