/*- The Smoking Lounge
	http://www.ottens.co.uk/lounge
	
	© 2002-2011 N. Ottens
	Email: n.ottens@gmail.com	*/


@import url(/gatehouse/wp-content/themes/titan/style.css);

@import url(/gatehouse/wp-content/themes/titan-child/style.css);
	
body {
	font: Arial,Helvetica,Sans-serif;
	line-height: 2.2em;
	background: #f9f7f5;
	min-width: 960px;
}

#content	{ font-size: 1.3em; }


#sidebar p {
	font-size: 1.3em;
	line-height: 2em;
}

#sidebar h2 a {
	font-size: 1.3em;
	line-height: 2em;
}

.status { margin-top: 10px; }

.status h2 {
	font-size: 1.4em;
	line-height: 2em;
	font-weight: normal;
}

.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
	MARGIN: 0;
	PADDING: 0;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}

.pun H2 {
	padding: 20px 0 15px 0;
	font-size: 2em;
	font-weight: bold;
}

.pun IMG {BORDER: 1px solid #e6e1dc;}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0;}

/* Clearing floats and invisible items */
.pun .clearer, .pun .nosize {
	HEIGHT: 0;
	WIDTH: 0;
	LINE-HEIGHT: 0;
	FONT-SIZE: 0;
	OVERFLOW: hidden;
}

.pun .clearer, .pun .clearb {CLEAR: both;}
.pun .nosize {POSITION: absolute; LEFT: -10000px;}

/* Overflow settings for posts */
DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden;}

/* This attempts to eliminate rounding errors in Gecko browsers. */
DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px;}

/* This is only visible to IE6 Windows and cures various bugs. */
/* Begin IE6Win Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px;}
* HTML .inbox DIV.postmsg {WIDTH: 98%;}
/* End of IE6Win Fix */

/* This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */
.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px;}
/* End of IE7Win Fix */

/* These are hidden in normal display. Add comments to make them visible */
#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 1em;
	LEFT: -999em;
}

/* Setup all left and right content using floats for the board stats menu. */  
.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 0;
}
#brdstats .conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 50% !important;
	}	

.conl {
	FLOAT: left;
	WIDTH: 100%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
}
#brdstats .conl {
	FLOAT: left;
	WIDTH: 50% !important;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
	}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px;
}

/* Set up page numbering and posts links */
DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:80%;}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:20%;}

FORM DIV.linksb .conr {WIDTH: 50em;}

/* Keep breadcrumbs from shifting to the right when wrapping */
.linkst UL, linksb UL, .postlinksb UL {MARGIN-TOP: 0;}

/* Settings for Profile and Admin interface.*/
DIV.block2col {PADDING-BOTTOM: 1px;}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em;}

DIV.blockmenu, #viewprofile DT {
	FLOAT:left;
	WIDTH: 13em;
}

#profileavatar IMG {
	FLOAT: right;
	MARGIN-LEFT: 1em;
}

#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden;}

/* Table Basic Setup */
.pun TABLE {WIDTH: 100%;}

/* Fixed Table Setup */
#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed;}

.tcl {TEXT-ALIGN: left; WIDTH: 50%;}

.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center;}

.tcr {WIDTH: 32%; TEXT-ALIGN: left;}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%;}

#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left;}

.tcl, .tcr {OVERFLOW: HIDDEN;}

/* Other Table Setup */
#users1 .tcl {WIDTH: 40%;}

#users1 .tcr {WIDTH: 25%;}

#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left;}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center;}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal;}

#punindex TD.tcr SPAN.byuser {DISPLAY: block;}

/* This is the basic structure. */
DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 100px;
	OVERFLOW: hidden;
	POSITION: relative;
	border-right: 1px solid #e6e1dc;
}
	
DIV.postright, DIV.postfootright {
	border-left: 100px solid #e6e1dc;
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right; padding-right: 7px;}

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px;}

/* This is the div which actually contains the post and is inside .postright */
DIV.postmsg {WIDTH:98%; margin-top: 9px;}
DIV.postmsg img {max-width: 300px;}

/* These items control overflow and scrolling within posts. */
DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden;}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto;}
IMG.postimg {max-width: 100%;}
A .postimg {max-width: 100%;}

/* Turn off the poster information column for preview */
#postpreview DIV.postright {BORDER-LEFT: none;}

/* Maximum height for search results as posts. Position go to post link */
DIV.searchposts DIV.postmsg {HEIGHT: 8em;}
DIV.searchposts DD P {PADDING-TOP: 3em;}

/* Class for bbcode [u] */
SPAN.bbu {TEXT-DECORATION: underline;}

/* Horizontal display of online list, main navigation menu and breadcrumbs */
#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	DISPLAY: inline;
	HEIGHT: 0;
}

/* Turn on square icon for posterror list */
#posterror UL LI {LIST-STYLE: square inside;}

/* Right alignment of descriptions in ordinary member view of other members profiles */
#viewprofile DT {TEXT-ALIGN: right;}

/* Makes textareas and long text inputs shrink with page */
DIV.txtarea {WIDTH: 100%;}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%;}

.pun LABEL {DISPLAY: block;}

#qjump SELECT {WIDTH: 50%;}

/* Put some space between sections of the help file */
#helpfile H2 {MARGIN-TOP: 0;}

/* Internal padding */
#helpfile DIV.box {PADDING: 10px;}

/* Other templates */
#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%;}

/* Borders */
DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER: 1px solid;
}

/* Borders for table cells */
.pun TD, .pun TH {
	BORDER-BOTTOM: none;
	BORDER-RIGHT: none;
}

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

/* Special setting for fieldsets to preserve IE defaults */
DIV>FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
}

/* Vertical margins between main board elements */
DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 0;}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 10px;}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0;}

/* Margin beneath Quick Reply box */
DIV.margin10 {margin-bottom: 10px;}

/* Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
DIV.linkst, DIV.linksb {MARGIN-TOP: -0;}
DIV.postlinksb {MARGIN-TOP: -0;}

/* Put a gap above the board information box in index because the category tables only
have a 6px space beneath them */
#brdstats {MARGIN-TOP: 0; margin-bottom: 10px;}

/* Default padding for main items */
DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 5px 10px 5px 10px;}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0;}

/* Special spacing for various elements */
.pun H1 {PADDING: 3px 0px 0px 0; color: #eee; font-weight: lighter; font-size: 20px;}
#brdtitle P {PADDING-TOP: 0px; color: #eee; font-weight: lighter; font-size: 20px;}
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;}

/* Create some horizontal spacing for various elements */
#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px;}

/* Spacing for tables */
.pun TH, .pun TD {PADDING: 4px 6px;}
.pun TD P {PADDING: 5px 0 0 0;}

/* Padding around left and right columns in viewtopic */
DIV.postleft DL {PADDING: 5px 5px 5px 7px;}
DIV.postright {padding: 5px 5px 5px 16px;}

/* Create the horizontal line above signatures */
DIV.postsignature HR {
	MARGIN-LEFT: 0px;
	margin-bottom: 10px;
	WIDTH: 98%;
	TEXT-ALIGN: left;
	HEIGHT: 2px;
	BORDER: 2px solid #e6e1dc;
}

/* This is the line above the signature in posts. Colour and background should be the same */
.pun HR {BACKGROUND-COLOR: #e6e1dc; COLOR: #e6e1dc; height: 2px;}

/* Extra spacing for poster contact details and avatar */
DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px;}
DD.postavatar {margin-left: -8px; MARGIN-BOTTOM: 4px;}

/* Extra top spacing for signatures and edited by */
DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px;}

/* Spacing for code and quote boxes */
DIV.postmsg H4 {MARGIN-BOTTOM: 10px;}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 5px 15px 5px; PADDING: 8px; color: #666;}

/* Padding for the action links and online indicator in viewtopic */
DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px;}

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

/* Makes sure paragraphs in posts don't get any padding */
DIV.postmsg P {PADDING: 0;}

/* Padding around fieldsets */
DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px;}
DIV.inform {PADDING-BOTTOM: 12px;}

/* Padding inside fieldsets */
.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0;}
.pun LEGEND {PADDING: 0px 6px;}

/* The information box at the top of the registration form and elsewhere */
DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px;
}

/* BBCode help links in post forms */
UL.bblinks LI {PADDING-RIGHT: 20px;}
UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px;}

/* Horizontal positioning for the submit button on forms */
DIV.blockform P INPUT {MARGIN-LEFT: 12px;}

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

/* 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;}
TD DIV.tclcon P {display: none;}
/* This omits moderator name from underneath board description */

/* Default background colour and text colour */
DIV.box,  #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #f3efeb;}
#adminconsole TD, #adminconsole TH {BORDER-COLOR: #f3efeb;}

/* Center background colours */
TD.tc2, TD.tc3, TD.tcmod, #brdfooter DIV.box {BACKGROUND-COLOR: #f3efeb;}
#adminconsole FIELDSET TD, #viewprofile DD, DIV.forminfo, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #f3efeb;}

.pun BLOCKQUOTE, DIV.codebox {BACKGROUND-COLOR: #e3e0d5;}

/* Highlighted text for various items */
.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #444;}

/* Dark background for form elements */
.pun TEXTAREA, .pun INPUT, .pun SELECT {BACKGROUND-COLOR: #e3e0d5; COLOR: #444;}

/* This is the setup for posts. */
DIV.blockpost DIV.box, DIV.postright, DIV.postfootright, #postpreview {BACKGROUND-COLOR: #f3efeb;}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #f3efeb}
DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #f3efeb;}

/* Background for post headers and text colour for post numbers in viewtopic */
DIV.blockpost H2 {background-color: #f9f7f5;}
DIV.blockpost H2 SPAN.conr {display: none;}

/* All external borders (H1 is the board title) */

DIV.box {
	BORDER-COLOR: #e3e0d5;
}

DIV.box {
	border-bottom: 2px solid #e3e0d5;
}

/* Makes the top border of posts match the colour used for post headers */

DIV.blockpost DIV.box {
	BORDER-COLOR: #e3e0d5 #e3e0d5 #e3e0d5;
}

DIV.blockpost DIV.box {
	border-top: 2px solid #e3e0d5;
	border-bottom: 2px solid #e3e0d5;
}

/* Table internal borders. By default TH is same as background so border is invisible */

.pun TD {
	BORDER-COLOR: #e3e0d5;
}

.pun TH {
	BORDER-COLOR: #e3e0d5;
}

/* Creates the inset border for quote boxes, code boxes and form info boxes */

.pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER-COLOR: #e6e1dc;
}

/* Gecko's default fieldset borders are really nasty so this gives them a colour
without interferring with IE's rather nice default */

.pun DIV>FIELDSET {
	BORDER-COLOR: #e3e0d5;
}

/* This is the default for all links */

.pun A:link, .pun A:visited {
	COLOR: #000;
	text-decoration: none;
	font-weight: bold;
}

.pun A:hover {
	COLOR: #888;
	text-decoration: none;
	border-bottom: none;
}


.tcl A:Link, .tc2 A:Link, .tcmod A:Link, .tcr A:Link, .tcl A:visited, .tc2 A:visited, .tc3 A:visited, .tcmod A:visited, .tcr A:visited, .pun H2 A:Link, .pun H2 A:visited, .tc3 A:Link {
	color: #666;
}

.tcl A:hover, .tc2 A:hover, .tc3 A:hover, .tcmod A:hover, .tcr A:hover {
	COLOR: #000;
}

/* This is for closed topics and "hot" links */

LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {
	COLOR: #666;
}

LI.postreport A:hover, TR.iclosed TD.tcl A:hover {
	COLOR: #666;
}

LI.maintenancelink A:link, LI.maintenancelink A:visited {
	COLOR: #666;
}

LI.maintenancelink A:hover {
	COLOR: #666;
}

/* 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: #e8e8e8 #eeeeee #e5e5e5 #e2e2e2;
	margin: 5px 0 0 5px;
}

TR.iredirect DIV.icon {
	border-color: #e8e8e8 #eeeeee #e5e5e5 #e2e2e2;
}

DIV.inew {
	border-color: #a2a2a2 #b7b7b7 #b1b1b1 #a8a8a8;
}

DIV.box {
	color: #222;
}