/*
Theme Name: Burnin' R
Theme URI: http://rudd-o.com/projects/burninr/
Description: A hot new fluid 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 */
/*
page background color: #25887c;
default text color: black;
links : #25887c;
visited links: #7d2a27;
sidebar background: #a7d4cf;
block quote / pre text: black
block quote / pre borders: #25887c;
post metadata / slugs / comment metadata: #999999;
text for comments: black
top border for sidebar and border for navigation controls placed in content: #25887c;
border for sidebar: none
border for sidebar LI buttons: #25887c;
border for sidebar LI light border: #ef7581;
background for tooltips: #a7d4cf;
*/

/* 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);
@import url(solar-horiz.css);

/* print layout */
@media print {

	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;
	}



.underconstruction {
	background-color: blue;
	text-align: center;
	color: purple;
	position: absolute;
	top: 0px;
}

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

	.themed #story-pulse {
		display: none;
	}

}

/* screen layout */
@media screen {

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

	#header {
		background-color: #a7d4cf;
		background-image: url(images/cv-007-26x158.jpg);
		height: 130px;
		margin-left: 20px;
		margin-right: 20px;
		border-right: 1px solid black;
		border-left: 1px solid black;
	}
	#header .corner-deco {
		display: block;
		height: 60px;
		width: 60px;
		position: absolute;
	}
	#header .floatright {
		right: 17px;
		top: 0px;
		background: url(images/cv-007b-17x32.jpg);
		background-position: top right;
		background-repeat: no-repeat;
	}
	#header .floatleft {
		left: 17px;
		top: 0px;
		background: url(images/cv-007a-17x32.jpg);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
		#header .flash {
		position: absolute;
		right: 25px;
		top: 20px;
		clear: both;
		border: 1px solid #cccccc !important;
		margin: 9px;
		padding: 0px;
		/*background-color: #FFFFFF;*/
		}


	#headerimg {
		background-image: url(images/cv-006b-647x158.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		height: 158px;
	}
	
	#header .description {
		position: absolute;
		left: 55%;
		top: 142px;
		color: white;
		font-size: 12px;
		font-style: italic;
	}
	
	#header h1 {display: none;} /* hide the header in screen displays */
	
	#page { /*where the background image is placed*/
		margin-left: 20px;
		margin-right: 20px;
		background-color: #a7d4cf;
		border-right: 1px solid black;
		border-left: 1px solid black;
		border-bottom: 1px solid black;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		padding-bottom: 6px; /*cataldo, from footer*/
		margin-bottom: 20px; /* cataldo note-- no difference*/
	}

	#footer {
		margin-left: 200px;
		margin-right: 200px;
		background-color: white;
		text-align: center;
		padding: 10px;
		padding-left: 10px;
		padding-right: 10px;
		-moz-border-radius: 10px;
		margin-top: 6px; // cataldo, down from 20
	}
	
	#content {
		margin-left: 200px;
		margin-right: 200px;
		min-height: 385px; /* for the R watermark */
		background-color: white;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-moz-border-radius: 10px;
		/*background-image: url(images/content-background.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center 170px;*/
	}
	
	#pageprintoutinfo {
		display: none;
	}

}

/* typography/colors */

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

a:link, a:active {
	color: #333333;
}

a:visited {
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

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

/* controls styles */

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

textarea {
	width: 100%;
	background: transparent;
}

input[type=text], input[type=file], input[type=password], select, textarea {
}

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

input[type=submit], input[type=button] {
}

input[type=submit]:active, input[type=button]:active {
}


/* inline styles */

q { quotes: "«" "»" "‹" "›"; font-style: italic; }
abbr, acronym {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
code { font-size: 125%; background: url(images/cv-008-39x22.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: #25887c;
	border: none;
}

blockquote {
	color: #306363;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	/*font-style: italic;  //cataldo */
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}

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

pre {
	color: black;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background: url(images/cv-008-39x22.png);
	border: 1px dashed #25887c;
	-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; margin-left: 0px; }
ol { padding-left: 1.4em; margin-left: 0px; }


/* 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: 1em; }
.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 #25887c;
	border-bottom: 2px solid #25887c;*/
}
#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: white;
	/*background-image: url(images/content-background.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;*/
	margin: 4px;
}

body#commentspopup #header {
	display: none;
}

textarea#comment {
	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: 0mm;
}

.commentlist>li {
	background-position: right top;
	background-repeat: no-repeat;
	color: black;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	background: transparent;
	border: 1px outset #25887c;
	margin-bottom: 1px;
	display: block;
}

.commentlist li { clear: both; }

.commentlist li.alt {
	background: url(images/cv-008-39x22.png);
	border: 1px outset #25887c;
}

.commentlist li.stub {
	display: none;
}


/* nice little boxy 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;
	margin-left: -10px;
	margin-right: -10px;
	text-decoration: none;
}
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;
	padding: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	/*border-top: 1px solid #25887c;*/
	/*border-bottom: 1px solid black; cataldo - also hover below*/
	text-decoration: none;
}
ul.boxmeup li:hover,
#fixed-depth-page-list ul li:hover,
#about-this-site ul li:hover,
#archives ul li:hover,
.pagenav ul li:hover,
#popular-articles ul li:hover,
#meta ul li:hover,
#related-posts ul li:hover,
#recent-comments ul li:hover,
#recent-posts ul li:hover,
#categories ul li:hover,
#linkcat-1 ul li:hover,#linkcat-2 ul li:hover,#linkcat-3 ul li:hover,#linkcat-4 ul li:hover,#linkcat-5 ul li:hover,
#recent-comments-with-excerpts ul li:hover
{
	background-color: #D0E8E6;
	/* border-bottom: 1px solid #25887c; cataldo */
}
/* 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: 0px; margin-left: 0px; margin-top: 8px }

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: block;
	list-style-type: none;
}

ul.boxmeup li:hover ul li:hover,
#fixed-depth-page-list ul li:hover ul li:hover,
#meta ul li:hover ul li:hover,
#categories ul li:hover ul li:hover,
.pagenav ul li:hover ul li:hover,
#about-this-site ul li:hover ul li:hover
{
	background-color: #a7d4cf;
	border-top: 1px solid #ef7581;
	border-bottom: 1px solid black;
}
ul.boxmeup li:hover ul li
#fixed-depth-page-list ul li:hover ul li,
#meta ul li:hover ul li,
#categories ul li:hover ul li,
.pagenav ul li:hover ul li,
#about-this-site ul li:hover ul li
{ /* using this we remove the annoying black lines */
	border-top: 1px solid #25887c;
	border-bottom: 1px solid #25887c;
}

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

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

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


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

 /* this is the basic look */

#sidebar {
	color: #238f82;
}

#sidebar a {
	color: #238f82;
	text-decoration: none;
}

#sidebar a:hover {
	color: #333333;
	text-decoration: none;
}

/* teh pwn3d surround layout for the sidebar */
#sidebar-col1, #sidebar-col3 {
	width: 170px;
	position: absolute;
	top: 158px;
	-moz-border-radius: 10px; 	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ddf3f0;
}

#sidebar-col1 { left: 25px; } /* cataldo: from 35px to 25px */
#sidebar-col3 { right: 25px; }

/* 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: 0em;}

#sidebar-col1 h2 {
	text-align: left;
}
#sidebar-col3 h2 {
	text-align: right;
}

/* not show the title for the search box */
#search-with-navigation h2			{display: none; }

/* the sidebar section subtitles */
#sidebar h3 {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* archives section layout */
#calendar-with-archives-link #calendar-container, #sidebar li#calendar {
	text-align: center;
	padding: 1em;
	border: 1px inset #25887c;
	-moz-border-radius: 10px;
	background-color: #7DBFB9;
}
#calendar-with-archives-link #wp-calendar , #sidebar #wp-calendar {width: 100%;}
#calendar-with-archives-link #wp-calendar #today, #sidebar #wp-calendar #today {
	border: 1px outset #8c000e;
	background-color: #4D9B94;
}

#calendar-with-archives-link #wp-calendar caption , #wp-calendar caption {
	border: 1px outset #25887c;
	-moz-border-radius: 10px;
	line-height: 2em;
	background-color: #a7d4cf;
}

/* searchform overrides for the sidebar */
#sidebar .searchform input[type=text] {width: 80px;}
#sidebar .searchform input[type=submit] {width: 70px;}


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



/******** SEARCHFORM AND SEARCHPAGE STYLING ********/

.searchform {
	margin-left: auto; margin-right: auto;
	display: table;
	padding-left: 21px;
	background-image: url(images/icons/search.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.searchresults .post .storytitle {
	font-size: 1.2em;
}
.searchresults .post {
	/*override to make it take less space in search results */
	margin-bottom: 2em;
}



/* ************* END SEARCHFORM STYLING ************* */




/************** THEMED OVERRIDES FOR PLUGINS *************/

/* gravatar override */
.themed .gravatar {
	float: left;
	margin-right: 0.7em;
	margin-bottom: 0.5em;
	border: 1px inset #25887c;
}


/* canary override */
.themed .loading {
	background: url(../../plugins/CanaryComment/blue_spin.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


/* jp_bct override */
.themed div#bct {
	display: inline;
}


/* fancytooltips overrides */
.themed div.fancytooltip {
	background-color: #8c000e;
	border: none;
	color: white;
	-moz-opacity: 0.8;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 2mm;
	-moz-border-radius-topright: 2mm;
	font-size: 1em;
}
.themed div.fancytooltip p {
	font-size: 1em;
}
.themed div.fancytooltip p.destination {
	font-size: 0.8em;
}


/* bsuite overrides */
.themed #bstat_pulse {
	text-align:center;
	border: none;
} 
.themed #bstat_pulse img {
	display:inline; vertical-align: middle;
	background: url(images/cv-008-39x22.png); border: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border-top: 1px solid #25887c;
	border-bottom: 1px solid #25887c;
}
.themed #bstat_pulse img:hover { /* kewl animation on mouseover */
	border-left: 1px solid #25887c;
	border-right: 1px solid #25887c;
	width: 2px;
}
.themed .hl0 { background-color: #FFFF99 }
.themed .hl1 { background-color: #FF99FF }
.themed .hl2 { background-color: #99FFFF }
.themed .hl3 { background-color: #FF9999 }
.themed .hl4 { background-color: #9999FF }

/* the style for the div that lists the hightlighted words - this is a nearly identical but more specific copy of the class information with a nice icon */
.themed .bstat_hilite {
	padding: 1em;
	background: #ecd6d6;
	border: 1px dashed #25887c;
	-moz-border-radius: 2mm;
	margin: 1em 0em 1em 0em; background-image: url(images/highlight.png);
	background-repeat: no-repeat; background-position: 1em 1.0em; padding-left: 2.7em;
}
.themed .searchresults .bstat_hilite {
	display: none; /* hide the highlighting box in search results because it does not look good */
}


/* quicktags overrides */
.themed #comment_quicktags {
	text-align: left;
}
/* Button Style */
.themed #comment_quicktags input.ed_button {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	width: auto;
}
/* Button Style on focus/click */
.themed #comment_quicktags input:focus.ed_button {
	background: #FFFFFF;
	border: 1px solid #686868;
}
/* Button Lable style */
.themed #comment_quicktags #ed_strong {
	font-weight: bold;
}
/* Button Lable style */
.themed #comment_quicktags #ed_em {
	font-style: italic;
}


/* jalenack's wordspew shoutbox */
.themed #chatoutput {
	margin-top: 1.3em;
	font: 1em Tahoma, Arial, helvetica, sans-serif;
	background: #25887c;
	border: none;
	border-top: 1px inset #25887c;
	border-left: 1px inset #25887c;
	-moz-border-radius-topleft: 10px;
	width: 168px;
	overflow: auto;
}
.themed #chatoutput #usersOnline { font-size: 1em; text-align: center; font-style: italic; padding-bottom: 3px; padding-top: 2px; }
.themed #chatoutput #lastMessage { padding-bottom: 2px; border-bottom: 3px dotted #8c000e; }
.themed #chatoutput span, .themed #chatoutput a {color: white;} /* override colors */
.themed #chatoutput, .themed #chatoutput ul#outputList li {color: white ;} /* override colors */
.themed #chatForm input, .themed #chatForm textarea {display: inline;margin: 0;padding: 0;}
/* unfuck what the author fucked up in the first place */
.themed #chatForm input[type=hidden] { display: none; }

.themed  #chatForm input#submitchat {
	width: 28%;
	margin: 0;
	padding: 0;
}

.themed  #chatForm input#submitchat:active {
	border-style: inset;
}




.themed  #chatForm input[type=text] {width: 67%;margin: 0;padding: 0;}


/* subscribe me style overrides */

.themed .sem_subscribe_me {
	display: block;
	text-align: right;
	margin-bottom: 1em;
}

.themed .sem_subscribe_me h2 {
	display: none;
}

.themed .sem_subscribe_me ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.themed .sem_subscribe_me ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 90px;
}

/* sociable overrides */

#sociable-links {
	white-space: nowrap;
}

#sociable-links a {
	margin-right: 4px;
}

#sociable-links a img { /* override to make sociable images not appear with a border */
	border: none;
}

/* technorati tag override for autometa plugin */
.technorati {
	display: none;
}

/* override for cc-configurator licensing information after posts and pages */

#license-slug { /* derived from .postmetadata */
	color: #999999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 1em;
}

#license-slug img {
	float: right;
	margin-left: 4px;
}

#g2-block { } /* style for the gallery2 block on the sidebar */

/************** END THEMED OVERRIDES FOR PLUGINS *************/

/* Bradley Add Ons */

#solar {
	margin-left: 230px;
	margin-bottom: 5px;
}

.entry img, .entry img a, .entry img a:link, .entry img a:visited {
	clear: both;
	border: 1px solid #cccccc !important;
	margin: 9px;
	padding: 5px;
	background-color: #FFFFFF;
	position: relative;
}

#bread {
	padding-left: 15px;
}