/* * Copyright 2008-2009 by:	  WannaBeDie * */
/* Normal, standard links. */
@import url("./css/profile.css");
a:link 
{ 
	text-decoration: none; 
	color: #E5DCB9; 
}

a:visited 
{ 
	text-decoration: none; 
	color: #E5DCB9; 
}

a:hover, a:active { 
color: #CCBC7D; 
text-decoration: none;
}
/* */
.post a:link { 
  color: #ECA017; /* 007 */
}
/* Tables should show empty cells. */
table
{
	empty-cells: show;
}


/* The main body of the entire forum. */
body
{
	margin: 0;
	padding: 0;
	color: #B1A28D; /* #BAB088 */
	background-image: url('images/background1.jpg');
	background-repeat: repeat-x;
	background-color: #0e150e; /* #141210 #0b0e0b */
	font-style:normal; font-variant:normal; 
	font-weight:normal; 
	font-size:98%; 
	font-family:Trebuchet MS, Lucida Grande, Verdana, Georgia, Sans-Serif;
	padding-top: .3em;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #E5DCB9;
	font-family:Trebuchet MS, Lucida Grande, Verdana, Georgia, Sans-Serif;
	background: url(images/textbg1.gif);
	border: 1px solid #5b472d;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: tahoma, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
blockquote
{
	color: #000000;
	background-color: #f5f5f5;
	display: block;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
code
{
	color: #000000;
	background-color: #f5f5f5;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	display: block;

	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* For links to change the code stuff... */
.codeoperation
{
	font-weight: normal;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2
{
	background-color: #B3F4B0;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, .windowbg description, #preview_body {
background-color: #241e1e ! important; /*#221C19#2F2927*/
color: #ffffcc ! important;
}
.windowbg { border: 1px solid #aaaa88; }
.information, form .information { /* #admincenter, #admin_content, */ 
background-color: #2E2923 ! important;
color: #cfcfcf;
}
.windowbg2 {
background-color: #271F1C; /* 1d1612 */
color: #ffffcc;
border: 1px solid #ccccaa;
}


/* Color for background of posts requiring approval */
.approvebg
{
	color: #000000;
	background-color: #F6E0D4;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
	color: #000000;
	background-color: #E4A17C;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	E5DCB9
	font-style: normal;
	background: #3f3427 url(images/titlebg-m.gif) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	
}
.titlebg, .titlebg a:link, .titlebg a:visited {
	color: #E5DCB9;
	font-style: normal;
	font-size: 12px;	
}
.titlebg a:hover {
	text-decoration: underline;
}

.titlebg2 td {
	color: #E5DCB9;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
	color: #E5DCB9;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover 
{
	color: #E5DCB9;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{	
	font-size: 1em;
	margin-bottom: .5em;
	background-color: #4d402f;
	background-image: url(images/catbg-m.gif);
	
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{	
	font-size: 1em; /* height: 22px; */
	margin-bottom: .5em;
	background-color: #4d402f;
	background-image: url(images/catbg-m.gif);
}

.catbg, .catbg2, .catbg3
{
	font-weight: bold;
	color: #E5ECE9;
	padding: .5em;
}
/* the today container in calendar */
.calendar_today
{
	background-color: #E5DCB9;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{}

/* This is used on tables that should just have a border around them. */
.tborder
{}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: tahoma, sans-serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
.smalltext2
{
	font-weight:bold; 
	font-size: small;
	font-family: tahoma;
}

/* And this is the bottom, where the copyright is, etc. */
#footerarea
{	
	background: url(images/footerbg.gif) repeat;
	color: #E5DCB9;	
	padding: 1em;
	margin-top: 1em;
}
.copyright {
font-size: 70%;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}
/* No image should have a border when linked */
a img{
	border: 0;
}

/* Calendar colours for birthdays, events and holidays */
.birthday
{
	color: #920AC4;
}

.event
{
	color: #078907;
}

.holiday
{
	color: #000080;
}

/* Colours for warnings */
.warn_mute
{
	color: red;
}

.warn_moderate
{
	color: orange;
}

.warn_watch
{
	color: green;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/* Styling for BBC tags */
.bbc_color a
{
	color: inherit;
}

.bbc_img
{
	border: 0;
}

.bbc_list
{
	margin-top: 0;
	margin-bottom: 0;
}

.bbc_size
{
	line-height: 1.3em;
}

.bbc_table
{
	font: inherit;
	color: inherit;
}

.bbc_table td
{
	font: inherit;
	color: inherit;
	vertical-align: top;
}

.bbc_u
{
	text-decoration: underline;
}
/* styling the admin section */
ol.search_results
{
	margin-top: 0;
	padding-top: 0;
}
ol.search_results li
{
	padding-top: 5px;
}

.button_strip_submit
{
	background: transparent;
	color: white;
	text-transform: uppercase;
	vertical-align: top;
	text-decoration: none;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	border: 0;
}

.button_strip_submit:hover
{
	color: #e0e0ff;
}

.openid_login
{
	background: white url(images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* new features settings screen */
.features
{
	clear: both;
	border-bottom: solid 1px #e0e0e0;
}
.features_image
{
	float: left;
	margin: 1em 2em 0.5em 1em;
}
.features_switch
{
	margin: 0.2em 1em 1em 1em;
	float: right;
}
.features h4
{
	padding: 2em 0 0.5em 0.5em;
	margin: 0;
	font-size: 1.1em;
}
.features p
{
	padding: 0 1em 1em 1em;
	margin: 0;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div
{
	border: 1px solid black;
	position: absolute;
}

/* An auto suggest item */
.auto_suggest_item
{
	background-color: #DDDDDD;
}

/* hovered auto suggest item */
.auto_suggest_item_hover
{
	background-color: #888888;
	cursor: pointer;
	color: #EEEEEE;
}
/* Menu */
#menu-top {
  border-top:1px solid #4d402f; 
}
#menu-top {
	color: #D0D0D0; 
}
/* Menu End */

/* Wrapper */

#wrapper /* main page content */
{
	clear: both;
	/* xfloat: left; */
	width: 100%;
	color: #BAB088;
	background: #221C19; /*#291e1e;#2a2320;#1d1612*/
	border-left: 1px solid #432e13;
	border-right: 1px solid #432e13;
	border-bottom: 1px solid #432e13;
}
#content-wrapper
{
	width: 100%;
	/* xfloat: left; */
	padding-right: .3em
	padding-left: .3em;
	padding: none;
	padding-top: .8em;
	padding-bottom: 1em;
	font-size: 90%;
}

#wrapper2 {
	width: 90%; /* 850px;sets width of Header Area!!! */
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 11px;
	padding-bottom: 11px;
background: url('http://www.worldofryzom.com/images/vborgtop_03.jpg') 1px 13px repeat;
}

#wrapper a:link { 
	xfont-weight: bold; 
	text-decoration: none; 
}

#wrapper a:visited { 
	xfont-weight: bold; 
	text-decoration: none; 
}

#wrapper a:hover, #wrapper a:active { 
	text-decoration: none; 
}

.userarea {
	font-size: 11px;
	width: 30em;
	text-align: right;
	color: #cAc098;
	padding-top: 20px;
/* background: url('http://www.worldofryzom.com/images/vborgtop_03.jpg') 1px 5px repeat; */
}

/* Header */
#header
{
	float: left;
	width: 100%;
	xbackground: #231E0C;
background-color: transparent;
	clear: right;
	border-left: 1px solid #432e13;
	border-right: 1px solid #432e13;

background: url('http://www.worldofryzom.com/images/vborgtop_03.jpg') 1px 13px repeat;
}

#navigation
{
	clear: both;
	float: left;
	width: 100%;
	background: url('http://www.worldofryzom.com/images/worheader.jpg') 1px 42px no-repeat;
background-color: transparent;
	height: 169px;
	cursor: pointer;
	
}

#header h1 
{ 
	padding-left: 30px; 
}

#logo {
	position: absolute;
	top: 52px;
	xleft: 1px;
	display: block;
	width: 770px;
	height: 109px;
	background: url() no-repeat;
	cursor: pointer;
}
.loginbutton {
	background: url(images/custom/login_button.gif) no-repeat;
	width: 52px;
	height: 26px;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	margin-top: 2px;
} 
.loginbg {
background-image: url(http://www.worldofryzom.com/images/bfroots_faded.jpg);
border-bottom: .1em solid black;
}
#content-wrapper > form {
margin-bottom: 1em;
background-color: #3e3e3e;
}
select {
	background-color: #121312;
	color: #FFFFbb;
	font-weight: bold;
	font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #738090;
}
option, optgroup {
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #121312;
	padding: .3em;
	padding-left: .6em;
	padding-right: 0px;
	border-bottom: 1px solid #ffffcc;
	color: #ffbb00;
}

/* ############### WOR ADDS ############### */

.tborder {
	background-color: #2c2520; /*1d1612*/
	color: #EAEAEA;
	border: 1px solid #3e322a;
	padding: .2em;
}
.tborder + td {
margin-bottom: .5em; /* doesn't work */
}
.header { text-align: left; }
#column3 {
width: 13em ! important;
/* xmax-width: 250px ! important; */
font-size: 85%;
}
#column1 {
width: 16em ! important;
/* max-width: 13.5em ! important; */
font-size: 90%;
}
td #column2, {
background-color: #2E2923 ! important;
color: #ffffcc ! important;
font-size: 90%;
}

#block3 table {
margin-bottom: .3em;
}
/* #block3, #block3 td, #block3 tr {
padding: 0px; margin: 0px; }
.row1 a:link { padding-left: .5em;}
*/
#block3.row1 { padding: .5em; font-size: 95%;}

#block2 { background-image: url(/images/bfroots_faded.jpg); 
}
#block2 td { border: none; }
#block8 a:after, #block9 a:after, #block7 a:after {
content: "\A \A"; /* \00000a */
white-space: pre;
display: inline;
/* xfont-size: 80%; */
line-height: 90%;
}
#block9 {
}
#block1 {
margin-left: .1em;
}
.frontnews {
border: 1px solid #2f2e2f;
padding: .5em;
margin: 0px;
}
#block1 h2 {
font-size: 150%;
}

#block5 {
/* width: 16em; */
}
.remems {
float: left;
margin-right: 1em;
}

#preview_body, div .content {
background-color: #221C19 ! important; /*#221C19 */
color: #ffffcc ! important;
border: 1px solid #aaaa88;
}
#preview_body {
padding: .8em;
width: 95%;
}
#preview_body > blockquote {
color: #FFFFEE;
background-color: #313141;
padding: 1em;
font-size: 100%;
}

tr[class="windowbg2"] td {
border: 1px solid #666644;
}
.quoteheader, topslice_quote {
font-size: 105%;
color: #FFFFcc;
}
blockquote {
color: #FFFFEE;
background-color: #313141;
padding: 1em;
font-size: 100%;
}
blockquote:first-letter {font-size: 105%;}
#postmodify {
background-color: #1d1812;
color: #FFFFcc;
}
form .roundframe {
background-color: #2e2923;
color: #FFFFcc;
}
#post_header {}

#bbcBox_message, #smileyBox_message { 
background-color: #655B4B;
padding-left: 1em;
border: 1px solid #001100;
width: 98%;
}
#bbcBox_message img:hover {
background-color: #ababaf;
}
#smileyBox_message { 
background-color: #34343f;
}
#smileyBox_message_addMoreSmileys:link {
color: #990000;
font-size: 110%;
}
#smileyBox_message_addMoreSmileys:hover {
color: #ffffff;
font-size: 120%;
}
textarea[class="editor"], .editor, #message {
width: 99% ! important;
}
.input_file { background-color: #332222; }
#help_popup { background-color: #cecece; } 

#poll { background-color: #261123;
background-image: url("/images/rstyle/savanatree_trunk.jpg");
 }
#poll a:hover {
background-color: #ffffff; 
padding-left: .6em;
padding-right: .6em;
} 
.poll_title {
font-size: 120%; 
}
.poll_highlight {
color: #ff6600;
text-decoration: underline;
}
.lpost { font-weight: bold; font-size: 110%;}

.bbc_link, .bbc_link:link, .post a, .post a:link, .post a:visited { 
  color: #ECA017; /* 007 */
  text-decoration: underline;
}
.post a:hover { 
  color: #ECA087; /* 007 */
  text-decoration: underline;
}
.frontnews {
border: 1px solid #2f2e2f;
padding: .5em;
margin: 0px;
}
td.row1	{
background:#221C19 !important;
border:0px solid !important;
border-color:#ffffff #1b1b1b #0b0b0b #ffffff !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.userarea {
float: right;
position: relative;
z-index: 99;
margin-right: 1em;
}
/* *  Copyright 2008-2009 by: (http://wannabedie.deviantart.com) && seawe * */
.latestAlbu { padding: 0.8em; font-size: 95%; font-weight: bold;
}


#block3 > td, #block3 > th, #block3 > li, .row1 a:link, .row1 a:visited { 
font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
color: #cccccc; /* background-color: #1d1612; */
font-weight: normal ! important; } 
.row1 a:hover, .row1 a:active { 
font-style: italic; text-decoration: underline ! important; 
color: #FFFFFF; } 
.style1 {color: #CCCCCC !important; } 
.info1 { background-image: url(/images/orfire.jpg); 
color: black; font-weight: bold; }