/*  
Theme Name: evalKits
*/

/**********
*  Basic  *
***********/

body {
	
	background:#FFFFFF url(http://www.evalkits.com/images/template/headerBG_yBase25.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 75%; /* Resets 1em to 12px */
	line-height : 1.5em;
	font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif; 
	color: #000000;
}

p {
	margin: 0.8em 0;
}

ol, ul {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0 0 0 15px;
}

ol {
	padding: 0 0 0 20px;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; 
	text-align:left;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }

hr {/* to be styled */}

a:link,
a:visited {
	color: #345296;
	font-weight:bold;
	text-decoration: none;
}

a:hover,
a:active {
	color: #345296;
	font-weight:bold;
	text-decoration: underline;
}

input, textarea, select {
	border: 1px solid #333333;
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif; 
	padding:1px 2px;
}

.searchText	{ border:1px solid #333333; color: black; font-size: 10px; width: 150px; padding: 2px 3px; }
.button	{ border: 1px solid #585346; background: #B18E00 url('http://www.evalkits.com/images/template/buttonBG.gif') repeat-x; font-weight:bold; font-size:10px; padding:1px 3px; }


blockquote {
	margin: 0 20px;
	padding: 0 10px 0 25px;
	border-left: 4px solid #c9ee58;
}

code {
	font-family: monospace;
	color: #666;
}

form, img, img a {
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset	{
	border : 0 none;
	margin : 0;
	padding : 0;
}

.small {
	font-size: 0.9em;
	color: #999;
}

.alignleft {
	float: left;
	margin-right: 10px;
	clear: left;
}
.alignright {
	float: right;
	margin-left: 10px;
	clear: right;
}


.clear	{ height:1px; overflow:hidden; clear:both; }

/***********
*  Layout  *
************/

#wrapper {
	width: 970px;
	margin: 0 auto 10px;
	height:100%;
	padding: 0;
	text-align: left;
	overflow:visible;
}

#content {
	float:left;
	text-align:left;
	width: 745px;
	height:100%;
	display: block;
}

#sidebar {
	float: left;
	height:100%;
	margin: 0 20px 0 0;
	width: 170px;
	padding: 0px 8px 0;
	display: block;
}
#sidebar p	{ padding-bottom:8px; background: url(http://www.onlinecomponents.com/images/dashed_horz.gif) repeat-x left bottom; }
#sidebar img { text-align:center; padding-bottom:8px; }



#content_extended {
	float:left;
	text-align:left;
	padding:10px 0px 0px 15px;
	width: 700px;
	min-height:421px;
	display: block;
}

/***********
*  Header  *
************/


#header {
	height: 92px;
	margin : 0;
	padding: 0;
}

#header h1 {
	margin: 10px 0 0 40px;
	font-size: 2em;
}
#header h1 a {
	color: #80904F;
}	

#headBase 		{ 
	height:25px; 
	line-height:25px;
	color:#2f3664; 
	margin: 0 0 15px;
	padding:0; 
}
	#headBase UL { line-height : 25px; } 

#headLogo		{ float:left; width:340px; height:57px; margin:35px 0 0; }
#headSearch		{ float:right; width:560px; text-align:right; margin-right: 10px; padding-top:50px; font-weight:bold; color: white; }

/* Navigation Menu */

ul.menu {
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}

ul.menu li {
	margin: 0 2px;
	display: inline;
}

ul.menu li a { 
	padding: 2px 8px 2px;
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	color: #003993;
	border-left : 1px solid #6d85a3;
}

ul.menu li a:hover {
	background: #003993;
	text-decoration: none;
	color: #fff;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:hover {
	background: #6d85a3;
	text-decoration: none;
	color: #fff;
}


/************
*  Sidebar  *
*************/
/*
#sidebar h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
*/


#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*

#sidebar ul li {
	margin: 0 0 15px;
	padding: 0;
	display: block;
}


#sidebar ul li a {
	display: inline;
}
*/

#sidebar p {
	margin: 0;
	padding: 0 10px;
	border : 0 none;
	background: none;
}

/*
#sidebar ul ul {
	margin: 2px 0 0;
	padding: 0;
	border : 0 none;
	background: none;
}

#sidebar ul ul ul {
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar ul ul li {
	padding: 0;
	margin: 0;
	font-size : 0.9em;
}
*/

DIV.box		{ border: 1px solid #cccccc; margin-bottom: 10px; }
	DIV.box H2		{ font-size : 14px; color: #333366; margin: 0px; height:20px; padding-top: 3px; padding-left: 3px; background-color: #cccccc; line-height:normal; }
	DIV.box DIV.menuItem, DIV.box DIV.menuItemOver		{ border-top: 1px solid #cccccc; background: url('http://www.evalkits.com/images/template/yarrow_r_11_pad3.gif') right no-repeat; height:19px; line-height:19px; padding-left:3px; }
	DIV.box DIV.menuItem		{ background-color: #ffffff; }
	DIV.box DIV.menuItemOver	{ background-color: #ededed; } 
	DIV.box	DIV.singleItem		{ border-top: 0 none; }

.nav {
	padding:0; margin:0; 
	list-style:none; 
	font:normal 11px Arial,Helvetica,Tahoma,Verdana,sans-serif; 
	background:#fff; 
	position:relative; z-index:190;
}


	.nav li	{
		background : #ffffff;
		height:19px; line-height:19px;
		margin:0;
		padding:0;
		display : block;
	}	
		
		.nav li a {
			display:block; white-space:nowrap;
			border-top: 1px solid #cccccc; 
			background: #fff;
			height:19px; 
			padding-left:3px;
			padding-right:25px;
			text-decoration:none;
			font-weight:normal;
		}

			.nav li a.ext {
				background: url('http://www.evalkits.com/images/template/yarrow_r_11_pad3.gif') right no-repeat; 
			}
			
		.nav li a:hover {
			background-color: #eee; 
		}



/*  Customizing Sidebar  */

#sidebar #sb-posts li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-blc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-grc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-feeds li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-cates li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-archives li { /* background: url(images/*.gif) no-repeat 0 2px; */ }
#sidebar #sb-misc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #s {
	margin: 0;
	width: 120px !important;
	width: 128px;
}

/************
*  Entries  *
*************/

.post {
	padding-bottom : 10px;
	border-bottom : 1px dashed #CCCCCC;
	margin-bottom:10px;
	margin-right:15px;
}

.posthead	{
	border: solid #cccccc;
	border-width : 0 0 1px;
	margin-bottom:3px;
}

.posttitle {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#003993; 
	padding:0;
	margin:0;
	width: 100%;
	overflow: auto;
	text-transform: uppercase;
}

.posttitle a {
	padding: 0;
}

.posttitle a:link,
.posttitle a:visited {
	color: #003993;
}

.posttitle a:hover,
.posttitle a:active {
	color: #003993;
	text-decoration: underline;
}

.postmeta {
	padding: 0;
	font-size: 0.8em;
	color: #666666;
	line-height : 1.3em;
}
.postmeta a {
	color: #385c7a;
	font-weight:bold;
}

.postauthorpic {
	float:right;
	margin-left:15px;
	width:100px;
	text-align:right;
	margin-right:7px;
}

.postentry {
	width: 100%;
	margin: 0;
	padding: 0 2px;
	text-align: justify;
	color: #000000;
	clear: both;
	margin-bottom: 1em;
}

.postentry a:hover {
	text-decoration: underline;
}

/* .img in the post */
.postentry img {
	padding: 4px;
	border: 0px none #ffffff;
}

/* LI in the post */
.postentry UL LI, .postentry OL LI {
	margin-bottom : 0.75em;
}

img.noborder {
	padding: 0;
	border: none;
}

img.wp-smiley {
	border: none;
	}

.postfeedback {
	text-align: left;
	clear:both;
	display:block;
	line-height:1.9em;
}

.postfeedback A { font-weight:bold; }

/* Page Navigation */
.pagenav,
.pagenav-alt {
	float: left;
	margin: 10px 0;
	padding: 0 5px 1px 5px;
	border: 0 none #ffffff;
	background: #faffee;
	font-family: Verdana;
	font-size: 0.9em;
}
.pagenav-alt {
	width: 460px;
	text-align: right;
}

/* Tags & del.icio.us */
.utwtags {
	padding: 5px 0 0 18px;
	background: url(../images/technorati.gif) no-repeat left bottom;
	clear: both;
}
.utwtags a {
	color: #003993;
}

.delicious {
	padding: 5px 0 0 18px;
	background: url(../images/delicious.gif) no-repeat left bottom;
	clear: both;
}
.delicious a {
	color: #003993;
}
.delicious a:hover {
	color: #003993;
}

.commentslink {
/*	padding: 0 0 0 15px;
	font-family: Verdana, Arial, Sans-Serif;
	background: url(../images/comments.gif) no-repeat left center;
*/ }


/*************
*  Comments  *
**************/

#comments	{
	clear:both; 
	color : #333333;
}
#comments A	{
	color : #333333;
}

#postcomment	{
	clear:both; 
	color : #333333;
}

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	list-style-type: none;
}

#commentlist li {
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding: 1px 7px 10px;
	background: #ffffff;
	color: #333333;
}

h3.commenttitle {
	margin: 14px 0 0 0;
	font-family: tahoma, Arial, Sans-Serif;
	font-size: 1em;
	color: #333333;
}

.commentmeta {
	margin: 4px 0 0 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	color: #999;
}

.commentmeta a:link,
.commentmeta a:visited,
.commentmeta a:hover,
.commentmeta a:active {
	color: #aaaaaa;
}

#commentlist hr {
	width: 100%;
	height: 1px;
	color: #eff3e4;
}

/* Comment Counter */
.commentcounter {
	float: right;
	margin: 15px 0 0;
	padding: 5px;
	color: #f3f3f3;
	font-family: 'Century Gothic', Verdana, Sans-Serif;
	font-size: 21px;
	font-style: italic;
	font-weight: bold;
	background-color:#cccccc;
}
#commentlist .adminreply {
	color: #000000;
}
#commentlist .adminreply {
	background: #f3f3f3;
}

/* Gravatar */
.commentgravatar {
	float: left;
	margin: 12px 6px 0 0;
	padding: 0;
	width : 47px;
}

img.gravatar {
	padding: 1px;
	border: 1px solid #ddd;
}

.commentbody {
	width: 500px; float:left;
}


input#author,
input#email,
input#url {
	width: 200px;
	height: 16px;
	padding: 1px 5px 0;
	}
textarea#comment {
	width: 460px;
	height: 190px;
	padding: 5px;
	}


/***********
*  Footer  *
************/

#footer {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#footer p {
	margin: 0 14px;
	padding: 6px 10px;
	background: #dcdfe6;
	font-family: tahoma, Arial, Sans-Serif, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}


/*
#footer p a,
#footer p a:link,
#footer p a:visited {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover,
#footer p a:active {
	color: #fff;
	text-decoration: underline;
}
*/

/**************
*   Plugins   *
***************/

/* Sweet Title */
body div#toolTip {
	position: absolute;
	z-index: 1000;
	width: 220px;
	background: #dcdfe6;
	border: 2px double #10165f;
	text-align: left;
	padding: 5px;
	min-height: 1em;
/*	-moz-border-radius: 5px; */
}

	body div#toolTip p {
		margin: 0;
		padding: 0;
		color: #222222;
		font: 11px/12px tahoma, arial, helvetica, Sans-Serif;
	}

		body div#toolTip p em {
			display: block;
			margin-top: 2px;
			color: #222222;
			font-style: normal;
			font-weight: normal;
		}

			body div#toolTip p em span {
				font-weight: bold;
				color: #fff;
			}


.error {
	border: 1px solid #FC3307;
	color: #FC3307;
}

.message {
	border: 1px solid #999999;
}

.quote {
	border-left: 1px solid #999999;
	margin-left: 15px;
	padding:3px 5px 3px 15px;
	background : #eeeeee;
}
p.error, p.message {
	padding: 1em;
}