/*  
Theme Name: firebug
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
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background:url(images/cork-bg_04.jpg) repeat; font-family:Lucida Grande, Geneva, Verdana, Helvetica, Arial;
	text-decoration: none;
	font-size: 12px;
	color:#000000;
	}


/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2 { font:14px Lucida Grande, Geneva, Verdana, Helvetica, Arial; padding:20px 0px 0px 0px;}
h3 { font:18px Lucida Grande, Geneva, Verdana, Helvetica, Arial; padding:0px 0px 0px 0px;}
a { color:#336699; font-weight:bold;}
a:visited { color:#336699; font-weight:bold;}
a:hover { color:#000000;}
a:active {color:#000000;}


/*+++ADDED BY KATE+++*/





/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { 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; }
pre {border: solid 1px #000000;color: blue;margin: 10px;padding:10px;background: #ffffff}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.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: 20px 20px 20px 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;}

/*+++++++ MAIN +++++++*/
#outerwrapper {width:100%; margin: 0px; background-image:url(images/corktop_1.jpg); background-repeat:repeat-x;}
#wrapper { width:1110px; margin:0px auto 0px; }
#main {width:850px; margin:auto;
padding:20px 20px 20px 20px; 
background-color:#FFFFFF;}

/*+++++++ HEADER +++++++*/
#header { width:100%; height:174px; margin-bottom:0px; }
#logo { width:1110px; float:left; height:174px;}
#logo h1 { text-indent:-9999px; }
#logo h1 a { display:block; background:url(images/logo-fullbanner.jpg) repeat; height:174px;}
#menuunder {
	width:1110px;
	height: 31px;
	float:left;
	background: url(images/menuunder.jpg);
	background-repeat:no-repeat;
	}

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

/*
*	Setup
*/



ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	
	height: 31px;
	background: url(images/menu-css.jpg);
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	width: 167px;
	background-position: 0px -31px;
	}
	
ul.cssmenu li.episodes a {
	width: 166px;
	background-position: -167px -31px;
	}

ul.cssmenu li.blog a {
	width: 116px;
	background-position: -333px -31px;
	}
	
ul.cssmenu li.store a {
	width: 127px;
	background-position: -449px -31px;
	}
	
ul.cssmenu li.about a {
	width: 173px;
	background-position: -576px -31px;
	}

ul.cssmenu li.contact a {
	width: 148px;
	background-position: -749px -31px;
	}

ul.cssmenu li.donate a {
	width: 213px;
	background-position: -897px -31px;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	width: 167px;
	background-position: 0px 0px;
	}

ul.cssmenu li.episodes a:hover {
	width: 166px;
	background-position: -167px 0px;
	}

ul.cssmenu li.blog a:hover {
	width: 116px;
	background-position: -333px 0px;
	}
	
ul.cssmenu li.store a:hover {
	width: 127px;
	background-position: -449px 0px;
	}

ul.cssmenu li.about a:hover {
	width: 173px;
	background-position: -576px 0px;
	}
	
ul.cssmenu li.contact a:hover {
	width: 148px;
	background-position: -749px 0px;
	}
	
ul.cssmenu li.donate a:hover {
	width: 213px;
	background-position: -897px 0px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	width: 167px;
	background-position: 0px -31px;
	}

ul.cssmenu li.episodes a:active {
width: 166px;
	background-position: -167px -31px;
	}

ul.cssmenu li.blog a:active {
width: 116px;
	background-position: -333px -31px;
	}
	
ul.cssmenu li.store a:active {
width: 127px;
	background-position: -449px -31px;
	}

ul.cssmenu li.about a:active {
width: 173px;
	background-position: -576px -31px;
	}

ul.cssmenu li.contact a:active {
width: 148px;
	background-position: -749px -31px;
	}
	
ul.cssmenu li.donate a:active {
width: 213px;
	background-position: -897px -31px;
	}
	
	

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
width: 167px;
	background-position: 0px 0px;
	}

ul.cssmenu li.episodes a.selected {
width: 166px;
	background-position: -167px 0px;
	}

ul.cssmenu li.blog a.selected {
width: 116px;
	background-position: -333px 0px;
	}
	
ul.cssmenu li.store a.selected {
width: 127px;
	background-position: -449px 0px;
	}

ul.cssmenu li.about a.selected {
width: 173px;
	background-position: -576px 0px;
	}

ul.cssmenu li.contact a.selected {
width: 148px;
	background-position: -749px 0px;
	}
	
ul.cssmenu li.donate a.selected {
width: 213px;
	background-position: -897px 0px;
	}




/*+++++++ CONTENT +++++++*/
#content { float:left; width:450px; padding:15px; line-height:160%; background-color:#FFFFFF;}
#content img {margin:15px 15px 15px 15px;}
#sidebar { float:right; width:175px; }

#lsidebar { width:150px; float:left; background-color:#FFFFFF;}
#rsidebar { width:150px; float:right;}

#content p { padding-bottom:10px;}
#content h2 { font:24px Lucida Grande, Geneva, Verdana, Helvetica, Arial; text-transform:capitalize; padding-bottom:10px; }
#content h2 a { color:#336699;}
#content p.info { font-size:10px; text-transform:uppercase; color:#336699; padding-bottom:10px;}
#content p.postmetadata { width:580px;  height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#000000; padding:0px 0px 20px 0px;}
#content p.postmetadata a { color:#000000; font-weight:normal; height:26px; line-height:26px;}
#content p.tags { width:580px; background:url(images/line.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#ff6600; padding:0px;}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:550px; 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 h2 { padding-bottom:10px; color:#336699;}
#sidebar ul{ margin:20px 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:#000000;}
#sidebar a { color:#333333; font-weight:normal;}

/*+++++++ COMMENT +++++++*/
.comen { width:550px; margin-bottom:10px;}
.cleft { float:left; width:60px; border:3px double #dadada; }
.cright {
margin-left:100px; margin-top: 25px; width:300px; }
.comen .cright .ucomen{ font:11px Lucida Grande, Geneva, Verdana, Helvetica, Arial; text-transform:uppercase; color:#336699;}
.comen .cright .ucomen a { color:#336699;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color:#9fc253; font:bold 15px Lucida Grande, Geneva, Verdana, Helvetica, Arial; text-align:right; padding-right:10px;}
#commentform #author { background:url(images/author.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #email { background:url(images/email.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #url { background:url(images/url.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #comment { background:#eeeeee; border:3px solid #878d59;}
#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; }


/*+++++++ FOOTER +++++++*/
#footer { width:850px; repeat-x; height:26px; color:#ff6600; font:12px Georgia,Times, 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;}