/* Import 960 grid styles */
@import url(960.css);
/* Import the basic setup styles */
@import url(base.css);

html,body{background:#eee; height:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;}

h2 {font-weight:bold;}
h3 {font-weight:bold; margin:0; padding:0;}

#header{background:#000 url(/img/header_bg.gif); height:155px; width:100%; color:#666; font-size:70%;}
#header img{margin-top:18px}
#header a{color:#999}

#top_menu.container_16 {height:26px; padding-top:6px;}
#top_menu.container_16 p{margin-top:2px;}
.top_input{background:url(/img/input_dark.gif) right no-repeat; float:left; height:18px; width:196px; margin-right: 2px;}
.top_input p{color:#666; float:left; width:70px;}
.top_input input {
    background:transparent;
    border:0;
    color:#1F292A;
	float:left;
    width:120px;
    margin-top:1px;
    padding:0;
}
.top_login{background:url(/img/button_login.gif); border:0; height:18px; margin-left:5px; padding:0; width:52px;}

a.button_100x18{background:url(/img/button_100x18.gif); color:#000; display:block; height:16px; padding-top:2px; text-align:center; text-decoration:none; width:100px;}


#menu{background:#ffcc00 url(/img/menu_bg.gif); height:36px; width:100%}
#menu .container_16{padding-top:4px;}
#menu ul{background:#000; list-style:none; margin:0; padding:0;}
#menu a{color:#000; display:block; float:left; font-size:11px; font-weight:bold; margin-right:4px; padding:5px 0px; text-align:center; text-decoration:none; width:86px;}
#menu a:hover, #menu .menu_active a:hover{background:#ffff33;}
#menu .menu_active a{background:#fff; color:#0066cc;}

#main.container_16{background:#fff; padding-top:10px;}

.input_label, .input_box{height:25px; margin-bottom:4px;}
.input_label div{font-weight:bold; padding-top:5px;}
.input_box{background:#ddd;}
.input_box input, .input_box select{margin:3px 0px 0px 5px; width:175px;}
.input_info div{padding:5px 0px 0px 5px;}

.module {margin-bottom:10px}
.module div.title{background: url(/img/module_title_left.gif) no-repeat; padding:0px 0px 0px 12px;}
.module div.title div{background: url(/img/module_title_right.gif) right no-repeat; padding:0px 12px 0px 0px;}
.module div.title div div{background:#ffcc00 url(/img/menu_bg.gif); height:28px;}
.module div.title div div h2{padding-top:7px; font-weight:bold;}
.module .box{background-image:none; border:solid 1px #ddd;}

.pun {COLOR:#333333}

div.box{padding:8px;}
.forum_wrapper div.box{padding:0px; border-top:0px; border-left:0px;}


/*----------------*/
/* OLD - CLEAN UP */
/*----------------*/



.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: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 */
/****************************************************************/

/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */

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

.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.blockpost LABEL {
	BORDER-STYLE:solid;
	BORDER-WIDTH:1px
}

/* 4.3 Borders for table cells */

.pun TD, .pun TH {
	BORDER-BOTTOM:none;
	BORDER-RIGHT: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 */



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


/* 6.2 Special spacing for various elements */

.pun H1 {PADDING:3px 0px 0px 0}
#brdtitle P {PADDING-TOP:0px}
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 */

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: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{border:1px solid #CCC; margin-bottom:8px; padding:8px; }

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

/* 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. PROFILE DISPLAY SETUP */
/****************************************************************/

DIV.profile_header {BACKGROUND:#eee; HEIGHT:110px; MARGIN:0 auto;}
DIV.profile_header H1 {PADDING:15px 30px 0px; FONT-SIZE:14px; FONT-WEIGHT:bold;}
DIV.profile_header P {PADDING:3px 30px 5px; FONT-SIZE:10px; FONT-WEIGHT:bold;}


/****************************************************************/
/* 12. NON STANDARD CSS */
/****************************************************************/

.featured{padding:8px 0px; width: 615px; margin:auto;}

.thumbwrap{padding:0px; margin:0px;}

.thumbwrap li {
	display:-moz-inline-box;
	display:inline-block;
	/*\*/ vertical-align:top; /**/
	margin:3px 4px; 
	text-align:center;
}
/*  Moz:NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display:table; /**/
	width:115px;
	margin:0px;
	padding: 0px;
}
.thumbwrap a {
	display:block;
	text-decoration:none;
	color:#000;
	background:#ddd;
	cursor:pointer;
}
/*\*/
.thumbwrap>li .wrimg {
	display:table-cell;
	vertical-align:middle;
	width:115px;
	height:110px;
}
/**/

.thumbwrap img {
	vertical-align:middle;
}
.thumbwrap a:hover {
	background-color:#ffffcc;
}
/*\*//*/
* html .thumbwrap li .wrimg {
	display:block;
	font-size:1px;
}
* html .thumbwrap .wrimg span {
	display:inline-block;
	vertical-align:middle;
	height:115px;
	width:1px;
}
/**/
.thumbwrap .caption {
	display:block;
	padding:.3em 5px;
	font-size:.9em;
	line-height:1.1;
	border-top:1px solid #ccc;
	w\idth:115px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width:0px) {
	html:first-child .thumbwrap a {
		display:inline-block;
		vertical-align:top;
	}
	html:first-child .thumbwrap {
		border-collapse:collapse;
		display:inline-block; /* non deve avere margin */
	}
}

/* Addtional Browse CSS */


/* Additional Forum CSS (Overwrites some base.css */
.forum_wrapper TD {height:45px; text-align:center;}
.tc0 {width:6%;}
.new div{background:url(/img/icons/new.gif); height:29px; margin:auto; width:29px;}
.new div img{margin:2px;}
.tc1 {width:44%;}



/****************************************************************/
/* Lush_cs.css
/****************************************************************/

/****************************************************************/
/* 1. BACKGROUND AND TEXT COLOURS */
/****************************************************************/

/* 1.1 Default background colour and text colour */




#adminconsole TD, #adminconsole TH {BORDER-COLOR:#999999}

/* 1. 2 Darker background colours */

TD.tc2, TD.tc3, TD.tcmod {BACKGROUND-COLOR:#eee}
#adminconsole FIELDSET TD, #viewprofile DD, DIV.forminfo, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR:#eee}

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



/* 1.4 Table header rows */

.bgc4 {BACKGROUND-COLOR:#eee}

/* 1.5 Fieldset legend text colour */

.pun LEGEND {COLOR:#0066cc}

/* 1.6 Highlighted text for various items */

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR:#333333}

/* 1.7 Dark background for form elements */

.pun TEXTAREA, .pun SELECT {BACKGROUND-COLOR:#fff; COLOR:#333333}

/****************************************************************/
/* 2. POST BACKGROUNDS AND TEXT */
/****************************************************************/

/* 2.1 This is the setup for posts. */

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright, #postpreview {BACKGROUND-COLOR:#eee}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR:#ccc}
DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR:#ccc}

/* 2.2 Background for post headers and text colour for post numbers in viewtopic */


DIV.blockpost H2 SPAN.conr {COLOR:#A19E96}

/* 2.3 This is the line above the signature in posts. Colour and background should be the same */

.pun HR {BACKGROUND-COLOR:#606060; COLOR:#606060}

/****************************************************************/
/* 3. BORDER COLOURS */
/****************************************************************/



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

DIV.blockpost DIV.box {BORDER-COLOR:#000 #525252 #525252}

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

.pun TD {border-color:#ddd}
.pun TH {background:#eee; border-color:#ddd}

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

.pun BLOCKQUOTE, DIV.codebox, DIV.blockpost LABEL {BORDER-COLOR:#606060}

/* 3.5 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:#ACA899}

/****************************************************************/
/* 4. LINK COLOURS */
/****************************************************************/

/* 4.1 This is the default for all links */

.pun A:link, .pun A:visited {COLOR:#0066cc}
.pun A:hover {COLOR:#003399}

/* 4.2 This is the colour for links in header rows and the navigation bar */

.pun H2 A:link, .pun H2 A:visited {COLOR:#333333}
.pun H2 A:hover {COLOR:#333333}

/* 4.3 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:#888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR:#AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR:#FF4000}
LI.maintenancelink A:hover {COLOR:#FF5010}

/****************************************************************/
/* 5. POST STATUS INDICATORS */
/****************************************************************/

/* 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:#eee #404040 #3C3C3C #444444}
TR.iredirect DIV.icon {BORDER-COLOR:#666666 #666666 #666666 #666666}
DIV.inew {BORDER-COLOR:#5496D8 #4B85C0 #4377AC #4F8DCB}