﻿/*****************************
   body and base elements
*****************************/
body {background: #000 url(body_background.jpg) repeat top center; background-attachment: fixed; color: #fff;}
body, td, th, input, button, select, textarea {font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, 
	Georgia, Courier, "Times New Roman", Serif; font-size: 10px;}

/*****************************
   link styles
*****************************/
a:link, a:active, a:visited {color: #be1010; text-decoration: none;}
a:hover {color: #E11313; text-decoration: underline;}

/*****************************
   text styles
*****************************/
.highlight {color: #CC9933;}

h1, h2, h3, h4, h5, h5, h6 {color: #CC9933; font-weight: bold;}
	h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {color: #CC9933;}
	h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {color: #CC9933;}
	h3 a:link, h3 a:active, h3 a:visited, h3 a:hover {color: #CC9933;}
	h4 a:link, h4 a:active, h4 a:visited, h4 a:hover {color: #CC9933;}
	h5 a:link, h5 a:active, h5 a:visited, h5 a:hover {color: #CC9933;}
	h6 a:link, h6 a:active, h6 a:visited, h6 a:hover {color: #CC9933;}

/*****************************
   grids
*****************************/
.grid th, .grid td {border: 1px solid #72706F;}
.grid th {background: url(grid_header_bg.gif);}
.grid td {background: #111;}
.grid td.alt {background: #111;}
.grid td.alt2 {background: #111;}
.grid_group {border: 1px solid #72706F; padding: 5px; background: #272727!important;}
.grid_subhead {border-bottom: 1px solid #72706F; padding: 4px; background: #272727;}
.grid_empty {border: 1px solid #72706F; border-top: 0; background: #111; padding: 5px; text-align: center;}

/*****************************
   page headers
*****************************/
#guild_header {}
	#guild_header .showborder {border: 1px dashed #888; min-height: 32px;}
	#guild_header .nobottom {border-bottom: 0; margin-bottom: 0;}
	
	.guild_header_themed {height: 421px; width: 965px; text-align: right;
		background: url(header.png) no-repeat top center; position: relative;}
	.guild_header_title {position: absolute; bottom: 22px; left: 0; width: 100%;}
	.guild_header_title td {height: 53px;  vertical-align: middle; text-align: left; 
		font-family: "Times New Roman"; font-size: 33px; font-weight: bold; color: #CC9933; text-indent: 100px;}
	.guild_header_custom {position: relative;}
	
/*****************************
   page footers
*****************************/
.guild_footer {}
	.guild_footer .showborder {border: 1px dashed #888; min-height: 35px;}

	.guild_footer_themed {height: 114px; background: url(footer.png) no-repeat center center;}
	.guild_footer_themed span {display: none;}
	.guild_footer_custom {}
	.guild_footer_text {}
	
/*****************************
   navigation bar
*****************************/
#navbar {color: #fff; font-weight: bold; margin-bottom: 10px; overflow: hidden;}
	#navbar table {width: 100%;}
	#navbar * {font-size: 12px;} /* fixed font size */

	/* top nav - text only */	
	.navbar_text_top {height: 74px; padding-left: 47px; background: url(navstrip_top_bg_left.png) no-repeat top left;}
		.navbar_text_top #navbar_inner {height: 74px; padding-right: 47px; background: url(navstrip_top_bg_right.png) no-repeat top right;}
		.navbar_text_top table {height: 74px; background: url(navstrip_top_bg_mid.png) repeat-x top left;}
		.navbar_text_top .navbar_col {height: 62px; padding-top: 12px; text-align: center;}
		.navbar_text_top .navbar_sep {display: none;}
	
		/* anchor div span */
		.navbar_text_top * {cursor: pointer;}
		.navbar_text_top a:link, .navbar_text_top a:active, .navbar_text_top a:visited
			{display: block; height: 25px; color: #FFF; font-weight: bold; text-decoration: none;
			 padding: 0px 1px 0px 6px; background: url(navstrip_top_left.png) no-repeat 1px top;}
		.navbar_text_top a:hover, .navbar_text_top .selected:link, .navbar_text_top .selected:active, 
			.navbar_text_top .selected:visited, .navbar_text_top .selected:hover 
			{color: #CC9933; text-decoration: none; background: url(navstrip_top_left_sel.png) no-repeat 1px top;}
		.navbar_text_top div {height: 25px; padding-right: 5px; background: url(navstrip_top_right.png) no-repeat top right;}
		.navbar_text_top a:hover div, .navbar_text_top .selected div {background: url(navstrip_top_right_sel.png) no-repeat top right;}
		.navbar_text_top span {display: block; height: 20px; padding: 5px 5px 0px 0px; background: url(navstrip_top_mid.png) repeat-x left top;}
		.navbar_text_top a:hover span, .navbar_text_top .selected span {background: url(navstrip_top_mid_sel.png) repeat-x left top;}
					
	/* top nav - images only */	
	.navbar_img_top {}
		.navbar_img_top .navbar_col {text-align: center;}
		.navbar_img_top .navbar_col img {border: 0;}
		.navbar_img_top .navbar_sep {width: 2px; padding: 0; overflow: hidden;}
		.navbar_img_top a:link, .navbar_img_top a:active, .navbar_img_top a:visited {display: block;}
		
	/* side nav - text only */	
	.navbar_text_side {}
		.navbar_text_side .navbar_row {height: 37px; padding-left: 38px; background: url(navstrip_side_left.png) no-repeat left top;}
		.navbar_text_side .navbar_sep td {height: 5px; padding: 0; overflow: hidden; font-size: 0!important;}
		
		.navbar_text_side a:link, .navbar_text_side a:active, .navbar_text_side a:visited
			{display: block; color: #fff; text-decoration: none; padding-right: 8px;
			 background: url(navstrip_side_right.png) no-repeat top right; cursor: pointer;}
		.navbar_text_side .navbar_row div {height: 28px; padding-top: 9px; text-indent: 5px; background: url(navstrip_side_mid.png) repeat-x top left;}
		.navbar_text_side .selected:link, .navbar_text_side .selected:active, .navbar_text_side .selected:visited, 
			.navbar_text_side .selected:hover, .navbar_text_side a:hover {color: #CC9933;}
		
	/* side nav - text only */	
	.navbar_img_side {}
		.navbar_img_side .navbar_row {text-align: center;}
		.navbar_img_side .navbar_row img {border: 0;}
		.navbar_img_side .navbar_sep td {height: 5px; padding: 0; font-size: 0; overflow: hidden;}
		.navbar_img_side a:link, .navbar_img_side a:active, .navbar_img_side a:visited {display: block;}
		
/*****************************
   privacy notice
*****************************/
.guild_private {color: #fff; padding: 5px; text-align: center; border: 1px solid white; background-color: #8c2222; color: #fff; font-size: 110%;}

/*****************************
   widgets
*****************************/
.widget {margin-bottom: 10px;}
.widget_head {color: White;}
	
.widget_head_table {width: 100%; table-layout: fixed;}
	.widget_head_left {height: 33px; width: 33px; background: url(module_title_left.png) no-repeat left top;}
	.widget_head_title {height: 33px; overflow: hidden; font-size: 110%; font-weight: bold; vertical-align: middle; 
		text-indent: 5px; background: url(module_title_mid.png) repeat-x top left; overflow: hidden;}
	.widget_head_menu {height: 33px; background: url(module_title_mid.png) repeat-x top left; vertical-align: middle;}
	.widget_head_title span {white-space: nowrap;}
	.widget_head_right {height: 33px; width: 6px; background: url(module_title_right.png) no-repeat top right;}
	.widget_head_highlight {color: #CC9933;}
	
.widget_body {margin-left: 5px; padding: 10px; background: url(module_body_bg.png);}
	.widget_body_table {width: 100%; table-layout: fixed;}
		.widget_body_left {display: none;}
		.widget_body_center {padding: 5px 0px 10px 0px;}
		.widget_body_right {display: none;}

.widget_foot {width: 100%; table-layout: fixed;}
	.widget_foot td {height: 2px; overflow: hidden; font-size: 0;}
	.widget_foot_left {width: 15px;}
	.widget_foot_center {background: url(module_foot_bg.png);}
	.widget_foot_right {width: 5px; overflow: hidden; font-size: 0;}
	
/*****************************
   guild calendar widget
*****************************/
.calendar_month th {padding: 4px; border: 1px solid #72706F; background: url(grid_header_bg.gif);}
.calendar_month td {border: 1px solid #72706F; background-color: #111;}
.calendar_month .inmonth {background-color: #222;}
.calendar_month .inmonth:hover {background-color: #282828;}
.calendar_month .today {background-color: #555;}

/*****************************
   mini calendar widget
*****************************/
.minicalendar th {padding: 4px; border: 1px solid #72706F; background: url(grid_header_bg.gif);}

