

html { min-height: 100%; margin-bottom: 1px; }
body { background: url(../images/body.gif) top left repeat-x #f6f1de; margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; }
p, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1.1em; font-weight: normal; }
table, td, th, ul, ol, dl, dd, form, fieldset { margin: 0; padding: 0; border: 0; list-style: none; }
.hide-me, .hide_me { display: none; }
.show_me { display: block; }
.clean { clear: both; }
a { color: #660000; text-decoration: none; }
a:hover { color: #AE0000; }
a img { border: 0; }


#container { width: 770px; margin: 0 auto; padding: 8px 0px;}

#level-1 { background: url(../images/level-1.gif) left bottom no-repeat; height: 100px; position: relative; }

#logo { position: absolute; z-index: 3; bottom: 14px; }

.google-head { margin: 0 0 10px 0; background: #530707; }

.google-base { color: #FFFFCC; padding: 5px; }


#nav { position: absolute; bottom: 13px; right: 0; }

.nav-item { display: block; height: 35px; float: right; margin: 0 0 0 10px; padding: 0 0 0 0; }


.nav-item a { display: block; height: 35px;  }

#nav-signup a { background: url(../images/nav-signup2.gif) left top no-repeat; width: 166px; }

#nav-choose a { background: url(../images/nav-choose.gif) left top no-repeat; width: 199px; }

#nav-login a { background: url(../images/nav-login.gif) left top no-repeat; width: 166px; }

#nav-account a { background: url(../images/nav-account.gif) left top no-repeat; width: 166px; }

#nav-signup a:active, #nav-choose a:active, #nav-login a:active, #nav-account a:focus, #nav-signup a:focus, #nav-choose a:focus, #nav-login a:focus, #nav-account a:focus {
  outline:0; /* for browsers that understand */
 }




/*#nav-choose:hover a { background: url(../images/nav-choose-hover.gif) left top no-repeat; }*/

#choose-hidden { padding: 0 10px 10px 10px; width: 179px; background: url(../images/nav-choose-hidden.gif) left bottom no-repeat;  }



/*#nav-signup:hover a { background: url(../images/nav-signup2-hover.gif) left top no-repeat; }*/

#signup-hidden { padding: 0 10px 10px 10px; width: 146px; background: url(../images/nav-signup-hidden.gif) left bottom no-repeat;  }



/*#nav-login:hover a { background: url(../images/nav-login-hover.gif) left top no-repeat; }*/

#login-hidden { padding: 0 10px 10px 10px; width: 146px; background: url(../images/nav-login-hidden.gif) left bottom no-repeat;  }



/*#nav-account:hover a { background: url(../images/nav-account-hover.gif) left top no-repeat; }*/

#account-hidden { padding: 0 10px 10px 10px; width: 146px; background: url(../images/nav-account-hidden.gif) left bottom no-repeat;  }



#nav div dl { margin: 0 0 10px 0; }

#nav-choose div .input-select { width: 179px; }

#nav-signup div .input-select, #nav-login div .input-select { width: 146px; }

#nav-signup div .input-text, #nav-login div .input-text { height: auto; width: 143px; }

#nav-signup div .input-submit, #nav-login div .input-submit { height: auto; width: 143px; }

#nav div dt { font: bold 1em Arial, Helvetica, sans-serif; margin: 0 0 0 0; color: #706b58; }

#nav div dd { margin: 0 0 5px 0; }

#top-rated dd a { background: none !important; display: inline; height: auto; font: bold 1em Arial, Helvetica, sans-serif; width: auto; padding: 0 0 5px 0; margin: 0 0 0 0; }

#my-account dd a { background: none !important; display: inline; height: auto; font: bold 1em Arial, Helvetica, sans-serif; width: auto; padding: 0 0 5px 0px; margin: 0 0 0 0; }


#level-2 { background: #902626; padding: 8px 12px 10px 12px; }

.base { display: block; padding: 7px 10px 0px 10px; margin: 0 0 10px 0; }

.input-select { font-size: .9em; color: #660000; width: 155px; font-size: .9em; }

h3 { font: bold 1.6em Arial, Helvetica, sans-serif; padding: 0 0 13px 0; text-transform: capitalize; color: #660000; }

.photo { border: 1px solid #dcd4b8; background: #fffdf3; padding: 10px; }

#column-left { display: block; float: left; width: 175px; }

#comment { color: #b4ac94; padding: 15px 0 0 0; margin: 0 0 0 0; font: bold 1.8em Arial, Helvetica, sans-serif; text-align: center; }

#column-left .box { background: url(../images/box-left.gif) left top no-repeat #f6f1de; }

#column-left .base { width: 155px; display: block; background: url(../images/box-base-column-left.gif) left bottom no-repeat; }

#column-left10 {display: block;float: left;width: 175px; }
.base {display: block;padding: 7px 10px 10px 10px;margin: 0 0 10px 0; }
#column-left10 .box {background: url(../images/box-left.gif) left top no-repeat #f6f1de; }
#column-left10 .base {width: 155px;display: block; background: url(../images/box-base-left.gif) left bottom no-repeat; }

#results .base { padding-bottom: 0; }

#column-left h3 { float: left; }

#column-left h4 { font: bold 1.6em Arial, Helvetica, sans-serif; float: right; padding: 0 0 0 0; color: #b4ac94; }

#column-right { display: block; text-align: center; float: right; width: 560px; }

#column-right .box { background: url(../images/box-right.gif) left top no-repeat #f6f1de; }

#tasks { padding: 7px 0 9px 0; }

.icon { margin: 0 3px -3px 0; }

#tasks li { margin: 0 20px 0 0; display: inline;}

#tasks a { cursor: pointer; font: bold 1.1em Arial, Helvetica, sans-serif; border-bottom: 1px dotted #a19b83; color: #524c3b; }

#tasks a:hover { color: #660000; }

.breaker { clear: both; display: block; border: 0px; margin: 10px 0; width: 540px; background: url(../images/breaker.gif) center top no-repeat; height: 2px; }

#column-right h5 { text-transform: capitalize; font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 20px 0; margin: 0 0 0 0; color: #660000; }
#column-right h6 { text-transform: capitalize; font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0 0 0; color: #660000; }

#column-right .base { background: url(../images/box-base-right.gif) left bottom no-repeat; padding: 0; width: 560px; display: block;  }

#profile, #ratepics {}

#profile { color: #524c3b; padding: 10px 15px; text-align: center; }

#profile h3 { text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 0 0; }

#profile dt { color: #8D8875; font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0 0 0; text-transform: capitalize; }

#profile dd { color: #B4AC94; font: bold italic 1.4em Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }

#ratepics h4 { color: #B4AC94; font: bold italic 1.4em Arial, Helvetica, sans-serif; padding: 5px 0 0 0; }

#picture-url, #picture-tag { padding: 0 0 10px 10px; float: left; }

#picture-url .input-text { color: #660000; font-size: .9em; width: 350px; }

#picture-tag .input-select { font-size: .9em; color: #660000; width: 120px; }

#level-3 { padding: 10px 0 20px 0; color: #524c3b; background: url(../images/level-3.gif) left top no-repeat; }

#level-3 h4 { font: bold .9em Arial, Helvetica, sans-serif; float: left; }

#level-3 h5 { font: bold .9em Arial, Helvetica, sans-serif; float: right; }

#manage-account p { margin: 0 0 5px 0; }

#manage-account li { list-style: disc; padding: 0 0 0 4px; margin: 0 0 2px 15px;  }
	
.content-box { 	margin: 0 0 15px 0; }
	
#content h4 { font: bold 1.3em Arial, Helvetica, sans-serif; padding: 0 0 2px 0; text-transform: capitalize; color: #660000;	}
 

/*

#level-2 form { float: right; }


input, select { border: 1px solid #ada381; color: #660000; padding: 2px; font-size: .9em; }


#column-left { float: left; width: 175px; }

#column-right .box-head { background: url(/assets/images/box-head-column-right.gif) top left no-repeat #f6f1de; }

#column-right .box-base,  { background: url(/assets/images/box-base-column-right.gif) bottom left no-repeat; }

#column-left .box-head, #column-right .box-head { width: 175px; background: url(/assets/images/box-head-column-left.gif) top left no-repeat #f6f1de; }

#column-left .box-base, #column-right .box-base { background: url(/assets/images/box-base-column-left.gif) bottom left no-repeat; }


.header { display: block; height: 14px; width: 150px; margin: 0 0 5px 0; }

#head-showme { background: url(/assets/images/head-showme.gif) left top no-repeat; }

#head-submit { background: url(/assets/images/head-submit.gif) left top no-repeat; }

#head-login { background: url(/assets/images/head-login.gif) left top no-repeat; }


#column-right { float: right; width: 175px; }


#level-3 #submit-pic .button { margin: 0 0 0 0; }


.caption { text-align: center; margin: 0 0 5px 0; padding: 0 0 0 0px; }

#column-mid { position: relative; width: 564px; margin: 0 0 0 185px; text-align: center;  }

.highlight { color: #660000; font-weight: bold; background: #dcd4b8; margin: 0 0 10px 0; padding: 5px 10px; }
*/
#rating-bar { padding: 10px 10px 0 50px; }

#rating-bar dt, #rating-bar dd { float: left; }

#rating-bar dt { font: bold 1.4em Tahoma, Arial, Helvetica, sans-serif; color: #660000; padding: 1px 2px 0 5px; }

#rating-bar dd { padding: 0 5px 0 0; }


#rating-bar input { border: 0px; }
/*
#photo { text-align: center; margin: 0 0 5px 0; }

#column-mid img { border: 1px solid #dcd4b8; background: #fffdf3; margin: 0 0 10px 0; padding: 10px; }

#column-mid p {  }

#level-3 .button a { text-transform: uppercase; font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; }

#column-mid .button a { display: block; width: 545px; text-align: center; padding: 12px 0; margin: 0 0 10px 0; font-size: 1.4em; background: url(/assets/images/button-column-mid.gif) left bottom no-repeat #a62e2e; }

#column-mid .box-head { background: url(/assets/images/box-head-column-mid.gif) top left no-repeat #f6f1de; }

#column-mid .box-base { background: url(/assets/images/box-base-column-mid.gif) bottom left no-repeat; }

#more-pics { margin: 0 0 10px 0; }

#column-mid a#profile-expand #profile { display: none; }

#column-mid a#profile-expand:hover #profile { display: block; padding: 10px; z-index: 10; position: absolute; bottom: 150px; left: 450px; width: 300px; text-align: left; background: #fffdf3; border: 1px solid #dcd4b8; }

#profile dt { float: left; margin: 0 5px 0 0; font: bold 1em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }

#profile dd { font: italic 1em Georgia, "Times New Roman", Times, serif; margin: 0 0 5px 0; 
padding: 0 0 5px 0;  }

#other-options dt, #other-options dd { float: left; margin: 0 5px 0 0; }

#other-options dt { text-transform: uppercase; color: #660000; font-weight: bold; padding: 4px 0 0 0; }

#other-options input { margin: 0 5px 0 0; width: 245px; }


#prev-pic { position: relative; }


#rating-results { position: relative; }

#rating-results p img { border: 1px solid #dcd4b8; background: #fffdf3; margin: 0 0 10px 0; padding: 10px; }

h3 { color: #902626; margin: 0 0 3px 0; font: bold 1.5em Tahoma, Arial, Helvetica, sans-serif; }

h4 { color: #660000; margin: 0 0 5px 0; font: bold 1.4em Tahoma, Arial, Helvetica, sans-serif; }

#rating-results h4 { background: url(/assets/images/comment.gif) 0 0 no-repeat; display: block; float: right; 
width: 105px; color: #FFFFCC; font: italic 1em Georgia, "Times New Roman", Times, serif; 
padding: 2px 0 0 15px; height: 18px; }

#column-right .button a, #column-left .button a,  #rating-results .button { border: 0px; font-size: 1.4em; width: 141px; display: block; text-align: center; padding: 7px; background: url(/assets/images/button-column-right.gif) left bottom no-repeat #a62e2e; }

#visitor-rating { font-weight: bold; font-size: .9em; float: left; }

#total-votes { font-weight: bold; font-size: .9em; float: right; }

#column-right .highlight { margin: 0 0 0 0; }

#submit-pic p { margin: 0 0 5px 0; }


#filters dt { display: none; }

.input-general { margin: 0 0 5px 0; }

.input-select { width: 155px; }

.input-text { width: 149px; }

#filters .input-button  { background: #dcd4b8; width: 155px; }

#user-login .input-button { background: #dcd4b8; width: 155px; }


#user-login dl { width: 93px; 
margin: 0 5px 5px 0; float: left; }


.button { background: #dcd4b8; }
	
#level-2 input { background: #731212; color: #d07070; text-transform: uppercase; font: .9em Arial, Helvetica, sans-serif; padding: 2px 5px; width: 150px; border: 1px solid #902626; }
#column-left .google-head, #column-right .google-head { background: url(../images/google-head-column-left.gif) left top no-repeat #530707; }

#column-left .google-base, #column-right .google-base { background: url(../images/google-base-column-left.gif) left bottom no-repeat; }

#level-2 .google-head { background: url(../images/google-head-level-2.gif) left top no-repeat #530707; }

#level-2 .google-base { padding: 5px 15px; background: url(../images/google-base-level-2.gif) left bottom no-repeat; }

#level-2 .google-base dd, #level-2 .google-base dt { float: left; padding: 3px 0 0 0; margin: 0 50px 0 0; }


*/

/* User Account Page */
.a-picture { width: 520px; }

.a-picture .stats { width: 280px; float: right; }

.a-picture h3 { font: bold 1.3em Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }

.a-picture .photo { margin: 0 0 5px 0; }

.a-picture h4 { font: bold 1.3em Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; float: right; }

.stats dt { font: bold 1.3em Arial, Helvetica, sans-serif; color: #660000; }

.status { display: block; padding: 5px; margin: 0 0 20px 0; }

.active { color: #006600; border: 1px solid #b6eaad; background: #d3ffcc; }

.waiting { color: #660000; border: 1px solid #eaadad; background: #fccaca; }

.rejected { color: #000000; border: 1px solid #eaadad; background: #aaaaca; }

.stats input, .stats select { width: 240px; }

.picture-desc { height: 40px; }

.stats dd { margin: 0 0 5px 0; }

.stats .rating { font: 4em Arial, Helvetica, sans-serif; }







