/*
Theme Name: TKO
Theme URI: http://thekindnessoffensive.com
Description: Hopefully colourful. And a bit grungy.
Version: 1.6
Author: Robert Douglas
Author URI: http://anucreative.com/
Tags: orange, fixed width, two columns, widgets
*/

/* Layout */
body { font-size: 62.5%; color: #333; background: #000 url(images/bg-grunge-top-black.png) 50.2% 0.5em no-repeat; text-align: center; }

#page { width: 960px; margin: 0 auto; font-size: 1.8em; line-height: 1.5em; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -khtml-box-shadow: 0 0 10px #000; }

#header { background: #F5F5F5 url(images/bg-grunge-top.png) 0 100% repeat-x; padding: 1em 20px 1em 0; margin-top: 0.5em; position: relative; top: 0; left: 0; }
#contentwrapper { clear: both; background: #FFF url(images/bg-grunge-bottom.png) 0 0 repeat-x; }
#content { float: left;  width: 620px; margin: 20px; }
#sidebar { float: right; width: 260px; margin: 20px; }
* html #sidebar, * html #content { margin: 20px 10px; }
#sponsors { clear: both; background: url(images/bg-grunge-top-white.png) 0 0 repeat-x; padding: 20px; }
#footer { clear: both; }


/* Begin Typography & Colors */
ul, li { margin: 0; padding: 0; list-style-type: none; clear: both; }
li { line-height: 1em; padding-bottom: 0.5em; }

h1, h2, h3 { font-family: Impact, Arial, sans-serif; line-height: 2em; margin: 0; text-transform: uppercase; font-weight: normal; background: #F60 url(images/grungestrip-right.png) 100% 0 repeat; height: 67px; color: #FFF; padding: 0 0.3em; margin-bottom: 0.2em; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.8em; }
	/* Want the links from the homepage to have nice hover states */
	.post h2 { padding: 0; }
	.post h2 a { padding: 0 0.3em; }
h3 { font-size: 1.8em; background-color: #000; }
	
p { margin: 0 0 1em 0; }

a { color: #F60; }
a:visited { color: #F30; }
a:hover { color: #000; }

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited { color: #FFF; }
h1 a:hover, h2 a:hover { color: #000 }
h3 a:hover { background: transparent; color: #F60; }

/* Header */
#logo { float: left; margin-top: -12px; margin-left: -5px; }
#logo:hover { background: transparent; }
.tagline { width: 600px; font-family: Impact, Arial, sans-serif; text-transform: uppercase; font-size: 1.8em; color: #CCC; line-height: 1em; float: left; margin: 0; padding: 0.6em 0.3em 0 0.3em; }
.tagline a { color: #F60; text-decoration: none; }
.tagline a:hover { color: #CCC; }

/* Menu */
#menu { clear: none; float: left; margin: 1em 0 0.5em 0; font-family: Impact, Arial, sans-serif; font-size: 1.2em; text-transform: uppercase; }
#menu li { display: block; float: left; clear: none; margin-right: 1px; }
#menu li a { padding: 0.2em 0.5em; background: #000 url(images/grungestrip-right.png) 97% 95% repeat; color: #FFF; text-decoration: none; letter-spacing: 0.1em; font-weight: 100; }
#menu li a:hover { background-color: #666; }

/* Home */
a.thumbnail { }

/* Posts */
.postdate { color:#FC9; left:31em; margin-bottom:-1.5em; width: 3em; position:relative; top:-2.9em;}
.post img { max-width: 600px; padding: 9px; border: 1px solid #EEE; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }
.aligncenter { display: block; margin: 0 auto; }
.post object {  }

/* Sidebar */
#sidebar a.thumbnail { display: block; width: 60px; height: 45px; float: left; margin: 0 10px 0 0; border: 1px solid #EEE; padding: 3px; background: #FFF; }
#inthenews {  }
#inthenews li { display: block; padding-bottom: 1em; background: url(images/bg-grunge-divider.png) 0 100% no-repeat; }
.mediatype { background: #CCC; color: #FFF; float: left; width: 4em; text-align: center; padding: 1em 0; margin-right: 0.5em; }

a img { border: 0 none; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
/* End Various Tags & Classes*/

/* Colour variations */





/* Hacks */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }