/* ==================================================================================
   INFORMATION
   ==================================================================================
 
   Name: Simplists Style Sheet
   Author: CC
   Last update: 21st September, 2008. 
   References: 
      - Sliding doors menu based on free template by E. Aligam (www.styleshout.com) 
      - BBpress elements based on kakumei template 

*/

/* ==================================================================================
   LAYOUT AND STYLING
   ================================================================================== */ 

/* padding: top, right, bottom, left */
/* if entered in pairs it is topbottom / leftright */
/* margin is outside border, padding is inside */
/* width sets size of inner content not outer box */


/* ----------------------------------------------------------------------------------
   Outer wrappers and site-wide settings
   ---------------------------------------------------------------------------------- */

* { 
	margin: 0; 
	padding: 0; 
	outline: 0; 
}
html {
	background: #7E8B5A url(border-bg.jpg) repeat-x scroll top left;
}
body {
	/* background: #7E8B5A url(border-bg.jpg) repeat-x; */
	background: transparent url(border-corner.jpg) no-repeat scroll 0px 0px;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #6B6B6B; 
	text-align: center;
	clear: both;
	padding-top: 1px;
}
#wrap {
	position: relative;
	width: 952px;
	background: #FFF url(border-fill.jpg) repeat-y center top;
	margin: 14px auto;
	text-align: left;
	clear: both;
}
#header {
	position: relative;
	width: 952px;
	height: 202px;
	background: #DDE7B7;
	padding: 0;	
	margin: 0;	
}
#header h1 {
	font-size: 30px;
	margin: 0; 
	color: #332616;
	padding: 40px 0 0 0;
	text-align: center;
}
/* image replacement for h1 tag in header */
#header span {
	background: url(border-header.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#content {
	clear: both;	
	float: left;	
	width: 952px;
}
#main {
	float: left;
	width: 575px;
	padding: 0; 
	margin: 10px 0 10px 30px;
	display: inline;	
}
#sidebar {
	float: right;
	width: 291px;
	padding: 0; 
	margin: 10px 40px 10px 0;
	display: inline;	
}
#footer {
	clear: both;
	width: 952px;
	margin: 0;

	/* add some top padding the size of the footer picture */
	padding: 16px 0 0 0;
	background: #7E8B5A url(border-footer.jpg) no-repeat left top;			
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.9em;
	color: #FFF;	
	text-align: center;	
	letter-spacing: .2px;
}
#footer p {
	padding: 5px 0;
}
#footer a { 
	color: #FFF; 
	border-bottom: 1px dotted #FFF;
	text-decoration: none;
}
#footer a:hover { 
	color: #555; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------
   
   ---------------------------------------------------------------------------------- */

a, a:visited {	
	color: #79A325;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: underline;
}
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; 
	color: #51432F;
	font-size: 1.9em;
	padding: 10px;
	font-weight: Bold;
}
h2 {
	font-size: 1.7em;
	padding: 10px 0 5px 5px; 	
	margin: 0 5px;		
	letter-spacing: -1px;
	border-bottom: 1px solid #E4F2C8;
}
h3 {
	font-size: 1.4em;
	text-transform: none;	
}
h3.bbcrumb {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #000000;
}
h3.show-title {
	font-size: 1.2em;
	color: #52750C;
	padding: 10px 10px 0 10px;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #6B6B6B;
	padding: 10px;
}
p { 
	padding: 12px 10px;	
}
p.show-info {
	margin: 0 5px;
	padding: 0 5px 10px 15px;
	border-bottom: 1px solid #E4F2C8;
}
small {
	font-size: 0.5em;
}

#mailinglistform {
	padding: 0;
	margin: 0;
}
.post-info { 
	font-size: .95em; 
	padding: 0 10px; 
	margin-left: 2px; 
	color: #A98D76; 
}
.release-info { 
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: .90em; 
	color: #A98D76; 
}
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;	
}
ul { 
	list-style: none; 
}
#content ul li {
	list-style-image: url(bullet.gif);
}
#content ul li.nestedlist {
	list-style-image: none;
	list-style-type: none;
}

dl { 
	padding: 10px; 
	margin: 0; 
}
dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}
/* prevent lyte box image from having a border */
img, #map {
	margin: 0;
	padding: 0;
	border: none;
}
/* style the images appearing within the site */
#content img {
	/* background: #FAFAFA; */
   	border: 1px solid #E4E4E4;
	padding: 5px;

}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
#main img.no-border, .no-border {
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar img.no-border {
	margin: 0;
	padding: 0;
	border: none;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}

/*blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
   	font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #80614D;	
	border: 1px solid #EEE8E1; 
	background: #FAF7F5 url(quote.gif) no-repeat 15px 15px;
}*/

/* ----------------------------------------------------------------------------------
   Tables
   ---------------------------------------------------------------------------------- */

table {
	border-collapse: collapse;
	margin: 10px;
	width: 100%;		
}
th {
	height: 38px;
	padding: 0 10px;
	color: #fff;
	text-align: center;
	background-color: #7F8959;	
	border: 1px solid #E7F0CC;
}
a.new-topic {
	color: #FFF; 
	border-bottom: 1px dotted #FFF;
}
a.sticky-link {
	text-transform: uppercase;
	font-weight: bold;
}
.sticky { 
	background-color: #DDE7B7;
	border: 1px solid #E7F0CC;
}
tr {
	/* height: 34px; */
	background-color: #FFF;
}
tr.alt {

}
td {
	padding-left: 11px;
	padding-right: 11px;
	border: 1px solid #E7F0CC;	
}

/* Tables in the forum list */
#latest td, #forumlist td, #favorites td {
	padding: 5px 10px; 
}
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { 
	background-color: #B9C187;
}
#latest th, #forumlist th, #favorites th {
	border-bottom: 1px solid #aaa;
	text-transform: uppercase;
}
#latest, #forumlist, #favorites {
	width: 880px;
	background-color: #f7f7f7;
}

/* Tables in edit user information and registration*/
#userinfo, #admininfo, #editpassword, #registeruser, #logintable, #recoverpassword{
	width: 840px;
}
#userinfo th, #editpassword th, #admininfo th, #registeruser th, #logintable th, #recoverpassword th, form-field form-required{
	width: 350px;
}
#lf_user_login, #lf_password, #reg_user_login, #user_email, #user_url, #from, #occ, #interest, #bb_title, #pass1, #pass2 {
	width: 420px;
}


/* ----------------------------------------------------------------------------------
   Forms
   ---------------------------------------------------------------------------------- */

form {
	margin: 10px; 
	padding: 10px; 
	border: 1px solid #E4F2C8; 
	background-color: #DDE7B7;
}
form p {
	padding: 0;	
	margin: 0;	
	color: #9D6D37;
}
label {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #736448;
}
input, select {
	margin: 2px;
	padding: 2px 6px 2px 6px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
	line-height: 12px;
}
textarea {
	padding: 2px 6px 2px 6px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
}
.radio {
	border: none;
}
.checkbox {
	border: none;
	background: transparent;
}
.button, #postformsub, #submitprofile, #submitregistration, #submitlogin, #deleteuser{ 
	margin: 2px;
	padding: 3px; 
	color: #fff;
	background: #A6CD56;
	line-height: 12px;
}
.button:hover, #postformsub:hover, #submitprofile:hover, #submitregistration:hover, #submitlogin:hover, #deleteuser:hover { 
	background: #DDE7B7;
	color: #7F8959;
}


/* mailing list signup in sidebar */
#mailinglist {
	text-align: right;
}
#email{
	width: 231px;
}
#country{

}

/* login form at the top of the message board */
.login {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
.postform {
	padding: 1em;
	margin-bottom: 1em;
}
.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 820px;
	display: block;
}
.postform label { display: block; }


/* ----------------------------------------------------------------------------------
   Navigation
   ---------------------------------------------------------------------------------- */

#nav {
	clear: both;	
	padding: 0;	margin: 0;
	width: 952px;
	/* changes height of the navigation div, but it uses a background image to keep the border going etc */
	height: 40px;
	background: #988060 url(border-menu.jpg) no-repeat;		
}
#nav ul {
	float: left;	
	list-style: none;

	/* sets the offset for the menu tabs this and ## below should add to the height of the background */
	margin: 8px 0 0 0;
	/* sets the height for the list, the numbers should add up to the height of the nav above, except the images will need to change aswell */
	height: 32px;

	/* shifts the menu across if it needs to be */
	padding: 0 0 0 40px;					
}
/* changes padding options for joining the left and right tab images, leave as is */
#nav ul li {
	float: left;
	margin: 0; padding: 0 0 0 10px;		
}
#nav ul li a {
	float: left;
	margin: 0;

	/* changes the length of the menu tabs */
	padding: 0 15px 0 5px;

	/* changes colour for not current links, sets the font etc for all */
	color: #FFFFFF;
	/* the second number below is ## */
	font: bold 14px/32px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;		
}
#nav ul li a:hover, 
#nav ul li a:active {
	/* changes mouse over link colour */
	color: #DDE7B7;	
}
#nav ul li#current {
	/* adds the left tab to the correct position */
	background: transparent url(left-tab.gif) no-repeat;
}
#nav ul li#current a {	
	/* changes colour for current link */
	color: #170202;

	/* adds the right tab to the correct position */
	background: transparent url(right-tab.gif) no-repeat right top;	
}

/* ==================================================================================
   MESSAGE BOARD
   ================================================================================== */ 

#messageboard, #no-sidebar {
	margin: 0 16px 0 16px;
	padding: 0 10px 10px 10px; 
	/* background-color: #56ADB0; */
}

#messageboard p {
	padding: 0 10px;
}
/*
#messageboard h3 {
	font-size: 1.6em;
	font-weight: normal;	
	padding: 16px 10px 4px 10px;
	color: #cc0000;
}*/
#forumlogin {
	/* background-color: #DDE7B7;*/
	margin: 0 16px;	
	text-align: right;
	padding: 6px;
	border-bottom: 1px solid #E2E0D7;
	vertical-align: middle;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

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


.left { float: left; }

.right { float: right; }

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

img.avatar { border: 1px solid #ddd; }

.deleted { background-color: #ee8888; }

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

/* ----------------------------------------------------------------------------------
   TOPIC PAGES
   ---------------------------------------------------------------------------------- */

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}
#topic-tags {
	border-left: 1px solid #ccc;
	float: right;
	padding: 0 0 0 1em;
}
.nav {
	margin: 4px 0;
	padding: 4px 0;
}
.nav span { 
	font-weight: bold; 
}
.nav span, .nav a { 
	padding: 6px; 
}
#thread {
	background: #FFF;
	list-style: none;
	margin: 0 10px;
	padding: 0;
	border: 1px solid #DDE7B7;
}
#thread li {
	line-height: 1.5em;
	clear: both;
	background-color: #DDE7B7;
	border-top: 1px solid #DDE7B7;
	border-bottom: 1px solid #DDE7B7;
}
#thread li ol, #thread li ul { 
	margin-left: 40px; 
}
#thread li ol li, #thread li ul li { 
	padding: 0; 
}
.threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 120px;
}
.threadauthor p { 
	margin: 0; 
}
.threadauthor small { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}
.threadpost {
	padding: 1.5em 1em;
	margin-left: 140px;
}
#thread li.alt .threadpost { 
	background-color: transparent; 
}
#thread li.alt {
	background: #FFF;
	border-top: 1px solid #fff;
}
#thread li.deleted { 
	background-color: transparent; 
}
#thread li.deleted .threadpost { 
	background-color: #ee8888; 
}
#thread li.alt.deleted .threadpost { 
	background-color: #ff9999; 
}
#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
}
#thread .post blockquote {
	margin: 0 0 0 4ex;
	padding: 0 0 0 1ex;
	border: 1px solid #ccc;
	border-left: 5px solid #ccc;
	background: #FFF;
}
.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	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;
}
#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 {
	
}
.rss-link, .rss-link:hover, .rss-link:visited, .rss-link:active  {
	display: block;
	padding: 6px 0;
	text-indent: 20px;
	background-image: url('http://www.bradtreeby.com/images/rss.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#topic-move { 
	margin-top: 1em; 
}
#front-search {
	float: right;
	margin-top: -8px;
}

/* ----------------------------------------------------------------------------------
   Profile Page
   ---------------------------------------------------------------------------------- */

#profile-menu {
	list-style: none;
	position: absolute;
	right: 0;
}
#profile-menu li {
	display: inline;
	margin-left: 3px;
}
#profile-menu li a {
	font-size: 0.9em;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px;
	position: relative;
}
#profile-menu li.current a {
	font-weight:bold;
}

#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; }

/* Message given after profile edited */
.notice {
	border: 1px solid #7F8959;
	background-color: #DDE7B7;
	color: #7F8959;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
}
.notice p { 
	margin-bottom: 0; 
}

/* ----------------------------------------------------------------------------------
   Login, Register, Profile Edit
   ---------------------------------------------------------------------------------- */

fieldset {
	border-width: 0;
	padding: 0;
	margin: 0;
}

#login-page fieldset,
#register-page fieldset,
#profile-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;
	background-color: #f6f6f6;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 90%;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 2px;
	text-align: right;
	width: 20%;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 2px 0;
}

/*
#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}
*/

#login-page sup.required,
#register-page sup.required,
#profile-page sup.required {
	color: red;
}

/* ==================================================================================
   LIGHTBOX
   ================================================================================== */ 

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(lb_loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(lb_blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(lb_prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(lb_blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(lb_next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(lb_close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(lb_play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(lb_pause_grey.png) no-repeat; }