/*  
Theme Name: Cafe54
Design by http://www.CreativeSlice.com
*/

/* -- [ Body presentation ] -- */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	line-height: 1.5em;
	color:#000;
	background-color: #9c94cb;
}

body a, body a:visited {
text-decoration: underline;
}

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

/* -- [ <h1> element presentation ] -- */
h1 {
font-size: 28px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
color: #FF9900;
}

h2 {
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 10px 0 10px 0;
padding: 0;
color: #1e1e80;
}

p {
margin: 0;
padding: 0;
}

em {
color: #9c94cb;
}

#page {
width: 792px;
margin: 0 auto 0 auto;
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
text-align:center;
}

#post {
	margin: 0 0 20px;
}

/* -- [ Below declaration (clearfix) corrects float clearing ] -- */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-table;
}

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

.clearfix {
display: block;
}
/* End hide from IE-mac */
/* -- [ end clearfix ] -- */
/** ------------------------- Nav ---------------- **/

#nav, #nav ul {
z-index: 1;
	padding: 0;
	margin: 0;
	list-style: none;
line-height: .9em;
}

#nav a {
	display: block;
color: #e0e2f9;
font-weight: bold;
font-size: 11px;
text-decoration: none;
padding: 5px;
background: #817bcf;
}

#nav a:hover {
color: #fff;
background: #1e1e80;
}

#nav li {
	float: left;
border: 1px solid white;
}

#nav li ul {
	position: absolute;
	width: 130px;
	left: -999em;
}

#nav li ul li {
width: 130px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav .today {
color: #FF9900;
}

/* -------------------- Header ------------------- */

#header {
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	width: 792px;
	height: 124px;
	background-image: url(/wp-content/themes/cafe54/images/cafe54-logo.jpg);
}

#slideshow {
float: left;
display: inline;
position: relative;
width: 792px;
height: 350px;
margin: 0;
padding: 0;;
}

#noslideshow {
float: left;
display: inline;
position: relative;
width: 792px;
height: 30px;
margin: 0;
padding: 0;;
}

#content {
float: left;
display: inline;
width: 792px;
margin: 0;
padding: 0;
background-color: #fff;
}

#sidebar {
float: left;
display: inline;
width: 246px;
margin: 20px 0; 
padding: 8px;
background-color: #E7E4F1;
text-align: left;	
voice-family: "\"}\""; 
voice-family:inherit;
}

#sidebar-map {
float: left;
display: inline;
width: 440px;
margin: 10px 0;
padding: 0;
text-align: left;	
voice-family: "\"}\""; 
voice-family:inherit;
}

#narrowcolumn {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 20px 20px 8px 20px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
}

#narrowcolumn-map {
float: left;
display: inline;
width: 300px;
margin: 0;
padding: 20px 20px 8px 20px;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
}

#narrowcolumn p, #narrowcolumn-map p {
display: block;
margin: 0 0 10px 0;
padding: 0;
}

.post-meta {color: #660033;}
.post-meta-key {color:#00CC66; font-weight: bold; font-size: 110%;}

/** --------------------- Footer ------------------------- **/

#footer {
float: left;
display: inline;
width: 792px;
height: 40px;
margin: 0;
padding: 0;
color: #1e1e80;
text-align: center;
}

#footer a, #footer a:visited {
color: #1e1e80;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
background-color: #1e1e80;
text-decoration: none;
}

#cs a, #cs a:visited{
color: #cbcff5;
font-size:10px;
text-decoration:none;
text-align: center;
}

#cs a:hover {
color: #333;
font-size:10px;
background-color: #cbcff5;
text-decoration:none;
text-align: center;
}