/*  
Theme Name: CSpanish
Theme URI: http://wordpress.org/
Description: 
			Wordpress original design for CodeSpanish.com based in the default theme. 
			Logo designed by Maria Laura Matamoros
Author: Pablo Matamoros
Author Url: www.codespanish.com
Version: 2.0
*/

/* ---- Global styles ---- */

body{
font-size: 80%;
background-color: #000000 ;
text-align: center;
font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
font-size:0.8em;
color:#062971;
}

img{
border:none;
}

a{
text-decoration: underline;
color:#062971;
}

a:visited{
color:#062971;
}

a:hover{
background:#E9E9E9;
text-decoration:none;
color:#666666;
}

h1, h2, h3, h4, h5, h6 {
color:#000000;
}

h2 a{
text-decoration:none;
}

h2 a:hover {
background-color: #E9E9E9;
text-decoration:none;
}

h2 a:visited {
color:#000000;
}

/* ---- End of global styles ---- */

.container {
width:1000px;
margin:auto;
border: 1px solid #000000;
margin-top:10px;
background:#FFFFFF;
}

#header{
background: url(images/header.png) no-repeat left;
height:70px;
width:1000px;
}

/* ---- Tabs menu ---- */

#mainMenu{
position:relative;
top:36px;
clear:right;
font-family: Tahoma;
font-size:12px;
}

#language{
position:relative;
top:10px;
font-size:9px;
padding-right:5px;
clear:right;
}

#mainMenu ul, #language ul{
margin: 0px;
padding: 0px;
white-space: nowrap;
list-style-type: none;
float:right;
}

#mainMenu li{
display: inline-block;
text-align:center;
vertical-align:bottom;
float: left;
background:url(images/tabOff.png) no-repeat center;
width: 86px;
}

#mainMenu a{
width: 86px;
text-decoration: none;
padding-top: 2px;
color: white;
display: block;
height:17px;
font-weight: bold;
}

#mainMenu li a:hover{
display: inline-block;
background:url(images/tabOn.png) no-repeat center;
width: 86px;
color:#666666;
}

#language li{
display: inline-block;
width: 60px;
float: left;
}

#language a{
color:#FFFFFF;
text-decoration:none;
}

#language li a:hover{
display: inline-block;
color:#666666;
background: none;
}

#language img{
vertical-align:middle;
}

/* ---- End Tabs menu ---- */

/* ---- Red Bar --- */
.redBar, .redBarThin
{
background-color:#ef3f35;
height:15px;
clear:both;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
}

.redBarThin
{
height:5px;
}
/* ---- End Red Bar --- */

/* ---- Core ---- */

.core{
width:750px;
float:left;
text-align: justify;
margin-left:25px;
padding-top:0px;
margin-top:0px;
}

html > body .core {
padding-top:20px;
}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding-left: 10px;
	margin-left:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	display: inline;
	}

img.alignleft {
	padding-right: 10px;
	margin-right:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* ---- End Images ---- */

/* ---- Quotes --- */

blockquote {
margin-left:20px;
margin-right:20px;
padding: 2px 5px;
color: #666666;
font-style:italic;
font-weight: bold;
display:block;	
}

/* ---- End Quotes --- */

/* ---- Bullets ---- */

.entry ul{}
html > body .entry ul {
margin-bottom:5px;}

.entry ul li {list-style:none;}
html > body .entry ul li{
list-style-image: url(images/bulletSidebar.gif);
margin-top:5px;
}

.entry ul li li{list-style:none;}
html > body .entry ul li li{ 
list-style-image:none;
margin-left:-25px;
font-style:italic;
font-size:11px;
}

/* ---- Bullets ---- */

/* ---- Comments ---- */

.alt { /*Changes colors of comments */
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

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

.commentmetadata {
margin: 0;
display: block;
}

#commentform p {
margin: 5px 0;
}

#commentform input {
width: 370px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 740px;
padding: 2px;
}

#commentform #submit {
float: left;
width:150px;
}

/* ---- End comments ---- */

/* ---- Foot poster ---- */

#footPost
{
font-size:11px;
background:  #f8f8f8;
padding-bottom:3px;
padding-top:3px;
color:#000000;
line-height:110%;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}
	
#footPost a
{
text-decoration:none;
line-height:100%;
color:#666666;
}

#footPost a:hover
{
background: #CCCCCC;
line-height:110%;
color:#FFFFFF;	
}

#footPost img
{
vertical-align: text-bottom;
padding-left:2px;
}
	
#pagination
{
font-size:10px;
padding-right:4px;
text-align:center;
font-weight:bold;
margin-bottom:10px;
padding-bottom:10px;
}

#pagination a
{
padding-right:5px;
text-decoration:underline;
}

/* ---- End foot poster ---- */

/* ---- Navigation text ----*/
.indexNext a, .indexPrevious a{
background:#666666;
color:#FFFFFF;
border:1px solid #000000;
text-decoration:none;
display:block;
font-weight:bold;
font-size:0.9em;
padding:4px;
font-family: Arial, Helvetica, sans-serif;
}	

.indexNext {
margin-top:20px;
float:right;
margin-right:0px;
}

.indexPrevious {
margin-top:20px;
float:left;
margin-left:0px;
}

.indexNext a:hover, .indexPrevious a:hover
{
color:#666666;
background:#FFFFFF;
border:1px solid #666666;
text-decoration:none;
display:block;
padding:4px;
font-weight:bold;
}
/* ---- Navigation texte ----*/

/* ---- End Core ---- */

/* ---- Format for the sidebar ---- */

.sidebarAdd{
text-align:center;
border-bottom:1px #CCCCCC solid;
padding-top:10px;
padding-bottom:10px;
}

.sidebar{
width:200px;
float:right;
text-align:left;
border-left:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
font-size:11px;
}

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

.sidebar li h2{
background:url(images/top.gif) repeat-x;
border:solid 1px #666666;
font-family: Tahoma;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
line-height:15px;
height:15px;
margin-left:15px;
margin-right:15px;
margin-bottom:10px;
margin-top:15px;
padding-left:2px;
}

.sidebar li li{
list-style-image: url(images/bulletSidebar.gif);
padding-left:0px;
margin-left:35px;
margin-right:15px;
}

html > body .sidebar li li{
margin-left:35px;
}

.sidebar li li a{
text-decoration:none;
color:#666666;
}

.sidebar li li a:hover{
text-decoration:none;
}

.sidebarSuscribe
{
border-bottom:1px #CCCCCC solid;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}

.sidebarSuscribe a {
text-decoration:none;
}

.sidebarSuscribe img {
vertical-align:middle;
padding-right:4px;
}

.sidebarSuscribe a img:hover {
background-color:#FFFFFF;
}

.centeredText
{
text-align:center;
}

/* --- Search form format if included --- */

#searchform{
text-align: center;
padding-bottom:10px;
padding-top:10px;
}

html > body #searchform{
padding-top:5px;
padding-bottom:5px;
}


#s{
font-size:10px;
width: 100px;
}

#searchsubmit{
font-size:10px;
clear:none;
}

/* --- End of Search Form --- */

.postmetadata small{
font-style:italic;
}
/* ---- Format for the sidebar ---- */

/* ---- Footer ---- */

.footer{
border: none;
background-color:#FFFFFF;
clear:both;
text-align:center;
border-bottom:1px #000000 solid;
padding:1px;
line-height:20px;
font-size:12px;
}


/* ---- End footer ----*/

/* ---- Hacks ----*/

* html #language{
}

* html #mainMenu{
}

* html #mainMenu ul, #language ul{
position: relative;
margin: 0px;
padding: 0px;
white-space: nowrap;
list-style-type: none;
}

* html .core, .sidebar {
margin-left:10px;
}

* html .entries {
margin-top:20px;
}