/* Style Reset (start) */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,legend { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,b,pre,code,address,caption,cite,code,em,b,th,small { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; }
/* Style Reset (end) */

html {background-color: #000; color: #666}
body {font: 100% Arial, Verdana, serif; line-height: 1.125em; width: 100%; margin-top: 5px; min-width: 940px}
a.red, .red a {color: #f90; background-color: inherit}
a.red:hover, .red a:hover {color: #f00 !important; background-color: inherit}
a.blue, .blue a {color: #66cccc; background-color: inherit}
a.blue:hover, .blue a:hover {color: #066 !important; background-color: inherit}
a.grey, .grey a {color: #666; background-color: inherit}
a.grey:hover, .grey a:hover {color: #000 !important; background-color: inherit}
input.redinput {border-color: #f00 !important; background-color: inherit}


div#wrapper {background: #fff url('/resources/images/spot-foo.gif') no-repeat 0 100%; position: relative; float: left; width: 100%; font-size: 0.875em;}

div#top {height: 75px; position: relative; width: 100%; background: url('/resources/images/spot-top.png') no-repeat 0 0; z-index:4; overflow: hidden; font-size: .9em}
div#top a {position: relative; right: 5px; top: 3px; float: right; text-align: right; margin-left: 900px; width: 35px; display: block; overflow: hidden}
div#container {background: none; width: 940px; margin: -75px auto 0; z-index: 3; position: relative; font-size: .9em}

a#logo, span#logo {clear: both; display: block; width: 840px; margin: 0 auto; border-bottom: 3px solid #6cc}

div#header {clear: both; width: 840px; position: relative; left: 50px;}
div#header ul {background-color: #6cc; width: 800px; text-align: center; float: left; font-size: 14px; }
div#header ul {padding-top:2px;padding-bottom:5px;padding-left:20px;padding-right:20px;}
div#header ul li {display: inline; margin: 0 10px}
div#header ul li a {color: #fff; font-weight: bold; white-space: nowrap}
div#header ul li b {color: #000; font-weight: bold; white-space: nowrap}

div#content {width: 600px; float: left; padding-left: 70px}
div#content h2 {font-size: 2em; line-height: 1em; padding: 30px 0 10px; float: left; width: 100%}
div#content h2 small {font-size: .5em}
div#content p {margin: .25em 0; clear: both}
div#content p img {margin: .25em auto .75em; vertical-align: middle}
div#content ul {margin-bottom: .25em; list-style: inside disc}
div#content div.info {background-color: #999; color: #ccc; padding: 1px 10px; width: 580px; float: left; margin-top: .25em}
div#content div.info a.tocomments {float: right; margin-left: 40px; text-align: right}
div#content div.info br {display: none}
div#content div.info a {color: #ccc}
div#content div.info a:hover {color: #fff !important}
div#content form {margin: 10px 0; font-size: .9em; background-color: #f4f4f4; float: left; width: 570px; padding: 15px 15px 0; overflow: hidden}
div#content form div.formbox {position: relative; width: 570px; margin: 0 0 7px; clear: both; float: left;}
div#content form div.formfoot {background-color: #fff; clear: both; text-align: right; width: 600px; margin: 0 0 0 -15px; padding: 10px 10px 0 0; border-top: 8px solid #f4f4f4}
div#content form p.note {color: #999; width: 370px; float: right; padding: 0; margin: 2px 0 -2px;}
div#content form p.error {color: #f00}
div#content form label {color: #999; position: absolute; top: 2px; left: 3px; z-index: 1}
div#content form input {font-size: .9em; width: 180px; border: 1px solid #dedcdc; height: 15px; padding: 2px; margin: 0; float: left; background-color: #fff}
div#content form input.clearstyle {width: auto; height: 14px; float: none; padding: 0; margin: -3px 1px 0 -5px; border: none }
div#content form input.button, input.button {border: none; background-color: #66cccc; color: #fff; padding: 2px 10px; cursor: pointer; margin: 0; width: 85px; height: 17px; float: none; text-align: center}
div#content form input.button:hover, div#side form input.button:hover {color: #6cc; background-color: #000}

div#content div#comments {width: 600px; float: left;}
div#content div#comments h3 {font-size: 1.5em; line-height: 1em; margin: 25px 0 10px; float: left; padding-left: 207px; color: #ccc;}
div#content div#comments form {width: 600px; clear: both; float: left; margin: 0; padding: 0; background-color: #fff}
div#content div#comments form textarea {border: 1px solid #dedcdc; width: 598px; height: 64px; overflow: hidden; font-size: 1em; color: #666; margin-bottom: 5px; background-color: #f4f4f4; font-family: Arial, Verdana}
div#content div#comments form .formfoot {margin: 0; width: 600px; border-top: none}
div#content div#comments dl {float: left; width: 594px; margin-bottom: .5em; margin-left:10px;}
div#content div#comments dl.odd {background-color: #f4f4f4}
div#content div#comments dt {float: left; width: 130px; font-weight: bold; font-size: .9em; padding-left: 55px}
div#content div#comments dt img {float: left; position: relative; margin-left: -55px; border: 1px solid #dedcdc}
div#content div#comments dt em {display: block; font-size: .9em;}
div#content div#comments dd {float: right; width: 390px;}


div#content div.gallery {float: left; clear: both; width: 613px; margin: 15px -13px 0 0;}
div#content div.gallery a {float: left; margin: 0 13px 13px 0; border-width: 6px; border-style: solid; border-color: #ccc}
div#content div.gallery a:hover {border-color: #000}

div#content div#pager {float: left; clear: both; margin: 1.5em 0 0; text-align: right; width: 600px}
div#content div#pager a.back {float: left}

div#content div#alpha {word-spacing: -2px; margin: 30px 0 5px; color: #ccc; font-size: 13px; text-align: center}
div#content div#alpha b {color: #000; font-weight: bold}

div#side {float: right; width: 160px; padding: 30px 70px 0 0}
div#side a.banner {display: block; margin-bottom: 25px}
div#side h3 {margin: 20px 0 3px; color: #6cc; font-size: 1.1em}
div#side p, div#side ul {margin-bottom: 25px}
div#side p.note {margin-bottom: 4px; color: #f00}
div#side form, div#side div#profile {margin-bottom: 25px; padding: 10px; background-color: #f4f4f4; float: left; clear: both; width: 140px}
div#side div#profile img {border: 1px solid #dedcdc; margin-right: 7px; width: 48px; height: 48px}
div#side form {font-size: .9em}
div#side form div {position: relative; margin-bottom: 4px;}
div#side form input {font-size: .9em; width: 134px; border: 1px solid #dedcdc; height: 15px; padding: 2px;}
div#side form input.button {border: 0; clear: both; float: right; background-color: #66cccc; color: #fff; padding: 2px 10px; cursor: pointer; margin: 4px 0 0; width: 70px; height: 17px}
div#side form label {color: #999; position: absolute; top: 2px; left: 3px; z-index: 1}

div#feed  {float: right; width: 100px; padding: 23px 70px 23px 60px; background: url('/resources/images/rss00000.jpg') no-repeat 0 50%; clear: right;}

table#submenu {width: 810px; margin: 0 60px 0 70px; clear: both}
table#submenu td {text-align: center; font-size: .9em; vertical-align: bottom; padding: 25px 0 5px}
table#submenu ul {display: inline;}
table#submenu ul li {display: inline; padding: 0 5px; border-left: 1px solid #66cccc}
table#submenu ul li.firstchild {border-color: #fff}
table#submenu ul li b {color: #000;}
table#submenu td.contact {width: 130px; padding-left: 70px; text-align: left; line-height: 1em}
table#submenu td.contact div, div#submenu small.contact div a  {display: inline; color: #666}
table#submenu td.contact div img {margin-left: -40px}

div#counter {width: 932px; background: url('/resources/images/spot-fop.gif') no-repeat bottom right; position: relative; float: right; z-index: 2; margin-top: -20px; height: 20px; overflow: visible; padding-right: 8px;}
div#counter a {top: 28px; position: relative; width: 17px; height: 17px; display: block; float: right;}

div#voting {width: 100%; text-align: center; margin-top: -5px; position: relative}
div#voting div {background: #fff url('/resources/images/cans0000.gif') no-repeat -102px 0; width: 102px; height: 30px; overflow: hidden; position: relative; margin: 7px auto 0}
div#voting div b {display: none}
div#voting div a {position: absolute; top: 0; left: 0; height: 30px; width: 102px; background: url('/resources/images/cans0000.gif') no-repeat 0 60px; text-indent: 1000px; overflow: hidden}
div#voting div a.score1 {left: -85px; z-index: 5}
div#voting div a.score2 {left: -68px; z-index: 4}
div#voting div a.score3 {left: -51px; z-index: 3}
div#voting div a.score4 {left: -34px; z-index: 2}
div#voting div a.score5 {left: -17px; z-index: 1}
div#voting div a.score6 {left: 0; z-index: 0}
div#voting div a:hover {background-position: 0 -30px;}
div#voting div.unlocked:hover {background-position: -102px 0 !important;}

div#footer {width: 805px; margin: 0 auto; border-top: 5px solid #000; clear: both; padding: 3px 65px 0 70px; border-bottom: 5px solid #000;}
div#footer a {margin-right: 5px; margin-bottom: 5px}

/* FileInput SCRIPT*/

div#content form div#fileinput {height: 17px}
div#content form div#fileinput input.customFile {position: absolute !important; left: 0px; top: 0px; width: 219px; margin-left: -140px; cursor: default; height: 17px; z-index: 2; opacity: 0;}
div#content form div#fileinput div {position: absolute; left: 0; top: 0;}
div#content form div#fileinput .fakeButton {z-index: 1; width: 85px; height: 17px; background: url('/resources/images/button00.jpg') no-repeat 0 0; float: left}
div#content form div#fileinput .blocker {z-index: 3; width: 150px; height: 17px; background: url('/resources/images/blank000.gif'); margin-left: -155px;}
div#content form div#fileinput #FileName {height: 15px; line-height: 15px; font-size: 8pt; color: #999; margin: 0 0 0 90px; padding: 2px 0 0 19px; background: url('/resources/images/_icons_0.gif') no-repeat;}
div#content form div#fileinput #activeBrowseButton {background: url('/resources/images/button_3.jpg') no-repeat 0 0; display: none}