* { padding:0;margin:0; }

body { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;line-height:16px;background-color:black;color:white; }

ol li { display:inline; }
ul11 { padding-left:1em;margin:1em; }
ul li { list-style-type:none;height:1.5em; }
br { clear:both; }
fieldset, img { border:none; }
h1 { margin:1em 0 0.7em 0;height:1em; }
h2 { margin:0.7em 0 0.5em 0; }
h3 { font-size:1em; }

hr { margin:8px 0; }
p { margin-bottom:1em; }

table { width:100%;margin:16px 0;border-collapse:collapse;border:1px solid gray; }
table tr:hover { background-color:#77ff00; }
table th { padding:4px;background-color:#ddd;border:1px solid #aaa;text-align:center; }
table td { padding:4px;border:1px solid #aaa;text-align:center; }

.right { text-align:right; }
.center { text-align:center; }

.wrapper { width:980px;margin:auto;color:white; }
.wrapper a { color:white; }


#header { background-color:#222;padding:8px; }

#header .login { text-align:right;font-size:0.9em;color:gray; }
#header .login a { color:gray;text-decoration:none; }
#header .login a:hover { text-decoration:underline;color:#00ff00; }

#logo { float:left; }
#logo a { font-size:2.1em;text-decoration:none;color:#00ff00; }
#header ol { float:right;text-align:right; }

#Search { padding:8px;background-color:#333; }
#Search fieldset { float:left;padding-right:8px;margin-right:8px;border-right:1px solid gray; }
#Search #q { width:300px;height:14px;padding:2px 4px;border:1px solid gray; }
#FilterPano { display:none; }

/*** HEADER **
#header ol { margin-top:4px;padding:8px;background-color:#595f55; }
#header .themes { float:left; }
#header .login { float:right; }
#header ol li a { padding:0.5em 1em;font-size:1.2em;font-weight:bold;border-right:1px solid #989e94; }
#header form { padding:0.5em;background-color:#989e94;text-align:center; }
*/

#body { min-height:450px;width:980px;padding:12px;margin:auto;background-color:#111; }
#body .photo { float:left;margin:0 32px 16px 0; }
#body .photo img.horizontal { width:500px; }
#body .photo img.vertical { height:500px; }
#body .info { float:left;width:45%;text-align:justify; }

#body #pano { float:left;width:500px;border:1px solid gray; }
#body .new { float:right;width:46%;padding:4px;border:1px solid gray;background-color:#222; }

#body .thumb { float:left;width:130px;height:130px;padding:4px;margin:2px;text-align:center;border:2px solid transparent; }
#body .thumb:hover { background-color:#222;border:2px solid #00ff00; }
#body .thumb img.horizontal { width:130px;vertical-align:middle; }
#body .thumb img.vertical { height:130px; }


#body .galleries { margin-bottom:1em; }
#body .galleries li a { float:left;width:150px;height:120px;padding:3px;border:2px solid transparent;text-align:center;text-decoration:none; }
#body .galleries li a:hover { border:2px solid #00ff00; }
#body .galleries li img { width:150px; }

#body .bar { border-bottom:1px solid gray;padding:2px; }
#body .bar i { float:left; }
#body .bar b { float:right; }

/*** BODY **
#body { margin:1em 0 0.5em 0; }
#body p { margin-bottom:1em; }
#body .events { background-color:#1e201d;margin-bottom:2px; }
#body .events img { margin-top:8px;width:140px;height:100px; }
#body .events div { float:left;width:140px;margin:24px 19px 0 19px; }
#body .content { float:left;width:70%;height:500px;background-color:#1e201d;padding:2em 1em; }
#body .content h3 { color:white; }
#body .context { float:right;width:24.9%;height:500px;background-color:#2e302b;padding:2em 1em;text-align:justify; }

#body .mail { background-color:#1e201d;padding:2em 1em; }
*/

#footer { padding:8px;background-color:#222;font-size:0.9em; }
#footer div .links { float:left; }
#footer div .utils { float:right; }
#footer div .links, #footer div .utils { margin-bottom:1em; }

#footer .copy, #footer .www, #footer .www a { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.9em;color:#aaa; } 
#footer .copy { float:left; }
#footer .www { float:right; }
#footer a { color:gray;text-decoration:none; }
#footer a:hover { text-decoration:underline;color:#77ff00; }

/*** HOVERS **
#header ol li a { text-decoration:none; }
#header ol li a:hover { text-decoration:underline; }

#header .login a { text-decoration:none; }
#header .login a:hover { text-decoration:underline; }

#footer .www a { text-decoration:none; }
#footer .www a:hover { text-decoration:underline; }*/


.buttons { text-align:right; }
.buttons input { width:75px;cursor:pointer; }
.button { width:75px;cursor:pointer; }

#Login { width:450px;padding:32px;border:1px solid red; }
#Login fieldset label { float:left;width:150px;text-align:right; }
#Login fieldset input { width:200px;margin:4px; }

#Signup { width:500px;padding:32px;border:1px solid red; }
#Signup fieldset label { float:left;width:150px;text-align:right; }
#Signup fieldset input { width:200px;margin:4px; }
#Signup fieldset #Email { width:300px;margin:4px; }