/*
Theme Name:SEO Gray
Theme URI: http://prasanth.opdyne.com/
Description: Plug and Play SEO friendly theme
Version: 1.0
Author: Prasanth P
Author URI: http://www.prasanth.opdyne.com/

*/

img, img a{border:none;}

*{padding:0; margin:0;}
body{font-family:Arial; font-size:13px; color:#333333; background-color:#8A8A8A; line-height:150%;}
img, img a{border:none;}

#wrapper{width:950px; margin:auto; background-color:#FFFFFF;}

#header{}

#nav{background-color:#333333; padding:5px}

#menu{background-color:#333333; padding:5px; font-weight:bold; float:left; text-transform:uppercase;}
#menu li{float: left; list-style:none;}
#menu li a{	display: block;}
#menu a, #menu a:visited{color:#ccc; text-decoration:none; margin-left:25px;}
#menu a:hover{color:#fff; }

#search{float:right;}
#search input{border:1px solid #000; padding:3px 4px; width:200px; margin-right:12px; margin-top:5px; background:#fff url(images/search.gif) no-repeat right center;}

.headerbox{width:200px; float:left; color:#999999; margin-right:5px; padding:5px 2px; height:150px; overflow:hidden;}
.headerbox li:hover{text-decoration:none; background-color:#f4f4f4; color:#333;}
.headerbox li{padding:2px; border-bottom:1px solid #e5e5e5; list-style-position:inside; list-style:none; display:block;} 
.headerbox li a{text-decoration:none; color:#999; display:block;}
.headerbox li a:hover{text-decoration:none; background-color:#f4f4f4; color:#333;}
.headerbox strong{color:#666; margin-bottom:5px; font-weight:600;}
.headerbox img{margin:1px 2px;}

*html .headerbox{width:195px;}

*html .subscribebox{float:right; margin-right:5px; width:210px;}
.subscribebox{width:200px; float:left; padding:5px 0; margin:0 0 10px 0; text-align:right;}
.subscribebox a{text-decoration:none; border-bottom:1px dotted #ccc; color:#666;}
.subscribebox a:hover{color:#333; border-bottom:1px solid #333;} 
.subscribebox img a{border-bottom:none;}

.logo{float:left; margin:25px 5px;}

.clear{clear:both;}


#footer{background-color:#000; color:#ccc; padding:5px; font-size:10px;}
#footer a{text-decoration:none; color:#d4d4d4; border-bottom:1px dashed #ccc;}
#footer a:hover{border-bottom:1px solid #ccc; color:#f4f4f4;}

#therightcontent{width:325px;margin:20px 10px;	float:right;color: #666;}

*html #therightcontent{width:320px;}

#therightcontent ul{ list-style-type:none;
}
#therightcontent h2, h2.widgettitle{	font-size:16px;	font-weight:bold;padding:5px;	border-bottom:1px solid #333;	margin:20px 0 10px 0;	color:#333;	border-left-color: #333;	border-left-style: solid;	border-left-width: thick;}

#therightcontent ul li{ list-style-type:none;color: #333333; margin:5px 0;}

#therightcontent ul li a{color: #666666;text-decoration:none; border-bottom:1px dotted #ccc;font-size:12px;padding-top:5px;}

#therightcontent ul li a:hover{
color:#333;
border-bottom:1px solid #ccc;}

#therightcontent li a{	color: #666;
text-decoration:none;
border-bottom:1px dotted #ccc;
font-size:12px;
padding-top:5px;
}

#therightcontent li a:hover{color:#333; border-bottom:1px solid #ccc;}

#therightcontent img a{text-decoration:none; border:none;}

#adunits{background-color:#FFFFFF;width:320px; float:right; height:125px; border:1px solid #e5e5e5; padding:5px 5px 5px 0;}
.ad{margin-left:5px;}

/*#sidebar{width:325px; margin:20px 0 20px 0; border:1px solid #e5e5e5; float:right; background-color:#f4f4f4;}*/

#theleftcontent{width:550px; float:left; margin:20px 15px;}

*html #theleftcontent{margin:20px 8px;}



#theleftcontent h1{font-size:17px;text-decoration:none; color:#333333;  padding:2px 3px; line-height:180%;}


#theleftcontent h2{background:url("images/asterisk_orange.png") no-repeat left center; padding:2px 5px 2px 20px; border-bottom:1px dotted #333; font-size:17px; line-height:180%; margin-bottom:20px; text-align:left;}


h4{margin:10px 0; padding:10px 0;}

/*subscribe*/
.subscribe{text-align:right; padding-right:5px; font-weight:bold; margin-top:5px;}
.subscribe a{border:none;}
.subscribe a:hover{border:none; text-decoration:none;}

/*the post styles*/


.post, .textwidget{padding-bottom:10px; margin:5px 0 10px 0; padding:2px 5px; text-align:justify; font-size:12px;}
.post a{text-decoration:none; color:#333; border-bottom:1px dotted #666; padding:1px;}
.post a:hover{background-color:#f4f4f4; border-color:#C0C0C0;}
.post p{margin:3px 0; padding:0;}
.post li{margin:5px 3px 5px 15px; padding-left:5px;}
.post blockquote{margin-left:20px; background-color:#f8f8f8; border-left:5px solid #333; padding:5px;}


#featured{background-color:#F8F8F8;padding:2px 10px; border:1px solid #e5e5e5;}
#featured a{text-decoration:none; border-bottom:1px dotted #333; color:#000; padding:2px 3px;}
#featured a:hover{background-color:#000; color:#fff;padding:2px 3px; margin:0 2px; }

#featured h1 a{padding:5px 2px 2px 20px; margin:0 2px; background:url("images/asterisk_orange.png") no-repeat left center;}
#featured h1 a:hover{background-color:#000; color:#fff;padding:5px 2px 2px 20px; margin:0 2px; background:#000 url("images/asterisk_orange.png") no-repeat left center;}
#featured h3{font-size:10px; color:#000; margin:0; padding:0; float:right;}


*html .posttitle a, *html .posttitle a:visited{background:url("images/asterisk_orange.png");background-repeat:no-repeat; background-position:5px 2px; padding-left:25px; text-align:left;}

.posttitle a, .posttitle a:visited{text-decoration:none; color:#333333; margin-left:5px;border-bottom:1px dotted #e5e5e5;text-align:left;line-height:180%;padding:5px 2px 2px 20px;background:url("images/asterisk_orange.png") no-repeat left center;}
.posttitle a:hover{text-decoration:none; color:#000; background-color:#f4f4f4; border-color:#C0C0C0;}

.postdetails{font-size:10px; color:#565656; margin:0; padding-left:10px; border-bottom-color:#666;} 
.postdetails a{text-decoration:bold; color:#000000;}
.postdetails a:hover{border-bottom:1px solid #ccc; background-color:#D5D5D5;}

.postcontent{font-size:12px; margin-top:5px; margin-left:10px;}

.submit{margin-top:10px; text-align:center; width:210px;}
.email{width:200px;}



#commentlist{}
#commentlist a{text-decoration:none; color:#666666;}
#commentlist a:hover{color:#333; }
#commentlist li{margin:5px 0 20px 20px; border-bottom:1px dashed #ccc; padding:5px; background-color:#f4f4f4;}


input{border:1px solid #ccc; padding:2px 3px; margin:3px;width:240px; font-size:12px;}
input:focus{border:1px solid #333;}

textarea{height:250px; overflow:auto; border:1px solid #ccc; padding:2px; width:520px;}
textarea:focus{border:1px solid #333;}




#categories{padding:5px 20px; margin:auto; font-size:12px; font-family:Arial; background-color:#000000;}
#categories li{list-style:none; margin:0 10px; padding:2px; background-color:#000000; display:inline;}
#categories li a{text-decoration:none; display:block; color:#f4f4f4;padding:1px 4px; background-color:#000000; display:inline;}
#categories li a:hover{color:#000; background-color:#f4f4f4; text-decoration:none;}
#categories h2{font-size:12px; margin:0; padding:0; font-weight:normal;}

#bookmarks a{text-decoration:none; border:none; background:none;}
#bookmarks img a{text-decoration:none; border:none; background:none;}

.threecolumn { margin: 10px 0; background: #222; font-size:10px; color:#e5e5e5;}
.threecolumn h3 { padding: 30px 10px 0px 20px; margin: 0px 10px 0px 10px; color:#FFFFFF; font-size: 16px; letter-spacing: 1px; text-align:left;}


.picture{float:left; margin-right:5px;}

.threecolumn ul { padding: 5px; margin: 5px; color:#000000; font-size: 12px; letter-spacing: 1px;}
.threecolumn li { padding: 2px; color:#bfbfbf; line-height:130%; margin-left:5px; background-image:url(images/footer_bullet.gif); background-repeat:no-repeat; list-style:none; padding-left:15px;}
.threecolumn li a {text-decoration:underline; color:#bfbfbf;}
.threecolumn li a:hover { color:#f4f4f4; text-decoration:none;}

.threecolumn .foot { width: 290px; float: left; background: #222; padding:5px; margin-left:10px; font-size: 12px; color:#BFBFBF; }
.threecolumn .foot h1{color:#f4f4f4; font-size:13px; padding:0 0 2px 0; margin-bottom:3px; background:#000;padding:2px 5px; width:auto;}
.threecolumn .text{color:#c8c8c8; padding:5px 40px; font-size: 10px; letter-spacing: 1px;}
.threecolumn .clear{clear:both;}

.black{background-color:#000; color:#f4f4f4; padding:5px 10px; font-size:16px; font-weight:bold;}
.right{float:right; clear:both; position:relative; top:20px;}
.right img{margin-right:15px;}
.right img a{border:none;}