/****************************

Master Stylesheet for Coffee
Version: 1
Date: April 2008

*/

@import "ratings.css";

/* Basic Styles ************/

a:link {
	color: #3a2415;
	text-decoration: underline;
}

a:visited {
	color: #949266;
}

a:hover {
	color: #ffffff;
	background-color: #3a2415;
}

a:active {
	color: #1c6ab8;
	text-decoration: underline;
}

a img {
	border: none;
	background-color: transparent;
}

a:hover img {
	background-color: #fff;
	text-decoration: none;
}

body {
	font: 62.5% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background: #005d55 url(../images/white_stripe3.png) repeat scroll top left;
	line-height: 1.8em;
}

dd {
	margin-bottom: 15px;
	margin-left: 0;
}

div.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;	
}

div.main_wrapper {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px;
	padding-top: 10px;
	background-color: #fff;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-radius: 15px;
}

dl {
	margin-left: 15px;
	font-size: 1.3em;
}

dt {
	margin-bottom: 5px;
}

em {
	font-weight: bold;
	font-style: italic;
}

h1 {
	font-size: 2.5em;
	margin: 10px 0 10px 0;
	background-color: #ff0045;
	padding: 10px;
	color: #ffffff;
	font-weight: normal;
}

h2 {
	font: 2em "Georgia", "Times New Roman", serif;
	margin: 5px 5px 10px 15px;
}

h3 {
	font: 1.6em "Georgia", "Times New Roman", serif;
	margin: 5px 5px 10px 15px;
}

h4 {
	font: 1.4em "Georgia", "Times New Roman", serif;
	margin: 5px;
}

img {
	border: none;
}

input {
	
}

label {
	width: 120px;
	float: left;
	margin-left: 15px;
	margin-bottom: 25px;
	font-size: 1.2em;
	font-weight: bold;
}

li {
	margin: 0;
}

ol {
	font-size: 1.3em;
}

p {
	margin: 5px 0 5px 15px;
	font-size: 1.3em;
}

strong {
	font-weight: bold;
}

ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 1.2em;
}

/* General Classes *********/

.small {
	font-size: 0.8em;
}

.form_note {
	color: #005d55;
	font-weight: bold;
	font-size: 1em;
}

.close {
	margin-top: -10px;
}

dd.close {
	margin-left: 15px;
}

.submit {
	margin-left: 105px;
	margin-top: 10px;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.page_internal {
	margin: 0 10px 10px 15px;
}

#main .grad {
	background: #ffffff url(../images/grad.png) repeat-x scroll top left;
	padding: 10px;
	width: 940px;
}

.main_search {
	font-size: 2em;
}

.formError {
	float: right;
	color: red;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 325px;
	text-align: left;
}

.true {
	color: #1d963a;
}

.false {
	color: #961d1d;
}

/* Flashes *****************/

#flash_error {
	border: 1px solid #ee0000;
	background-color: #fd5358;
	font-size: 1.3em;
	text-align: center;
	padding: 10px 0;
	width: 838px;
	margin: 20px 0 20px 0;
}

#flash_notice {
	border: 1px solid #ffcc66;
	background-color: #ffffcc;
	font-size: 1.3em;
	padding: 10px 0;
	text-align: center;
	width: 838px;
	margin: 20px 0 20px 0;
}

/* Layout ******************/

#wanna_coffee {
	float: left;
	margin-top: 10px;
	color: #ffffff;
}

#header {
	height: 150px;
	margin-bottom: -27px;
}

#header .wrapper {
	height: 150px;
	background: transparent url(../images/cafe_images.png) no-repeat scroll bottom right;
}

#name {
	padding-top: 60px;
	margin-left: 60px;
}

#page {
	margin-top: 20px;
}

#highest_rated {
	margin-left: 340px;
}

#lower {
	margin-top: 30px;
}

.two_wide {
	width: 360px;
}

.three_wide {
	width: 280px;
}

#footer {
	margin-top: 20px;
	text-align: center;
}

#footer .wrapper {
	color: #ffffff;
}

#site #ad {
	margin-top: 80px;
	padding: 20px 20px 0 30px;
	width: 310px;
	border: 1px solid #000000;
}

h1#wantbeans {
	text-indent: -9000px;
	background-color: transparent;
	background-image: url(../images/name.png);
	background-repeat: no-repeat;
}

/* Navigation **************/

ul#nav_container {
	width:100%;
	position:relative;
	margin-left:60px;
}

ul#nav_container li {
	display:block;
	float:left;
	margin:0 0 0 5px;
}

ul#nav_container li a {
	display:block;
	float:left;
	color:#ffffff;
	background:#ff0045;
	text-decoration:none;
	padding:5px 17px 5px 18px;
}

ul#nav_container li a:hover {
	font-weight: bold;
	background:#ffffff;
	color: #ff0045;
}

#site.index #home_nav,
#sessions #signin_nav,
#site.help #help_nav,
#entries #blog_nav,
#users.edit #edit_user_nav,
#users.show #users_nav,
#users.new #users_nav {
	color: #ff0045;
	font-weight: bold;
	background-color: #ffffff;
}

/* Home Page ***************/

#intro {
	background: #FF0045 url(../images/white_stripe3.png) repeat scroll top left;
	padding: 10px;
	margin-bottom: 50px;
}

#intro p {
	color: #ffffff;
	font-size: 2.4em;
	line-height: 1.4em;
	font-weight: normal;
}

#search_box a {
	font-size: 2em;
}

#query {
	margin-left: 15px;
}

#featured p {
	margin-left: 10px;
}

#featured h2,
#recently_reviewed h2 {
	background-color: #ff0045;
	color: #fff;
	padding: 5px 5px 5px 10px;
	margin-left: 0;
	margin-right: 0;
}

#recently_reviewed h2 {
	margin-top: 0;
}

#recently_reviewed ul {
	list-style: none;
	margin-left: 0;
}

#recently_reviewed ul li {
	padding: 1px 10px 5px 10px;
	border-bottom: 1px dashed #c1c1c1;
}

#recently_reviewed h4 {
	margin-left: 0;
}

#recently_reviewed ul p {
	margin-left: 0;
	margin-top: -5px;
}

/* Signup ******************/

#new_user {
	margin-top: 20px;
	margin-left: 20px;
}

#new_user label,
.edit_user label {
	margin-top: 4px;
	width: 90px;
}

#users p {
	margin-left: 20px;
}

.form_holder {
	padding-top: 15px;
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: -1px;
}

#new_user .form_note {
	margin-left: 20px;
	color: #ffffff;
	padding: 5px 5px 5px 12px;
	font-weight: normal;
	background: #236D67 url(../images/arrow.png) no-repeat scroll center left;
}

/* Login *******************/

#new_session {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 1.4em;
}

#new_session input {
	font-size: 1.4em;
}

#new_session label {
	padding: 10px 0;
	font-weight: normal;
}

#login_form, #openid_form {
	background-color: #ff0045;
	border: 1px solid #ff0d4e;
	border-top: 2px solid #ff0d4e;
	padding: 10px;
	padding-top: 30px;
	margin-top: 5px;
	color: #ffffff;
	background-image: url(../images/white_stripe3.png);
}

#openid_form input {
	margin-top: 20px;
}

#openid_form label {
	text-align: center;
	line-height: 1.4em;
}

#login_tabs a {
	padding: 5px 10px;
	background-color: #d1d1d1;
	border: 1px solid #00655d;
	font-size: 1.2em;
}

#login_tabs a.active {
	background-color: #ff0045;
	color: #ffffff;
	border-bottom: 2px solid #ff0d4e;
	border: 1px solid #ff0d4e;
	font-weight: bold;
	background-image: url(../images/white_stripe3.png);
}

#login_tabs a:hover {
	cursor: pointer;
}

#users.forgot label,
#users.forgot input {
	margin: 20px 0 0 0;
}

#users.forgot input.submit {
	margin: 20px 0 0 120px;
}

/* Profiles ****************/

#users h1 {
	background-color: #ff0045;
	color: #ffffff;
	padding: 10px;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

#user_image {
	margin: 0 10px 0 0;
	border: 1px solid #d1d1d1;
}

#users p.intro {
	font-size: 1.4em;
}

#profile {
	margin-top: 20px;
}

#profile_info,
#badges {
	margin-right: 40px;
}

#profile_info p {
	margin-left: 10px;
}

#profile_info h2,
#badges h2 {
	margin-left: 0;
	padding-left: 20px;
}

#profile_info h2,
#basics h2,
#other_info h2,
#cafe_info h2,
#users h2 {
	background-color: #ff0045;
	color: #ffffff;
	padding: 5px;
}

#basics h2 {
	margin: 20px 0 0 0;
	padding-left: 10px;
}

#other_info h2 {
	margin-top: 15px;
}

#cafe_info h2 {
	margin-right: 0;
}

#users.new #page {
	height: 700px;
}

#badges img {
	margin-left: 45px;
	margin-top: 15px;
}

input#user_photo,
input#user_photo_submit {
	margin-left: 15px;
}

/* Cafes *******************/

#cafes #page h1 {
	background-color: #ff0045;
	color: #ffffff;
	padding: 10px;
	margin-left: 0;
	margin-right: 0;
}

#cafes_index {
	margin-top: -10px;
}

#cafes_index .cafe {
	border-bottom: 1px dashed #c1c1c1;
}

.cafe {
	padding: 10px 10px 10px 0;
}

#cafes_index .cafe p {
	margin-left: 20px;
}

.cafe .star-rating {
	margin-left: 5pxre;
}

#new_asset_help {
	background-color: #DFCDB5;
	color: #000000;
	padding-bottom: 10px;
	padding-right: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: normal;
	margin-top: 20px;
}

#new_asset_help p {
	margin-left: 20px;
}

#new_asset_help ul {
	margin-left: 20px;
}

#new_asset_help h2 {
	background-color: transparent;
	color: #000000;
}

#cafes.new #new_asset_help {
	margin-top: 5px;
}

#cafes #map {
	margin-top: 15px;
}

#cafe_info p {
	margin-left: 20px;
}

#rate_it {
	margin-top: 15px;
}

#cafe_reviews h2 {
	background-color: #DFCDB5;
	margin: 10px 0 0 0;
	padding: 5px;
}

#cafe_reviews ul {
	margin-left: 0;
}

#cafe_reviews {
	xmin-height: 300px;
}

#new_review {
	margin-top: 20px;
}

#new_review textarea {
	font-size: 13px;
}

#cafe_reviews ul li {
	display: inline;
	width: 390px;
}

li.comment_left {
	float: left;
	display: inline;
	margin: 10px 10px 10px 0;
	background-color: #DFCDB5;
	padding: 10px;
	font-size: 1.2em;
}

li.comment_right {
	float: left;
	display: inline;
	margin: 10px;
	margin-right: 0;
	background-color: #949266;
	padding: 10px;
	font-size: 1.2em;
}

li.comment_right a {
	color: #3a2415;
}

li.comment_right a:hover {
	color: #ffffff;
}

p cite {
	font-size: 0.8em;
	border-top: 1px dotted #000;
	margin-left: -15px;
}

/* Blog ********************/

.entry_information {
	border-top: 1px dashed #ff0045;
	border-bottom: 1px dashed #ff0045;
	margin-left: 15px;
}

.entry_information p {
	margin-left: 0;
}

#entries #comment_form label {
	font-size: 13px;
	width: 60px;
}

#entries #comment_form textarea {
	margin-left: 17px;
	margin-top: -20px;
}

#entries #comment_form .submit {
	margin-left: 17px;
}

#entries .comment {
	border-top: 1px dashed #c1c1c1;
	margin-left: 15px;
}

#entries .comment p,
#entries .comment div {
	margin-left: 5px;
}

#archives {
	margin-top: 25px;
}

#subscribe {
	margin-top: 10px;
}

#subscribe a {
	margin: 20px 0 0 15px;
	font-size: 1.4em;
	text-decoration: none;
}

#subscribe a:hover {
	background-color: #fff;
	color: #3a2415;
	text-decoration: underline;
}

#subscribe a img {
	padding-top: 10px;
}

/* Admin *******************/

h3.trackr_cafe {
	color: #920c0f;
}

h3.trackr_review {
	color: #558ac9;
}

h3.trackr_user {
	color: #f2811c;
}