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

* { 
  margin: 0; 
  padding: 0;
}

body {
	background-color: #171C20; 
	/* text-align: center; */
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}
input, textarea, select {
	background-color: #171C20;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #65798C;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #3E4A55;
}
.hidden {
	display: none;
}
#notice {
	margin-bottom: 18px;
	padding: 2px;
	border: 1px solid #009A00;
	background-color: #006600;
	color: white;	
	text-align: center;
}
#error {
	margin-bottom: 18px;
	padding: 2px;
	border: 1px solid #FF0000;
	background-color: #990000;
	color: white;	
	text-align: center;
}
#header {
	clear: both;
	width: 100%;
	height: 18px;
	background-color: #990000;
}
#container {
	margin-top: 18px;
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top: 18px;
	background: url('/images/bm_bg.png') top right no-repeat;
}
#nav {
	float: left;
	width: 200px;
}
#nav ul {
	list-style: none;
}
#nav li {
	background-color: #3E4A55;
	border-top: 1px solid #171C20;
}
#nav ul a {
	display: block;
	color: #FFFFFF;
	padding-left: 10px;
	height: 17px;
}
#nav ul ul {
	list-style: none;
	
}
#nav ul ul li {
	background-color: #171C20;	
}
#nav ul ul a {
	list-style-image: url(/images/bullet2.gif);
	display: list-item;
	list-style-position: inside;
	color: #7B94AA;
	font-size: 10px;
}
#nav ul ul a:HOVER {
	background-color: #561425;
	color: #7B94AA;
}
#nav ul a:HOVER {
	background-color: #9BBCD8;
	color: #171C20;
	text-decoration: none;
}

#nav .active {
	background-color: #65798C;
}
#nav ul ul li .active {
	background-color: #65798C;
}
#content {
	float: right;
	width: 570px;
}
#content ul {
	list-style: none;
	list-style-position: inside;
	list-style-image: url(/images/bullet.gif);
	margin-bottom: 18px;
	margin-left: 20px;
}
#content ul strong {
	color: #ABB8C2;
}
#content ul ul {
	margin-left: 15px;
	font-size: 10px;
	color: #7B94AA;
	margin-bottom: 0px;
}
#footer {
	clear: both;
	background-color: #262D34;
	border: 1px solid #3E4A55;
	text-align: center;
	color: #819CB3;
	font-size: 10px;
}
#users ul {
	list-style: none;
}
#users ul strong {
	font-size: 12px;
	color: #ABB8C2;
}
#users strong {
	font-size: 14px;
}

.sitetitle {
	font-size: 24px;
	line-height: 36px;
}
h1 {
	font-size: 20px;
	line-height: 36px;
	color: #FF0033;
}
h2 {
	font-size: 14px;
	color: #ABB8C2;
	font-weight: bold;
}
h2 em {
	font-size: 10px;
	color: #819CB3;
}
h3 {
	font-size: 16px;
	color: white;
}
h4 {
	font-size: 14px;
	color: #FF0000
}
h5 {
	font-size: 12px;
	font-weight: normal;
	color: #819CB3;
	margin-bottom: 18px;
}
p {
	margin-bottom: 18px;
}
a {
	text-decoration: none;
	color: #FF0033;	
}
a:HOVER {
	text-decoration: underline;
}
hr {
	border: none;
	border-top: 1px dashed #43505C;
	height: 1px;
	color: #171C20;
	background-color: #171C20;
	margin-bottom: 17px;	
}
.callout {
	margin-bottom: 18px;
	padding: 2px;
	border: 1px solid #3E4A55;
	background-color: #262D34;
	/* callout images should be 564px wide to stretch all the way */
	/* they should also be a multiple of 18 minus 6 tall (e.g. 36-6=30px)*/
}
.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 18px;
}
.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 18px;
}
.caption {
	color: #7B94AA;
	font-size: 10px;
}

/* forum stuff */
#forum-thread {
	border: 1px solid #3e4a55;
	padding: 2px;
	margin-bottom: 18px;
	clear: both;
}
#forum-thread th {
	padding:2px;
	background-color: #232A30;
}
#forum-thread td {
	padding: 8px;
}
#forum-thread .usertitle {
	font-size: 12px;
	color: #7B94AA;
}
#forum-thread .postcount {
	font-size: 11px;
	color: #4F5F6D;
}
#forum-thread .signature {
	font-size: 11px;
	color: #7B94AA;
}
#forum-thread strong {
	color: #7B94AA;
}
#forum-thread blockquote {
	border: 1px solid #3E4A55;
	padding: 10px;
	/*margin-top: -18px;*/
	margin-bottom: 18px;
	background-color: #1D2328;
	color: #4F5F6D;
	padding-left: 20px;
}
#forum-thread cite {
	color: #7B94AA;
	margin-left: -10px	;
}
#forum-thread cite strong {
	color: #8EACC7;
}
#forum-thread .attachment {
	margin-bottom: 18px;
	padding-left: 20px;
	font-size: 10px;
	color: #7B94AA;
	line-height: 18px;
}
.no-bottom-margin {
	margin-bottom: 0px;
}
#forum-thread h3 {
	color: #8EACC7;
	font-size: 12px;
	line-height: 18px;
}

#forum-threadlist {
	border: 1px solid #3E4A55;
	padding: 2px;
	margin-bottom: 18px;
	clear: both;
}
#forum-threadlist td {
	padding: 2px;
}
#forum-threadlist th {
	padding: 2px;
	background-color: #3E4A55;
}
#forum-threadlist  .odd {

}
#forum-threadlist  .even {
	background-color: #232A30;
}
#forum-threadlist .forum-name {
	font-size: 14px;
	font-weight: bold;
}
#forum-threadlist .forum-description {
	font-size: 11px;
	color: white;
}
#forum-threadlist .forum-postcount {
	font-size: 11px;
	color: #7B94AA;
}
#forum-threadlist .forum-lastpost {
	font-size: 11px;
	color: #7B94AA;
}
#pagination-top {

}
#pagination-bottom {
	margin-top: -18px;
	margin-bottom: 18px;
}
#pagination-helper {
	float: left;
	color: #4F5F6D;
	margin-bottom: 9px;

}
#pagination-helper b {
	color: #8EACC7;
}
.pagination {
	text-align: right;
	color: #4F5F6D;
}
.topic-pagination {
	font-size: 10px;
	color: #4F5F6D;
}
#user-contactinfo {
	clear: both;
	float: left;
	width: 50%;
}
#user-dynastyinfo {
	float: right;
	width: 48%;
}


div.auto_complete {
	width: 350px;	
	font-size: 11px;
}
div.auto_complete ul {
	background-color: #1D2328;

	border: 1px solid #3E4A55;
	margin:0;
	padding: 10px;
	width:100%;
	list-style-type:none;
	
}
div.auto_complete ul li {
	margin:0;
	padding-left: 3px;
	line-height: 18px;
	list-style-image: none;
}
div.auto_complete ul li.selected {
	background-color: #3E4A55;
	/* color: #1d2328; */
}
div.auto_complete ul strong.highlight {
	margin:0;
	padding:0;
}
div.auto_complete ul li img {
	margin-right: 6px;
}

#dynasties {
	font-size: 11px;
}
#dynasties ul, #dynasties li {
	clear: both;
	marker-offset: 30px;
	list-style-image: none;
	margin-left: 10px;
}
#dynasties ul {
	border-left: 1px solid #3E4A55;
}
.dynasty-user {
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	border: 1px solid #3E4A55;
	width: 225px;
	color: white;
	margin-bottom: 5px;
	clear: both;
	padding: 5px;
	font-size: 10px;
}

.standing-7 {
	text-decoration: line-through;
}
.small {
	font-size: 10px;
	color: #4F5F6D;
	font-weight: normal;
}
.small strong {
	color: white;
	font-size: 11px;
}