.errorExplanation, .signup-notice {background: #f33; padding: 10px; color: white; width: 630px; margin: auto;}
.fieldWithErrors input{background: #f33;}

.signup-notice{background: #ff3; color: black}


body#general{}
div#main{width: 1000px; margin: 0px auto; background: white}
body#general>div#main{margin-top: -10px}
div.restaurant{}


a{color: black}
a:hover{color:gray}
a:visited{color: #666}

.clearing{clear: both}
body#general{margin: 0px; font-family: sans-serif;}

div#notice{width: 1000px; text-align: center; margin: -5px auto; padding: 10px 0; background: yellow;}



body#signup{margin: 0px; font-family: sans-serif; background: #eee}
body#signup fieldset {width: 600px; margin: 30px auto; line-height: 1.9em; border: 25px solid #bbb; background: white;}
body#signup fieldset legend {padding: 20px 30px; border: 5px solid #777; background: white}
body#signup fieldset p{text-align: center; font-weight: bold;}
body#signup input.submit {float: right; ating_icons/margin-right: 80px; padding: 10px; font-size: 1.2em}
body#signup p.email-explained{text-align: left; margin-top: 30px;}

input#user_name,
input#user_email,
input#user_password,
input#user_password_confirmation{width: 300px}
body#signup dt label{text-align: right; display: block; width: 120px; float: left; margin-right: 5px}

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

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



div.listing{padding: 10px 10px 0px 10px; width: 400px; float: left}
div.listing div.img img{height: 50px; width: 50px;}
div.listing h2{font-size: 1em}
div.listing p{margin-top: -15px}


div.comment{margin: 10px 10px 10px 80px; border-left: 2px solid gray; padding: 10px; background: white; font-size: 0.8em}



div.sidebar {font-family: serif; background: white; padding: 10px; width: 270px; float:right; margin-right:10px}
body>div#main>div.sidebar{margin-right:40px}
div.sidebar img{padding: 10px; border: 1px solid gray; background: #ddd;}
div.sidebar div.special-restaurant h2{}

div.sidebar dl.restaurant dt {font-size: 1.5em; font-weight: bold}
div.sidebar dl.restaurant dd {margin: 5px 3px}
div.sidebar div.user-profile strong{text-transform: upper-case}
div.sidebar ul {list-style-type: square; color: gray}


div.pagination{font-family: "Palatino", serif; font-weight: bold; font-size: 1; text-align: right; margin: 10px;}
div.pagination a{color: black; padding: 3px 5px; background: #ccc; text-decoration: none}
div.pagination a:hover{color: white; background: black}
body{background: #ccc}

div#header{border-bottom: 4px solid #bbb; width: 1000px; margin:20px auto 0 auto; padding-top: 10px}

div#header h1{font-size: 3em; float: left; padding-right: 0.3em; margin-left: 0.3em}
div#header h1 a{color: orange; text-decoration: none}
div#header h1 a:hover{color: #bbb}

div#footer{width: 1000px; margin: -10px auto 10px auto; background: white}
div#footer a{padding: 4px;}

div#top-pane{background: black url(/images/skyline.jpg) no-repeat bottom right; margin: 0px; padding: 0px; height: 122px}
div#top-pane p{clear: left; color: white}
div#user-pane {float:right;color: white; padding:5px}
div#user-pane a {color: white;}

span.signup-forgot{float: right; margin-left: 10px;}
#slipin-form{font-size: 1.2em; background:black}
#slipin-form form{float: right; text-align: right; background: #ccc; width: 500px; padding: 10px; line-height: 40px}
#slipin-form form input{font-size: 1.1em}
#slipin-form form input#user_name,#slipin-form form input#user_password{width: 210px;}


fieldset#review{background: white; padding: 20px; width: 700px; border: 0px}
fieldset#review textarea{padding: 30px}

fieldset#comment{background: white; padding: 20px; width: 700px; border: 0px}
fieldset#comment textarea{padding: 30px}

div#wrapper{margin: 10px; padding: 1px; background: #eee; width: 620px}
/*this is to allow firefox and compliant browsers to have it a little wider*/
body>div#main>div#wrapper{width: 640px}


form#search_form input.textsubmit {padding: 2px; width: 190px; background: #eee}

div#search-wrapper {margin: 10px; padding:10px; background: #ccc}
div#search-results {margin: 10px; background: #ccc;}
div#search-results div {float:left; margin-left: 20px; width: 180px;}

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


/* admin edit screens */

div.edit-screen ul.types{float: right; margin-right: 30px; background: #ddd}
div.edit-screen{padding: 40px;}