/*
Theme Name: Developer Portfolio
Theme URI: http://satbirsingh.com/
Description: Customized Theme for satbirsingh.com
Version: 1.0
Author: Satbir Singh
Author URI: http://satbirsingh.com/
*/
*, html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ul { list-style:none }
a img { border:none }
a{ color:#1133cc; text-decoration:none;}
a:hover{ color:#3366f9; text-decoration:underline; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.clear{ clear:both; }
.hidden{ display:none; }
body{ background:#8da3e3 url('images/body-back.jpg') no-repeat center top fixed; font-family:Arial, Helvetica, sans-serif; }
#wrapper{ width:1000px; margin:0px auto;   }
#header{ height:130px;}
#header h1{ text-indent:-9999px; width:300px; float:left; height:130px; background:url('images/header-bg.png') no-repeat; }
#topnav{ margin-left:650px; padding-top:80px; }
#topnav ul li{ display:inline; margin-right:20px; }
#topnav li a{ color:#fff; font-size:1.1em; padding:5px; }
#topnav li a:hover{ text-decoration:none; border-bottom:2px solid #f0f0f0; }
#content{ overflow:auto; background:#e3e9f9; }
#maincontent{ width:640px; float:left; margin-right:10px; background:#fff; height:100%;  }
#maincontent .post{ background:#fff; clear:both; padding:10px; margin-bottom:20px; border-bottom:1px solid #f9f9f9; 
	overflow:auto; position:relative; }
#maincontent  .page{ background:#fff; clear:both; border-bottom:1px solid #f9f9f9; overflow:auto; padding:5px 10px;}
 #maincontent  .page h2{ font-size:1.5em; line-height:1.6em; text-shadow:1px 1px 2px #999;
	color:#113399; margin:0 0 10px; font-weight:normal; font-family:Georgia, 'Times New Roman', serif; }
#maincontent .post .date{ float:right; margin-left:10px; overflow:hidden; position:absolute; top:0; left:-10px;
	font-family:'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif; background:#eee; padding:0px 10px;
	font-size:0.7em; color:#999; line-height:1.6em;
}
#maincontent .post h2{ font-family:Georgia, 'Times New Roman', serif; font-weight:normal; font-size:1.3em; 
	color:#113399; margin:15px 0; line-height:1.3em;}
.single #maincontent .post h2{ font-size:1.5em; line-height:1.6em; text-shadow:1px 1px 2px #999; }
#maincontent .post h2 a{ color:#113399;  padding-bottom:1px;}
#maincontent .post h2 a:hover{ border-bottom:1px dotted #1133aa; text-decoration:none; padding-bottom:0;}
#maincontent .entry{ font-family: Arial, Helvetica; font-size:0.75em; color:#333; line-height:1.7em; text-align:justify; }
#maincontent .entry p{ margin:15px 0 5px; }
#maincontent .entry img{ border:5px solid #eee; margin:5px; }
#maincontent .entry h3{ font-family:Georgia, 'Times New Roman', serif; font-size:1.5em; margin:2em 0 0.7em; color:#333; font-weight:normal;  }
#maincontent .entry ul{ margin:1em 0 1em 2.5em; list-style:circle; list-style-position:inside; }
#maincontent .post a.more-link{ color:#1133cc; font-weight:bold; float:right; margin:20px 10px 10px; font-family:Arial,Helvetica, serif; }
#maincontent .post .page-navi{ margin-top:1.5em; background:#e3e2f9; padding:2px 5px; line-height:2.0em; color:#666; font-size:0.8em; }
#maincontent .post .page-navi strong{ font-weight:normal; font-style:italic; }
#maincontent .post .page-navi a{ padding:2px 5px; background:#f9f9f9; font-weight:bold; color:#113399;}
#maincontent .post .page-navi a:hover{ background:#c3ccf0; }
#maincontent .post .tags{ font-size:0.75em; color:#666; line-height:2.0em; margin-top:2em; }
#maincontent .post .tags a{ font-size:1.1em; font-style:italic; padding:3px 5px; background:#e3e9f9; color:#113366; }
#maincontent .post .tags a:hover{ background:#d3d9f9; text-decoration:none; }
#maincontent .navigation{ overflow:hidden; line-height:2.5em; margin:20px; font-size:0.75em;  }
#maincontent .navigation .alignright{ float:right; width:49%; margin-left:1%; text-align:right;}
#maincontent .navigation .alignleft{ float:left; width:49%; margin-right:1%; }
#maincontent .navigation a{ padding:5px 10px; background:#e3e9f9; color:#113366; text-decoration:none; }
#maincontent .navigation a:hover{ background:#d3d9f9;  text-decoration:underline; }
.single #maincontent .navigation{ line-height:1.5em; border-top:1px solid #f3f3f3; margin:10px 0 0; padding:20px;}
.single #maincontent .navigation a{ text-decoration:none; color:#113399; background:#fff; border:none; padding:0; }
.single #maincontent .navigation a:hover{ text-decoration:underline; }
#sidebar{ margin:0 10px 0 645px; }
#sidebar .sidebox{   padding:10px 5px;  }
#sidebar .sidebox h3{ color:#9399b9; font-size:0.8em; font-weight:normal; text-transform:uppercase;
	font-family:Georgia, 'Times New Roman', serif; padding:5px; border-bottom:1px solid #e0e3f0; text-shadow:1px 1px 1px #b9c9e9;}
#sidebar .sidebox h3 img{ float:right; margin:0 10px; }
#sidebar .sidebox h3 a{ color:#9399b9; }
#sidebar .sidebox h3 a:hover{ color:#113399; text-decoration:none;}	
#sidebar .sidebox ul{ margin:10px; font-size:0.7em; font-family:'Lucida Grande', Verdana, Helvetica; color:#999; line-height:1.7em; }
#sidebar .sidebox li{ margin-bottom:2px; list-style:square; list-style-position:inside; }
#sidebar .sidebox li a{ color:#666; }
#sidebar .sidebox li a:hover{ color:#113399; }
#sidebar .sidebox p{ margin:10px 5px; font-size:0.7em; font-family:'Lucida Grande', Verdana, Helvetica, sans-serif; color:#333; line-height:1.7em; text-align:justify; }
#sidebar .about img{ margin:2px 10px 2px 0; border:5px solid #d3d9e9; }
#sidebar .socialmedia img{ border:2px solid #d3d9e9; margin:0 5px; }
#sidebar .widget_twitter li{ list-style:none; color:#333; padding:5px 0px; }
#sidebar .widget_twitter li a{ color:#999; }
#sidebar .widget_twitter li a:hover{ color:#333; }
#sidebar .Simple_Flickr_Photos{ overflow:auto; }
#sidebar .Simple_Flickr_Photos .flickr_badge_image{ float:left; margin:2px; }
#footer{ padding-top:10px; position:relative;}
#footer .toplink{ position:absolute; top:-30px; right:20px; font-family:'Lucida Grande', Verdana, sans-serif; font-size:0.7em;}
#footer p.bottomline{ font-size:0.7em;  color:#eee; margin-top:10px; border-top:1px solid #88a0dd; text-align:right; line-height:1.5em; padding:5px;}
#footer p.bottomline a{ color:#f0f0f0; border-bottom:1px dotted #f0f0f0; }
#footer p.bottomline a:hover{ text-decoration:none; border-bottom:1px solid #f0f0f0; }
.portfoliocontainer h2{ font-family:Georgia, 'Times New Roman', serif; font-size:1.5em; font-weight:normal; padding:15px 5px;  background:#8da3e3; color:#f0f0f0; }
.portfolio{ width:730px; margin:10px auto; background:#fff; position:relative; }
.portfolio_post{ padding:10px; background:#f9f9f9; margin-bottom:5px; }
.portfolio_post img{ border:1px solid #e9e9e9; padding:4px; background:#f0f0f0; }
.portfolio_post h3{ font-family:Georgia, 'Times New Roman', serif; font-size:1.3em; font-weight:normal; padding:10px 5px; }
.portfolio_post .portfolio_content{ font-size:0.9em; line-height:1.3em; color:#333;}
.portfolio a.portfolio_navi{ width:34px; height: 58px; background:url('images/portfolio-nav.png') no-repeat; position:absolute; outline:none;}
.portfolio a.prev{ top:45%; left:-30px; background-position:0 0; }
.portfolio a.prev:hover{ background-position:0 -59px; }
.portfolio a.next{ top:45%; right:-30px; background-position:-34px 0; }
.portfolio a.next:hover{ background-position:-34px -59px; }
.commentsblock{ padding:5px; }
.commentsblock h3{ font-family:Gerogia, 'Times New Roman', serif; font-size:1.3em; font-weight:normal; line-height:1.5em; color:#333; margin:20px 0 10px; }
ol.commentlist{ margin: 5px; }
ol.commentlist li.comment{ margin-bottom:5px; border:1px solid #eee; background:#f6f6f6; padding:10px 5px; }
ol.commentlist li.alt{ background:#fcfcfc; }
ol.commentlist li.comment-author-admin{ background:#e3e9f9; border-color:#c3c9d9; }
ol.commentlist li.comment .vcard{ line-height:2.5em; font-size:0.9em; display:inline; }
ol.commentlist li.comment .vcard img{ float:left; margin:5px 10px; border:1px solid #eee; }
ol.commentlist li.comment .vcard span.says{ font-size:0.9em; color:#666; }
ol.commentlist li.comment .comment-meta{ font-size:0.7em; margin:-5px 0 15px 70px;}
ol.commentlist li.comment .comment-meta a{ color:#999; }
ol.commentlist li.comment .comment-body > p{font-size:0.8em; color:#333; line-height:1.5em; margin-left:70px;}
ol.commentlist li.comment .comment-body > em{ color:#666; font-size:0.7em; margin-top:-20px;}
ol.commentlist li.comment .comment-body > br{ display:none; }
ol.commentlist li.comment .comment-body .reply{  line-height:2.5em; font-size:0.7em; font-weight:bold; overflow:auto; }
ol.commentlist li.comment .comment-body .reply a{ padding:5px; border:1px solid #c9d3f9; background:#e3e9f9; color:#113366; -moz-border-radius:5px; -webkit-border-radius:5px; }
ol.commentlist li.comment .comment-body .reply a:hover{ background:#ccd9f9; text-decoration:none; }
ol.commentlist li.comment ul.children{ margin-left:10px; }
.commentsblock #respond{ margin:5px; border:1px solid #e3e9f9; background:#ecf0f9; padding:5px;}
.commentsblock #respond h3{margin:5px 0 5px; color:#113399;}
.commentsblock #respond .cancel-comment-reply a{ font-size:0.85em; color:#cc3311; }
.commentsblock #respond p{ line-height:1.2em; font-size:0.8em; clear:both; margin-bottom:10px; }
.commentsblock #respond p label{ width:99%; float:left; cursor:pointer; }
.commentsblock #respond p input{ border:1px solid #ccc; font-size:1.3em; color:#666; padding:2px; font-family:Arial, Helvetica, sans-serif;}
.commentsblock #respond p input:focus{ border:1px solid #999; background:#f9f9f9; color:#333;}
.commentsblock #respond p textarea{ width:90%; border:1px solid #ccc; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; color:#333; padding:2px;}
.commentsblock #respond p textarea:focus{ border:1px solid #999; background:#f9f9f9; }
.commentsblock #respond p.info{ font-style:italic; font-size:0.75em; color:#666; }
.commentsblock #respond p input.submit{ border:1px solid #113388; padding:5px 15px; background:#113366; color:#f9f9f9; cursor:pointer; font-size:0.85em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius:5px; -webkit-border-radius:5px;}
.commentsblock #respond p input.submit:focus{ background:#113399; }
.commentsblock #respond p input.submit:hover{ background:#113399; }