/*
Theme Name: Wonderzine for bbPress
Theme URI: 
Description: A bbPress theme specially made for Wonderzine
Version: 1.0
Author: Rosely
Author URI: http://roos.vandevooren.nl
*/



/* Basics */

* { margin: 0; padding: 0; }

body { background:#5c5959 url(images/backgrounds/body-background.gif) 0 0 repeat-x; color:#000; margin:0; padding:0; font-size: 62.5%; text-align: center; }

.alt { background: #fff; }

code { font: 1.0em Monaco, 'Courier New', monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }
.right { float: right; }
.center {padding: 20px 0 20px 10px;}

.delete:hover {
	background: #c00;
	color: #fff;
}

h1{
	font-family: arial, Verdana, Sans-Serif;
	}
	
h2{
	font-family: arial, Verdana, Sans-Serif;

	margin: 6px 0 6px 0;
	}


/* Container */

#container {
	margin: 0 auto;
	width: 900px;
	position: relative;
	background: #fff url(images/bg.jpg) repeat-y;
	border: 6px solid #fff;
	overflow: hidden;
	}
	
#spacer {
	height: 25px;
	background: white;
	}
/* GENERAL DEFINITIONS  ============================================================================ */
.text-browser {display:block; visibility:hidden; position:absolute; left:-999em;}
.printonly {display:none;}
.required, .footnote { color:#f00; font-weight:normal; }
.clearer {clear: both}
/* END GENERAL DEFINITIONS  ======================================================================== */

	
/* GLOBAL LAYOUT / GRID  ========================================================================= */
#pageWrapper {width: 895px; height: 100%; background: transparent url(images/backgrounds/content-background.gif) 0 0 repeat-y; text-align: left; margin: 0 auto;}
	#header {width: 871px; height: 147px; margin: 0 12px; display: block; overflow: hidden; background: transparent url(images/backgrounds/bg-header-btm.gif) bottom left repeat-x;}
	
	#content {background: #fff url(images/backgrounds/bg-thoughts-index.gif) 3px 0 repeat-y; width: 871px; height: 100%; overflow: hidden; margin: 0 12px;}
			#interaction {width: 180px; min-height: 600px; padding-top: 10px; overflow: hidden; float: left; background: url(images/backgrounds/bg-interaction-top.gif) 3px 0 no-repeat;}
			#mainContent {width: 400px; height: 100%; padding-top: 10px; float: left;}
	
/* HEADER ============================================================================ */
#headerContent {width: 865px; height: 110px; display: block; overflow: hidden; border: 3px solid #fff; background: transparent url(images/header.jpg) no-repeat;}
	
	/* Logo */
		#headerContent #logo {width: 276px; height: 40px; overflow: hidden; background: transparent url(images/logo.png) no-repeat; margin: 55px 0 0 15px; }
	
	/* Main navigation */
		#header #menu {height: 21px; width: 865px; display: block; border: 3px solid #fff; border-top: 0; overflow: hidden; background: url(images/backgrounds/bg-menu.gif) repeat-x;}
			#header ul#mainMenu {float: left;}
			#header ul#mainMenu li {float: left; display: block; border-left: 2px solid #fff; padding: 1px 12px 5px 12px; margin: 3px 2px 0 -2px;}
			#header ul#mainMenu li a { text-transform: uppercase; height: 10px; margin-top: 2px; display: block; }
			#header ul#mainMenu li a .hide{ display: none;}
				#header ul#mainMenu li.home a{width: 38px; background: url(images/nav/home-in.gif) no-repeat; }
					#header ul#mainMenu li.home a:hover, #header ul#mainMenu li.home-active a{width: 38px; background: url(images/nav/home-active.gif) 0 0 no-repeat;}
				#header ul#mainMenu li.thoughts a{width: 70px; background: url(images/nav/thoughts-in.gif) no-repeat; }
					#header ul#mainMenu li.thoughts a:hover, #header ul#mainMenu li.thoughts-active a{width: 70px; background: url(images/nav/thoughts-active.gif) 0 0 no-repeat;}
				#header ul#mainMenu li.video a{width: 37px; background: url(images/nav/video-in.gif) no-repeat; }
					#header ul#mainMenu li.video a:hover, #header ul#mainMenu li.video-active a{width: 37px; background: url(images/nav/video-active.gif) 0 0 no-repeat;}
				#header ul#mainMenu li.art a{width: 26px; background: url(images/nav/art-in.gif) no-repeat; }
					#header ul#mainMenu li.art a:hover, #header ul#mainMenu li.art-active a{width: 26px; background: url(images/nav/art-active.gif) 0 0 no-repeat;}
				#header ul#mainMenu li.poetics a{width: 51px; background: url(images/nav/poetics-in.gif) no-repeat; }
					#header ul#mainMenu li.poetics a:hover, #header ul#mainMenu li.poetics-active a{width: 51px; background: url(images/nav/poetics-active.gif) 0 0 no-repeat;}
		
			#header ul#subMenu {float: right; margin-top: 8px}
			#header ul#subMenu li {float: left; display: block; border-left: 1px solid #fff; padding: 0px 7px 0px 7px;}
				#header ul#subMenu li.discuss-active {border-left: 0}
			#header ul#subMenu li a { text-transform: uppercase; height: 7px; display: block; }
			#header ul#subMenu li a .hide{ display: none;}	
				#header ul#subMenu li.discuss {border: none;}
				#header ul#subMenu li.discuss a{width: 40px; background: url(images/nav/discuss-in.gif) no-repeat; }
					#header ul#subMenu li.discuss a:hover, #header ul#subMenu li.discuss-active a {width: 40px; background: url(images/nav/discuss-active.gif) 0 0 no-repeat;}
				#header ul#subMenu li.about a{width: 50px; background: url(images/nav/about-in.gif) no-repeat; }
					#header ul#subMenu li.about a:hover, #header ul#subMenu li.about-active a {width: 50px; background: url(images/nav/about-active.gif) 0 0 no-repeat;}
				#header ul#subMenu li.contact a{width: 44px; background: url(images/nav/contact-in.gif) no-repeat; }
					#header ul#subMenu li.contact a:hover, #header ul#subMenu li.contact-active a {width: 44px; background: url(images/nav/contact-active.gif) 0 0 no-repeat;}
				#header ul#subMenu li.submit a{width: 37px; background: url(images/nav/submit-in.gif) no-repeat; }
					#header ul#subMenu li.submit a:hover, #header ul#subMenu li.submit-active a {width: 37px; background: url(images/nav/submit-active.gif) 0 0 no-repeat;}
				#header ul#subMenu li.thinkers a{width: 48px; background: url(images/nav/thinkers-in.gif) no-repeat; }
					#header ul#subMenu li.thinkers a:hover, #header ul#subMenu li.thinkers-active a {width: 48px; background: url(images/nav/thinkers-active.gif) 0 0 no-repeat;}

/* END HEADER ============================================================================ */
	
/* CONTENT ============================================================================ */
/* Headers */
	h1 { font-size: 2.0em; color: #153349; margin:0; }
		#logo h1.no-print {display: none;}
		#mainContent h1 {text-transform: uppercase; margin-bottom: 7px}
		#interaction h1, #mainContent .article h1 {color: #f55b03}
	h2 { font-size: 1.8em; color: #f55b03; margin:0;}
		#interaction h2, #media h2 {color: #153349;}
		#mainContent .older h2 {font-size: 1.6em; font-weight: normal;}
	h3 { font-size: 1.2em; color: #f55b03; margin:0;}
		#media h3 { color: #fe7f0f; font-size: 1.6em;}
	h4 { font-size: 1.1em; color: #f55b03; margin-bottom: 5px;}

/* p */
	p {font-size: 1.2em; margin-bottom: 10px;}
	#interaction p{font-size: 1.1em;}
	
/* ul */
	#content ul  {}
	li {list-style:none;}
		#content ul li {background: url(images/backgrounds/bullet-orange.gif) 0 4px no-repeat; padding-left: 10px;}
		#content ul li.more {background: none; margin-top: 3px}
			#content ul li.more a{color: #f55b03;}
				#content ul li.more a:hover{font-weight: bold;}
		
/* a */
	#content a {color: #153349;}
		#content a:hover {color: #f55b03;}
			#content #interaction {font-size: 1.1em;}
		#content #mainContent a {color: #f55b03;}
			#content #mainContent a:hover, #content a.more:hover {font-weight: bold;}
				#content a.more {font-size: 0.8em; color: #f55b03;}

/* images */
	#content img { display: block; border: 1px solid #b2b2b2; padding: 2px; margin-bottom: 10px;}
		#content #comments img {border: 0; display: inline; padding: 0; margin: 0}
		#content .first-article img {float:left; margin-right: 10px;}
		
	div.hr {margin: 0px 0 10px 3px; display: block;}
		div.hr hr {display: none;}
		#interaction div.hr {background: url(images/backgrounds/hr-interaction.gif) 0 0 no-repeat; width: 180px; height: 6px;}
		#mainContent div.hr {background: #b2b2b2; height: 1px; width: 390px; margin-left: 10px;}
		#media div.hr {background: url(images/backgrounds/hr-media.gif) 0 0 no-repeat; width: 268px; height: 4px; margin: 0 0 10px 7px;}
		#mainContent #comments div.hr {width: 650px; margin-left: 0}

	input {border: 1px solid #45595c;}
		#interaction input.text {width: 105px; height: 12px; margin-right: 3px; padding: 1px 2px 3px 3px;}
		#interaction input.button {width: 50px; height: 18px; padding: 0 3px 4px; background: url(images/backgrounds/bg-search.gif) 0 0 no-repeat; cursor: pointer;}


.text-block {padding: 0px 5px 20px 0px; margin-left: 10px}	
	.text-block .thumb {float: left; margin: 0 8px 0 0;}
	.headline {width: 100%; border-bottom: 1px solid #b2b2b2; overflow: hidden; margin: 0 0 10px 10px; min-height: 80px; *padding-bottom: 0;}
		.headline p {margin-bottom: 0;}
		.headline img {float: left; margin-right: 8px; width: 72px; height: 72px;}



/* Main Content */


#main { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	margin: 0;
	padding: 12px;
	float: right;
	width: 645px;
	color: #363636
}

#frame { 
	padding: 0 0 0 2px;
}


h3.bbcrumb {
	font-family: palatino linotype, georgia, arial, times;
	font-size: 10pt;
	letter-spacing: 1px;
	font-weight: 300;
	margin: 12px 0 6px 0;
}

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

.notice p { margin-bottom: 0; }

/* Login Form */

.login { 
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #797979;
	margin: 19px 12px 0 0;
	padding: 12px 6px 0 6px;
	width: 640px;
	float: right;
	background-color: #F0F0F0;
}

.login a, .login a:visited {  color: #666666; text-decoration: none;}
.login a:hover, .login h1 a:active{ text-decoration: underline; }


.login p { padding: 0; margin-top: 0px;}

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

.login #submit {
  font-family: verdana, arial, times;
	font-size: 7pt;
	margin-top: 16px;
	height: 18px;
	padding: 0px 4px 6px 4px;
	color: #3B3B3B;
	border: 1px solid #E7E7E7;
	background-color: #fff;
}

p.login {
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	padding-bottom: 12px;
	
}

form.login input { 
  font-family: verdana, arial, times;
	font-size: 7pt;
	margin-top: 3px;
	margin-bottom: 13px;
	border: 1px solid #E7E7E7;
	padding: 2px;
}

p.submit{margin-top: 12px;}

/* Sidebar + Hottags */


tags-input {
	border: 1px solid #868686;
	}

#hottags { 
	width: 180px;
	overflow-x: hidden;
	float: left;
	margin: 10px 0 12px 0;
}

.frontpageheatmap {
	list-style-type: none;
	margin: 0; 
	font-size: 11pt;
	padding: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14pt;
}

/* Search */

#searchform{
	padding: 0;
	font-family: verdana, arial, times;
}

#searchform input#s{
	width: 65%;
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	border: 1px solid #B7B7B7;}

#searchform input#searchsubmit{
	width: 27%;
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px 2px 1px 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
}


/* Front Page or Forum Section */

#forums {
  padding: 0 0 20px 0px;
  }

textarea {
	border: 1px solid #868686;
	}
	
select {
	border: 1px solid #868686;
	}
	
input {
	border: 1px solid #868686;
	}

#front-page #discussions { 
	margin: 0;
	padding: 0 0 12px 0;
	float: right;
	width: 650px;
  }

#front-page #main h2, #userlogin, #currentfavorites, #register {
	margin: 0 0 10px;
	padding: 12px 0 12px 0;
  }
  
h2.post-form{
	margin: 22px;
	padding: 12px;
	font-size: 12pt;
	font-weight: 300;
	}
	
#post-form {
	padding: 12px;
	}

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

.sticky { 
	background: #E3E3E3; 
	}


/* Topic Page */

.infobox {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 16px;
	float: right;
	overflow: hidden;
	width: 600px;
}

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

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

#topic-info {
	width: 580px;
	overflow: hidden;
	float: left;	
	display: block;
	margin: 10px 0;
}

#topic-tags {
	width: 600px;
	border-left: 1px solid #ccc;
	margin-top: -2em;
	padding: 0 1em 1em;
	clear: left;
}

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

.nav span { font-weight: bold; }

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

#thread {
  clear: both;
	background: #eee;
	list-style: none;
	padding: 0;
}

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

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

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

.threadpost{ width: 450px; font-family: verdana, arial, times; font-size: 8pt; float: left; clear: right;}

.threadauthor {
	overflow: hidden;
	width: 95px;
	float: left;
	padding-right: 10px;
}

.threadauthor small { font: 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.threadauthor img {margin-top:5px;}
.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: #fff;
	padding: 0;
}

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

.postformsub {
  font-family: verdana, arial, tahoma; font-size: 7pt; background-color: #fff;
  }

.postform label { display: block; }

.admin { padding: 10px 0 0; }

#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: 16pt;
	font-weight: normal;
	display: inline;
}

/* Other Content */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; overflow: hidden; width: 576px; }

#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; font-family: verdana, arial, times; font-size: 8pt; }

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #E0E0E0; }

#latest th, #forumlist th, #favorites th {
	/* border-bottom: 1px solid #aaa; */
	background: transparent url(images/backgrounds/bg-menu.gif) repeat-x scroll 0%;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
}

#latest th a:link, #latest th a:visited, #latest th a:active {
	color:#fff;
}

#latest, #forumlist, #favorites {
	background: #F7F7F7;
	width: 100%;
}

.bozo { background: #eeee88; }

.alt.bozo { background: #ffff99; }

.deleted { background: #ee8888; }

.alt.deleted { background: #ff9999; }



/* Search Page */

.results{margin: 24px; }



/* Profile Page */



#profile-menu {
	list-style-type:none;
	text-align:right;
	margin: -51px 0 0 0;
	padding:0;
	float: right;
	
}


#profile-menu li {
	float:left;
	text-align:center;
}

#profile-menu li a {
  font-family: verdana, arial, times;
	font-size:8pt;
	display:block;
	text-decoration:none;
	color:#333;
	padding:6px;
	background:#FFF;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	}	

#profile-menu li a:hover {
	background:none;
	text-decoration:none;
	color: #fff;
}



#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 Page*/

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: 590px;
}

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

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

fieldset table td { padding: 2px 0; padding-left: 4px; }

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

table {margin-bottom: 10px;}

/* 48 x 48 avatars */

.post {
	min-height: 110px;
}

.view  {
	font-size: 8pt;
	list-style-type: none;
	margin-left: -14px;
	}
	
	
/* ------------ Footer ------------------ */

/* Footer Navigation */
		
		#footer #footer-navigation {width: 600px; margin: 0 auto; overflow: hidden}
			#footer #footer-navigation ul li {float: left; display: block; border-left: 1px solid #153349; padding: 0px 9px 0px 9px; margin: 8px 2px 8px 0 }
				#footer #footer-navigation ul li.home {border-left: none;}
			#footer #footer-navigation ul li a { text-transform: uppercase; height: 7px; margin-top: 2px; display: block; }
			#footer #footer-navigation ul li a .hide{ display: none;}
				#footer #footer-navigation ul li.home a{width: 29px; background: url(images/footer/home-in.gif) no-repeat; }
					#footer #footer-navigation ul li.home a:hover{background: url(images/footer/home-active.gif) 0 0 no-repeat;}
					#footer #footer-navigation ul li.home-active a{width: 29px; background: url(images/footer/home-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.thoughts a{width: 52px; background: url(images/footer/thoughts-in.gif) no-repeat; }
					#footer #footer-navigation ul li.thoughts a:hover{background: url(images/footer/thoughts-active.gif) no-repeat; }
					#footer #footer-navigation ul li.thoughts-active a{width: 52px; background: url(images/footer/thoughts-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.video a{width: 27px; background: url(images/footer/video-in.gif) no-repeat; }
					#footer #footer-navigation ul li.video a:hover{background: url(images/footer/video-active.gif) no-repeat; }
					#footer #footer-navigation ul li.video-active a{width: 27px; background: url(images/footer/video-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.art a{width: 20px; background: url(images/footer/art-in.gif) no-repeat; }
					#footer #footer-navigation ul li.art a:hover{background: url(images/footer/art-active.gif) no-repeat; }
					#footer #footer-navigation ul li.art-active a{width: 20px; background: url(images/footer/art-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.poetics a{width: 39px; background: url(images/footer/poetics-in.gif) no-repeat; }
					#footer #footer-navigation ul li.poetics a:hover {background: url(images/footer/poetics-active.gif) no-repeat; }
					#footer #footer-navigation ul li.poetics-active a {width: 39px; background: url(images/footer/poetics-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.discuss a {width: 40px; background: url(images/footer/discuss-in.gif) no-repeat; }
					#footer #footer-navigation ul li.discuss a:hover {background: url(images/footer/discuss-active.gif) no-repeat; }
					#footer #footer-navigation ul li.discuss-active a {width: 40px; background: url(images/footer/discuss-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.about a {width: 50px; background: url(images/footer/about-in.gif) no-repeat; }
					#footer #footer-navigation ul li.about a:hover {background: url(images/footer/about-active.gif) no-repeat; }
					#footer #footer-navigation ul li.about-active a {width: 50px; background: url(images/footer/about-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.contact a {width: 45px; background: url(images/footer/contact-in.gif) no-repeat; }
					#footer #footer-navigation ul li.contact a:hover {background: url(images/footer/contact-active.gif) no-repeat; }
					#footer #footer-navigation ul li.contact-active a {width: 45px; background: url(images/footer/contact-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.submit a {width: 37px; background: url(images/footer/submit-in.gif) no-repeat; }
					#footer #footer-navigation ul li.submit a:hover {background: url(images/footer/submit-active.gif) no-repeat; }
					#footer #footer-navigation ul li.submit-active a {width: 37px; background: url(images/footer/submit-active.gif) 0 0 no-repeat;}
				#footer #footer-navigation ul li.links a {width: 28px; background: url(images/footer/links-in.gif) no-repeat; }
					#footer #footer-navigation ul li.links a:hover {background: url(images/footer/links-active.gif) no-repeat; }
					#footer #footer-navigation ul li.links-active a {width: 28px; background: url(images/footer/links-active.gif) 0 0 no-repeat;}
				
				.credits {width: 845px; display: block; overflow: hidden; color: #979797; margin: 3px 0 0 25px; *margin-top: 10px}
					.credits .left {float: left; color: #979797}
					.credits .right {float: right; color: #979797}
					.credits a{ color: #c8c8c8;}

/* Footer */
	#footer { clear: left; width:895px; height: 52px; overflow:hidden; background: transparent url(images/backgrounds/content-bg-btm.gif) bottom left no-repeat;}