/*  
Theme Name: Groovetrackers 
Theme URI: http://www.groovetrackers.com
Description: This theme is a mod based on the design and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>.
Version: 0.1
Author: Dennis
Author URI: http://www.goedie.nl

This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 

*/

/*****************************************/
/* SEXY BODY */
/*****************************************/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background:#50504f url(i/gbck.gif) repeat;}

/*****************************************/
/* BEGIN TOP *                            /
/*****************************************/
#box{width:945px;background:#fff;margin:20px auto;padding:10px;}
#top{width:945px;background:#000 url(i/topbck.gif) repeat-x;height:80px;margin:0;padding:0;}
#header{float:left;width:440px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;height:51px;}
p.desc {float:left;margin:5px 0 0 0;padding:0;color:#fff; } 
.ads{color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:10px auto;padding:0 10px 0 0;}
#jubow{background:#f3f2ed;height:30px;margin:10px auto; width:505px; float:left; position:inherit;}


/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#B8B8B8; float:left;}
#searchform{height:20px;line-height:20px;float:right;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform #submit{font-size:8pt;}
#searchsubmit{width:20px;border:0;background: transparent url(i/zoom.png) no-repeat center;}
input#s{color:#666;border:1px solid #ffffff;background:#ffffff;}


/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:945px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 0;background:#636466;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#636466;color:#FFFFFF;float:left;display:block;text-decoration:none;padding:0 10px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#636466;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#636466;background:#FFFFFF;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
#bgbox{width:945px;margin:0;padding:0;}
.line{width:500px;float:left;margin:0 0 0;padding:0 0 0 0; border-bottom:#FFFFFF 1px solid;}
.entry{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
.entry p{text-align:justify;}
.entry img{border:1px #eee solid; max-width:98%;}
.entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}
#content{width:525px;float:left;line-height:140%;margin:5px 0 5px 0; auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.clear {clear:both}

/*****************************************/
/* MISC HUH! *                            /
/*****************************************/
.navigation{width:500px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.similiar{width:500px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
#misc{width:405px;margin:0 0 10px 14px;padding:0; background:#fff; float:left;}
#info{font-size:11px;margin:5px 0 5px 0;padding:10px 0 0 10px; background:#B8B8B8; float:left;}
#hottags{font-size:11px;margin:5px 0 5px 0;padding:10px 0 0 10px; background:#B8B8B8; float:left;}
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.postmeta{color:#666;border-bottom:#699 1px solid;}
.postinfo img{border:none;}
img.wp-smiley{border:0;padding:0;}
.twitter{width:395px;background:url(i/latestbck.gif) repeat-x;float:right;color:#333;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 10px;padding:5px 6px;}
.center{text-align:center;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
#past { padding:0; margin:0;}
.googleads1{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}

/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#B8B8B8; float:left;}
.sidebarstyle{width:250px;float:left;color:#666;max-width:100%;margin:0 auto;background:#B8B8B8; padding:0 10px 0 0;}
#sidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}
#sidebar ul li ul li{display:block;background:transparent url(i/b2.gif) no-repeat 0 2px;border:0;margin:0 0 5px;padding:0 0 5px 13px; }
.sidebarstyle ul li ul{list-style-type:square;margin:0;padding:0 0 0 5px;}
.sidebarstyle ul li ul li{list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}
#sidebar img,.sidebarstyle img{border:0;}
#sidebar ul,.sidebarstyle ul{list-style-type:none;margin:0;padding:0;}
#sidebar ul li,.sidebarstyle ul li{list-style-type:none;margin:0 0 15px;padding:0;}
#sidebar p,.sidebarstyle p{padding:0 5px;}
#uploads{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#B8B8B8; float:left;}


/*****************************************/
/* FOOTER *                               /
/*****************************************/
#footer{width:935px;background:url(i/topbck.gif) repeat-x;height:32px;clear:both;color:#dadada;font-size:11px;border-top:10px solid #fff;margin:0;padding:20px 0 0 10px;}
.footer a:hover{text-decoration:none;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:none;color:#f1e5aa;border:none;}

/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url(i/latestbck.gif) repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}


/*****************************************/
/* WP-PAGENAVI*                           /
/*****************************************/
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}


/*****************************************/
/* LINKS H1 H2 H3 H4 H5*                  /
/*****************************************/
#info h2 { margin:0 0 10px 0; padding:10px 0 10px 0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666633; }
.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666666; border-bottom:#ccc solid 1px; }
.sidebarstyle h2 { margin:0 0 10px 0; padding:5px; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#000000; border-bottom:#FFF solid 1px; }
#content h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande",tahoma,arial,helvetica,sans-serif; color:#666633; }
#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666; }
#content h2,.postinfo a:link, #content h2,.postinfo a:visited { font-weight:normal; text-decoration:none;}
#content h2,.postinfo a:visited {color:#84AB18}
#content h2,.postinfo a:hover,
#content h2,.postinfo a:focus,
#content h2,.postinfo a:active {color:#84AB18}
.entry a:link{ color:#84AB18; font-weight:normal; text-decoration:none; }
a:link, a:visited { color:#84AB18; font-weight:normal; text-decoration:none; }
a:visited {color:#84AB18; text-decoration:none;}
a:hover,a:active { text-decoration:none; }
a:active {text-decoration:none;}
span.day a:link, a:visited { color:#FFFFFF;}


/*****************************************/
/* FEATURE CROP*                  /
/*****************************************/

.smallthumbs { float: left; display: block; width: 240px; height: 100px; border: 3px solid #B8B8B8; background-repeat: no-repeat; }
.smallcrop { background-position: -1px -1px; }
.bigthumbs { float: right; display: block; width: 500px; height: 242px; border: 3px solid #B8B8B8; background-repeat: no-repeat; }
.bigcrop { background-position: -1px -1px; }

.infozone { margin: 0px !important; left: 31px !important; bottom: 200px !important; height: 144px !important; background: #B8B8B8; color: #000000; text-indent: 0; overflow: hidden; padding: 10px; width:486px;		}
.infozonesmall { margin: 0px !important; left: 200px !important; bottom: 200px !important; height: 100px !important; background: #B8B8B8; color: #000000; text-indent: 0; overflow: hidden; padding: 10px; width:226px;		}
 
 /*****************************************/
/* MENU  TABS*                  /
/*****************************************/
.menu {	overflow: hidden; clear: left; float: left; display: block; width: 278px; padding: 10px; margin: 0 0 10px 0; border: 1px solid #EFEFEF;	background: #fff;	}
.menu h2 { margin: 0; padding: 0; }
.menu ul, .tabbed div ul { margin: 0; padding: 0;	}
.menu ul li, .tabbed div ul li { margin: 0; padding: 0; list-style-type: none; }
.menu ul li a, .tabbed div ul li a { display: block; padding: 0 0 0 10px; }
.menu ul li a:hover { text-decoration: underline; }
.tabs-block { clear: left; float: left; width: 300px; padding: 0; margin: 0 0 10px 0; display: block;	}
.tabbed { width: 100%; overflow: hidden; padding: 0; margin: 0; background: transparent; border: none;	}
.tabbed ul.tabs {	overflow: hidden; display: block; position: relative; top: 0; left: 0; z-index: 999; list-style-type: none; margin: 0; padding: 0; width: 100%; background: transparent; }
.tabbed ul.tabs li { display: inline; float: left; padding: 0; margin: 0 .3em 0 0; }
.tabbed ul.tabs li a { font-weight: bold; display: block; margin: 0; padding: 5px .8em; background: #eee; border-top: 1px solid #EFEFEF; 	}
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover { background: #EFEFEF; text-decoration: none;	}
.tabbed ul.tabs li a.tab-current { background: #fff; color: #000000; border-top: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; 	}
.tabs-block .tabbed div, #home .tabbed .c { overflow: hidden; display: block; position: relative; left: 0; top: -1px; z-index: 0; clear: left; width: 100%; margin: 0; padding: 5px 0; border: 1px solid #EFEFEF; background: #fff; display: none; 	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 { 	display: block; 	}
.tabs-block .tabbed div { width: 375px; }
.tabbed div ul { overflow: hidden; padding: 17px 0 0px 0; margin: 0; background: #fff; }
.tabbed div ul li { clear: left; background: transparent; 	}
.tabbed div ul li a { font-weight: normal; font-size:10px; width: 97%; display: block; padding: 1px 0 1px 12px; color: #000000; background: #F5F5F5; border-bottom: 1px solid #FFFFFF; 	}
.tabbed div ul li a:hover { text-decoration: underline; }
span.day { font-size:12px; text-transform:uppercase; background: #636466; padding:2px 5px 2px; color:#FFFFFF; 	}
span.month{ font-size:11px; background:#B8B8B8; padding:3px 5px 3px; margin:0px 13px 0px -4px;	}
span.year{ font-size:11px; text-transform:uppercase; background:#FFFFFF; padding:3px 5px 3px; margin:0px 13px 0px -4px; color:#636466;	}
span.forumtopictitle{ font-size:11px; text-transform:uppercase; background:#B8B8B8; padding:3px 5px 3px; margin:0px 13px 0px -4px;	}

 /*****************************************/
/* BBPRESS*                  /
/*****************************************/

#main { font-size: 1.2em; width: 760px; margin: 0 auto 25px; position: relative; }
.bbcrumb { font-size:11px; text-transform:uppercase; background:#FFFFFF; padding:3px 5px 3px; margin:0px 13px 0px -4px; color:#636466; }
.bbcrumb a { color:#636466; }

.notice { 
	border: 2px solid #4c9545; 
	background: #abd8a2; 
	color: #4c9545; 
	font-size: 1.1em; 
	font-weight: bold;
	padding: 10px 15px; 
	margin: 0 0 1.1em; 
}

.notice p { margin-bottom: 0; }

/* Login Form
=================================== */

.login { 
	position: absolute;
	bottom: 31px;
	left: 0;
	font-weight: bold;
	color: #444;
	width: 100%;
	z-index: 1;
}

.login p { padding: 0 0 5px; }

.login label {
	display: block;
	float: left;
	padding-right: 10px;
}

.login #submit {
	font-size: 1.2em;
	margin-top: 13px;
	float: left;
}

p.login {
	font-weight: normal;
	font-size: 1.2em;
}

form.login input { 
	margin-top: 3px;
	border: 1px solid #999;
}


/* Front Page
=================================== */

#front-page { 
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	overflow: hidden;
}

#front-page #discussions { 
	margin-left: 170px;
	width: 590px;
}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {
	color: #333;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
	padding: 0 0 5px;
}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky { background: #a1d29a; }

/* Topic Page
=================================== */

.infobox {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 1em;
	background: #B8B8B8;
}

.infobox ul {
	margin: 10px 0 10px 12px;
	padding: 0;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

#topic-tags {
	border-left: 0px solid #ccc;
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background: #FFFFFF;
}

#topic-tags ul li { list-style: none; }

.nav {
	margin: 15px 0;
	padding: 12px 0;
}

.nav span { font-weight: bold; }

.nav span, .nav a { padding: 6px; }

#thread {
	background: #B8B8B8;
	list-style: none;
	margin: 0 0 0 100px;
	padding: 0;
}

#thread li {
	padding: 1.5em 1.0em;
	line-height: 1.5em;
}

#thread li.alt { background: #FFFFFF; }

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	margin-left: -110px;
	overflow: hidden;
	position: absolute;
	width: 95px;
}

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.poststuff {
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

.postform {
	background: #f0f0f0;
	padding: 1em;
	margin-bottom: 1em;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 720px;
	display: block;
}

.postform label { display: block; }

#manage-tags { 
	margin: 10px 0; 
	list-style: none; 
}

#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

.submit { text-align: right; }

.topiclink { display: block; }

.topictitle {
	font-size: 26px;
	font-weight: normal;
	display: inline;
	background: #636466;
	color: #FFFFFF;
}

/* Other
=================================== */

#content .frontpageheatmap a { font-weight: normal; text-decoration: none; }
#content .infobox li { margin-bottom: 2px; }
#content .nav a { border: 1px solid #ccc; font-weight: normal; }
#content .nav a:hover { border: 1px solid #999; }
#content a:visited { font-weight: normal; }
#front-search {	float: right; margin-top: -8px; }
#latest td, #forumlist td, #favorites td { padding: 5px 10px; }
#forumlist td { background: #FFFFFF; }
#forumlist td a { color: #000000; }
#forumlist .num { background: #B8B8B8; }
#forumlist .alt { background: #FFFFFF; }
#latest td { background: #FFFFFF; }
#latest td a { color: #000000; }
#latest .num { background: #B8B8B8; }
#forumlist tr td div.nest { padding-left: 2.5ex; }
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #B8B8B8; }
#latest th, #forumlist th, #favorites th { border-bottom: 1px solid #aaa; background: #636466; font: 11px Verdana,Arial,Helvetica,sans-serif; padding: 5px 10px; text-transform: uppercase;	color: #FFFFFF; }
#latest, #forumlist, #favorites { background: #B8B8B8; margin-bottom: 2em; width: 100%; }
.bozo { background: #eeee88; }
.alt.bozo { background: #ffff99; }
.deleted { background: #ee8888; }
.alt.deleted { background: #ff9999; }
a.new-topic { color: #B8B8B8; }

/* Profile Page
=================================== */

#profile-menu {
	list-style: none;
	position: absolute;
	right: 0;
}

#profile-menu li {
	font-size: 1.1em;
	background-color: #eee;
	padding: 4px 7px;
	display: inline;
	border-top: 3px double #9e9e9e;
	position: relative;
	top: -10px;
}

#profile-menu li.current {
	background-color: #ddd;
	border-top: 1px solid #9e9e9e;
}

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; } 

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Profile Edit
=================================== */

fieldset { 
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px; 
	margin-bottom: 15px;
	width: 720px;
}

legend { 
	font-weight: bold;
	padding: 0 15px;
}

fieldset table { 
	text-align: left;
	margin: 0 15px;
}

fieldset table td { padding: 2px 0; }

fieldset p { 
	font-size: 11px;
	margin: 10px 16px;
}