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

/****************************************************************/
/* 1. imported stylesheets */
/****************************************************************/
/* import the basic setup styles */
/* import the colour scheme */
/****************************************************************/
/* 2. text settings */
/****************************************************************/
/* 2.1 this sets the default font group */
.pun,.pun input,.pun select,.pun textarea,.pun optgroup {
font-family:verdana, arial, helvetica, sans-serif;
}

.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:monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

/* 2.3 font size for headers */
.pun h2,.pun h4 {
font-size:.9em;
color: #444;
}

.pun h3 {
font-size:1.1em;
}

#brdtitle h1 {
font-size:1.4em;
}

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

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

/****************************************************************/
/* 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 {
text-decoration:none;
}

/* 3.2 underline on hover for links in headers and main menu */
#brdmenu a:hover,.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 blockquote,div.codebox,div.forminfo,div.blockpost label {
border-style:solid;
border-width:1px;
}

.pun th {
border:0;
}

/* 4.2 special settings for the board header. */
#brdheader div.box {
border-top-width:1px;
}

#brdmenu {
border-bottom:0 solid;
}

/* banner logo */
.pun h1 {
background-image:url(../img/ShowcaseII/logo.png);
background-repeat:no-repeat;
display:block;
min-width:230px;
width:auto;
margin:-3px 10px;
position:relative;
top:0;
height:55px;
left:-10px;
}

/* board description */
.pun #brdtitle p {
display:none;
}

/* board title text */
.pun h1 span {
display:none;
}

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

/* 4.5 flat inputs and buttons by eris */
.pun input,.pun select,.pun textarea {
color:#000;
background-color:#f2f1ed;
border:#bbb 1px solid;
}

.button {
background-image:url(../img/ShowcaseII/button.gif);
font-family:verdana,tahoma,arial,sans-serif;
color:#000;
background-color:#f2f1ed;
border:#bbb 1px solid;
margin-top:0;
}

/****************************************************************/
/* 5. vertical and page spacing */
/****************************************************************/
/* 5.1 page margins */
html,body {
margin:0;
/*margin:10px 25px;*/
background-color:#666;
padding:0;
}

#punwrap {
position:relative;
height:100%;
width:auto;
margin:0 auto;
background-color:#fff;
padding:0;
/*border:10px solid #b4b4b4;*/
}

#punwrap .pun {
border-left:1px solid #666;
border-top:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
padding:5px;
}

.outer {
margin:0;
border-left:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
border-right:1px solid #4e4e4e;
border-bottom:1px solid #4e4e4e;
}

/* 5.2 creates vertical space between main board elements (margins) */
div.blocktable,div.block,div.blockform,div.block2col,#postreview {
margin-bottom:10px;
}

#punindex div.blocktable,div.blockpost {
margin-bottom:6px;
}

div.block2col div.blockform,div.block2col div.block {
margin-bottom:0;
}

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

.pun input,.pun textarea {
padding:2px;
}

.pun span {
line-height:1.2em;
}

/****************************************************************/
/* 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;
text-transform: uppercase;
letter-spacing: 1px;
}

/* 6.2 special spacing for various elements */
.pun h1 {
padding:3px 0 0;
}

#brdtitle p {
padding-top:0;
}

div.linkst {
padding:8px 6px 3px;
}

div.linksb,div.postlinksb {
padding:3px 6px 8px;
}

#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:12px;
}

/****************************************************************/
/* 7. spacing for tables */
/****************************************************************/
.pun th,.pun td {
padding:4px 6px;
}

.pun td p {
padding:5px 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;
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;
}

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

div.inform {
padding-bottom:12px;
}

/* 9.2 padding inside fieldsets */
.pun fieldset {
padding:0 12px;
}

div.infldset {
padding:9px 0 12px;
}

.pun legend {
padding:0 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 */
/****************************************************************/
div.searchposts div.icon {
margin-left:0;
}

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