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

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

/* 2.1 this sets the default font group */

* { font-family: verdana, arial, helvetica, sans-serif; }
* html .pun { font-size: 68.75%; }

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

.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: 1em; }
.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: bold; }

/****************************************************************/
/* 3. links */
/****************************************************************/
.pun a:link, .pun a:visited { font-weight: bold; text-decoration: none; }
.pun a:hover { font-weight: bold; text-decoration: underline; }

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

/* 3.2 underline on hover for links in headers and main menu */
#brdmenu a:hover, .blockpost h2 a:hover { font-weight: bold; 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 { border-width: 1px; border-style: solid; border-color: #8f8f00 #8f1d56 #8f1d56 #8f8f00; background: #f39 url(../img/logo.gif) no-repeat left center; text-align: center; }
#brdheader a { color: white; font-weight: bold; text-decoration: none; }
#brdheader a:hover { text-decoration: underline; }

#brdtitle { padding-left: 120px; padding-right: 30px; border-top: 1px solid #ff79bc; }
#brdtitle h1 { font-size: 2em; font-weight: bold; color: yellow; }
#brdtitle p { font-size: 1.4em; font-weight: bold; color: yellow; }

#brdmenu { padding-left: 120px; padding-right: 30px; }
#brdmenu li { display: inline; padding: 15px 0 15px 26px; margin-right: 10px; line-height: 30px; }
#brdmenu li#navindex { background: url(../img/boulaneige/btn_accueil.jpg) left center no-repeat; }
#brdmenu li#navuserlist { background: url(../img/boulaneige/btn_membres.jpg) left center no-repeat; }
#brdmenu li#navsearch { background: url(../img/boulaneige/btn_recherche.jpg) left center no-repeat; }
#brdmenu li#navregister { background: url(../img/boulaneige/btn_inscrire.jpg) left center no-repeat; }
#brdmenu li#navprofile { background: url(../img/boulaneige/btn_profil.jpg) left center no-repeat; }
#brdmenu li#navlogin { background: url(../img/boulaneige/btn_connexion.jpg) left center no-repeat; }
#brdmenu li#navlogout { background: url(../img/boulaneige/btn_deconnexion.jpg) left center no-repeat; }
#brdmenu li#navadmin { background: url(../img/boulaneige/btn_admin.jpg) left center no-repeat; }
#brdmenu li#navretour { background: url(../img/boulaneige/btn_retour.jpg) left center no-repeat; }


/* 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 { margin: 12px 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: 0; }

/* 5.3 remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
.postlink { border: 1px dashed #69f; text-align: center; background: #ffc5e2; }
.postlink a:visited, .postlink a:link { color: #f39; }
.postlink  a:hover { color: #69f; }
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: 4px 6px; }

/* 6.2 special spacing for various elements */
.pun h1 { padding: 3px 0 0 0; }
#brdtitle p { padding-top: 0; }
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: 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, 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; }

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

/* 9.2 padding inside fieldsets */
.pun fieldset { padding: 0 12px 0 12px; }
div.infldset { padding: 9px 0 12px 0; }
.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 */
/****************************************************************/

/* 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: .1em 1em 0 .2em; display: block; background: url(../img/boulaneige/no_new_post.gif) left center no-repeat; width:25px; height:21px; }

tr.inew div.icon { background-image : url(../img/boulaneige/new_post.gif); } 
tr.isticky div.icon { background-image : url(../img/boulaneige/sticky_post.gif); width: 29px; height: 23px; }
tr.iclosed div.icon { background-image : url(../img/boulaneige/locked_post.gif); width: 25px; height: 29px; }
tr.iclosed .isticky div.icon
tr.iredirect div.icon { background-image : url(../img/quartz/pix.gif); }
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; }