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

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

/* base.css overrides */
#announce h2,
#brdfooter h2,
#brdstats h2 {
	position:static;
	left:0;
	width: auto
}

.tcl {width: 55%}
.tcr {width: 27%}

/* misc overrides */

span.byuser {
	font-weight: normal;
	display: block;
}

/****************************************************************/
/* 2. text settings */
/****************************************************************/

/* 2.1 this sets the default font group */

.pun, .pun input, .pun select, .pun textarea, .pun optgroup {
	font-family: Verdana, Helvetica, Sans-serif, Arial
}

.pun {font-size: 11px; line-height: normal}

/* 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: Consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace; font-size: 1.2em}

/* 2.3 font size for headers */

.pun h2, .pun h4 {font-size: 1em; font-weight: bold}
#punviewtopic .blockpost h2, #pungallery .blockpost h2 { font-weight: normal }
.pun h3 {font-size: 1.1em}
#brdtitle h1 {font-size: 1.4em}

div.tclcon h3 { font-variant: small-caps }

/* 2.4 larger text for particular items */

div.postmsg p {line-height: 1.4em}
div.postleft dt {font-size: 1.1em}

/* 2.5 bold text */

div.postleft dt, div.postmsg h4, td.tcl h3, div.forminfo h3, p.postlink, div.linkst li,
div.linksb li, div.postlinksb li, .blockmenu li, #brdtitle h1, .pun span.warntext, .pun p.warntext {font-weight: bold}

/****************************************************************/
/* 3. links */
/****************************************************************/

/* 3.1 remove underlining for links */

.pun a:link, .pun a:visited {
	text-decoration: none;
}

/* 3.2 underline on hover for links */
.pun a:hover {text-decoration: underline}

/* 3.3 navigation menu link style */
#brdmenu li a {
	padding: 0.5em 0.5em 0.6em 0.5em;
	border-style: solid;
	border-width: 0 1px
}


/****************************************************************/
/* 4. border width and style */
/****************************************************************/

/* by default borders are 1px solid... */

div.box, .pun td, .pun blockquote, div.codebox, div.forminfo, div.blockpost label {
	border-style: solid;
	border-width: 1px
}
/* ..except for the div.box elements */

div.box { border-width: 4px; border-top:0 }

/* borders for table cells */

.pun td {
	border-width: 1px 1px  0 0;
}

.pun td.tcr {
	border-right-width: 0
}

/* 4.3 setting for fieldsets */

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

/* 4.4 special setting for the board header */

#brdheader div.box { border: 0 }



/****************************************************************/
/* 5. vertical and page spacing */
/****************************************************************/

/* 5.1 page margins */

html, body {margin: 0; padding: 0}
#punwrap { padding: 158px 20px 20px 20px }
#punwrap.helpwrap { padding: 20px }

/* 5.2 creates vertical space between main board elements (margins) */

div.blocktable, div.block, div.blockform, div.block2col, #postreview {margin-bottom: 12px}
#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: -12px}
div.postlinksb {margin-top: -6px}

/* 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, 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: 0}
.pun h2 span {display:block; padding: 4px 6px; font-size: 1em}

/* don't mess up the viewtopic header */
#pungallery h2 span.conr, #punviewtopic h2 span.conr, #punviewdownload h2 span.conr, #pundmoderate h2 span.conr, #punmoderate h2 span span.conr {padding:0}

/* 6.2 special spacing for various elements */

.pun h1 {padding: 3px 0px 0px 0}
#brdtitle p {padding-top: 0px}
div.linkst {padding: 8px 14px 0 14px}
div.linksb, div.postlinksb {padding: 0 14px 8px 14px}
#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}

#brdmenu li { padding:0; margin: 0 }

/****************************************************************/
/* 7. spacing for tables */
/****************************************************************/

.pun th, .pun td {padding: 3px 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}
.pun div.postfootright { padding: 0 }

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

/* extra quote boxes */

div.incqbox h4 { padding-bottom: 6px; margin-top: -3px }

/****************************************************************/
/* 9. special spacing for forms */
/****************************************************************/

/* 9.1 padding around fieldsets */

div.blockform form, div.fakeform {padding: 20px 20px 15px 20px}
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;
	margin-top: 0.2em;
	margin-left: 0.5em;
	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: 2.3em}


/****************************************************************/
/* 11. other special margins */
/****************************************************************/

#welcomeuser { margin-top:-7px }

/****************************************************************/
/* 12. other special elements */
/****************************************************************/

/* don't display the board title and description text */
#brdtitle span, #brdtitle p {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 1em;
	left: -999em
 }

/* position the navigation menu at the top of the page */

.pun #brdmenu {
	position: absolute;
	left:0;
	top:0;
	right:0;
	border:0;
	height: 1.7em;
	overflow: hidden;
	text-transform: uppercase;
	white-space: nowrap
}


.pun #brdmenu ul { line-height: 1em }


/* internet explorer hack for the top menu, thanks for the help paul :) \*/
* html .pun #brdmenu  {width: 100%; padding-right: 34px;padding-left:6px}
/* end ie hack */

/* admin panel & pm mod "fixes" */
#punadmin div.blockform h2.block2, #punmessage_list #readmsg h2, #punadmin div.block2col h2.block2 { margin-top:-17px; background: #143839 }
#punadmin div.blockform h2.block2 span, #punmessage_list #readmsg h2 span, #punadmin div.block2col h2.block2 span { background: #143839 }

/* rounded bottom borders for special blocks. i really need to clean up everything below this line ;) */

#galleryblock div.box,
#errorblock div.box,
#gfilters div.box,
#rssbox div.box,
#chatbox div.box,
#dlcatlist div.box,
div#msg div.box,
div.blockmenu div.box,
div.blockform div.box,
div.blockpost div.box,
div.blocktable div.box,
#punnews #news div.box,
#punredirect div.box,
#punnews #sidebar div.box,
#announce div.box,
#brdfooter div.box,
#brdstats div.box {
	border: 0;
	padding-bottom: 12px;
	background: transparent url('../img/style/Submerged/corner_bottom_right.gif') bottom right no-repeat;
}

#galleryblock div.inbox,
#errorblock div.inbox,
#gfilters div.inbox,
#rssbox div.inbox,
#chatbox div.inbox,
#dlcatlist div.inbox,
div#msg div.inbox,
div.blockmenu div.inbox,
div.blockform form,
div.blockpost div.inbox,
div.blocktable div.inbox,
#punnews div.block2 div.inbox,
#punredirect div.inbox,
#announce div.inbox,
#brdfooter div.inbox,
#brdstats div.inbox {
	background: #325760;
	border:4px solid #143839;
	border-top:0
}

#galleryblock,
#errorblock,
#gfilters,
#rssbox,
#chatbox,
#postpreview,
#dlcatlist,
div#msg,
div.blockmenu,
div.blockform,
div.blockpost,
div.blocktable,
#punnews div.block,
#punnews #sidebar div.block,
#punredirect div.block,
#announce,
#brdfooter,
#brdstats,
#brdstats {
	background: #143839 url('../img/style/Submerged/corner_bottom_left.gif') bottom left no-repeat;
}


/*** navigation/page bars needs rounded borders as well ***/

.pun div.linkst div.inbox {
	background: #23484c url('../img/style/Submerged/linkst_left.gif') top left no-repeat;
	padding-left:6px
}

.pun div.linksb div.inbox, .pun div.postlinksb div.inbox {
	background: #23484c url('../img/style/Submerged/linksb_left.gif') bottom left no-repeat;
	padding-left:6px
}


#punnews .linkst ul, .pun .linkst p.postlink, #pungallery .linkst ul, #punuserlist div.linkst p.pagelink,
#punsearch div.linkst p.pagelink, #punadmin div.linkst div.inbox div, #punmoderate div.linkst ul,
#punnewdownload div.linkst ul, #pungallery_post div.linkst ul, #pundedit div.linkst ul {
	background: #23484c url('../img/style/Submerged/linkst_right.gif') top right no-repeat;
	padding-right: 12px
}

#punnews .linksb ul, .pun .linksb p.postlink, #pungallery .linksb ul, #punsearch .postlinksb p.pagelink,
.pun .postlinksb ul, #punuserlist div.linksb p.pagelink, #punsearch div.linksb p.pagelink,
#punadmin div.linksb div.inbox div, #punmoderate div.linksb p.conr {
	background: #23484c url('../img/style/Submerged/linksb_right.gif') bottom right no-repeat;
	padding-right: 12px
}

/* fix for the multi-moderation page headers */
#punmoderate h2 span span.conr {
	 background: none
}

.pun div.postlinksb p.subscribelink {
	background: #325760 url('../img/style/Submerged/postlinksb_left.gif') bottom left no-repeat;
	padding:0;
	padding-left: 24px;
	position: absolute
}

.pun div.postlinksb p.subscribelink a {
	background: transparent url('../img/style/Submerged/postlinksb_right.gif') bottom right no-repeat;
	padding-right: 24px;
	text-decoration: none
}

.pun .postlinksb p.postlink { padding-right: 12px }

#punviewtopic div.blockform, #punviewtopic #brdfooter, #punviewdownload div.blockform,
#punviewdownload #brdfooter, #punindex_dl #brdfooter { margin-top: 12px }

/* special settings for shorter ones */

#punpost div.linkst div.inbox ul, #punedit div.linkst div.inbox ul, #puncomment div.linkst ul {
	background: url('../img/style/Submerged/linkst_right.gif') top right no-repeat;
}

/* misc settings */

#smilies img { margin-right: 3px; cursor: pointer }
#toolbar img { cursor: pointer }

div#links span.byuser { display: inline; font-size: 0.9em }
div#links div.inbox { padding: 5px }
div#links ul li { list-style: square inside }
div#links ul li.linksletter { list-style: none }


/* Special settings for the gallery */

div#gfilters label, div#gfilters select, div#gfilters li { display: inline }

#gcatview .tcl a img, #galleryblock a img, #pungallery .tc3 a img {
	background: #325760;
	border: 1px solid #3b6671;
	padding: 2px
}

#galleryblock a img {
	margin-right: 3px;
	background: #2C5158;
}

#pungallery .tc3 a img { padding: 0 }

#galleryblock p { text-align: center }

#gcatview .tcl a:hover img, #galleryblock a:hover img, #pungallery .tc3 a:hover img {
	background: #3b6671;
	border-color: #42737F
}

#gcatview .tcl {
	width: 170px;
	background: #2c5158;
	text-align: center;
}

#gcatview .tc2 {
	width: 78%;
	text-align: center;
}

#gcatview .tc2 h3 { font-size: 1.2em; font-weight: bold }

#gcatview .tcr {
	width: 22%;
	background: #2c5158
}

#pungallery .tcmod { width: 5em }


/* Yes, it's ugly but 4 browser engines all positioned shit slightly different */

.pun input.getbbcode {
	border: 0;
	padding-top: 2px;
	background: transparent;
	width: 95%;
	text-align: center;
}


.pun p.getbbcode span {
	display: block;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background: transparent url('../img/style/Submerged/bbcode_right.gif') center right no-repeat;
}

.pun p.getbbcode {
	width: 80%;
	margin: 4px auto;
	padding: 0;
	background: #294B51 url('../img/style/Submerged/bbcode_left.gif') center left no-repeat;
}

.pun .gpostedby {
	font-size: 0.8em;
	color: #aaa
}
.pun .gpostedby strong { color: #fff }

.pun ul.gdupes li {
	list-style: decimal;
	margin-left: 2em;
}