/*  
Theme Name: Technokinetics
Theme URI: http://www.technokinetics.com/
Description: A dark theme with bright accent colours and a hi-tech look and feel
Author: Tim Holt
Author URI: http://www.technokinetics.com/
Version: 2.0
*/

/* General */
* { margin: 0; padding: 0; }
body { font-family: arial, sans-serif; font-size: 100%; /* Reins in IE text resizing */ background-image: url(images/bgbody.gif); }
h1, h2, h3, h4, h5, h6 { padding: 10px; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h3, h4, h5, h6 { font-size: 1em; }
p { padding: 10px; font-size: 0.9em; line-height: 1.5em; }
ul, ol {}
blockquote { font-size: 0.8em; }
code { }
a img { border: none; }
a:link { color: #ccc; }
a:visited { color: #ccc; }
a:hover { color: #ccc; }
a:active { color: #ccc; }
.alignleft { float: left; }
.alignright { float: right; }
.clearfix { clear: both; }

/* Header */
#topbar { height: 80px; background: url(images/bgheader.png) left 10px repeat-x; }

#header { margin: 0 auto; width: 960px; height: 80px; }
	#header h1 { float: right; position: relative; padding: 0; width: 350px; height: 80px; font-family: 'century gothic'; font-weight: normal; color: #fff; }
	#header span { position: absolute; width: 350px; height: 80px; background: url(images/bgtitle.png) right top no-repeat;}

	/* Topnav */
	ul#topnav { float: left; margin-top: 10px; padding: 15px 0; width: 600px; height: 40px; background: url(images/bgnavdivider.png) left 15px no-repeat; list-style: none; }
	ul#topnav li { float: left; font-family: 'century gothic'; background: url(images/bgnavdivider.png) right top no-repeat; }
	* html ul#topnav li { display: inline; }
	* html ul#topnav a { width: 75px; }
	ul#topnav a { display: block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 0.9em; text-decoration: none; }
		li.type1 a { color: #6f0; }
		li.type2 a { color: #ff0; }
		li.type3 a { color: #0c9; }
		li.type4 a { color: #f90; }
	ul#topnav a:hover { text-decoration: underline; background: url(images/bgnav.png) left top repeat-x; }

/* Main */
#main { margin: 0 auto; padding-bottom: 10px; width: 960px; }

	/* Sidebar */
	#sidebar { float: right; padding: 10px; width: 330px; background: #080808; list-style: none; }
	#sidebar h3 { font-family: 'century gothic'; font-weight: normal; color: #ff0; border-bottom: 1px solid #181818; }
	#sidebar p { font-size: 0.8em; color: #ccc; }
	#sidebar p a { color: #fff; }
	#sidebar ul { list-style: none; }
	
	#welcome { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #181818; }
	
	#sidebar1 { float: left; width: 160px; }
		#sidebar1 .type1 h3 { color: #6f0; }
		#sidebar1 .type1 a:hover { color: #6f0; background-image: url(images/bulletgreen.gif); }
		#sidebar1 .type2 h3 { color: #ff0; }
		#sidebar1 .type2 a:hover { color: #ff0; background-image: url(images/bulletyellow.gif); }
		#sidebar1 .type3 h3 { color: #0c9; }
		#sidebar1 .type3 a:hover { color: #0c9; background-image: url(images/bulletblue.gif); }
		#sidebar1 .type4 h3 { color: #f90; }
		#sidebar1 .type4 a:hover { color: #f90; background-image: url(images/bulletorange.gif); }
	#sidebar2 { float: right; width: 160px; }
		#sidebar2 .type1 h3 { color: #0c9; }
		#sidebar2 .type1 a:hover { color: #0c9; background-image: url(images/bulletblue.gif); }
		#sidebar2 .type2 h3 { color: #f90; }
		#sidebar2 .type2 a:hover { color: #f90; background-image: url(images/bulletorange.gif); }
		#sidebar2 .type3 h3 { color: #6f0; }
		#sidebar2 .type3 a:hover { color: #6f0; background-image: url(images/bulletgreen.gif); }
		#sidebar2 .type4 h3 { color: #ff0; }
		#sidebar2 .type4 a:hover { color: #ff0; background-image: url(images/bulletyellow.gif); }
	
	.sidebar h3 { font-size: 0.9em; }
	.sidebar ul { padding: 10px 0; }
	.sidebar li { padding: 0; border: none; }
	.sidebar li li { font-size: 0.75em; }
	.sidebar li li a { display: block; padding: 2px 0 2px 15px; color: #ccc; text-decoration: none; background: url(images/bullet.gif) 2px center no-repeat; }
	.sidebar li li a:hover { color: #ff0; background-image: url(images/bulletyellow.gif); }
	
	#donate { margin-bottom: 10px; padding: 10px 0; }
	#sidebar #donate { border-bottom: 1px solid #181818; }
	#donate form { margin: 5px auto; width: 100px; }

/* Content */
#content { padding: 25px 0 10px 0; float: left; width: 600px; }

	.post { margin-bottom: 25px; width: 575px; color: #ccc; padding: 0 1px 1px 0; }
		#content .type1 { background: #080808 url(images/bgpostgreen2.gif) right bottom no-repeat; }
		#content .type2 { background: #080808 url(images/bgpostyellow2.gif) right bottom no-repeat; }
		#content .type3 { background: #080808 url(images/bgpostblue2.gif) right bottom no-repeat; }
		#content .type4 { background: #080808 url(images/bgpostorange2.gif) right bottom no-repeat; }
		.even { margin-left: 20px; }
	.postInner { padding: 10px; }
		.type1 .postInner { background: url(images/bgpostgreen1.gif) left top no-repeat;  }
		.type2 .postInner { background: url(images/bgpostyellow1.gif) left top no-repeat; }
		.type3 .postInner { background: url(images/bgpostblue1.gif) left top no-repeat; }
		.type4 .postInner { background: url(images/bgpostorange1.gif) left top no-repeat; }
	.postUpper { position: relative; font-family: 'century gothic'; border-bottom: 1px solid #181818; }
		h2.postTitle, h2.postTitle a { width: 450px; color: #fff; font-weight: normal; text-decoration: none; }
		h2.postTitle a { }
		h2.postTitle a:hover { text-decoration: underline; }
		p.postDate { position: absolute; top: 0; right: 0; width: 120px; font-size: 0.8em; text-align: right; }
	.postContent { padding: 5px; color: #ccc; border-bottom: 1px solid #181818; }
		.postContent h3 { font-weight: normal; color: #fff; }
		.postContent h3 a { color: #fff; text-decoration: none; }
		.postContent h3 a:hover { text-decoration: underline; }
		.postContent a:hover { color: #fff; text-decoration: none; }
	.postLower { font-size: 0.8em; }
	
	.post blockquote { margin: 10px 15px; padding: 2px; background: #181818; }
	.post code { padding: 0 2px; background: #181818; }
	.post textarea { width: 500px; height: 80px; overflow: auto; }
	.post ul, .post ol, .post dl { margin: 10px 35px; font-size: 0.9em; }
	.post li, .post dt, .post dd { padding: 3px 0; }
	.post dt { font-weight: bold; }
	.post a { color: #fff; }

/* Footer */
#footer { clear: both; background: #080808; }
	#footer p { margin: 0 auto; width: 960px; height: 40px; line-height: 40px; font-size: 0.8em; text-align: center; color: #ccc; }
	#footer p a { color: #ccc; }
	#footer p a:hover { color: #fff; text-decoration: none; }