/**

 * A fluid 3-column layout

 *

 * This layout features:

 * - a fluid 3-column layout

 * - top navigation tabs

 *

 * This single style sheet takes care of all media (screen, handheld, print, etc.)

 *

 * This style sheet has been checked against Mozilla Firefox version 2 and Microsoft Internet Explorer version 7.

 * You may have to split this file into several pieces to avoid side-effects on legacy browsers such as Netscape navigator 4.7, etc.

 *

 * Styles are ordered according to following list:

 * - standard HTML and XHTML tags are refined

 * - unique styles used for page layout

 * - other unique styles

 * - classes

 *

 * For contextual rules, uniqueness comes before classes.

 * This means that '#main_panel code' and '#main_panel a.article' are placed into the second section.

 * And 'p.menu_bar' is in the last section.

 *

 * Where applicable we have also mentioned the YACS codes related to styles.

 * You can find more information on YACS codes at codes/codes.php and related pages.

 *

 * @author Bernard Paques [email]bernard.paques@bigfoot.com[/email]

 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License

 */



/**

 * standard tags - redefine behaviour of reference HTML and XHTML tags

 * to ensure that all browsers will be aligned

 */



a,

a code { /* basic link */

	color: #095ba5 ;

	text-decoration: none;

	background-color: transparent;

	font-weight: normal; /* bold; */

}



a:link,

a:link code { /* link displayed for the first time */

	color: #095ba5 ;

	text-decoration: none;

	background-color: transparent;

}



a:visited,

a:visited code { /* link that has been used at least once */

	color: #095ba5 ;

	text-decoration: none;

	background-color: transparent;

}



a:active,

a:active code { /* link at the moment it is clicked */

	color: #095ba5 ;

	text-decoration: none;

	background-color: transparent;

}



a:hover,

a:hover code { /* link below the mouse pointer */

	color: #095ba5 ;

	text-decoration: underline;

	background-color: transparent;

}



a img { /* avoid borders around images used as links */

	border: none;

}



acronym { /* help in a popup -- [hint]...[/hint] */

	border-bottom: 1px dotted #095ba5;

	cursor: help;

}



address { /* a author profile towards the end of the main panel -- from articles/view.php */

	padding-top: 1em;

	padding-bottom: 1em;

}



b { /* bold -- [b]...[/b] */

}



body { /* most elements will inherit some of these attributes */

	margin: 0;

	padding: 0;

	font-family: tahoma, sans-serif;

	font-weight: normal ;

	font-style: normal ;

	font-size: 0.8em;

	border-bottom: 1px solid #ccc;

}



@media screen { /* not on printers */



	body {

		color: #222;

		background: #fff url("images/body_bg.gif") top left no-repeat;

		max-width: 1280px; /* limited by background image */

	}

}



blockquote { /* someone has been cited -- [quote]...[/quote] */

	border-left: 2px solid #095ba5;

	margin: 0;

	padding: 0 0 0 3px;

}



@media screen { /* not on printers */



	blockquote { /* prefix quotes with a nice image */

		padding-left: 25px;

		background: url("images/quote_left.gif") top left no-repeat;

		border: none;

	}



	blockquote .quote_prefix span { /* instead of the bare quote char */

		display: none;

	}

}



br { /* new line -- [nl] */

}



center { /* is this one deprecated? -- [center]...[/center] */

}



code { /* some code sample -- [code]...[/code] */

	font-family: monospace;

	font-weight: normal ;

	font-style: normal ;

	font-size: 1em ;

}



del { /* deleted -- [deleted]...[/deleted] */

}



form { /* inline rendering for all browsers */

	margin: 0;

	padding: 0;

}



h1 { /* appears only once, with the page title */

	clear: left;

	margin: 0 0 0.5em 0;

	padding: 0 0 30px 0.5em;

	color: #f93;

	font-size: 1.5em;

	font-weight: bold;

	text-align: left;

	background: url("images/h1_background.gif") left bottom no-repeat;

}



h2 { /* appears in the main content panel, to introduce sections of the page -- [title]...[/title], [question]...[/question] */

	clear: left;

	margin: 1em 0 0.5em 0;

	padding: 0;

	font-size: 1em;

	font-weight: bold;

	color: #095ba5 ;

	text-align: left;

}



h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */

	clear: left;

	margin: 1em 0 0 0;

	padding: 0;

	font-size: 1em;

	font-weight: bold;

	color: #095ba5 ;

	text-align: left;

}



h4 { /* menu text */

	margin: 1em 0 0.5em 0;

	padding: 0;

	font-size: 0.9em;

	font-weight: normal;

	color: #095ba5 ;

	text-align: left;

}



hr { /* an ordinary horizontal rule --- [---], [___] */

	padding: 0.2em 0 0.2em 0;

	height: 0px;

	border-width: 1px;

	border-color: #095ba5 ;

	border-style: none none dotted none;

}



i { /* italic -- [i]...[/i] */

}



img { /* a standard image */

	margin: 0;

	padding: 0;

}



input[type="password"],

input[type="text"] { /* change form elements */

	border: #095ba5 solid 1px;

}



input:focus { /* help to locate the current field */

	background-color: #eaeaea;

}



input[type="submit"] { /* change button appearance */

	background-color: #eaeaea;

	border-color: #dcdcdc #696969 #696969 #dcdcdc; /* tbc */

	border-style: solid;

	border-width: 2px;

	text-align: center;

	margin: 0px;

	padding: 0px;

	font-size: 0.9em;

}



input[type="submit"]:focus,

input[type="submit"]:hover {

	background-color: transparent; /* tbc */

}



ins { /* inserted -- [inserted]...[/inserted] */

}



li { /* avoid justification alignment */

	text-align: left;

}



marquee { /* horizontal scroller -- [scroller]...[/scroller] */

}



ol { /* a numbered list -- [list=1]...[/list], [list=a]...[/list], [list=A]...[/list], [list=i]...[/list], [list=I]...[/list] */

}



p { /* add a space after each paragraph */

	margin: 0 0 16px 0;

	padding: 3px 0;

}



pre { /* a block of sample lines -- [php]...[/php], [snippet]...[/snippet] */

	font-family: monospace;

	font-weight: normal ;

	font-style: normal ;

	font-size: 1em ;

	margin: 1em;

	padding: 1em;

	background-color: #ffffff;

	border: 1px solid #095ba5;

	white-space: pre;

	overflow: hidden;

}



sub { /* shifted down -- [subscript]...[/subscript] */

}



sup { /* shifted up -- [superscript]...[/superscript] */

}



table { /* an ordinary table -- [table]...[/table] */

	width: auto;

}



td { /* an ordinary cell */

    vertical-align: top;

    text-align: left;

    font-size: 1em ;

}



@media print { /* enhance printed material */



	td { /* make cells visible */

		margin-left: 0;

		margin-right: 0;

		padding-left: 0;

		padding-right: 0;

		padding-bottom: 5px;

		border-left: none;

		border-top: none;

		border-right: none;

		border-bottom: 2px solid #095ba5;

	}



}



textarea { /* change form elements */

	border: #26a solid 1px; /* tbc */

}



textarea:focus { /* signal current input area */

	background-color: #dedede; /* tbc */

}



th { /* an ordinary table header -- headers in [table]headers[body]content[/table] */

	background-color: #dedede; /* tbc */

    text-align: left;

}



@media print { /* enhance printed material */



	th { /* make cells visible */

	    font-size: 1em ;

		margin-left: 0;

		margin-right: 0;

		padding-left: 0;

		padding-right: 0;

		padding-bottom: 5px;

		border-left: none;

		border-top: none;

		border-right: none;

		border-bottom: 2px solid #000;

	}



}



u { /* underlined -- [u]...[/u] */

}



ul { /* an ordinary list -- [list]...[/list] */

}



/**

 * layout elements - also add behaviour for related sub-elements where applicable

 */





#extra_panel { /* information related to this page */

	margin: 10px 1px 0 4px;

	padding: 0;

	width: 150px; /* tools, etc. */

	font-size: 0.9em;

	font-weight: normal;

	color: #333;

	float: right;

}



@media print { /* do not print complementary information */



	#extra_panel {

		display: none;

	}



}



#extra_panel a:link,

#extra_panel a:visited { /* links in the extra panel */

	color: #095ba5;

	background: transparent;

}



#extra_panel a:active,

#extra_panel a:hover { /* links in the extra panel */

	color: #095ba5;

	background: transparent;

}



#extra_panel dl { /* actually, a box on the extra panel */

	margin: 0 0 10px 0;

	padding: 0 0 0 2px;

	background: transparent url('images/extra_box_bg.jpg') top left no-repeat;

}



#extra_panel dl dd { /* body of one extra box */

	margin: 0 0 0.4em 0;

	padding: 3px;

	overflow: hidden;

}



#extra_panel dl dd ul { /* a list in an extra box */

	margin: 0;

	padding: 0 0 0 15px;

}



#extra_panel dl dt { /* titles of extra boxes */

	font-size: 1.2em;

	margin: 0 0 0 0;

	padding: 2px 4px;

}



#extra_panel dl dt a { /* link in a box title */

	color: #fff;

	font-weight: normal;

}



#footer_panel { /* comes after everything */

	clear: left;

	margin: 30px 0 0 14px;

	padding: 0;

	text-align: left;

	font-size: 0.8em;

	font-weight: normal;

}



#footer_panel a {

	font-weight: normal;

}



@media print { /* do not print footer information */



	#footer_panel {

		display: none;

	}



}



#header_panel { /* comes before everything */

	position: relative; /* because of included items */

	width: 100%;

	height: 80px;

/*	background: transparent url("images/clouds_header.gif") no-repeat top left; */

/*	background: transparent url("images/whiteblack.gif") repeat-x top left; */

}



@media print { /* do not print heading information, including #tabs */



	#header_panel {

		display: none;

	}



}



@media screen { /* only on a wide screen */



	#main_panel { /* where the actual content is */

		margin: 0;

		padding: 1em 1em 0 1em;

		text-align: justify;

		color: #000000;

		background-color: transparent;

	}



	body.extra div#main_panel { /* display a third column aside */

		margin-right: 170px;

	}



	body#home div#extra_panel { /* wider extra section at the home page */

		width: 250px;

	}



	body#home.extra div#main_panel { /* wider extra section at the home page */

		margin-right: 270px;

	}



	#main_panel a code { /* next rule do not impact links (eg, <code> in [toc]) */

		background-color: transparent;

	}



	#main_panel code { /* make code more visual */

		background-color: #FFFFFF;

		margin: 0;

		padding: 0 4px 0 4px;

	}



	#main_panel pre code { /* use block attributes instead of in-line attributes */

		background-color: transparent;

		margin: 0;

		padding: 0;

	}



}



#main_panel ul { /* change lists in the main panel */

	margin: 0.5em 0 1em 0;

	padding: 0;

	list-style: none;

}



#main_panel ul li {

    margin: 0;

    padding: 0;

    padding-left: 14px;

    background: url("icons/bullet.gif") no-repeat 0px 0px;

  }



#side_panel { /* navigation information */

	margin: 0;

	padding: 0;

	font-family: Tahoma, sans-serif;

	font-size: 0.9em;

	font-weight: normal;

	color: #333;

	position: absolute;

	width: 170px; /* the exact width of the underlying background pattern */

	top: 100px; /* cut and paste height of #header_panel */

	left: 2px;

}



@media print { /* do not print complementary information */



	#side_panel {

		display: none;

	}



}



#side_panel a:hover { /* links in the side panel */

	background-color: transparent;

}



#side_panel dl { /* actually, a box on the side panel */

	margin: 0 0 12px 0;

	padding: 0;

	width: 175px;

	font-size: 10px;

	font-weight: normal;

}



#side_panel dl dd { /* body of one side box */

	margin: 0 0 0 0;

	padding: 2px 6px 20px 6px;

	color: #222;

	overflow: hidden; /* cut long links */

	background: transparent url("images/side_body.gif") bottom left no-repeat;

}



#side_panel dl dd a { /* link in a side box */

	color: #222;

	font-weight: normal;

}



#side_panel dl dd a.menu_1 { /* top leve menu [menu] */

	display: block;

	border-bottom: 1px solid #bbb;

	margin: 0 0 0 0;

	padding: 5px 0 5px 4px;

}



#side_panel dl dd a.menu_2 { /* second level menu [submenu] */

	display: block;

	border-bottom: 1px solid #bbb;

	margin: 0 0 0 0;

	padding: 5px 0 5px 4px;

}



#side_panel dl dd ul { /* menu  */

	margin: 0;

	padding: 0;

	list-style: none;

}



#side_panel dl dd ul li { /* menu element  */

	display: block;

	border-bottom: 1px solid #bbb;

	margin: 0 0 0 0;

	padding: 5px 0 5px 4px;

}



#side_panel dl dt { /* used for titles of various boxes */

	text-align: center;

	font-size: 1.2em;

	margin: 0 0 0 0;

	padding: 7px 4px 3px 4px;

	color: #444;

	background: transparent url("images/side_top.gif") top left no-repeat;

}



#side_panel dl dt a { /* link in a box title */

	color: #444;

	font-weight: bold;

}



@media screen { /* on large screens */



	#wrapper { /* limit the horizontal size of everything, and decorate the layout */

		margin: 0 0 0 180px;

		padding: 0;

	}



	#overall_wrapper {

		position: relative;

		margin: 0;

		padding: 30px 0 20px 0;

		background: transparent url("images/footer_bg.gif") bottom left repeat-x;

	}



}



	#nouv_bloc {
		float: right;
		width: 150px;
		padding: 10px;
		margin: 10px;
		background: red;
}



/**

 * unique elements - may appear in one or several pages

 */



#categories ul { /* categories related to an article, on page side -- articles/view.php */

	margin: 0;

	padding: 0;

	list-style: none;

}



#categories ul li { /* space between links */

	margin: 0 0 4px 0;

	padding: 0;

}



#crumbs { /* the where am I menu in the header bar */

	position: absolute;

	top: 67px;

	left: 192px;

	color: #eee;

	font-size: 9px;

	font-weight: normal;

	text-align: left;

	background: transparent;

}



#crumbs a { /* the crumbs link must be white */

	color: #ffffff;

	font-weight: normal;

}



@media print { /* do not print context information */

	#crumbs {

		display: none;

	}

}



#featured dd { /* the navigation box for statically featured pages -- index.php, sections/view.php */

	margin: 0;

	padding: 0;

}



#featured hr { /* simple rule between items */

	border-top: none;

	border-left: none;

	border-right: none;

	border-bottom: 1px dotted #447;

	height: 0px;

}



#featured.extra_box ul { /* the list of featured pages */

	margin: 0;

	padding: 0;

	list-style: none;

}



#featured ul li { /* remove default bullet */

    margin: 0;

    padding: 0 2px 3px 0;

    background: none;

}



#featured ul li .details { /* details related to featured pages */

    color: #aaa;

    font-size: 9px;

}



/* gadget boxes are generated at index.php and sections/view.php */



dl#gadget_1,

dl#gadget_3,

dl#gadget_5,

dl#gadget_7 { /* no more than two boxes per row -- also see .gadget_box -- from index.php, sections/view.php */

 	clear: left;

}



#gadgets_prefix { /* comes before gadget boxes */

	clear: left; /* align properly after site map, if any */

	margin-top: 8px;

	font-size: 0.9em;

}



#gadgets_suffix { /* comes after gadget boxes */

	clear: left; /* compensate for left-floated boxes */

	margin: 0; /* ignored by firefox anyway */

	padding: 0 0 2em 0; /* make some room after gadget boxes */

}



#header_right { /* surfer information -- see template.php */

	position: absolute;

	top: 33px;

	right: 12px;

	margin: 0; /* need for IE Mac */

	padding: 14px 5px 6px 0px;

}



#header_title { /* appears towards the top of the page -- see template script */

	position: absolute;

	top: 23px;

	left: 2px;

}



#header_title a { /* color of the link text*/

	color:#0075BB;

	font-size: 11px;

	margin: 0px;

	font-weight: bold;

}



#header_title a:hover { /* color of the link text*/

	color:#0075BB;

	font-size: 11px;

	text-decoration: underline;

}



@media screen { /* for the home page, only on large screens -- index.php */



	#home_center { /* a centered article at the home page, in layout: newspaper */

		border-left: 1px dotted #095ba5;

		margin: 0 0 1em 0.5em;

	    padding: 0 0 0 0.5em;

	    float: left;

	    width: 31%; /* 31% is the maximum accepted by Firefox to have three boxes in a row at 800x600 */

	}



	#home_east { /* the rightmost article at the home page, in layouts: boxesandarrows, newspaper */

		border-left: 1px dotted #095ba5;

		margin: 0 0 1em 0.5em;

	    padding: 0 0 0 0.5em;

	    float: left;

	    width: 31%; /* for newspaper */

/*	    width: 48%; /* for boxesandarrows */

	}



	#home_north { /* the most new article at the home page, in layouts: daily, newspaper, slashdot */

		clear: left;

/*		background: #ffa; /* transparent url("images/north_bg.jpg") top left no-repeat; */

		border: 1px solid #ccc;

	    margin: 0;

	    padding: 1em;

	}



	#home_north h2 { /* space above title to be partly delegated to the containing div */

	    margin-top: 0.5em;

	}



	#home_north .date { /* space above date to be partly delegated to the containing div */

	    margin-top: 0.5em;

	}



	#home_west { /* the leftmost article at the home page, in layouts: boxesandarrows, newspaper */

		margin: 0 0 1em 0;

	    padding: 0;

	    float: left;

	    width: 31%; /* for newspaper */

/*	    width: 48%; /* for boxesandarrows */

	}



	#home_south {

		clear: both; /* ensure proper alignment after site map */

	}



	#home_south h3 { /* titles within home_east, home_center and home_west, for layout: newspaper */

		margin-top: 0;

	}



}



dl#neighbours dd ul { /* navigation commands on page side -- articles/view.php */

	margin: 0;

	padding: 0;

}



dl#neighbours dd ul { /* navigation commands on page side -- articles/view.php */

	margin: 0;

	padding: 0;

	list-style: none;

}



dl#neighbours dd ul li { /* space between links */

	margin: 0 0 4px 0;

	padding: 0;

}



#news { /* the navigation box for static news -- index.php, sections/view.php */

}



dl#news dd ul { /* list of news */

	margin: 0;

	padding: 0;

	list-style: none;

}



dl#news dd ul li { /* remove default bullet */

    margin: 0;

    padding: 0 2px 3px 0;

    background: none;

}



dl#news dd ul li .details { /* details related to featured pages */

    color: #aaa;

    font-size: 9px;

}



#news hr { /* simple rule between items */

	border-top: none;

	border-left: none;

	border-right: none;

	border-bottom: 1px dotted #095ba5;

	height: 0px;

}



p#page_menu { /* an horizontal menu of commands below page title -- see template script */

	margin: 0 0 8px 0;

	padding: 3px 0 3px 0;

	font-family: Tahoma, sans-serif;

	font-size: 10px;

	font-weight: normal;

}





p#page_menu a { /* draw a small button behind every link */

	margin: 0;

	padding: 0px 0px 0px 7px;

	background: transparent url("images/small_button.gif") bottom left no-repeat;

	line-height: 1.2em;

	text-decoration: none;

}



p#page_menu a:hover { /* behaviour on hovering */

	text-decoration: none;

	color: red;

}



p#page_menu a span {

	margin: 0;

	padding: 0px 7px 0px 0px;

	background: transparent url("images/small_button.gif") bottom right no-repeat;

}



@media print { /* do not print the page menu */

	p#page_menu {

		display: none;

	}

}



dl#rotating_featured dd { /* the navigation box for rotating news -- index.php */

	height: 12em; /* should be taller than longer element */

	overflow: hidden; /* strip the tail, if any */

	width: auto;

}



dl#rotating_featured dd hr { /* items are displayed one at a time, and the separator is useless */

	display: none;

}



dl#rotating_featured dd ul { /* the actual list of news */

	margin: 0;

	padding: 0;

	list-style: none;

}



dl#rotating_news dd { /* the navigation box for rotating news -- index.php, sections/view.php */

	height: 12em; /* should be taller than longer element */

	overflow: hidden; /* strip the tail, if any */

	width: auto;

}



dl#rotating_news dd hr { /* items are displayed one at a time, and the separator is useless */

	display: none;

}



dl#rotating_news dd ul { /* the actual list of news */

	margin: 0;

	padding: 0;

	list-style: none;

}



dl#rotating_news dd ul li .details { /* details related to news */

    color: #aaa;

    font-size: 9px;

}



dl#scrolling_news div.scroller_outside { /* the navigation box for scrolling news -- index.php, sections/view.php */

	height: 200px; /* the height of the scrolling area */

}



dl#scrolling_news dd hr { /* separate items */

	border-top: none;

	border-left: none;

	border-right: none;

	border-bottom: 1px dotted #095ba5;

	height: 0px;

}



dl#scrolling_news dd ul { /* a list with no bullet */

	margin: 0;

	padding: 0;

	list-style: none;

}



dl#scrolling_news dd ul li {

	margin: 0;

	padding: 0;

}



dl#scrolling_news dd ul li .details { /* details related to news */

    color: #aaa;

    font-size: 9px;

}



#sections a.section { /* a link to a section, in some site map -- index.php, sections/index.php, sections/view.php */

	font-weight: bold;

}



#show_date { /* defines where the date will come -- see template script  */

	position: absolute;

	top: 54px;

	right: 4px;

	color: #888;

	font-size: 0.9em;

	font-weight: normal;

	text-align: right;

	background: transparent;

}



#show_links { /* defines where the links will come -- see template script  */

	position: absolute;

	top: 1px;

	right: 4px;

	color: #808080;

	font-size: 0.9em;

	font-weight: normal;

	text-align: right;

	background: transparent;

	margin: 0;

	padding: 0;

}



#show_links a { /* color of link is white -- see template script  */

	color: #0075BB;

}



#show_links a:hover { /* color of link is white -- see template script  */

	color: #0075BB;

	text-decoration: underline;

}



/* the global navigation bar -- see template script */



#tabs {

	position: absolute;

	top: 27px;

	left: 190px;

	margin: 0; /* need for IE Mac */

	padding: 0;

}



#tabs,

#tabs a { /* text appearance in tabs */

	background-color: transparent;

	text-decoration: none;

	font-family: Tahoma, sans-serif;

	text-transform: capitalize;

	font-size: 10px;

	letter-spacing: 0;

	font-weight: bold;

	color: #FFFFFF;

}



#tabs ul { /* position tabs */

	margin: 0;

	padding: 0;

	list-style: none;

}



#tabs li {

	display: inline;

/*	color: #eaeaea; */

	padding: 0;

	margin: 0 2px 0 0;

	text-transform:lowercase;

}



#tabs li a { /* tab top left corner */

	margin: 0 0 0 0;

	padding: 0 0 0 11px;

	text-decoration: none;

	float: left;

	background: transparent url('images/tabs.gif') 0% 0% no-repeat;

}



#tabs li a span { /* tab top right corner */

	padding: 14px 21px 14px 0px;

	color: #000;

	display: block;

	margin: 0;

	background: transparent url('images/tabs.gif') 100% 0% no-repeat;

}



#tabs li a:hover { /* change tab background on hovering */

	background-position: 0% 0px;

	color: #0075BB;

	text-decoration: none;

	cursor: pointer; /* else ie 6 is lost */

}



#tabs li a:hover span { /* change tab background on hovering */

	background-position: 100% 0px;

	color: #0075BB;

}



#user_menu ul { /* commands that apply to this user -- see template script */

	margin: 0;

	padding: 0;

	list-style: none;

}



@media screen { /* on large screens */



	#wrapper_prefix { /* top decoration */

	}



	#wrapper_suffix { /* bottom decoration */

	}



}



/**

 * styles by classes

 */



@media screen { /* not on printers */



	#main_panel a.article { /* the image near a link to an article -- [article=id], [article=id, label] */

		padding-left: 11px;

		background: url("icons/page.gif") left no-repeat;

	}

}



.author_box { /* a user profile, towards the beginning of an article */

	float: right;

	padding: 2px;

	border: 1px dotted #095ba5;

}



img.avatar { /* an image representing a member -- do not float it! */

	margin: 3px; /* some space around the image */

}



p.away { /* not visible for ordinary browsers -- accessibility tweak */

	position: absolute;

	left: -999px;

	width: 990px;

}



.big { /* bigger than default, but smaller than .huge -- [big]...[/big] */

	font-size: 16pt;

	line-height: 1.1em;

}



.button { /* a link that mimic a form button -- [button]url[/button], [button=label]url[/button] */

	border-color: #eaeaea #095ba5 #095ba5 #eaeaea;

	border-style: solid;

	border-width: 2px;

	text-align: center;

	padding: 4px;

	line-height: 1.2em;

}



a.button,

a:visited.button {

	background-color: #c0c0c0;

   	color: #202020;

	text-decoration: none;

}



a:active.button { /* click on button */

	background-color: #cfcfcf;

	color: #202040;

	border-color: #eaeaea #095ba5 #095ba5 #eaeaea;

}



a:hover.button { /* hover a button */

	background-color: #cfcfcf;

	color: #202040;

}



@media screen { /* not on printers */



	#main_panel a.category { /* the image near a link to a category -- [category=id], [category=id, label] */

		padding-left: 11px;

		background: transparent url("icons/page.gif") left no-repeat;

	}



}



p.caution { /* a warning paragraph -- [caution]...[/caution] -- see also CAUTION_FLAG in skins/skin_skeleton.php */

}



.center_image { /* an image in the middle of the page [image=xx, center] */

	clear: left;

	text-align: center;

}



.center_image p { /* its caption */

	text-align: center;

	font-size: smaller;

	padding-top: 0;

	margin-top: 0;

}



table.collections { /* a list of downloadable files -- see collections/browse.php */

	border-spacing: 0;

	border: none;

}



table.collections td {

	border: none;

	margin: 0;

	padding: 0.3em 8px 0.3em 8px;

}



table.collections th {

	border: none;

	margin: 0;

	padding: 0.3em 8px 0.3em 8px;

}



dl.column { /* one single column -- index.php */

    margin: 1em 8px 8px 0;

    padding: 0;

}



dl.column dd { /* column actual content */

	margin: 0 0 1em 10px;

	padding: 0 0 0 4px;

	border-left: solid 2px #ccc;

	overflow: hidden; /* kill oversized links */

}



dl.column dd,

dl.column dd a.category,

dl.column dd .details,

dl.column dd a.section { /* make content look larger in single column */

	font-size: 107%;

}



dl.column dd p,

dl.column dd ul { /* vertical margins within a box */

	margin-top: 0.2em;

	margin-bottom: 0.2em;

}



dl.column dt { /* the image aside the column */

	clear: left;

	border: 0;

	margin: 0;

	padding: 2px 0 2px 0;

}



dl.column dt img { /* align the image */

	margin: 0;

	padding: 0;

}



dl.column_1,

dl.column_2 { /* left or right column out of two -- index.php, sections/index.php, sections/view.php, categories/index.php, etc. */

    margin: 0 8px 8px 0;

    padding: 0;

    float: left;

    width: 45%;

}



dl.column_1 dd,

dl.column_2 dd { /* column actual content */

	margin: 0 0 1em 10px;

	padding: 0.2em 0 0 0.4em;

	background: transparent url("images/map_box_bg.jpg") top left no-repeat;

	text-align: left;

	z-index: 1;

	overflow: hidden; /* kill oversized links */

}



dl.column_1 dd p,

dl.column_1 dd ul,

dl.column_2 dd p,

dl.column_2 dd ul { /* space around content elements */

	margin-top: 0.2em;

	margin-bottom: 0.2em;

}



dl.column_1 dt,

dl.column_2 dt { /* the image aside the column */

	clear: left;

	text-align: left;

	border: 0;

	margin: 0;

	padding: 2px 0 2px 0;

	z-index: 2;

}



dl.column_1 dt img,

dl.column_2 dt img { /* align the image */

	margin: 0;

	padding: 0;

}



.comic { /* use a special font -- [style=comic]...[/style] */

    font-family: "Comic Sans MS", cursive;

}



@media screen { /* not on printers */



	#main_panel a.comment { /* the image near a link to a comment -- [comment=id], [comment=id, label] */

		padding-left: 12px;

		background: transparent url("icons/comment.gif") left no-repeat;

	}

}



@media screen { /* not on printers */



	div.comment div {	/* some blog comment -- comments/layout_comments_as_daily.php */

		margin-left: 1em;

	}



}



ul.compact,

#main_panel ul.compact,

#extra_panel ul.compact,

#side_panel ul.compact { /* we use our own item prefix -- see the skin script */

	margin: 0;

	padding: 0;

	list-style: none;

}



#main_panel ul.compact li,

#extra_panel ul.compact li { /* remove default bullet */

    margin: 0;

    padding: 0;

    background: none;

}



#side_panel ul.compact li { /* remove default bullet */

    margin: 0;

    padding: 0 2px 3px 4px;

    background: none;

}



.cursive { /* use a cursive font -- [style=cursive]...[/style] */

    font-family: cursive;

}



p.date { /* date of a post, above its title -- articles/layout_articles_as_daily.php & skins/layout_home_articles_as_daily.php */

	color: #095ba5;

	background: transparent url("images/row_bg.gif") top left repeat-x;

	font-size: 0.9em;

	margin-top: 1.5em;

	margin-bottom: 0;

	padding-bottom: 4px;

	width: 100%;

	border-bottom: 1px solid #ddd;

	text-align: right;

}



@media screen { /* not on printers */



	#main_panel a.decision { /* the image near a link to a decision -- [decision=id], [decision=id, label] */

		padding-left: 12px;

		background: transparent url("icons/comment.gif") left no-repeat;

	}

}



table.decorated { /* a 2-column table, with images on the left -- [decorated]...[/decorated] */

	border-collapse: collapse;

	border-spacing: 0;

	border: none;

	margin-bottom: 1em;

}



table.decorated tr { /* bottom space */

	background: transparent url("images/decorated_bg.gif") top left no-repeat;

	margin: 0 0 1em 0;

}



table.decorated tr td.content { /* the cell with content */

	margin: 0;

	padding: 6px 6px 1em 6px;

}



table.decorated tr td.image { /* the cell with image */

	border: none;

	margin: 0;

	padding: 6px;

}



table.decorated tr td img { /* align the decorating image with decorated text */

	margin: 2px 2px 0 0;

}



.details { /* a set of details */

	font-family: Tahoma, sans-serif;

	font-weight: normal;

}



.details a { /* a link among details */

	font-family: Tahoma, sans-serif;

	font-weight: normal;

}



#main_panel .details { /* less contrasted than regular text */

	font-size: 0.8em;

}



#main_panel .details a { /* faded into text */

}



#side_panel .details { /* less contrasted than regular text */

	font-size: 0.9em; /* all text is small on side panel */

}



p.details { /* stick to previous and next elements */

	margin-top: 0;

	margin-bottom: 0;

	padding-top: 0;

	padding-bottom: 0;

}



dl.download dt p { /* the image to download a package -- see files/view.php */

	text-align: center;

	float: left;

	margin: 0 2em 2em 0;

}



@media screen { /* not on printers */



	.draft { /* signal draft pages with a neat image */

		padding-right: 10px;

		margin-right: 2px;

		background: url("icons/to_publish.gif") right no-repeat;

	}



	.draft span { /* mask default text */

		display: none;

	}

}



@media screen { /* not on printers */



	#main_panel a.email { /* the image near a link to an email address -- [email]address[/email], [email=label]address[/email] */

		padding-left: 15px;

		background: transparent url("icons/mailto.gif") left no-repeat;

	}

}



div.error { /* report on abnormal conditions */

	color: red;

}



div.even { /* stacked with div.odd */

	padding: 0.5em 0;

}



@media screen { /* not on printers */



	.expired { /* display a neat image to flag expired pages */

		padding-right: 16px;

		margin-right: 2px;

		background: url("icons/expired.gif") right no-repeat;

	}



	.expired span { /* mask default text */

		display: none;

	}

}



@media screen { /* not on printers */



	#main_panel a.external { /* the image near an external link -- [link]href[/link], [link=label]href[/link] */

		padding-right: 15px;

		background: url("icons/external.gif") right no-repeat;

	}

}



div.external_image { /* display an image hosted elsewhere -- [img]url[/img] */

	max-width: 400px; /* clip the image to preserve comments layout */

	width: 400px;

	overflow: hidden;

}



.extra_box ul { /* a list in the side panel */

	margin: 0.5em 0 1em 0;

	padding: 0 0 0 1.5em;

	list-style: disc;

}



.fantasy { /* various rendering, you have been warned -- [style=fantasy]...[/style] */

    font-family: fantasy;

}



@media screen { /* not on printers */



	#main_panel a.file { /* the image near a link to view file details -- [file=id], [file=id, label] */

		padding-left: 15px;

		background: transparent url("icons/download.png") left no-repeat;

	}

}



.flag { /* compact meta-information -- [flag]foo bar[/flag], but also [new], [popular], [updated] -- see also .new, .popular, .updated */

	color: red;

	font-size: 0.9em;

}



td.family { /* to introduce several successive sections in a forum -- see sections/layout_sections_as_yabb.php */

	padding: 0 0 0 8px;

	font-weight: bold;

	color: #444;

	background-color: #E3E4AC;

}



div.folder_body { /* the body of an unfolded box -- [folder]...[/folder] */

	background-color: #F5F5F5;

	border: 1px solid #ddd;

	padding: 3px 0.5em 0.5em 0.5em;

	margin-left: 5px;

}



a.folder_header { /* not an ordinary link */

	font-weight: bold;

}



a.folder_header:hover { /* make it visually clickable */

	cursor: pointer;

}



table.form { /* a table used to present form fields */

	border: none;

}



table.form td {

	border: none;

	margin: 0;

	padding: 0.3em 0.5em 0.5em 0;

}



dl.gadget_box { /* container of one gadget box -- also see #gadget_1, etc. -- from index.php, sections/view.php */

	padding: 0;

	margin: 0 1em 3em 0;

	float: left;

	width: 45%;

	background: transparent url("images/gadget_left.gif") top left no-repeat;

}



dl.gadget_box dd { /* content of one gadget box */

	font-size: 0.9em;

	margin: 0;

	padding: 2px 12px 24px 12px;

	background: transparent url("images/gadget_right.gif") bottom right no-repeat;

}



dl.gadget_box dt { /* header of one gadget box */

	font-size: 1em;

	color: #222;

	padding: 9px 12px 8px 33px;

	font-weight: bold;

	text-align: right;

	margin: 0;

	border-right: 1px solid #ccc;

}



table.grid { /* add bottom and right borders to the table*/

	border-spacing: 0;

	border-collapse: separate;

	border-bottom: 1px solid #095ba5;

	border-right: 1px solid #095ba5;

}



table.grid td,

table.grid th { /* add top and left borders to each cell */

	border-top: 1px solid #095ba5;

	border-left: 1px solid #095ba5;

	margin: 0;

	padding: 4px;

	vertical-align: top;

    text-align: left;

}



.hide { /* text readers will show it */

	display: none;

}



.highlight1 { /* to locate words looked for, following a search request */

	background-color: #80FF80;

}



.highlight2 {

	background-color: #8080FF;

}



.highlight3 {

	background-color: #FF8080;

}



.huge { /* bigger than .big -- [huge]...[/huge] */

	font-size: 20pt;

	line-height: 1.1em;

}



img.icon { /* main image of an article, or of some section -- $context[page_image'], handled in template script */

	float: right;

	margin: 6px 0 10px 10px;

	padding: 2px;

	border: 1px solid #ccc;

}



br.images_prefix { /* before a set of thumbnails, to align them correctly -- [images] */

	clear: left;

}



br.images_suffix { /* after a set of thumbnails, to align following text properly -- [/images] */

	clear: left;

}



.indent { /* shift to the right -- [indent]...[/indent] */

	margin: 0.3em 0 0.5em 3em;

}



.introduction { /* before the main content of an article -- articles/view.php, sections/view.php, categories/view.php */

	font: 1.25em tahoma,sans-serif;

	font-weight: 800;

    text-align: left;

    margin: 1em 0 1em 0;

}



p.jive_menu { /* commands below every jive item */

	margin: 1em 0 0 0;

}



.left_image { /* an image floated to the left -- [image=xx, left] */

	float: left;

	margin-right: 8px;

	text-align: center;

}



.left_image p { /* its caption */

	text-align: center;

	font-size: smaller;

	padding-top: 0;

	margin-top: 0;

}



dl.manual_comments { /* to list comments in a manual -- see comments/layout_comments_as_manual.php */

	margin: 0 1em 0 0;

	padding: 0;

}



dl.manual_comments dd { /* body of one note */

	margin: 0 0 1em 0;

	padding: 0.3em 1em 1em 1em;

}



dl.manual_comments dd.odd {

	border-left: 1px solid #daa;

	border-right: 1px solid #daa;

	border-bottom: 1px solid #daa;

}



dl.manual_comments dd.even {

	border-left: 1px solid #aaf;

	border-right: 1px solid #aaf;

	border-bottom: 1px solid #aaf;

}



dl.manual_comments dt { /* header of one note */

	margin: 1em 0 0 0;

	padding: 1em 1em 2px 1em;

}



dl.manual_comments dt.odd {

	border-top: 1px solid #daa;

	border-left: 1px solid #daa;

	border-right: 1px solid #daa;

}



dl.manual_comments dt.even {

	border-top: 1px solid #aaf;

	border-left: 1px solid #aaf;

	border-right: 1px solid #aaf;

}



.menu { /* a small inline menu, almost anywhere */

	display: inline;

	margin: 0;

	padding: 0;

	font-size: 0.8em;

}



.menu a {

	font-weight: normal;

}



p.menu_bar { /* an horizontal menu of commands, somewhere in the page */

	clear: left;

	margin: 8px 0 8px 0;

	padding: 3px 0 3px 0;

	font-weight: normal;

}



p.menu_bar a { /* draw a small button behind every link */

	margin: 0;

	padding: 0px 0px 0px 10px;

	background: transparent url("images/normal_button.gif") bottom left no-repeat;

	line-height: 1.2em;

	text-decoration: none;

	font-family: tahoma, sans-serif;

	font-weight: bold;

}



p.menu_bar a:hover { /* behaviour on hovering */

	text-decoration: none;

	font-weight: bold;

	color: red;

}



p.menu_bar a span {

	margin: 0;

	padding: 0px 10px 0px 0px;

	background: transparent url("images/normal_button.gif") bottom right no-repeat;

}



@media print { /* do not print the page menu */

	p.menu_bar {

		display: none;

	}

}



.my_style { /* featured in help pages -- [style=my_style] -- codes/basic.php */

	color: blue;

}



table.neighbours { /* previous and next links -- articles/view.php */

	clear: left;

	border: none;

}



table.neighbours td {

	border: none;

	margin: 0;

	padding: 1em 0;

}



@media screen { /* not on printers */



	.new { /* display a neat image as a flag -- [new] -- see also .flag */

		padding-right: 18px;

		margin-right: 2px;

		background: url("icons/new.gif") right no-repeat;

	}



	.new span { /* mask default text */

		display: none;

	}

}



@media screen { /* not on printers */

	#main_panel a.next { /* shortcut to next page -- [next=id], [next=id, label] */

	}

}



p.note { /* a noticeable paragraph -- [note]...[/note] -- see also

NOTICE_FLAG in skins/skin_skeleton.php */

}



div.odd { /* stacked with div.even */

	padding: 0.5em 0;

}



#main_panel td.odd { /* one row out of two, but only in the main panel */

/*	background-color: #F4F0F4; */

}



div.overlay { /* in lists, and before the main content of an article -- articles/view.php */

	padding: 0;

	margin: 0;

}



div.overlay p { /* one component of some overlay content */

	padding: 0;

	margin: 0;

}



dl.poll { /* layout poll results */

    margin: 1em 8px 8px 0;

    padding: 0;

}



dl.poll dd { /* horizontal bar for one answer */

	white-space: nowrap; /* to replace <nobr> */

	margin: 0 0 1em 2em;

	padding: 6px 0 0 0;

}



dl.poll dt { /* label of one answer */

	clear: left;

	border: 0;

	margin: 0;

	padding: 2px 3px 2px 0;

	float: left;

	width: 110px;

    text-align: left;

}



@media screen { /* not on printers */



	.popular { /* display a neat image as a flag -- [popular] -- see also .flag */

		padding-right: 24px;

		margin-right: 2px;

		background: url("icons/popular.gif") right no-repeat;

	}



	.popular span {	/* mask default text */

		display: none;

	}

}



@media screen { /* not on printers */

	#main_panel a.previous { /* shortcut to previous page -- [previous=id], [previous=id, label] */

	}

}



@media screen { /* not on printers */



	.private { /* display a neat image to flag private items */

		padding-right: 13px;

		background: url("icons/private.png") right no-repeat;

	}



	.private span { /* mask text */

		display: none;

	}

}



@media screen { /* not on printers */



	.restricted { /* display a neat image to flag restricted items */

		padding-right: 13px;

		background: url("icons/restricted.png") right no-repeat;

	}



	.restricted span { /* mask text */

		display: none;

	}

}



.right { /* flushed to the right -- [right] */

	text-align: right;

}



.right_image { /* an image floated to the rift -- [image=xx, right] */

	float: right;

	margin-left: 8px;

	text-align: center;

}



.right_image p { /* its caption */

	text-align: center;

	font-size: smaller;

	padding-top: 0;

	margin-top: 0;

}



.sans-serif { /* use a sans-serif font -- [style=sans-serif]...[/style] */

	font-family: Tahoma, sans-serif;

}



@media screen { /* not on printers */



	#main_panel a.script { /* the image near a link to a phpDoc page -- [script]path/script.php[/script] */

		padding-left: 13px;

		background: transparent url("icons/script.png") left no-repeat;

	}

}



.scroller_inside { /* the internal div of a scroller */

	position: relative;

}



.scroller_outside { /* the external div of a scroller */

	overflow: hidden; /* strip the tail, if any */

	position: relative; /* let the inside scroller work correctly */

}



@media screen { /* not on printers */



	#main_panel a.section { /* the image near a link to a section -- [section=id], [section=id, label] */

	}

}



div.section_box { /* components of the main content */

	clear: left;

	margin-top: 10px;

}



.serif { /* use a serif font -- [style=serif]...[/style] */

    font-family: serif;

}



@media screen { /* not on printers */



	#main_panel a.server { /* the image near a link to a server profile -- [server=id], [server=id, label] */

	}

}



@media screen { /* not on printers */



	#main_panel a.shortcut { /* the image near a local link */

	}

}



div.sidebar_box { /* somewhere in the main panel -- [sidebar]...[/sidebar] */

	background: transparent url("images/sidebar_bg.gif") top left no-repeat;

	border-bottom: 1px solid #cecece;

	border-right: 1px solid #cecece;

	float: right;

	width: 40%;

	padding: 2em 2em 2em 2em;

	margin: 1em 0 1em 1em;

}



div.sidebar_box h3 { /* header of one sidebar box -- the 'foo bar' of [sidebar=foo bar]...[/sidebar] */

	margin: 0;

	padding: 0;

}



.small, /* smaller than default, but larger than .tiny -- [small]...[/small] */

table.small tr td { /* [table=small]...[/table] */

	font-size: 0.9em;

}



td.sorted { /* for tables handled through javascript -- see tables/sort.js */

	background-color: #f0f0f0;

}



th.sorted {

	background-color: #c4c0c4;

}



tr.odd td.sorted {

	background-color: #F4F0F4;

}



.thumbnail_image { /* float thumbnails to align them */

	float: left;

	display: table-cell;

	margin-right: 8px;

	text-align: left;

	height: 100px;	/* to align with actual thumbnail height set in configuration panel for skins */

	width: 120px;	/* to align with actual thumbnail width set in configuration panel for skins */

}



.thumbnail_image a img { /* no border around clickable images */

	border: none;

}



.thumbnail_image p { /* caption */

	text-align: left;

	font-size: 7pt;

	padding: 0;

	margin: 0;

}



.tiny, /* smaller than .small -- [tiny]...[/tiny] */

table.tiny tr td { /* [table=tiny]...[/table] */

	font-size: 7pt;

}



.toc_box { /* table of content -- [toc] */

	background-color: #F5F5F5;

	font-size: 0.7em;;

	padding: 9px;

	margin-top: 0.5em;

	margin-bottom: 1em;

}



#main_panel div.toc_box ul { /* first level of the toc */

	margin: 0.5em 0 1em 0;

	padding: 0;

	list-style: disc;

}



#main_panel div.toc_box ul li {

    margin: 1em;

    padding: 0 0 0 4px;

	background: transparent;

}



#main_panel div.toc_box ul ul { /* second level of the toc */

/*	margin-left: 1.3em; */

}



.toq_box { /* table of questions -- [toq] */

	background-color: #F5F5F5;

	font-size: 0.7em;;

	padding: 9px;

	margin-top: 0.5em;

	margin-bottom: 1em;

}



#main_panel div.toq_box ul { /* a list of questions */

	margin: 0;

	padding: 0;

	list-style: none;

}



#contextual_menu ul.tree { /* shape a tree of links -- see build_tree() in skins/skin_skeleton.php */

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-family: arial, sans-serif;

	font-size: 10px;

	line-height: 14px;

}



#contextual_menu ul.tree ul { /* indent all levels, except level 1 */

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-family: arial, sans-serif;

	font-size: 10px;

	line-height: 14px;

	background-image: url("icons/tree/vertical.gif");

	background-repeat: repeat-y;

	background-position: 0px 0px;

}



#contextual_menu ul.tree li { /* every branch of the tree */

	margin: 0;

	padding-top: 0;

}



#contextual_menu ul.tree_level_1 li { /* top-level branch of the tree is left-aligned */

	padding-left: 0;

}



#contextual_menu ul.tree_level_2 li,

#contextual_menu ul.tree_level_3 li,

#contextual_menu ul.tree_level_4 li,

#contextual_menu ul.tree_level_5 li { /* other levels are indented */

	padding-left: 14px;

	background-image: url("icons/tree/node.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

}



#contextual_menu ul.tree_level_2 li.last,

#contextual_menu ul.tree_level_3 li.last,

#contextual_menu ul.tree_level_4 li.last,

#contextual_menu ul.tree_level_5 li.last { /* last item of a branch */

	background-image: url("icons/tree/last.gif");

	background-color: #fff; /* mask the default ul background --use the exact underlying background color */

	background-repeat: no-repeat;

	background-position: 0px 0px;

}



#contextual_menu ul.tree li a.below,

#contextual_menu ul.tree li a.close { /* focus is not here */

	padding-left: 16px;

	background: url("icons/tree/close.gif") top left no-repeat;

}



#contextual_menu ul.tree li a.current,

#contextual_menu ul.tree li a.open { /* item has the current focus */

	color: #333;

	padding-left: 16px;

	background: url("icons/tree/open.gif") top left no-repeat;

}



@media screen { /* not on printers */



	.updated { /* flag modified pages -- [updated] -- see also .flag */

		padding-right: 27px;

		margin-right: 2px;

		background: url("icons/updated.gif") right no-repeat;

	}



	.updated span {	/* mask default text */

		display: none;

	}

}



@media screen { /* not on printers */



	#main_panel a.user { /* the image near a link to a user profile -- [user=id], [user=id, label] */

		padding-left: 10px;

		background: url("icons/user.gif") left no-repeat;

	}



	#header_right a.user { /* special link to surfer profile */

		padding-left: 18px;

		background: url("icons/user_header.gif") left no-repeat;

	}

}



table.wide { /* to introduce threads and comments -- see articles/layout_articles_as_jive.php */

	border-collapse: collapse;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	max-width: 90%;

	width: 90%;

	margin: 0;

	padding: 0;

}



table.wide tr td { /* separate lines */

	background: transparent url("images/row_bg.gif") top left repeat-x;

	margin: 0;

	padding: 8px;

}



table.wide tr th { /* table header */

	font-weight: bold;

	background: transparent url("images/row_bg.gif") top left repeat-x;

	margin: 0;

	padding: 8px;

}



dl.wiki_comments { /* to list comments in a wiki -- see comments/layout_comments_as_wiki.php */

}



dl.wiki_comments dd { /* body of one note */

	margin: 0 0 2em 4px;

	padding: 0.5em 1em 0.5em 1em;

}



dl.wiki_comments dd.odd {

	border-left: 1px solid #daa;

}



dl.wiki_comments dd.even {

	border-left: 1px solid #aaf;

}



dl.wiki_comments dt { /* header of one note */

	margin: 0;

	padding: 0 0 2px 0;

	display: inline;

	margin-right: auto;

}



dl.wiki_comments dt.odd {

	border-bottom: 1px solid #daa;

}



dl.wiki_comments dt.even {

	border-bottom: 1px solid #aaf;

}



table.yabb { /* to introduce threads and comments -- see articles/layout_articles_as_yabb.php */

	border-collapse: collapse;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	max-width: 90%;

	width: 90%;

	margin: 0;

	padding: 0;

}



table.yabb tr td { /* separate lines */

	background: transparent url("images/row_bg.gif") top left repeat-x;

	margin: 0;

	padding: 8px;

}



table.yabb tr td.author { /* left column */

	padding: 8px 3px 8px 8px;

	overflow: hidden;

}



table.yabb tr td.comment { /* right column */

	padding: 8px 8px 8px 3px;

	overflow: hidden;

}



table.yabb tr th { /* table header */

	font-weight: bold;

	background: transparent url("images/row_bg.gif") top left repeat-x;

	margin: 0;

	padding: 8px;

}



table.yabb tr th a { /* table header are clickable */

	font-weight: bold;

	padding-right: 12px;

	background: transparent url("images/th_bg.gif") bottom right no-repeat;

}

/* ------------- PERSONAL TWEAKS ------------------------ */

#users table.decorated td {
	background: url("icons/popular.gif") left no-repeat;
	border: none;
	margin: 0;
	padding: 6px 6px 6px 30px;
}

#users table.decorated td.image { /* align the decorating image with decorated text */
  display : none;
}