@charset "utf-8";
/* CSS Document */

/* Start Body Level Elements */
body {
	background: url('images/backgrounds/body.gif');
	background-color: #000;
	font-size: 10px;
	font-family: helvetica,arial,sans-serif;
	padding: 0px;
	margin: 0px;
}
h1 {
	color: #ddd;
	font-size: 16px;
	margin: 0px;
	padding-left: 5px;
}
h2 {
	color: #BFAB8E;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom: 1px dotted #333;
}
h3 {
	font-weight: normal;
	color: #8E734D;
}
h4 {
	color: #BFAB8E;
	font-size: 10px;
	padding-bottom: 3px;
	padding-left: 5px;
}
a {
	text-decoration: none;
	color: #7693ad;
}
a:hover {
	text-decoration: none;
	color: #b3dbff;
}
.selectedLink {
	color: #8E734D;
}
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
.fieldOutline {
	float: left;
	border: 1px solid #222;
	padding: 1px;
	background: #2a2a2a;
}
.modalBoxHolder {
position: absolute;
width: 100%;
display: none;
text-align: center;
background: url('images/backgrounds/bodyGlass.png');
z-index: 100;
}
.workingBox {
background-color: #660000;
font-size: 12px;
line-height: 24px;
border-bottom: 1px solid #000;
color: #fff;
width: 100%;
height: 25px;
text-align: center;
z-index: 105;
}
.alertBox {
background-color: #660000;
font-size: 12px;
line-height: 24px;
border-bottom: 1px solid #000;
color: #fff;
width: 100%;
height: 25px;
text-align: center;
z-index: 105;
}
.alertBox span {
	float: right;
}
.loadingBox {
	z-index: 101;
	display: none;
	position: absolute;
	background: #000;
}
.imageBox {
	z-index: 101;
	display: none;
	position: absolute;
}
.messageBox {
	z-index: 101;
	height: 150px;
	width: 800px;
	display: none;
	position: absolute;
}
.imageBox  img{
	border: 5px solid #000;
}
/* End Body Level Elements */

/* Start Main Container DIVs */
.container {
	background: url('images/backgrounds/topShade.png') repeat-x;
	min-width: 1000px;
	height: 200px;
	padding-top: 2px;
}
.profileTitle {
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	letter-spacing: 2px;
}
.profileSubTitle {
	border-bottom: 1px dotted #2a2a2a;
	color: #888888;
	font-size: 12px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 12px;
}
/* End Main Container DIVs */

/* Start Page Top Navigation Bar */
.mainTop {
	width: 100%;
	padding-top: 5px;
	height: 40px;
	line-height: 25px;
	background: url('images/backgrounds/stripeTile.png');
	border-bottom: 1px solid #000;
	min-width: 1000px;
	text-align: center;
}
.mainTop a {
	color: #7693ad;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 0px 5px 0px 5px;
}
.mainTop a:hover {
	color: #fff;
}
.mainTop .userActions {
	padding-left: 20px;
	color: #8E734D;
	font-size: 11px;
}
.fullPage {
	z-index: 99;
}
.mainTop .onlineUsers {
	cursor: pointer;
	height: 25px;
	width: 125px;
	color: #8E734D;
	float: left;
	padding: 6px;
	margin-left: 35%;
	font-size: 11px;
	z-index: 101;
	display: block;
}
#currentPageLink {
	background: url('images/backgrounds/bottomLight.png') bottom left repeat-x;
}
#currentPageLink a {
	color: #8e734d;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 0px 5px 0px 5px;
}
.mainTop .left {
	display: block;
	float: left;
	font-size: 12px;
	color: #8E734D;
	margin: 0px 5px 0px 5px;
}
.mainTop .right {
	display: block;
	float: right;
	font-size: 12px;
	color: #3d3d3d;
	margin: 0px 5px 0px 5px;
}
.onlineList {
	background: #222;
	border: 1px solid #2a2a2a;
	margin-top: 6px;
	margin-left: -6px;
	width: 135px;
	position: absolute;
	display: none;
}
/* End Page Top Navigation Bar */

/* Start Discussion Page Layout (Messy) */
.blogimage {
	margin: 5px;
}
.quote {
	background: url('images/backgrounds/bodyGlass.png');
	border: 1px solid #2a2a2a;
	padding: 5px;
	color:#8E734D;
}
.quoteTitle {
	color: #fff;
	font-size: 14px;
}
.blogimage img {
	border: 1px solid #2a2a2a;
	padding: 1px;
	background-color: #000;
}
.contentBoxInline {
	border: 1px solid #000;
	background: url('images/backgrounds/stripeTile.png');
}
.discussionBox {
	background: url('images/backgrounds/contentMenu.png') top right repeat-y;
	height: 100%;
	width: 998px;
}
.pageControl {
	float: left;
	padding: 5px;
	margin-left: 75px;
	width: 150px;
}
.postAction {
	float: left;
	padding: 0px 5px 0px 5px;
}
.newTopic, .newPost , .newComment {
	float: left;
	width: 732px;
	border: 1px solid #2a2a2a;
}
.newTopic .info, .newPost .info, .newComment .info {
	color: #8E734D;
	width: 720px;
	background: url('images/objects/fatBar.png');
	border: 1px solid #000;
	border-bottom: 1px solid #2a2a2a;
	line-height: 40px;
	float: left;
	padding: 5px;
}
.newTopic .text, .newPost .text, .newComment .text {
	border: 1px solid #000;
	border-top: 1px solid #111;
	background: url('images/backgrounds/postGradient.png');
	color: #000;
	padding: 0px 5px 0px 5px;
	float: left;
	width: 720px;
}
.newTopic .text textarea, .newPost .text textarea, .newComment .text textarea {
	border: 1px solid #111;
	background: #1a1a1a;
	color: #999;
	width: 705px;
	padding: 5px;
	height: 150px;
}
.newTopic .text textarea:focus, .newPost .text textarea:focus, .newComment .text textarea:focus {
	background: #1c1c1c;
}
.newTopic .text input[type="text"] {
	background: #1a1a1a;
	color: #999;
	border: 1px solid #111;
	width: 705px;
	padding: 5px;
}
.newTopic .text input[type="text"]:focus {
	background: #1c1c1c;
}
.topicsOutline, .commentsOutline {
	float: left;
}
.topics, .comments {
	float: left;
}
.postsOutline {
	border: 1px solid #000;
	float: left;
}
.posts {
	border: 1px solid #2a2a2a;
	float: left;
}
.discussHeader , .commentHeader{
	float: left;
	width: 722px;
	padding: 5px;
	line-height: 37px;
}
.topic {
	background: #222;
	background-image: url('images/backgrounds/postGradient.png');
	float: left;
	width: 722px;
	padding: 5px;
	border-bottom: 1px solid #1a1a1a;
	border-top: 1px solid #2a2a2a;
}
.topicImage {
	float: left;
	padding: 5px;
	outline: none;
	border: none;
}
.wowIcon {
	background: #1a1a1a;
	padding: 4px;
	border: 1px solid #2a2a2a;
	width: 64px;
	height: 64px;
	margin-right: 5px;
}
.wowIcon img {
	height: 64px;
	width: 64px;
}
.wowFeed {
	padding: 5px;
}
.wowFeed span {
	color: #BFAB8E;
	float: right;
}
.userIcon {
	background: #1a1a1a;
	padding: 4px;
	border: 1px solid #2a2a2a;
	width: 40px;
	height: 40px;
}
.profileIcon {
	float: left;
	background: #1a1a1a;
	padding: 4px;
	margin-right: 5px;
	border: 1px solid #2a2a2a;
	height: 40px;
	width: 40px;
}
.profileIcon img {
	max-height: 40px;
	max-width: 40px
}
.userIcon img {
	max-height: 40px;
	max-width: 40px
}
.topic .subject {
	float: left;
	padding: 5px;
	color: #7693ad;
	width: 330px;
}
.onlineUser {
	float: left;
	width: 121px;
	padding: 5px;
	margin: 2px;
}
.onlineUser:hover {
	background: #2a2a2a;
}
.topic .subject a {
	text-decoration: none;
	color: #7693ad;
}
.topic .subject a:focus {
	outline: none;
}
.topic .newPosts {
	float: left;
	width: 100px;
	color: #fff;
}
.topic .pageNum, .discussHeader .pageNum, .commentInfo .pageNum {
	color: #888;
	font-size: 14px;
}
.topic .title, .discussHeader .title, .commentInfo .title  {
	float: right;
	text-align: left;
	padding: 5px;
	color: #BFAB8E;
}
.topic .poster, .discussHeader .poster  {
	float: right;
	text-align: right;
	width: 200px;
	padding: 5px;
	color: #8E734D;
}
.topic .views, .discussHeader .views {
	float: right;
	width: 50px;
	text-align: center;
	padding: 5px;
	color: #8E734D;
}
.topic .replies, .discussHeader .replies {
	float: right;
	width: 50px;
	padding: 5px;
	text-align: center;
	color: #8E734D;
}
.firstPost {
	float: left;
	border-bottom: 1px solid #1a1a1a;
	border-top: 1px solid #2a2a2a;
	padding: 5px;
	width: 721px;
	min-height: 60px;
	background: #222;
}
.post {
	float: left;
	border-bottom: 1px solid #1a1a1a;
	border-top: 1px solid #2a2a2a;
	padding: 5px;
	width: 721px;
	min-height: 60px;
	background: #222;
}
.comment {
	float: left;
	background: url('images/backgrounds/postGradient.png') repeat-x;
	background-color: #191919;
	min-height: 60px;
	padding: 5px;
	border: 1px solid #2a2a2a;
	width: 719px;
	margin-bottom: 1px;
	margin-right: 1px;
}
.comment .info {
	float: left;
	width: 650px;
	padding: 5px;
	color: #8E734D;
	border-bottom: 1px dotted #2a2a2a;
}
.editPost {
	width: 100%;
	border: 1px solid #111;
	background: #1a1a1a;
	color: #999;
	padding: 5px;
	height: 150px;
}
.comment .text {
	padding: 5px;
	float: left;
	width: 650px;
	min-height: 25px;
}
.post .info, .firstPost .info {
	float: left;
	width: 650px;
	padding: 5px;
	color: #8E734D;
	border-bottom: 1px dotted #2a2a2a;
}
.post .controls, .firstPost .controls {
	float: left;
	width: 710px;
	padding: 5px;
	color: #8E734D;
	border-top: 1px dotted #2a2a2a;
}
.post .controls span, .firstPost .controls span {
	color: #7693ad;
	cursor: pointer;
	float: right;
	padding: 5px 5px 0px 5px;
}
.post .controls span:hover, .firstPost .controls span:hover {
	color: #b3dbff;
}
.post .text, .firstPost .text {
	padding: 5px;
	float: left;
	width: 650px;
	min-height: 25px;
	background: #222;
}
.topicControls , .postControls {
	float: left;
	background: url('images/backgrounds/bodyGlass.png');
	border: 1px solid #2a2a2a;
	line-height: 37px;
	width: 735px;
}
.itemControls {
	float: left;
	background: url('images/backgrounds/bodyGlass.png');
	border: 1px solid #2a2a2a;
	line-height: 37px;
	width: 732px;
	margin: 1px;
}
.thinControls {
	float: left;
	background: url('images/objects/thinBar.png') no-repeat;
	border: 1px solid #2a2a2a;
	border-top: none;
	line-height: 37px;
	width: 730px;
	margin-bottom: 1px;
	margin-right: 1px;
}
.thinButton {
	float: right;
	display: block;
	text-decoration: none;
	color: #8E734D;
	line-height: 17px;
	padding: 5px 5px 5px 5px;
}
.diggButton {
	float: left;
	height: 16px;
	width: 16px;
	background: url('images/icons/digg.png');
	margin-top: 5px;
	margin-left: 5px;
}
.diggButton:hover {
	background: url('images/icons/digg_over.png');
}
.faceButton {
	float: left;
	height: 16px;
	width: 16px;
	background: url('images/icons/facebook.png');
	margin-top: 5px;
	margin-left: 5px;
}
.faceButton:hover {
	background: url('images/icons/facebook_over.png');
}
.twitButton {
	float: left;
	height: 16px;
	width: 16px;
	background: url('images/icons/twitter.png');
	margin-top: 5px;
	margin-left: 5px;
}
.twitButton:hover {
	background: url('images/icons/twitter_over.png');
}
.delButton {
	float: left;
	height: 16px;
	width: 16px;
	background: url('images/icons/delicious.png');
	margin-top: 5px;
	margin-left: 5px;
}
.delButton:hover {
	background: url('images/icons/delicious_over.png');
}
.thinButton a {
	padding-left: 3px;
}
.thinButton a:focus {
	outline: none;
}
.button {
	display: block;
	float: right;
	cursor: pointer;
	text-decoration: none;
	color: #8E734D;
	line-height: 37px;
	padding: 5px 5px 5px 5px;
}
.button .link {
	padding: 0px 5px 0px 5px;
	color: #7693ad;
}
.formButton {
	display: block;
	float: right;
	cursor: pointer;
	text-decoration: none;
	color: #8E734D;
	line-height: 37px;
	padding: 5px 5px 5px 5px;
}
.button:focus, .thinButton:focus, .formButton:focus {
	outline: none;
}
.button img, .thinButton img, .formButton img {
	border: none;
	outline: none;
	float: left;
}
.button label, .thinButton label, .formButton label {
	color: #7693ad;
	padding: 5px;
	cursor: pointer;
}
.formLabel {
	display: block;
	color: #8E734D;
	padding: 5px;
	float: left;
}
.topicFormMessage {
	color: #6A6A6A;
	display: block;
	float: left;
	padding: 5px;
}
.discussion .postInfo img {
	float: left;
}
/* End Discussion Page Layout (Messy) */

/* Start Blog Page Layout (Messy) */
.contentTitle {
	height: 75px;
	width: 998px;
	border: 1px solid #111;
}
.titleOutline {
	background: #333;
	width: 1000px;
	border: 1px solid #2a2a2a;
	padding: 1px;
	margin-top: 5px;
	padding-bottom: 0px;
	border-bottom: 1px solid #333;
}
.contentBoxOutline {
	background: #333;
	width: 1000px;
	padding: 1px;
	padding-top: 0px;
	border: 1px solid #2a2a2a;
	border-top: none;
	padding-top: 0px;
	border-top: 1px solid #222;
}
.contentBox {
	background: url('images/backgrounds/contentMenu.png') top right repeat-y;
	height: 100%;
	width: 998px;
}
.content, .discussion {
	background: url('images/backgrounds/stripeTile.png');
	color: #888;
	float: left;
	height: 100%;
	width: 735px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	border-right: 1px solid #111;
	min-height: 400px;
}
.rosterHeader {
	background: url('images/backgrounds/postGradient.png') repeat-x;
	background-color: #191919;
	padding: 5px;
	border: 1px solid #2a2a2a;
	width: 720px;
}
.rosterItem {
	background: url('images/backgrounds/postGradient.png') repeat-x;
	background-color: #191919;
	padding: 5px;
	border: 1px solid #2a2a2a;
	width: 720px;
	margin-bottom: 1px;
}
.rosterIcon {
	margin: 0px 2px 0px 2px;
	background: url(images/backgrounds/bodyGlass.png);
	border:1px dotted #111111;
	float:right;
	padding:5px;
}
.content .item, .discussion .item {
	background: url('images/backgrounds/postGradient.png') repeat-x;
	background-color: #191919;
	padding: 5px;
	border: 1px solid #2a2a2a;
	width: 720px;
	width: 720px;
	margin: 1px;
	margin-left: 0px;
	margin-top: 0px;
}
.itemOutline {
	float: left;
	border: 1px solid #1e1e1e;
	padding: 1px;
	background: #111;
}
.profileItemOutline {
	float: left;
	border: 1px solid #1e1e1e;
	padding: 1px;
	background: #111;
}
.formOutline {
	float: left;
	border: 1px solid #1e1e1e;
	background: #222;
	padding: 1px;
	margin: 5px 0px 5px 0px;
}
.content .item .text, .discussion .item .text {
	padding: 0px 5px 0px 5px;
	text-shadow: 1px 1px #000;
}
.contentItemBreak {
	float: left;
	height: 0px;
	margin: 10px 0px 10px 15px;
	width: 700px;
}
/* End Blog Page Layout (Messy) */

/* Right Side Menu Start */
.menu {
	float: left;
	height: 100%;
	padding: 0px 0px 0px 0px;
	width: 252px;
	font-size: 12px;
}
.menu .header {
	background: url('images/backgrounds/postGradient.png');
	border-bottom:1px solid #2A2A2A;
	border-left:1px solid #2A2A2A;
	color:#FFFFFF;
	font-size:15px;
	height:15px;
	padding:5px;
	text-align:left;
}
.header img {
	border: none;
	padding: 0px 5px 0px 0px;
}
.menu .item {
	border-left: 1px solid #2a2a2a;
}
.menu .bigItem {
	border-left: 1px solid #2a2a2a;
	text-align: left;
	color: #BFAB8E;
	text-decoration: none;
	background: #222;
	outline: none;
	display: block;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #2a2a2a;
	text-shadow: 0 -1px 1px #000000;
}
.bigItem span {
	color: #8E734D;
}
.menu .item .icon {
	float: left;
	width: 40px;
	height: 40px;
}
.menu .item .icon img {
	border: none;
	outline: none;
}
.menu .item span {
	color: #BFAB8E;
	display: block;
	padding: 0px 0px 5px 0px;
}
.menu .item .activityDesc {
	color: #BFAB8E;
	display: inline;
	padding: 0px 0px 5px 0px;
}
.menu .item a {
	cursor: pointer;
	text-align: left;
	color: #7693ad;
	text-decoration: none;
	background: #222;
	background-image: url('images/backgrounds/postGradient.png');
	outline: none;
	display: block;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #2a2a2a;
	text-shadow: 0 -1px 1px #000000;
}
.menu .itemBreak {
	height: 1px;
	background: url('images/backgrounds/menuBreak.png') bottom left repeat-x;
}
.menu #openItem a {
	color: #8E734D;
	background: #222;
}
/* Left Side Menu End */

/* MainBox Start (Single Page Form Box) */
.mainBoxOutline {
	width:800px;
	border: 1px solid #2a2a2a;
	padding: 1px;
	background: #333;
	margin-top: 10%;
}
.mainBox {
	background: url('images/backgrounds/stripeTile.png');
	border: 1px solid #000;
	padding: 5px;
}
.mainBoxInline {
	border: 1px solid #2a2a2a;
	background: url(images/backgrounds/mainBoxShade.png) repeat-x;
	background-color: #222222;
}
.mainBox form {
	border: 1px solid #000;
	display: block;
	padding-top: 10px;
	background: url('images/backgrounds/mainBoxShade.png') repeat-x;
	background-color: #222;
}
.mainBox form .row {
	line-height: 30px;
	clear: both;
}
.mainBox form .row .fieldMessage {
	text-shadow: 0 -1px 1px #000000;
	float: left;
	color: #6d6d6d;
	text-align: left;
	width: 150px;
	margin: 0px 5px 0px 5px;
}
.mainBox form .row .editFieldMessage {
	visibility: hidden;
	text-shadow: 0 -1px 1px #000000;
	float: left;
	color: #6d6d6d;
	margin: 0px 5px 0px 5px;
}
.mainBox form .row .fieldIcon {
	float: left;
	text-align: right;
	visibility: hidden;
	width: 310px;
}
.mainBox form .row .editFieldIcon {
	float: left;
	visibility: hidden;
	text-align: right;
	width: 310px;
}
.mainBox form label {
	display: block;
	color: #8e734d;
	padding: 10px 0px 10px 0px;
	clear: both;
}
.mainBox form input[type="text"], .mainBox form input[type="password"] {
	float: left;
	border: 1px solid #111;
	background: #1a1a1a;
	width: 150px;
	color: #6d6d6d;
	padding: 5px;
}
.mainBox form textarea {
	overflow: auto;
	border: 1px solid #111;
	background: #1a1a1a;
	width: 300px;
	float: left;
	height: 100px;
	color: #6d6d6d;
	padding: 5px;
}
.mainBox form textarea:focus, .mainBox form input:focus {
	background: #1c1c1c;
	border: 1px solid #111;	
}
.mainBox form input[type="image"] {
	outline: none;
	border: none;
	background: none;
	padding: 5px;
	margin: 10px;
}
/* MainBox End (Single Page Form Box) */

/* Full Page Form */
.rosterTable {
	width: 100%;
}
.formTable {
	width: 100%;
}
.infoTable {
	width: 100%;
	border: 1px dotted #111;
	background: url('images/backgrounds/bodyGlass.png');
}
.formTable .titleRow , .infoTable .titleRow {
	color: #8e734d;
}
.formTable .headerRow {
	color: #8e734d;
	font-size: 14px;
}
.formTable .inputCol {
	width: 400px;
	background: #222;
	border: 1px solid #2a2a2a;
}
.formTable .messageCol {
	padding: 0px 10px 0px 10px;
}
.formTable input[type="text"], .formTable input[type="password"] {
	float: left;
	border: 1px solid #111;
	background: #1a1a1a;
	width: 97%;
	color: #999;
	padding: 5px;
}
.formTable input:focus {
	background: #1c1c1c;
	border: 1px solid #111;	
}
.formTable input[type="image"] {
	outline: none;
	border: none;
	background: none;
}
.formTable .acceptIcon {
	cursor: pointer;
}