/*   
Theme Name: Ditea
Description: Esta es la version 1.0 del blog de ditea
Version: 1.0
Enero 08

*/
body {
background-color: #ECECEC;
font: 0.8em Verdana;
margin: 0px; 
}

table td, table th, table tr {
font-size: 1em;
}

blockquote
{
	background-image: url('images/blockquote.png');
	background-repeat: no-repeat;
	margin-left: 1.5em;
	padding: 1px 0 0 40px;
	font-style: italic;
	height: 40px;
}

.page {
text-align: center;
margin: 0;
padding: 0;
}

.container {
margin: 0 auto 0 auto;
text-align: left;
width: 821px;
}

a {
color: #4F2764;
text-decoration: none;
}

a:hover {
color: #B1BE13;
text-decoration: underline;
}

linknostyle a {
	border: 0px none #000000;
	text-decoration: none;
}

.textinput {
border: #6CB800 solid 1px;
height: 14px;
font-size: xx-small;
}

.header {
	background-image: url('images/ditea.png');
	background-repeat: no-repeat;
	height: 110px;
	padding: 0;
	margin: 0;
	text-align: right;
}

.logo {
	background-position: left;
	background-image: url('images/roundedheader.png');
	background-repeat: no-repeat;
	height: 110px;
	padding: 0;
	margin: 0;
	text-align: right;
}

.header h1 {
	padding: 20px 30px 0 20px;
	font: bold 2.2em Tahoma;
	margin: 0;
}

.header h1 a {
color:#4F2764;
}
.header h1 a:hover{
color: #C5DB00;
}

.header h3 {
padding: 40px 30px 0 20px;
font: bold 2.2em Tahoma;
margin: 0;
}

.header h3 a {
color: #ffffff;
}

.header p {
color:#4F2764;
padding: 0 30px 0 20px;
margin: 0;
}


.rss{
	width: 100px;
	position: relative;
	float: left;
	margin-top: 2px;
	margin-right: 25px;
}

.tools {
	position: relative;
	margin-right: 20px;
	margin-top: 8px;
	float: right;
}
.tools ul {
float: right;
	margin-top: 0px;
}
.tools li {
	position: relative;
	list-style: none;
	margin-left: 7px;
	float: left;
}


.left-sidebar {
z-index: 10;
float: left;
padding: 0px 5px 5px 0;
width: 220px;
}

.left-sidebar ul{
margin: 0;
padding: 0;
list-style: none;
}

table#wp-calendar th {
font-weight: bold;
}

table#wp-calendar caption {
font-size: 0.9em;
}

.main-content {
	margin: 0px 10px 10px 230px;
	padding-top: 10px;
	width: 550px;
}

.main-content h2 {
font: bold 1.4em Tahoma;
}

.main-content h2 a {
color: #4F2764;
}
.main-content h2 a:hover {
color: #C5DB00;
}

.footer {
clear: both;
margin-left: 20px;
padding-top: 5px;
text-align: center;
border-top: 1px solid #4F2764;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
background: transparent url('images/sidebarbox.png') no-repeat bottom right;
}
.cssbox {
width: 200px !important; /* intended total box width - padding-right(next) */
width: 185px; /* IE Win = width - padding */
padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
margin: 0px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
background-position: top right; margin-right: -10px; /* pull the right image over on top of border */
padding-right: 20px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 { 
background-position: top left; margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 5px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
width: 150px;
color: #4F2764;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; margin-right: 25px; /* interior-padding right */ 
padding: 5px 0 20px 15px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body p {
margin: 0;
padding: 0;
}

.cssbox_head h2 {
font: bold 1.3em Tahoma;
}

hr {
background-color: #ECECEC;
color: #C6A4E5;
height: 2px;
border: 0;
}

textarea#comment {
width: 550px;
border: #6CB800 solid 1px;
}

ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
}

ol.commentlist .alt {
background-color: #fffffd;
padding: 5px;
margin-bottom: 10px;
}

.postmetadata{
	background-image: url('images/bocadillo.png');
	background-repeat: no-repeat;
	height: 24px;
	padding-left: 10px;
}

.postmetadata-alt {
background-color: #fffffe;
padding: 5px;
border: #6CB800 solid 1px;
font-style: italic;
text-align: center;
}

.relacionados{
 margin-left: 15px;	
}

.nextpost {
float: right;
}

.previouspost {
float: left;
}

#searchform button{	background: transparent;	border: none;	padding: 0;	margin: 0;	vertical-align: middle;	cursor: pointer; color: #fff; }

.button {
	color: #4F2764;
	font-weight: bold;
	background-color: #F7F7F7;
	text-align: center;
	color: #6E457E;
	text-decoration: none;
	margin: 5px 5px 5px 5px;
}

.button:hover {
  color:#C5DB00;
}


/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}


/* End Contact Form ][ CSS */