/*
Theme Name: RevvedUp
Theme URI: http://rudd-o.com/projects/revvedup/
Description: The famous RevvedUp theme from Rudd-O.  Please follow the instructions in the included README file after activating this theme.
Version: 1.5.0
Author: Manuel Amador (Rudd-O)
Author URI: http://rudd-o.com/
*/


/* color palette FIXME peinar y revisar todos estos colores */
/*
default text color: #111145;
text color on inputs: #111145;
links / headings / top border of sidebar: #0000b8;
visited links: #606077;
borders for inputs/textareas: #adade3;
input button faces: backgrounded by background-blue.png;
block quote / pre text: #616193;
block quote / pre borders: #adade3;
border for the posts: #afadeb;
post metadata / slugs / comment metadata: #999999;
text for comments: #616193;
top border for sidebar and border for navigation controls placed in content: #0000b8;
border for sidebar: #afadeb;
border for sidebar LI buttons: #afadeb;
background for tooltips: #f1f1fb;
*/

/* include utility and advertising styles */
/* this goes above because the @import statement is REQUIRED to be before all other statements */
@import url(utility-styles.css);
@import url(ad-styles.css);

/* print layout */
@media print {

	html, body {
		margin: 0px;
		padding: 0px;
		background-color: white;
	}

	#header .description { display: none; }
	#header h1 { display: block; font-size: 2.5em; text-align: center;}
	
	#page {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}
	
	#content {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	
	#sidebar {
		display: none;
	}
	
	#footer {
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}

	#pageprintoutinfo {
		display: block;
	}

	#respond-container {
		display: none;
	}

}

/* screen layout */
@media screen {

	html, body {
		margin: 0px;
		padding: 0px;
		background-color: white;
		background-image: url(images/bodybackground.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
	
	#header .description {
		position: absolute;
		right: 65px;
		top: 110px;
		color: #0000b8;
		font-size: 11px;
		font-style: italic;
	}
	
	#header h1 {display: none;} /* hide the header in screen displays */
	
	#page { /*where the background image is placed*/
		background-image: url(images/background.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
		height: 900px; /* a minimum height to show the entire background if the page is too short */
	}
	
	#footer {
		margin-left: 20px;
		margin-right: 450px;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#content {
		margin-left: 20px;
		margin-right: 450px; /* that'll be 410 for the sidebar,
		plus 40px for margins for the sidebar/pageborder and sidebar/content edge */
		margin-top: 125px;
	}
	
	#sidebar {
		position: absolute;
		top: 126px;
		right: 20px;
	}
	
	#pageprintoutinfo {
		display: none;
	}

}

/* typography/colors */

body {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-size: 80%;
	color: #111145;
}

a:link, a:active {
	color: #0000b8;
}

a:visited {
	color: #606077;
}

h1, h2, h3, h4, h5, h6 {
	color: #0000b8;
	font-weight: normal;
}

h1 {font-size: 1.45em}
h2 {font-size: 1.4em}
h3 {font-size: 1.25em}
h4 {font-size: 1.1em}
h5 {font-size: 1em}

/* controls styles */

form {
	margin: 0px;
	padding: 0px;
}

textarea {
	width: 100%;
}

input[type=text], input[type=file], input[type=password], select, textarea {
	border: 1px inset #adade3;
	background: url(images/semitransparent-blue-light.png);
}

input[type=hidden] {
	border: none;
	background: none;
}

input[type=submit], input[type=button] {
	border: 1px outset #adade3;
	background: url(images/semitransparent-blue.png);
	color: #111145;
}

input[type=submit]:active, input[type=button]:active {
	border-style: inset;
}


/* inline styles */


q { quotes: "?" "?" "?" "?"; font-style: italic; }
abbr, acronym { border-bottom: 1px dashed #111145; }
code { font-size: 125%; background: url(images/semitransparent-blue-light.png); }

/* block styles */

.pagetitle { /* the page title for pages like archives and search results */
	text-align: center;
	font-size: 2em;
}
	
hr {
	height: 1px;
	background-color: #adade3;
	border: none;
}

blockquote {
	color: #616193;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background: url(images/semitransparent-blue-light.png);
	border: 1px dashed #adade3;
	-moz-border-radius: 2mm;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-style: italic;
}

/* for the automated quotation linker  */
.blockquotesource { text-align: right; }

pre {
	color: #616193;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background: url(images/semitransparent-blue-light.png);
	border: 1px dashed #adade3;
	-moz-border-radius: 2mm;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	overflow: auto;
	font-size: 125%;
}

blockquote .intermediary-container  {
	background-image: url(images/blockquote-background.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 40px;
}

pre .intermediary-container {
	background-image: url(images/pre-background.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 32px;
}

/* ensure contained elements in blockquotes obey the blockquote's margins */
blockquote > *:first-child, blockquote .intermediary-container > *:first-child {
	margin-top: 0px;
	padding-top: 0px;
}

blockquote > *:last-child, blockquote .intermediary-container > *:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.center { text-align: center; } /* FIXME find out what this is for */

ul { padding-left: 1em; }
ol { padding-left: 1.4em; }


/* post styles */

.post {
	margin-bottom: 3em;
}

.post .storytitle {
	margin-top: 0px;
	margin-bottom: 0px;
}

.postmetadata { /* guess it should be in sync with .commentmetadata */
	color: #999999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	margin: 0px; padding: 0px;
	text-align: left;
	font-size: 1em;
}

.comments-slug { float: left; margin-right: 2em; }
.categories-slug { text-align: right; }
.categories-slug a { white-space: nowrap; }

.entry {
	margin-left: 10px;
}

/* navigation styles */

.navigation {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
.navigation .next {
	display: table-cell;
	text-align: right;
}
.navigation .previous {
	display: table-cell;
	text-align: left;
}

/* content navigation specifics */
#content .navigation {
	font-style: italic;
	margin-top: -1.5em;
 	margin-bottom: 2em;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
#content.searchresults .navigation { /* make it appear below the search box */
	margin-top: 0em;
}
#content .post + .navigation { /* on navigation controls after a post we place top/bottom borders */ 
	border-top: 2px solid #0000b8;
	border-bottom: 2px solid #0000b8;
}
#content .navigation .previous, #content .navigation .next { /* this style declaration is derived from .boxmeup */
	width: 8em;
	font-size: 1.1em;
	line-height: 0.9em;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
}

/* comment styles */

body#commentspopup {
	background: transparent;
	margin: 4px;
}

body#commentspopup #header {
	display: none;
}

body#commentspopup textarea {
	width: 98%; /* work around a IE which shows horz scrollbar on comments popup */
}

.commentmetadata { /* guess it should be in sync with .postmetadata */
	color: #999999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	margin: 0px; padding: 0px;
	text-align: right;
	font-size: 1em;
	margin-top: 0.7em;
}

.commentlist {
	padding-left: 5mm;
}

.commentlist>li {
	background-position: right top;
	background-repeat: no-repeat;
	color: #616193;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	background: url(images/semitransparent.png);
	border: 1px outset #adade3;
	margin-bottom: 1px;
	display: block;
}

.commentlist>li.alt {
	background: url(images/semitransparent-blue-light.png);
	border: 1px outset #adade3;
}

.commentlist>li.stub {
	display: none;
}


/* nice little semitransparent boxes for consumption of the template */
/* REMEMBER: if this changes, you also need to change the themeswitcher styles as well, since those are copies of this */
ul.boxmeup,
#fixed-depth-page-list ul,
#about-this-site ul,
#archives ul,
.pagenav ul,
#popular-articles ul,
#meta ul,
#related-posts ul,
#recent-comments ul,
#recent-posts ul,
#categories ul,
#linkcat-1 ul,#linkcat-2 ul,#linkcat-3 ul,#linkcat-4 ul,#linkcat-5 ul,
#recent-comments-with-excerpts ul
{
	padding-left: 0px;
	padding: 0px;
	margin: 0px;
}
ul.boxmeup li,
#fixed-depth-page-list ul li,
#about-this-site ul li,
#archives ul li,
.pagenav ul li,
#popular-articles ul li,
#meta ul li,
#related-posts ul li,
#recent-comments ul li,
#recent-posts ul li,
#categories ul li,
#linkcat-1 ul li,#linkcat-2 ul li,#linkcat-3 ul li,#linkcat-4 ul li,#linkcat-5 ul li,
#recent-comments-with-excerpts ul li
{
	display: block;
	text-align: left;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px outset #afadeb;
	background: url(images/semitransparent-blue.png);
}
 /* overrides for deeper levels */
ul.boxmeup li ul,
#fixed-depth-page-list ul li ul,
#meta ul li ul,
#categories ul li ul,
.pagenav ul li ul,
#about-this-site ul li ul
{ padding-left: 1.1em; }

ul.boxmeup li ul li,
#fixed-depth-page-list ul li ul li,
#meta ul li ul li,
#categories ul li ul li,
.pagenav ul li ul li,
#about-this-site ul li ul li
{
	display: list-item;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0em;
	padding-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;
	border: none;
	background: transparent;
}


/*********** DIRLIST STYLES **********/

#dirlist td {
vertical-align: top;
}
#dirlist img {
vertical-align: baseline;
border: none;
}

/*********** ENDDIRLIST STYLES **********/


/*********** SIDEBAR STYLES **********/

 /* this is the basic look */
#sidebar {
	background: url(images/semitransparent.png);
	font-size: 0.9em;
	border-top: 2px solid #0000b8;
	padding-bottom: 20px;
}

#sidebar > h1 {
	display: none;
}

/* #sidebar-column-layout { background: url(images/semitransparent.png); } */

/* teh pwn3d two-column layout for the sidebar */
#sidebar-column-layout { display: table; list-style: none; border: none; border-spacing: 0; padding: 0px; margin: 0px; width: 410px; }
.sidebar-column { display: table-cell; list-style: none; border: none; margin: 0px; padding: 0px; vertical-align: top; }
#sidebar-col1 { width: 200px; } /* these three widths add up to 410px */
#sidebar-col3 { width: 200px; }
#sidebar-col2 { width: 10px; }

/* the sidebar section titles */
#sidebar h2 {
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 0.3em;
	margin-left: 0em;
	margin-right: 0em;
	line-height: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* make the containers for the widgets not show bullets */
#sidebar-1 , #sidebar-2, #sidebar .widget {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* tune the first titles directly under the sidebar columns */
#sidebar-1 li:first-child h2, #sidebar-2 li:first-child h2 {margin-top: 0.3em;}

#sidebar-col1 h2 {
	text-align: right;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 1.5em;
}
#sidebar-col3 h2 {
	text-align: right;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 1.5em;
}

#about-this-page h2					{background-image: url(images/icons/about-this-page.png);}
#search-with-navigation h2			{display: none; }
.pagenav h2,
#fixed-depth-page-list h2				{background-image: url(images/icons/pages.png);}
#archives h2,
#calendar-with-archives-link h2		{background-image: url(images/icons/archives.png);}
#categories h2		{background-image: url(images/icons/archives.png);}
#meta h2,
#about-this-site h2					{background-image: url(images/icons/about-this-site.png);}
#rudd-os-wordspew h2				{background-image