/* Global Styles */
html, body { font-family: Verdana, Sans-Serif; font-size: 1em; color: #ffffff; background-color: #000000; }
html, body { background-image: url('/images/bg.gif'); background-repeat: repeat; }
p { text-align: justify; margin-bottom: 10px; }
h1 { font-size: 1.4em; padding: 10px 0; }
h2 { font-size: 1.2em; padding: 10px 0 5px 0; }
h3 { font-size: 1.1em; padding: 10px 0; }
a, a:visited { color: #FFFF00; }
a:hover { color: #660099; }
table tr { vertical-align: top; }
table tr th { font-weight: bold; padding-bottom: 10px; }
label { padding-left: 5px; }
em { font-style: italic; }
strong { font-weight: bold; }

/* General Styles */
.clear { clear: both; }
.spaced td { padding-bottom: 5px; }
.middle tr { vertical-align: middle; }
.info { color: #ffffff; background-color: #006600; border: 1px solid #999999; padding: 10px; margin: 10px 0; width: 98%; }
.notice { color: #FF00FF; background-color: #292929; border: 1px solid #666666; padding: 10px; margin: 10px 0; width: 98%; }
.error { color: #ffffff !important; background-color: #990000; border: 1px solid #999999; padding: 10px; margin: 10px 0; width: 98%; }
.subtext { font-size: 0.9em; }

/* General Form Fields */
.formtable tr { vertical-align: middle; }
.formtable tr td { padding-bottom: 5px; }
.button { padding: 2px 10px; }
.largebutton { padding: 2px 10px; font-size: 14pt; }
.textfield { background-color: #121212; border: 2px solid #292929; color: #C7C7C7; padding: 2px; }

/* Layout */
#container { padding-top: 10px; width: 780px; margin: 0 auto; border: 1px solid #292929; text-align: left; background-color: #000000; }
#contents { padding: 10px; }
#footer { font-size: 0.6em; text-align: center; width: 100%; padding: 30px 0 3px 0; }

/* Navigation */
#navbar { background-image: url(            '/images/navbar.jpg' ); background-repeat: no-repeat; width: 780px; height: 34px; }
#navbarcontents { font-size: 0.95em; padding: 8px 0 5px 15px; color: #ffffff; }
#navbarcontents a, #navbarcontents a:visited { color: #e0dfdf; text-decoration: none; }
#navbarcontents a:hover { text-decoration: underline; }
#navlist { list-style-type: none; margin: 0; padding: 0; font-size: 0.9em; }
#navlist li { border-left: 1px solid #e0dfdf; float: left; line-height: 1.1em; margin: 0 .8em 0 -.5em; padding: 0 .5em 0 .5em; }
#navbarlogin { float: right; padding-right: 10px; }
#navbarlogin a, #navbarlogin a:visited { color: #ffea03; }

/* Lists */
.panellist { margin-left: 30px; }
.panellist li { list-style-image: url(            '/images/bluearrow.png' ); line-height: 30px; }

/* Profiles */
.profilethumb { text-decoration: none; }
.profileinfofield { width: 120px; }
.picbox { height: 85px; min-width: 100px; display: block; }
.thumbusername {font-size: 9pt; width: 100px; overflow: hidden; display: block}

/* Comments */
.commentbox { margin-bottom: 5px; }
.comments { width: 100%; }
.comments tr { border-top: 1px solid #292929; border-collapse: collapse; }
.comments td { padding: 10px 0; }
.commentcommand { float: right; }
.commentdate { font-size: 0.9em; color: #999999; }
.commentbody { width: 95%; }

/* Upload Form */
.ruRemove, .RadUpload_Vista * { color: #fff !important; }
.RadUpload_Vista .ruActions .ruButton { color: #000 !important; }

/* Media */
.imglist { margin: 10px 0; width: 100%; }
.imglist div { float: left; margin-right: 20px; }
.imgframe { width: 125px; height: 130px; text-align: center; font-size: 0.8em; }
.imgframe img { border: 1px solid #272727; padding: 4px 10px; }
.imgframe a, .imgframe a:visited { text-decoration: none; }
.imgbox { height: 92px; display: block; float: none; }
.centerbg { background-repeat: no-repeat !important; background-position: center !important; width: 100px !important; height: 80px !important; }
.currentalbumcover div { background-color: #660066; border: 1px solid #CC00CC; padding: 2px; width: 125px; }

/* Feeds */
.feed { color: aqua; padding: 5px; border-bottom: 0px dotted; font-size: 0.9em; border-bottom-color: white; }
.feed input { vertical-align: middle; }
.feedimg { float: left; margin-right: 5px; width: 60px; height: 60px; text-align: center; }
#divFeed { background-color: #9900CC; padding: 3px; border: 1px solid white; }

/* Stalk */
.stalkprofile { display: block; background: url(../images/stalkprofile.png) 0 0 no-repeat; width: 201px; height: 32px; }
.stalkprofile:hover { background-position: 0 -32px; cursor: pointer; }
.stalkmedia { display: block; background: url(../images/stalkmedia.png) 0 0 no-repeat; width: 201px; height: 32px; }
.stalkmedia:hover { background-position: 0 -32px; cursor: pointer; }


/* Status Updates */
.status { color: aqua; font-size: 0.8em; }
.statusdate { color: white; font-size: 0.6em; }
.statusupdatepanel { font-size: 1.0em; color: white; border-bottom: 0px solid white; padding: 5px; border-bottom-color: black; border-bottom-width: 0px; }

/* Other */
.emailpostdescription { font-size: 0.9em; }
.tourschedule { text-align: left; font-size: 9pt; height: 200px; overflow: hidden; overflow-y: scroll; width: 100%; margin-bottom: 10px; border: 1px solid #333; padding: 5px; }
.highlight { background-color: #800080; color: white; padding: 0 1px; }
.taglist { text-align: center; font-size: 0.8em; }

.actionbar { border: 1px solid #333; padding: 5px; margin-bottom: 10px; font-size: 0.9em; }
.actionbar ul { list-style-type: none; margin: 0; }
.actionbar ul li { float: left; margin: 0 20px 0 0; padding: 0; }

/* Temporary */
.lalala_ad { display: block; background: url(../images/lalalavideoad.png) 0 0 no-repeat; width: 470px; height: 357px; }
.lalala_ad:hover { background-position: 0 -357px; cursor: pointer; }
.profileactionlinks { line-height: 22px; text-align: left; }

.blogview a, .blogview a:visited { color: #FF00FF; }

/* Voting */
.votedropdown { margin-top: 10px; width: 210px; padding: 4px; text-align: left; background-color: #333; border: 1px solid #666; }
.votebutton { display: block; padding-bottom: 2px; }
.votebutton a, .votebutton a:visited { color: #8CCED1; text-decoration: none; display: block; width: 100%; }
.votebutton a:hover { color: yellow; background-color: #242626; }
.votecount { text-align: right; color: #CCCCCC; }
.votebar { height: 2px; background-color: #FF00FF; margin-top: 2px; display: block; }
.votetable { border-collapse: separate; width: 100%; }
.votetable td { background-color: #3E4241; border: 2px solid #333; border-collapse: collapse; padding: 3px 2px; }

.topresults { padding: 0; margin-bottom: 25px; width: 100%; text-align: center }
.topresults a, .topresults a:visited { text-decoration: none; }
.topresults table { width: 100%; }
.topresults table tr td { text-align: center; width: 50%; padding-bottom: 20px; }
.topresults h1 { font-size: 10pt; font-weight: bold; padding: 6px 0 0 0; }
.topresultsbody { background-image: url(    '../images/voteresults-body.gif' ); background-repeat: no-repeat; width: 233px; height: 147px; display: block; padding-top: 10px; }
.topresultstop { background-image: url(    '../images/voteresults-top.gif' ); background-repeat: no-repeat; width: 233px; height: 28px; display: block; }

.voteup { display: block; background: url(../images/voteup.png) 0 0 no-repeat; width: 58px; height: 51px; }
.voteup:hover { background-position: 0 -51px; cursor: pointer; }
.votingcategorytitle { font-size: 12pt; font-weight: bold; background-color: #500157; color: white; padding: 5px; border-bottom: 1px solid; border-style: solid; border-width: 1px; border-color: #330037 #330037 #3A8300 #330037; }

/* Messaging */
.messagetable { width: 100%; }
.messagetable, .messagetable tr { border: 1px solid #999999; border-collapse: collapse; }
.messagetable th { height: 30px; }
.messagetable #header { background-color: #000; }
.messagetable .hoverrow td { padding: 10px 20px; }
.messagetable .hoverrow2 td { padding: 10px 20px; }
.messagetable #header th { padding: 0 20px; }
.messagebody { font-size: 8pt; margin: 2px 0 4px 0; }
.messagetime { font-size: 8pt; color: #999999; }
.messageviewtime { font-size: 8pt; color: #999999; margin-bottom: 3px; }
.messagedelete { font-weight: normal; padding: 1px 2px; }
.messagebox { margin-bottom: 10px; min-height: 80px; border: 4px solid #b0d9ec; padding: 5px; font-size: 11pt; }