body {
background: #f9ebe3 url("../images/texture.jpg");
font-family: georgia, times new roman, serif;
font-size: 12px;
color: #666;
margin: 0;
text-align: center;
}






/*** BASIC ****/

html {
text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}


h1, h2, h3, h4, h5, h6, ol, ul, li, p {
margin: 0;
font-size: 12px;
font-weight: normal;
}



.hidden {
display: none;
}

.clear {
clear:both;


}

.left {
float: left;
}

.right {
float: right;
}

img {
border: none;
}

.bigger {
font-size: 130% ;
}


a.tags:link, a.tags:visited {
text-decoration: none;
font-size: 12px;
color: #ff9966;
}

a.tags:hover {
color: #ffcc99;
}


/*** CSS 3 feature ***/

*::-moz-selection{
   background: #cc9966;
   color: #fff;
}

*::selection {
  background: #cc9966;
  color: #fff;
}





/*** CONTAINER ****/


div#background {
width: 1000px;
background: url("../images/background.jpg") no-repeat left top;
margin: auto;
position: relative;

}

 
div#container {
width: 690px;
background: #fff url("../images/mainback2.jpg") no-repeat center top;
text-align:left;
margin-left: 80px;
float: left;
position: relative;
}





/*** LOGO ***/ 

a#logo:link, a#logo:visited {
width: 156px;
height: 95px;
display: block;
background: url("../images/logo.jpg") no-repeat center;
position:relative;
left: -46px;
}

a#logo:hover {
background: url("../images/logoh.jpg") no-repeat center;
position:relative;
left: -46px;
}










/** LEFT BOX **/


div#leftbox {
float: left;
width: 160px;
position: relative;
top: 60px;
right: 20px;
	

}




/** about **/

div#about p {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 11px;
width: 135px;
line-height: 14px;
color: #996666;
position: relative;
left: 5px;
top: 3px;
}


div#about a:link, div#about a:visited {
color: #3398cc;
}

div#about a:hover {
font-weight: bold;
color: #ffcc99;
}




/** additional links **/


#additionallinks {
margin-top: 50px;
} 	

div#additionallinks a:link, div#additionallinks a:visited {
color: #fff;
font-size: 12px;
text-transform: uppercase;
display: block;
height: 35px;
width: 150px;
background: url("../images/linkbg.jpg") no-repeat;
margin-top: 6px;
text-decoration: none;
text-align: center;
}

div#additionallinks a:hover {
background: url("../images/linkbgh.jpg") no-repeat;
}


div#additionallinks span.position {
position: relative; 
top: 10px;
border-bottom: 1px solid;
}











/** mt features **/



div#shadow {
width: 171px; 
margin-top: 20px;
position: relative;
right: 41px;
background: #fff url("../images/shadow.jpg") repeat-y left;
}


div#mtfeatures {
width: 171px; 
background:url("../images/mttop.jpg") no-repeat top left;
padding-top: 10px;
padding-left: 25px;
}



div#mtfeatures h3{
font-style: italic; 
font-size: 20px;
color: #99cccc;
width: 130px;
padding-bottom: 5px;
background: url("../images/headermt.jpg") no-repeat center bottom ;
margin-bottom: 10px;
margin-top: 10px;
}



div#mtfeatures ul {
margin-left: 15px;
padding: 0;
color: #ffcc99;
list-style-type: square;
}


div#mtfeatures ul li {
margin-bottom: 2px;
}








/** search and Get Boxes**/

div#searchbox {
position: relative;
bottom: 10px;
}


div#signbox {
padding-top: 20px;

}

div#signbox label  {
width: 120px;}


div#mtfeatures label {
display: block;
font-size: 11px;
margin-bottom: 5px;
}

#search, #email {
background: #ccffff;
border: 1px solid #66cccc;
font-family: georgia, times new roman, serif;
font-style: italic;
color: #33cccc;
width: 112px;
}

#search:hover {
background: #fff;
}

.go {
display: block;
background: #df8b8b;
border: none;
color: #fff;
font-family: georgia, times new roman, serif;
width: 40px;
margin-left: 75px;
margin-top: 5px;
}

#go:hover {
background: #bf7777;
}




/** powered by **/


div#powered {
margin-top: 15px;
width: 171px;
height: 54px;
background: url("../images/powered.jpg") no-repeat bottom center;
}

div#powered p {
position: relative;
top: 8px;
left: 30px;
font-size: 9px;
font-family: verdana, tahoma, arial, sans-serif;
color: #999;
}







/******** RIGHT BOX *********/



/********* BLOG ************/ 

.codequote{
	background:#000000 none repeat scroll 0% 50%;
	color:#FFFFFF;
	font-family:Georgia,Arial,Helvetica;
	margin:7px;
	padding:7px;
}

div#blog {
float: left;
width: 450px;
margin-top: 10px;	
margin-left:15px;
}

.entry {
margin-bottom: 35px;
position: relative;
}



div.entryheader {
background: url("../images/titleprueba.gif") no-repeat left bottom;
padding-bottom: 10px;
margin-bottom: -5px;
}


div.entry .date {
font-style: italic;
font-size: 15px;
color: #999;
}



a.title {
display: block;	
font-size: 25px;
color: #3399cc;
margin-bottom: 10px;
width: 380px;
text-decoration: none;
}

a.title:hover {
color: #bf7777;
}

h3.title{
font-size: 25px;
color: #3399cc;
margin-bottom: 10px;
text-decoration: none;
}



div.entry p {
padding: 0px 20px 10px 0;
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 5px;
line-height: 19px;
width: 400px;
text-align: justify;
}


/**** LINKS INSIDE PARAGRAPHS ****/
div.entry p  a:link, div.entry p  a:visited {
color: #4C99B7;
}

div.entry p  a:hover {
color: #ffa200;
}






/******* ENTRYLINKS ********/
.entrylinks{
text-align: right;
margin-bottom: 10px;
width: 400px;
color: #99cccc;
font-size: 10px;
}

#qualify a:link, #qualify a:visited {
color: #3399CC;
}

.entrylinks a:link, .entrylinks a:visited  {
color: #3399CC;

}

.entrylinks a:hover, #qualify a:hover {
color: #BF7777;
}




/******** TAGS *********/

div.entry a.tags  {
margin-right: 20px;
font-size: 18px;
}


.tagblock{
border-top: 1px dotted #ffcc99;
width: 400px;
}

div.entry img {
padding: 10px 10px 10px 20px;
}



.next {
font-size: 30px;
float: right;
margin-bottom: 10px;
}
	
.next a:link, .next a:visited{
color: #6699FF;
}

.next a:hover {
color: #66CCFF;
}














/********** ADS **************/




#ad {
float: left;
width: 150px;
margin-left: 20px;
}

#ad img {
margin-top: 30px;
}







/*** FOOTER ***/

div#footer {
margin: auto;
height: 50px;
width: 600px;
border-top: 1px dotted #ccc;
padding: 20px 10px 0 10px;
}


div#footer p {
margin-left: 0px;
font-size: 10px;
text-align: right;
}

span.designer {
font-size: 12px;
color: #ff9999;
font-style: italic;
}

a#designer:hover {
color: #ffcc99;
}


span#copy {
position: relative; 
bottom: 15px;
font-size: 12px;
}