/***********************************************************************

 This file is a derivative work based on PunBB
 
 Copyright (C) 2002, 2003, 2004  Rickard Andersson (rickard@punbb.org)

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.
 
/****************************************************************/
/* TEXT SETTINGS */
/****************************************************************/

/* This sets the default Font Group */

BODY, INPUT, SELECT, TEXTAREA, OPTGROUP {FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif;}

/* This sets the default font size for all browsers */

BODY {
	background-color: #CCCC99;
	color: #000333;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px
}

/* Now we override the default to give IE a percentage font size so it will zoom */

* HTML BODY {FONT-SIZE: 65%} /* IE Only to enable zooming */

/* IE5 needs font sizes to be set on tables because they don't inherit the default */

TABLE {FONT-SIZE: 12px}

/* Set the font-size for preformatted text i.e in code boxes */

PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* Font size for board title */

H1 {FONT-SIZE: 1.5em;}

/* Font size for (in order) main headings, post text, right hand items in the ordinary member
view of other peoples profiles, main menu, text in posts, information boxes in forms */

H2, #viewprofile DD, #brdmenu, .postmsg P, .forminfo P, #puninstall .block P, .postsignature {
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: normal
}

/* (H3) Index forum names (PRE) preformatted text for code tags */

H3, PRE, .postleft DT {FONT-SIZE: 1.2em}

/* Font sizes for form elements. The default size is 1.1em. Because some inputs are nested
inside labels they have a reduced font size of 1em because they are already inheriting the
larger size from the label */

TEXTAREA, LEGEND, LABEL, INPUT, SELECT, OPTGROUP {FONT-SIZE: 1.1em}
LABEL INPUT, LABEL TEXTAREA, LABEL SELECT, LABEL OPTGROUP {font-size: 1em}

/* Override the default font-weight for table headings and right hand items in ordinary
member view of other poeples profiles */

TH, #viewprofile DD A {FONT-WEIGHT: normal}

/* Text size and weight for Breadcrumbs, New Post links and Code/Quote labels */

.linkst LI, .postlink, .postmsg H4 {FONT-SIZE: 1.1em; FONT-WEIGHT: bold}

/****************************************************************/
/* LINKS */
/****************************************************************/

/* Links are underlined by default */

 A:link, A:visited {TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline}

/* Turn of underlining for the following links.
Action links in the foot of posts and links in post headers
Poster names in posts
Links in vertical menus
Links in post bodies
Links in main navigation menu
Closed topic links */

.postfoot A:link, .postfoot A:visited, H2 A:link, H2 A:visited {TEXT-DECORATION: none}
.postleft DT A:link, .postleft DT A:visited {TEXT-DECORATION: none}
.blockmenu A:link, .blockmenu A:visited {TEXT-DECORATION: none; FONT-WEIGHT: bold}
.postlink A:link, .postlink A:visited {TEXT-DECORATION:none}
#brdmenu A:link,  #brdmenu A:visited {TEXT-DECORATION: none}
A:link.showclosed,  A:visited.showclosed {TEXT-DECORATION: none}

/* Turn on underling for hover state of main menu and links in headers */

#brdmenu A:hover, H2 A:hover {TEXT-DECORATION: underline}

/****************************************************************/
/* BORDER WIDTH AND STYLE */
/****************************************************************/

/* The default border style is solid */

.box, TD, TH, BLOCKQUOTE, .codebox, .forminfo, H1 {BORDER-STYLE: solid}

/* This makes all external borders i.e. boxes 1px. It also makes the borders of quote/code
boxes in posts and info boxes on forms 1px all round */

.box, BLOCKQUOTE, .codebox, .forminfo, H1 {BORDER-WIDTH: 1px}

/* Special settings for the board header. */

#brdmenu .box, #brdtitle .box {BORDER-TOP:none; BORDER-BOTTOM: none}
H1 {BORDER-TOP-WIDTH: 4px; BORDER-BOTTOM: none}

/* Turn off borders for rows which contain breadcrumbs, pagelinks and postlinks */

.linkst .box, .linksb .box {BORDER: none}

/* Give table cells a top and right border only */

TD, TH {BORDER-WIDTH: 1px 1px 0px 0px}

/* Turn off the border for the right hand table cells. If this was left on then there
would be a double border at the right hand edge of the table */

.tcr {BORDER-RIGHT-WIDTH: 0px;}

/* This sets fieldset borders which are only sent to non IE browsers because they do not
have decent default styles */

DIV>FIELDSET {BORDER-STYLE: solid; BORDER-WIDTH: 1px;}

/****************************************************************/
/* SPACING BETWEEN MAIN ELEMENTS) */
/****************************************************************/

/* Page margins */

BODY {MARGIN: 12px 20px}

/* Creates vertical space between main board elements */

.blocktable, .block, .blockform, .block2col, #postreview {MARGIN-BOTTOM: 10px}

/* You do not want space above breadcrumbs, postlinks and pagelinks so nullify them with
a negative top margin */

.linkst, .linksb {MARGIN-TOP: -12px}

/* This creates a narrower space then the default between categories on index and posts */

#punindex .blocktable, .blockpost {MARGIN-BOTTOM: 6px}

/* This is the bottom set of page links and postlinks on the viewtopic page to compensate
for the last post only having a 6px bottom margin as a result of the above style */

.postlinksb {MARGIN-TOP: -6px}

/* This removes the bottom spacing for particular elements (in order). Board title,
main navigation, right hand sections in profile and admin. */

#brdtitle, #brdmenu, .block2col .blockform, .block2col .block {MARGIN-BOTTOM: 0px}

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

/****************************************************************/
/* SPACING BETWEEN CONTENT) */
/****************************************************************/
/* Padding inside header rows and table cells */

TH, TD, H2 {PADDING: 4px 6px}

/* Padding around board title */

H1 {PADDING: 6px 6px 0px 6px}

/* Creates top, right and left padding around content. */

.block .inbox {PADDING: 6px 6px 0px 6px}

/* Gives bottom padding to content. The other padding was created by the rule above */

.block P, .blockform P, DL, #announce .inbox {PADDING-BOTTOM: 6px}

/* This creates the space between the forum description and the list of moderators */

TD P {PADDING: 3px 0px 0px 0px}

/* Padding for the top row of page links, breadcrumbs and post links */

.linkst {PADDING: 8px 5px 4px 5px}

/* Padding for the bottom row of page links, breadcrumbs and post links */

.linksb, .postlinksb {PADDING: 4px 5px 8px 5px}

/* Removes padding for paragraphs inside rows of breadcrumbs etc. Also removes bottom
padding for paragraphs inside posts */

.linkst P, .linksb P {PADDING: 0px}

/* Horizontal positioning for the submit button on forms */

FORM P INPUT {MARGIN-LEFT: 12px; MARGIN-RIGHT: 12px}

 /* Remove space between title and tagline */

#brdtitle .inbox {PADDING-TOP: 0px}

/*Create a little extra space between links in board header and board footer */

#brdwelcome, #brdfooter DL A {LINE-HEIGHT: 1.4em}

/* Padding for content in ordinary members view of other users profiles */

#viewprofile .inbox {PADDING: 20px 20px 15px 10px}
#viewprofile DD, #viewprofile DT {PADDING: 4px 6px}

/* Bottom padding for main navigation */

#brdmenu UL {PADDING-BOTTOM: 5px}

/* Puts space between the quick jump menu and moderator controls and adds some bottom padding
after the list of post errors */

FORM#qjump, #posterror UL {PADDING-BOTTOM: 6px}

/* Padding around post details in left column of viewtopic */

.postleft DL {PADDING: 4px 0px 10px 5px}
DD.usercontacts {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px}

/* Padding for the action links and online indicator in viewtopic */

.postright {PADDING: 4px 5px 10px 0.5em}
.postfoot P {PADDING: 6px 0px 6px 5px}
.postfoot UL, .postfoot DIV {PADDING: 6px 5px 6px 0px}

/* Padding for elements in post bodies (in order). Ordinary text, signatures, "edited", 
the "Code" and "Quote" labels */

.postmsg H4 {MARGIN-BOTTOM: 10px}
.postsignature, .postedit {PADDING-TOP: 15px}

/* Margins around and padding inside quote and code boxes */

BLOCKQUOTE, .codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}
* HTML .imgbox {MARGIN-RIGHT: -18px}

.inbox a {
	color:#663300;
}

.inbox a:hover {
	color:#CC6600;
	text-decoration:underline;
}



.inform {
	padding: 10px 10px 10px 10px;
	border: 1px solid #000000;
	font-size:14px;
	font-weight:bold;
	background:#E9E8CA;
}

.inform a {
	color:#000000;	
}


.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.album_stat{
	font-style:italic;
	color:#663300;
}

.alblink a {
	color:#663300;
	font-size:150%;
}

.alblink a:hover {
	color:#663300;
	font-size:150%;
}

.alblink a:visited {
	color:#663300;
	font-size:150%;
}

.alblink a:link{
	color:#663300;
	font-size:150%;
}


.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color:#999960;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.admin_menu a {
        color: #663300;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #CC6600;
        text-decoration: underline;
}

.statlink a {
		color:#FFFFFF;
		background-color:#666633;		
}

H2 {
	background:#FAFAD2;
	font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
}

/*table {
	background:;
} */

.tableh2 {
/*        background: #666633 ;*/
		background: #CCCC99;
        color : #663300;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2 a {
        color:#663300;
		font-size: 120%;
}


.tableh2_compact {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh1_compact {
		background : #666633;
        color : #663300;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.thumbnails {
	background : #FAFAD2;
}

td {
		border-style: none;
}


.navmenu {
        font-size: 100%;
        font-weight: bold;
        border-style: none;
       font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        background : #666633;
}

.navmenu a {
        position: relative;
        display: block;
        text-decoration: none;
        color: #663300;
}
 
.sortorder_cell {
        background : #0066b9 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #0066b9 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.catlink {
        display: block;
        margin-bottom: 2px;		
}

.catlink a {
        text-decoration: underline;
        color: #000000;
}

.catlink a:hover {
        color: #000000;
        text-decoration: underline;
}


.thumb_title {
        font-weight : bold;
        font-size: 100%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 100%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        font-size: 100%;
        color: #000000;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 100%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.tableb_compact {
        background: #FFFFF0;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
		vertical-align: middle;
}

.clickable_option {
}

.breadcrumb {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color:#666633;
	color:#FFFFFF;
}

#admin_menu_anim {
	color: red;
}