/*  
Theme Name: firebug (custom)
Theme URI: http://www.blogohblog.com
Description: The "Firebug" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License. This is a free theme and can be obtained by going to :-  <a href="http://www.blogohblog.com/wordpress-theme-firebug" title="Free WordPress Themes">Firebug Theme</a>
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*@import "nav_bar.css";*/

/*+++++++ BODY +++++++*/
* { 
	margin: 0px;
	padding: 0px;
	list-style:none;
	outline:none;
	text-decoration:none;
	}
	
p {
	margin: 5px;
	padding: 5px;
	}
	
body {
	background-color: #000000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2,h3 {
	font:16px Verdana, Arial,Helvetica,sans-serif;
	font-weight: bold;
	}
	
h3 { 
	padding:20px 0 20px 0;
	}
	
a:link {
	color:#669966; 
	}
	
a:visited { 
	color: #738073 ;
	}
	
a:hover {
	color:#99cc99;
	}
	
a:active {
	color: #ccffcc;
	}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { font-style: italic; /*border-bottom: 1px dashed #999;*/ }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
hr { color: #4d4d4d; background-color: #4d4d4d; height: 1px; border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.comment-clear { clear:both; /*margin-bottom: 10px;*/ padding-bottom: 10px; border-bottom: thin #4d4d4d solid; }
.space { clear:both; height:20px; width:500px;}
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 ul li:before { content: "\00BB \0020"; }
#content ol { padding:0; margin:0;}
.edit-single { float: right; }
.edit_link { float: right; }
#gravatar { margin-left: 370px; display: block }

/*+++++++ MAIN +++++++*/
#wrapper { width:920px; margin:20px auto 20px; }
#main { width:880px; margin:auto; }

/*+++++++ HEADER +++++++*/
#header { width:920px; height:110px; margin-bottom:10px; }
#banner { width: 400px; height: 100px; float: left; display: block; margin-right: 4px; } 
#logo { width:100; float:left; height:0px; visibility: hidden; }
#logo h1 { text-indent:0px; }
#logo h1 a { display:block;}
#topsearch { float:right; width: 254px; height: 20px; border: thin #4d4d4d solid; margin:0px 5px 0 0; }
#topsearch #s { float: left; margin: 3px 0 0 6px; border: 0; width: 210px; background: none; color:#fff; }
#topsearch #go { float: right; width:28px; height:30px; background: url(images/search_icon.png) no-repeat; margin: 2px 0px 0px 0px; }

/*+++++++ NAV +++++++*/

#nav { width:920px; border-top: thin #4d4d4d solid; border-bottom: thin #4d4d4d solid; height:20px; margin-bottom:10px; }

#sf-grey ul a { font:12px Verdana, Arial,Helvetica,sans-serif; font-weight: bold; }
/*
#nav ul li {display:inline; height:40px; line-height:40px; float:left; }
#nav ul li.current_page_item a { color:#fff; }
#nav ul li.current_page_item a:hover{ color:#fff; }
#nav ul li a { color:#999999; padding:0 20px 0 0;}
#nav ul li a:hover{ color:#99cc99; }
#nav ul li.rsslink a { color:#ff6600;}
#nav ul li.date { float:right; }
*/

/*+++++++ CONTENT +++++++*/
#content { float:right; width:500px; padding-left:0px; line-height:130%;}
#content img {margin:0 10px 0px 0;}
#sidebar { float:left; width:360px; }
.boxes { border-bottom: thin #4d4d4d solid; padding: 10px 0px 20px 0px}
.galleries { height: 140px; border-bottom: thin #4d4d4d solid; padding: 10px 0px 20px 0px; }

.galleries #ad1 a {width: 110px; height: 110px; float: left; display: block; margin-right: 2px; border: 2px #4d4d4d solid; background: url(thumbs/photos_t.jpg) no-repeat; }
.galleries #ad1 a { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 200px; overflow: hidden; }
.galleries #ad1 a:hover { border: 2px solid #99cc99; }

.galleries #ad2 a {width: 110px; height: 110px; float: left; display: block; margin-right: 2px; border: 2px #4d4d4d solid; background: url(thumbs/animation_t.jpg) no-repeat; }
.galleries #ad2 a { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 200px; overflow: hidden; }
.galleries #ad2 a:hover { border: 2px solid #99cc99; }

.galleries #ad3 a {width: 110px; height: 110px; float: left; display: block; margin-right: 2px; border: 2px #4d4d4d solid; background: url(thumbs/videos_t.jpg) no-repeat; }
.galleries #ad3 a { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 200px; overflow: hidden; }
.galleries #ad3 a:hover { border: 2px solid #99cc99; }

.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.socialbar {padding:10px 0 10px 0; color:#ccc; font:11px Verdana, Arial,Helvetica,sans-serif; background:url(images/socialbar.gif) no-repeat top left; padding:30px 10px 0 20px; height:88px; line-height:20px;}
.socialbar span {color:#FF6600;}
.socialbar a:link {color:#72b6cf;}
.socialbar a:hover {color:#9fc253;}
.subscribetext { color:#fff; border: 1px solid #4d4d4d; background: #1d1d1d; width:110px; padding:2px; }
.subscribebutton {background-color:#669966; border:none; font-size:11px; color:#1d1d1d; font-weight:bold; padding:3px;}
#lsidebar { width:170px; float:left;}
#rsidebar { width:190px; float:right;}


.post h2 a { font-size: 16px; font-weight: bold; text-decoration: underline; }
.post h2 a:hover { text-decoration: none; }

#content p { padding-bottom:10px;}
#content h2 { font:16px Verdana, Arial,Helvetica,sans-serif; font-weight: bold; }
#content h2 a { color:#b3b3b3;}
#content p.info { font-size:10px; text-transform:uppercase; color:#999999; padding-bottom:10px; }
#content p.postmetadata { width:500px; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#999999; padding:0px;}
#content p.postmetadata a { color:#669966; font-weight:normal; height:26px; line-height:26px;}
#content .tags { text-transform:uppercase; font-size:10px; }

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:500px; height:20px; margin:20px 0px 20px; border-top: thin #4d4d4d solid; padding: 10px 0px 0px; }
.navigation span.older { background:url(images/older.png) no-repeat right; padding-right:20px; }
.navigation span.newer { background:url(images/newer.png) no-repeat left; padding-left:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:10px; color:#999999;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#99cc99;}
#sidebar a { color:#669966; /*font-weight:normal;*/}
.bio { display: block; font-style: italic; visibility: visible; }

/*+++++++ COMMENT +++++++*/
/*.comment_div { 
	border-top: thin #4d4d4d solid; 
	margin-top: 10px; }
	*/
	
.comment_div h3 { 
	padding: 10px 0px 20px 0px; 
	}
	
.comment_block { 
	border-top: thin #4d4d4d solid; 
	}
	
.comments {
	border-top: thin #4d4d4d solid; 
	padding-top: 10px; 
	margin-bottom: 20px;
	}
	
/*.comen { 
	width:500px; 
	border-top: thin #4d4d4d solid; 
	margin: 10px 0px 10px; 
	padding-top: 10px; 
	}
	*/
	
.cleft { 
	float:left; 
	width:60px; 
	border:2px solid #4d4d4d; margin-top: 10px;
	}
	
.cright { 
	float:right; 
	width:500px; 
	}
	
.comen .cright .ucomen{ 
	font:11px Verdana, Arial,Helvetica,sans-serif; 
	text-transform: uppercase; 
	color:#999999;
	}
	
.comen .cright .ucomen a { 
	color:#669966;
	}
	
.author-link a { 
	text-decoration: underline; 
	}
	
.author-link a:hover { 
	text-decoration: none; 
	}
	
#commentform textarea { 
	width: 390px; 
	padding: 2px; 
	}

#commentform label { 
	display: block;
	margin-right: 75px;
	color:#999999;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;
	}
	
#commentform #author {
	color:#fff; 
	width:390px; 
	height: 20px; 
	border: 1px solid #4d4d4d; 
	background: #1d1d1d; 
	padding:4px 0 0 3px; 
	}
	
#commentform #email {
	color:#fff; 
	width:390px; 
	height: 20px; 
	border: 1px solid #4d4d4d; 
	background: #1d1d1d; 
	padding:4px 0 0 3px;
	}

#commentform #url {
	color: #fff; 
	width: 390px; 
	height: 20px; 
	border: 1px solid #4d4d4d; 
	background: #1d1d1d; 
	padding:4px 0 0 3px;
	}
	
#commentform #comment { 
	color:#fff; 
	border: 1px solid #4d4d4d; 
	background: #1d1d1d; 
	padding:4px 0px 0px 3px
	}
	
#commentform #submit { 
	float: right; 
	margin: 0px 72px 20px; 
	padding:0px 0px 0px 0px; 
	}


/*+++++++ FOOTER +++++++*/
#footer { width:920px; border-top: thin #4d4d4d solid; height:26px; color:#999999; font:12px Verdana, Arial,Helvetica,sans-serif;}
#footer p { line-height:26px; padding-top:5px;}

/*+++++++ 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;}

.anim_gallery img {
	border-bottom: 2px #000000 solid;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
	}	

.anim_gallery img:hover {
	border-bottom: 2px #99cc99 solid;
	}
	
.gallery_thumbs img {
	border-bottom: 2px #000000 solid;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
	}	
/*
.gallery_thumbs img:hover {
	border-bottom: 2px #99cc99 solid;
	}
*/

.thumb_title a {
	width: 200px;
	text-align: center;
	float: left;
	padding-right: 30px;
	text-decoration: none;
	}
.thumb_title a:hover {
	text-decoration: underline;
	}
/* ---- CONTACT FORM ---- */

form.contact-form fieldset {
	border: none;
	padding: 4px 0px ;
	}

form.contact-form legend {
	font-weight: bold;
	}

form.contact-form input, textarea {
	color:#fff; 
	border: 1px 
	solid #4d4d4d; 
	background: #1d1d1d;  
	padding:2px; 
	margin: 4px 0px 0px 4px;
	}

form.contact-form .form-submit input {
	background-color:#669966; 
	border:none; 
	font-size:11px; 
	color:#1d1d1d; 
	font-weight:bold; 
	padding: 3px 6px 3px 6px ;
	margin-top: 12px;
	}
	
/*+++++++ INTERVIEW +++++++*/
.q {
font-weight: bold;
}
.a {
margin-left: 5%;
margin-right: 5%;
}

/*+++++++ TWITTER +++++++*/
ul.twitter {font-size: 10px; } /* the main ul (if list is activated) */
li.twitter-item /* the ul items (if list is activated) */ 
p.twitter-message /* each one of the paragraphs (if msgs > 1) */
span.twitter-timestamp { font-style: bold; } /* the timestamp span class */
a.twitter-link /* the tweet link class */
a.twitter-user /* the @username reply link class */
.widgettitle h2 a:link { font-size: 16px; font-weight: bold; text-decoration: underline; }
.widgettitle h2 a:hover { text-decoration: none; }

/*+++++++ BLANK TEMPLATE +++++++*/
.blank_content { width: 85%; display: block; margin-left: auto; margin-right: auto; padding: 10% 0% 10% 0%; }

/*+++++++ NG GALLERY TEMPLATE +++++++*/
.gallery_page { width: 90%; display: block; margin-left: auto; margin-right: auto; padding: 0% 0% 0% 0%; }

.ngg-singlepic {
	padding: 0px;
	}