/*screen.css*/


/*Global Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0;}
html, body, form, fieldset {color:#222;font-size: 12px;font-family: "Helvetica Neue", Helvetica, Arial, serif;line-height:1.5em}
abbr, img {border:none;}
address, caption, cite,th{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
b,em {font-weight:normal;font-style:normal}

/*Global Styles*/

body	{
background-color:#150900;
}

h1	{
color:#6b645a;
font-size:110%; 
font-style:italic;
line-height:1.0em;
font-weight:normal;
margin-bottom:1em;
letter-spacing:.5px;
}

	h1 span {
		color:#f35f33;
		text-transform:uppercase;
	}

h2	{
color:#ba977b;
font-size:110%;
font-weight:bold;
line-height:140%;
margin-bottom:3px;
}

h3	{
color:#6a829a;
font-size:250%;
font-weight:normal;
margin:15px 0;
}
 
h4 {
	
}

h5 {
text-transform:uppercase;
color:#3d2615;
font-size:80%;
letter-spacing:1px;
}

p	{
color:#5f4e40;
font-size:110%;
}

em	{
font-style:italic;
}

hr	{
color:#ccc;
border-color:#ccc; /*safari fix*/

}

a:link	{text-decoration:none;}

h2 a {
	color:#ba977b;
	font-weight:bold;
	line-height:140%;
	margin-bottom:2px;
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}

h2 a:visited {
	text-decoration:none;
}

a:link { color:#ba977b; }
a:hover { color:#cccccc; }
a:visited { color:#ba977b; text-decoration:none; }

/*classes*/

.border {
	border: 10px solid #321a09;
}

.floatClear	{
clear:both;
visibility:hidden;
}

.silver {
	color:#f8f8f8;
}

.gray {
	color:#cacaca;
}

.inner {
	margin:0 auto;
	width:960px;
}

#title	{
padding-left:-5000px;
width:674px;
height:78px;
}

#container {
	width:960px;
	margin:0 auto;
	position:relative;
}

#flashcontent {
	border:20px solid #1e0e03;
	margin-bottom:30px;
	width:929px;
	height:460px;
	color:#FFF;
	background-color:#1e0e03;
}

#header {
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
} 

.location_hours {
	text-transform:uppercase;
	width:450px;
	font-size:95%;
	letter-spacing:1px;
	left:130px;
	bottom:25px;
	position:absolute;
}

#nav {
	position:absolute;
	left:728px;
	bottom:32px;
}

#nav li {
	display:inline;
	margin-left:15px;
}

#nav li a {
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border:1px solid #321a09;
	padding:6px 10px;
	background-color:#321a09;
	text-transform:uppercase;
	color:#cacaca;
	font-size:110%;
	text-decoration:none;
}

#nav li a:hover {
    border:1px solid #582e10;
	background-color:#582e10;
	color:#eeeeee;
}

#nav li a.active {
	border:1px solid #582e10;
	background-color:#582e10;
	color:#eeeeee;
}

#three_cols {
	margin-bottom:65px;
}

#Home #col1 {
	width:278px; 
	padding-right:30px;
	float:left;
	border-right:1px solid #070300;
}

#Home #col2 {
	width:278px; 
	padding:0px 30px;
	float:left;	
	border-left:1px solid #2f1906;
	border-right:1px solid #070300;
}

#Home #col3 {
	padding-left:30px;
	width:278px; 
	float:left;
	border-left:1px solid #2f1906;
}


/* ====================================================

			
						PROJECTOR MENU


=======================================================*/

#crema_menu_wrap {
	background:#000 url(../images/menu.png);

}




/* ====================================================

			
						COFFEE MENU


=======================================================*/

#coffeemenu {
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border:1px solid #543016;
	display:none;
	background-color:black;
}

#coffeemenu #close_button_hook {
	position:relative;
}

#coffeemenu_wrap {
	display:none;
}

.column_wrap {
	padding:30px;
	width:590px;
}

#single_origin {
	float:left;
	width:275px;
	margin-right:30px;
}

#espresso {
	float:left;
	width:275px;
}

#close_button {
	position:absolute;
	top:20px;
	right:20px;
}

h4 {
	font-size:150%;
	text-transform:uppercase;
	color:#846c5b;
	padding:0em!important;
	margin:0em!important;
	line-height:0;
	text-align:center;
	display:block;
	background-color:#150900;
}

#coffeemenu h1 {
	font-size:120%;
	text-transform:uppercase;
	color:#e6582d;
}

.menu_header {
	text-align:center;
	padding-top:15px;
	padding-bottom:8px;
	background-color:#150900;
}

div.coffee_wrap {
	margin-bottom:20px;
}

p.roaster {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:80%;
	font-weight:bold;
	color:#ba977b;
}

p.coffee_name {
	font-size:130%;
	color:#e8d9cf;
}

div.tidbit {
	padding:10px 10px 0px 0px;
	font-style:italic;
	margin:0px 30px;
	border-top:1px solid #543016;
	text-align:center;
	color:#e0ccbc;
	font-size:110%;
	font-weight:bold;
}






/* ====================================================

			
						BOTTOM


=======================================================*/

#bottom {
	background-color:#000;
	
}

#footer_portrait {
	float:left;
}

#bottom_inner_wrap {
padding-left:320px;
padding:45px;
position:relative;
width:960px;
margin:0 auto;
}

#twitter_widget {
	width:278px; 
	padding:0px 30px;
	float:right;	
}

.twtr-widget {
	margin-left:-8px;
}

#friends_fun {
	padding-left:30px;
	width:278px; 
	float:right;
}

	#friends_fun ul li {
		margin-bottom:15px;
	}


.twtr-hd {
	display:none!important;
}

.twtr-tweet {
	border:0!important;
	font-size:100%;
	font-family:"helvetica";
}

.twtr-ft {
	display:none;
}

#twitter_follow_btn {
	margin-top:15px;
	text-indent:-3000px;
	background:url(../images/ui/twitter_button.png) no-repeat 0 -40px;
	display:block;
	width:200px;
	height:40px;
}

#twitter_follow_btn:hover {
	background-position:0 0px;
}


#footer {
	height:200px;
	padding-top:15px;
}