@charset "utf-8";
/*
Theme Name: Tech Blogger
Theme URI: http://localhost/wordpress/themes/techblogger/
Description: A must have theme for everyone that's into the latest web 2.0 craze and wants to blog in style.
Version: 1.0
Author: Quality First Theme Company

Theme width:957px;


 */
 
 
 /*========================================================
   CSS RESET STYLES v1.0 | 20080212 
   ========================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 /*========================================================
   General Styles
   ========================================================*/
   body {  background-image:url(images/bg.jpg); text-align:center}
   #mainwrapper{ width:955px; margin-left:auto; margin-right:auto; text-align:left; font-family: Helvetica, Arial, sans-serif;
   position:relative;}
/*========================================================
Header
========================================================*/
   #mainwrapper #header{ width:inherit; margin-top:3px;}
   #mainwrapper #header #blogtitle{ height:47px; position:relative;}
   #mainwrapper #header #tLeft {height:47px; background:url(images/title_left.png) no-repeat; width:7px; float:left;}
   #mainwrapper #header #tMain {height:47px; background:url(images/titleRHW4H47.png) repeat-x; float:left; margin-left:-1px;}
   #mainwrapper #header #tRight {height:47px; background:url(images/title_right.png) no-repeat; width:7px;float:left;}
   #mainwrapper #header #blogtitle #titletext, #titletext a{ color:#CFD5B9; font-size:32px; line-height:36px; margin:4px 10px 0px 10px; 
   font-variant:small-caps; text-decoration:none;}
/*========================================================
Menu
========================================================*/
   #mainwrapper #blogmenubar {height:36px; background:url(images/menubar.png) no-repeat; margin-top:0px;}
   #mainwrapper #blogmenubar .menu {height:inherit;}
   #mainwrapper #blogmenubar .menu ul, #mainwrapper #blogmenubar #homeButton {margin:0px 0px 0px 16px;}
   #mainwrapper #blogmenubar .menu ul li, #mainwrapper #blogmenubar #homeButton li { float:left; margin:0px 10px 0px 0px; line-height:36px;}
   #mainwrapper #blogmenubar .menu ul li a, #mainwrapper #blogmenubar #homeButton li a {color:#cfd5b9; text-decoration:none; 
   font-family:Arial, Helvetica, sans-serif; 
   font-size:14px; font-variant:small-caps;}
/*========================================================
Main Area
========================================================*/
   #mainwrapper #blogconent{clear:both; position:relative; width:955px;}
/*========================================================
Posts
========================================================*/
   #mainwrapper #blogconent #postarea { width:680px; padding-top:6px; float:left;}
   #mainwrapper #blogconent #postarea .post { 	width:680px; background:url(images/post_bg.png) repeat-y; margin-top:-2px;
   position:relative;}
   #mainwrapper #blogconent #postarea .post_wrapper {padding:26px 0px 33px 21px;}
   #mainwrapper #blogconent #postarea .postBgHeader {width:inherit; background:url(images/post_top.png) no-repeat; 
   height:8px; line-height:8px;}
   #mainwrapper #blogconent #postarea .postBgFooter {width:inherit; background:url(images/post_footer.png) no-repeat; 
   line-height:7px; margin:0px 0px 7px 0px;}
   #mainwrapper #blogconent #postarea .post .thumb {float:left; margin-right:19px; border:#d3d9b1 solid 3px;}
   #mainwrapper #blogconent #postarea .post .thumb img {width:200px; height:200px;}
   #mainwrapper #blogconent #postarea .post .leftFlaotFIx {clear:left;}
   #mainwrapper #blogconent #postarea .post .postTitle { margin-bottom:13px; margin-top:3px;}
   #mainwrapper #blogconent #postarea .post .postTitle h2 {font-weight:500; margin-bottom:3px;}
   #mainwrapper #blogconent #postarea .post .postTitle h2 a {color:#1d1f13; text-decoration:none; font-size:19px;}
   #mainwrapper #blogconent #postarea .post .postTitle span {font-style:italic; font-size:12px; color:#63664e;}
   #mainwrapper #blogconent #postarea .post .postContent {color:#63664e; font-size:13px; margin-right:48px; line-height:16px;
   margin-left:10px;}
   #mainwrapper #blogconent #postarea .post .postFooter { position:relative; width:100%;}
   #mainwrapper #blogconent #postarea .post .postFooter .readMore{background:url(images/button_bg.png) repeat-x; 
   height:27px; line-height:27px; width:78px; position:absolute; top:-28px; left:225px; text-align:center;}
   #mainwrapper #blogconent #postarea .post .postFooter .readMore a{color:#f5f5e1; text-decoration:none; font-size:13px;}
   #mainwrapper #blogconent #postarea .post .postFooter .tagsCategories{ position:absolute; top:-28px; left:315px;
   line-height:28px; font-size:13px; color:#1f2014; text-decoration:none;}
   #mainwrapper #blogconent #postarea .post .postFooter .tagsCategories a{color:#1f2014; text-decoration:none; font-size:11px;}
   #mainwrapper #blogconent #postarea .post .postFooter .postComment { position:absolute; top:-28px; right:50px; width:115px;}
   #mainwrapper #blogconent #postarea .post .postFooter .postComment .commentBuble {background:url(images/comments.jpg) no-repeat; 
   width:32px; height:27px; float:right; text-align:center; color:#f5f5e1; line-height:21px; }
   #mainwrapper #blogconent #postarea .post .postFooter .postComment .comment_tag {float:right; margin-right:5px; margin-top:7px;
   color:#1f2014; font-size:13px;}
/*========================================================
Sidebar & Post Footer Widget
========================================================*/
   #mainwrapper #blogconent #sidebar{ width:271px; /*position:absolute; top:0px; right:0px; min-height:600px;*/ padding-top:6px; float:right;   }
   #mainwrapper #blogconent #sidebar, .postWidgets{font-size:13px; color:#63664E;}	
   #mainwrapper #blogconent #sidebar p, #mainwrapper #blogfooter .footerWdiget p {font-size:13px;}
   #mainwrapper #blogconent #sidebar .wdiget {width:270px; background:url(images/wirget_bg.png) repeat-y; padding:10px;}
   #mainwrapper #blogconent #sidebar a, #mainwrapper #blogfooter .footerWdiget a, .postWidgets a
   {font-size:13px; color:#4c5037;  text-decoration:none; font-weight:500;}
    /*#mainwrapper #blogconent #sidebar .wdiget ul li a {margin-left:22px;} */
   #mainwrapper #blogconent #sidebar .wdiget ul {display:block; width:239px;}
   #mainwrapper #blogconent #sidebar .wdiget ul li {padding-left:22px; display:block;  height:19px; margin-left:-8px;}
   #mainwrapper #blogconent #sidebar .wdiget ul li:hover {background-image:url(images/hover_widget.png); background-repeat:no-repeat;}   
   #mainwrapper #blogconent #sidebar .widgetHeader{background:url(images/widget_top.png) no-repeat;  height:38px;}
   #mainwrapper #blogconent #sidebar .widgetHeader h2, #mainwrapper #blogfooter .footerWdiget h2
   {color:#f5f5e1; font-weight:600; line-height:38px;}
   #mainwrapper #blogconent #sidebar .widgetHeader h2 { padding-left:15px;}
   #mainwrapper #blogconent #sidebar .widgetFooter{background:url(images/widget_bottom.png) no-repeat; height:11px; margin-bottom:6px;}
   .postWidgets .widgetTitle {font-size:15px; margin:0px 0px 5px 0px;}
   .postWidgets {line-height:15px; margin:10px 0px 10px 0px; padding-bottom:10px;}
   .postFooterWidget {float:left; margin:0px 20px 10px 0px; background-color:#E2E2CD; padding:10px;}
 /*========================================================
Footer
========================================================*/  
   #mainwrapper #blogfooter {clear:both; width:inherit; background:url(images/footer.png) no-repeat; height:251px; position:relative;}
   #mainwrapper #blogfooter .footerWdiget {width:315px; float:left;}
   .ieFooterHack{padding:16px 30px 34px 30px;}
   #mainwrapper #blogfooter .footerWdiget .textwidget {font-size:13px; max-height:100px; color:#f5f5e1;}
   #mainwrapper #blogfooter .footerWdiget ul li a:hover {color:#f5f5e1;}
   #mainwrapper #blogfooter #footerBar1 {position:absolute; top:43px; left:315px; background:url(images/footerbar.jpg) repeat-y; width:2px; height:175px;}
   #mainwrapper #blogfooter #footerBar2 {position:absolute; top:43px; left:621px; background:url(images/footerbar.jpg) repeat-y; width:2px; height:175px;}
   #mainwrapper #blogfooter .footerWdiget h2 { height:22px; line-height:22px; margin-bottom:10px; border:1px solid #292a24; margin-left:-5px; 
   padding-left:5px;}
/*========================================================
Comment Area
========================================================*/  
   .commentArea {margin:10px 20px 20px 0px; color:#4C5037; clear:both;}
   .commentArea #comments {display:none;}
   .commentArea .fn, .commentArea .says, .commentArea .fn .url {font-size:13px; color:#333; text-decoration:none;}
   .commentArea #respond #comment {width:630px;}
   .commentArea .commentlist p{ font-size:13px; line-height:16px; clear:both;}
   .comment-meta a { text-decoration:none; color:#333; font-size:12px; float:right;}
   .comment-author {float:left; margin-right:10px; margin-bottom:10px;}
   .commentlist li {clear:both; background-color:#e2e2cd; width:620px; padding:10px; margin:0px 0px 10px 0px; border:1px solid #dcdc9a;}
   #commentform p a,#commentform p {text-decoration:none; color:#333; font-size:12px;}
/*========================================================
Search Form
========================================================*/  
   .hidden {display:none;}
   #searchform{position:absolute; top:10px; right:10px;}
/*========================================================
Tables :(
========================================================*/     
   #wp-calendar td, #wp-calendar th{ margin:2px; padding:2px; text-align:right;}
   #wp-calendar {margin-left:20px;}
   #wp-calendar caption {margin:2px;}
   
.aligncenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}
.alignleft 
{
	float:left;
	margin:0px 5px 5px 0px;
		padding:5px;

}
.alignright
{
	float:right;
	margin:0px 0px 5px 5px;
		padding:5px;

}
.postContent ul 
{
	list-style:circle;
	margin:2px 10px 2px 35px;
}
.postContent ol
{
	list-style:decimal;
	margin:2px 10px 2px 35px;
}