/* 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;}
	#header h1 a {text-decoration: none;}
	
	#page {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}

	#content {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	
	#sidebar {
		display: none;
	}
	#sidebar-col1, #sidebar-col3,#page {
		min-height: 100px !important;
	}
	
	#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 {
		margin-left: 20px;
		margin-right: 20px;
	}

	#header .description {
		font-size: 12px;
		font-style: italic;
	}
	
	#page { /*where the background image is placed*/
		margin-left: 20px;
		margin-right: 20px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	#footer {
		margin-left: 230px;
		margin-right: 230px;
		background-color: white;
		text-align: center;
		padding: 10px;
		padding-left: 10px;
		padding-right: 10px;
		-moz-border-radius: 10px;
		margin-top: 20px;
	}
	
	#content {
		margin-left: 230px;
		margin-right: 230px;
		background-color: white;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-moz-border-radius: 10px;
	}
	
	#pageprintoutinfo {
		display: none;
	}

}

/* typography/colors */

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

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

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%;
	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; }
code { font-size: 125%; }

/* block styles */

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

blockquote {
	color: black;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	-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: black;
	margin: 0px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	-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 .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;
	margin-bottom: 1px;
	display: block;
}

.commentlist li { clear: both; }

.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-posts ul,
#meta ul,
#related-posts ul,
#recent-comments ul,
#recent-posts ul,
#categories ul,
#delicious-links ul,
#linkcat-1 ul,#linkcat-2 ul,#linkcat-3 ul,#linkcat-4 ul,#linkcat-5 ul,
#linkcat-6 ul,#linkcat-7 ul,#linkcat-8 ul,#linkcat-9 ul,#linkcat-10 ul,
#rss-1 ul, #rss-2 ul, #rss-3 ul, #rss-4 ul, #rss-5 ul,
#recent-comments-with-excerpts ul
{
	padding-left: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: -10px;
	margin-right: -10px;
}
ul.boxmeup li,
#fixed-depth-page-list ul li,
#about-this-site ul li,
#archives ul li,
.pagenav ul li,
#popular-posts ul li,
#meta ul li,
#related-posts ul li,
#recent-comments ul li,
#recent-posts ul li,
#categories ul li,
#delicious-links ul li,
#linkcat-1 ul li,#linkcat-2 ul li,#linkcat-3 ul li,#linkcat-4 ul li,#linkcat-5 ul li,
#linkcat-6 ul li,#linkcat-7 ul li,#linkcat-8 ul li,#linkcat-9 ul li,#linkcat-10 ul li,
#rss-1 ul li, #rss-2 ul li, #rss-3 ul li, #rss-4 ul li, #rss-5 ul li,
#recent-comments-with-excerpts ul li
{
	display: block;
	padding: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
/* 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;
}


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

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

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


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

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

/* 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;
	-moz-border-radius: 10px;
}
#calendar-with-archives-link #wp-calendar , #sidebar #wp-calendar {width: 100%;}

#calendar-with-archives-link #wp-calendar caption , #wp-calendar caption {
	-moz-border-radius: 10px;
	line-height: 2em;
}

/* 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 #c70518;
}


/* 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 {
	border: none;
	-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;
	border: none;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.themed #bstat_pulse img:hover { /* kewl animation on mouseover */
	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;
	-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;
	border: none;
	-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; }
.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 *************/

