/*
Theme Name: Mezzanine
Theme URI: http://www.redworks.sk/mezzanine
Description: A clean, simple monochromatic 2 column theme.
Author: Redface
Author URI: http://www.redworks.sk

Modificado por Marco Roa para PyBio - 20/05/2008
*/

@import 'reset.css';

body 		{
	font: 13px Arial, Verdana, 'Helvetica', sans-serif;
	/* background: #DFD7D7 url(images/back.jpg) repeat-y center; */
	background: #FFF;
}

#cabecera 	{ 	}
#page 		{ 	position: relative; background: #fff; margin: auto 3%; }
#ilusTapa 	{ 	width: 100%; height: 380px; }
#wrapper 	{ 	width: 100%; position: relative; border-top: solid 3px #423434; padding-top: 40px; }
#content 	{
				float: left;
				width: 750px !important;
				padding-bottom: 40px;
				position: relative;
				}
#sidebar 	{ 	float: left; }

#footer 	{	
clear: both; 
padding: 30px 40px 60px 60px; 
margin: auto; 
background: #DFD7D7; 
height: 550px; 

}

a 			{ 	outline: none; color: #423434; text-decoration: none; }
a:hover 	{ 	outline: none; color: #000; }
i, em, I {
	font-style: italic;
}
div.img 	{ float: left; margin-right: 5px; height: 180px;}
div.img div	{ background: #CCCCCC;}


/*------------- SUBMENU -------------*/
.submenu { position: relative; float: left; padding-right: 40px; text-transform: lowercase; }
.submenu h3, .submenu h3 a {
	color: #FFF;
	background-color: #423434;
	font-size: 22px;
	padding: 5px 40px 5px 15px;
}
.submenu h3 a {padding: 0;}
.submenu p { float: right; position: relative;
}

.submenu ul { border-top: 1px dotted #dbdbdb; }
.submenu ul li {
	line-height: 26px;
	border-bottom: 1px dotted #dbdbdb;
	display: block;
	margin-left: 15px;
	padding-left: 15px;
	background: url(images/sub.gif) no-repeat left;
	position: relative;
}
.submenu li a {display: block; position: relative; font-size: 17px; font-weight: lighter; text-decoration: none;
border-bottom: dotted 1px #663300;}
.submenu ul li a:hover {
	display: block;
	background: #423434;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}




/*------------- HEADINGS -------------*/

h1, h1 a {
	position: relative;
	width: 145px;
	height: 118px;
	background: url(images/logo.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin: 10px 0;
}
h2				{	font-size: 3.5em; font-weight: bolder; padding-bottom: 20px; }
h4 				{	font-size: 1.8em; }
.description 	{	font-size: 1.7em; }




/*------------- GAALERIA -------------*/
#galeria p { position: relative; float: left; width: 50%; height: 300px;}



/*------------- CONTENT -------------*/
#buscar 		{
					background-color: #DFD7D7;
					height: 41px;
					width: 250px;
					padding-left: 15px;
					position: absolute;
					top: 73px;
					right: 0px;
				}
#ilusTapa img 	{ position: absolute; width: 750px; height: 380px; }

.mitad { position: relative; width: 50%; float: left;}




.post {margin-bottom: 50px; clear: both;}

.post img {
	max-width: 500px;
	width: expression(this.width > 500 ? 500: true);
	border-color: #000000;
}

.post li { list-style-type:square; }
.entry { text-align: justify; }
.post li a, .entry a { color: #545454; text-decoration: underline; }

.post li a:hover, .entry a:hover {
	background: #423434;
	color: #ffffff;
	text-decoration: none;
}

.entrytext p  {}
.entrytext p a  {font-size: x-large; display: block; clear:both;}


.postmetadata, .postmetaedit {
	padding: 3px;
	font-size: 0.9em;
	color: #DFD7D7;
	background: #423434;
	width: 100%;
	position: relative;
	display: block;
}

.postmetadata a{
	color: #e9e9e9;
	text-decoration: underline;
}

.postmetaedit {
	background: transparent;
}

.postmetaedit a:hover {
	background: transparent;
	text-decoration: underline;
}

img, a img 		{ 	display: inline; }






/*-------------- SIDEBAR ------------*/


#sidebar ul {
	text-transform: lowercase;
}

#sidebar ul h2 {
	background-color: #423434;
    color: #FFFFFF;
    font-size: 22px;
    padding: 5px 40px 5px 15px;
}

#sidebar ul li { 
	text-align:left; 
	margin:5px 20px 0 0;
	float: left;
	width: 200px
}

#sidebar ul ul {
	margin-bottom: 50px;
}

#sidebar ul ul li {
	 background: url("images/sub.gif") no-repeat scroll left center transparent;
    border-bottom: 1px dotted #663300;
    display: block;
    line-height: 26px;
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
	 width: 160px;
	 clear: both;
}

#sidebar ul ul ul { border-top: 1px dotted #dbdbdb; }

#sidebar ul ul ul li {
	margin-left: 15px;
	padding-left: 15px;
	line-height: 26px;
	background: url(images/sub.gif) no-repeat left;
}

#sidebar li a {
	display: block;
	font-size: 17px;
    font-weight: lighter;
}

#sidebar li a:hover {
	display: block;
	background: #423434;
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}

#sidebar a {
	color: #5a5a5a;
}









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


ol.commentlist {
	margin-bottom: 50px;
}

#author, #email, #url {
	background: #f6f6f6;
	border: 1px solid #857373;
	padding-left: 5px;
}

#comment {
	width: 450px;
	background: #f6f6f6;
	border: 1px solid #857373;
	padding: 5px;
}

#commentform {
	margin-left: 20px;
}

.commentauthor, .commentauthor  a {
	font-size: 1.1em;
	font-weight: bold;
	display:block;
	margin: 0px;
	padding: 0px;
}

ol.commentlist li {
	padding: 10px;
	width: 400px;
}

ol.commentlist ol {
	font-weight: bold;
}

ol.commentlist li.alt {
	background: #f5f5f5;
}




/*-------------- SEARCH FORM -------------*/

#searchform { margin-bottom: 30px; }
#searchform div { padding: 5px;}

#searchform input {
	background: #FFF;
	border: 1px solid #857373;
	padding-left: 5px;
}

#searchform #s {
	width: 220px;
	font-size: 24px;
}

#searchform #searchsubmit {
	border: 1px solid #857373;	
}




/*------------- CALENDAR -----------------*/

#wp-calendar {
	width: 100%;
	color: #8c8c8c;
	margin-bottom: 20px;
}

#wp-calendar th {
	border-top: 1px dotted #c3c3c3;
	border-bottom: 1px dotted #c3c3c3;
	color: #000000;
}

#wp-calendar a {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#wp-calendar a:hover {
	color: #898989;
	font-weight: bold;
	background: #423434;
	padding: 0px !important;
	
}

#prev a,  #next a {
	margin: 10px;
}

#wp-calendar caption {
	color: #000000;
	margin: 10px;
	font-size: 1.1em;
}




/*------------- OTHER ------------------

hr {
	display: none;
} */


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

img.alignright{
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}

img.alignleft{
	padding: 4px;
	margin: 3px 10px 2px 0;
	display: inline;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

/*
*	IDIOMA
*/
#idioma {
  clear: both;
  margin-bottom: 20px;
  padding: 0 0 20px;
}

#idioma ul li {
  border-left:1px dotted #DBDBDB;
  display:block;
  float:left;
  line-height:26px;
  margin:0 5px;
}

/*
* footer-message
*/
#footer-message {
float: left;
    margin: 10px 0 0;
    text-align: right;
    width: 300px;

}