/*  
Theme Name: techicon
Theme URI: http://www.blogohblog.com
Description: A widget ready, 4-column wordpress theme suited for technology blogs.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background-color:#999999;color:#333;font:11px Verdana;margin-bottom:20px; line-height:20px;}
#wrapper{background-color:#FFFFFF;margin:20px auto;width:1024px; padding-bottom:3px;}
#topbar {width:1024px;height:60px; margin:auto;}
#topbarleft {float:left;width:100%;}
#topbarright {float:right;width:200px;}
#topsubbar {width:1000px;margin:auto;background-color:#B5C3D3;height:30px;clear:both;}
#header {width:1024px; height:100px; background:url(images/stripe.png) repeat-x; text-align:center; }
#header h1{padding-top:20px;}
h2 {font-size:16px; font-weight:lighter;}
#header h2{color:#CCCCCC; padding-top:15px; font-weight:lighter;}
#header h1 a {font-size:40px; color:#FFFFFF; text-decoration:none; font-weight:lighter;}
#header h1 a:hover {font-size:40px; color: #CCCCCC; text-decoration:none; font-weight:lighter;}
#cats_list {width:1000px; height:200px; margin:auto; background-color:#B5C3D3;}
#title {padding-left:10px; padding-right:10px; padding-top:5px; height:25px; text-transform: uppercase;}
#title1 {float:left;}
#title2 {float:left; padding-left:252px;}
#title3 {float:left; padding-left:252px;}
#values {padding-left:10px; padding-right:10px;  font-size:11px; }
#value1 {float:left; background-color:#FFFFFF; width:300px; height:140px;padding:10px;}
#value2 {float:left; background-color:#FFFFFF; width:300px; height:140px; padding:10px; margin-left:10px;}
#value3 {float:left; background-color:#FFFFFF; width:300px; height:140px; padding:10px; margin-left:10px;}
#clock{float:right;width:300px;text-align:right;margin:0;padding:3px 20px 0 0;color:#000000;}
#main {padding:10px; margin:auto;}
h2 a:link,h2 a:visited{ font-size:19px; color: #003366; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000000;}

/**************** Entry *********************/
#values .cat-item { margin-left:20px;list-style-type:circle;}
#values .cat-item-tab { margin-left:40px;list-style-type:circle;}
.entry{ float:left;width:715px; background-color:#F0F0F0; padding-bottom:10px; }
.entry h2{padding-bottom:6px;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px;text-align:justify; margin-bottom:10px;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postbg{font-size:12px;}

/**************** Links *********************/
a:link, a:visited{color: #003366;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}

/**************** Navigation *********************/
#navigation{height:30px;}
#menu{margin:5px;float:left;}
#menu li{display:inline;list-style:none;text-transform:uppercase;font-weight:bold; padding:5px;border-right: 1px solid;}
#right-menu{margin:5px;float:right;}
#right-menu li{display:inline;list-style:none;text-transform:uppercase;font-weight:bold; padding:5px;border-left: 1px solid;}
.page_item a:link, .page_item a:visited{color: #3333333; padding:8px;}
.page_item a:hover { text-decoration:none;}

/**************** Sidebars *********************/
#sidebar {width:270px; background-color:#F3F1D8;float:left; margin-left:5px; font-size:11px; padding:0 10px 5px 0;}
#sidebar h2{font-weight:bold;font-size:14px; line-height:20px; text-transform: uppercase; text-align: center;background:transparent url(images/stripe.png) repeat-x scroll 0 0; color: #FFFFFF; padding : 2px;}
#sidebar h3{font-weight:normal;font-size:11px; text-align: center; padding:5px; margin-top:5px;}
#sidebar ul{list-style-type:none;}
#sidebar ul li{list-style-type:none;margin-left:15px;margin-top:10px;}
#sidebar ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebar ul li ul li{border:0;display:block;margin:0px;padding:0px; margin-left: 25px;}
table#wp-calendar{ width: 200px; margin:5px auto;text-align:center;}
#today {font-weight:bold}
table#wp-calendar a{text-decoration:underline;}
#sidebar p{padding:0 5px;}


/**************** Search *********************/
#topsearch{padding:5px;margin-left:20px;margin-top:5px;}
#topsearch input[type="text"]{ border:1px solid #006699; width:220px; color: #333333;font:1em Verdana;padding:3px;}
#topsearch input[type="submit"] { border:1px solid #006699;color: #333333;font:0.8em;padding:1px;}
h2.search {font-weight:lighter; font-size:26px;line-height:32px;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em; font-size:11px; width:10em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #999999;}

/**************** Footer *********************/
#footer{color:#ffffff; background:url(images/stripe.png) repeat-x;padding:5px; width:990px; margin:10px auto; text-align:right;}
#footer a:link, #footer a:visited{color:#ffffff;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding-right:20px;}
.alignleft{float:left; padding-left:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
