/*  
Theme Name: The Design Superhero
Theme URI: http://www.thedesignsuperhero.com
Description: Private use only for aravind
Version: 1.0
Author: Aravind A
Author URI:http://www.thedesignsuperhero.com
*/

/*+++++++ BODY +++++++*/
* {
	margin: 0px;
	padding: 0px;
	list-style:none;
	outline:none;
	text-decoration:none;
}
body {
	background:#02090c url(images/bg_tds.jpg) no-repeat fixed center top;
	font-size:11px;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color:#a1a8b1;
}
/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2, h3 {
	font-size:15px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #AECDDB;
}

h4{
	font-size: 16px;
	border-bottom: 1px solid;
	padding: 6px 0;
	font-weight: normal;
	margin: 10px 0;
}
h2 img{
	margin-right: 5px;
}

a {
	color:#72b6cf;
}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 20px;
	border-left: 5px solid #090D10;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
a img {
	border: none;
}
pre {
	border: solid 1px #9a9a9a;
	color: blue;
	margin: 10px;
	padding:10px;
	background: #f3f2ed
}
code {
	font-size:1.0em;
	
}
.clear {
	clear:both;
	
}

.content .clear{
	margin-bottom: 20px;
}
.space {
	clear:both;
	height:20px;
	width:580px;
}
img {
	border:none;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
html>body #content ul {
	padding: 0 0 0 30px;
	padding-left: 10px;
}
html>body #content li {
	margin: 7px 0 8px 10px;
}

#content ol {
	padding:0;
	margin:0;
}
/*+++++++ MAIN +++++++*/
#wrapper {
	width:1000px;
	margin:20px auto 20px;
}
#main {
	width:980px;
	margin:auto;
	padding: 8px;
	background:url(images/transparent.png);
	border: 2px solid #000;
	overflow: hidden;
}
/*+++++++ HEADER +++++++*/
#header {
	width:1004px;
	height:72px;
	margin-bottom:10px;
}
#logo {
	width:350px;
	float:left;
	height:72px;
}
#logo h1 {
	text-indent:-9999px;
}
#logo h1 a {
	display:block;
	background:url(images/logo_the_design_superhero.png) no-repeat;
	height:72px;
}
#logo h1 a:hover{
	/*		-moz-opacity: 0.85;
		filter:alpha(opacity=85);
		-moz-opacity:.85; */
		opacity:.85;
}
#topsearch {
	float:right;
	width: 254px;
	height: 30px;
	background: url(images/sbox.png) no-repeat;
	margin:10px 5px 0 0;
}
#topsearch #s {
	float: left;
	margin: 6px 0 0 6px;
	border: 0;
	width: 210px;
	background: none;
	color:#333;
}
#topsearch #go {
	float: right;
	width:28px;
	height:30px;
}
/*+++++++ NAV +++++++*/
#nav {
	float: right;
	padding-top:30px;
}

#nav ul li {
	display:inline;
	height:25px;
	float:left;
	padding: 0 20px;
	line-height: 21px;
}
#nav ul li.current_page_item a {
	color:#9fc253;
	border: 1px dotted #123a4d
}
#nav ul li.current_page_item a:hover {
	color:#9fc253;
}
#nav ul li a {
	text-indent: -99999px;
	width: 70px;
	display: block;
	text-transform: uppercase
}
#nav ul li a:hover {
	color:#dadada;
}
#nav ul li.rsslink a {
	color:#ff6600;
}
#nav ul li a.home {
	background: url(images/home_link.png) no-repeat;
}
#nav ul li.page-item-2 a {
	background: url(images/about.png) no-repeat;
}
#nav ul li.page-item-5 a {
	background: url(images/freebies.png) no-repeat;
}
#nav ul li.page-item-32 a {
	background: url(images/contact.png) no-repeat;
}
#nav ul li.rsslink a {
	background: url(images/rss.png) no-repeat;
}
/*+++++++ CONTENT +++++++*/
.tweet-tweet {
	clear: both;
	height:  120px;
	background: url(images/top_banner.png) no-repeat 0 0;
	margin-top: 16px;
}
.tweet-tweet .latest-tweet {
	color:#A0A2A3;
	display:block;
	font-family:Georgia;
	font-size:14px;
	font-style:italic;
	padding:36px 0 0 100px;
	width:475px;
	float: left;
}
.tweet-tweet .latest-tweet a {
	display: block;
}

.tweet-tweet .latest-tweet span a{
	display: inline !important;
}
#content {
	float:left;
	width:500px;
	padding:25px;
	padding-right: 10px;
	padding-left: 50px;
	font-size: 12px;
}

#content .post-content a{

}

#content p img {
	border: 4px solid #2d353b;
}

#content a:hover{
		/* -moz-opacity: 0.75;
		filter:alpha(opacity=75);
		-moz-opacity:.75; */
		opacity:.75;
}

#sidebar {
	float:right;
	width:410px;
	font-size: 11px;
}
.boxes, .Categ {
	padding: 10px;
	overflow: hidden;
	height: 1%;
	margin-bottom: 3px;
	width: 240px;
}
.Categ #searchform label {
	display: none;
}

.ads {
	margin-right:1px;
}
.ads img {
	border:2px solid #101010;
}
.rss {
	background:url(images/rss.gif) left no-repeat;
	padding-left:35px;
}
.socialbar {
	background: url(images/spread_super__hero.jpg) no-repeat -3px 0;

	height: 78px;
	position: relative;

}

.socialbar .sociable{
	width: 380px;

	position: absolute;
	bottom: 4px;
		right: 0;
	padding: 8px 5px;
}

.socialbar .sociable li{
	margin: 1px !important;
}

/* .socialbar span {
	color:#FF6600;
}
.socialbar a{
	display: block;
	height: 35px;
	width: 42px;
}

.socialbar a.del{
	right: 260px;
}
.socialbar a.digg{
	right: 5px;

	}
.socialbar a.stumble{
	right: 210px;
}
.socialbar a.techno{
	right: 110px;
	}
.socialbar a.reddit{
	right: 60px;
}
.socialbar a.float{
	right: 160px;
} */
.subscribetext {
	color:#666;
	border:1px solid #9FC253;
	background:#9FC253;
	width:150px;
	padding:2px;
}
.subscribebutton {
	background-color:#72B6CF;
	border:none;
	font-size:11px;
	color:#000;
	font-weight:bold;
	padding:3px;
}

p.dlstat{
	font-style: italic;
}

div.similar-posts{
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 10px 25px;
margin-top: 15px;
background: #090d10;

}

.similar-posts li a{
	border: none !important;
}
.similar-posts li{
	margin-left: 0px !important;
	border-bottom:1px dotted #1A281F;
	padding-bottom: 5px;
}
.similar-posts ul{
padding: 0px !important;
}

#lsidebar {
	float:left;
	width: 260px;
	background: #000;
}
#rsidebar {
	float:right;
	width: 140px;
}


#rsidebar ul{
	margin-bottom: 20px;
}

#content p {
	padding-bottom:10px;
	line-height: 18px;
}
#content h2 {
	font-size:19px; 
	font-family: arial;
	text-transform:uppercase;
	padding-bottom:10px;
	color: #668ebd;
	letter-spacing: -1px;
	font-weight: normal;
}
#content h2 a {
	color: #668ebd;
}
#content p.info {
	font-size:10px;
	text-transform:uppercase;
	color:#66cccc;

}
#content p.postmetadata {
	background:url(images/postmeta.png) repeat-x;
	text-transform:uppercase;
	font-size:9px;
	line-height: normal;
	color:#66cccc;
	padding:3px 3px;
		border-bottom:1px dotted #1A281F;
	border-top:1px dotted #1A281F;
		margin-bottom:10px;
}
#content p.postmetadata a {
	color:#66cccc;
	font-weight:normal;
}
#content p.tags {
	background:url(images/line.png) repeat-x;
	text-transform:uppercase;
	font-size:10px;
	color:#ff6600;
	padding:0px;
}

#main #content .post{
	background: url(images/hr.png) no-repeat bottom;
	padding-bottom: 20px;
	margin-bottom: 35px;

}

.more-link{
		background: #0D1216;
		color: #fff;
				text-transform: uppercase;
		font-size: 9px;
		
	/* -moz-border-radius: 4px;
	-webkit-border-radius:4px; */
	clear: both;
	float: right;
	padding: 3px 6px;
	margin-top: 20px;	
}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation {

	height:20px;
	margin-bottom:20px;
}
.navigation span.older {
	background:url(images/older.png) no-repeat left;
	padding-left:20px;
}
.navigation span.newer {
	background:url(images/newer.png) no-repeat right;
	padding-right:20px;
}
/*+++++++ SIDEBAR +++++++*/
#sidebar h3, #sidebar h2 {
	padding-bottom:3px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #ccc;
	color:#AECDDB;
	font-size: 11px;
}
#lsidebar ul li, #rsidebar ul li ul li {

	border-bottom: 1px dotted #1A281F;
	
}

#rsidebar ul li a.twitter{
	background: url(images/twitter_icon.png) no-repeat 2px center;
	padding-left: 20px;
}

#rsidebar ul li a.linkedin{
	background: url(images/linkedin_icon.png) no-repeat 2px center;
	padding-left: 20px;
}


#rsidebar ul li a.facebook{
	background: url(images/facebook_icon.png) no-repeat 2px center;
	padding-left: 20px;
}


#rsidebar ul li a.orkut{
	background: url(images/orkut_icon.png) no-repeat 2px center;
	padding-left: 20px;
}

#rsidebar ul li a.deviantart{
	background: url(images/deviantart_12.png) no-repeat 2px center;
	padding-left: 20px;
}

#rsidebar ul li ul li:hover{
	background: #080C0E;
}

#sidebar ul li ul {
}

#sidebar p {
	padding-bottom:3px;
	line-height:140%;
}

#sidebar a:hover {
	color:#ccc;

}
#sidebar a:visited{
	color: #606060;

}
.tag_cloud a{
	display: inline !important;
}
.tag_cloud a:hover{
	margin: 2px;
	border-bottom: none !important;
}
#sidebar li a:hover {
	color:#ccc;
	margin-left: 1px;
		/*	-moz-opacity: 0.75;
		filter:alpha(opacity=75);
		-moz-opacity:.75;*/
		opacity:.75;
			background: #080C0E;
}
#sidebar a {
	color:#98C8CD;
	font-weight:normal;
	display: block;
	padding: 4px 5px;
	
}

#sidebar input#searchbox{
	background:url(images/search.png) no-repeat 0 0;
	border: none;
	font-size:12px;
	padding:4px 5px;
	width:229px;
	color: #ccc;
}

#sidebar #quick-search input.btn{
	border: none;
	background:url(images/find.png) no-repeat 0 -25px;
	height: 25px;
	width: 103px;
	cursor: pointer;
	display: none;
	 }
#sidebar #quick-search input.btn:hover{
	background:url(images/find.png) no-repeat 0 0;	
}

.delicious-posts h2 a{
	padding: 0px !important;
	cursor: default;
}

li.delicious-post a.delicious-link{
	padding-left: 0px !important;
	padding-bottom: 2px !important;
	font-size: 12px !important;
	font-weight: bold !important;
	background: none !important;
}
li.delicious-post a.delicious-link:hover{
	margin-left: 0px !important;
	background: none !important;
}

li.delicious-post{
	padding-bottom: 4px;
}

/*+++++++ COMMENT +++++++*/

.comment-section .comments{
	position: relative;
	background: #141f25;

	margin-bottom: 7px;
	border: 2px solid #000;
}
.comment-section h3{
	letter-spacing: normal !important;
	margin: 20px 0;
}
.comment-section img{
	border: none !important;
}
.author-id-1{
	border: 2px solid #004262 !important;
	/*background:url(images/logo.png) !important; */
	
}

.author-id-1 img.avatar{
	
}

.author-id-1 .comment-text{
	/* left: 0!important;
	width: 485px !important;
				opacity: .93 !important; 
				margin-bottom: 1px;
	-moz-opacity: .93 !important;
	filter: alpha(opacity=93) !important; */
}

.comments p{
	font-size: 11px;
	line-height: 13px !important;
	margin: 0px;

}

.comments span.date{
	float:right;
	font-size: 9px;
	color: #2d4764;
}
.comments span.user{
float: left;
font-weight: bold;
font-size: 12px;
}

.cleft {

	z-index: 0;
	top: 0;
	left: 0;
	float: left;


}

.comen {

	overflow: hidden;
	height: 1%;
}

.cright p.ucomen {
	background:#000000 none repeat scroll 0%;
	height:1%;
	left:0px;
	margin-bottom:1px;
	min-height:0pt !important;
	opacity:0.8;
	/*	-moz-opacity: .8;
	filter: alpha(opacity=80); */
	overflow:hidden;
	padding:7px !important;
	position:relative;
	top:0pt;
	width:418px;
	z-index:10;
}


.cright .comment-text{
	color: #fff;

	width: 412px;
	z-index: 10;
	top: 0;

	padding: 10px 10px 0;
	min-height: 26px;
	background: #000;
	float: left;
			opacity: .6;
	/* -moz-opacity: .6;
	filter: alpha(opacity=60); */
	
}
.comen .cright .ucomen {
	font-size:11px;
		color:#72b6cf;
}
.comen .cright .ucomen a {
	color:#72b6cf;
}

/*+++++++ FOOTER +++++++*/
#footer {
	width:100%;
	background:url(images/bg_tds.jpg) no-repeat center -100px;
	height:200px;
		font-size:11px;
	padding-top: 2px;
}

.credits{
	float: right;
	clear: both;
	font-size: 10px;
}

#footer .foot-in{
background: #000;
height: 200px;
opacity:0.9;
}

#footer .foot-in .foot-in1{
	width: 950px;
	margin: auto;
	
}

#footer .foot-in .foot-in1 a.footer-logo{
	float: right;
	margin: 20px 0;
}
#footer p {
	line-height:26px;
	padding-top:5px;
}

.ad-footer{
	width: 500px;
	float: left;
	margin-top: 42px;
}


.date-commnt {
	float: left;
	margin-left: -60px;
	margin-right: 10px;
	font-size: 9px;
	text-transform: uppercase;

	background: url(images/datestamp.png) no-repeat 0 0;
	height: 34px;
	width: 57px;
	padding-top: 3px;
}
.date-stamp, .comments-stamp {

	padding: 1px 5px 1px 10px;
	width: 50px;
		color: #000;
	font-weight: bold;
	
	/* filter:alpha(opacity=40);
	-moz-opacity:.40; */

}
.comments-stamp a {
	background: url(images/comments.png) no-repeat 0 1px;
	padding-left: 13px;
	color: #000812;
}
/*+++++++ GALLERY +++++++*/
.gallery {
	text-align:center;
}
.gallery img {
	padding:2px;
	height:100px;
	width:100px;
}
.gallery a:hover {
	background-color:#ffffff;
}
.attachment {
	text-align:center;
}
.attachment img {
	padding:2px;
	border:1px solid #999999;
}
.attachment a:hover {
	background-color:#FFFFFF;
}
.imgnav {
	text-align:center;
}
.imgleft {
	float:left;
}
.imgleft a:hover {
	background-color:#FFFFFF;
}
.imgleft img {
	padding:2px;
	border:1px solid #999999;
	height:100px;
	width:100px;
}
.imgright {
	float:right;
}
.imgright a:hover {
	background-color:#FFFFFF;
}
.imgright img {
	padding:2px;
	border:1px solid #999999;
	height:100px;
	width:100px;
}


ul#visualizeus { 
	display:block;
	float:left;
	padding-left:25px;
	padding-top:35px;
 }
#visualizeus li 
{
	display:inline !important; 
	border:0 !important; 
	margin:0 !important; 
	padding:0 !important; 
	text-indent:0 !important; 
}

#visualizeus img {
	margin-bottom:0 !important; 
	margin: 0 2px 0; 
	height:60px; 
	width: 75px; 
	border: 3px solid #ad9701;	 
}

#visualizeus img:hover{
	/* filter:alpha(opacity=70);-moz-opacity:.70; */ opacity:.70;
}

#visualizeus a#logo {
	font-weight:normal; 
	text-decoration:none; 
	width:95px; 
	display:block; 
	background-color:#111; 
	color:#fff; 
	margin-top:12px; 
	text-align:center; 
	padding:2px 0; 
	line-height:1.3em; 
}

.hresume #main{
	width: auto !important;
}

.pagination{
	padding: 4px;
	text-align: center;
	background: #0D1216;
}

.pagination .on{
padding:5px 10px;
	background: #13171A;	
}

.pagination span{
	display: none;
}

.pagination a{
	padding: 0 10px;
}

.pagination a:hover{
	padding:5px 10px;
	background: #273137;	
}

.post ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

.post img{
	max-width: 490px;
}

.post h3{
	font-size:17px;
margin:15px 0;
letter-spacing: 1px;
}

/*  contact form  */

.contactform{
	font-size: 11px;
	padding: 15px 0;
}

.contactform label, #commentform label{
	width: 100px;
	display: block;
	float: left;
	padding-top: 5px;
	font-size: 11px;
}
.contactform input, #commentform input{
	background: #aeaeae;
	border: 2px solid #080e14;
	font-size:12px;
	padding:4px 5px;
	width:350px;
	margin-bottom: 8px;
	font-family: "lucida grande", arial;
	/* -moz-border-radius: 3px;
	-webkit-border-radius:3px; */
	}
	
	.contactform textarea, #commentform textarea{
	background: #aeaeae;
	border: 2px solid #080e14;
	font-size:12px;
	padding:4px 5px;
	width:350px;
	margin-bottom: 8px;
	font-family: "lucida grande", arial;
	/* -moz-border-radius: 3px;
	-webkit-border-radius:3px; */

	}
.contactform strong{
	padding: 10px 0;
	text-align: center;
	display: block;
}

.validation{
	text-transform: uppercase;
	text-align: center;
	font-size: 9px;
	padding-top: 5px;
}
	
	input#contactsubmit, input#submit{
		width: 102px;
		height: 24px;
		background:url(images/submit.png) no-repeat 0 0;
		text-indent: -9999px;
		color: #fff;
		cursor: pointer;
		margin-left: 100px;
		border: none;
		
	}
	
	input#contactsubmit:active, input#submit:active{
		margin-top: 1px;
	}
	
	/* search results */
	
.search-results h2{
	margin-bottom: 15px;
}
.search-results h3{
	letter-spacing: normal !important;
}
	
.search-results p.info{
	border-bottom: 1px dotted #000;
	margin-bottom: 10px
}


img.wp-smiley{
	border: none !important;
}

.ad-in-feed{	
	display: none;
}

/* tag cloud */

			.tag_cloud
			{
				font-family: Arial;
				text-align: center;
				margin: 5px 0 15px 0;
			}
			.tag_cloud a
			{
				text-decoration:none;
			}
			.tag_cloud a:hover
			{
				text-decoration: none;
				border-bottom-width: 1px;
				border-bottom-style: dotted;
			}
			.tier5
			{
				font-weight: bold;
				font-size: 20px;
			}
			.tier4
			{
				font-weight: bold;
				font-size: 16px;
			}
			.tier3
			{
				font-size: 14px;
			}
			.tier2
			{
				font-size: 12px;
			}
			.tier1
			{
				font-size: 10px;
			}