@CHARSET "ISO-8859-1";

/**
 * RaidsRUs website v2
 * (C) Rhyaehar
 */

html {
	margin:0;
	padding:0;
}
body {
	background:#000 url(../images/body-bg.jpg) scroll no-repeat top center;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	height:100%;
	margin:0 auto;
	padding:0;
	color:#fff;
}

a { color:#4b7aac; }
a:hover { text-decoration:underline; }
a img { border:0; }
hr {
	border:1px groove #7c7c7c;
	border-width:1px 0;
	margin:7px auto;
	width:90%;
}
img.clear {
	height:1px;
	width:100%;
}
hr.clearall {
	border:0;
	clear:both;
	height:1px;
	margin:0;
	width:100%;
}

div#page blockquote {
	background:transparent url(/static/images/quotebg.png) no-repeat scroll -3px 0;
	margin:0;
	padding:0 5px 0 40px;
}

table.list {
	border-collapse:collapse;
	margin:0 auto;
	width:98%;
}
table.list tr th {
	background:url(../images/gradients/gradient_thead.gif) top repeat-x;
	font-weight:bold;
	line-height:20px;
}
table.list tr.catheader th {
	background:none;
	border:0;
	height:56px;
}
table.list tr td {
	border:1px solid #4B7AAC;
	border-width:1px 0 1px;
	padding:2px 5px 3px;
}
table.list tr td.big	{ font-size:13px; }
table.list tr td.l		{ text-align:left; }
table.list tr td.c		{ text-align:center; }
table.list tr td.r		{ text-align:right; }

table.list tr td.member-name		{  }
table.list tr td.member-location	{  }
table.list tr td.member-characters	{ width:80px; }
table.list tr td.member-view		{ width:45px; }

dl.datalist {
}
dl.datalist dt, dl.datalist dd {
	padding:2px 5px;
}
dl.datalist dt {
	float:left;
	padding-left:0;
	padding-right:10px;
	text-align:right;
	width:30%;
}
dl.datalist dd {
	margin-left:32%;
	padding-right:0;
	width:65%;
}

span.smallfont {
	font-size:10px;
}

fieldset.notice {
	background:#CFE7FF url(../images/icons/label-info.png) no-repeat scroll 3px 9px;
	border:1px solid #00f;
	color:#000;
	margin:10px 0;
	padding:2px 5px;
}
fieldset.notice legend {
	background-color:#00f;
	border:inherit;
	color:white;
	font-weight:bold;
	margin:0 10px;
	padding:2px 5px;
}
fieldset.notice p {
	margin:0 0 5px 20px;
}
fieldset.notice.error {
	background-color:#FFCFD1;
	background-image:url(../images/icons/label-error.png);
	border:1px solid red;
}
fieldset.notice.error legend {
	background-color:#f00;
}

div#sitecontainer {
	background:transparent url(../images/container-bg.jpg) repeat-y top center;
	height:100%;
	margin:0 auto;
	padding:0 5px;
	width:1020px;
}
div#header {
	background:transparent url(../images/header-bg.jpg) no-repeat top center;
	height:195px;
	margin:0 24px;
	position:relative;
}
div#header.galadriel	{ background-image:url(../images/headers/galadriel.jpg); }
div#header.fireorc		{ background-image:url(../images/headers/fireorc.jpg); }
div#header.runekeeper	{ background-image:url(../images/headers/foundations-runekeeper.jpg); }
div#header.gauredan		{ background-image:url(../images/headers/gauredan.jpg); }
div#header.mammothrider	{ background-image:url(../images/headers/mammothrider.jpg); }
div#header.sabretooth	{ background-image:url(../images/headers/sabretooth.jpg); }
div#header.thaurlach	{ background-image:url(../images/headers/thaurlach.jpg); }

div#header h2#raidsruslogo {
	height:56px;
	left:454px;
	margin:0;
	position:absolute;
	top:12px;
	width:398px;
}
div#header h4#raidsrusleader {
	height:20px;
	left:20px;
	margin:0;
	position:absolute;
	top:164px;
	width:661px;
}
div#header h4#minesofmorialogo {
	height:97px;
	left:30px;
	margin:0;
	position:absolute;
	top:43px;
	width:193px;
}
div#header h2 span,
div#header h4 span {
	display:none;
}

div#menu {
	background:transparent url(../images/menu-bg.png) repeat-x;
	height:32px;
	margin:0 24px;
}
div#menu ul.mainmenu {
	background:transparent url(../images/menu-li-spacer.png) no-repeat 19px 0;
	height:32px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 20px;
}
div#menu ul li a {
	color:#fff;
	text-decoration:none;
}
div#menu ul.mainmenu li.main {
	background:transparent url(../images/menu-li-spacer.png) no-repeat right;
	float:left;
	margin:0;
	padding:0 1px 0 0;
	position:relative;
}
div#menu ul.mainmenu li.main a {
	background:transparent url(../images/menu-li-bg.png) repeat-x top;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	padding:0 20px;
}
div#menu ul.mainmenu li.main a img {
	margin-top:9px;
}
div#menu ul.mainmenu li.main:hover a {
	background-position:bottom;
}
div#menu ul.mainmenu li.main ul.submenu {
	border:1px solid #7c7c7c;
	border-bottom:0;
	display:none;
	left:0;
	list-style-type:none;
	margin:0;
	min-width:150px;
	padding:0;
	position:absolute;
	top:32px;
	z-index:100;
}
div#menu ul.mainmenu li.main ul.submenu li {
	background:black;
	border-bottom:1px solid #7c7c7c;
	margin:0;
	padding:0;
}
div#menu ul.mainmenu li.main:hover ul.submenu {
	display:block !important;
}
div#menu ul.mainmenu li.main ul.submenu li a {
	background:url(../images/submenu-li-bg.png) repeat-y left;
	display:block;
	float:none;
	font-size:12px;
	height:22px;
	line-height:22px;
	padding:0 5px 0 20px;
}
div#menu ul.mainmenu li.main ul.submenu li a:hover {
	color:#4b7aac;
}

div#pageleader {
	background:transparent url(../images/page-leader.jpg) no-repeat top;
	height:21px;
	margin-bottom:15px;
}

div#page {
	margin:0 34px;
}
div#page div#content {
	float:left;
	width:750px;
}
div#page div#sidebar {
	margin:0 0 0 770px;
	width:180px;
}

div.contentblock {
	background:transparent url(../images/contentblock-bg.jpg) repeat-y top;
	margin-bottom:20px;
}
div.contentblock h1.contentblock-header {
	background:transparent url(../images/contentblock-header-bg.jpg) no-repeat top;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:17px 15px 18px;
}
div.contentblock div.contentblock-content {
	line-height:1.5em;
	margin:10px 10px 0;
}
div.contentblock div.contentblock-footer {
	background:transparent url(../images/contentblock-footer-bg.jpg) no-repeat bottom;
	height:30px;
}

div.sidebarblock {
	background:transparent url(../images/sidebarblock-bg.jpg) repeat-y top;
	margin-bottom:20px;
}
div.sidebarblock h4 {
	background:transparent url(../images/sidebarblock-header-bg.jpg) no-repeat top;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:20px 15px 21px;
}
div.sidebarblock div.sidebarblock-content {
	margin:0 10px;
}
div.sidebarblock div.sidebarblock-content p {
}
div.sidebarblock div.sidebarblock-content ol,
div.sidebarblock div.sidebarblock-content ul {
	margin:0 0 10px 15px;
	padding:0;
}
div.sidebarblock div.sidebarblock-footer {
	background:transparent url(../images/sidebarblock-footer-bg.jpg) no-repeat bottom;
	height:30px;
}

div#footer {
	clear:both;
	color:#cecece;
	font-size:10px;
	margin-top:15px;
	padding-bottom:15px;
	text-align:center;
}
div#footer p {
	margin:0;
}

/**
 * User options
 */
ul.sidemenu {
	list-style-type:none;
	margin:0 !important;
	padding:10px 0;
}
ul.sidemenu li {
	background-position:2px center;
	background-repeat:no-repeat;
	border-top:0 none;
	margin:0;
	padding:0;
}
ul.sidemenu li.characters		{ background-image:url(../images/sidemenu/icon-characters.png); }
ul.sidemenu li.privmsg			{ background-image:url(../images/sidemenu/icon-privmsg.png); }
ul.sidemenu li.privmsg-new		{ background-image:url(../images/sidemenu/icon-privmsg-new.png); }
ul.sidemenu li a {
	display:block;
	line-height:1.5em;
	padding:0 10px 0 20px;
	text-decoration:none;
}
ul.sidemenu li a:hover { text-decoration:underline; }

/**
 * Forum tracker
 */
ul#forumtracker-output {
	border-top:1px solid #4b7aac;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#forumtracker-output li {
	border-bottom:1px solid #4b7aac;
	line-height:1.5em;
	padding:5px 0;
}
ul#forumtracker-output li a {
	color:white;
	text-decoration:none;
}
ul#forumtracker-output li a.thread:hover {
	text-decoration:underline;
}

/**
 * Fieldset in form
 */
form fieldset.form {
	background:#4B7AAC url(../images/character/panel-backdrop.png) repeat-x top;
	border:1px outset #0B243D;
	margin:0 0 10px;
	padding:10px;
}
form fieldset.form legend {
	background:#1C3A5B;
	border-top:1px outset #0B243D;
	border-right:1px outset #0B243D;
	border-left:1px outset #0B243D;
	padding:5px 10px;
	margin:0 0 10px;
}
form fieldset.form dl.form {
	
}
form fieldset.form dl.form dt,
form fieldset.form dl.form dd {
	margin:1px 2px 2px 0;
	padding:3px 5px;
}
form fieldset.form dl.form dt {
	float:left;
	clear:left;
	font-weight:bold;
	padding-left:0;
	text-align:right;
	width:30%;
}
form fieldset.form dl.form dd {
	margin-left:31%;
	width:65%;
}
form fieldset.form dl.form dd.hint {
	font-style:italic;
}
form fieldset.form dl.form dd.hint:before {
	content:"Info: ";
	font-style:normal;
}
form fieldset.form dl.form dd input.text{
	margin:0;
	padding:2px 4px;
	width:97.9%;
}
form fieldset.form dl.form dd select {
	margin:0;
	width:100%;
}

/**
 * Character block
 */
div.character-block {
	background:#4B7AAC url(../images/character/panel-backdrop.png) repeat-x top;
	border:1px outset #0B243D;
	margin:0 0 10px;
	position:relative;
}
div.character-block div.characterlevel {
	background: transparent url(/static/images/character/level-backdrop.png) top left no-repeat;
	float:left;
	height:40px;
	position:relative;
	width:65px;
}
div.character-block div.characterlevel img.chartype {
	left:0;
	position:absolute;
	top:0;
	z-index:100;
}
div.character-block div.characterlevel span {
	bottom:6px;
	position:absolute;
	right:9px;
	z-index:50;
}
div.character-block h3 {
	margin:15px 0 10px;
}
div.character-block h4 {
	margin:15px 10px 10px;
}
div.character-block div.character-options {
	float:right;
	font-weight:bold;
	margin:7px 5px;
}
div.character-block div.character-options a {
	color:white;
	font-weight:normal;
	text-decoration:underline;
}
div.character-block hr.clearall {
	border:0;
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	width:100%;
}
div.character-block div.characterattributes {
	clear:both;
}
div.character-block div.characterattribute {
	float:left;
	height:50px;
	margin:0 0 5px 20px;
	width:200px;
}
div.character-block div.characterattribute img {
	float:left;
	font-size:11px;
	margin-top:1px;
	margin-right:10px;
}
div.character-block div.characterattribute dl {
	margin:0 0 0 60px;
}
div.character-block div.characterattribute-wide dl {
	width:250px;
}
div.character-block div.characterattribute.noimage dl {
	margin:0;
}
div.character-block div.characterattribute dl dt {
	border-bottom:1px solid white;
	font-size:10px;
	line-height:20px;
}
div.character-block div.characterattribute dl dd {
	font-size:12px;
	line-height:30px;
	margin-left:10px;
}
div.character-block div.smallinfo {
	padding:5px 10px;
}
div.character-block div.characterattribute img.kinshiprank {
	font-size:11px;
	margin:6px 5px 0 0;
}

div.character-block div.characterattributes.column-left {
	clear:left;
	float:left;
	padding:0 10px;
	width:47%;
}
div.character-block div.characterattributes.column-right {
	clear:none;
	float:left;
	padding:0 10px;
	width:47%;
}
dl.charactervocation {
	width:100%;
}

div.craftingprofession {
	background:#4B7AAC url(../images/character/panel-backdrop.png) repeat-x scroll center top;
	border:1px solid white;
	border-top:0;
	margin:0 0 10px;
	padding:5px 10px;
}
div.craftingprofession h5 {
	font-size:15px;
	margin:0 0 10px;
}
div.craftingprofession div.professiontext {
}
div.craftingprofession div.professiontext img {
	float:left;
	margin-right:10px;
}
div.craftingprofession dl {
	margin-bottom:0;
}
div.craftingprofession dl dt {
	float:left;
	margin-left:30px;
	width:30%;
}
div#charactercrafting ol#craftingdisplay {
	border-bottom:1px solid white;
	height:22px;
	list-style-type:none;
	margin:0;
	padding:0;
}
div#charactercrafting ol#craftingdisplay li {
	float:left;
	margin:3px 3px 0 0;
	width:32%;
}
div#charactercrafting ol#craftingdisplay li a {
	border:1px solid white;
	border-bottom:0;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	line-height:18px;
	text-align:center;
}
div#charactercrafting ol#craftingdisplay li.active {
	background-color:#0B223C;
	margin-top:0;
}
div#charactercrafting ol#craftingdisplay li.active a {
	line-height:22px;
}

/* Article */
div.recentarticle {
	
}
div.recentarticle h2 {
	margin-bottom:5px;
}
p.meta {
	border-bottom:1px dashed #3F5C7F;
	margin-top:0;
}
p.description {
}
div.articleinfo {
	border-top:1px dashed #3F5C7F;
	margin-top:0;
}
p.readmore a,
a.readmore {
	float:right;
	margin:0 0 0 10px;
}
p.readmore a.contrast {
	color:white;
	margin:1px 10px 3px 0;
}
div.sidebarblock div.sidebarblock-content ol.contents {
	margin-top:8px;
	margin-left:20px;
}
div.sidebarblock div.sidebarblock-content ol.contents li {
	line-height:1.5em;
}
div.sidebarblock div.sidebarblock-content ol.contents li.active {
	font-weight:bold;
}
div.sidebarblock div.sidebarblock-content ol.contents li a {
	color:#fff;
}

a.nextprevious {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
a.nextprevious:hover {
	text-decoration:underline;
}

div.tableofcontents {
	border-top:1px solid #ededed;
	margin-top:15px;
}
div.tableofcontents h3 {
	margin-top:5px;
	margin-bottom:4px;
}
div.tableofcontents ol {
	margin:0;
}
div.sidebarblock div.sidebarblock-content ol.contents li.discussion,
div.tableofcontents ol li.discussion {
	background:transparent url(/static/images/icons/discussion.png) no-repeat scroll 0 0;
	line-height:1.6em;
	list-style-type:none;
	margin-left:-21px;
	padding-left:21px;
}
div.tableofcontents ol li.active,
div.tableofcontents ol li.active a {
	color:#fff;
	font-weight:bold;
}

.skilllist {
	border:1px solid #3F5C7F;
	border-collapse:collapse;
	border-spacing: 0pt;
	margin:10px auto;
	width:80%;
}
.skilllist td {
	border:1px solid #3F5C7F;
	padding:3px;
	vertical-align:top;
}
.skillicon {
	padding-right:5px;
	width:32px;
}