/*#############################################################

© 2007 qwdrama Goldrush
Created by: Arcsin, http://arcsin.se

#############################################################*/

/* default elements */
* {margin: 0; padding: 0; outline: 0;}
html {height: 100%; padding-bottom: 1px;}
body {background: #183320; color: #343; font: normal 62.5% sans-serif;}



a {color: #04C;}
a:hover {color: #C40;}

#container {font-size: 1.3em; line-height: 1.3em;}

table h1,table h2,table h3 {margin-top: 0;}

h1,h2,h3 {padding: 8px 0 2px; color: #552;}
h1 {font: normal 2em sans-serif;}

fieldset {background: #F7F7F2; border: 1px solid #CCA; color: #332; margin-bottom: 1em; padding: 0 12px 10px;}
legend {color: #442; font: bold 1em Verdana,sans-serif; padding: 0 6px;}
input,textarea,select {font: normal 1em sans-serif; padding: 1px 2px; margin-top: 2px;}

hr {display: block; margin: 12px 0;}

form {display: inline;}
.lightbox form {display: block;}

h2 {font: normal 1.6em sans-serif;}
h3 {font: bold 1.1em Verdana,sans-serif;}

img {border: none;}
.bordered {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 5px;
}

li {line-height: 1.5em;}
form {margin-bottom: 1.2em;}
p {padding: 2px 0 8px;}
ul,ol {padding: 0 2em 1em;}
small,.small {font: normal 0.9em sans-serif;}

/* header */
.header {background: #1D5C2D url('img/goldrush.jpg') no-repeat center top; height: 140px;}
.header a {display: block; height: 140px; width: 99%; margin: 0 auto;}

/* navigation */
.navigation {
	background: #BFA993 url(img/nav.gif) repeat-x;
}
.navigation a {
	border-right: 1px solid #A0947B;
	color: #641;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	margin-right: 1px;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background: url('img/nav_hover.gif') no-repeat center top; color: #330;}

.navigation .left {border-left: 1px solid #A0947B;}
.navigation .right {border-left: 1px solid #A0947B;}

/* main */
.main {background: #F4F4EC url('img/main.gif') repeat-x; padding: 24px 0;}

.main-left {width: 560px; float: left;}
.main-right {float: right; width: 205px; border-left: 1px solid #DFDFD8; padding: 0 0 12px 26px;}

/* frontpage */
a#register {display: block; width: 150px; height: 180px; background: url('img/register.jpg') no-repeat center center;}

/* bottom */
.bottom {background: #247238; color: #FFF; padding: 12px 0; border-top: 1px solid #385340; border-bottom: 1px solid #FFF;}
.bottom .left {width: 48%;}
.bottom .right {width: 48%;}
.bottom h3 {color: #AFA}
.bottom a {color: #FFC;}
.bottom a:hover {color: #FF6;}

/* footer */
.footer {color: #DED;}
.footer .left,.footer .right {padding: 10px 0 6px;}
.footer a {color: #DED; text-decoration: none; font: bold 0.9em sans-serif;}
.footer a:hover {color: #FFF; text-decoration: underline;}

/* misc */
.col2 .left, .col2 .right {width: 49%;}
.padded {padding: 12px 16px;}
.content {width: 820px; margin: 0 auto;}
.left {float: left;}
.right {float: right;}
.clearer {clear: both; font-size: 0;}
.bold {font-weight: bold;}
.percentage {height: 5px; border: 1px solid #999; margin-top: 1px;}
.bar_balance .percentage {background: #FFD;}
.bar_winnings .percentage {background: #DEF;}
.user-statistics {font-size: 0.9em; line-height: 1.3em;}
.description {padding-top: 3px; color: #666; font: normal 1.1em Verdana,sans-serif; border-top: 1px solid #D1CEBD; margin-bottom: 8px;}
.description a {color: #333;}
.nolist {list-style: none;}
.line_dotted {line-height: 1px; border-top: 1px dashed #CCC; margin: 10px 0;}
.underlined {text-decoration: underline;}
.editbutton {border: 1px solid #CCC; background: #FAFAFA; color: #444; font-size: 11px; margin: 0; padding: 0;}
span.light {color: #887;}

/* datatables*/
table {border-collapse: collapse; width: 100%;}
table td {vertical-align: top; padding: 3px;}
.datatable {margin-bottom: 12px;}
.datatable .odd {background: #ECECE4;}
.bottom .datatable .odd {background: #2A8441;}
.datatable tr.summary td {padding-top: 10px; background: url('/img/summary.gif') repeat-x left top;}
table .bold {font-size: 0.9em;}

/* result coloring */
dl.correct {color: #090;}
h2.correct {background: url('img/icon_correct.gif') no-repeat; padding-left: 24px;}
span.won {padding-left: 21px; background: url('img/icon_plus.gif') no-repeat left center; font-weight: bold; color: #497835;}
span.lost {padding-left: 21px; background: url('img/icon_minus.gif') no-repeat left center; font-weight: bold; color: #C00;}
span.money {padding-left: 16px; background: url('img/icon_money.gif') no-repeat left center;}
span.correct {color: #060;}
span.incorrect {color: #F44;}
span.canceled {text-decoration: line-through; color: #777;}

/* lightbox / filter */
.lightbox {background: #FCFCF8; border: 1px solid #DCDCD8; padding: 4px 8px; color: #555; margin-bottom: 12px;}
.lightbox a {text-decoration: none; color: #06A;}
.lightbox a:hover {text-decoration: underline; color: #353;}
.lightbox a.bold {color: #444;}
.lightbox .description {font-size: 0.9em;}

/* text styling */
.error,.success {font: normal 1.1em sans-serif;}
div.success,div.error {margin: 12px 0; padding: 6px 6px 6px 28px;}
.success {color: #262; background: #E3F3BC url('img/icon_success.gif') no-repeat;}
.error strong, .success strong {font-size: 0.8em;}
.error {color: #331; background: #FFFAC4 url('img/icon_error.gif') no-repeat;}
.currentpage {font-weight: bold;}

/* buttons */
.button-bet {border: 2px double green; background: #080; color: #FFF;}

/* lists */
ul.options, ul.external, ul.faq, ul.stats {font-size: 1.1em;}
ul.options {padding-left: 0;}
ul.options li {list-style: none; background: url('img/icon_list.gif') no-repeat; padding-left: 16px;}
ul.external li {list-style: none; background: url('http://wiki.qwdrama.com/skins/qwdrama/external.png') no-repeat left center; padding-left: 15px;}
ul.faq, ul.stats, ul.external {padding-left: 0;}
ul.faq li {list-style: none; background: url('img/icon_faq.gif') no-repeat; padding: 1px 0 1px 19px;}
ul.stats li {list-style: none; background: url('img/icon_stats.gif') no-repeat; padding: 1px 0 1px 19px;}

/* odds chart */
dl {display: block; width: 100%; overflow: auto; margin: 0 0 3px; background: url('/img/oddschart_dot.gif') repeat-x 0 1.1em; color: #333; font-weight: bold;}
dt,dd.odds {background: url('/img/oddschart_bg.gif');}
dt {float: left; padding-right: 2px;}
dd {margin:0}
dd.odds {float: right; padding-left: 2px;}

.tagcloud {font-family: Verdana,sans-serif; line-height: 1.8em; margin-bottom: 12px;}
.tagcloud a {margin-right: 14px;}

/* servertime */
#servertime {font: normal 6em serif;}

/* comments */
span.comment {padding-left: 18px; background: url('img/icon_comment.gif') no-repeat left center;}

.comment_text {font: normal 0.9em Verdana,sans-serif; overflow: hidden;}
.comment_author {margin-bottom: 2px;}
.comment_author span.comment {font-weight: bold;}
.comment_body {float: left; width: 485px;}
.comment_icon {float: left; width: 48px; font-weight: bold; padding: 32px 0 4px;}
.comment_container {padding: 6px 10px 0;}
.comment_unconfirmed {background: #FCFCF9 url('img/emoicon_unconfirmed.gif') no-repeat 8px 6px;}
.comment_won {background: #F5FAF5 url('img/emoicon_won.gif') no-repeat 8px 6px;}
.comment_lost {background: #FFF5F5 url('img/emoicon_lost.gif') no-repeat 8px 6px;}
.comment_nobet {background: #FCFCF9 url('img/emoicon_nobet.gif') no-repeat 8px 6px;}
.comment_canceled {background: #FCFCF9 url('img/emoicon_canceled.gif') no-repeat 8px 6px;}
.comment_won .comment_icon {color: #181;}
.comment_lost .comment_icon {color: #B11;}
.comment_canceled .comment_icon {text-decoration: line-through; color: #777;}
.comment_spacer {clear: both; line-height:  6px;}

/* icons */
span.prev {background: url('img/icon_arrowleft.gif') no-repeat left center; padding-left: 16px;}
span.next {background: url('img/icon_arrowright.gif') no-repeat right center; padding-right: 16px;}