/* general utiltity styles*/
.clearing{clear: both}
/* ending general */


body{margin: 0px; background: black}
div#page-wrapper{width: 900px; border: 1px solid white; background: #fff; margin: 0px 0px 0px 80px}

/* login */
form#login-form{font-size: 14px}
form#login-form input{margin-right: 10px; background: #eee; padding:4px}
form#login-form span.submit-button{}
/* end login */


/* branding */
div#brand{background: black; margin: 30px -20px; padding: 5px 30px; color: white}
div#brand h1{padding-top: 5px}
div#brand h1 a{font-size: 1.5em; color: #c90; text-decoration:none}
div#brand h2{font-size: 2.1em; float:right}

/* ending branding */

/* header */
div#header {position: relative}
div#header #slipin-form{background: white}
div#header h1{}
div#header h2{}

div#header ul#menu{}
div#header ul#menu li{display: inline; margin: 0 5px}
div#header ul#menu li a{color: black; padding: 5px;}

/* ending header */

/* flash #notic */
div#notice{background: yellow; padding: 20px 40px; font-weight: bold}
/* ending flash #notice*/

/* login panel */
#openid_url {
  background: url(/images/login-bg.gif) no-repeat #FFF 5px;
  padding-left: 25px;
}

div#page-wrapper div#login div#slipin-form form{}
div#page-wrapper div#login ul{padding-bottom: 10px}
div#page-wrapper div#login ul li{display: inline; margin-right: 10px}
div#page-wrapper div#login ul li a{color: black}
div#page-wrapper div#login ul li.login{float:left}
div#page-wrapper div#login ul li.openid{float:left}
div#page-wrapper div#login ul li.signup{float:right}


div#page-wrapper div#slipin-form fieldset{border: 0px}
div#page-wrapper div#slipin-form span.signup-forgot{margin-left: 10px}
/* ending login*/


/* featured restaurant box */
div.feature-box{width: 300px; position: absolute; right: 0px; top: 40px; margin: 35px 10px 20px 10px; padding: 5px; background: white;}
div.feature-box h2{background: black; color: white; margin-top: 2px; padding: 5px}
div.feature-box h3{margin-bottom: -10px}
div.feature-box h3 a{margin: 10px; color: black}
div.feature-box h4 a{color: black; font-size: 0.8em;padding: 0 10px}
div.feature-box div.image-types{text-align: center}
div.feature-box div.image-types img{width: 250px;}
div.feature-box ul{list-style: none;}
div.feature-box ul li{font-size: 1em; text-align: left}
div.feature-box img{}
div.feature-box p{margin: 10px; line-height: 1.5em;}

div.feature-box div.rating-stats{font-size: 12px; background: #eeb; margin: 10px; padding: 3px 10px;}
div.feature-box div.rating-stats ul{float:left;}

div.feature-box dl#personality-buckets {padding: 5px; margin: 0px; border: 1px solid gray}
div.feature-box dl#personality-buckets dt{font-weight: bold}
div.feature-box dl#personality-buckets dd{display:inline; padding: 3px 5px; margin:0px; line-height: 30px; background: #eeb}
/* ending featured restaurant box */



/* ==== #main  =====*/
div#main{background: #ccc; padding: 10px; width: 550px}
div#wrapper{background: #ddd}
div.pagination{font-family: "Palatino", serif; font-weight: bold; font-size: 1; text-align: left; margin: 10px;}
div.pagination a{color: black; padding: 3px 5px; background: #ccc; text-decoration: none}
div.pagination a:hover{color: white; background: black}

div#main div#search {float: left}
div#main div#wrapper div#search-results { margin-top: 1em; padding: 1em; }
div#main div#wrapper div#search-results a{ text-decoration: none; color: black}

div#main div#wrapper .review-listing{margin: 40px; border: 1px solid gray; width: 500px; border-width: 0px 0px 3px 0px; padding-bottom: 20px}
div#main div#wrapper .review-listing h4{}
div#main div#wrapper .review-listing h4 a{color: navy}
div#main div#wrapper .review-listing img{float: left;border: 1px solid gray; padding: 10px; background: white; margin: 0 10px 0px 0 ; height: 50px; width: 50px}
div#main div#wrapper .review-listing ul{list-style: none; line-height: 1.5em; margin-left: 20px}
div#main div#wrapper .review-listing ul li{padding-right: 15px}
div#main div#wrapper .review-listing p{margin-top: 40px; line-height: 1.5em}
div#main div#wrapper .review-listing p a{}

/* restaurant review */

div#main div.review{margin: 10px 5px; background: #ddd; padding: 20px; font-size: 1em; line-height: 1.6em}
div#main div.review h2{margin-bottom: 0px}
div#main div.review p{margin-top: 0px}
div#main div.review a{color: #964}
div#main div.review a:hover{color: orange}
div#main div.review a:visited{color: green}
div#main div.review div.img img{float: left; height: 60px; width: 60px; border: 1px solid gray; padding: 10px; background: white; margin: 10px}
div#main div.review div.review-body {margin: 30px 10px; padding: 10px; background: #eee}
div#main div.rating {float: right; padding: 5px 10px; margin-top: 5px; background: white; font-weight: bold; text-align: center}
div#main div.rating img{padding-top: 10px}
div#main div.rating span.review-button a{background: yellow; padding: 5px;}

div#main div.review p.comment-count{margin: -10px 10px 0 20px}
div#main div.review p.review-link a{float: right; margin: -10px 30px 0 0}
div#main div.review p.review-link a:hover{color:white}
div#main div.review ul.types{margin-top: 0px}
div#main div.review ul.types li{display:inline; margin-left: 10px}
div#main div.review span.review-button a{display:inline}

div#main fieldset#review{border: 0px}
div#main fieldset#review input.submit{float: right; margin-right: 50px}

div#main div.review div#comment-drop{margin-top: 60px;}
div#main div.review div#comment-drop fieldset{border: 0px}
div#main div.review div#comment-drop form {}
div#main div.review div#comment-drop form legend{}
div#main div.review div#comment-drop form textarea {width: 400px; padding: 10px; font-size: 1.2em}

/* ending restaurant */

/* admin */
div.edit-screen ul.types{float: left; font-size: 0.8em; margin-right: 30px; list-style: none;}
/* ending admin */

/* footer */
div#footer{clear: both;}
div#footer ul li{display: inline; padding-right: 10px; margin-left: 10px}
div#footer ul li a{color: navy}

/* ending footer */