* {
	margin: 0;
	padding: 0;
}

body {
	background: #748694 url(../images/bg2.jpg) fixed;
	background-position:top center;
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#000000; font-size:bold;
	text-align: center;
	color: #000000;
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; 
}

img { border: 0; margin: 0; padding: 0; }

a, input, span, h1, li, div, img {
	behavior: url(scripts/iepngfix.htc);
	padding: 0;
} /* IE PNG Fix */

/*-------------------------
 Links & Colors
-------------------------*/

a {
	color: #393939;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*-------------------------
 Misc
-------------------------*/

input {
	font-family: Arial;
	font-size: 0.917em; /* 11px */
	color: #3b3b3b;
	padding: 1px 5px;
}

/*-------------------------
 Container
-------------------------*/

#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align: left;
	clear: both;
}

#wrapper {
	background: #FFFFFF;
	width: 1000px;
	margin: 0 auto 0 auto;
	clear: both;
}

.toplogin {
	background: url(../images/stats.png) no-repeat;
	height: 34px;
}

* html #wrapper { margin-top: -29px; }

/*-------------------------
 Page Header
-------------------------*/

#page-header {
	background: url(../images/bg_top.png) 0 0 no-repeat;
	width: 1000px; /* 1000 - 15 - 15 */
	height: 24px;
	margin: 0 auto;	
	position: relative;
	clear: both;
}

#banner .headerbar {
	width: 1000px;
	overflow: auto;
	padding: 10px 0 0 0;
	clear: both;
}

/*----- Login ----------*/

fieldset#forumlogin {
	float: right;
	height: 29px;
	position: relative;
	margin: 0 0 0px 39px;
	padding: 0 0 0 97px;
	border: 0;
	clear: both;
}
* html fieldset#forumlogin { margin-left: 19px; }

#forumlogin legend, #forumlogin label { 
	display: none; 
}
#forumlogin input.loginbox {
	float: left;
	width: 86px; /* 96 - 10 */
	height: 14px; /* 16 - 2 */
	margin: 11px 4px 0 0;
	border: 1px solid #e1e1e1;
}
#forumlogin input.loginbox:hover,
#forumlogin input.loginbox.hover {
	border: 1px solid #121212;
}
#forumlogin input.loginbox:focus {
	border: 1px solid #fd6e00;
}

/* Login Buttons */

#forumlogin #submit-login {
	background: url(../images/login.png) 0 0 no-repeat;
	float: left;
	width: 66px;
	height: 34px;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	border: 0;
	cursor: pointer;
	display: block;
}

#forumlogin .register {
	background: url(../images/register.png) 0 0 no-repeat;
	float: left;
	width: 66px;
	height: 34px;
	text-indent: -10000px;
	display: block;
}
#forumlogin .help {
	background: url(../images/help.png) 0 0 no-repeat;
	float: left;
	width: 66px;
	height: 34px;
	text-indent: -10000px;
	cursor: help;
	display: block;
}
#forumlogin a:hover,
#forumlogin #submit-login:hover { background-position: 0 -39px; }

/*-------------------------
 Banner
-------------------------*/
/* Suggested banner width: 994px */
/* Suggested banner height: Any */
/* Add your banner image to the "images" folder */
/* Edit the width and height attributes of #banner to match your image. */
/* NOTE: Banner will not resize if the size of your image does not match the dimensions set below. */

/*----- Banner Image ----------*/
/* If you use a different name than banner.jpg for your image, change it below. */
/* NOTE: Your image does NOT have to have rounded corners. See "Banner Corners" to add rounded corners */

#banner {
	background: #fff url(../images/banner.jpg) 50% 2px no-repeat;
	width: 994px; /* Edit this to match the width of your banner */
	height: 163px; /* Edit this to match the height of your banner */
	border-top: 1px solid #e7e7e7;
	margin: 0 auto;
	position: relative;
	display: block;
	clear: both;
}

/*----- Logo Image ----------*/
/* Add your logo image to the "images" folder */
/* If you have two images, such as a banner and a logo, use this for the uppermost image. */
/* Make sure you edit the width and height of #logo and #logo a to match #banner */
/* If you would like to change the placement of logo, change the background-position attribute when noted. 
   Can use pixels or percentages, for instance 48px 53px, or 10% 50%. 50% will vertically or horizontally center the image. */
/* NOTE: If you choose not to use this, just change "background: none" when noted */

#logo {
	background: url(../images/logo.) no-repeat; /* Set to "background: none" if you are not using this feature */
	background-position: 40px -36px; /* Edit this to change the position of your logo. Changes the distance from LEFT and TOP respectivly. */
	width: 994px; /* Edit this to match the width of your banner */
	height: 163px; /* Edit this to match the height of your banner */
	text-indent: -10000px;
	display: block;
}
#logo a {
	width: 994px; /* Edit this to match the width of your banner */
	height: 163px; /* Edit this to match the height of your banner */
	display: block;
}

/*-------------------------
 Navigation
-------------------------*/

ul#navigation {
	background: url(../images/bg_navigation.gif) 3px 0 no-repeat;
	width: 998px;
	height: 34px;
	list-style: none;
	position: relative;
	margin: 0px 0px -1x 4px;
	clear: both;
}

#navigation li {
	float: left;
	position: relative;
	margin: -5px 0px -20px 0px;
}
#navigation li:hover, #navigation li.hover {
	background: url(../images/bg_login_gloss.png) 50% 14px no-repeat;
}
#navigation li a {
	background: none 50% 18px no-repeat;
	height: 38px;
	padding: 0px 0px 0px 0px;
	text-indent: -10000px;
	display: block;
}

/*----- Navigation Images ----------*/
/* Add your navigation image to the "images" folder. Read below about how to name your image: */
/* To add another image to the navigation, add the following code to the HTML: */
/* <li class="btn-nameofpage"><a href="#" title="Name of Page">Name of Page</a></li> */
/* Then, add the following code to the CSS below: */
/* #navigation li.btn-nameofpage a { background-image: url(../images/btn_nameofpage.png); width: XXXpx; } */
/* Change "nameofpage" and "Name of Page" to the name of your page, 
   for instance "communitynavigation" and "Community Navigation" respectively.
   Change XXXpx to the width of the image that you are adding, and "#" to the link to the page. */
   
#navigation li.btn-news a { background-image: url(../images/btn_news.png); width: 142px; }
#navigation li.btn-forums a { background-image: url(../images/btn_forums.png); width: 142px; }
#navigation li.btn-joining a { background-image: url(../images/btn_joining.png); width: 142px; }
#navigation li.btn-media a { background-image: url(../images/btn_media.png); width: 142px; }
#navigation li.btn-raidstream a { background-image: url(../images/btn_raidstream.png); width: 142px; }
#navigation li.btn-dkp a { background-image: url(../images/btn_dkp.png); width: 142px; }
#navigation li.btn-events a { background-image: url(../images/btn_events.png); width: 142px; }
#navigation li.btn-information a { background-image: url(../images/btn_information.png); width: 142px; }

/*----- Dropdown Menu ----------*/
/* To add a dropdown, use the following HTML: */
/*
<li class="btn-pagename">
	<a href="#" title="Name of Page">Name of Page</a>
	<ul class="dropdown">
		<li class="first"><a href="#" title="Name of Linked Page">Name of Linked Page</a></li>
		<li><a href="#" title="Name of Other Linked Page">Name of Other Linked Page</a></li>
		...
	</ul>				
</li>
*/
/* Change "nameofpage" and "Name of Page" to the name of your page, 
   for instance "communitynavigation" and "Community Navigation" respectively. */
/* There are no CSS changes necessary. This supports a 3-level dropdown menu */
/* NOTE: For advanced users only! */

#navigation ul.dropdown {
	background: #c9cbcc url(../images/bg_dropdown.gif) 0 0 repeat-x;
	position: absolute;
	list-style: none;
	top: 41px;
	width: 167px;
	display: none;
}
#navigation li:hover ul.dropdown,
#navigation li.hover ul.dropdown { 
	display: block;
}
#navigation ul.dropdown li {
	background: url(../images/divider_dropdown.gif) 100% 0 repeat-x;
	position: relative;
	padding: 5px 3px 3px 3px;
	margin: 0;
}
#navigation ul.dropdown li.first { background: none; }
#navigation ul.dropdown a {
	background: none;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 0;
	font-size: 0.833em; /* 10 px */
	color: #8b8b8b;
	width: 147px; /* 167 - 14 - 6 */
	padding: 4px 7px 7px 7px;
	margin: 0;
}
#navigation ul.dropdown a:hover {
	background: #0b0b0b;
}

/* Two Dropdowns */

#navigation ul.dropdown li ul.horizontal-dropdown {
	background: #191919 url(../images/bg_dropdown.gif) 0 0 repeat-x;
	position: absolute;
	list-style: none;
	top: 0;
	left: 167px;
	width: 167px;
	display: none;
}
#navigation ul.dropdown li:hover ul.horizontal-dropdown,
#navigation ul.dropdown li.hover ul.horizontal-dropdown {
	display: block;
}

/* Three Dropdowns */

#navigation ul.dropdown li ul.horizontal-dropdown li ul.horizontal-dropdown { display: none; }
#navigation ul.dropdown li ul.horizontal-dropdown li:hover ul.horizontal-dropdown,
#navigation ul.dropdown li ul.horizontal-dropdown li.hover ul.horizontal-dropdown {	display: block; }

/*-------------------------
 Main
-------------------------*/

#fallenmain {
	background: #fff url(../images/bg_main.gif) 50% 0 repeat-y;
	width: 1000px;
	margin: 0 auto;
	clear: both;
	color: #000000;
}

/*-------------------------
 Content
-------------------------*/

#content {
	float: left;
	width: 780px; /* 545 - 6 */  
	padding: 0 3px 8px 3px;
	margin: 0 0 7px 10px;
	display: inline;
}

/*----- Articles ----------*/

/* Article Headline */

h4.headline {
	background: url(../images/bg_headline.png) 0 0 repeat;
	float: left;
	font-size: small;
	color: #FFF;
	width: 780px; /* 487 - 5 */
	height: 23px; /* 46 - 4 */
	margin: 4px 0 0 0px;
	padding: 0px 0 0 0px;
	display: block;
	text-align: center;
}
* html h4.headline { margin: 0 0 0 26px; }
h4.headline a {
	color: #ffffff;
	text-decoration: none;
}
h4.headline a:hover {
	text-decoration: underline;
}

/* Article Author, Post Date, and Image */

span.author {
	float: left;
	color: #121212;
	font-weight: bold;
	margin: 52px 0 0 -482px;
}
span.author a {
	color: #121212;
	text-decoration: none;
}
span.author a:hover { 
	text-decoration: underline; 
}
.postdate em {
	font-size: 1.333em; /* 16px */
	line-height: 1.333em;
	color: #fff;
	font-style: normal;
	margin-top: -38px;
	display: block;
}
.story-image {
	text-align: center;
	border: 2px solid #121212;
	margin: 10px auto;
	display: block;
	clear: both;
}

/* Story */
.story {
	clear: both;
	margin: 10px 10px 10px 10px;
	font-weight: bold;
	color: #333;
}
.story p {
	margin: 5px 0 12px 0;
	padding: 0 10px;
}
.story p.left { text-align: left; }
.story p.center { text-align: center; }
.story p.right { text-align: right; }
.story ul {
	margin-left: 30px;
}

/* More Options */

ul.more {
	background: url(../images/bg_headline.png) 0 0 no-repeat;
	font-size: 0.917em;
	text-align: right;
	width: 780px;
	height: 23px; /* 25 - 8 */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	clear: both;
	display: block;
}
ul.more li {
	display: inline;
	padding: 0 8px;
	border-left:  2px solid #fff;
}
ul.more li.first {
	border: 0;
}
ul.more li a {
	color: #fd6e00;
	text-decoration: none;
}
ul.more li a:hover {
	text-decoration: underline;
}
ul.more li a strong {
	font-weight: normal;
	color: #fff;
}

/*-------------------------
 Sidebars
-------------------------*/

/*----- Right Sidebar ----------*/

#right-sidebar {
	float: right;
	width: 200px;
	padding-top: 5px;
	margin-right: 3px;
	display: inline;
}

/*----- Sidebar Blocks ----------*/

.fallenblock {
	width: 239px;
	margin: 0 auto;
	clear: both;
}
#right-sidebar .fallenblock { width: 190px; }

/* Sidebar Block Titles */

.fallenblock h3.block-title {
	background: url(../images/bg_title.gif) 0 0 repeat-x;
	height: 10px; /* 30 - 20 */
	padding: 20px 0 0 0;
	clear: both;
}
.fallenblock h3.block-title span {
	background: none 0 0 no-repeat;
	height: 9px;
	line-height: 0;
	text-indent: -10000px;
	display: block;
}
/* Sidebar Block Title Images (Subheading) */
/* Add your new subheader image to the "images" folder. Read below about how to name your image: */
/* To add another subheader image, add the following code to the HTML: */
/* <div class="block name-of-title">
		<h3 class="block-title"><span>Name of Title</span></h3>	
		 Add content here 					
	</div> */
/* Then, add the following code to the CSS below: */
/* .name-of-title a { background-image: url(../images/nameoftitle.png); width: XXXpx; } */
/* Change "name-of-title", "nameoftitle", and "Name of Title" to the name of your page, 
   for instance "clan-roster", "clanroster" and "Clan Roster" respectively.
   Change XXXpx to the width of the image that you are adding. */
/* The block of HTML code above will add another sidebar block. If you are only 
   interested in modifying an already existing title, just change the line 
   name-of-title in the block, and the title image will update automatically once 
   the image has been uploaded, and the CSS has been updated. */

.recruiting h3.block-title span { background-image: url(../images/recruiting.png); width: 200px;}
.recent-threads h3.block-title span {
	background-image: url(../images/recentforumthreads.png);
	width: 238px;
	text-align: left;
}
.recent-matches h3.block-title span { background-image: url(../images/recentmatches.png); width: 79px; }
.head-sponsor h3.block-title span { background-image: url(../images/support_head.png); width: 130px; }
.main-sponsors h3.block-title span { background-image: url(../images/mainsponsors.png); width: 75px; }
.weekly-poll h3.block-title span { background-image: url(../images/weeklypoll.png); width: 100px; }


#user-name {
	background: url(../images/bg_namebox.png) 0 0 no-repeat;
	font-size: 0.833em;
	text-decoration: none;
	color: #fff;
	text-align: center;
	width: 238px;
	height: 13px; /* 23 - 10 */
	padding: 5px 0;
	display: block;
	clear: both;
}
#user-name strong {
	color: #fd6e00;
}

/* Recent Threads */

ul.list-threads {
	list-style: none;
	clear: both;
}
.list-threads li {
	background: url(../images/list_threads.gif) 0 0 no-repeat;
	width: 220px;
	height: 54px;
	clear: both;
}
.list-threads li a {
	background: url(../images/icons/viewpost.png) 5px 50% no-repeat;
	text-decoration: none;
	color: #fff;
	width: 176px; /* 239 - 63 */
	height: 44px; /* 54 - 10 */
	padding: 10px 0 0 63px;
	display: block;
}
.list-threads li a:hover strong {
	text-decoration: underline;
}
.list-threads li a strong {
	display: block;
}
.list-threads li a em {
	font-size: 0.833em;
	line-height: 1em;
	font-style: normal;
	color: #f36f21;
	display: block;
}
.showallnews {
	background: url(../images/showallnews.png) 0 0 no-repeat;
	float: right;
	width: 90px;
	height: 9px;
	margin: 5px 0;
	clear: both;
}
.showallnews a {
	width: 90px;
	height: 9px;
	text-indent: -10000px;
	display: block;
}


/* Sponsors */

.sponsor-image {
	background: url(../images/sponsor_top.png) 0 0 no-repeat;
	width: 190px;
	min-height: 74px;
	height: auto !important;
	height: 74px;
	margin: 2px auto;
	display: block;
}
.sponsor-image a {
	background: url(../images/sponsor_bottom.png) 100% 100% no-repeat;
	width: 190px;
	padding: 18px 0;
	min-height: 38px; /* 74 - 18 - 18 */
	height: auto !important;
	height: 38px;
	display: block;
}
.sponsor-image a img {
	margin: 0 auto;
	display: block;
}

/* Weekly Poll */

.poll p {
	font-weight: bold;
	color: #000000;
	margin: 5px 0;
	padding: 0 5px;
}
.poll-options {
	border: 0;
}
.poll-options dl {
	position: relative;
	line-height: 2em;
	width: 190px;
	overflow: hidden;
	clear: both;
}
.poll-options dt {
	font-size: 0.917em; /* 11 px */
	color: #000000;
	float: left;
	width: 159px;
	margin-left: 31px;
}
* html .poll-options dt { margin-left: 15px; }
.poll-options dd {
	float: left;
	width: 31px;
	text-align: center;
	margin-left: -190px;
}

.submit-buttons {
	border: 0;
	width: 172px;
	margin: 5px auto;
}
.submit-buttons .entervote {
	background: url(../images/entervote.gif) 0 0 no-repeat;
	float: left;
	width: 83px;
	height: 24px;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	border: 0;
	cursor: pointer;
	display: block;
}
.submit-buttons .viewresults {
	background: url(../images/viewresults.gif) 0 0 no-repeat;
	float: right;
	width: 83px;
	height: 24px;
	text-indent: -10000px;
	display: block;
}



/*-------------------------
 Footer & Copyright
-------------------------*/

#fallenfooter {
	width: 1000px;
	height: 0px;
	clear: both;
}
.white_text_rotator{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; font-size:bold;}
.white_text_rotator a{font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-size:bold;}
#container #wrapper #fallenmain #content table tr td .wrap #slide-holder #slide-runner #slide-controls #slide-client strong {
	color: #FFF;
}
#container #wrapper #fallenmain #content table tr td .wrap #slide-holder #slide-runner #slide-controls #slide-client span {
	color: #FFF;
}

a img {
border : 0;
}
div.featuredwrap {
width : 530px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 530px;
height : 52px;
margin : 24px 0 0;
}
div#top div#nav ul {
float : left;
width : 530px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#slide-header {
margin : -1px 0 0;
}
div#video-header {
height : 175px;
margin : -1px 0 0;
}
div#slide-header div.featuredwrap {
height : 175px;
}
div#slide-header div#slide-holder {
z-index : 40;
width : 530px;
height : 175px;
position : absolute;
}
div#slide-header div#slide-holder div#slide-runner {
	top : 0px;
	left : 0px;
	width : 530px;
	height : 175px;
	overflow : hidden;
	position : absolute;
	background-color: #000000;
}
div#slide-header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-header div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 530px;
height : 30px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#slide-header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 4px 0 0 20px;
text-transform : uppercase;
}
div#slide-header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 4px 15px 0 0;
}
div#slide-header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
color : #FFF;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slide-header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slide-header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}