/*  
Theme Name: Pradeep Sethi
Theme URI: http://www.pradeepsethi.com/
Description: The WordPress theme for PradeepSethi.com website. 
Version: 1.0
Author: Pradeep Sethi
Author URI: http://www.pradeepsethi.com/

	Color Codes used in CSS
	Black		:	#000000
	Gray		:	#333333
	Blue		:	#3366CC
	Light Blue	:	#EFF7FF
	Green		:	#668014
	Light Green	:	#F0FFFF
	Red			#B0171F
	Light Red	:	#FFF5EE	
	Gray		:	#8B8989
	Light Gray	:	#F4F1F1

*/

body {
	background-color: #333333;
	margin:20px 0px 20px 0px;
	font-family:calibri;
	font-size:14px
}

.post{

	margin-bottom:20px;
}

.post .title{
	font-size: 26px;
	color: #3366FF;
	text-decoration: none;
}
.post .title:hover{
	font-size: 26px;
	color:#FF0000;
	text-decoration: none;
}

.post .date{
	font-size:12px;
	padding: 2px 2px 2px 2px;
	font-family:Calibri;
}

.post .entry{
	font-size:14px;
	font-family:"Calibri", "Trebuchet MS",Verdana;
	letter-spacing:1px;
}

.post .entry .header{
	font-size:18px;
	font-weight:bold;
}

.post .entry .update{
	font-size:13px;
	background-color:#FFE6CB;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #990000;	
}

.post .entry .block {
	background-color:#FFE6CB;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #990000;	
}

.post .entry a, .post .entry a:hover{
	color:#3366CC;
	text-decoration:none;
}
.post .entry a:hover{
	color:#FF0000;
}

.post .entry .morelink, .post .entry .morelink:hover{
	display:block;
	padding:2px 2px 2px 2px;
	background-color:#000000; 
	color:#F4F1F1;
	text-decoration:none;
}
.post .entry .morelink:hover{
	background-color:#828282; 
}



.alignleft, .alignright, .alignright a, .alignleft a, .postmetadata a {
	color : #3366FF;
	font-weight: bolder;
	font-size:12px;
}
.alignright a:hover, .alignleft a:hover, .postmetadata a:hover {
	font-size: 12px;
	color: #FF0000;
	font-weight: bolder;
	text-decoration: underline;
}
.line {
	border-bottom:1px solid #8B8989;
}
	


#container
{
	padding:10px;
}
#adunit{
}
#menu
{
	background-color:#000000;
	border:thin #000000 solid; 
	border-left-color:gray; 
	border-right-color:gray;	
}


#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
#menu li {
	float: left;
	background-color:#333333;
	padding:5px 5px 5px 5px;
}		
#menu li a {
	display: block;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}


}

.grooveline{
	border-style:solid;
	border-width:0.1px;
	border-color:#8B8989;
}



.redbox, .bluebox, .greenbox, .greybox, .blackbox{
	border-style:dotted;
	border-width:thin;
	padding:4px;
	font-size:14px;	

}

.redbox{
	background-color:#FFF5EE;
	border-color:#B0171F;
	color:#B0171F;
}

.bluebox{
	background-color:#EFF7FF;
	border-color:#3366CC;
	color:#3366CC;	
}
.greybox{
	background-color:#F4F1F1;
	border-color:#8B8989;
	color:#8B8989;	
}

.greenbox{
	background-color:#F0FFFF ;
	border-color:#668014;
	color:#668014;
}

.blackbox{
	background-color:#FFFFFF;
	border-color:#000000;
	color:#668014;
}


/* Main Menu */
#menupanel {
	background-color:#000000;
	height: 30px;
}

#menuleft {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	background-color:#000000;
	font-family: Calibri;
	font-size: 14px
}

#menuleft ul {
	margin: 0px;
	padding: 0 0 0 10px !important;
	list-style: none
}

#menuleft li {
	display: inline;
	margin: 0;
	padding: 0
}

#menuleft a {
	float: left;
	background: url("http://www.pradeepsethi.com/images/tableft2.gif") no-repeat left top;
	background-position: 0% 20px;
	margin: 0 2px;
	padding: 0 0 0 4px;
	text-decoration: none
}

#menuleft a span {
	float: left;
	display: block;
	background: url("http://www.pradeepsethi.com/images/tabright2.gif") no-repeat right top;
	background-position: 0% 20px;
	padding: 10px 10px 9px 7px;
	color: #F4F1F1;
	text-transform: uppercase;
}

#menuleft a span {
	float: none
}

#menuleft a:hover span {
	color: #FFFFFF;
	background-position: 100% -19px	
}

#menuleft a:hover {
	background-position: 0% -19px
}
div#menuleft li.current a {
	background-position: 0% -19px !important;
}
div#menuleft li.current span {
	background: url("http://www.pradeepsethi.com/images/tabright2.gif") no-repeat right top !important;
	background-position: 100% -19px !important;
	color: #fff
}

/*Sidebar*/
#sbright{
	float:right; width:160px; 
}

#sbleft{
	float:left; width:140px; 
}
#sbleft p, #sbright p{
	background-color:#333333;
	color:#FFFFFF;
	padding:3px;
	font-size:14px;

}
#sbleft ul,#sbright ul{
margin-top:-12px;
}

#sbleft li,#sbright li {
		margin-left:-35px;
		border-bottom:1px #8B8989 solid;
		list-style-type:none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
        height: 24px;
        text-decoration: none;

}

#sbleft li a, #sbright li a{
        text-decoration: none;        
        padding: 8px 0 0 10px;
}

#sbleft li a:link, #sbleft li a:visited {
        color: #333333;
        display: block;
        padding: 8px 0 0 10px;
        }

#sbleft li a:hover, #sbleft li #current {
        color: #3366CC ;
        padding: 8px 0 0 10px;
}




/* Sidebar Tabs*/
.shadetabs{padding:3px 0;margin-left:0px;margin-top:1px;margin-bottom:0;font-family:Calibri;font-size:13px;list-style-type:none;text-align:left}
.shadetabs li{display:inline;margin:0}
.shadetabs li a{text-decoration:none;position:relative;z-index:1;padding:5px 7px;background-color:#828282;border:none;color:#fff!important;margin-right:-2px}
.shadetabs li a:visited{color:#fff!important}
.shadetabs li a:hover{text-decoration:none;color:#fff!important;background-color:#000000}
.shadetabs li a.selected{color:#c7c7c7!important;position:relative;top:0}
.shadetabs li a.selected{background-color:#000000;color:#fff}
.shadetabs li a.selected:hover{background-color:#000000;text-decoration:none}

#tabbody{width:308px;margin-left:0px;padding:5px 5px 5px 5px;background-color:#000000;color:#FFFFFF;border:1px solid #000000;margin-top:2px}
.tabcontent {color:#FFFFFF;font-size:11px }
.tabcontent li{list-style-type:none; margin-left :-35px;color:  :#b7b7b7; display:block;padding:5px 10px !important;border-bottom:1px solid  #111; }
.tabcontent li:hover{}
.tabcontent li a{color:#CDCDCD ;text-decoration:none;font-size:13px}
.tabcontent li a:hover{color:#3366cc ;text-decoration:none}
.tabcontent{display:none}


#comments li .commentmetadata{
	color:#333333;
	font-size:13px;
	background-color:#F4F1F1;
	border-bottom:thin #8B8989 solid;
	height:32px;
	vertical-align:middle;
}
#comments li .commentmetadata img{
margin-top=-10px;
}
#comments li .commentmetadata a,#comments li .commentmetadata a:hover{
	color:#3366CC;
	text-decoration:none;	
}
#comments li .commentmetadata a:hover{
	color:#FF0000;
}
#comments li .commentmetadata .date{
	padding-left:10px;
}
}
#comments li{
	color:#333333;
	font-size:12px;
}
#comments li .reply,#comments li .reply:hover{
	font-size:12px;
	background-color:#333333;
	color:#F4F1F1;
	padding:2px;
	text-decoration:none;
}
#comments li .reply:hover{
	background-color:#000000;
}
#comments .header {
	font-size:26px;
	color:#8b8989;
	font-weight:bold;
}

#reply {

	background-color:#F4F1F1;
	border:thin #8B8989 solid;
	padding:10px;
}

#reply .header {
	font-size:26px;
	color:#8b8989;
	font-weight:bold;
	
}
#reply .comment{
	font-size:13px;
	width:550px;	
	height:150px;
}
#reply label{
	width:200px;
}

#reply .submit,#reply .submit:hover{
	font-family:Calibri;
	font-size:20px;
	font-weight:bold;
	color:#F4F1F1;
	background-color:#000000;
	padding:5px;
	cursor:pointer;
}
#reply .submit:hover{
	color:#F4F1F1;
	background-color:#8b8989
}

#reply .textbox{
	width:300px;
}

/* Social Bookmarking */
#bookmark {
	float:right;
	margin: 0px;
}
#bookmark ul {
	display: inline;
}
#bookmark ul li {
	padding-right:10px;
	background: none;
	display: inline;
	list-style-type: none;
}
#bookmark img {
	border: 0;
} 		