/*		
	| techeblog
	| http://techeblog.com/
	| +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
	| CSS 467 Document Presentation (keep it separated) 
	| Author: James A. Mathias
	| This style sheet is closed source
	| +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
	| olc CSS framework ver. 2
	| ©2007 Onelotus Creative
	| http://1lotus.com/, admin@1lotus.com
	| +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
	| LAST MODIFIED: Saturday May 26th 2007 (12:40PM)
	
	
	Global styles
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/

/* global box presentation
-- browser reset/override
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub,
pre, code, samp, kbd, var,
form, fieldset, legend, label,
input, textarea, select, option, .nobox{ 
	margin: 0; 
	padding: 0; 
}

br{ height: 0; }

hr, .hide{ display: none; }

ul, ol, dl{ margin: 10px 0 10px 40px; }

h1, h2, h3, h4, h5, h6{ padding: 10px; }

p, address{ margin: 10px 0; }

/* global text presentation
----------------------------------------------------------------------------- */

body{ font: normal normal 12px/1 "Helvetica", "Arial", Sans-Serif; }

code, samp, kbd, var{ font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong{ font-weight: bold; }
i, em, cite, dfn, ins{ font-style: italic; }
del, code, samp, kbd, var{ font-style: inherit; }

del{ text-decoration: line-through; }
ins{ text-decoration: none; }

abbr, acronym{ cursor: help; }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }

ul, dl{ list-style: square; }
ol{ list-style: decimal; }

li, dt, dd,
p, pre, address,
legend, label, input, textarea, 
select, option, optgroup{ font-size: inherit; }

small{ font-size: 10px; } 	/* 2px smaller, than body base */
big{ font-size: 14px; } 	/* 2px larger, than body base */

.txr{ text-align: right; }
.txl{ text-align: left; }
.txc{ text-align: center; }
.txj{ text-align: justify; }

/* structural framework classes
-- allows for quick structual changes without redundant classes
----------------------------------------------------------------------------- */

.shift{ float: left; }
.shaft{ float: right; }

.clean{ 
	clear: both; 
	height: 0; 
	font-size: 0; 
}

.cleaner:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.pa{ padding: 5px; }
.pn{ padding: 0; }
.pt{ padding-top: 5px; }
.pb{ padding-bottom: 5px; }
.pr{ padding-right: 5px; }
.pl{ padding-left: 5px; }

.ma{ margin: 5px; }
.mn{ margin: 0; }
.mt{ margin-top: 5px; }
.mb{ margin-bottom: 5px; }
.mr{ margin-right: 5px; }
.ml{ margin-left: 5px; }

/* design specific presentational elements
----------------------------------------------------------------------------- */

body{
	background: #FFFFFF;
	color: #505050;
}

blockquote{ background: #F9F9F9 url(img/teb_bq_bg.gif) no-repeat 0 0; }

/* unauthorized change by programmer */
#wrap blockquote {
	background: #F9F9F9 url(img/teb_bq_bg.gif) no-repeat 0 0;
	color: #999;
	margin: 1em 0;
	padding: 10px 10px 10px 45px;
}
/* unauthorized change by programmer */

#column label{ 
	color: #3377BB;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
	text-transform: uppercase;
}

#column input,
#column textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	color: #999;
	font-size: 13px;
	margin: 5px 0;
	padding: 3px 5px;
	width: 350px;
}

#column textarea{ 
	font-family: Arial;
	height: 150px;
	width: 450px;
}

#column input.submit{
	background: #3377BB;
	border-color: #FFF;
	color: #FFF;
	text-transform: uppercase;
	width: auto;
}

/* hyperlinks
----------------------------------------------------------------------------- */

a{ outline: none; }
a img{ border: 0; }

a:link, 
a:visited{
	color: #3377BB; 
	text-decoration: underline; 
}

a:link.rss, 
a:visited.rss{
	background: transparent url(img/teb_rss_icon.gif) no-repeat 100% 4px;
	color: #3377BB; 
	margin-right: 10px;
	padding: 5px 20px 5px 0;
	text-decoration: none; 
}

a:hover, 
a:active,
a:hover.rss, 
a:active.rss{ color: #B37822; }

.nod a:link, 
.nod a:visited{ text-decoration: none; }

/* design specific presentational ID's
----------------------------------------------------------------------------- */

#wrap{
	margin: 10px auto 0;
	width: 850px;
}

#sidebar,
#column{ float: left; }

#sidebar{ width: 350px; }

#sidebar h3{
	color: #5390B1;
	font-size: 12px;
	padding: 13px 10px 0;
	text-transform: uppercase;
}

#sidebar #searchblock h3{ color: #939142; }

/* column specific stuff */
#column{ 
	background: transparent url(img/teb_logo.gif) no-repeat 0 0; 
	width: 500px; 
}

#column h1{ padding: 0; }

#column h1 a:link, 
#column h1 a:visited{
	display: block;
	height: 110px;
	text-decoration: none; 
	text-indent: -13000em;
}

/* footer specific stuff */
#footer{
	background: transparent url(img/teb_footer_fill.gif) no-repeat 0 0;
	margin: 10px 0;
	position: relative;
}

#footer p{
	color: #3377BB;
	font-size: 11px;
	line-height: 1.2;
	padding: 7px 10px 10px;
	text-transform: uppercase;
}

#footer p span,
#footer p span a:link, 
#footer p span a:visited{ color: #8BB7DC; }

#footer p span a:hover, 
#footer p span a:active{ color: #B37822; }

/* menu specific stuff */
ul#menu{
	list-style: none;
	margin: 0 10px;
}

#footer ul#menu{ 
	margin: 0;
	position: absolute;
	right: 0; 
}

ul#menu li{ float: left; }

ul#menu li a:link, 
ul#menu li a:visited{
	background: transparent url(img/teb_menu_contact.gif) no-repeat 0 0;
	display: block;
	height: 37px;
	text-decoration: none;
	text-indent: -13000em;
	width: 120px; 
}

#footer ul#menu li.contact a:link, 
#footer ul#menu li.contact a:visited{ background-image: url(img/teb_menu_contact_foot.gif); }

ul#menu li.advertise a:link, 
ul#menu li.advertise a:visited{ background-image: url(img/teb_menu_advertise.gif); }

ul#menu li.shopping a:link, 
ul#menu li.shopping a:visited{ background-image: url(img/teb_menu_shopping.gif); }

ul#menu li.forums a:link, 
ul#menu li.forums a:visited{ background-image: url(img/teb_menu_forums.gif); }

ul#menu li a:hover, 
ul#menu li a:active{ background-position: 0 -37px; }

#logblock,
#searchblock{ margin-bottom: 10px; }

#logblock{
	background: #E2F3FC url(img/teb_log_top.gif) no-repeat 0 0;
}

#logblock form{
	background: transparent url(img/teb_log_bottom.gif) no-repeat 100% 100%;
	padding: 5px 0 8px;
	text-align: center;
}

#logblock input{
	border: 1px solid #ACC5D2;
	color: #65767E;
	font-size: 11px;
	padding: 3px 5px;
	vertical-align: top;
	width: 140px;
}

#logblock button{
	background: transparent url(img/teb_login_button.gif) no-repeat 0 0;
	border: 0;
	height: 21px;
	text-indent: -13000em;
	width: 25px;
}

#searchblock{
	background: #FBFACC url(img/teb_search_top.gif) no-repeat 0 0;
}

#searchblock form{  
	padding: 5px 0 8px;
	text-align: center; 
}

#searchblock form.first{ 
	border-bottom: 1px solid #E8E2A4; 
	padding: 5px 0 8px;
}

#searchblock form.last{
	background: transparent url(img/teb_search_bottom.gif) no-repeat 100% 100%;
	padding: 0 0 8px;
}

#searchblock input{
	border: 1px solid #D4D3A5;
	color: #65767E;
	font-size: 11px;
	padding: 3px 5px;
	vertical-align: top;
	width: 255px;
}

#searchblock select{
	border: 1px solid #D4D3A5;
	color: #65767E;
	font-size: 11px;
	padding: 3px 5px;
	vertical-align: top;
	width: 235px;
}

#searchblock button{
	background: transparent url(img/teb_search_button.gif) no-repeat 0 0;
	border: 0;
	height: 21px;
	text-indent: -13000em;
	width: 64px;
}

#searchblock button.now{
	background: transparent url(img/teb_search_now_button.gif) no-repeat 0 0;
	border: 0;
	height: 21px;
	text-indent: -13000em;
	width: 96px;
}

#comblock{
	background: #F0FAFF url(img/teb_comments_top.gif) no-repeat 0 0;
}

#comblock ul{
	background: transparent url(img/teb_comments_bottom.gif) no-repeat 100% 100%;
	list-style: none;
	margin: 0;
	padding-bottom: 8px;
}

#comblock ul li{
	background: transparent;
	border-bottom: 1px solid #D9EDF6;
	font-weight: bold;
	line-height: 1.3;
	padding: 8px 10px;
}

#comblock ul li span.date{
	color: #898989;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
}

#comblock ul li.alt{ background: #E6F4FB; }

#adblock{
	background: transparent url(img/teb_adblock_bg.gif) no-repeat 0 0;
}

#adblock div.shift{
	text-align: center;
	width: 174px;
}

#adblock div.shift.mr{ margin-right: 1px; }

#comments,
#column form{ margin: 10px; }

#column form{
	background: #F6F6F6;
	padding: 10px;
}
	
/* design specific presentational classes
----------------------------------------------------------------------------- */

.subsbar{
	background: #EBF5F9;
	border: solid #D7E7EE;
	border-width: 1px 0;
}

#wrap .subsbar p{ 
	font-size: 14px;
	font-weight: bold; 
	margin: 0; 
	padding: 19px 10px 10px; 
	text-transform: uppercase; 
}

#wrap .subsbar p.shaft{ padding: 10px 10px 8px; }

.adblock{
	background: transparent url(img/teb_adblock_stripe_bg.gif) repeat 0 0;
	margin-bottom: 10px;
	text-align: center;
}

#column .adblock{ border-bottom: 2px solid #DDECF3; margin: 0; }

#wrap .adblock p{ margin: 0; padding: 10px; }

.listblock{ background: transparent url(img/teb_sub_footer_bg.gif) no-repeat top; }

.listblock.nob{ background-image: none; margin: 10px; }

.listblock h3{
	color: #3377BB;
	font-size: 12px;
	text-transform: uppercase;
}

.listblock .col{
	float: left;
	margin: 0 3px;
	width: 160px;
}

.listblock .col.hotposts{
	margin: 0 3px 0 0;
	width: 163px;
}

.listblock .col.oursponsors{
	margin: 0 4px;
	width: 160px;
}

.listblock ul{
	list-style: none;
	margin: 0;
}

.listblock ul li{
	background: transparent url(img/teb_list.gif) no-repeat left;
	border-bottom: 1px solid #DBDBDB;
	padding: 8px 10px 8px 30px;
}

.listblock .hotposts ul li{ background-image: url(img/teb_list_hot.gif); }

.listblock ul li.alt{ background-color: #F5FBFD; }

.pagenav{ margin: 15px 0 40px; }

.pagenav a:link, 
.pagenav a:visited{
	background: #D7EBF4 url(img/teb_prev_arrow.gif) no-repeat left;
	color: #3377BB; 
	font-size: 12px;
	font-weight: bold;
	padding: 7px 5px 3px 15px;
	text-decoration: none; 
	text-transform: uppercase;
}

.pagenav a:link.next, 
.pagenav a:visited.next{
	background: #D7EBF4 url(img/teb_next_arrow.gif) no-repeat right;
	padding: 7px 15px 3px 5px;
}

.entry{ margin: 0 10px 45px; }

.entry img{
	background: #E6F4FB;
	border: 1px solid #c8ddf1;
	margin: 10px 5px;
	padding: 3px;
}

#wrap .entry p,
#comments div.comment-body,
#comments div.comment-by-line{
	color: #505050;
	line-height: 1.5;
	margin: 15px 0;
}

#comments div.comment-by-line{
	color: #3377BB;
	font-size: 14px;
	font-style: italic;
}

.comment{ background: #F6F6F6; padding: 10px; }
.even-row{ background: transparent; border: solid #EEE; border-width: 1px 0; }

.comment-avatar{
	background: #E6F4FB;
	border: 1px solid #3377BB;
	float: right;
	margin: 10px 0 10px 10px;
	padding: 3px;
}

.comment-avatar img{
	width: 40px;
}

.comment-num{
	background: #3377BB;
	color: #FFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: -50px;
	padding: 6px 10px 3px;
}

.entryhead{
	border-bottom: 1px solid #D6E4F1;
	padding: 15px 0 0;
}

.entryhead span.date{
	background: #FBFACC;
	color: #797979;
	font-size: 10px;
	padding: 3px 5px;
	text-transform: uppercase;
}

.entryhead h2{
	font-size: 18px;
	padding: 10px 0; 
}

h3,
.entry h3{
	font-size: 16px;
	padding: 10px 0; 
}

ul.entryinfo{
	float: right;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	width: 150px;
}

ul.entryinfo li{
	font-size: 11px;
	text-transform: uppercase;
}

ul.entryinfo li.comments{
	font-size: 16px;
	padding: 5px 0 0;
}

.meta{
	background: #F6F6F6;
	border-top: 1px solid #CCC;
	margin-bottom: 10px;
}

#wrap .meta p{ margin: 0; padding: 10px; }

ul.social{
	border-bottom: 1px dotted #CCC;
	list-style: none;
	margin: 0;
	padding: 10px;
}

ul.social li{ display: inline; margin-right: 10px; }

ul.social li.title{ font-weight: bold; padding-right: 15px; }

ul.social li a:link, 
ul.social li a:visited{ padding: 5px 5px 5px 20px; }

ul.social li.del a:link, 
ul.social li.del a:visited{ background: transparent url(img/del.jpg) no-repeat left; }

ul.social li.digg a:link, 
ul.social li.digg a:visited{ background: transparent url(img/digg.jpg) no-repeat left; }

ul.social li.slash a:link, 
ul.social li.slash a:visited{ background: transparent url(img/slash.jpg) no-repeat left; }

.related{
	background: #F6F6F6;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
}

.hl{
	background: #F7F9C9;
	padding: 3px;
}


/*
	-- /END ALL STYLES --
	
	- Please do not steal my code!
	- Thank you, I appreciate it.
*/