/* Tag style resets */
* { margin: 0; padding: 0; font-family: inherit }
html, body { height: 100% }
body { font: 14px arial}

:focus { outline: 0 }
a { color: #04b; text-decoration: none }
a:hover, a:active { text-decoration: underline }
blockquote { border-left: 3px solid #08f; padding-left: 5px }
h1 { font-size: 24px; color: #04b }
h2 { font-size: 18px }
h3 { font-size: 15px }
h4 { font-size: 14px }
h1, h2, h3, h4 { font-family: verdana }
hr { background-color:#aaa; border:0 none; color:#aaa; height:2px; margin:4px 0 6px; width: 100% }
img { border: 0 }
label { font-size: 12px; font-weight: bold }
label span { color: gray } /* optional text */
p { margin: 4px 0 10px 0 }
th { text-align: left }
ul { margin-left: 1em }
textarea { font: 13px arial }


/* Generic Styles */
.clr { clear: both }
.script { display: none }
ul.h { display: block; clear: left; margin-left: 0 } /* Horizontal Lists */
ul.h li { display: block; float: left; margin-right: 20px }


/* Top Styles */
div.top { background: url('/img/top3.png') repeat-x top left }
div.top div { background: url('/img/top1.png') repeat-x top left; width: 396px } /* Width of menu area */
div.top div div { background: url('/img/top2.png') no-repeat top right; width: auto }
div.top div div div { background: url('/img/listpod.png') no-repeat 0 0; height: 127px; margin-left: 12px }
div.top h1 { opacity: 0; height: 38px }
div.top h1 { filter: alpha(opacity = 0); zoom: 1 } /* IE Hackery */

div.top ul.menu { display: block; clear: left; margin-left: 0; height: 18px; margin-top: 9px; margin-left: -20px }
div.top ul.menu li { display: block; float: left; margin-left: 20px }
div.top ul.menu a { color: #d9d9d9; font: bold 18px arial; text-decoration: none }
div.top ul.menu a:active,
div.top ul.menu a:hover { color: white }

div.top form { margin-top: 19px }
div.top form input.q { width: 273px; color: #06f; font: bold 13px Verdana }

div.top div.account { color: #abf; font: 12px arial; width: auto }
div.top div.account a { color: white; font-weight: bold; text-decoration: none }
div.top div.account a:active,
div.top div.account a:hover { color: white; text-decoration: underline }

div#main { min-height: 100% }
div#content { margin: 0 6px 0 12px; max-width: 950px }
div#footer { margin-top: -32px; min-height: 20px; background: url('/img/footer.png') repeat-x top left; padding-top: 12px; color: gray; font-size: 12px }
div#footer a { color: #aaa }
div#footer a:hover,
div#footer a:active { color: #08f; text-decoration: none }


/* Rating Forms */
div.rate { float: left; width: 42px }
div.rate div.rating { text-align: center; height: 16px; margin-top: -4px; font: bold 15px verdana; color: #888 } 
div.rate form.up,
div.rate form.down { text-align: center }

div.list div.info,
div.item div.info { margin-left: 42px }


/* Lists, Items and Comments */
div.list,
div.item { margin-top: 20px }
div.comment { margin: 15px 0 }
div.comment div.comment { margin-left: 20px }
div.comment div.text { margin: 5px 0 }
.meta { font-size: 12px; color: #999; line-height: 13px; margin-top: 3px }
.meta a { color: #889; font-weight: bold }
.meta ul.h li { margin-right: 14px } 

div.map { border: 1px solid gray }
audio, .audio, video, .video { width: 300px; display: block }
video, .video { height: 180px; border: 1px solid #aaa; background-color: #ccc }
audio, .audio { height: 26px }
div.item div.info div a img { border: 1px solid black }

div.from { margin-bottom: 8px; font-size: 12px }

form.comment { display: block; clear: left }
div.comment div.rate { width: auto }
div.comment div.rate div { float: left }
div.comment div.rate div.rating { height: auto; margin: 0 5px } 
div.comment div.rate form.up,
div.comment div.rate form.down { display: inline; width: auto; height: auto; text-align: left }


/* List Form */
div.list form { max-width: 500px }
div.list form input#name { width: 98.5%; min-width: 200px }
div.list form textarea,
div.list form input#reason { width: 98.5% }

/* Item Form */
div.item form { max-width: 600px }
div.item form textarea { width: 98.5%; height: 97px }
div.item form input#name { width: 98.5%; max-width: 350px }
div.item form input#reason { width: 98.5% }

div.item form div.attachment { font-size: 12px; border: 1px solid #789; margin: 7px 0; padding: 3px; background-color: #def }
div.item form div.attachment a.remove { float: right; width: 195px; text-align: right }
div.item form div.attachment div.map { margin: 0 -3px -3px -3px; height: 200px; border-width: 0; border-top: 1px solid #789 }
div.item form div.attachment input { width: 390px }

/* Comment Form */
form.comment { display: block; max-width: 400px }
form.comment textarea { width: 98.5%; height: 100px }

/* Sign In */
div.signIn { background: url('/img/background-profile.jpg') no-repeat 180px 0; height: 200px }
div.signIn form { width: 160px }
div.signIn input#name,
div.signIn input#password { width: 156px }

/* Create Account */
div.user { background: url('/img/background-profile.jpg') no-repeat 530px 50px }
div.user form { max-width: 500px }
div.user input#name,
div.user input#password { width: 98.5%; min-width: 160px }
div.user textarea { width: 98.5% }

/* Contact Us */
form.contact { display: block; max-width: 400px }
form.contact input#name,
form.contact input#email,
form.contact input#subject { width: 98.5%; max-width: 200px }
form.contact textarea { width: 98.5% }

/* Home Page */
div.home div.about { float: right; width: 220px; border: 1px solid black; padding: 10px; margin: 10px 0 10px 10px; background-color: #eee; line-height: 20px }
div.home div.cloud a { color: #02b; white-space: nowrap }
div.home div.random { height: 260px; overflow: hidden }
div.home div.random img { border: 1px solid black; margin: 3px }

/* All Forms */
input#captcha { font-size: 18px; font-weight: bold; width: 218px; color: gray; text-align: center }
div.submit { margin: 5px 0; text-align: right }
div.submit input { font-weight: bold; padding: 1px 5px; margin-left: 7px }
div.submit input.cancel { font-weight: normal }

/* Messages */
div.error, div.success, p.error, p.success { display: table; text-align: left; padding: 5px 5px 5px 33px; margin-bottom: 14px; max-width: 700px; font-size: 12px }
div.error, p.error { background: #fff6bf url(/img/warn.jpg) 5px 50% no-repeat; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324 }
div.success, p.sucess { background: #c4ffbb url(/img/check.jpg) 5px 50% no-repeat; border-top: 2px solid #00aa00; border-bottom: 2px solid #00aa00 }

/* History view styles */
table.history { width: 1000px }
table.history th { font-size: 13px; text-align: left }
table.history td { font-size: 12px }
table.history td span { color: gray }
table.history th.revision { width: 35px }
table.history th.modified { width: 140px }
table.history th.rating { width: 35px }
table.history th.tools { width: 60px }

/* Formatting Help */
table.formattingHelp { border: 1px solid gray; width: 100%; max-width: 500px }
table.formattingHelp th { padding: 5px 3px; background-color: #789; color: white }
table.formattingHelp td { padding: 5px 3px; border-top: 1px solid gray; background-color: #eee }