/*
Theme Name: WinExtra White for bbPress
Theme URI: http://www.winextra.com/forums
Description: Custom theme to tie in the look of the forums to match the WinExtra blog
Version: 0.1
Author: Steven Hodson
Author URI: http://www.braincellsoup.com
*/
/* Globals 
=================================== */

/* Resets 
This complete list of resets is courtesy of Tim Wright and TJ Kelly at noupe.com and was a 
part of the their post : CSS Techniques I wish I knew when I started designing websites
http://www.noupe.com/css/css-techniques-i-wish-i-knew-when-i-started-designing-websites.html
Much thanks.
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/* end of resets */

/* Global settings */
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

a, a:visited {
	text-decoration: none;
	color: #0000FF;
}

a:hover {
	border-bottom: 1px #0000FF solid;
	color: #0000FF;
}
a.hover img {
	border-bottom: none;
}
body {
	background: #eaeaea;
	font-family: "Arial", Helvetica, Verdana, sans-serif;
}

.clear {
	clear:both;
}

small {
	font-size: small;
}
table {border-collapse: collapse;}

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

.unread_posts_row .forum-title, .unread_login_row .forum-title, .unread_posts_row .msg-title, .unread_login_row .msg-title {
	background: url('images/new.png') no-repeat right center;
	padding-right: 20px;
}

.alt {
	background: #EAEAEA;
}
.sticky {
	background: #D4D4D4;
}
.delete:hover {
	background-color: #c00;
	color: #fff;
}
.bozo { background-color: #eeee88; }

.alt.bozo { background-color: #ffff99; }

.deleted { background-color: #ee8888; }

.alt.deleted { background-color: #ff9999; }

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

.notice.error {
	border-color: #852424;
	background-color: #ca8a8a;
	color: #5d2424;
}

.notice p { margin-bottom: 0; }
/* Header Settings */
#header {
	background: url('images/header.png') repeat-x top;
	height:111px;
	padding-top: 14px;
}
	.logo-block {
		overflow: hidden;
		height: 58px;
		width: 350px;
		margin-left: 15px;
	}
		.logo-block .logo {
			font-size: 42px;
			height: 70px;
			background: url('images/logo.png') no-repeat left top;
			margin-top: 0;
			color: #fff;
			letter-spacing: 6px;
		}
	.top-menu {
		position:absolute;
		right: 20px;
		top: 55px;
	}
		.top-menu ul {
			list-style: none; 
			list-style-type: none; 
			display: inline; 
			margin: 4px; 
			padding: 5px 0 15px 10px;
			font-size: 12px;
		}
		.top-menu ul li {
			display: inline;
			padding: 2px 7px 2px 0;
		}
		.top-menu ul li a, .top-menu ul li a:visited {
			color: #fff;
			text-decoration: none;
		}
		.top-menu ul li a:hover {
			border-bottom: 1px #fff solid;
		}
		
.bbcrumb {
	/*padding: 5px 0 20px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #F3F3F3;
	border: 1px #C7C7C7 solid;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}
.bbcrumb a, .bbcrumb a:visited {
	color: #174E7B;
	}

.bbcrumb a:hover {
	color: #ffffff;
	/*border-bottom: 1px dotted #ffffff;*/
	background: #174E7B;
	}
	.bbcrumb .profile-menu {
		float:right;
	}
	.bbcrumb .profile-menu ul {
		list-style: none; 
		list-style-type: none; 
		display: inline; 
		margin: 4px 0 25px 0; 
		padding: 5px 0 15px 10px;
		font-size: 12px;
	}
	.bbcrumb .profile-menu ul li {
		display: inline;
		padding: 2px 7px 2px 0;
	}
	.bbcrumb .movetop {
		float: right;
		font-size: 12px;
		margin: 2px 10px 2px 0;
		font-weight: bold;
	}
#page-body {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: -25px;
	overflow: hidden;
	min-width: 900px;
}
	
	#content {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-right: 5px;
		border: 1px #D4D4D4 solid;
		background: #fff;
		overflow: hidden;
		margin-bottom: 25px;
	}
	#discussions, #subforums {
		margin: 25px;
	}
	#discussions .google-ad, #subforums .google-ad {
		text-align: center;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#discussions h2 {
		font-size: 18px;
		font-weight: bold;
		background-color: #2C3B5A;
		color: #fff;
		padding: 10px 10px;

	}

	#subforums h2 {
		font-size: 18px;
		color: #000;
		padding: 10px 10px;
	}
	#discussions h2 a, #discussions h2 a:visited, #subforums h2 a, #subforums h2 a:visited {
		color: #fff;
	}
	#discussions h2 a:hover, #subforums h2 a:hover {
		color: #fff;
		border-bottom: none;
	}
/* Forum List Table settings */
table#forumlist, table#latest, table#favorites, table#userlist {
	width: 100%;
}
	table#favorites, table#userlist {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	table#userlist tr span.userlist-name {
		padding-right: 15px;
	}
	#forumlist th.list-header, #latest th.list-header, #favorites th.list-header {
		font-size: 15px;
		font-weight: bold;
		background-color: #2C3B5A;
		color: #fff;
		padding: 10px 10px;
	}
	table#userlist th {
		padding: 10px 10px;
	}
	#latest td, #forumlist td, #favorites td, #userlist td {
		padding: 5px 10px; 
		border-top: 1px solid #497497;
		}
	
	.cat-header {
		background: #BFC2C8;
		font-size: 16px;
		padding: 5px 10px;
		color: #000;
	}
	.cat-header a, .cat-header a:visited {
		color: #000;
		text-decoration: none;
	}
	.cat-header a:hover {
		color: #2C3B5A;
		border-bottom: 1px #2C3B5A solid;
	}
	.cat-header .nest {
		float: left;
	}
	.cat-header span.add-new-topic {
		font-size: 14px;
	}
	.cat-header .fresh {
		float: right;
		font-size: 12px;
		margin: 2px 10px 2px 0;
		font-weight: bold;
	}
	.cat-header .fresh a, .cat-header .fresh a:visited {
		color: #fff;
	}
	.cat-header .fresh a:hover {
		color: #fff;
		border-bottom: 1px #ffffff solid;
	}
	td.forum-title, td.topic-title {
		font-size: 14px;
	}
	td.topic-title em {
		font-style:normal;
		font-size: 12px;
	}
	td.num {
		font-size: 12px;
	}
	.nest {
		padding-left: 10px;
	}
	#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { 
		background-color: #EAEAEA; 
		border: 1px solid #6186A5; 
		}
	.markunread {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #F3F3F3;
		border: 1px #C7C7C7 solid;
		padding: 10px;
		font-size: 12px;
		margin-top: 20px;
		text-align: right;
	}
	
/* Post Form settings */
.postform {
	overflow: hidden;
}
.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 480px;
	max-width: 724px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform label { display: block; }

.postform #topic,
.postform #tags-input {
	margin: 5px 0;
	padding: 5px;
	width: 480px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform p#post-form-forum-container label span {
	font-weight: bold;
	font-style: italic;
}
.postform p#post-form-post-container {
	margin: 15px 0 15px 0;
}
.postform p#post-form-tags-container {
	margin: 15px 0 15px 0;
}
.postform p#post-form-allowed-container {
	font-size: 12px;
	margin: 10px 0 10px 0;
}
#manage-tags {
	margin: 10px 0;
	list-style: none;
}

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

p.submit { text-align: right; }

p.allowed { margin-bottom: 0; }

#recent-replies {
	font-size: 12px
}
#recent-replies ul {
	margin-left: 15px;
}
#recent-replies ul li {
	padding: 2px;
}
/* Topic Page */
.infobox {
	margin-top: 25px;
	overflow: hidden;
	border-bottom: 3px lightgray double;
	margin-bottom: 10px;
}
	.infobox h2 {
		font-size: 28px !important;
		font-weight: bold;
	}
	.infobox h2 a, .infobox h2 a:visited {
		color: #000;
		text-decoration: none;
		border-bottom: none;
	}
	.infobox a:hover {
		color: #000;
		text-decoration: none;
		border-bottom: none;
	}
.infobox .left {
	float: left;
	font-size: 12px !important;
}
	
	.infobox .left p {
		font-size: 12px;
		padding: 2px 2px 2px 0;
		margin-bottom: 3px;
		margin-left: 12px;
	}
	
.infobox .right {
	float: right;
	font-size: 12px !important;
}
	.infobox .right p {
		font-size: 12px;
		margin-bottom: 3px;
		margin-left: 12px;
	}
	.infobox .right p ul.tmeta {
		list-style: none;
		list-style-type: none;
		list-style-position: inside;
	}
	.infobox .right p ul.tmeta li {

	}
	.infobox .right p ul.tmeta li span#subscribe_to_topic select {
		font-size: 10px;
		width: 125px;
	}
	.infobox .right div#topic-tags {
		font-size: 12px;
		margin-top: 2px;
		padding-top: 5px;
	}
	.infobox .right div#topic-tags p {
		margin-bottom: 4px;
	}
	.infobox .right form#tag-form submit {
		font-size: 12px;
	}

p.rss-link {
	text-align: right;
}

a.rss-link {
	padding: 6px 0 6px 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#topic-move { margin-top: 1em; }

#topic-edit-form label {
	margin: 10px 0 25px 0;
	font-size: 16px;
	font-weight: bold;
}

/* Thread settings */
#thread-base {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	overflow: hidden;
}
	
	#thread-base ol#thread {
		font-size: 14px;
	}
	ol#thread {
		list-style: none;
		margin: 2em 0 0 0;
		padding: 0;
	}
		ol#thread li {
			line-height: 1.5em;
			clear: both;
			/* Hack to force padding on .threadauthor on IE */
			/* border-top: 1px solid #fff; */
			margin-bottom: 5px;
			border: 1px #D4D4D4 solid;
			padding: 5px;
			overflow: hidden;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		.threadauthor {
			float: left;
			width: 120px;
		}
		.threadauthor img {
			border: 1px gray solid;
			padding: 3px;
			background: #F3F3F3;
		}
		
		.threadpost {
			overflow: hidden;
		}
		.threadpost .post {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.threadpost .post p {
			margin-bottom: 5px;
		}
		.threadpost .poststuff {
			font-size: 12px;
			margin-bottom: 5px;
		}
		.threadpost a.post-spam-link {
			padding-left: 5px;
		}
		#thread blockquote {
			margin: 5px 30px 10px 25px;
			padding: 5px;
			border-top: 3px gray double;
			border-bottom: 3px gray double;
		}
		#thread blockquote cite {
			font-weight: bold;
		}
p.rss-link {
	text-align: right;
}

a.rss-link {
	padding: 6px 0 6px 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.mod-tools {
	font-size: 12px;
	text-align: right;
	padding:5px 10px 5px 0;
}
.admin-tools {
	font-size: 12px;
}
.admin-tools fieldset select {
	font-size: 10px;
	display: inline;
}
.admin-tools fieldset submit {
	font-size: 10px;
}
/* Page navigation
=================================== */

a.page-numbers,
span.page-numbers {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 4px 4px 2px 5px;
	margin-left: 5px;
	background-image: url('images/page-links-background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 16px;
}

span.page-numbers.current {
	color: #ffffff;
	background-position: 0 -100px;
}

#latest a.page-numbers {
	font-size: 10px;
	padding: 3px 3px 1px 4px;
	margin-left: 3px;
}

a.prev.page-numbers,
a.next.page-numbers,
span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
}

span.page-numbers.dots {
	padding: 0;
}

a.page-numbers:hover {
	background-position: 0 -100px;
}

a.prev.page-numbers:hover,
a.next.page-numbers:hover {
	color: #006400;
}

.nav {
	/*padding: 5px 0 20px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #F3F3F3;
	border: 1px #C7C7C7 solid;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}
/* Sidebar Settings */	
#sidebar {
	width: 300px;
	float: right;
	margin-left: 5px;
}

	#side-widget {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px #D4D4D4 solid;
		background: #fff;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 10px;
	}
	
	#side-widget h3 {
		font-size: 18px;
		padding-bottom: 4px;
		border-bottom: 1px #eaeaea solid;
		margin-bottom: 10px;
	}
	#side-widget .twitter {
		text-align: center;
	}
	#side-widget .twitter a:hover {
		text-decoration: none;
		border-bottom: none;
	}
	#side-widget ul {
		margin-left: 5px;
		font-size: 12px;
	}
	#side-widget ul li {
		padding: 5px;
	}
	#side-widget .search {
		border: 1px solid darkgray; 
		height: 34px; 
		background: #D4D4D4;
		text-align: left;
		}
	#side-widget .search .text_input {
		width: 98%; 
		background: #D4D4D4;
		font-size: 1.15em; 
		color: darkgray;
		border: none;
		padding: 0;
		margin: 0;
		}
	#side-widget .search .text_input, #search .form_submit {
		padding: 2px; 
		}
	#side-widget ul.views-list {
		margin-left: 10px;
	}
	#side-widget .google-ad {
		text-align: center;
		margin: 5px;
	}
	#side-widget .online-now {
	margin: 10px;
	font-size: 12px;
	}
	#side-widget .visited {
	margin: 10px;
	font-size: 12px;
	}
	#side-widget .mini-stats {
	margin: 10px;
	font-size: 12px;
	}

/* Login settings */
.login {
	font-size: 12px;
}
.login img {
	float:left;
	padding: 2px;
	border: 1px #eaeaea solid;
	margin-right: 10px;
}

	.l-info h5 {
	margin-bottom: 5px;
	}
	.l-info {
		font-size: 12px;
	}
	.l-info p {
		margin-bottom: 6px;
	}
	
/* Profile Settings */
.vcard {
	margin-top: 25px;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
}
.vcard p {
	margin-bottom: 5px;
}
.vcard dl#userinfo {
	margin-top: 25px;
	font-size: 12px;
}
.vcard dl#userinfo dt {
	font-weight: bold;
	padding-bottom: 2px;
}
.vcard dl#userinfo dd {
	padding-left: 15px;
	padding-bottom: 5px;
}
#useravatar img {
	float: left;
	border: 1px gray solid;
	padding: 3px;
	background: #F3F3F3;
	margin-right: 10px;
}

h3#useractivity {
	margin-bottom: 15px;
}

#user-replies, #user-threads {
	margin: 0 25px 10px 25px;
}
#user-replies h4, #user-threads h4 {
	border-bottom: 1px gray solid;
	margin-bottom: 10px;
}
#user-replies ol li, #user-threads ol li {
	padding-bottom: 5px;
}
#user-replies ol li span.freshness, #user-threads ol li span.freshness {
	font-size: 12px;
	color: darkgray;
}

h2#userlogin {
	margin-bottom: 15px;
}
#profile-edit form, #register-page form, #login-page, form {
	margin: 5px 25px 10px 25px;
}
#profile-edit legend, #register-page legend, #login-page legend {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
#profile-edit fieldset, #register-page fieldset, #login-page fieldset {
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 25px;
	border-collapse: collapse;
}
#profile-edit fieldset table tr.error th em, #register-page fieldset table tr.error th em, #login-page fieldset table tr.error th em {
	position: absolute;
	/* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
	left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10)  ) + 5 + 280 + 5 */
	margin-left: 1em; /* th:padding-right = 1em */
	color: red;
	font-style: normal;
}
#profile-edit fieldset table td, #register-page fieldset table td, #login-page fieldset table td {
	padding: 5px;
}
#profile-edit fieldset table td p, #register-page fieldset table td p, #login-page fieldset table td p{
	margin: 5px 0;
}
#login-page fieldset input[type=text],
#register-page fieldset input[type=text],
#profile-edit fieldset input[type=text],
#login-page fieldset input[type=password],
#profile-edit fieldset input[type=password] {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#profile-edit fieldset p, #register-page fieldset p, #login-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}

#profile-edit label, #register-page label, #login-page label {
	font-size: 12px;
}
#login-page tr.form-required label:before,
#register-page tr.form-required label:before,
#profile-edit tr.form-required label:before,
p.required-message:before {
	content: ' * ';
	color: red;
	vertical-align: 10%;
}

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	padding: 1px;
	border: 1px solid #c00 !important;
}

.hidden {
	display: none;
}
tr.extra-caps-row th {
	font-size: 12px;
}
tr.pass-strength {
	font-size: 12px;
}
#pass-strength-result {
	padding: 2px;
	text-align: center;
	width: 280px;
	border: 1px solid #ccc;
	background-color: #e3e3e3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pass-strength-result.bad {
	background-color: #ffeff7;
	border-color: #c69;
}

#pass-strength-result.good {
	background-color: #effff4;
	border-color: #66cc87;
}

#pass-strength-result.short {
	background-color: #e3e3e3;
}

#pass-strength-result.strong {
	background-color: #59ef86;
	border-color: #319f52;
}

p.submit input {
	background-color: #ccc;
	border: 1px solid #999;
	padding: 2px 4px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

p.submit input:hover {
	background-color: #ddd;
	color: rgb(0, 100, 0);
}

p.submit input:active {
	border-color: rgb(0, 100, 0);
}
/* Footer settings */
#footer {
	background: #2C3B5A;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 5px 10px 25px 0;
	border-top: 2px #000 solid;
	margin-top: 25px;
}
	#footer a, #footer a:visited {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		border-bottom: 1px #fff solid;
	}