/* 
Crema Cafe Minneapolis .com

Colors:
Banner Red    c04932
Bkgnd Cream   f9f2c1

 */
html, body, div, span, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  background-color: #f9f2c1;
  color: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  text-align: center; 
}

h1 {
font:Verdana, Arial, Helvetica, sans-serif;
font: 18px/22px;
}

p {
color:#000;
letter-spacing:-.1px;
font: 15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 110%;
padding:0 0 10px 0;
margin:0;
text-align:justify;
}

a, a:link {outline:none;}

/*  classes */

.noborder {border:none;}

#content a, #content a:link, #content a:visited { color: #cd6a00; font-weight:bold; font-style:italic; outline:none; border:none; text-decoration:none;}
#content a:hover  {color: #000; font-weight:bold; outline:none; border:none; }





/* --------------------  DIV Structure    ---------  */ 
html, body{ 
margin:0; 
padding:0; 
text-align:center; 
} 

#red{
height:50px; 
background-color:#c04932; 
width:100%;
} 

#icecream{ 
width:900px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#branding{
position:relative; 
width:100%;
padding:20px 0;
} 

#navigation{
width:250px; 
float:left; 
position:relative;
/* background:url(images/iron-work.gif) top center no-repeat; */
}

#content{
width:650px; 
float:right; 
position:relative; 
}

#specials{
width:250px; 
float:right; 
position:relative; 
}

#content-main{
float: left; 
display:inline; 
position: relative; 
width:400px;
}

#pad {
margin:0 20px;
}

#footer{
height:50px; 
background-color:#c04932; 
clear:both;
} 

#footerinside{
width:900px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#quote{
width:450px; 
float:left; 
position:relative; 
font: 18px/21px Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:15px 0 0 0;
color:#f2db73; 
}

#address{
width:380px; 
float:right; 
position:relative;
font:11px/12px Arial, Helvetica, sans-serif;
padding:20px 0 0 0;
font-weight:bold;
text-align:right;
}



/* *** Float containers  *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* ----------------------- Navigation      --- */

#navigation ul {
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
	text-align: right;
	list-style-type: none;
	display:block;
	font-size:16px;
	line-height:22px;
	padding:25px 10px 10px 10px;
	margin:0;
}

#navigation li a {
padding: 5px 8px 5px 8px;
color:#000;
text-decoration: none;
outline:none;
}
#navigation li a:hover {
	color: #c04932!important;
	font-weight: bold;
}
#navigation li a:active, #navigation li a:focus {
	color: #ffba00;
}
#navigation li a.current {color:#9e1a00;}






/* ----------------------- Menus Styles      --- */

#menus {
padding: 0 30px 0 20px;
text-align:left;
}

.intro {
font: 12px/14px;
}

#menus h1 {
font:Verdana, Arial, Helvetica, sans-serif;
font: 18px/22px;
margin-top:10px;
}

.h1suffix {
font: 15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
}



/* ----------------------- Right Sidebar Styles      --- */

#happyhour {
padding:5px 20px;
background-color:#fec965;
display:block;
text-align:center;
font:16px/18px Arial, Helvetica, sans-serif;
}

#happyhour h1 {
font:18px/21px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#happyhour .red {color:#af1f33;}

#dessert {
padding:5px 20px;
background-color:#f2dd73;
display:block;
text-align:center;
color:#000;
font:17px/21px Arial, Helvetica, sans-serif;
font-weight:normal;
}

#dessert h1 {
font:17px/21px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#af1f33;
}

#flavors {
padding:10px 20px 20px 20px;
background:#c14f39 url(images/ice-cream-cone.jpg) bottom right no-repeat;
display:block;
text-align:center;
color:#fff;
font:15px/17px Arial, Helvetica, sans-serif;
font-weight:normal;
}

#flavors h1 {
font:17px/21px Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
font-weight:Bold;
color:#fff;
}
#hours {
padding:15px 0;
font:13px/17px Arial, Helvetica, sans-serif;
color:#af1f33;
}
#hours .days {
font-weight:bold;
}
#piazza {
padding:5px 20px;
background-color:#fec965;
display:block;
text-align:center;
font:16px/18px Arial, Helvetica, sans-serif;
}

#piazza h1 {
font:18px/22px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#social {
padding:5px 0;
text-align:center;
color:#c14f39;
font:12px/14px Arial, Helvetica, sans-serif bold;
}
#social a, #social a:link {
color:#520973;
font-style:normal;
}


/* ---------------- contact form styling */  
.fText, .fTextArea, .fTextHear {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;padding:3px;
background-color:#fefae1 !important;
border:1px solid #6c3906;
width:370px;
}
.red {color:#900; font-weight:bold;}

.fTextHear {background-color:#fefae1 !important; width:460px}
.fTextArea {background-color:#fefae1 !important; width:460px;height:120px}
.fText:focus, .fText.sffocus, .fTextHear:focus, .fTextHear.sffocus, .fTextArea:focus, .fTextArea.sffocus {background:#fff !important;}

#sentit {text-align:center}