/************/
/*  GLOBAL  */
/************/

*{padding:0;margin:0;}
body{font-size:13px;color:#d3d3d3;font-family:verdana,arial,sans-serif;background-color:black;background-image:url(lotro.jpg);background-repeat: no-repeat;background-position: top center;} /*Font-size:1.0em = 10px when browser default size is 16px*/
#container{width:920px;margin:30px auto 0 auto;padding:0 0 60px 0;min-height:100%;height:auto !important;}

/******************/
/*  LEFT COLUMN   */
/******************/
#left{_clear:both;margin-top:30px;width:678px;display:inline /*Fix IE floating margin bug*/;float:left;}

#left #content{clear:both;padding:0 20px 35px 23px;font-size:13px;}

#left #content img{padding:10px;border:none;}

#left #content h1{clear:both;margin:0 0 10px 0;font-family:"trebuchet ms",arial,sans-serif;color:gold;font-size:19px;font-weight:normal;}
#left #content h2{margin:20px 0 5px 0;font-family:"trebuchet ms",arial,sans-serif;font-size:17px;font-weight:normal;border-left:solid 4px gold;padding-left:10px;}
#left #content h3{margin:0;font-weight:bold;background:url('bullet.jpg') 0 60% no-repeat;padding-left:15px;font-size:13px;}

#left #content p{margin:5px 0;line-height:20px;}

#left #content blockquote{clear:both;margin:0 30px 0.6em 30px;font-size:100%;}

#left #content table{clear:both;width:99%;margin-bottom:10px;margin:3px 0 10px 0;}
#left #content table tr.odd{background-color:#f1f1f1;}
#left #content table tr.even{background-color:#e8e8e8;}
#left #content table td{padding:3px;}

#left #content ul{margin:15px 0;}
#left #content ul li{margin:0 0 0 30px;line-height:20px;}
#left #content ol{margin:15px 0;}
#left #content ol li{margin:0 0 0 30px;line-height:20px;}

#left #content a,#left #content a:visited{color:gold;text-decoration:none;font-weight:bold;}
#left #content a:hover{color:gold;text-decoration: underline;}

#left #content dt {padding: 10px 0 0 10px; text-decoration: underline;}
#left #content dd {padding: 0 0 20px 20px;}


/******************/
/* HEADER         */
/******************/
ul li#bypass {display:none;}

#header{width:680px;}

/* #header-top{width:100%;background:white url('logo.gif') 25px 0 no-repeat;height:90px;} for use with 600px wide image, then remove title and slogan from index.php */ 
#header-top{width:100%;height:90px;text-align:left;} /* for use with text or title */
#header-top h1{padding:20px 0 5px 15px;font:bold 25px 'Trebuchet MS',verdana,sans-serif;color:gold;}
#header-top h2{padding-left:15px;font:bold 14px 'Trebuchet MS',verdana,sans-serif;color:#777;}
#header-top a{text-decoration:none;color:gold;}

#header-middle{width:680px;height:27px;background:black;white-space:nowrap;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;position:relative;}
#header-middle ul{list-style-type:none;background:black;height:27px;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;position:relative;}
#header-middle li{float:left;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;border-left:1px solid gold;white-space:nowrap;display:inline;position:relative;}
#header-middle ul li a{display:block;height:27px;line-height:27px;text-decoration:none;font-weight:bold;color:gold;background:black;padding:0 10px;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;position:relative;}
* html #header-middle a {width:1%;}
#header-middle .selected,#header-middle a:hover{background:#222222;text-decoration:none;padding:0 10px;}
#header-middle li ul {margin-top:2px;display:none;left:0;position:absolute;width:120px;height:auto;}
#header-middle li li {width:120px;border:0;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;position:relative;}
#header-middle li li a{white-space:nowrap;display:block;width:120px;height:23px;margin-left:-1px;line-height:23px;border:solid 1px gold;border-top:none;font-weight:normal;color:gold;padding:0 10px;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;position:relative;}
#header-middle a:hover,#header-middle a:focus,#header-middle a:active{background-color:#222222;color:gold;}
#header-middle .sel a {background-color:#222222;color:gold;}
.header-breadcrumbs {padding:1.0em 0 1.5em 0;width:100%;}
.header-breadcrumbs ul {width:560px; list-style:none; padding:0 0 0 15px; font: bold 'Trebuchet MS',verdana,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 5px 0 10px; background:transparent url(bg_bullet_arrow.gif) no-repeat 0 50%;}
.header-breadcrumbs ul a {color:#777; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#999; text-decoration:underline;}
#header-bottom{width:680px;margin-left:0px;background:white url('bg.jpg') 0 0 repeat-x;height:30px;border-top:solid 2px #b35d37;}

/******************/
/* RIGHT COLUMN   */
/******************/
#right{clear:both;display:inline;float:right;width:240px;padding:0;}

#right #flashcontent{width:240px;height:170px;float:left;margin:0 0 5px 0;border:1px solid gold;text-align:center;background-image:url("gwaihir.jpg");}

#right .box{width:180px;margin:10px 30px 20px 30px;font-family:Verdana;}
#right .box h2{color:gold; font-size:14px; border-bottom:1px solid gold;}
#right h1{clear:both;margin:0;padding:2px 0 2px 10px;border-bottom:2px solid gold;background-color:black;text-align:left;font-family:'Trebuchet MS',verdana,arial,sans-serif;color:gold;font-weight:bold;font-size:13px;}
#right p{clear:both;margin:0;padding-top:10px;line-height:15px;font-size:11px;}
#right ul{list-style:none;margin:0.5em 10px 1.0em 10px;}
#right ul li{margin:5px 0 0.2em 2px;padding:0 0 0 11px;background:url(/bg_bullet_full_1.gif) no-repeat 0 0.4em;line-height:1.2em;font-size:110%;}
#right ol{margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/;margin:0.5em 10px 1.0em 35px /*IE6*/;}
#right ol li{list-style-position:outside;margin:0 0 0.4em 0;font-size:110%;}

#right a,#right a:visited{color:gold;text-decoration:none;font-weight:bold;}
#right a:hover{color:gold;text-decoration: underline;}

/********************/
/*  FOOTER SECTION  */
/********************/
#footer{clear:both;position:fixed;bottom:0;width:100%;margin:0 auto;z-index:auto !important /*Non-IE6*/;z-index:1000;}
#fade{height:50px;width:100%;background:transparent url('fade.png') 0 top repeat-x;_display:none;_height:0;}
#company_info{width:100%;font-family:verdana,arial,sans-serif;font-variant:small-caps;padding:1.0em 0 1.0em 0;background:black;border-top:2px gold solid;font-size:11px;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}
#company_info p{text-align:center;color:gold;font-weight:normal;font-size:11px;}
#company_info a,#company_info a:visited{color:gold;text-decoration:none;font-size:11px;}
#company_info a:hover{color:gold;text-decoration:underline;font-size:11px;}
#copyright{display:block;display:none;height:30px;width:100%;font-size:11px;color:#999;text-align:center;font-family:verdana,arial,sans-serif;font-variant:small-caps;}
#copyright a{text-decoration:none;color:#999;}
#copyright a:hover{text-decoration:underline;color:#999;}
#copyright a:visited{color:#999;}

/********************/
/*  FORM ELEMENTS   */
/********************/
form{margin:10px 0;padding:0;}
label{}
input{padding:2px;border:1px solid #eee;font:normal 1em 'Trebuchet MS',verdana,sans-serif;color:#777;}
textarea{width:400px;padding:2px;font:normal 1em 'Trebuchet MS', verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

.searchform{background-color:transparent;border:none;margin:0;padding:0;}
.searchform p{margin:10px;padding:0;}
.searchform input.textbox{width:100px;color:#333;height:20px;padding:3px;border:1px solid #ccc;}
.searchform input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

/******************/
/*  CLEAR FLOATS  */
/******************/
#container:after, #header:after, #header-bottom:after, #header-breadcrumbs:after, #main:after, #main-navigation:after, #left:after, #left div:after, #right:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print{.header-top{width:900px;height:80px;background:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
@media print{.header-breadcrumbs{width:900px;background:transparent;}}
@media print{.nav2{float:left;width:900px;border:none;background:rgb(240,240,240);color:rgb(75,75,75);font-size:1.0em;font-size:130%;}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent;}}
@media print{.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:199px;border-right:solid 1px rgb(200,200,200);border-bottom:solid 1px rgb(200,200,200);background-color:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE*/;}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:rgb(240,240,240);font-size:1.0em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}

td.field_title, td.field_name {white-space:nowrap;vertical-align:top;}
td.field_title {color:black;}
table.runs th {background:#222; color:gold;border:#222 solid 1px;}
table.runs td {border:#222 solid 1px; text-align:center;}
.runs .empty {background:none;border:none;}

p.success {color:gold; font-weight: bold;}
span.full {color:red; font-weight: bold;}
div#loginmaske ul {list-style-type:circle;}

span.level, span.name {font-family:"Times New Roman",times; font-size:48px; color: gold; vertical-align:middle;}
.lotroapi .char { z-index:auto !important /*Non-IE6*/;z-index:-1 /*IE6*/; position: relative; vertical-align: center; background: url(./char.jpg) top right no-repeat; width:100%; height:580px; }
.lotroapi .lotroitem, .lotroapi .icon { z-index:auto !important /*Non-IE6*/;z-index:-1 /*IE6*/; position: absolute;  }
.lotroapi .Head { left:400px; top: 5px; }
.lotroapi .Chest { left:400px; top: 150px; }
.lotroapi .Legs { left:400px; top: 350px; }
.lotroapi .Gloves { left:240px; top: 150px; }
.lotroapi .Boots { left:400px; top: 510px; }
.lotroapi .Shoulder { left:480px; top: 90px; }
.lotroapi .Back { left:440px; top: 90px; }
.lotroapi .Bracelet1 { left:240px; top: 190px; }
.lotroapi .Bracelet2 { left:540px; top: 240px; }
.lotroapi .Ring1 { left:240px; top: 230px; }
.lotroapi .Ring2 { left:540px; top: 280px; }
.lotroapi .Necklace { left:400px; top: 100px; }
.lotroapi .Earring1 { left:380px; top: 50px; }
.lotroapi .Earring2 { left:420px; top: 50px; }
.lotroapi .Weapon_Primary { left:240px; top: 110px; }
.lotroapi .Weapon_Secondary { left:540px; top: 200px; }
.lotroapi .Pocket1 { left:450px; top: 250px; }
.lotroapi .Weapon_Ranged { left:280px; top:110px; }
.lotroapi .Last { left:410px; top:250px; }
.lotroapi .CraftTool { left: 370px; top: 250px; }

#left #content .lotroapi table{clear:none;width:99%;margin:10px 0 10px 0;}
#left #content .lotroapi table td{padding:5px;}
#left #content .lotrostats table { border-collapse: collapse; width:100%; } 
#left #content .lotrostats table tr td { font-variant: small-caps; vertical-align: top; width:100px; }
#left #content .lotrostats table tr td.value { text-align:right; width:50px; }
#left #content .lotrostats td.col { width:50%; }
#left #content .lotrostats table tr td.header { font-weight: bold; text-decoration: underline; width: 100%; }
#left #content .lotrostats table tr td.space { padding-top: 2em; }
#left #content .lotrostat_morale { background: green; color: lightgreen; font-weight: bold; font-size:120%; }
#left #content .lotrostat_power { background: blue; color: lightblue; font-weight: bold; font-size:120%; }
#left #content .lotrostat_armour { background: red; color: #FFF0F5; font-weight: bold; font-size:120%; }
#left #content .lotrostat_block { background: darkgray; color: black; font-weight: bold; font-size:120%; }
#left #content .lotrostat_evade { background: gold; color: black; font-weight: bold; font-size:120%; }
#left #content .lotrostat_parry { background: orange; color: black; font-weight: bold; font-size:120%; }

#left #content .lotroapi .error { height: 40px; font-weight: bold; color: #FFF0F5; margin: 5px; vertical-align: middle; text-align: center; }