/*
Theme Name: Orange Ground 4004	
Theme URI: http://beosman.org/
Description: Tema nuevo para el blog de BeOSmAn con azules y naranjas.
Version: 0.1
Date: 2010-01-05
Author: Diego Lago González <beosman@gmail.com>
Author URI: http://beosman.org/
Tags: fixed width, two columns, widgets
*/

html {
	padding: 0;
	margin: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-Serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #E2E5E7;
	background: #E2E5E7 url('./art/body-background.jpg') center top no-repeat;
}

/* -> General */
.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter, .center {
	text-align: center;
}

.alignjustify {
	text-align: justify;
}

.floatright {
	float: right;
}

.floatright.margins {
	margin-left: 5px;
}

.floatleft {
	float: left;
}

.floatleft.margins {
	margin-right: 5px;
}

.clear {
	clear: both;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

.nobreak {
	white-space: pre;
}

code {
	font-family: 'Courier New', Courier, monospace;
	font-size: 1em;
}

abbr, acronym {
	border-bottom: 1px dotted;
}
/* <- general */

/* -> Estructura (parcial; algunos elementos se maquetan completamente en un único sitio) */
div#page {
	border: none;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

div#header {
	border: none;
	margin: 0;
	padding: 0 12px;
	height: 229px;
	overflow: auto;
	background: transparent url('./art/header-background.png') repeat-y top center;
}

div#headerimg {
	margin: 12px 0 0 0;
	height: 195px;
	overflow: auto;
	background: url('./art/header-image.jpg') no-repeat top center;
}

div#header h1 {
	font-size: 5em;
	padding: 0;
	margin: 105px 0 0 20px;
	line-height: 1em;
}

div#header h1 a {
	color: white;
	text-decoration: none;
}

div#header div.description {
	padding: 2px;
	margin: 0 0 0 20px;
	color: white;
	font-size: 1.2em;
}

div#content-wrapper {
	margin: 0;
	padding: 0 12px;
	overflow: auto;
	background: transparent url('./art/body-background.png') repeat-y top center;
}

div#content {
	margin: 12px 0 0 12px;
	width: 700px;
	float: left;
	overflow: auto;
	color: #444444;
}

div.navigation {
	margin: 0;
	padding: 0;
	overflow: auto;
}

div.navigation div.alignleft {
	float: left;
}

div.navigation div.alignright {
	float: right;
}
/* <- estructura */

/* -> Barra lateral */
div#sidebar {
	float: right;
	width: 200px;
	margin: 10px 5px 10px 0;
	padding: 0;
	width: 230px;
	background: url('./art/sidebar-background.png') repeat-y center top;
	color: white;
}

div#sidebar img {
	border: none;
}

div#sidebar div.banner {
	text-align: center;
	padding: 8px;
	margin: 15px auto;
	line-height: 1.2em;
}

div#sidebar div.banner a {
	text-decoration: none;
	color: white;
	padding: 0 4px;
}

div#sidebar div.banner a:hover {
	background: #ED9900 url('./art/link-background.png') center center repeat;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 4px;
}

/* chapuza para poner los bordes de la barra */
div#sidebar div.edge {
	height: 10px;
}

div#sidebar div#top {
	background: url('./art/sidebar-background-top.png') no-repeat top center;
}

div#sidebar div#bottom {
	background: url('./art/sidebar-background-bottom.png') no-repeat bottom center;
}
/* fin de la chapuza */

div#sidebar ul {
	padding: 0;
	margin: 0;
}

div#sidebar ul li {
	list-style-type: none;
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0;
}

div#sidebar ul li h2 {
	font-size: 1.3em;
	font-weight: normal;
	padding: 8px 6px 8px 8px;
	line-height: 1em;
	background: url('./art/heading-background.png') repeat-x left center;
	margin: 5px 0;
}

div#sidebar ul li ul {
	margin: 0 20px 0 40px;
	padding: 0;
}

div#sidebar ul li div {
	margin: 0 15px;
}

div#sidebar ul li ul li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style-image: url('./art/list-item-image-small.png');
}

div#sidebar ul li ul li ul {
	margin-left: 15px;
}

div#sidebar ul li ul li a {
	text-decoration: none;
	color: white;
}

div#sidebar ul li ul li a:hover {
	background: #ED9900 url('./art/link-background.png') center center repeat;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

/* --> Maquetación del widget de Twitter */
div#sidebar li.widget_twitter h2 a {
        color: white;
        background: none;
        text-decoration: none;
}

div#sidebar li.widget_twitter h2 a:after {
	content: "↗";
}

div#sidebar li.widget_twitter a {
	text-decoration: underline;
}

div#sidebar li.widget_twitter a:hover {
        background: #ED9900 url('./art/link-background.png') center center repeat;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

div#sidebar li.widget_twitter abbr {
        font-style: italic;
        color: #CCCCCC;
        font-size: .9em;
	white-space: pre;
}

div#sidebar li.widget_twitter ul {
	margin-left: 30px;
}

div#sidebar li.widget_twitter ul li {
	list-style-image: none;
	margin: 10px 5px 8px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ED9900;
}

div#sidebar li.widget_twitter ul li:last-child {
	border-bottom: none;
}
/* <-- maquetación widget twitter */

/* --> Formulario de búsqueda, no solo en la barra lateral */
div.postsearchform {
	margin: 40px;
}

form#searchform {
	margin: 0;
}

form#searchform div {
	margin: 0;
	padding: 0 10px;
	text-align: center;
	overflow: auto;
}

form#searchform input#s {
	width: 140px;
	padding: 4px;
	border: 1px solid #402916;
	/*background: white url('./art/texto-a-buscar.png') left center no-repeat;*/
}

div#sidebar form#searchform input#s {
	float: left;
	margin-top: 2px;
}

form#searchform input#s:focus {
	background: white;
}

form#searchform input#searchsubmit {
	border: none;
	width: 30px;
	height: 30px;
	padding: 0;
	background: url('./art/find-button.png') bottom center no-repeat;
}

div#sidebar form#searchform input#searchsubmit {
	float: left;
	margin-top: 0;
}
/* <-- formulario de búsqueda */
/* <- barra lateral */

/* -> Enlaces de navegación */
div.navigation a {
	color: #ac4d00;
	font-size: 1.1em;
}

div.navigation a:hover {
	text-decoration: none;
	color: #994200;
	background-color: #ffe5bf;
}
/* <- enlaces de navegación */

/* -> Entradas */

/* --> Entrada */
div.post {
	margin: 0 0 20px 0;
}

div.post h2, div.hentry h2 {
	font-size: 2.7em;
	margin: 10px 0 5px 0;
	line-height: 1.1em;
	padding: 2px 10px;
	color: #233c52;
	background: url('./art/separator.png') center bottom no-repeat;
}

div.hentry h2 {
	/* fondo sólo en los títulos de las páginas */
	background: none;
}

/* específico para enlaces de edición (de páginas inicialmente) */
a.post-edit-link {
	color: #ac4d00;
	font-size: 1.1em;
}

a.post-edit-link:hover {
	text-decoration: none;
	color: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ED9900 url('./art/link-background.png') left top repeat;
}
/* fin de específico */

div.post h2 a, div.hentry h2 a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #233c52;
	text-decoration: none;
}

div.post h2 a:hover, div.hentry h2 a:hover {
	color: white;
	background-color: #233c52;
}

div.post div.postinfo, div.hentry div.postinfo {
	font-size: 1.2em;
	margin: 0 0 0 8px;
	display: block;
	padding: 7px 8px;
	color: white;
	background: url('./art/section-heading-2.png') left center no-repeat;
}

div.post div.postinfo span.date, div.hentry div.postinfo span.date {
	padding-left: 20px;
	background: url('./art/calendar.png') no-repeat left center;
}

div.post div.postinfo span.author, div.hentry div.postinfo span.author {
	padding-left: 20px;
	background: url('./art/author.png') no-repeat left center;
}

div.entry {
	margin: 0 20px;
	overflow: auto;
}

div.entry p {
	font-size: 1.5em;
	/*text-indent: 20px;*/
	margin: 20px 10px 10px 0;
	line-height: 1.4em;
}

div.entry p.download {
	font-size: 1.5em;
	text-align: center;
	padding: 6px 20px;
	border: 1px solid #DDDDDD;
	background: #F1F1F1 url('./art/download-background.png') center center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.entry p.download a {
	text-decoration: none;
}

div.entry h3 {
	color: #233c52;
	font-size: 1.8em;
	border-bottom: 1px dotted #233c52;
}

div.entry h4 {
	color: #233c52;
	font-size: 1.6em;
}

div.entry em {
	color: #555555;
}

div.entry strong {
	color: #222222;
}

div.entry del {
	color: #777777;
}

div.entry ins {
	color: #222222;
}

div.entry code {
	font-size: 1em;
	background: #EAEAEF;
}

div.entry code a, div.entry a code {
	background: transparent;
}

div.entry code a:hover, div.entry a:hover code, div.entry a:hover em, div.entry em a:hover {
	color: white;
}

div.entry dl {
	font-size: 1.5em;
	color: #606060;
}

div.entry dl dt {
	color: #222222;
	font-style: italic;
}

div.entry table {
	font-size: 1.3em;
	border: 1px solid #888888;
	border-collapse: separate;
	border-spacing: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-raduis: 3px;
	background: #EEEEEE;
}

div.entry table thead td, div.entry table thead th {
	background: #444444 url('./art/table-header-background.png') repeat-x left center;
	color: white;
	padding: 0 4px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-raduis: 3px;
}

div.entry table td {
	border: 1px solid #888888;
	padding: 1px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-raduis: 3px;
	background: white;
}

div.entry blockquote {
	font-size: 1.8em;
	margin: 15px 0 0 0px;
	padding: 1px 0 1px 60px;
	/*border-left: 5px solid silver;*/
	color: gray;
	font-family: Georgia, 'Times New Roman', Times, serif;
	background: url('./art/blockquote-background.png') top left no-repeat;
}

div.entry blockquote.small {
	font-size: 1.2em;
}

div.entry blockquote p {
	text-indent: 0;
	line-height: 1.2em;
}

div.entry blockquote strong, div.entry blockquote p strong {
	color: #666666;
}

div.entry a, div.entry a em, div.entry a strong, div.entry a code {
	color: #ac4d00;
}

div.entry a:hover {
	text-decoration: none;
	color: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ED9900 url('./art/link-background.png') left top repeat;
}

div.entry ul, div.entry ol {
	font-size: 1.5em;
	margin: 10px 0 10px 15px;
	padding: 0 22px;
}

div.entry ul {
	list-style-image: url('./art/list-item-image.png');
}

div.entry ul li > ul, div.entry ol li > ul, div.entry ul li > ol, div.entry ol li > ol {
	font-size: 1em;
	margin: 4px 0 4px 0;
}

div.entry img {
	border: none;
}

div.entry a img {
	border: none;
}

/* ---> Excerpt */
div.excerpt {
	color: gray;
	font-size: .8em;
	overflow: hidden;
	max-height: 80px;
	position: relative;
}

div.excerpt div.gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('./art/entry-background.png') bottom center no-repeat;
}

div.excerpt p {
}
/* <--- excerpt */

/* ---> Metadata */
div.post div.postmetadata, div.entry div.postmetadata, div.hentry div.postmetadata {
	text-indent: 0;
	line-height: 1.3em;
	padding: 4px 15px;
	margin: 20px 0;
	color: #666666;
	font-size: 1.2em;
	text-align: right;
	background: url('./art/separator.png') top center no-repeat;
}

div.entry div.postmetadata {
	text-align: left;
}

div.post div.postmetadata a, div.entry div.postmetadata a, div.hentry div.postmetadata a {
	color: #ac4d00;
}

div.post div.postmetadata a:hover, div.entry div.postmetadata a:hover, div.hentry div.postmetadata a:hover {
	text-decoration: none;
	color: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ED9900 url('./art/link-background.png') left top repeat;
}
/* <--- metadata */

/* ---> Errores */
h2.error404 {
	color: white;
	background: url('./art/section-heading-2.png') center center no-repeat;
	padding: 10px 0;
	font-weight: normal;
	font-size: 1.7em;
}
/* <--- errores */

/* <-- entrada */

/* --> Comentarios */

span.categories {
	padding-left: 20px;
	background: url('./art/tag.png') left center no-repeat;
}

span.comments-link {
	padding-left: 20px;
	background: url('./art/comment.png') left center no-repeat;
}

h3#comments {
	color: white;
	margin: 0 0 0 4px;
	font-weight: normal;
	font-size: 1.3em;
	background: url('./art/section-heading.png') no-repeat left center;
	border: 1px solid white;
	padding: 8px;
}

ol.commentlist {
}

ol.commentlist li {
	list-style-type: decimal-leading-zero;
	color: silver;
	font-size: 3em;
	margin: 0 20px 0 25px;
	padding: 0 10px;
}

ol.commentlist li a {
	color: #ac4d00;
}

ol.commentlist li a:hover {
	text-decoration: none;
	color: #994200;
	background-color: #ffe5bf;
}

ol.commentlist li.thread-even {
	/*background-color: #FFF5E2;*/
}

ol.commentlist li div {
	border: none;
	padding: 0;
	margin: 0;
}

ol.commentlist li div.comment-body {
	font-size: .4em;
	overflow: auto;
	padding: 12px 0 0 0;
}

ol.commentlist li div.comment-body p {
	margin: 13px 40px 13px 10px;
	padding: 0 0 0 10px;
	color: #444444;
	font-size: 1.1em;
}

ol.commentlist li span.says {
	display: none;
}

ol.commentlist li div.comment-author {
}

ol.commentlist li div.comment-author img.avatar {
	float: right;
	margin: 0;
	padding: 8px 10px 14px 10px;
	background: url('./art/avatar-background.png') center center no-repeat;
}

ol.commentlist li div.comment-author cite {
	font-size: 1.2em;
	color: black;
	padding-left: 20px;
	background: url('./art/author-icon.png') no-repeat left center;
}

ol.commentlist li div.comment-meta {
	border-bottom: 1px solid #DDDDDD;
}

ol.commentlist li div.comment-meta a {
	font-size: .9em;
	text-decoration: none;
	background: url('./art/comment-time.png') no-repeat left center;
	padding-left: 20px;
}

div#respond {
	font-size: 1.1em;
	border: none;
}

div#respond h3 {
	color: white;
	font-weight: normal;
	font-size: 1.3em;
	background: url('./art/section-heading.png') no-repeat left center;
	border: 1px solid white;
	padding: 8px;
}

div#respond span.info {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0 3px;
	border-bottom: 1px dotted;
	cursor: help;
	background-color: #FFE3B2;
}

div#respond span.required {
	color: red;
	font-weight: bold;
	border-bottom: 1px dotted;
	padding: 0 2px;
	background-color: #FFE1E1;
	cursor: help;
}

div#respond p {
	padding: 0;
	margin: 5px 10px;
}

div#respond form div.allowed-tags {
	border-left: 1px dotted #AB4800;
	width: 250px;
	float: right;
	font-size: 1.1em;
	padding: 3px 10px;
	margin: 0 0 20px 5px;
	float: right;
	color: #555555;
	line-height: 1.1em;
}

div#respond form {
}

div#respond form label {
	font-size: 1.1em;
	display: block;
	width: 10em;
	float: left;
	padding: 0 .4em;
	text-align: right;
}

div#respond form input[type="text"] {
	width: 200px;
	border: 1px solid #AB4800;
	padding: 3px 40px 3px 3px;
}

div#respond form input#author {
	background: url('./art/input-user-background.png') no-repeat 205px center;
}

div#respond form input#email {
	background: url('./art/input-email-background.png') no-repeat 205px center;
}

div#respond form input#url {
	background: url('./art/input-url-background.png') no-repeat 205px center;
}

div#respond form textarea {
	padding: 3px;
	font-size: 1.3em;
	font-family: 'Trebuchet MS', Helvetica, Tahoma, sans-serif;
	width: 660px;
	border: 1px solid #AB4800;
}

div#respond form input[type="submit"] {
	color: white;
	border: none;
	padding: 8px 35px 8px 15px;
	background: url('./art/send-button-background.png') no-repeat bottom center;
}

div#respond form input[type="submit"]:hover {
	background: url('./art/send-button-background.png') no-repeat top center;
}

form#commentform a {
	color: #ac4d00;
}

form#commentform a:hover {
	text-decoration: none;
	color: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ED9900 url('./art/link-background.png') left top repeat;
}

/* ---> Captcha  
div#respond div#zrx_captcha {
	text-align: right;
	overflow: auto;
	float: left;
	margin: 0 0 0 40px;
}
div#respond div#zrx_captcha div {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin: 0;
	padding: 0;
}
div#respond div#zrx_captcha div small {
	padding: 2px 5px;
}
div#respond div#zrx_captcha table {
	float: right;
	margin: 0;
	padding: 0;
}
div#repond div#zrx_captcha table td {
	padding: 0;
}
div#respond div#zrx_captcha input {
	width: 80px;
}
div#respond div#zrx_captcha img {
	border: none;
	margin: 0;
	padding: 0;
}
 <--- captcha */

/* <-- comentarios */

/* --> Archivo */
h2.category-archive-title {
	text-align: center;
	background: url('./art/section-heading.png') top center no-repeat;
	color: white;
	padding: 5px 20px 5px 20px;
	font-weight: normal;
}
/* <-- archivo */

/* <- entradas */

/* -> Pie */
div#footer {
	margin: 0 0 0 0;
	clear: both;
	background: transparent url('./art/footer-background.png') no-repeat top center;
	border: none;
	padding: 40px 20px 20px 20px;
	color: #747D85;
}

div#footer p {
	margin: 0;
}

div#footer a {
	color: #ac4d00;
}

div#footer a#rssposts, div#footer a#rsscomments {
	margin: 2px 4px;
	text-decoration: none;
	float: right;
	padding-left: 20px;
	background: url('./art/rssicon.png') left center no-repeat;
}

div#footer a:hover {
	text-decoration: underline !important;
	color: #d58200;
}

/* <- pie */

/* -> Formateo específico de contenido */
div.source, div.console {
	white-space: pre;
	font-family: 'Courier New', Courier, monospace;
	overflow: auto;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 0em;
}

div.entry div.source p, div.entry div.console p {
	padding: 0;
	margin: 0;
	line-height: .5em;
	margin-top: 14px;
}

div.entry ul .console, div.entry ol .console {
	font-size: 1em !important;
	line-height: 1.2em;
	margin: 4px auto;
}

div.source {
	background: #EFEFEF url('./art/source.png') 6px 10px no-repeat;
	padding-left: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
}

.console, p.terminal /* terminal is legacy */ {
	font-family: 'Courier New', Courier, monospace;
	overflow: auto;
	color: white;
	padding-left: 30px;
	background: #1A2F42 url('./art/console.png') 6px 10px no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid black;
}

p.console, .terminal {
	padding: 7px 0 7px 30px;
	line-height: 0;
	font-size: 1.3em !important;
}

p.console.nowrap {
	white-space: pre;
}

.console strong, .terminal strong, .console code, .terminal code, .console strong code, .terminal strong code {
	color: white !important;
}

div.entry img.image, div.entry p img.image {
	border: 1px solid silver;
	padding: 2px;
}

/* --> Source code */
span.comment {
	color: gray;
}

span.keyword {
	color: navy;
}

span.string {
	color: fuchsia;
}

span.number {
	color: red;
}

span.directive {
	color: darkgreen;
}
/* <-- source code */
/* <- formateo */

/* -> Legacy */
p.blockquoteparagraph {
	text-align: right;
	color: #777777;
}

p.imageparagraph {
	text-align: center;
}

div.terminal {
	white-space: pre;
	font-family: 'Courier New', Courier, monospace;
	overflow: auto;
	margin: 0;
	padding: 0 0 10px 0;
	background: #EFEFEF url('./art/source.png') 6px 10px no-repeat;
	padding-left: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	font-size: 1.2em;
	line-height: .7em;
}

div.terminal p {
	line-height: .5em;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: .9em;
}
/* <- legacy */