/* 	
	This file contains all the styles related to the layout of the site.
*/
/* 	
	YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements	
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {border:0;}

html {
	 /*
	 background-image: url(/images/general/grid.gif);
	 background-position: right -11px; 
	 */
	
	overflow-y: scroll;
}

a:active, a:focus
{
  	outline: none;
}


/* 	CONTAINER 
	----------------------------------------------------------------- 

	Everything else fits into this
*/
.container {
  width: 900px;
  margin: 0 auto;
  overflow: auto;
}




/* 	V-MENU 
	----------------------------------------------------------------- 
*/

div.vmenu-left-10-2 {
	width: 200px;
	margin-right: 50px;
	padding-left: 50px;
	float: left;	
	background: url(/images/general/vmenu_left.gif) right repeat-y;	
}

div.vmenu-left-10-2 .cap {
	background: url(/images/general/vmenu_left_cap.gif) right no-repeat;
	height: 55px;
	margin-bottom: -11px;
}

div.vmenu-left-10-2 .shoe {
	background: url(/images/general/vmenu_left_shoe.gif) right no-repeat;
	height: 55px;
}



/* 	COLUMNS 
	----------------------------------------------------------------- 

	This is the basic grid for the site. All possible combinations that 
	can be used are here. Do not add any additional ones.
*/


div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, 
div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28, 
div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36 {
  float: left;
  overflow: visible;
  min-height: 1px;
}

.span-1 { width: 25px; }
.span-2 { width: 50px; }
.span-3 { width: 75px; }
.span-4 { width: 100px; }
.span-5 { width: 125px; }
.span-6 { width: 150px; }
.span-7 { width: 175px; }
.span-8 { width: 200px; }
.span-9 { width: 225px; }
.span-10 { width: 250px; }
.span-11 { width: 275px; }
.span-12 { width: 300px; }
.span-13 { width: 325px; }
.span-14 { width: 350px; }
.span-15 { width: 375px; }
.span-16 { width: 400px; }
.span-17 { width: 425px; }
.span-18 { width: 450px; }
.span-19 { width: 475px; }
.span-20 { width: 500px; }
.span-21 { width: 525px; }
.span-22 { width: 550px; }
.span-23 { width: 575px; }
.span-24 { width: 600px; }
.span-25 { width: 625px; }
.span-26 { width: 650px; }
.span-27 { width: 675px; }
.span-28 { width: 700px; }
.span-29 { width: 725px; }
.span-30 { width: 750px; }
.span-31 { width: 775px; }
.span-32 { width: 800px; }
.span-33 { width: 825px; }
.span-34 { width: 850px; }
.span-35 { width: 875px; }
.span-36 { width: 900px; }







/* 	APPEND & PREPEND 
	----------------------------------------------------------------- 

	Adds spacing on the left or right of a column.
*/

.append-1 { padding-right: 25px; }
.append-2 { padding-right: 50px; }
.append-3 { padding-right: 75px; }
.append-4 { padding-right: 100px; }
.append-5 { padding-right: 125px; }
.append-6 { padding-right: 150px; }
.append-7 { padding-right: 175px; }
.append-8 { padding-right: 200px; }
.append-9 { padding-right: 225px; }
.append-10 { padding-right: 250px; }
.append-11 { padding-right: 275px; }
.append-12 { padding-right: 300px; }
.append-13 { padding-right: 325px; }
.append-14 { padding-right: 350px; }
.append-15 { padding-right: 375px; }
.append-16 { padding-right: 400px; }
.append-17 { padding-right: 425px; }
.append-18 { padding-right: 450px; }
.append-19 { padding-right: 475px; }
.append-20 { padding-right: 500px; }
.append-21 { padding-right: 525px; }
.append-22 { padding-right: 550px; }
.append-23 { padding-right: 575px; }
.append-24 { padding-right: 600px; }
.append-25 { padding-right: 625px; }
.append-26 { padding-right: 650px; }
.append-27 { padding-right: 675px; }
.append-28 { padding-right: 700px; }
.append-29 { padding-right: 725px; }
.append-30 { padding-right: 750px; }
.append-31 { padding-right: 775px; }
.append-32 { padding-right: 800px; }
.append-33 { padding-right: 825px; }
.append-34 { padding-right: 850px; }
.append-35 { padding-right: 875px; }

.append-bottom-1 { padding-bottom: 22px;}
.append-bottom-2 { padding-bottom: 44px;}
.append-bottom-3 { padding-bottom: 66px;}
.append-bottom-4 { padding-bottom: 88px;}
.append-bottom-5 { padding-bottom: 110px;}



.prepend-1 { padding-left: 25px; }
.prepend-2 { padding-left: 50px; }
.prepend-3 { padding-left: 75px; }
.prepend-4 { padding-left: 100px; }
.prepend-5 { padding-left: 125px; }
.prepend-6 { padding-left: 150px; }
.prepend-7 { padding-left: 175px; }
.prepend-8 { padding-left: 200px; }
.prepend-9 { padding-left: 225px; }
.prepend-10 { padding-left: 250px; }
.prepend-11 { padding-left: 275px; }
.prepend-12 { padding-left: 300px; }
.prepend-13 { padding-left: 325px; }
.prepend-14 { padding-left: 350px; }
.prepend-15 { padding-left: 375px; }
.prepend-16 { padding-left: 400px; }
.prepend-17 { padding-left: 425px; }
.prepend-18 { padding-left: 450px; }
.prepend-19 { padding-left: 475px; }
.prepend-20 { padding-left: 500px; }
.prepend-21 { padding-left: 525px; }
.prepend-22 { padding-left: 550px; }
.prepend-23 { padding-left: 575px; }
.prepend-24 { padding-left: 600px; }
.prepend-25 { padding-left: 625px; }
.prepend-26 { padding-left: 650px; }
.prepend-27 { padding-left: 675px; }
.prepend-28 { padding-left: 700px; }
.prepend-29 { padding-left: 725px; }
.prepend-30 { padding-left: 750px; }
.prepend-31 { padding-left: 775px; }
.prepend-32 { padding-left: 800px; }
.prepend-33 { padding-left: 825px; }
.prepend-34 { padding-left: 850px; }
.prepend-35 { padding-left: 875px; }

.prepend-top-1 { padding-top: 22px; }
.prepend-top-2 { padding-top: 44px; }
.prepend-top-3 { padding-top: 66px; }
.prepend-top-4 { padding-top: 88px; }
.prepend-top-5 { padding-top: 110px; }





/* 	RULES 
	----------------------------------------------------------------- 

	Creates a rule the width of the column
*/

.rule {
	height: 1px;
	width: 100%;
	border-bottom: solid 1px #ddd; 
	margin: 16px 0 26px 0;
	clear: both;
}

.rule_dashed {
	height: 1px;
	width: 100%;
	border-bottom: dashed 1px #9e9e9e; 
	margin: 0 0 42px 0;
	position: relative;
	top: -22px;
}



/* 	BOXES 
	----------------------------------------------------------------- 

	Boxes that can be inserted into the content
*/

.info_box {
	font-size: 12px;
	padding: 5px 12px 6px 38px;
	margin: 22px 0 0 0;
	background: url("/images/icons/box_info.gif") #fffac1 7px 5px no-repeat;
}

.supplement_box {
	font-size: 12px;
	padding: 5px 12px 6px 13px;
	margin: 22px 0 0 0;
	background-color: #e3f5ff;
}

.editor_box {
	padding: 5px;
	margin-bottom: 22px;
	background-color: #ffdede;
	float: none !important;
}




/* 	CLEAR 
	----------------------------------------------------------------- 
*/

.clear {
	clear: both;
}




/* 	PAGE TABS 
	----------------------------------------------------------------- 
*/

.pagetabs {
	height: 32px;
	margin-bottom: 33px;
	margin-top: 22px;
	border-bottom: solid 1px #d5d5d5;
}

.pagetabs .label {
	float: left;
	font-size: 12px;
	padding-right: 20px;
	line-height: 32px;
}

.pagetabs ul {
	margin: 0;
}

.pagetabs li {
	margin: 0;	
	float: left;
	list-style: none;
}

.pagetabs a {
	height: 32px;
	display: block;	
	padding: 0 20px;
	line-height: 32px;
}

.pagetabs a:hover {
	background-color: transparent;
}

.pagetabs a.active {
	border-left: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5;
	border-top: solid 1px #d5d5d5;
	background: url("/images/general/pagetab_active.gif") #ffffff;
}



/* 	HEADER 
	----------------------------------------------------------------- 
*/

.header {
	background-color: #4fb3ff;
	background-image: url("/images/headers/background.gif");
	height: 132px;
	color: #ffffff;
	font-size: 11px;
}

.header .section {
	text-align: right;
	height: 96px;
}

.header .tabs {
	list-style: none;
	margin-left: 25px;
	padding: 0;
	float: left;
	overflow: hidden;
}

.header ul.tabs {
	margin-left: 11px;
	margin-top: 0px;
}

.header .tabs li {
	float: left;
	margin-right: 5px;
}

.header .tabs li a {
	height: 36px;
	line-height: 36px;
	display: block;
	float: left;
	padding: 0 15px;
	background-color: #3698e3;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}

.header .tabs li a:hover {
	text-decoration: underline;
}

.header .tabs li a.active {
	background-color: #ffffff;
	color: #595959;
}




/* 	FOOTER 
	----------------------------------------------------------------- 
*/

.footer {
	margin-top: 22px;
	background-color: #fffcde;
	border-top: solid 1px #efe6c9;
	padding: 22px 0;
}

.footer .copyright {
	clear: both;
}



/* 	FAQ ENTRY IMAGES
	----------------------------------------------------------------- 

	Formatting of the images that go with each FAQ answer
*/

.faq_entry img.clear {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	border: 0px;
	display: inline;
	float: none;
}

.faq_entry img {
	padding: 11px;
	margin: 13px;
	background-color: #f6f6f6;
	border: solid 1px #dddddd;
	display: block;
	float: right;
}

.faq_entry img.full {
	padding: 11px 11px 11px 12px;
	margin: 0;	
	float: none;
}



/* 	FAQ ENTRY SCREENCAST 
	----------------------------------------------------------------- 
	
	Formats the Screencast that can go with a faq entry
*/

.faq_entry .screencast {
	display: inline-block;
	margin: -10px 0 10px 0;
}



/* 	FORUMS 
	----------------------------------------------------------------- 
*/

.taright {
	text-align: right;
}

a.nohover:hover {
	background-color: transparent;
}



/* 	SUPPORT TEAM PHOTOS
	----------------------------------------------------------------- 
*/
#support_rockstars a {
	background-repeat: no-repeat;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 70px;
	height: 108px;
	float: left;
	margin: 10px 20px 0 0;
	text-align: center;
}
#support_rockstars a:hover {
	text-decoration: underline;
}
#support_rockstars .randy, #support_rockstars .laleh, #support_rockstars .levi {
	height: 16px;
	padding-top: 92px;
}
#support_rockstars .grace {
	background-image: url(/images/team/grace.png);
}
#support_rockstars .randy {
	background-image: url(/images/team/randy.png);
}
#support_rockstars .tim {
	background-image: url(/images/team/tim.png);
}
#support_rockstars .laleh {
	background-image: url(/images/team/laleh.png);
}
#support_rockstars .levi {
	background-image: url(/images/team/levi.png);
}
#support_rockstars .daniel {
	background-image: url(/images/team/daniel.png);
}

/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/

/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */


/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.pun {
	FONT-SIZE: 13px;
	LINE-HEIGHT: 150%;
}

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments */
/*
HTML .pun {
	FONT-SIZE: 68.75%
}
/* End IE Win Font Size */


/* Set font size for tables because IE requires it */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {
	FONT-SIZE: 1em;
}


/* 2.2 Set the font-size for preformatted text i.e in code boxes */
.pun PRE {
	FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
}



/* 2.3 Font size for headers */

#brdtitle h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #79b628;
	font-weight: normal;
	font-size: 25px;	
	line-height: 26px;
	margin: 0 0 2px 0;
}

.pun H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	margin: 20px 0 10px 0;
}

.pun H3 a {
	font-size: 13px;
	color: #0055ff;
	padding: 2px;
	text-decoration: underline;
}

.pun H3 a:hover {
	background-color: #e5eeff;
	font-size: 13px;
	color: #0039ab;
	text-decoration: underline;
}

.pun H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0D83DD;
	line-height: 20px;
	margin: 0;
}

/* 2.4 Larger text for particular items */

/* post text line height */
DIV.postmsg P {
	LINE-HEIGHT: 1.4;
}

/* author name */
DIV.postleft DT {
	FONT-SIZE: 13px;
}

.usertitle {
	font-size: 11px;
}

.postleft {
	font-size: 11px;
}

.pun PRE {FONT-SIZE: 1.2em}


/* 2.5 Bold text */
DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, 
DIV.linksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {
	FONT-WEIGHT: bold;
	;
}

.postlink a {
	color: #0055ff !important;
}

.postlink a:hover {
	color: #0039ab !important;
	text-decoration: underline !important;
	background-color: #e5eeff !important;
}


/* breadcrumb text */
DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI {
	font-weight: normal;
}

.linkst .postlink.conr {

}

/****************************************************************/
/* 3. LINKS */
/****************************************************************/

/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */

#brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
.blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	color: #0055ff;
	TEXT-DECORATION: underline
}

/* 3.2 Underline on hover for links in headers and main menu */

#brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline; color:#0039ab;}


/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/

/* 4.1 By default borders are 1px solid */

DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #DDD;
}

/* 4.2 Special settings for the board header. */

#brdheader div.box, #brdstats div.box, #brdfooter div.box {
	border: 0;
	padding: 0;
}

/* 4.3 Borders for table cells */

.pun td {
}

.pun th {
	font-weight: bold;
	background-color: #f3f3f3 !important;
	color: #474747;
	border: 0;
	font-size: 13px;
}

.pun .tcl {
	BORDER-LEFT: none;
}

/* 4.4 Special setting for fieldsets to preserve IE defaults */

div>fieldset {
	border-style: solid;
	border-width: 1px;
}

fieldset {
	border: 1px solid #DDD;
}


/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

HTML, BODY {
}
#punwrap {
}


/* 5.2 Creates vertical space between main board elements (Margins) */

DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 14px}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */

DIV.linkst, DIV.linksb {MARGIN-TOP: -14px}
DIV.postlinksb {MARGIN-TOP: -6px}

/* 5.4 Put a 14px gap above the board information box in index because the category tables only
have a 6px space beneath them */

#brdstats {MARGIN-TOP: 14px}

/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/

/* 6.1 Default padding for main items */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Special spacing for various elements */

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

/* 6.4 Create some horizontal spacing for various elements */

#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 14px;float:left;}

/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/

.pun TH, .pun TD {PADDING: 4px 6px}
.pun TD P {PADDING: 5px 0 0 0}

/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/

/* 8.1 Padding around left and right columns in viewtopic */

DIV.postleft DL, DIV.postright {PADDING: 6px}

/* 8.2 Extra spacing for poster contact details and avatar */

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 8.5 Padding for the action links and online indicator in viewtopic */

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px; font-size: 11px;}

/* 8.6 This is the input on moderators multi-delete view */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

/* 8.7 Make sure paragraphs in posts don't get any padding */

DIV.postmsg P {PADDING: 0}

/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 9.1 Padding around fieldsets */

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 14px}

/* 9.2 Padding inside fieldsets */

.pun FIELDSET {PADDING: 0px 14px 0px 14px; margin-bottom: 20px; border-color: #c3c3c3;}
DIV.infldset {PADDING: 9px 0px 14px 0}
.pun LEGEND {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	PADDING: 0px 6px;
}

/* 9.3 The information box at the top of the registration form and elsewhere */

DIV.forminfo {
	MARGIN-BOTTOM: 14px;
	PADDING: 9px 10px
}

/* 9.4 BBCode help links in post forms */

UL.bblinks LI {PADDING-RIGHT: 20px}

UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}

/* 9.5 Horizontal positioning for the submit button on forms */

DIV.blockform P INPUT {MARGIN-LEFT: 14px}


/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

DIV.icon {
	FLOAT: left;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.2em;
	DISPLAY: block;
	BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
	BORDER-STYLE: solid
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {
	MARGIN-LEFT: 2em;
}

/* end default */



body {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

a:link, a:visited, a:active {
	color: #0055ff;
	text-decoration: underline;
}
a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}

#punwrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: left;
}


#brdtitle {
	padding-top: 20px;
	padding-bottom: 15px;
}
#brdtitle h1 {
}


/* index file */
#punindex #brdtitle {
}
#punindex #brdtitle h1 {
}


#brdtitle h1 span {
}
#brdtitle p {
	font-weight: bold;
	color: #000;
}
#punindex #brdtitle p {
}


/* main menu */
#brdmenu {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#brdmenu a:link, #brdmenu a:visited, #brdmenu a:active {
	
}
#brdmenu a:hover {
	color: #0039ab !important;
}


#brdmenu li a {
	padding: 3px 6px 4px 6px;
}


#brdwelcome {
	background-color: #FFFBE1;
	border: 1px solid #f7f1b8;
	margin-bottom: 20px;
}
#brdstats div {
	background-color: #fffcde;
	border: 1px solid #f7f1b8;
}

#brdwelcome, #brdstats {
	font-size: 13px;
	color: #000;
}

#brdwelcome a:hover {
	color: #0039ab !important;
}

#brdfooter .conr {
	font-size: 11px;
	color: #919191;
}

#brdfooter .conr a {
	color: #919191;
	background-color: transparent;
}

#brdwelcome conr {
	font-weight: bold;
}
#brdwelcome a {
	color: #0055ff;
}
#brdwelcome a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}


/* post rows */
.post.even,.post.even .postleft, .blockpost.roweven .postfootleft {
	BACKGROUND-COLOR: #f6f6f6;
}
.blockpost.roweven .postright, .blockpost.roweven .postfootright {
	BORDER-LEFT-COLOR: #fff;
}
.blockpost.roweven {
	background-color: #fff;
}

.post.odd, .post.odd.postleft, .blockpost.rowodd .postfootleft {
	BACKGROUND-COLOR: #fff;
}
.blockpost.rowodd .postright, .blockpost.rowodd .postfootright {
	BORDER-LEFT-COLOR: #f6f6f6;
}
.blockpost.rowodd {
	background-color: #f6f6f6;
}


/* post box - removes spacing along top */
div.blockpost {
	margin-top: -20px;
}
.blockpost .box {
	border: 0;
}


/* breadcrumbs row */
div.postlinksb, div.brd-crumbs, div.linksb {
/*	background-color: #e5eeff;*/
	padding: 5px;
}
/* breadcrumb links */
.postlinksb a, .linkst a, .linksb a {
	color: #0055ff;
	text-decoration: underline;
}
.postlinksb a:hover, .linkst a:hover, .linksb a:hover {
	color: #0039ab !important;
	text-decoration: underline;
}


/* post reply link  */
.postlink a:link, .postlink a:visited, .postlink a:active {
	color: #000;
	text-decoration: underline;
	margin-right: 5px;
}
.postlink a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}


/* author name */
.postleft dt a:link, .postleft dt a:visited, .postleft dt a:active {
	color: #0D83DD;
	text-decoration: underline;
}
.postleft dt a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}
.postleft a {
	color: #0055ff;
	text-decoration: underline;
}
.postleft a:hover {
	background-color: #777;
	color: #0039ab;
}



/* post date row */
.blockpost h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777;
	font-weight: normal;
	height: 32px;
}
.blockpost h2 a:link, .blockpost h2 a:visited, .blockpost h2 a:active {
	color: #777;
	text-decoration: underline;
	font-size: 10px;
}
.blockpost h2 a:hover {
	color: #777;
	text-decoration: underline;
	background-color: transparent;
}


/* post number */
h2 .conr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 34px;
}
.rowodd h2 .conr {
	color: #CCC;
}
.roweven h2 .conr {
	color: #DDD;
}

/* post action links */
.postfootright a:link, .postfootright a:visited, .postfootright a:active {
	text-transform: uppercase;
	text-decoration: underline;
}
.postfootright a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}


.blocktable a {
	color: #0055ff;
	text-decoration: underline;
}
.blocktable a:hover {
	background-color: #e5eeff;
	color: #0039ab;
	text-decoration: underline;
}




/****************************************************************/
/* 5. POST STATUS INDICATORS */
/****************************************************************/

/* These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-COLOR: #0080D7 #0065C0 #0058B3 #0072CA}



/* blockquote and codebox styles */
.pun BLOCKQUOTE, DIV.codebox {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 10px 20px 20px;
}

.blockmenu h2 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}
.blockform {
}

.blockmenu a:link, .blockmenu a:visited {
	color: #000;
	text-decoration: underline;
}
.blockmenu a:hover {
	color: #0039ab;
}
li.isactive {
	background-color: #e5eeff;
}




/* website nav styles */
/* top navigation bar */
#top {
	background-color: #e5eeff;
	border-bottom: 4px solid #86C620;
	text-align: center;
	height: 25px;
}

/* main navigation */
#nav {
	text-align: right;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}
#nav ul li {
	float: left;
	text-align: center;
}
#nav a {
	font-size: 13px;
	font-weight: bold;
	color: #0055ff;
	text-decoration: underline;
	line-height: 25px;
	display: block;
	height: 25px;
	width: 25px;
	padding: 0 10px;
	border-left: 1px solid #0D83DD;
	border-right: 1px solid #0D83DD;
}
#nav li > a {
	width: auto;
	min-width: 25px;
}
#nav a:hover {
	background-image: url(http://www.freshbooks.com/images/nav-bg.gif);
	background-color: #e5eeff;
	color: #0039ab;
	border-left: 1px solid #365800;
	border-right: 1px solid #fff;
	text-decoration: underline;
}

#nav a.navOn {
	background-image: url(http://www.freshbooks.com/images/nav-bg.gif);
	color: #000;
	border-left: 1px solid #365800;
	border-right: 1px solid #fff;
}


.container {
/*	width: 760px;*/
	text-align: left;
	margin: 0 auto;
}

.est {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.imp {
	font-size: 17px;
	color: #FFF;
	padding: 1px 0 0 0;
	height: 23px;
	float: left;
}
.imp a:link, .imp a:visited, .imp:active {
	font-size: 17px;
	color: #0055ff;
	text-decoration: underline;
}
.imp a:hover {
	color: #0039ab;
	background-color: #FFF;
	text-decoration: underline;
}

tbody .tclcon strong {
	font-weight: normal;
}
#vf tr {
	line-height: 18px;
}
#vf tr.inew {
	background-color: #FFFBE1;
}
.stickytext {
/*
	background-color: #EDFFED;
	padding: 1px 0 1px 5px;
	margin-right: 5px;
	border: 1px solid #74DC74;
*/
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000;
	line-height: 26px;
	margin: 0 0 7px 0;
}
p {
	margin-top: 0px;
}
/* white links */
a.w:link, a.w:active, a.w:visited {
	color: #0055ff;
	text-decoration: underline;
	padding: 1px;
}
a.w:hover {
	background-color: #FFF;
	color: #0039ab;
	text-decoration: underline;
}

/* notice at the top of website */
#notice {
	background-color: #e5eeff;
	padding: 14px;
	color: #0055ff;
	line-height: 18px;
}
#notice div.container {
	border-bottom: 1px solid #fff;
}
#notice h2 {
	font-size: 20px;
	color: #FFF;
}
#notice p {
	padding: 0;
	margin: 0;
	padding-bottom: 14px;
}

div.postlinksb p.conr {
	display: none;
}
div.inbox p.conl {
	float: right;
	text-align: right;
	padding-right: 10px;
}
div.linkst ul, div.linksb ul, div.postlinksb ul {
	margin-left: 0;
}
div.postlinksb p.conr {
/*	display: none; */
}

.inbox li a {
	color: #0055ff !important;
	text-decoration: underline;
}

.inbox a:hover {
	color: #0039ab;
	text-decoration: underline;
	background-color: #e5eeff;
}

.blockmenu h2 span {
	font-weight: bold;	
}

/* forum registration */
input.bigField, select.bigField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 3px;
	margin-top: 5px;
}
div.registerBox {
/*	background-image: url(http://www.freshbooks.com/images/arrow-green.gif); */
	background-repeat: no-repeat;
	float: right;
	margin-top: 5px;
/*	padding-left: 17px; */
	width: 250px;
}
div.registerGreen {
	background-color: #dcffa4;
	font-size: 13px;
	border: 1px solid #86c620;
	padding: 10px;
	line-height: 16px;
}

#registerLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	float: right;
	padding: 0 0 0 0;
}
#registerLink a {
	background-color: #efffd8;
	border: 1px solid #dcff99;
	color: #2e4b10;
	text-decoration: none;
	padding: 6px 15px;
	line-height: 30px;
}
#registerLink a:hover {
	background-color: #e6ffc1;
	color: #2e4b10;
	border: 1px solid #dcff99;
}


DIV.postright, DIV.postfootright {
	BORDER-LEFT-WIDTH: 18em;
	border-left-color: #fff;
	BORDER-LEFT-STYLE: solid;
}




/* ===========================================
	New Menu
============================================== */
.container {
/*	width: 760px;*/
	margin: 0 auto;
}

#header {
	background: url("http://www.freshbooks.com/images/header/menu_background.gif") repeat-x;
	height: 29px;
	text-align: right;
}

#header ul.menu {
	float: right;
	margin: 0;
}

#header ul.menu li {
	list-style: none;
	display: block;
	float: left;
	height: 29px;
	_width: 1px;
}

#header ul.menu .active, #header ul.menu a.active:hover {
	display: block;
	height: 29px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 15px;
	color: #ffffff;
	background: url("http://www.freshbooks.com/images/header/tab_active.gif") repeat-x;
}

#header ul.menu a {
	color: #0055ff;
	text-decoration: underline;
	display: block;
	height: 29px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 15px;
}

#header ul.menu a:hover {
	background: url("http://www.freshbooks.com/images/header/tab_hover.gif") repeat-x;
	color: #0039ab;
}


a:hover {
	color: #0039ab;
	text-decoration: underline;
	background-color: #e5eeff;
}

strong {
	font-weight: bold !important;
}

.header a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;	
}
.header a:hover {
	background-color: transparent;
	color: #fff9b5;
}

/* Styles for Take and Steal Functionality */

#post_taken {
	background: #ffe980 url(../img/icon-warning.gif) no-repeat 35px 8px;
	font-size: 12px;
	border: 1px solid #dec85e;
	height: 60px;
	padding-left: 110px;
	margin-top: 20px;
	display: none;;
}
#post_taken h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
}
#post_taken a {
	color: #00f;
}
#post_taken a:hover {
	background-color: #00f;
	color: #fff;
}





#brd-about {
	border-color:#DDDDDD;
	border-style:solid;
border-width:1px;
margin:0 0 1em;
padding:0.6em 1.3em;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
}

#brd-about p {
	text-align:right;
}

#qjump fieldset{
	width:400px;
}

#head-table {
	background-image:url('head_bg.jpg');
	background-repeat:repeat-x;
	height:132px;
/*	padding-left:175px;
	padding-right:175px;*/
}

.st-users {
	float:left;
}
.st-activity {
	float:right;
}
#brd-visit ul {
	margin-left:10px;
	margin-right:10px;
	background-color:#fffcde;
}
#fld3 {
margin-bottom:12px;
}

.paged-head {
/*background-color:#E5EEFF;*/
padding:5px;
}
.paged-head p{
text-align:right;
}
.main-head {
/*background-color:#E5EEFF;*/
padding:5px;
}
.user {
	float:left;
	width:18em;
}
.post-entry {
	float:right;
	width:665px;
}

.conr {
clear:right;
float:right;
text-align:right;
width:40%;
}

.main-foot {
/*background-color:#E5EEFF;*/
padding:5px;
text-align:right;
}
.paged-foot {
/*background-color:#E5EEFF;*/
padding:5px;
text-align:right;
}

#brd-visit ul {
	float:right;
}
#brd-visit p {
	float:left;
}