/*
Theme Name: Techblog 2.0
*/

/* General Attributes
---------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

div.clear { clear: both; }

a { color: #70c1ff; text-decoration: none; outline: none; }
a:hover { color: #3fa1eb; }
a:active { color: #3576a7; }

img { border: none; }
div#main-content img.wp-smiley { border: none; }

h1 { font-size: 25px; margin: 25px 0; }
h2 { font-size: 21px; font-weight: normal; word-spacing: 1px; line-height: 18px; margin: 20px 0; }
h3 {font-size: 18px; margin: 18px 0; }	
h4, h5, h6 { font-size: 15px; margin: 15px 0; }
h1, h2, h3, h4, h5, h6 { color: #2b2b2b; font-family: "Trebuchet MS", sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2b2b2b; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #3fa1eb; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #3576a7; }

p { margin: 10px 0; }
	
body {
	font-size: 13px; font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;	line-height: 16px;
	color: #555555;
	background: url(images/body-bg.png) top left repeat-x;
	}
div#wrapper {
	width: 980px;
	margin: 0 auto;
	}

/* Header Attributes
---------------------------------------------------------------------*/	
div#header {
	width: 980px; height: 78px;
	padding: 19px 0 0 0;
	background: url(images/header-bg.png) top left no-repeat;
	font-family: "Trebuchet MS", sans-serif; font-size: 13px;
	color: #ffffff;
	}
div#header a.logo {
	display: block;
	float: left;
	width: 168px; height: 34px;
	margin-left: 37px;
	text-indent: -9999px;
	background: url(images/logo.png) bottom left no-repeat;
	}
div#header a.logo:hover {
	background-position: top left;
	}
div#header ul {
	float: right;
	margin: 0 15px 0 0;
	}
div#header ul li {
	float: left;
	list-style-type: none;
	padding: 8px 30px 0 0;
	}
div#header ul#navigation a {
	padding-left: 10px;
	background: url(images/blue-bullet.png) left -90px no-repeat;
	}


div#header ul#navigation a:hover { background-position: left center; }
div#header a { text-decoration: none; color: #e3e3e3; }
div#header a:hover { color: #ffffff; }
div#header a:active { color: #cccccc; }

body#default div#header ul#navigation li a.home, body#categorytechtv div#header ul#navigation li a.techblogtv, body#categoryworkshop div#header ul#navigation li a.workshop, body#categorynews div#header ul#navigation li a.news, body#categorywebtv div#header ul#navigation li a.webtv, body#pageabout div#header ul#navigation li a.about {
	color: #ffffff;
	background: url(images/blue-bullet.png) left center no-repeat;
	}



body#categorygadgets div#header ul#navigation li a.categories, body#categorycomputers div#header ul#navigation li a.categories, body#categoryhomecinema div#header ul#navigation li a.categories, body#categoryinternet div#header ul#navigation li a.categories, body#categorymobile div#header ul#navigation li a.categories, body#categorytablet div#header ul#navigation li a.categories, body#categoryvideogames div#header ul#navigation li a.categories, body#categorynotebook div#header ul#navigation li a.categories, body#categorysoftware div#header ul#navigation li a.categories, body#categoryb2b div#header ul#navigation li a.categories {
	color: #ffffff;
	background: url(images/blue-bullet.png) left center no-repeat;
	}
div#header ul#category-list {
	clear: both;
	float: none;
	position: absolute; top: 67px;
	width: 890px; height: 27px;
	margin: 0 auto; padding: 0 0 0 90px;
	text-transform: capitalize;
	background: url(images/category-list-bg.png) center top no-repeat;
	}
body#categorygadgets div#header ul#category-list, body#categorycomputers div#header ul#category-list, body#categoryhomecinema div#header ul#category-list, body#categoryinternet div#header ul#category-list, body#categorymobile div#header ul#category-list, body#categorytablet div#header ul#category-list, body#categoryvideogames div#header ul#category-list, body#categorynotebook div#header ul#category-list, body#categorysoftware div#header ul#category-list, body#categoryb2b div#header ul#category-list, body#categorygadgetspage2 div#header ul#category-list, body#categorycomputerspage2 div#header ul#category-list, body#categoryhomecinemapage2 div#header ul#category-list, body#categoryinternetpage2 div#header ul#category-list, body#categorymobilepage2 div#header ul#category-list, body#categorytabletpage2 div#header ul#category-list, body#categoryvideogamespage2 div#header ul#category-list, body#categorynotebookpage2 div#header ul#category-list, body#categorysoftwarepage2 div#header ul#category-list, body#categoryb2bpage2 div#header ul#category-list,  body#categorygadgetspage3 div#header ul#category-list, body#categorycomputerspage3 div#header ul#category-list, body#categoryhomecinemapage3 div#header ul#category-list, body#categoryinternetpage3 div#header ul#category-list, body#categorymobilepage3 div#header ul#category-list, body#categorytabletpage3 div#header ul#category-list, body#categoryvideogamespage3 div#header ul#category-list, body#categorynotebookpage3 div#header ul#category-list, body#categorysoftwarepage3 div#header ul#category-list, body#categoryb2bpage3 div#header ul#category-list {
	display: block;
	}
div#header ul#category-list li {
	margin: 4px 13px 4px 3px; padding: 0 0 0 12px;
	}
div#header ul#category-list a { color: #ffffff; }
div#header ul#category-list a:hover { color: #70c1ff; }
div#header ul#category-list a:active { color: #252525; }
div#header ul#category-list li.current-cat a { color: #70c1ff; }
div#header ul#category-list li.close-list a {
	display: block;
	position: absolute; left: 912px; top: 2px;
	width: 19px; height: 19px;
	background: url(images/close-list.png) left top no-repeat;
	}
div#header ul#category-list li.close-list a:hover {
	background-position: left bottom;
	}
div#header ul#category-list li.close-list span { display: none; }	

div#header728x90 {
	width: 980px; height: 100px;
	padding: 10px 0 0 0;
	}

div#header970x250 {
	width: 980px; height: 260px;
	padding: 10px 0 0 0;
	}
	
div#header900x150 {
	width: 980px; height: 160px;
	padding: 10px 0 0 0;
	}

/* Main-Content Attributes
---------------------------------------------------------------------*/
div#main-content {
	float: left;
	width: 574px;
	margin: 0px 10px 0 20px; padding-bottom: 30px;
	background: url(images/border.png) left bottom no-repeat ;
	}
div#main-content img {
	border: 1px solid #898989;
	}

div#main-content div.clear div.alignleft {
	padding-top: 20px;
	font-weight: bold;
	}


/* Ajax-box Attributes
---------------------------------------------------------------------*/
ul#ajax-navigation {
	float: left;
	margin: 0 auto; padding: 0px 5px;
	font-size: 13px;
	}
ul#ajax-navigation li {
	float: left;
	text-align: center; word-spacing: -2px;
	list-style-type: none;
	margin: 14px 6px 7px 6px;
	}
ul#ajax-navigation li a {
	display: block;
	width: 100px; height: 18px;
	padding-top: 2px;
	color: #464646;
	}
ul#ajax-navigation li a:hover {
	color: #464646;
	background: url(images/ajax-menu-bg.png) left bottom no-repeat;
	}
ul#ajax-navigation li a.clicked {
	color: #464646;
	background: url(images/ajax-menu-bg.png) left top no-repeat;
	}
div#frame {
	clear: left;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}	
div#scroller {
	margin: 0 auto;
	overflow: hidden;
	width: 750px;
	}
div#content {
	width: 3000px;
	position: relative;
	right: 0px; /* temporary for 12/01/09 contest */
	}	
div.section {
	float: left;
	margin-right: 26px;
	width: 574px;
	}

/* Latest-news Attributes
---------------------------------------------------------------------*/
div#latest-news {
	margin-top: 22px; padding-top: 1px;
	line-height: 17px;
	background: url(images/border.png) left top no-repeat;
	}
div#latest-news img {
	float: left;
	margin: 2px 6px 0 0;
	}	
div#latest-news div.post {
	float: left;
	width: 270px;
	margin: 15px 0 0 0;
	}
div#latest-news .odd {
	clear: both;
	}
div#latest-news .even {
	padding-left: 25px;
	}
div#latest-news h2 {
	font-size: 16px;
	margin: 12px 0;
	}

/* Sidebar Attributes
---------------------------------------------------------------------*/
ul#sidebar {
	float: right;
	width: 326px;
	margin: 4px 20px 0 0; padding: 0 0 20px 0;
	list-style-type: none;
	list-style-position: inside;
	color: #4e5d69;
	background: url(images/sidebar-border.png) bottom center no-repeat;
	}
ul#sidebar h4 {
	font-size: 14px; font-weight: normal;
	margin-bottom: 0px; margin-top: 1px;
	}
ul#sidebar h4 a { color: #70c1ff; }
ul#sidebar h4 a:hover { color: #3fa1eb; }
ul#sidebar h4 a:active { color: #3576a7; }
ul#sidebar li {
	width: 305px;
	margin: 5px auto; padding: 25px 0 0 0;
	}
ul#sidebar li#now-on-TV {
	clear: both;
	width: 325px; height: 215px;
	padding-top: 11px;
	background: url(images/now-on-tv-bg.png) top left no-repeat;
	}
ul#sidebar li#now-on-TV img {
	margin: 0 11px;
	border: 1px solid #353535;
	}
ul#sidebar li#now-on-TV h3 {
	font-size: 12px; font-weight: normal;
	color: #e3e3e3;
	margin: 6px 11px;
	}
ul#sidebar li#now-on-TV h2 {
	font-size: 16px; font-weight: normal;
	color: white;
	margin: 5px 0 10px 15px;
	}
ul#sidebar li#now-on-TV p {
	margin: 15px;
	color: #e0e0e0;
	}
ul#sidebar li#subscribe {
	height: 32px;
	margin-top: 0; padding-top: 0;
	}
ul#sidebar li#subscribe a {
	display: block;
	float: left;
	text-indent: -9999px;
	}
ul#sidebar li#subscribe span#RSS a {
	width: 76px; height: 28px;
	margin: 3px 0 0 15px;
	background: url(images/rss-bg.png) bottom left no-repeat;
	}	
ul#sidebar li#subscribe span#newsletter1 a {
	width: 152px; height: 32px;
	margin: 0 0 0 50px;
	background: url(images/newsletter-bg.png) bottom left no-repeat;
	}
ul#sidebar li#subscribe span#RSS a:hover, ul#sidebar li#subscribe span#newsletter1 a:hover {
	background-position: top;
	}
ul#sidebar li#subscribe p {
	margin-top: 7px;
	}
ul#sidebar li#super-banner {
	width: 300px; height: 250px;
	padding-top: 15px;
	}
ul#sidebar li#super-banner2 {
	width: 300px; height: 600px;
	padding-top: 15px;
	}
	ul#sidebar li#super-banner3 {
	width: 300px; height: 150px;
	padding-top: 15px;
	}
ul#sidebar li#search {
	position: relative;
	height: 47px; /*because we also have the li padding*/
	margin-top: 25px;
	background: url(images/search-bg.png) top left no-repeat;
	}
ul#sidebar li#search input#s.txt {
	position: relative;
	top: 10px; left: 40px;
	width: 200px; height: 18px;
	border: none;
	color: #666666;
	font-weight: bold;
	outline: none;
	}
ul#sidebar li#search input#searchsubmit.btn {
	position: absolute;
	top: 33px; left: 257px;
	width: 19px;
	height: 19px;
	background: url(images/search-button.png) left top no-repeat;
	border: none;
	cursor: pointer;
	}
ul#sidebar li#AdLinks {
	margin-top: 5px;
	background: url(images/AdLinks-bg.png) left 10px no-repeat;
	}
ul#sidebar li#AdLinks ul li {
	height:  55px;
	padding-top: 15px;
	list-style-type: none;
	}
ul#sidebar li#AdLinks ul li img {
	float: left;
	margin-right: 10px;
	}
ul#sidebar li#LastMinute {
	margin-top: 25px;
	background: url(images/last-minute-bg.png) top left no-repeat;
	}
ul#sidebar li#LastMinute p {
	margin: 2px 1px 0 21px;
	}
	
	
	ul#sidebar li#HotTopics {
	margin-top: 25px;
	background: url(images/HotTopics-bg.png) top left no-repeat;
	}
ul#sidebar li#HotTopics p {
	margin: 2px 1px 0 21px;
	}
	
	
	
ul#sidebar li#BrandCloud {
	margin-top: 25px; padding-top: 30px;
	background: url(images/BrandCloud-bg.png) top left no-repeat;
	line-height: 18px;
	}
ul#sidebar li#BrandCloud a { color: #4e5d69; }
ul#sidebar li#BrandCloud a:hover { color: #3fa1eb; }
ul#sidebar li#BrandCloud a:active { color: #3576a7; } 

ul#sidebar li#poll {
	width: 306px; height: 520px;
	padding-top: 15px;
	}



/* Footer Attributes
---------------------------------------------------------------------*/
div#footer {
	clear: both;
	padding: 60px 0 10px 0;
	color: #ffffff;
	background: url(images/footer-bg.png) left top repeat-x #898989;
	}
div#footer div#community-section {
	width: 960px;
	margin: 0 auto; padding-top: 30px;
	background: url(images/techblog-community.png) top center no-repeat;
	}
div#footer div#community-section div { float: left;	}
div#label-banner {
	float: none;
	margin: 0 116px;
	text-align: center;
	}
	
	div#label-banner1 {
	float: none;
	margin: 0 240px;
	text-align: center;
	}
	
div#footer div#community-section h3 {
	margin: 25px 0 0 0; padding: 0 0 8px 0;
	text-align: center; font-weight: normal; font-size: 16px;
	color: #ffffff;
	background: url(images/footer-ul-bg.png) center bottom no-repeat;
	}
div#footer ul {
	float: left;
	display: block;
	width: 280px;
	margin: 12px 20px 20px 20px; padding: 0 0 10px 0;
	background: url(images/footer-ul-bg.png) bottom left no-repeat;
	}
div#footer ul li {
	margin: 10px 0;
	list-style-position: inside;
	list-style-type: none;
	}
div#footer ul#top-commenters img {
	float: left;
	margin: 0 5px 0 0;
	}
div#footer ul#top-commenters li {
	height: 35px;
	padding-top: 5px;
	}
div#footer ul#top-commenters li a, #top-commenters span { color: #70c1ff; }
div#footer ul#top-commenters li a:hover { color: #626262; }
div#footer ul#top-commenters li a:active { color: #3576a7; }
div#footer ul#credits {
	clear: both;
	float: none;
	width: 960px; height: 31px;
	margin: 0 auto; padding: 15px 0 0px 0;
	text-align: center;
	background: url(images/credit-bg.png) left 11px no-repeat;
	}
div#footer ul#credits li {
	float: left;
	margin: 0 22px;
	list-style-type: none;
	line-height: 23px;
	}
div#footer ul#credits li.project {
	float: right;
	}

div#footer  a, div#liked-this a { color: #eeeeee; }
div#footer  a:hover, div#liked-this a:hover { color: #626262; }
div#footer  a:active, div#liked-this a:active { color: #3576a7; }
div#footer div.linkage {
	clear: both;
	width: 940px;
	margin: 0 auto; padding: 0 20px;
	text-align: center;
	font-size: 11px;
	}
div#footer div.linkage a {
	margin: 0 10px;
	}


/* Single Post Attributes
---------------------------------------------------------------------*/
div#main-content div.entry p {
	margin: 15px 0;
	}
div#main-content div.entry img {
	display: block;
	margin: 25px auto;
	border: none;
	}
div#main-content div.entry h2.posttitle a {
	font-size: 22px;
	line-height: 22px;
	}
span.date {
	float: right;
	margin: 2px 10px; padding: 3px;
	font-size: 12px; font-weight: bold; text-align: center;
	color: #ffffff;
	background: #c0c1c3;
	}
div#liked-this {
	margin: 30px 0 0 0 ; padding: 0 0 20px 0;
	color: #fff;
	list-style-position: inside;
	background: url(images/liked-this-bg.jpg) right bottom no-repeat #9a9a9a;
	}
div#liked-this span.add-this {
	float: right;
	position: relative; top: -47px; right: 7px;
	}
div#liked-this span.add-this a {
	display: inline-block;
	margin: 0 1px;
	width: 20px; height: 20px;
	}
div#liked-this span.add-this a.delicious {
	background: url(images/delicious.png) 3px 2px no-repeat;
	}
div#liked-this span.add-this a.digg {
	background: url(images/digg.png) 2px 2px no-repeat;
	}
div#liked-this span.add-this a.facebook {
	background: url(images/facebook.png) 2px 2px no-repeat;
	}
div#liked-this span.add-this a span { display: none; }
div#liked-this div.related-posts {
	padding-left: 20px;
	position: absolute;
	width: 330px;
	}
div#liked-this div.the-rss {
	position: relative; top: 0px; left: 360px;
	width: 180px;
	padding-left: 20px;
	border-left: 1px dotted #b7b7b7;
	}
div#liked-this ul { margin: 10px 0 0 0; }
div#liked-this h4 {
	margin: 0 0 15px 0; padding: 11px 10px 15px 10px ;
	color: #fff;
	background: url(images/h2-liked-this-bg.jpg) left top no-repeat;
	}
span.author { font-style: italic; }
div#single-post-ad {
	margin: 0 auto; padding: 20px 20px 0 20px;
	text-align: center;
	}


/* Comments Attributes
---------------------------------------------------------------------*/
div.comments-template {
	clear: both;
	margin-top: 40px; padding-top: 30px;
	background: url(images/border.png) left top no-repeat;
	}
div.comments-template h3 {
	margin: 5px 0px 5px 0px;	padding: 0px 4px 3px 0px;
	}
div.comments-template div.commentmetadata {
	margin: 0 0 10px 0;
	}
div.comments-template span.author {
	font-weight: bold;
	font-size: 14px;
	}
div.comments-template ol.commentlist {
	list-style-position: inside;
	margin: 20px 0 40px 0;
	border: 1px solid #bbbbbb;
	border-bottom: none;
	}
div.comments-template ol.commentlist li {
	margin: 0; padding: 20px;
	min-height: 100px;
	border-bottom: 1px solid #bbbbbb;
	}
div.comments-template ol.commentlist li.alt {
	border-bottom: 1px solid #bbbbbb;
	background: #efefef url(images/comment-alt-bg.png) bottom left no-repeat;
	}
div.comments-template div.gravatar {
	float: left;
	padding: 1px 5px 5px 0px;
	}
div.comments-template div.gravatar img {
	border: 1px solid #aaaaaa;
	}
div.comments-template textarea, div.comments-template input {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	background: white;
	border: 1px solid #9a9a9a;
	min-height: 20px;
	}
div.comments-template textarea:focus, div.comments-template input:focus {
	background: #f7f7f7;
	}
textarea#comment {
	width: 572px;
	margin: 20px 0px;
	}
div.comments-template input[type=submit] {
	margin: 0px 0 15px 0; padding: 6px;
	color: #ffffff;
	border: 1px solid #656565;
	background: #9a9a9a;
	}
div.comments-template input[type=submit]:hover {
	background: #3fa1eb;
	}
div.comments-template input[type=submit]:active {
	padding: 7px 5px 5px 7px;
	}
#commentform p a img.avatar {
	position: relative;
	top: 3px;
	}
div.comment-text p {
	margin: 10px 0 0 0;
	}


/* Navigation Pages Attributes
---------------------------------------------------------------------*/
div#main-content div.category-page img {
	float: left;
	margin: 0 5px 5px 0; padding: 0;
	}
div#main-content div.category-page {
	clear: both;
	margin: 10px 0 55px 0;
	}
div#main-content div.category-page h2.posttitle {
	margin: 20px 0 30px 0;
	}
#main-content div.entry.category-page h2.posttitle a {
	font-size: 18px;
	}
#page-navigation {
	position: relative;
	font-weight: bold;
	padding: 0 10px;
	}
#page-navigation div.alignright {
	position: absolute;
	top: 0px; right: 10px;
	}

/* Contact Page Attributes
---------------------------------------------------------------------*/
form.wpcf7-form {
	font-size: 13px;
	}
form.wpcf7-form input {
	font-size: 14px;
	}
form.wpcf7-form textarea {
	border: 1px solid #b2b2b2;
	width: 300px;
	}
input.wpcf7-validates-as-required {
	border: 1px solid #b2b2b2;
	width: 290px; height: 15px;
	padding: 1px;
	}
input.wpcf7-validates-as-email.wpcf7-validates-as-required {
	border: 1px solid #b2b2b2;
	height: 15px;
	padding: 1px;
	}
#wpcf7-f1-p5436-o1 form.wpcf7-form p span.wpcf7-form-control-wrap.your-subject input {
	border: 1px solid #b2b2b2;
	width: 290px; height: 15px;
	padding: 1px;
	}

/* Various Pages Attributes
---------------------------------------------------------------------*/
body#newpostadv div#liked-this, body#newpostadv div.comments-template {
	display: none;
	}
body#newpostdisclaimer-techblogGR div#liked-this, body#newpostdisclaimer-techblogGR div.comments-template {
	display: none;
	}
body#smallnewsabout-techbloggr div#liked-this {
	display: none;
	}
span.search-terms { color: #70c1ff; }
body#categorycrew div#wrapper div#main-content div.entry img {
	float: left;
	margin: 5px 6px 2px 0;
	}
body#categorycrew div#wrapper div#main-content div.entry p {
	margin: 20px 0 40px 0;
	}
body#categorycrew div#wrapper div#main-content div.entry h2.posttitle {
	margin-bottom: 40px;
	}
body#categorycrew div#wrapper div#main-content div.entry strong {
	font-size: 16px;
	}
body#categorycrew div#wrapper div#main-content div.entry p.contact-crew {
	margin: -20px 0 20px 0;
	}


/* TechTV special Attributes
---------------------------------------------------------------------*/
body.techtv-page div#header a.logo {
	background: url(images/logo-tv.png) left bottom no-repeat;
	}
body.techtv-page div#header a.logo:hover {
	background-position: left top;
	}
body.techtv-page h2.posttitle { margin: 20px 0 35px 0; }


/* XMAS ATTRIBUTES
---------------------------------------------------------------------

div#header a.logo {
	background: url(xmas/logo.png) no-repeat 0 -34px;
	}
body.techtv-page div#header a.logo {
	background: url(xmas/logo-tv.png) 0 -34px no-repeat;
	}
body.techtv-page div#header a.logo:hover {
	background-position: 0 0;
	}

div#presents {
	clear: right;
	float: right;
	width: 174px; height: 60px;
	font-size: 120%;
	background: url(xmas/presents.jpg) no-repeat 150px 0;
	padding: 20px 150px 0px 0px; margin-top: 20px;
	}

div#footer { padding-bottom: 0; }
div#footer div#community-section {
	overflow: hidden;
	margin-bottom: 10px;
	}
div#footer div#xmas-bg {
	margin: 0 auto;
	background: url(xmas/footer.png) no-repeat center;
	}
div#footer div#xmas-credits {
	background: url(xmas/credits.jpg) no-repeat bottom center;
	}
div#footer ul#credits {
	background: none;
	padding-top: 0px; height: 26px;
	}
div#footer div.linkage {
	padding: 5px 0;
	}
div#footer div.linkage a { color: #333; }
div#footer div.linkage a:hover { color: #888; }    
---------------------------------------------------------------------*/




img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }