/**********************************************************************************
* style.css  (Default Theme - Themes/default)                                     *
* =============================================================================== *
* Software Version:           SMF 1.1.7                                           *
* Software by:                Blades of Anarion (http://www.bladesofanarion.net)  *
* Copyright 2007-2009 by:     Blades of Anarion (http://www.bladesofanarion.net)  *
* Support, News, Updates at:  http://www.bladesofanarion.net                      *
**********************************************************************************/

/* ----------------->> SHORTHAND CHEATSHEET <<----------------- */
/*		 margin: top right bottom left;							*/
/*		padding: top right bottom left;							*/
/*		 border: width style color;								*/
/*	 background: color url() repeat attachment position			*/
/*	       font: style variant weight size/lineheight family	*/
/* ----------------->> SHORTHAND CHEATSHEET <<----------------- */


/* -----------------------------------*/  
/* ---------->>> GLOBAL <<<-----------*/  
/* -----------------------------------*/  

body {
	margin-top: 0px;
	padding: 0px 50px 4px;
	background: #000 url('images/new_bg4.jpg') no-repeat top center }

body, td, th, tr {
	color: #fefefe;
	font: small geneva, arial, tahoma, helvetica, sans-serif }

.bodybackground {
	width: 1010px;
	max-width: 1010px;
    background: #000 url('images/background.gif') }

a:link { color: #f0d780; text-decoration: none }
a:visited { color: #f0d780; text-decoration: none }
a:hover { color: #6e5e44; text-decoration: underline }
a.nav:hover { color: #947e59 }

table { empty-cells: show }

hr, .hrcolor {
	height: 1px;
	border: 0px none;
	color: #222;
	background-color: #000 }

a img { border: 0px none }

/* -----------------------------------*/  
/* ----->>> SITE-WIDE STYLES <<<------*/  
/* -----------------------------------*/  

.smalltext { font: x-small geneva, arial, tahoma, helvetica, sans-serif }
.middletext, .mediumtext { font-size: 90% }
.normaltext { font-size: small }
.largetext { font-size: large }

#ajax_in_progress {
	background-color: #333;
	border-left: 1px #666 solid;
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	padding: 10px;
	width: 25%;
	position: fixed;
	top: 0;
	left: 36% }

/* -----------------------------------*/  
/* ------->>> FORM ELEMENTS <<<-------*/  
/* -----------------------------------*/  


input[type=text], input[type=reset], input[type=submit], input[type=password], input[type=image], input[type=button], input[file], textarea, button {
	color: #d0d0d0;
	font-family: verdana, sans-serif;
	background: #303035;
	border: solid 1px #707070 }

input[type=text], input[type=reset], input[type=submit], input[type=password], input[type=image], input[type=button], input[file], button { font-size: 90% }

textarea { font: 100% verdana, sans-serif }

select {
	font: normal 90% verdana, sans-serif;
	color: #d0d0d0;
	background-color: #303035;
	border: solid 1px #707070 }




.nav, .nav:link, .nav:visited {
	color: #fefefe;
    text-decoration: none }



.hrcolor2 {
	height: 1px;
	border: 0px none;
	color: #111;
	background-color: #000 }

/* -----------------------------------*/  
/* ------>>> BB CODE STYLES <<<-------*/  
/* -----------------------------------*/  

div.bubble {
	color: #b7d682;
	width: auto;
	font-size: x-small;
	margin-bottom: 24px }

div.bubble div.quote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #666;
	background-color: #333;
	padding: 5px;
	line-height: 1.4em;
	-moz-border-radius: 4px }

div.bubble div.quoteheader {
	position: relative;
	margin: 0px;
	top: 1px;
	padding: 0px 0px 7px 5px;
	background: transparent url('images/tip.gif') no-repeat 15px bottom;
	font-style: normal }

.codeheader {
	color: #747474;
	text-decoration: none;
	font-weight: bold;
	font-size: x-small;
	line-height: 1em;
	margin-left: 7px;
	margin-top: 15px }

.code {
	color: #fefefe;
	background-color: #000;
	font: x-small "courier new", "times new roman", monospace;
	line-height: 1.3em;
	border: 1px solid #333;
	margin: 1px auto;
	padding: 1px;
	width: 99%;
	white-space: nowrap;
	overflow: auto;
	max-height: 24em }

.meaction { color: red }

.signature {
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em }

fieldset.spoiler { border: 1px dashed gray }

fieldset.spoiler > legend { font-size: 1.2em }

div.spoilerheader a { font: bold small geneva, arial, tahoma, helvetica, sans-serif }

div.spoilerheader input {
	background-color: #cececc;
	color: #3e3e33;
	font: 0.9em sans-serif }

div.spoilerbody {
	color: #b7d682;
	background-color: #333;
	border: 1px solid gray;
	padding: 10px;
	margin: 5px }

fieldset.spoiler div.spoilerbody {
	border: 0px;
	padding: 0em }

.character_box {
	width: 99%;
	border: solid 1px black;
	padding: 2px;
	font: x-small geneva, arial, tahoma, helvetica, sans-serif;
	overflow: auto }








/* -----------------------------------*/  
/* ----->>> CHARACTER PROFILES <<<----*/  
/* -----------------------------------*/  

#tabmenu ul {
	margin: 20px auto 6px auto;
	padding: 0;
	list-style: none }

#tabmenu ul, #tabmenu li {
	padding: 0;
	margin: 0 }

#tabmenu li {
	float: left;
	background: url(images/tab_left.gif) no-repeat;
	padding-left: 14px;
	height: 30px;
	margin-right: 6px }

#tabmenu li a {
	padding: 10px 14px 4px 0;
	display: block;
	background: url(images/tab_right.gif) top right  no-repeat }

#tabmenu ul li:hover { text-decoration: none }

#tabmenu ul li a:hover { text-decoration: none }

table.tooltip2, table.tooltip2 td {
	padding: 0px;
	margin: 0px;
	empty-cells: show }

.tooltipbody2 {
	background-color: #000;
	width: 100%;
	color: #fff }

.tbt2 {
	background: url(images/tooltip_border_top.gif) repeat-x;
	width: 8px }

.tbb2 {
	background: url(images/tooltip_border_bottom.gif) repeat-x;
	width: 8px }

.tbl2 {
	background: url(images/tooltip_border_left.gif) repeat-y;
	width: 8px }

.tbr2 {
	background: url(images/tooltip_border_right.gif) repeat-y;
	width: 8px }

.stat_t {
	float: left;
	line-height: 18px }

.stat_d {
	float: right;
	position: relative;
	color: #cbb360;
	text-align: right }

.auto_updated {
	position: absolute;
	margin-left: 2px;
	margin-top: 3px }

div.progress-container {
    background-color: #333;
	border: solid 1px #707070; 
	margin: 2px 5px 2px 0; 
	padding: 1px }

div.progress-container > div#progress-bar {
	background: transparent url('images/img3.gif') repeat-x;
	height: 12px }

div.progress-container > div#progress-bar_outsider {
	background-color: #a87219;
	height: 12px }

div.progress-container > div#progress-bar_neutral {
	background-color: #a68818;
	height: 12px }

div.progress-container > div#progress-bar_acquaintance {
	background-color: #777601;
	height: 12px }

div.progress-container > div#progress-bar_friend {
	background-color: #527001;
	height: 12px }

div.progress-container > div#progress-bar_ally {
	background-color: #217201;
	height: 12px }

div.progress-container > div#progress-bar_kindred {
	background-color: #00846c;
	height: 12px }

div.progress-container > div#progress-bar_morale {
	background-color: #393;
	height: 12px }

div.progress-container > div#progress-bar_power {
	background-color: #0099cc;
	height: 12px }

.instances {
	color: #fefefe;
	background-color: #000;
	font-size: x-small;
	line-height: 1.3em;
	border: 1px solid #333;
	margin: 1px auto;
	padding: 3px;
	width: 98%;
	white-space: nowrap;
	overflow: auto;
	max-height: 97px }

.biobox {
	color: #fefefe;
	background-color: #000;
	font-size: small;
	line-height: 1.3em;
	margin: 1px auto;
	padding: 3px;
	width: 98%;
	overflow: auto;
	min-height: 200px;
	max-height: 200px }







.help { cursor: help }


.editor { width: 96% }

.highlight {
	background-color: yellow;
	font-weight: bold;
	color: black }

.windowbg, #preview_body {
	color: #ffc;
	background-color: #1a1a1a;
	border: #22211d 1px solid;
	border-top-color: #000; }

.windowbg2 {
	color: #ffc;
	background: #000 url(images/winbg.gif) repeat-y left top;
	border-right: #22211d 0px solid;
	border-top: #000 1px solid;
	border-left: #22211d 0px solid;
	border-bottom: #22211d 1px solid }

.windowbg3 {
	color: #ffc;
	background-color: #1a1a1a;
	font-size: 95%;
	border: #22211d 1px solid;
	border-top-color: #000 }

.windowbg4 {
	color: #ffc;
	background-color: #1a1a1a;
	padding: 5px;
	border: #22211d 1px solid;
	border-top-color: #000 }

.windowbg5 {
	color: #ffc;
	border-right: #22211d 0px solid;
	border-top: #000 1px solid;
	background-color: #000;
	border-left: #22211d 0px solid;
	border-bottom: #22211d 1px solid;
	padding: 5px }

.windowbg6 {
	color: #ffc;
	background-color: #1a1a1a;
	font-size: 95% }

.windowbg7 {
	color: #ffc;
	background-color: #1a1a1a;
	font-size: 95% }

.windowbg8 {
	color: #ffc;
	background-color: #282828;
	border: #22211d 1px solid;
	border-top-color: #000 }

.windowbg, .windowbg2, .windowbg3, .windowbg5, .windowbg7, .windowbg8 {
	border: 1px solid;
	border-color: #6e7270 black black #4a4a4e }

.calendar_today { background-color: #282828 }

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	color: #fefefe;
	font-style: normal;
	background: transparent url('images/titlebg2.jpg') repeat-x;
	border-bottom: 1px solid #222;
	border-top: 1px solid #243051;
	padding: 4px 10px }

.titlebg, .titlebg a:link, .titlebg a:visited {
	font-weight: bold;
	color: #f0d780;
	font-style: normal }

.titlebg a:hover{ color: #6e5e44 }

.titlebg2 a:link, .titlebg2 a:visited {
	color: #3b4d81;
	font-style: normal }

.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
	background: transparent url('images/img4.gif') repeat-x;
	color: #947e59 }

.catbg2, tr.catbg2 td {
	background: transparent url('images/img4.gif');
	color: #fefefe;
	padding: 0 10px 0 10px }

.catbg, .catbg2, .catbg3 {
	border-bottom: solid 1px #333;
	background-repeat: repeat-x }

.catbg, .catbg2 { font-weight: bold }

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
	font-size: 95%;
	color: #fefefe;
	text-decoration: none }

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
	color: #fefefe;
	text-decoration: none }

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { color: #fefefe }

.bordercolor { background-color: #333 }

.bordercolor2 {
	background-color: #333;
	padding: 0px;
	border: 1px solid #333 }

.tborder {
	padding: 1px;
	border: 1px solid #333;
	background-color: #333 }


.post, .personalmessage {
	width: 100%;
	overflow: auto;
	line-height: 1.3em }


.error { color: red }

.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last {
	background-position: left bottom;
	color: #c4bca6;
	vertical-align: middle }

.maintab_back, .maintab_active_back {
	color: #c4bca6;
	text-decoration: none;
	font: 9px tahoma, sans-serif;
	vertical-align: middle;
	padding: 6px 2px 10px }

.maintab_first { background-repeat: no-repeat }

.maintab_back { background-repeat: repeat-x }

.maintab_last { background-repeat: no-repeat }

.maintab_active_first { background-repeat: no-repeat }

.maintab_active_back { background-repeat: repeat-x }

.maintab_active_last { background-repeat: no-repeat }

.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited {
	color: #c4bca6;
	text-decoration: none;
	font-weight: bold;
	background: #d8dbe3 url(images/img3.gif) 0 0 repeat-x;
	padding: 5px 8px;
	margin: 4px 0;
	border: 1px solid #000 }

.maintab_back a:hover, .maintab_active_back a:hover {
	color: #fff;
	text-decoration: none;
	background: #000 url(images/img3.gif) 0 0 repeat-x;
	border: 1px solid #000 }

.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
	background-position: left top;
	color: white;
	vertical-align: middle }

.mirrortab_back, .mirrortab_active_back {
	color: #c4bca6;
	text-decoration: none;
	font: 9px tahoma, sans-serif;
	vertical-align: middle;
	padding: 10px 2px }

.mirrortab_first {
	background-repeat: no-repeat;
	width: 10px }

.mirrortab_back { background-repeat: repeat-x }

.mirrortab_last {
	background-repeat: no-repeat;
	width: 0px }

.mirrortab_active_first {
	background-repeat: no-repeat;
	width: 6px }

.mirrortab_active_back { background-repeat: repeat-x }

.mirrortab_active_last {
	background-repeat: no-repeat;
	width: 8px }

.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
	color: #c4bca6;
	text-decoration: none;
	font-weight: bold;
	background: #d8dbe3 url(images/img3.gif) 0 0 repeat-x;
	padding: 5px 8px 5px 8px;
	margin: 4px 0 4px 0;
	border: 1px solid #000;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover {
	color: #fff;
	text-decoration: none;
	background: #000 url(images/img4.gif) 0 0 repeat-x;
	border: 1px solid #000;
}

.menubg {
	background: url(images/menubg.gif) repeat-x left top;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #fff;
	background-color:  #000 }

#menu {
	width: 100%;
    text-align: center;
	height: 30px;
	margin: 0 auto }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none }

#menu li {
	display: inline }

#menu a {
	display: block;
	float: left;
	width: 100px;
	height: 20px;
	padding: 4px 0 0 0;
	background-image: url(images/tab1.gif);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: x-small;
	color: #c4bca6 }

#menu a:hover, #menu .active a {
	background-image: url(images/tab2.gif);
	color: #fff }

#footerarea {
	width: 99%;
	margin: 0 auto;
	border: 1px solid #444;
	background-color: #000 }

#footerarea p {
	margin: 0;
	padding: 0 0 4px 0;
	text-transform: lowercase;
	text-align: center;
	font-size: 9px;
	color: #3c3728 }

#footerarea a { color: #786e50 }

.sitemap {
	margin: 0;
	padding: 0;
	list-style: none }

.sitemap_topheader {
	background-color: #333;
	border-bottom: solid 1px #444;
	padding: 4px }

.sitemap_header {
	background-color: #333;
	border-bottom: solid 1px #444;
	padding: 4px;
	display: block;
	font-weight: bold }

.sitemap_header_active {
	background-color: #606060;
	border-bottom: solid 1px #000;
	padding: 4px;
	display: block;
	font-weight: bold }

.sitemap_header:hover , .sitemap_header_active:hover {
	background-color: #404040;
	border-bottom: solid 1px #444;
	padding: 4px;
	display: block;
	text-decoration: none }

ul#articlelist {
	margin: 0;
	padding: 0.5ex 0;
	list-style: none }

ul#catlist {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #d0d0d0 }

ul#articlelist li {
	margin: 0;
	display: block;
	padding: 0 0 0 3ex;
	background: url(images/divider.gif) no-repeat 5px 3px }

ul#catlist li {
	display: block;
	padding: 0 0 0 3ex;
	margin: 0 }

.rss_title {
	font: bold x-small geneva, arial, tahoma, helvetica, sans-serif;
	padding: 5px }

.rss_body { margin-bottom: 1ex }

.rss_image { margin: 4px 0 4px 0 }


.required { border: solid 1px #ff0000 }

.bankitem {
	background-image: url(images/char_button.png);
	border: 0;
	min-height: 57px;
	max-height: 57px;
	height: 57px;
	min-width: 200px;
	max-width: 200px }

.bankitem:hover, .bankitem.active { background-position: 0 57px }

.charselect {
	background-image: url(images/char_button_sm.png);
	border: 0;
	cursor: default;
	height: 51px;
	width: 178px;
	color: #fefefe }

.charselect:hover, .charselect.active {
	background-position: 0 51px;
	color: #fff }

.imgalign { vertical-align: middle }




.requiredfield { background: url('images/star.gif') no-repeat right 8px }

.quantity {
	position: relative;
	left: -7px;
	top: -6px;
	width: 30px;
	text-align: right;
	font: bold x-small geneva, arial, tahoma, helvetica, sans-serif }

.itemicon {
	position: relative;
	left: 0px;
	top: 7px }

.cal_input {
	text-align: center;
	font: 13px calibri, arial, sans-serif;
	background-color: white;
	border: 1px solid;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	padding: 2px }


.debug { border: 1px dashed #f00 }