/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #000000;
	margin: 0px;

}

/* DEFAULT GLOBAL TEMPLATE PADDING*/

#leftColumn,#rightColumn,#mainBody{padding:5px;}





/* DEFAULT GLOBAL FONT COLOR */
font,th,td,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}



h1,h2,h3,h4,h5 { 
	color : #ffffff; font-weight: bold; 
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;	
	margin:0px;}

.maintitle,h1, h2{font-size: 22px;}

h3	{font-size: 16px;}

h4	{font-size: 14px;}

h5	{font-size: 11px;}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size: 11px; }
.gen,.genmed,.gensmall { color : #ffffff; }


/* Main Site Links at the top of the Page will usually be white*/




/* This is the outline round the main forum tables */
.forumline															{ background-color: #111111; border: 1px #444444 solid; margin:0px; /*background-image:  url(images/cellpic_gl2.gif)*/;}
th 																	{ background-color: #333333; border: 1px #444444 solid; margin:0px; background-image:  url(images/cellpic_gl2.gif);}
td.rowpic															{ background-color: #333333; 	 border: 1px #444444 solid; margin:0px; /*background-image:  url(images/cellpic_gl2.gif);*/}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  	{ background-color: #333333; border: 1px #444444 solid; margin:0px; /*background-image:  url(images/cellpic_gl2.gif)*/;}
td.catBottom, row3Right, td.RowPic, td.catleft  					{ background-color: #444444; border: 1px #555555 solid; margin:0px; /*background-image:  url(images/cellpic_gl2.gif)*/;}


/*Forum Main table cell colours and backgrounds */
.bgColor1, .menuBody, .contentBody			{ background-color: #111111; border: 1px #444444 solid;}
.bgColor2, .contentItem			{ background-color: #222222; border: 1px #444444 solid;}
.bgColor3, td.row1, .data1, .calendarNonDay, .bottomBorderOnly { background-color: #333333; border: 1px #444444 solid; margin:0px;}
.bgColor4, td.row2, .data2, .calendarNonEvent	{ background-color: #444444; border: 1px #555555 solid; margin:0px;}
.bgColor5, td.row3, .data3, .calendarEvent		{ background-color: #555555; border: 1px #666666 solid; margin:0px;}
.bgColor6, td.row4,.data4, .row3Right			{ background-color: #666666; border: 1px #777777 solid; margin:0px;}
.noBG, .border	 { border: 1px #444444 solid;}

.calendarBorderBottom{ border-bottom:1px #444444 solid;} 
.calendarHover{border: 1px solid #FF9900;}
.calendarEvent	{ background-color: #111111; border: 1px solid #333333;}

/* TABS */

.current_tab                
{
    border-left:1px solid #222222;
    border-right:1px solid #222222;
    border-top:1px solid #222222;
    background-color:#222222;
}

.unselected_tab                
{
    border-left:1px solid #222222;
    border-right:1px solid #222222;
    border-top:1px solid #222222;
    background-color:#000000;
}

.panelSubNav
{
    background-color:#222222;
    border-top:1px solid #222222;
}

.tabContainer
{
    border-bottom:1px solid #222222;
}

/* END TABS */ 
				
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)

td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border: 0px #cccccc solid;}
th.thSides,td.catSides,td.spaceRow	 { border: 0px #cccccc solid;}
th.thRight,td.catRight,td.row3Right	 { border: 0px #cccccc solid;}
th.thLeft,td.catLeft	  { border: 0px #cccccc solid;}
th.thBottom,td.catBottom  { border: 0px #cccccc solid;} /* adjusted left border to get to line up
th.thTop	 { border: 0px #cccccc solid;}
th.thCornerL { border: 0px #cccccc solid;}
th.thCornerR { border: 0px #cccccc solid;}
*/

/* The largest text used in the index page title and toptic title etc. */

/* DEFAULT SITE LINK COLOR */
a,a:active,a:visited { color : #dddddd; }
a:hover		{ text-decoration: underline; color : #ffffff; }

/* main menu link style */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu,a.mainmenu:active,a.mainmenu:visited	{ text-decoration: none; color : #dddddd;  font-size: 11px; font-weight: normal;}
a.mainmenu:hover{ text-decoration: underline; color : #ffffff;  font-size: 11px;}


a.gen,a.genmed,a.gensmall { color: #dddddd; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #ffffff; text-decoration: underline; }

a.guildNavLink,a.guildNavLink:active,a.guildNavLink:visited{	 text-decoration: none; 	 color : #ffffff; font-weight: bold;}
a.guildNavLink:hover, a.guildNavLink:visited:hover {	text-decoration: underline; color : #ffffff; font-weight: bold;}







/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #dddddd}
a.cattitle		{ text-decoration: none; color : #ffffff; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #ffffff; }
a.forumlink 	{ text-decoration: none; color : #dddddd; }
a.forumlink:hover{ text-decoration: underline; color : #ffffff; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #dddddd;}
a.nav, a.topictitle:visited,  a.topictitle:active	{ text-decoration: none; color : #ffffff; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #ffffff; }
a.topictitle:link, a.topictitle:visited   { text-decoration: none; color : #dddddd; }
a.topictitle:hover	{ text-decoration: underline; color : #ffffff; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #dddddd;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size: 11px; color : #ffffff; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link, a.postlink:visited	{ text-decoration: underline; color : #dddddd }

a.postlink:hover { text-decoration: underline; color : #ffffff}

/* site links lower number means lighter color 0 is alwasys white 1 is the main site color*/
a.siteLink0, a.siteLink0:active, a.siteLink0:visited{ color:#ffffff;text-decoration: none;}
a.siteLink0:hover{ text-decoration: underline; color:#ffffff;}
a.siteLink1, a.siteLink1:active, a.siteLink1:visited{ color:#000000;text-decoration: none;}
a.siteLink1:hover{ text-decoration: underline; color:#000000;}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright
{padding:2px;  font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright
{padding:2px; color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");



#headerFrame{background-image: url(images/header.jpg);
	height: 100px;
	
border: 1px #222222;
}

.headerBody{ height:150px;


}

.guildName{text-align:center; 
	color:#FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding:50px;
}

.adFrame{padding:5px;}
.adFrameTop{padding:5px;}
.guildNav {padding:5px; margin:2px; background-color: #333333; background-image: url(images/widget-top-center-stretcher.gif);
}

#mainBodyFrame{	background-image:url(images/gradiant.jpg); 	background-repeat: repeat-x;}



.menuBody {}
.menuItem{ padding:5px; margin:0px; background-image: url(images/menu_shade.gif); background-color: #222222;}
.menuBody .menuItem ul {margin-left:10px; padding-left:10px;}
.menuBody .menuItem ul li {list-style-type: square;}

.contentFrame {}
.contentTitle{	font-size: 11px; font-weight: bold;color:#ffffff; padding:7px;}
.contentBody{ padding: 5px; }
.contentItem{ padding:20px;margin-bottom:5px; }



.newsHeader{border-bottom:1px dashed #666666; margin-top:10px;  font-size: 12px; font-weight: bold;color:#ffffff;}
.newsItem{ padding:10px;}
.newsFooter{border-top:1px dashed #666666;    margin-bottom:10px; padding:5px;}




/* Guild Launch Login Bar located athe top most area of the page*/

#adminBarFrame{ background-color:#000000; 	color: #ffffff;
	font-size: 10px; padding:3px;}

a.headerLink, a.headerLink:active, a.headerLink:visted  {color:#dddddd; font-size: 11px;text-decoration: none;}
a.headerLink:visted:hover, a.headerLink:hover {color: #ffffff !important; font-size:11px; text-decoration: underline;}



.menuFrame { margin-bottom:10px;}
.widgetFrame{margin-bottom:10px;}
.widgetBodyTopLeft{background-image: url(images/widget-top-left.jpg); 			background-repeat:no-repeat;	background-position:left; height:30px;}
.widgetBodyTopCenter{background-image: url(images/widget-top-center.jpg); 		background-repeat:repeat-x; height:30px;}
.widgetBodyTopRight{background-image: url(images/widget-top-right.jpg);			background-repeat:no-repeat;	background-position:right; height:30px;}
.widgetBodyBody{}
.widgetBodyBottomLeft{background-image: url(images/widget-bottom-left.jpg);		background-repeat:no-repeat;	background-position:left; height:30px;}
.widgetBodyBottomCenter{background-image: url(images/widget-bottom-center.jpg); background-repeat:repeat-x; height:30px;}
.widgetBodyBottomRight{background-image: url(images/widget-bottom-right.jpg);	background-repeat:no-repeat; 	background-position:right; height:30px;}

.widgetMenuFrame{margin-bottom:10px;}
.widgetMenuTopLeft{background-image: url(images/widget-top-left.jpg); 			background-repeat:no-repeat;	background-position:left; height:30px;}
.widgetMenuTopCenter{background-image: url(images/widget-top-center.jpg); 		background-repeat:repeat-x; height:30px;}
.widgetMenuTopRight{background-image: url(images/widget-top-right-menu.jpg);	background-repeat:no-repeat;	background-position:right; height:30px;}
.widgetMenuBody{}
.widgetMenuBottomLeft{background-image: url(images/widget-bottom-left.jpg);		background-repeat:no-repeat;	background-position:left; height:30px;}
.widgetMenuBottomCenter{background-image: url(images/widget-bottom-center.jpg); background-repeat:repeat-x; height:30px;}
.widgetMenuBottomRight{background-image: url(images/widget-bottom-right.jpg);	background-repeat:no-repeat; 	background-position:right; height:30px;}


/*background-color from "contentItem"
color from "font" (usually near the top of the page)
border-bottom color from "forumlink" (just needs to match the default <a> color)*/

/*shoutbox*/ 
.shoutbox
{
    background-color:#222222;
    color:#CCCCCC;
}
/*end shoutbox*/

.thinLine
{
    border-bottom:1px #ffffff solid;
    width:50%;
    padding-top:5px;
    padding-bottom:5px; 
}