/*
Theme Name: Escafe
Author:Blake Sirach
*/

@charset "UTF-8";
/* CSS Document */

/*------------------------------begin reset/defaults---------*/
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; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style-type:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; text-decoration:none;  text-align:left; }

a { color:#222; text-decoration:underline; outline:none; }
a:hover { color:#777 }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; color:#333; }
h1 { font-size:42px;
	line-height:42px; padding:9px 0; }
h2 { font-size: 20px; line-height: 14px; padding:9px 0; }
h3 { font-size: 16px; line-height: 20px; padding:9px 0; }
h4 { font-size: 14px; line-height: 20px; padding:9px 0; }
h5 { font-size: 12px; line-height: 20px; padding:9px 0; }
h6 { font-size: 10px; line-height: 20px; padding:9px 0; }
th { font-size: 14px; line-height: 20px;  }

ul, ol { margin:0; padding-left: 0px; list-style-position: outside; list-style-type: none; }
dl { margin:20px 0; }
dl dt { font-weight: bold; }
acronym { border-bottom:1px dotted #CCCCCC; }
blockquote { margin:20px 0; padding-left: 17px; border-left: 1px dotted #222; font-style: italic; }
blockquote * { color: #222; }
strong { font-weight: bold; }
acronym { border-bottom:1px dotted #222; }
em { font-style: italic; }
.right { text-align:right; }
.left { text-align:left; }
.large { font-size:14px; }
.extralarge { font-size:16px; }
.clear { clear:both; }
.smalltext{font-size:11px;}
.center{text-align:center;}
.hidden{display:none;}
.texthide{display:none;}
/*--------------------------------------------------------------------------------------------------*/

body{
	background-color:#242936;
	background-repeat:no-repeat;
	background-position:top center;
	text-align:left;
}


#container{
	width:1020px;
	height:auto;
	padding:10px 10px 10px 10px;
	margin:0 auto;
	overflow:auto;
	background-color:#E8E3D1;
}

#calcontainer{
	width:1020px;
	height:836px;
	padding:10px 10px 10px 10px;
	margin:0 auto;
	overflow:auto;
	background-color:#E8E3D1;
}

#header{
	width:1050px;
	height:100px;
	margin:20px auto 0 auto;
	background-image:url(http://escafe.com/images/header.png);
	background-repeat:no-repeat;
	
}

#header h1 a{
	height:70px;
	width:309px;
	display:block;
	float:left;
	text-indent:-5000px;
}

ul#menunav{
	padding-top:10px;
	float:right;
}

#menunav li{
	display:block;
	float:right;
	text-decoration:none;

}

#menunav li a{
	color:#E8E3D1;
	font-size:16px;
	background-color:#242936;
	width:100px;
	height:70px;
	padding:0 5px 0 5px;
	margin:0 5px 0 5px;
	display:block;
	text-decoration:none;
	border-top:2px solid #E8E3D1;
}

#menunav li a:hover{
	display:block;
	color:#333;
	background-color:#E8E3D1;
}

.subtext{
	font-size:10px;
	color:#242936;
}

#menunav li.current a{
	display:block;
	color:#333;
	background-color:#E8E3D1;
}
	

#photowrap{
	width:1020px;
	height:450px;
	padding-top:10px;
	position:relative;
	background-position:top center;
	overflow:hidden;
}

#left{
	width: 323px;
	height:auto;
	position:relative;
	float:left;
	margin: 10px 10px 10px 0px;
}

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

#left p#pithydescrip{
	border-bottom:#333 dotted 1px;
	margin-bottom:15px;
	padding-bottom:15px;
}

table#hours{
	width:auto;

}

table#hours td{
	width:70px;
}

table#hours th{
	border-bottom:#333 dotted 1px;
}

#mid{
	width: 323px;
	height:auto;
	position:relative;
	float:left;
	margin: 10px 10px 10px 10px;
	
}

#right{
	width: 323px;
	height:auto;
	position:relative;
	float:left;
	margin: 10px 0px 10px 10px;
}

#clear{
	clear:both;
}

#agendaindex{
	margin-top:10px;
	padding-bottom:25px;
		border-bottom:dotted 1px #333333;
}

#agendaindex ul li{
	padding-bottom:5px;
}

#agendaindex ul li a{
	text-decoration:none;
	font-size:14px;
}

.blogoutput{
	width:323px;
	min-height:180px;
	font-size:14px;
	text-decoration:none;
	margin-top:10px;

}

.blogoutput dt{
	margin-bottom:2px;
}

.blogoutput dt a{
	text-decoration:none;
}

.blogoutput dl{
	margin:0;
	padding:0;
	height:180px;
	width:323px;
	overflow:auto;
}

.blogoutput dd p{
	margin-bottom:8px;
	color:#777;
}

#twitterfeed{
	margin-top:25px;
}

#footer{
	width:1020px;
	height:100px;
	margin:30px auto;
	padding:0px 0px 5px 0px;
	background-image:url(http://escafe.com/images/footerlogo.png);
	background-repeat:no-repeat;
}

#footer h1{
	width:245px;
	float:left;
}

#footer h1 a{
	height:75px;
	width:245px;
	display:block;
	float:left;
	text-indent:-5000px;
}

#footer ul.footerlinks{
	float:right;
	text-align:right;
}

#footer ul.footerlinks li{
	padding-bottom:4px;
}

#footer ul.footerlinks li a{
	text-decoration:none;
	font-size:36px;
	color:#3A3E4A;
	margin:0;
}

#footer ul.footerlinks li a:hover{
	color:#333;
}

#footer ul.footerinfo{
	float:right;
	margin-top:-30px;

}

#footer ul.footerinfo li{
	color:#3A3E4A;
}

#footer ul.footerinfo li a{
	color:#3A3E4A;
}

#footer ul.footerinfo li a:hover{
	color:#333;
}

#header h1 a{
	height:70px;
	width:309px;
	display:block;
	float:left;
	text-indent:-5000px;
}

#menuchooser{
	float:left;
	width:120px;
	border-right:dotted #333 1px;
	margin:15px 10px 10px 20px;
	
}

ul#menuchoose{
	margin-top:14px;
}

ul#menuchoose li a{
	font-size:18px;
	text-decoration:none;
}

.menuleft{
	float:left;
	width:270px;
	margin-left:10px;
}
.menumid{
	float:left;
	width:270px;
	margin:60px 0 10px 12px;
}

.menumid img{
	position:relative;
	z-index:1;
	margin-bottom:5px;
	border:#242936 solid 2px;
	margin-bottom:-10px;
}

.menumid p{
	position:relative;
	z-index:5000;
	display:block;
	margin:0px 0 -20px 0px;
	width:263px;
	height:20px;
	background: rgba(36, 41, 54, 0.5);
	padding-left:10px;
	color:#EFEFEF;
}
.menuright{
	float:left;
	width:270px;
	margin:60px 0 10px 12px;
}

.menuright img{
	position:relative;
	z-index:1;
	margin:25px 0 0 0;
	border:#242936 solid 2px;
}


.menuright p{
	position:relative;
	z-index:5000;
	display:block;
	margin:0px 0 -45px 0px;
	width:263px;
	height:20px;
	background: rgba(36, 41, 54, 0.5);
	padding-left:10px;
	color:#EFEFEF;
}

.menupics{
	float:left;
	width:220px;
	height:auto;
	margin: 95px 0 0 30px;
} 

.menupics p{
	position:relative;
	z-index:5000;
	display:block;
	margin:4px 0 -20px 2px;
	width:210px;
	height:18px;
	background: rgba(36, 41, 54, 0.5);
	padding-left:10px;
	color:#EFEFEF;

}
.menupics img{
	position:relative;
	z-index:1;
	margin-bottom:28px;
	border:#242936 solid 2px;
	
	
}

dt.title{
	color:#242936;
	font-size:18px;
	border-bottom:dotted #333 .5px;
}

dt.menuitem{
	color: #333;
	font-size:12px;
	margin-top:10px;
}

.chosen{
	color:#777777;
}

a#reserve{
	width:125px;
	height:35px;
	display:block;
	cursor:pointer;
	background-color:#242936;
	border:#777 solid 1px;
	color:#E8E3D1;
	font-size:20px;
	text-decoration:none;
	padding:15px 0 0 30px;
	margin:20px 0 25px 80px;
}

a#reserve:hover{
	color:#242936;
	background-color:#E8E3D1;
}
	
#content{
	margin-left:65px;
}

#map{
	width:655px;
	float:right;

}

#map p{
	margin-bottom:10px;
}
iframe#map{
	margin:30px 0 10px 0;
	border:#242936 solid 2px;
}

iframe#form{
	overflow:auto;
	margin:10px 0 10px 20px;
}

h2#party{
	margin-top:20px;
}

/*---------------------------------------BLOG------------------*/

#blog{
	margin:8px 0px 75px 15px;
	padding:5px 20px 5px 20px;
	width:780px;
	height:auto;
	float:left;
}


#sidebar{
	float:left;
	margin: 15px 10px 10px 20px;
	width:130px;
	border-right:dotted 1px #777;
	padding-right:20px;
}

#sidebar h2 a{
	text-decoration:none;
}

#sidebar h1 a{
	text-decoration:none;
}

#mainpost{
	border-bottom:dotted #333 1px;
	font-size:14px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.entry p{
	font-size:14px;
	margin-bottom:10px;
}

.entry{
	font-size:14px;
	margin-bottom:25px;
}

.wp-caption{
	margin-bottom:15px;
}
.post{
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:dotted 1px #777;
}

.post h1 a{
	text-decoration:none;
}

.post p{
	font-size:12px;
	line-height:1.5em;
}
#singlepost{
	margin-top:20px;
	border-bottom:none;
}

input{
	border:1px solid #333;
	padding:3px;
	margin-bottom:5px;
	width:350px;
	height:25px;
	font-size:16px;
}

textarea{
	border:1px solid #333;
	width:780px;
	height:150px;
	font-size:16px;
}

input[type="submit"]{
	width:150px;
	height:35px;
	cursor:pointer;
	background-color:#242936;
	border:#333 solid 1px;
	color:#E8E3D1;
	font-size:18px;
	text-decoration:none;
	padding:0;
	margin-top:5px;
	text-align:center;
}

input[type="submit"]:hover{
	color:#242936;
	background-color:#E8E3D1;
}
input:focus{
	background-color:#EFEFEF;
}

textarea:focus{
	background-color:#EFEFEF;
}


.comment-body{
	border:#777 dotted 1px;
	padding:20px;
	margin-bottom:10px;
}

.comment-body:hover{
	border:#efefef dotted 1px;

}

cite a{
	text-decoration:none;
	font-size:20px;
	color:#242936;
}

cite.fn{
	font-size: 20px;
	color:#242936;
}

.comment-author{
	display:block;
}

#commentbox .comment-meta{
	margin-bottom:20px;
}

p.postmetadata{
	margin:-10px 0 15px 0;
}

ul#tags a{
	text-decoration:none;
}

#sidebar h2{
	margin-top:15px;
	color:#242936;
}
#sidebar h1 a{
	color:#242936;
}

#sidebar h1 a:hover{
	color:#777;
}
#sidebar a{
	color:#777;
}

#sidebar a:hover{
	color:#242936;
}