/*
title = Hoja de estilos del diseño magenta_1
status = verbatim
*/
/*******************************************************


CSS for:
http://razonesmagentas.alinome.net
(C) 2008 Marcos Cruz

Layout based on:

Ttile: Fluid One-Column Layout (Basic) V1.0 (Beta)
Date: 20060524
Author: The CSS Tinderbox - http://www.csstinderbox.com

Background image adapted from:

http://www.oswd.org/design/preview/id/2864

Post-it boxes styles based on:

http://www.solucija.com/templates/demo/Happy_Blog/

*******************************************************/



/*******************************************************
General styles */

* {
margin:0;
padding:0;
}

body {
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#888888;
background-image: url(../files/design/magenta_1/background.png);
background-repeat: repeat-y;
text-align:justify;
voice-family: "\"}\"";
voice-family: inherit;
}

p, ul, ol, dl {
margin-top:1em;
}

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

a:visited {
color:#666666;
}

a:hover {
text-decoration:none;
}

blockquote.normal {
margin:0 1em;
padding:0;
/* font-size:.9em; */
/* background-color:#eeeeee; */
/* border-top:1px solid #999999;
border-bottom:1px solid #999999; */
}

blockquote.video p{
margin:.2em;
padding:0;
}

abbr, acronym {
cursor:help;
}

ul.nolist {
list-style:none;
}


/*******************************************************
Accesibility */

.accessibility,
#skiplinks {
display:none;
}


/*******************************************************
Container */

#container{
width:80%;
margin: 1.5em auto;
}


/*******************************************************
Headers */

#header {
text-align:left;
margin:1em 0;
/*
background-image: url(uploads/images/templates/magenta_1/understrike.png);
background-position: bottom left;
background-repeat:no-repeat;
*/
}

h1 { /* site title */
color:#E50083;
margin:0; 
padding:0;
font-size:1.5em;
letter-spacing:-2px;
}

#header img {
float:left;
margin-right:1em;
border:0;
}

#header p { 
margin:0; 
padding:0;
font-size:.9em;
font-weight:bold;
}

#header a {
text-decoration:none;
color:#E50083;
}


h2 /* page title */
{
font-size:2em;
font-weight:normal; 
letter-spacing:-2px; 
margin:0;
text-align:left;
}

/*
hr.section {
margin:1.75em 0 0 0;
}
*/

h3 /* page section */
{
clear:left;
font-size:1.25em; 
font-weight:normal; 
letter-spacing:-1px; 
margin:1em 0 .25em 0;
/* border-top:1px solid #888888; */
border-bottom:1px solid #888888;
}

h4 /* page subsection */
{
font-size:1.1em; 
font-weight:bold; 
letter-spacing:-1px; 
margin:.25em 0 .25em 0;
}

/*******************************************************
Main column */

#content {
/* float:left; */
margin-right:13em;
background-color:#ffffff;
padding:.5em 1.5em;
}

#actualcontent
{
clear:left;
padding-top:1em;
}

/*******************************************************
Side column */

#sidecolumn {
float: right;
width: 13em;
margin-left:-13em;
height: auto;
font-size:90%;
color:#000000;
}

.box {
margin: 0 0 .5em .2em;
padding: 0 0 0 12px;
height: auto;
background: url(../files/design/magenta_1/shadow.png) no-repeat top left;
text-align:left;
}

.boxcontent {
background-color:#dddddd;
height: auto;
padding: 10px;
}

p.boxtitle {
margin:0.5em 0;
color:#E50083;
font-weight:bold;
}

#googlesearch {
text-align:center;
}

/*******************************************************
Lists */

ul {
padding;0;
list-style:none;
}

li {
margin: .2em 0;
}

/***************************************
Breadcrumbs 
*/

#breadcrumbs ul {
	margin: .5em 0 ;
	list-style: none;
	display:inline;
}

#breadcrumbs ul li {
	display:inline;
}

#breadcrumbs ul li:after {
	content: " » ";
}
/*
#breadcrumbs ul li+li {
	border-left: 1px dotted gray;
}
	*/


/*******************************************************
Menu */

.menu ul {
margin:0;
padding;0;
list-style:none;
font-weight:bold;
}

.menu li {
margin: .5em 0;
}

.menu a {
color:#E50083;
text-decoration:underline;
}

/*
.menu a:visited {
color:#666666;
}

.menu a:hover {
text-decoration:none;
}
*/

.menu li.separator {
margin:1em 0;
}

.menu li.sectionheader {
color:#E50083;
}


.menu li.currentpage {
color:#000000;
}

.menu ul ul {
margin-left:1em;
font-size:90%;
}


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

#sponsoredlinks ul,
#sponsoredlinks p {
padding;0;
font-weight:bold;
font-size:90%;
}

#sponsoredlinks p {
color:#E50083;
}

#sponsoredlinks ul {
margin:0 0 0 1em;
list-style:none;
font-size:90%;
}

#sponsoredlinks li,
#sponsoredlinks p {
margin: .5em 0;
}

#sponsoredlinks a {
color:#E50083;
text-decoration:underline;
}

/*******************************************************
Related links */


#toprelatedlinks,
#bottomrelatedlinks{
font-size:90%
}

#toprelatedlinks{
margin:.5em 0 0 0;
}

#bottomrelatedlinks{
margin:1em 0 0 0;
padding-bottom: 1em;
}

#toprelatedlinks .prevlink,
#bottomrelatedlinks .prevlink {
width:48%;
float:left;
text-align:left;
}

#toprelatedlinks .nextlink,
#bottomrelatedlinks .nextlink {
width:48%;
float:right;
text-align:right;
}


/*******************************************************
Footer */

#footer {
clear:both;
padding-top:2em; /* margin useless because of the clear problem */
font-size:.9em;
text-align:right;
}

/*
html>body #footer {
margin-left:2.85em;
margin-right:2.85em;
}
*/


/*******************************************************
Bookmarks */

ul.bookmarks {
clear:left;
margin:0;
padding:0;
list-style:none;
padding-top:2em; /* margin is useless here, maybe because of the upper floating nav bar */
}

ul.bookmarks li{
margin-bottom:1em;
}

ul.bookmarks div.bookmarkstartdate {
font-size:90%;
}

ul.bookmarks div.bookmarklink {
margin-left:1em;
}

ul.bookmarks a{
}

ul.bookmarks div.bookmarkcontent {
margin-left:1em;
}

ul.bookmarks div.bookmarkcontent p {
margin-top:0.5em;
}


/*******************************************************
Formulario */

#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 {
}


/*******************************************************
Breadcrumbs */

ul.SimploBreadCrumbs {
	font-size:90%;
	margin: .5em 0 ;
	list-style: none;
	display:inline;
}

ul.SimploBreadCrumbs li {
	display:inline;
}

ul.SimploBreadCrumbs li:after {
	content: " »";
}
/*
ul.SimploBreadCrumbs li+li {
	border-left: 1px dotted gray;
}
*/


/*******************************************************
Apuntes */

.apunte .postdate {
font-size:90%;
text-align:right;
}

.apunte .summary, .apunte .content {
}


/*******************************************************
Comments */

#comments {
}

#comments table {
}

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

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

/*******************************************************
Media */

.youtube {
margin: 1em 1em 1em 0;
float:left;
}


/*******************************************************
Clear fix */

/* Source: http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
content: " "; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */