/*
Theme Name: DQTQJAS
Theme URI: http://www.dqtqjas.com
Version: 1.0
Description: Biologhy 
Author: Javi Vicente
Author URI: http://www.javivicente.com
*/

/* Basics
----------------- */
html, body {
	background: #398FCC url(images/background.gif) repeat-y 50% 0%;
	margin: 0;
	padding: 0;
	}
	
#secondbackground {
	background: url(images/secondbackground.jpg) repeat-x 50% 0%;
	/*OR CHOOSE TO USE BACKGROUND WITHOUT IMAGE FROM PAINTING
	background: url(images/secondbackground2.jpg) repeat-x 50% 0%;*/
	height: 370px;
	margin: 0 auto;
	padding: 0;
	}
	
.imgleft {
	background: #DBDAC5;
	border: 5px solid #453E36;
	float: left;
	margin: 3px 15px 5px 0;
	}
	
.imgright {
	background: #DBDAC5;
	border: 5px solid #453E36;
	float: right;
	margin: 3px 0 5px 15px;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.centro {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
img.mycenter {
  margin-left:auto; 
	margin-right:auto; 
	display:block; 
	text-align:center;
}  

blockquote {
	background: #EDFCFF;
	margin: 20px 20px 15px 25px;
	padding: 15px 5px 5px 15px;
	border-left: 1px solid #FFFFFF;
}
	
	
/* Basic Design Elements
------------------------------------- */
#title {
	color: #F9F6E3;
	font-family: "Times New Roman", Georgia, "Palatino Linotype", serif;
/*	font-size: 28px;*/
	font-variant: small-caps;
	letter-spacing: 7px;
	/*CONSIDER INCREASING LETTER SPACING IF USING BACKGROUND WITHOUT PAINTING IMAGE
	letter-spacing: 10px; */
	text-transform: uppercase;
/*	padding: 13px 15px 0 33%;*/
  padding: 13px 15px 0 31.5%;
  font-size: 20px;
	width: 30%;
	text-align: center;
	}

#title a:link, #title a:visited, #title a:hover {
	color: #F9F6E3;
	text-decoration: none;
	}
	.description {
	  text-transform: lowercase;
		font-variant: normal;
		color: #E7C84B;
		font-size: 18px;
	  letter-spacing: 5px;		
	}
	
#container {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	}
	
/* Navigation
----------------------- */
#navigation {
	margin: 0;
	padding: 0;
	width: 500px;
	}
	
#navigation ul {
	height: 20px;
	margin: 0 0 15px -12px;
	padding: 15px 0 0 0;
	}
	
* html #navigation ul {
	padding-top: 20px;
	}

#navigation ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	text-transform: lowercase;
	}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #113776;
	padding: 0 0 4px 20px;
	text-decoration: none;
	}

#navigation ul li a:hover {
	color: #74735B;
	font-weight: bold;
	text-decoration: underline;
	}
	
/* Content Elements
------------------------------- */
#content {
	float: left;
	padding: 0;
	margin-top: 70px;
	width: 500px;
	}
	
.post {
	padding: 5px 30px 0px 30px;
	clear: both;
	}
	
#content h1 {
	color: #855A13;
	font-family: Georgia, "Palatino Lintotype", "Times New Roman", serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#content h1 a:link, #content h1 a:visited, #content a:hover {
	color: #855A13;
	font-weight: normal;
	text-decoration: none;
	}
	
#content h2 {
	color: #8C8B6C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
	}
	
#content h2 a:link, #content h2 a:visited {
	color: #7F23A5;
	text-decoration: none;
	}
	
#content h2 a:hover {
	color: #7F23A5;
	text-decoration: underline;
	}
	
#content h3 {
	color: #855A13;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 10px 0 5px 0;
	padding: 5px;
	width: 90%;
	word-spacing: 1px;
	}
	
#content h3 a:link, #content h3 a:visited, #content h3 a:hover {
	color: #74735B;
	font-weight: bold;
	text-decoration: none;
	}
	
#content h4 {
	border-top: 1px solid #398FCC;
	color: #8C8B6C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 15px 0;
	padding-top: 1px;
	text-align: right;
	}
	
#content h4 a:link, #content h4 a:visited {
	color: #7F23A5;
	text-decoration: none;
	}
	
#content h4 a:hover {
	color: #7F23A5;
	text-decoration: underline;
	}
	
#content p {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
	}
	
#content p a:link, #content p a:visited {
	color: #2D5BA2;
	font-weight: bold;
	padding: 0px 1.5px;
	text-decoration: none;
	}

#content p a:hover {
	color: #855A13;
	font-weight: bold;
	text-decoration: none;
	}
	
.post ul {
	list-style: none;
	margin: 0 15px 30px 15px;
	padding: 0;
	}

.post ul li {
/*	border-bottom: 1px solid #EFEBD1;*/
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
/*	list-style: none;*/
  list-style: square;
	margin: 0 0 5px 18px;
	padding: 3px 3px 3px 5px;
	}
	
.post ul li a:link, .post ul li a:visited {
	color: #2D5BA2;
	text-decoration: none;
	}
	
.post ul li a:hover {
	color: #855A13;
	text-decoration: none;
	}
	
.post ol li {
  font-size: 11px;
	margin: 0 0 5px 0px;
	padding: 3px 3px 3px 1px;	
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
/* Sidebar Elements
------------------------------- */
#sidebar {
	float: right;
	padding-top: 95px;
	width: 200px;
	}
	
#sidebar h1 {
/*	color: #398FCC;*/
  color: #1B5F8F;
	margin: 5px 5px 0 5px;
	font-family: "Palatino Linotype", serif;
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 24px;
	padding: 0;
	text-align: center;
	text-transform: lowercase;
	}
	
#sidebar ul {
	list-style: none;
	margin: 7px 15px 15px 15px;
	padding: 0 0 15px 0;
	}
	
#sidebar ul li {
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#sidebar a:link, #sidebar a:visited {
/*	color: #748085;*/
	color: #538EFA;
	font-weight: bold;
	text-decoration: none;
	}
	
#sidebar a:hover {
	text-decoration: underline;
	}
	
#sidebar p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 5px 4px 5px;
	}
	
/* Comments
--------------------- */
#writecomment {
	background: #C6EAFD;
	border-bottom: 4px double #FFF;
	border-top: 4px double #FFF;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	width: 100%;
	}
	
#writecomment p {
	padding: 3px 10px 0 10px;
	margin: 3px 10px 0 10px;
	}
#writecomment h1, #writecomment h2 {
	padding: 0px 2px 0 2px;
	margin: 0px 2px 0 2px;
	}
	
#writecomment input, #writecomment textarea {
	background: #FFFEEF;
	border: 1px solid #DBDAC3;
	color: #49453F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	margin: 0px 10px;
	}

#comment-body {
	padding: 5px;
	margin: 0;
	font-size: 8px;
	clear: both;
	display: block;
	}
	
#comment-body p {
	padding: 5px;
	margin: 5px 0 5px 0;
	}

.comment-wrapper {
	clear: both;
	display: block;
	margin: 2px 0 2px 0px;
	padding: 5px 10px;
	position: relative;
	overflow: hidden;
	}

#comment-posted {
	margin: 0 auto;
	padding: 5px;
	background: #C6EAFD;
	border-top: 1px #398FCC solid;	
	}
	
#comment-posted p {
	font-size: 11px;
	margin: 0;
	}	

#comment-posted u {
	text-decoration: none;
	}	

	.gravatar {
	 /* float: right;*/
	 margin: 2px;
	}
	
#loading img {
  margin-left:auto; 
	margin-right:auto; 
	margin-bottom: 10px;
	display:block; 
	text-align:center;
}

.comentarios ol li {
  list-style: none;
	margin: 0;
	padding: 0;
}
.comentarios ol {
  margin:0px;
	padding: 0px;
}

#commentPreview {
  color: #000000;
}

/* Footer Elements
----------------------------- */
#footer {
	background: #2D5BA2;
	border-top: 1px solid #A4A07A;
	clear: both;
	margin: auto;
	padding: 0 5px 3px 5px;
	}
	
#footer p {
	color: #F9F6E3;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	}
	
#footer a:link, #footer a:visited, #footer a:hover {
	color: #C8F4FD;
	text-decoration: none;
	}
	
/* Miscellaenous Items
----------------------------------- */
.nextprevious {
	margin: -25px 30px 30px 30px;
	padding-bottom: 10px;
	text-align: center;
	}

#searchform {
	border-bottom: 1px solid #C6BBC7;
	height: 35px;
	margin: 0 5px 0 5px;
	text-align: center;
	}

#s {
	background: #398FCC url(images/searchbackground.gif) 30px 4px no-repeat;
	border: 1px solid #273284;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 7px;
	text-transform: lowercase;
	}
	
code {
	background: #FFFDEF;
	padding: 5px;
	}
img {
  border: none;
}

#google_links {
 position: absolute;
 padding: 0px;
 margin-left: -2px;
 top: 127px;
}

#commentPreview {
background-color: #CEF7FF;
margin: 10px 50px 10px 21px;
padding: 10px 5px;
}

/*********** IMAGENES **************/


p img.derecha {
	margin: 0 0 10px 10px;
	float: right;
	border: none;
	}	

p img.derecha-borde {
	margin: 0 0 10px 10px;
	float: right;
	border: 1px solid #8C8B6C;
	padding: 1px;
}

p img.centro {
	display: block;
	margin: 10px auto 10px auto;
	text-align: center;
	border: none;
	}

p img.centro-borde {
	display: block;
	margin: 10px auto 10px auto;
	text-align: center;
	border: 1px solid #8C8B6C;
	padding: 1px;
	}

p img.izquierda {
	margin: 0 10px 10px 0;
	float: left;
	border: none;
	}	

p img.izquierda-borde {
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #8C8B6C;
	padding: 1px;
}	

p img.borde {
	margin: 0 10px 10px 0;
	border: 1px solid #8C8B6C;
	padding: 1px;
}