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

@import url(imports/base.css);
@import url(imports/modern_blue_cs.css);

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

/* 2.1 This sets the default Font Group */
.pun, .pun input, .pun select, .pun textarea, .pun optgroup { font-family:"Lucida Grande", Arial, san-serif; }
.pun { font-size:12px; line-height:normal; }
.pun table, .pun input, .pun select, .pun optgroup, .pun textarea, div.postmsg p.postedit { font-size:1em; }
.pun pre { font-family:"Courier New", courier, monospace; }

/* 2.3 Font size for headers */
#brdtitle h1 { font-size:2em; color:#0676b9; margin:24px 0 10px 0; border-bottom:1px solid #dddddd; font-weight:normal; }
.pun h2 { font-size:1.5em; color:#0676b9; font-weight:normal; }
.pun h3 { font-size:1.1em; }
.pun h4 { font-size:1em; }

/* 2.4 Larger text for particular items */
div.postmsg p { line-height:1.4; }
div.postleft dt { font-size:1.1em; }
.pun pre { font-size:12px; }

/* 2.5 Bold text */
div.postleft dt, div#adstats dt, div.infldset dt, div.postmsg h4, td.tcl h3, div.forminfo h3, p.postlink, div.linkst li, div.linksb li, div.postlinksb li, .blockmenu li, .pun span.warntext, .pun p.warntext { font-weight:bold; }

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

.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 { text-decoration:none; }
.blockpost h2 a:hover { text-decoration:underline; }

/****************************************************************/
/* 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; }

/* 4.2 Special settings for the board header. */
#brdheader { margin:0px 5px; height:250px; background-image:url("modern_blue/header.jpg"); background-position:left top; background-repeat:repeat-x; }
#brdheader div.box { border:0px; }
#brdtitle { height:80px; }
#brdheader div.inbox { padding:0px; }

/* 4.3 Borders for table cells */
.pun td, .pun th { border-bottom:none; border-right:none; }
.pun .tcl { border-left:none; }

/* 4.4 Special setting for fieldsets to preserve IE defaults */
div>fieldset { border-style:solid; border-width:1px; }

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

/* 5.1 Page margins */
html, body { margin:0; padding:0; }
#punwrap { width:910px; margin:0 auto; }
#main { background-color:#ffffff; padding:0px 5px 3px 5px; background-image:url("modern_blue/container.jpg"); background-position:center top; background-repeat:repeat-y; }

/* 5.2 Creates vertical space between main board elements (Margins) */
div#announce { margin-top:15px; margin-bottom:9px; position:relative; }
div.block, div.blockform, div.block2col, #postreview { margin:0px 10px 12px 10px; }
div.blocktable { margin:0px 10px 12px 10px; }
#postreview div.box { margin-bottom:12px; }
#punindex div.blocktable, div.blockpost { margin:0px 10px 6px 10px; }
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 { margin:12px 4px -18px 4px; }
div.linksb { margin:-10px 4px 0px 4px; }
div.postlinksb { margin:30px 10px 6px 10px; }

/* 5.4 Put a 12px gap above the board information box in index because the category tables only have a 6px space beneath them */
#brdstats { margin-top:12px; }

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

/* 6.1 Default padding for main items */
div.block div.inbox { padding:3px 6px; }
div.blockmenu div.inbox { margin-top:-9px; padding:0; }
.pun p, .pun ul, .pun dl, div.blockmenu li, .pun label, #announce div.inbox div { padding:3px 0; }
.pun h2 { margin:30px 0 12px 0; padding:0 0 3px 0; border-bottom:1px solid #dddddd; }
div.blockmenu h2 { margin-top:0px; }
* html div.blockmenu h2 { margin-top:18px; }
*:first-child+html div.blockmenu h2 { margin-top:18px; }

/* 6.2 Special spacing for various elements */
#brdtitle p { padding-top:0px; }
div.linkst { padding:8px 6px 3px 6px; }
div.linksb { 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 */
div.rbox input, div.blockform p input  { margin-right:12px; }

/****************************************************************/
/* 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 { padding:6px; }
div.postright { padding:0px 6px 0px 9px; }

/* 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:9px; }
.pun blockquote, div.codebox { margin:5px 0px 15px 0px; padding:9px; }

/* 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; }

/* 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:24px 18px 15px 18px; }
div.inform { padding-bottom:12px; }

/* 9.2 Padding inside fieldsets */
.pun fieldset { padding:0px 12px 0px 12px; }
div.infldset { padding:9px 0px 12px 0; }
.pun legend { padding:0px 6px; }

/* 9.3 The information box at the top of the registration form and elsewhere */
div.forminfo { margin-bottom:12px; 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:12px; }

/****************************************************************/
/* 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; display:block; height:18px; width:19px; }
div.index div.icon { height:30px; }
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:2.3em; padding-top:1px; }
td.tcr { padding-top:4px; }

/****************************************************************/
/* 11. CUSTOM CLASSES */
/****************************************************************/

/* 11.1 Logo */
#logo { position:absolute; top:26px; margin-left:12px }

/* 11.2 Navigation menu */
#brdmenu { top:104px; position:absolute; }
#brdmenu ul { width:900px; }
#brdmenu ul, #brdmenu li { margin:0px; padding:0px; list-style-type:none; }
#brdmenu li { float:left; /*height:40px;*/ }
#brdmenu a { display:block; padding:7px 18px 8px 18px; border-right:1px solid #008fc7; color:#ffffff; }
#brdmenu a:hover { background-color:#056eab; text-decoration:none; }

/* 11.3 Navigation menu login/logout */
li#navlogin, li#navlogout { float:right; }
li#navlogin a, li#navlogout a { padding-left:38px; background-image:url("modern_blue/login.gif"); background-position:13px center; background-repeat:no-repeat; border-left:1px solid #008fc7; border-right:0px; }

/* 11.4 Top menu (logged in as) */
#brdwelcome { padding:3px 10px 4px 10px; margin-bottom:-12px; background-color:#f2f2f2; }
#brdwelcome, #brdwelcome a { font-size:11px; }

/* 11.5 Header */
#punwrap { margin-top:12px; }
#header_note { right:9px; top:6px; position:relative; text-align:right; color:#999999; font-size:11px; }
#header_note a { color:#ffffff; }
#header_image { top:135px; position:absolute; }

/* 11.6 Footer */
#footer { padding:7px 4px 6px 4px; text-align:right; background-color:#e6e6e6; background-image:url("modern_blue/footer.jpg"); background-position:center top; background-repeat:no-repeat; }
#footer, #footer a { font-size:11px; color:#999999; }

/* 11.7 IE fixes and clearing */
* html body { text-align:center; }
* html div { text-align:left; }
* html #main { zoom:1; }
.clear { clear:both; height:0.1px; line-height:0.1px; font-size:0.1px; overflow:hidden; }

/* 11.8 Info box */
div.forminfo { padding:9px; border:1px solid #ff9900; background-color:#ffffcc; line-height:1.4; }