/*
Theme Name: TechFender
Description: Theme for TechFender
Author: Curtis Blackwell
Author Website: http://curtisblackwell.com
Tags: awesome, cool, &iexcl;fantastico!
*/

/*


/*
	RESET
*/

* {
	margin: 0;
	padding: 0;
	}

html, body { height: 100%; }

body {
	background: url(/images/bg.png) top left repeat-x #0b0c0d;
	color: #545454;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	word-spacing: 1px;
	}
	
img { border: none; }

ul { list-style: none inside; }

ol { list-style: none inside; }

a {
	color: #0086b2;
	text-decoration: none;
	}

a:hover { text-decoration: underline; }

h1 { color: #000000; }


/*
	UTILITY
*/

.clear { clear: both; }


/*
	STRUCTURE
*/

#page-wrap {
	height: auto !important;
	height: 100%;
	margin: 0px auto -180px;
	min-height: 100%;
	width: 864px;
	}

/*
	HEADER
*/

#header {
	position: absolute;
	z-index: -1;
	}

p#description {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 92px 0 0 105px;
	}

p#description a:hover { text-decoration: none; }

#search {
	float: right;
	margin: -20px 0 15px 0;
	text-align: right;
	width: 50%;
	}

input.text, input.button { vertical-align: middle; }

input.text {
	background: #bcbdbe;
	border: 1px solid #000000;
	padding: 3px 0 3px 3px;
	}

#navbar {
	background: url(/images/navbar.png) no-repeat;
	height: 36px;
	width: 864px;
	}

#navbar-links {
	margin: 0px auto;
	padding-top: 8px;
	width: 830px;
	}

#navbar-links ul {
	padding-top: 0px;
	text-indent: 0px;
	}

#navbar-links li {
	display: inline;
	list-style: none;
	padding: 0 5px 0 5px;
	}

#navbar-links a { color: #ffffff; }


/*
	IE MESSAGE
*/

/*<!--[if lt IE 8]>
				<div id="ie">
					<h2>Browser Upgrade Recommended</h2>
					<p>If you're reading this, you're surfing using an older version of Internet Explorer. For the best web experience, I strongly recommend upgrading to <a href="http://www.getfirefox.com/">Firefox</a>.</p>
				</div>
			<![endif]-->*/

#ie {
	color: #bfbfbf;
	margin: 20px auto 0;
	width: 700px;
	}

#ie h2 { color: #ffffff; }

#ie a {
	color: #ebebeb;
	font-weight: bold;
	}


/*
	TICKER
*/

#ticker-top {
	border-bottom: 1px solid #313439;
	height: 15px;
	}

#ticker {
	color: #FFFF19;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	padding-bottom: 25px;
	text-transform: uppercase;
	}

#ticker a {
	color: #96DAE9;
	font-weight: normal;
	text-transform: none;
	}

#ticker-bottom {
	border-top: 1px solid #313439;
	height: 15px;
	}


/*
	SIDEBAR
*/

#column-left {
	float: left;
	padding: 0px 11px 0 0;
	width: 184px;
	}

#sidebar {
	background: url(/images/sidebar.png) no-repeat #63879d;
	color: #ffffff;
	font-size: 12px;
	min-height: 259px;
	width: 184px;
	}

#sidebar-wrap {
	margin: 0px auto;
	width: 164px;
	}

#sidebar ul { padding-bottom: 15px; }

#sidebar ul li ul li { list-style: url(/images/ul.gif) inside; }

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

#sidebar a:hover { padding-left: 3px; }

#sidebar h2, h3 {
	color: #141b20;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 5px;
	}


/*
	MAIN CONTENT
*/

#main-content {
	background: url(/images/box-top.png) no-repeat #ffffff;
	float: left;
	min-height: 412px;
	width: 474px;
	}

#content-wrap {
	margin: 14px auto 0;
	padding-bottom: 10px;
	width: 424px;
	}

#content-wrap h2, h2 a {
	color: #085382;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	}

#content-wrap p { margin-bottom: 10px; }

.post {
	background: url(/images/line.gif) bottom repeat-x;
	float: left;
	line-height: 16px;
	padding: 10px 0;
	text-align: justify;
	}

.post h2 { line-height: 28px; }

p.post-meta {
	color: #7d7d7d;
	font-size: 11px;
	margin-top: 2px;
	}

.post ul {
	list-style: disc inside;
	padding: 10px 0 10px 10px;
	}

.post ol {
	list-style: decimal inside;
	padding: 10px 0 10px 10px;
	}

p.tags-comments {
	font-size: 11px;
	font-weight: bold;
	margin-top: 25px;
	}

#previous-post {
	float: left;
	text-align: left;
	width: 50%;
	}

#next-post {
	float: right;
	text-align: right;
	width: 50%;
	}

#box-bottom {
	margin: 0px auto 10px;
	width: 474px;
	}


/*
	VIDEOBAR
*/

#column-right {
	float: right;
	padding: 0 0 0 11px;
	width: 184px;
	}

#videobar {
	background: url(/images/videobar.png) no-repeat #abdc36;
	color: #ffffff;
	float: right;
	font-size: 12px;
	min-height: 259px;
	width: 184px;
	}

#videobar-wrap {
	margin: 0px auto;
	width: 164px;
	}

#videobar ul { padding-bottom: 15px; }

#videobar li { list-style: url(/images/ulg.gif) inside; }

.categories { list-style: none; }

#videobar a {
	color: #ffffff;
	text-decoration: none;
	}

#videobar a:hover { padding-left: 3px; }

#videobar h2, h3 {
	color: #141b20;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 5px;
	}

#videobar-bottom {
	float: right; 
	margin-bottom: 10px;
	}

#ads { list-style: none; }

#videobar h3 a { color: #141b20; }


/*
	COMMENTS
*/

#avatar {
	float: left;
	margin: 0 5px 5px 0;
	width: 32px;
	}

#xhtml { font-size: 10px; }

input.submit-button { margin: 5px 0; }


/*
	FOOTER
*/

#push { height: 180px; }

#footer-out {
	background: url(/images/footer.png) top repeat-x #121212;
	margin-top: 20px;
	}

#footer-in {
	height: 180px;
	list-style: none;
	margin: 0px auto;
	text-align: center;
	width: 864px;
	}

#footer-in a { color: #454545; }

#footer-strip {
	margin: 0px auto;
	width: 864px;
	}

#logo-links {
	float: left;
	height: 23px;
	width: 70px;
	}

#copyright {
	float: left;
	margin: 0px auto;
	text-align: center;
	width: 270px;
	}

#copyright p { margin-top: 5px; }

#cblogo {
	float: right;
	height: 26px;
	width: 100px;
	}

#logo-links, p#copyright, #cblogo { display: inline; }

#columns {
	margin: 0px auto;
	text-align: left;
	width: 864px;
	}

#columns li {
	border-bottom: dotted 2px #333333;
	padding: 2px 0;
	}

#columns h2 {
	color: #666666;
	margin: 10px 0 10px;
	padding-bottom: 2px;
	}

#column-nav {
	float: left;
	margin-right: 10px;
	min-height: 150px;
	padding-right: 10px;
	width: 197px;
	}

#column-blog {
	float: left;
	margin-right: 10px;
	min-height: 150px;
	padding-right: 10px;
	width: 197px;
	}

#column-tags {
	float: left;
	margin-right: 10px;
	min-height: 150px;
	padding-right: 10px;
	width: 197px;
	}

#column-podcasts {
	float: left;
	min-height: 150px;
	padding-right: 10px;
	width: 197px;
	}

#column-nav, #column-blog, #column-tags, #column-podcasts { display: inline; }

#footer-border {
	background: url(/images/footer-border.png) repeat-x;
	height: 10px;
	margin-bottom: 5`px;
	}

span#TICKER_BODY b { color: #ffffff; }
