/*
title = Style sheet of design alien_1
*/


/* ------------------------------------------------------------
Theme: alien_1
Theme designed for: http://cartasalien.eu/
Description: Custom theme. Based on Fluid Blue 1.0 by Srini G (http://srinig.com). Standards compliant.
Author: Marcos CRUZ
Author's URL: http://alinome.net/
*/

html {
 height:100%; /* needed for IE */
 margin:0;
 padding:0;
}
body {
 height:100%; /* needed for IE */
 margin:0;
 background:#fff;
 color:#444;
 font-size: 1em; /* 62.5% resets 1em to 10px */
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 text-align:left;
}
p {
  text-align:justify;
}
code, code p {
  text-align:left;
}
abbr, acronym {
 cursor:help;
 border-bottom: 0.1em dotted;
}
q { quotes: "\00AB" "\00BB" "\0093" "\0094" }
kbd {
  font-family: 'courier new', courier, monospace;
}
dt {
 font-weight:bold;
}
a { 
 color:#3b3d52;
 text-decoration:underline;
}
a:hover {
 text-decoration:none; 
}
a.external { 
	padding-right: 15px;
	background: url(../files/design/alien_1/out.png) no-repeat scroll right; 
}
h1, h2, h2 a, h3, h4, h5, h6 {
 margin-bottom:0;
 color:#3b3d52;
 text-align:left;
}
h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.6em; margin-top:2em;}
h4 {font-size:1.2em; margin-top:1em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
img {
 border:0;
 margin:5px;
}
input, textarea {
 border:1px solid #aaa;
 font-size:1.2em;
}
.accessibility {
display:none;
}
/* ------------------------------------------------------------
 Layout */

#wrapper {
 min-height:100%;
 margin:1em 1em 0 1em;
 /* Problem with Firefox 2.0.0.3, IE 6 and IE 7.0:
 they don't make the bottom margin here,
 so I got the same effect with the footer border.
 Opera 9.20 works fine.
 */
}
* html #wrapper { 
 height:100%
}
#columns {
 /* Problem with IE 6: it doesn't make the bottom margin here.
 IE 7, Opera 9.20 and Firefox 2.0 do fine.
 I got the same effect with the top footer border.
 */
 margin:1em 0 0 0 ;
 background:transparent url(img/sidebar.gif) repeat-y right top;
 }
#contentcolumn{
 border-right: 1em solid white;
 margin-right: 354px;
 padding:0 ;
}
#sidecolumn{
 float:right;
 width:354px;
 background:#ddd; /* needed in Opera 9.2 and FireFox 2.0 when the content is shorter than the sidebar */
}

/* ------------------------------------------------------------
Header */

#header {
 /* margin:1em; */
 padding:0 ;
 background: #4d4f5e url('../files/logo/cartas_a_alien.jpg') no-repeat right top;
 color:#ddd;
 height:257px;
}
#headertitle {
 margin: 1em 354px 1em 1em;
 padding-right:1em;
}
#headertitle h1 {
 margin:0;
 color:#fff;
}
#headertitle h1 a {
 background:transparent;
 color:#fff;
 text-decoration:none;
}
#headertitle h1 a:hover {
 text-decoration:none;
}
#headertitle p {
 margin:0;
 background:transparent;
 color:#fff;
 font-size:1.1em;
}
#headertitle p a {
 background:transparent;
 color:#fff;
 text-decoration:none;
}
#headertitle p a:hover {
 text-decoration:none;
}
.search {
 float:right;
 position:relative;
 bottom:3em;
 right:5%;
}
.search form {
 margin:0;
 padding:0;
}
.search input {
 display:inline;
 width:218px;
 border:1px solid #ddd;
 margin:0;
 padding:0.2em 5px;
 background:#237ab2;
 color:#ddd;
 font-size:1em;
}

/* ------------------------------------------------------------
 Sidebar menu */

 /*
 Problem with Opera 9.20 to separate the menu list from the top of the sidebar.
 These things doesn't work:
 - top margin or top padding in #sidecolumn #menu;
 - top padding in #sidecolumn;
 - top padding or top-margin in #menu ul.
 - top-margin in #sidecolumn #menu ul>li
 That's why in Opera the menu list is closer to the top of the side bar.
 */

#sidecolumn #langmenuwrapper {
 clear:both;
 text-align:center;
 font-size:1em;
 border-top: 1px solid #cccccc;
 padding:1em;
}
#sidecolumn #langmenu {
 margin: 0 1em;
}
#sidecolumn #menu {
 clear:both;
 margin:1em;
 text-align:center;
 font-size:1em;
}
#sidecolumn #langmenu ul ,
#sidecolumn #menu ul {
 padding: 0;
 margin: 0;
 width:100%;
 list-style: none;
}
#sidecolumn #langmenu ul li,
#sidecolumn #menu ul li { /* (IE 6 doesn't understand li+li) */
 display:block;
 padding:.1em;
 margin-top:0.1em; /* gap between menu options */
 color:#3b3d52;
 background:inherit;
 font-size:1.2em;
 letter-spacing:2px;
}
#sidecolumn #menu ul li.sectionheader p {
 clear: both;
 text-transform:lowercase;
 text-align:center;
 letter-spacing:2px;
}
#sidecolumn #langmenu ul li a,
#sidecolumn #menu ul li a {
 display:block;
 width:100%;
 /*height:100%;*/
}
#sidecolumn #langmenu ul li a:hover,
#sidecolumn #menu ul li a:hover {
 color:inherit;
 background-color:#fff;
 text-decoration:none;
 font-weight:bold;
}
#sidecolumn #langmenu ul li.currentpage ,
#sidecolumn #menu ul li.currentpage { /* (IE 6 doesn't understand li+li) */
 font-weight:bold;
/* color:#3b3d52; */
 color:#cccccc;
 background:#fff;
}

/* ------------------------------------------------------------
Google adSense */

.adsense {
margin-top:1em;
margin-bottom:1em;
text-align:center;
}

/* ------------------------------------------------------------
Google search */

#googlesearch { 
text-align: center;
margin: auto;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 1em;
line-height: 1.3em;
} 
#googlesearch input.radio { 
margin-bottom: 0.5em;
}
#googlesearch input.radio { 
margin: 0.5em;
}
#googlesearch input.submit { 
padding: 0.2em;
}


/* ------------------------------------------------------------
Sponsored links */

#sponsoredlinks { 
text-align: center;
margin: auto;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 1em;
line-height: 1.3em;
} 

#sponsoredlinks p {
 padding:.1em;
 color:#3b3d52;
 background:inherit;
 font-size:1.2em;
 clear: both;
 text-transform:lowercase;
 text-align:center;
 letter-spacing:2px;
}

#sponsoredlinks ul { 
list-style:none;
margin:0;
padding:0;
}

/* ------------------------------------------------------------
Letters */

ul.category {
list-style:none;
margin: .5em 0;
padding: 0;
}

#letter {
}

#categories {
margin-top:2em;
}
#categories p {
display:inline;
margin-right:1em;
}
#categories ul {
list-style:none;
display:inline;
margin: .5em 0;
padding: 0;
}
#categories ul li {
display:inline;
margin-right:1em;
}

div#letternav {
  clear:left;
  padding:1em 0;
}
div.letternavbutton {
  width:49%;
}
div#prevletter {
  float:left;
}
div#nextletter {
  float:right;
}


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

#footer {
 clear:both;
 /* Problem with IE6:
 it doesn't make the bottom margin here.
 Firefox 2.0, IE 7 and Opera 9.20 work fine.
  margin-top:1em;
 The solution is to use the border instead: */
 border-top:1em solid #fff;
 /* Problem with Firefox 2.0:
 it doesn't make the bottom margin here.
 IE 6, IE 7 and Opera 9.20 work fine.
  margin-bottom:1em;
 The solution is to use the border instead: */
 border-bottom:1em solid #fff;
 padding:1em;
 text-align:center;
 font-size:1em;
 background:#4d4f5e;
 color:#ddd;
}
#footer p {
 text-align:center;
 margin:.5em;
 font-size:90%;
}
#footer a {
 color:#aac;
}
#w3c ul
{  
 list-style:none;
 display:inline;
 margin: .5em 0;
 padding: 0;
 font-size:90%;
}
#w3c ul li {
 display:inline;
 margin-right:1em;
}
/*
#w3c ul li a {
 color:inherit;
 background-color:inherit;
}
*/

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

#comments {
 clear:left;
}

/* ------------------------------------------------------------
 Posts (unused) */

p.letterdate { text-align:right; }
.post {
 margin:0 0 4em 0;
 clear:both;
}
p.readmore {
 text-align:right;
 font-size:90%;
}
/*
.post p, .post ol li, .post ul li{
 margin-top:0;
 font-size:1.2em;
 line-height:1.5em;
 text-align:justify;
}
.post li li {
 font-size:1em;
}
.post blockquote {
 padding:0 0 0 2em;
 border-left:0.4em solid #ccc;
 font-size:0.9em;
}
.post blockquote blockquote {
 margin-left:0;
 font-size:1em;
}
.postmetadata {
 margin:1em 0;
 font-size:1em;
 color:#888;
 text-align:justify;
}
*/

/***************************************
Contact form */

#form {
}

form.contact {
  width:30em;
  font-weight: bold;
  margin: 1em auto;
}

form.contact fieldset {
  padding:1em;
  margin-bottom:.5em;
}

form.contact label {
  display:block;
  margin: 1em 0 .5em;
}

form.contact li {
  list-style:none;
}

form.contact fieldset>input {
  width:100%;
  border: 1px solid black;
  margin:0 0 1em 0;
}

form.contact textarea {
  width:100%;
  border: 1px solid black;
  margin:0 0 1em 0;
}
/*
IE 7 no deja hacer flotar hacia la izquierda un botón!
Se puede lograr el mismo efecto haciendo flotar el segundo a la derecha
y cambiando el orden de ambos en el formulario, pero
eso desvirtúa el orden lógico de las tabulaciones
y obliga a especificar tabindex en los elementos del formulario.
Opera 9.10 y Firefox 2 lo hacen bien.
 */
form.contact input.contactclear {
  width:48%;
  float:right;
}
form.contact input.contactsend {
  width:48%;
}
div.contacterror {
  color: white;
  background-color: red;
  font-weight: bold;
  padding:.5em 1em;
  margin:1em 0 1em
}
div.contacterror p, div.contacterror li {
}

div.contactsent {
}