/* =======================
Estilo: Rockwellization
CMS: TextPattern (http://www.textpattern.com)
Versión: 0.2 (20/03/2009 - 00:16)
Autor: Jonathan Emanuel Lewenhaupt
(http://www.jonathanlewenhaupt.com)
======================= */

/* =======================
BASE
======================= */

* {
margin: 0;
padding: 0;
}

#content ul.pagination {margin: 1em auto; padding: 0.5em; text-align: center; background: #f8f8f8;}
#content ul.pagination li {display: inline; font-size: 1em; padding: 0.5em;}
#content ul.pagination li.active {background: #f8f8f8; border: 2px solid #800000;}

body {
background: #fff; /* url(/images/fondo-sangre.jpg) top center no-repeat; */
width: 100%;
display: table;
color: #333;
text-align: center;
font: normal normal 100%/1 Rockwell, Verdana, "Verdana Ref", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif;
}

h1 {
position: relative;
margin: 0.5em auto 0;
padding: 0;
font-family: Rockwell, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
font-weight: bold;
font-size: 435%;
line-height: 150%;
text-transform: uppercase;
background: url(/images/jonathanlewenhaupt.png) top right no-repeat;
letter-spacing: -2px;
}

h2 {
margin: 0 auto;
padding: 0.5em 0 0 0;
font-family: Rockwell, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
font-weight: bold;
font-size: 225%;
line-height: 120%;
text-transform: uppercase;
}

h3 {
margin: 0 auto;
padding: 0.5em 0;
font-family: Rockwell, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
font-weight: bold;
font-size: 150%;
line-height: 100%;
text-transform: uppercase;
}

small, .small {
font-size: 90%;
}

/* =======================
LINKS
======================= */

a {
text-decoration: none;
color: #800000;
background: #fff;
}

a:hover {
text-decoration: none;
color: #BA0000;
background: #fff;
}

h1 a, #foot a {
background: transparent;
color: #000;
}

h1 a:hover, #foot a:hover {
text-decoration: none;
color: #BA0000;
background: #fff;
}

/* =======================
LAYOUT
======================= */

#accessibility {
position: absolute;
top: -10000px;
}

#head {
margin: 0 auto;
padding: 0;
width: 520px;
text-align: left;
}

#content {
margin: 2em auto 0;
padding: 0;
width: 520px;
background: #fff;
text-align: left;
}

#content p {
margin: 0 0 2em 0;
padding: 0;
line-height: 150%;
}

#foot {
margin: 2em auto;
padding: 2em 0 0 0;
clear: both;
border-top: 0.25em solid #f8f8f8;
font: normal normal 100%/1 Rockwell, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

#foot p {
margin: 0;
padding: 0 4em;
line-height: 125%;
}

#foot img {
border: 0;
}

.datos {
background: #fff;
color: #666;
font: normal normal 100%/1 Rockwell, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

#navegacion ol {
margin: 0 auto 2em auto;
padding: 0.75em 0 0 0;
list-style: none;
border-top: 0.75em solid #f8f8f8;
}

#navegacion ol li {
display: inline;
}

#navegacion ol li a {
background: #fff url(/images/a-bg.jpg) top left repeat-x;
color: #fff;
margin: 0;
border: 0.5em solid #f8f8f8;
padding: 0.75em 0.5em;
text-decoration: none;
font: normal bold 110% Rockwell, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
text-transform: uppercase;
}

#navegacion ol li a:hover,
#navegacion ol li a:active {
color: #BA0000;
background: #f8f8f8 url(/images/ahover-bg.jpg) top left repeat-x;;
border: 0.5em solid #800000;

}

#content ul {
margin: 0 auto 2em auto;
padding: 0;
list-style: none;
text-align: left;
line-height: 150%;
}

#content li {
/* list-style-image: url(/images/gota.jpg); */
list-style: circle;
} 

.twitter {
margin: 0;
padding: 2em 2em 0.25em;
background: #f8f8f8;
color: #666;
font: normal normal 100%/1 Rockwell, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

.twitter a {
background: #f8f8f8;
}

/* =======================
COMMENTS
======================= */

.disabled {
display:none;
}

.comments_error {
background-color: #fff4f4;
color: #000;
}

ul.comments_error {
padding: 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

#formulario-comments {
margin: 0;
padding: 0;
}

#formulario-comments p {
margin: 0 0 0.25em 0;
padding: 0;
}

#ayudatextile {
/* margin-left: 3.5em; */
padding: 2em;
background: #f8f8f8;
color: #666;
width: 60%;
font: normal normal 90%/1 Rockwell, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

/* =======================
IMAGES
======================= */

img.centered {
display: block;
margin: 0.75em auto;
padding: 0;
border: 0.5em solid #800000;
}

img.alignright {
float: right;
margin: 0 0 0.75em 0.75em;
padding: 0;
border: 0.5em solid #800000;
}

img.alignleft {
float: left;
margin: 0 0.75em 0.75em 0;
padding: 0;
border: 0.5em solid #800000;
}

/* =======================

TEXTAREAS
======================= */

fieldset {
margin: 0;
padding: 0;
border: 0 solid;
}

legend {
display: none;
}

input, textarea {
margin: 0.5em 0;
padding: 0.25em;
font: normal 120%/1 Rockwell, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, Serif;
background: #fff;
color: #000;
border: 0.75em solid #f8f8f8;
}

input:focus, textarea:focus {
border: 0.75em solid #800000;
}

.button {
font-weight: bold;
text-transform: uppercase;
border: 0.75em solid #f8f8f8;
}

.button:hover {
font-weight: bold;
text-transform: uppercase;
background: #f8f8f8;
color: #800000;
border: 0.75em solid #800000;
cursor: pointer;
}

textarea {
width: 85%;
}

#message {
height: 15em;
}