/* 
Theme Name: Gray_Alder
Theme URI: http://www.HassanOnOdesk.redillusion.com
Description: Gray Alder WordPress Theme 
Version: 1.2
Tags: Single-columns, left-sidebar, fixed-width, threaded-comments, Dark, Gray, Orange, Blue
Author: Hassan Mehmood
Author URI: http://www.HassanOnOdesk.redillusion.com

v1.2 - Wednesday, April 21, 2010 | Sunday, January 23, 2011
*/
body,td,th {
	color: #666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#7e7e7e;
}
body {
	background: #505050 url(images/bgMain.png) center top repeat-x;
	margin:0px;
}

#layoutManager { width:1008px;margin:0px auto;}
/************************************************
*	Header   	        			     	    * 
************************************************/
#header {float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF}
#header a{color:#ffffff; background:none; padding:0px; border:0px; margin:0px; top:0px; bottom:0px; float:none; text-shadow: none; text-decoration:none; min-height:0px; text-decoration:none}
#header .left{ width:240px; height:79px; padding:30px 0px 0px 54px; float:left; line-height:18px;}
.search{border:none; width:231px; height:26px; margin-top:5px; background:url(images/searchBg.png) no-repeat #8f8f8f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#searchFrom{padding: 0px;display: inline;float:right;}
#searchField{ border:none; width:190px; height:17px; margin:4px 5px 2px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#7e7e7e; background: none;}

#searchSubmit{ float:right; width:19px; height:18px; border:none; margin: 4px 4px 0px 0px; background:url(images/searchButton.png) no-repeat}

#header h6{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; padding: 0px 0px 0px 18px; margin: 0px 0px 0px 8px; background:url(images/icon_rss.png) no-repeat 0px 2px }
#header h6 a, a:link, a:visited, a:active{  font-weight:normal;}
#header h6 a:hover{  font-weight:bold;}

#header .right{ width:714px; height:109px; float:right; background:url(images/banner_top.png) no-repeat;}

/************************************************
*	Navigation 		      			     	    * 
************************************************/
#navigation {
	float:left;
	height:84px;
	width:1008px;
	background: url(images/bgNav.png) no-repeat;
	padding:0px;
	color:#FFFFFF;}
#navigation ul{	float: left; list-style: none; margin: 0px;	padding: 0px 0px 0px 30px;}

#navigation li{
	float: left;
	list-style: none;
	margin: 0px;
	padding:30px 15px 30px 15px ;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #707070;
}
	
#navigation li a, a:link, a:visited, a:active, a:hover{	float: left; color:#FFFFFF;	font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0px #707070;}
#navigation li ul a, a:link, a:visited, a:active, a:hover{ 	 list-style: none; margin: 0px;	padding:0px; 
}
#navigation li li a, a:link, a:visited, a:active, a:hover{ 	float: left; list-style: none; margin: 0px;	padding: 0px 0px 0px 30px;color:#FF0000}

#navigation .current_page_item a{ float: left; text-decoration: none; text-shadow: -1px -1px 0px #707070; color:#FFFFFF; background:url(images/over_01.png) no-repeat; min-height:45px; position: relative; top:-28px; font-weight: bold; padding:27px 10px 10px 25px}

#navigation .current_page_item a span{ height:82px; width:20px;	padding:0px; background:url(images/over_02.png) no-repeat right top; display: block;	position: absolute;	right: -20px; top: 0px;}

#navigation span{ height:20px; width:20px; background:#0033CC}/**/





#main {float:left; width:1008px; margin-bottom:10px;}
/************************************************
*	Sidebar	        			     	        * 
************************************************/
#sidebar {width:236px; float: left; padding:6px 6px 0px 52px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

#sidebar a{color:#ffffff; background:none; padding:0px; border:0px; margin:0px; top:0px; bottom:0px; float:none; text-shadow: none; text-decoration:underline; min-height:0px; font-weight:normal}
#sidebar a:link, a:visited, a:active{text-decoration:underline}
#sidebar a:hover {text-decoration:none}

#sidebar h5{width:200px; padding:13px 0px 0px 26px ; margin: 0px 0px 10px 0px;  font-size:14px; font-weight:bold; color:#DEDEDE;}
#sidebar .textwidget{}
#sidebar li{list-style: none; margin:0px 0px 0px -50px;}
#sidebar .widget{ width:216px; margin-bottom:10px; background:url(images/widget.png); padding: 0px 10px 10px 10px; 	-moz-border-radius: 10px; border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;}

#sidebar p{ }
#sidebar select{ width:215px; border:#777777 solid 1px }
.sidebarimage{ background:#CCFF00}
#sidebar li li{ list-style-image: url(images/bulletSquareOrange.png); margin-left:-20px; padding:0px 0px 8px 0px;}
#sidebarwidgeted{ padding:0px; margin:0px; float:right}


/************************************************
*	Content 	        			     	    * 
************************************************/
#content{width:706px; float:right; padding:0px 0px 0px 8px;background: url(images/bgContent2.png) repeat-y ;
}
#content a{color:#0046a9; background:none; padding:0px; border:0px; margin:0px; top:0px; float:none; text-shadow: none; text-decoration:none; font-weight:bold; min-height:0px;}
#content a:link, a:visited, a:active { text-decoration:none}
#content a:hover { text-decoration: underline}
#content h2, h3 {font-size:18px; color:#ff9c00; font-weight:normal}
#content h1 {font-size:24px; color:#ff9c00; font-weight:normal; padding:0px; margin:0px}
#content h4,#content h4 a{ font-size:24px; color:#ff9c00; height: auto; padding:0px; margin: 10px 0px 10px 0px; font-weight: normal}
#content h4 a:link, a:visited, a:active { text-decoration:none}
#content h4 a:hover { text-decoration: underline}
#content hr{ border:#f2f2f2 double 1px; height:3px; margin: 25px 0px 25px 0px;}
.container{width:650px; float:left; background:url(images/bgContent0.png) no-repeat; padding: 0px 9px 0px 9px; min-height:100px; margin-bottom:10px}
.containerWThreeBoxes{width:650px; float:left; background:url(images/bgContent1.png) no-repeat ; padding: 0px 9px 0px 9px; min-height:291px; margin-bottom:10px}
.contentFoot{width:714px; height:25px; float:right;  padding:0px; margin:0xp; background: url(images/bgContent3.png) bottom left no-repeat;}
#content img{ margin: 10px; display:block;}
#content h7{}
#content h7 a{color:#606060; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:normal; padding:0px; margin:0px}

.readMore{width:184px; height:25px; margin-top:-7px; background:url(images/readMoreN.png) center top no-repeat}
.readMore a{}
.readMore a, a:link, a:visited, a:active{ background:url(images/readMoreN.png) center top no-repeat}
.readMore a:hover{ background:url(images/readMoreO.png) center top no-repeat}

.box1{ float:left; width:184px; height:160px; padding: 120px 10px 10px 10px; background:#FFFFFF url(images/bg1.png) right top no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:#d1d1d1 solid 1px; margin:0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px !important;}
.box1 li{ margin-left:-20px; list-style-image:url(images/bulletStarOrange.png);}

.box2{ float:left; width:184px; height:160px; padding: 120px 10px 10px 10px;  background:#FFFFFF url(images/bg2.png) right top no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:#d1d1d1 solid 1px; margin: 0px 7px 0px 7px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px !important;}
.box2 li{ margin-left:-20px; list-style-image:url(images/bulletStarOrange.png);}

.box3{ float:left; width:184px; height:160px; padding: 120px 10px 10px 10px;  background:#FFFFFF url(images/bg3.png) right top no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:#d1d1d1 solid 1px; margin:0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px !important;}
.box3 li{ margin-left:-20px; list-style-image:url(images/bulletStarOrange.png);}

.boxPost{width:605px; float:left; padding:20px 0px 10px 10px ;
}
.postInfo{ width:605px; float:left; margin:0px 0px 8px 0px;   -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; background:#f2f2f2; font-size:10px; color:#7e7e7e
}
.postInfo h6{padding:2px; color: #993300;}
.postInfo h6 a,  a:link, a:visited, a:active{ color: #993300;}
.postInfo a{ color:#ffffff; background:none; padding:0px; border:0px; margin:0px; top:0px; bottom:0px; float:none; text-shadow: none; text-decoration:underline; min-height:0px; font-weight:normal}

.postCal{ width:52px; height:46px; padding-top:3px; background:url(images/bgCal.png) no-repeat; margin:10px; display:block; float:left}
.postMonth{width:52px; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; text-align:center}
.postDate{width:52px; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center}
.thumb{ width:100px; height:100px; margin: 0px 10px 10px 10px; display:block; float:left; border:#7e7e7e solid 1px; background:url(images/thumbBg.png)}

.archive { float: left;	width: 250px; margin:10px; padding: 0px 25px 20px 5px; color:#7e7e7e; font-size: 12px; font-weight:normal; background:#F5F5F5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:#d1d1d1 solid 1px;}
.archive h4{padding:0px}
.archive a{color:#7e7e7e !important; font-weight:normal !important; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.archive li{ margin-left:-10px; list-style-image:url(images/bulletStarOrange.png); margin-bottom:10px;}
#content h5,#content h5 a{ font-size:14px; color:#0046a9; height: auto; padding:0px; margin:0px; font-weight: bold}
#content h5 a:link, a:visited, a:active { text-decoration:none}
#content h5 a:hover { text-decoration: underline}

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

#footer{width:550px; float:right; padding:0px 140px 10px 8px; color:#FFFFFF; font-size:11px; font-weight:bold;  text-align:right; line-height:16px;}
#footer a, a:link, a:active, a:visited{color:#FFFFFF; text-decoration:none;
 background:none; padding:0px; border:0px; margin:0px; top:0px; float:none; text-shadow: none;}
#footer a:hover{color:#FFFFFF; text-decoration:underline}


.clear {
	clear: both;
	}
.mantar{
	display:none;
}
.breadcrumb{
	width:545px; float:none; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; background:#FFFFFF; color:#7e7e7e; padding:10px; margin: 8px 20px 0px 20px; border:#DDDDDD double 3px;
}	

#bannerAd{
	margin-left:5px;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
	width:590px;
	height:90px;
	padding:5px
}
/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 98%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}
	
#submit {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background:#ff9c00;
	color:#FFFFFF;
	border:#EEEEEE double 3px
}	
	
	
#author, #email, #url {
	width:300px;
	background: #EEEEEE !important;
	color: #0c7e8d;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Times, serif;
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	}
	
#comment {
	width:500px;
	background: #EEEEEE !important;
	color: #0c7e8d;
	font-size: 12px;
	
	font-family: Georgia, Times New Roman, Times, serif;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	}