/* RESET ============================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET ============================ */

body {
	background:#251f13 url(../images/wood11.jpg) repeat-y fixed center 0;
	font-family: Georgia, Arial;
}
html, body{
	height:100%;
}
/*========================
GENERAL
========================*/
a{
	color:#da540a;
	text-decoration:none;
}
div{
	position:relative;
}
#topbuffer{
	height:20px;
	background:#251f13 url(../images/wood_top.jpg) repeat-y scroll center 0;
}
#pageWrap {
	background:#FFFFFF none repeat scroll 0 0;
	margin:0 auto;
	padding:10px;
	width:982px;
}
#footer{
	background: #3D2B11;
	border:2px solid #3D2B11;
	margin:0 auto;
	padding:10px;
	width:978px;
}
#mainContent {
	background:#FFFFFF url(../images/paper_bg.jpg) repeat scroll 0 0;
	padding-bottom:10px;
}
#leftColumn {
	float:left;
	width:670px;
	display:inline;
}
#rightColumn {
	float:right;
	width:305px;
	display:inline;
	margin-right:5px;
	top:-30px;
	_width:300px;
	_margin:0;

}
#blog {
	float:left;
	padding-left:10px;
	width:422px;
}
#blog .postContent blockquote{
	display:inline;
	position:relative;
}
#blog .postContent blockquote p{
	font-family:Georgia;
	font-size:16px;
	font-style:italic;
	line-height:20px;
	padding:12px 20px;
	position:relative;
}
#mainContent div.single{
	width:656px;
}
.clear {
	clear:both;
}
#header {
	position:relative;
}
#logo {
	background:transparent url(../images/nycmugged_logo_2.png) no-repeat scroll 0 0;
	height:97px;
	margin-left:48px;
	margin-top:15px;
	text-indent:-9999px;
	width:590px;
}
#logo a{
	display:block;
	height:97px;
}
#beanIcon {
	background:transparent url(../images/bean_icon.png) repeat scroll 0 0;
	height:62px;
	left:-18px;
	position:absolute;
	top:24px;
	width:56px;
}
#nav {
	border-bottom:1px solid #e0c07d;
	border-top:1px solid #e0c07d;
	height:53px;
	margin:10px 5px 0;
	padding:2px 0;
	background: #f9eece;
}
#nav li {
	background:#fff;
	border-right:1px dotted #b9ac9b;
	border-bottom:1px solid #e3d7b4;
	border-top:1px solid #e3d7b4;
	display:inline;
	float:left;
	padding:5px 6px 10px 6px;
}
#nav li a {
	display:block;
	height:10px;
	font-family:Georgia;
	color:#857e69;
	padding-top:26px;
	font-size:12px;
	text-align:center;
}
#nav li.activenav{
	background:#f9eece;
	border-top:none;
	border-bottom:none;
}
#blog_nav {
	width:134px;
}
#blog_nav a {
	background:transparent url(../images/navigation.png) no-repeat scroll 1px 0;
}
#blog_nav a:hover {
	background-position:1px -61px;
}
#reviews_nav {
	width:108px;
}
#reviews_nav a {
	background:transparent url(../images/navigation.png) no-repeat scroll -144px 0;
}
#reviews_nav a:hover {
	background-position:-144px -61px;
}
#top10_nav {
	width:99px;
}
#top10_nav a {
	background:transparent url(../images/navigation.png) no-repeat scroll -260px 0;
}
#top10_nav a:hover {
	background-position:-260px -61px;
}
#shop_nav {
	width:165px;
}
#shop_nav a {
	background:transparent url(../images/navigation.png) no-repeat scroll -369px 0;
}
#shop_nav a:hover {
	background-position:-369px -61px;
}
ul li#about_nav {
	border-right:1px solid #fff;
	width:89px;
}
#about_nav a {
	background:transparent url(../images/navigation.png) no-repeat scroll -542px 0;
}
#about_nav a:hover {
background-position:-542px -61px;
}

/*====================================
BLOG POSTS
====================================*/
.post {
	margin-top:30px;
}
.post h2, #submitform h2, .user_review h1, #blogComments h3{
	color:#5F431B;
	font-family:Georgia,Arial;
	font-size:28px;
	font-weight:normal;
}
.post h2{
/*	width:330px;
	float:left;
*/}

.post h2 a {
color:#5F431B;
text-decoration:none;
}
#blog p {
	color:#362800;
	font-family:Arial;
	font-size:13px;
	line-height:16px;
}
#blog p small{
	font-size:11px;
}

#blog .postContent p{
	padding:4px 0;
}
#blog p a {
	color:#BA8335;
	text-decoration:none;
}

#blog .postFooter a.retweet{
	float:right;
	margin-right:3px;
	margin-top:3px;
	font-size:11px;
}

#blog p.postData {
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #CDC8A2;
	color:#77797F;
	font-family:Courier,Arial;
	font-size:11px;
	height:23px;
	line-height:21px;
	margin-bottom:5px;
}
#blog div.postDate {
	float:right;
	margin-left:5px;
	width:80px;
	background:#C0915D;
	color:#fff;
	padding:8px;
	text-align:center;
	width:63px;
}

#blog p .postAuthor {
	float:right;
	margin-right:5px;
}
#blog p.postFooter {
	background:#FFFFFF none repeat scroll 0 0;
	border-bottom:1px solid #CDC8A2;
	border-top:1px solid #CDC8A2;
	font-family:Courier,Arial;
	font-size:12px;
	height:24px;
	line-height:24px;
	padding-left:5px;
	text-transform:uppercase;
	margin-top:5px;
}
#blog #indexNextPrev{
	height:30px;
	padding-top:6px;
	margin-top:10px;
}
#blog #indexNextPrev .prevLink, #blog #indexNextPrev .nextLink{
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	text-transform:none;
	font-style:italic;
	
} 
#blog #indexNextPrev a, #blog #indexNextPrev a{
	color:#222;
}
#blog p .postTags, #blog p .prevLink {
	float:left;
	width:256px;
}
#blog p .prevLink{
	padding-left:25px;
	background:url(../images/arrow2.gif) no-repeat left -18px;
	width:220px;
}
#blog p .nextLink{
	margin-right:5px;
	padding-right:25px;
	background:url(../images/arrow2.gif) no-repeat right 6px;
}
#blog p .postShare, #blog p .nextLink{
	float:right;
	height:23px;
}
#blog p .postShare{
	text-indent:-10000px;
	margin-right:1px;
	width:72px;	
}
#blog p .postShare a{
	width:72px;
	height:23px;
	text-indent:-5000px;
	display:block;
	margin-top:1px;
	margin-right:2px;
}
#blog span.share{
	border-left:1px solid #ccc;
	padding:0 6px;
	float:right;
}
#blog .commentNum{
	border-left:1px solid #ccc;
	float:right;
	height:24px;
	line-height:24px;
}
#blog .commentNum a{
	background:#f7efda;
	padding:0 8px;
	font-weight:bold;
	height:24px;
	color:#654721;
	font-family:Courier, Georgia;
	display:block;
	text-align:center;
}
#blog .post img , #contributors img {
	background:#CDC8A2 none repeat scroll 0 0;
	border:1px solid #B8B494;
	margin-bottom:12px;
	padding:3px;
}
#blog .post .alignleft {
	float:left;
	margin-right:12px;
}
#blog .post .alignright {
	float:right;
	margin-left:12px;
}
#blog .postContent{
	padding:0 5px;
	background: transparent url(../images/white_50.png) repeat scroll 0 0;
}
#blogComments{
	margin-top:20px;
}

.skyscraper, .blogad{
	background:#fff;
	padding:15px 20px;
	width:170px;
	margin: 10px auto;
	border:3px solid #eee;
}
.blogad{
	width:336px;
}
#blog .postContent ul{
	font-family:Arial;
	font-size:13px;
	margin-left:8px;
	float:left;
	display:inline;
	margin-top:10px;
	width:110px;
	padding-left:10px;
	border-left:1px solid #e1e1e1;
}
#blog .coffeebreak .postContent ul{
	border:none;
	float:none;
	width:auto;
}
#blog .postContent ul li{
	padding:2px 0;
}
#blog .postContent ul li strong{
	padding-top:5px;
	display:block;
}
#blog .coffeebreak{

}
#blog .coffeebreak .postContent ul li{
	width:128px;
	margin:2px;
	float:left;
	padding:3px;
	background:#fff;
	display:inline;
	height:230px;
}
#blog .coffeebreak .postContent ul li .subhead{
	padding: 0 2px;
	font-weight:bold;
	display:block;
}
#blog .coffeebreak .postContent ul li p{
	font-size:12px;
	padding:0 5px;
}
#blog .coffeebreak .postContent ul li img{
	background:none;
}
#blog .coffeebreak .postContent{
	background-image:none;
	background:#F9EECE;
	padding:5px;
	padding-right:0;
	overflow:hidden;
}
#blog .coffeebreak .postContent .clear{
	height:0;
}
/*====================================
LATEST REVIEWS HOME PAGE
====================================*/

#middleColumn, #middleColumn a {
	color:#FFFFFF;
	font-family:Courier,Arial;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	display:block;
}
#middleColumn {
	margin-left:10px;
	_margin-left:0;
	float:left;
	width:222px;
	display:inline;
}
#middleColumn h2 {
	font-size:20px;
	background: url(../images/latest_reviews_hr.jpg) no-repeat left bottom;
	text-align:center;
	padding-bottom:12px;
}
#middlereviews{
	
	margin-top:10px;
	padding:12px;
	background:#1C1D23 url(../images/blackboard_bg.jpg) no-repeat scroll center top;
	width:198px;
}
#middleColumn li {
	border-bottom:1px dotted #FFFFFF;
	margin-bottom:10px;
	padding-bottom:10px;
}
#middleColumn img {
	background:#2F343C none repeat scroll 0 0;
	margin:5px 6px;
	padding:3px;
	width:180px;
}
.latestreview{
		background: url(../images/latest_reviews_hr2.jpg) no-repeat left bottom;
		padding-bottom:10px;
}
#middleColumn .cafetitle {
	display:block;
	text-align:center;
	padding-top:7px;
	font-size:17px;
}
#middleColumn .rating, #middleColumn .date, #middleColumn .user, #middleColumn .hood {
	display:block;
	font-size:13px;
	height:19px;
	line-height:20px;
	text-align:left;
}
#middleColumn .cafeinfo{
	width:182px;
	margin:0 auto;
}
#middleColumn .rating{
	float:right;
	width:30px;
	padding-right:35px;
	background: url(../images/latest_reviews_star.gif) no-repeat right;
}
#middleColumn .date {
	float:right;
}
#middleColumn .user {
	float:left;
	font-size:12px;
}
#middleColumn .hood {
	float:left;
}
#submitform {
font-family:Courier,Arial;
padding-left:10px;
}
.user_review {
float:left;
padding-left:10px;
width:390px;
}

#review_image_wrapper {
background:#CDC8A2 none repeat scroll 0 0;
margin-bottom:10px;
text-align:center;
}
#review_right {
float:right;
margin-right:10px;
margin-top:10px;
width:240px;
}
.user_review h1 {
border-bottom:2px solid #CDC8A2;
margin-top:22px;
}
/* ==================================
	CAFE REVIEW 
   ================================== */
.cafeInfo input, .cafeInfo select{
	display:none;
}

#title input{
	float:left;
	width:250px;
}
input#image, input#submit{
	display:block;
}
.cafeInfo{
	
}
.cafeInfo span{
	float:left;
	margin-right:4px;
}
#submitcomment{
	cursor:pointer;
	padding-left:185px;
}

.comment span{
	font-size:11px;
}

/* IMAGES  */
.cafeImage{
	width:228px;
	background:#fff;
	border-top:1px solid #cfcdb7;
	border-bottom:1px solid #cfcdb7;	
	float:left;
}
#mainimage{
	padding:6px;
}

#mainimage img#mag{
	position:absolute;
	right:10px;
	bottom:28px;
}
#bigimg{
	cursor:pointer;
}

#imagecredit{
	color:#868369;
	font-family:Georgia;
	font-size:10px;
	font-style:italic;
}
#imagefile{
/*	display:none;*/
}
#moreimages{
	background:#e9e9e9;
	border-top:1px solid #e0ded0;
	border-bottom:1px solid #e0ded0;
}
.smallimg{
	float:left;
}
.smallimg img{
	margin:4px 0 0 4px;
	border:2px solid #fff;
	cursor:pointer;
}
.smallimg .imagecredit{
	display:none;
}
#reviewContainer #addimage{
	color:#da540a;
	font-weight:bold;
	font-size:11px;
	font-family:Courier;
	padding: 3px 22px;
	height:18px;
	margin-left:5px;
	line-height:18px;
	display:block;
	background:url(../images/addimage.gif) no-repeat left;
	cursor:pointer;
	
}

#reviewContainer{
	margin-top:15px;
	margin-bottom:10px;
	padding-left:10px;
}
#cafeInfoCard{
	float:left;
	padding-left:10px;
	font-family:Courier, Georgia;
	color:#483b1b;
	font-size:14px;
	width:412px;
}
#reviewContainer div#title{
	padding-top:10px;
	padding-bottom:2px;
	border-bottom:2px solid #bfbc91;
}
#reviewContainer h1#title{
	font-family:Georgia;
	font-size:28px;
	color:#5f431b;
	font-weight:normal;
	float:left;
	width:360px;
}
#info{
	margin-bottom:20px;
	overflow:hidden;
}
#info h4, #info h3{
	font-weight:normal;
	line-height:16px;
}
#info #infoleft, #info #inforight{
	font-family:Georgia;
	width:184px;
	float:left;
	margin:0 5px;
	display:inline;
	font-weight:normal;
	font-size:14px;
	color:#6d583d;
}
#info .cafeInfo{
	padding-top:12px;
	background:url(../images/info_labels.gif) no-repeat top left;
	margin-top:10px;
	font-weight:normal;
}
#info div#address{
	background-position:0 -60px;
}
#info div#phone{
	background-position:0 -120px;
}
#info div#url{
	background-position:0 -180px;
}
#cafeInfoCard h4#rating{
	float:left;
}
#cafeInfoCard div#rating small{
	padding-left:10px;
	font-size:12px;
	color:#8c8c8c;
	line-height:18px;
}
.edit{
	float:right;
	width:41px;
	height:22px;
	background:url(../images/edit.gif) no-repeat;
}
/*=========================
RATINGS / FEATURES
=========================*/
#cafestats{
	background:#fff;
	border:1px solid #cdc8a2;
}
#ratingwrapper, #featureswrapper{
	width:205px;
	float:left;

}
#featurescontent{
	margin:1px;
	margin-left:0;
	border-left:1px solid #cfcba7;
	border-top:1px solid #CDC8A2;
	height:115px;
}
#cafestatscontent{
	border-top:1px solid #CDC8A2;
}
#ratingwrapper h4, #featureswrapper h4{
	padding:2px;
	background:#eee1bd;
	height:23px;
	margin:1px;
}
#ratingwrapper h4{
	
	margin-right:0;
	text-indent:-9999px;
	background:#eee1bd url(../images/coffee_stats.gif) no-repeat center center;
}
#featureswrapper h4{
	border-left:1px dotted #aaa187;
	margin-left:0;
	text-indent:-9999px;
	background:#eee1bd url(../images/features.gif) no-repeat center center;
}


#cafestats p{
	float:left;
	text-align:right;
	width:75px;
	font-family:courier;
	color:#75736f;
	font-size:12px;
	font-weight:bold;
}
#cafestats small{
	display:block;
	color:#b2b4b7;
	font-size:10px;
	font-weight:normal;
	padding-top:3px;
}

.stat{
	margin:0 5px;
	border-bottom:1px solid #ecedee;
	padding:6px 0;
}
/*==========================
REVIEW RATINGS
==========================*/
#reviewContainer .rating {
	
	display: inline;
	float:left;
	padding:4px 0 0 15px;
}
#reviewContainer .rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 9px
}
.cancel,
.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(../images/star2.gif) no-repeat 0 0px;}
.star-left,
.star-left a {background: url(../images/star-left2.gif) no-repeat 0 0px;}
.star-right,
.star-right a {background: url(../images/star-right2.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

#reviewContainer div.rating div.on a {
	background-position: 0 -36px;
}
#reviewContainer div.rating div.hover a,
#reviewContainer div.rating div a:hover {
	background-position: 0 -18px;
}

/* TURN OFF IF ALREADY RATED ====================== */
#reviewContainer div.rating div.on a.star-off:hover {
	background-position: 0 -36px;
	cursor:default;
}
#reviewContainer div.rating div a.star-off:hover {
	background-position: 0 0;
	cursor:default;
}
#reviewContainer div.rating div.on a.star-off,
#reviewContainer div.rating div a.star-off {

	cursor:default;
}

#reviewContainer div.rating .cancel{
	display:none;
}
/* FEATURES CONTENT ====================== */

#featurescontent #addfeatures{
	padding-right:20px;
	background:url(../images/addimage.gif) no-repeat right center;
	font-size:10px;
	color:#75736f;
	display:block;
	text-align:center;
}

/*=========================
COMMENTS
=========================*/
.comments, #submitform, #accountinfo{
	border:10px solid #efe3bf;
	padding:5px;
	margin:10px 10px 0 10px;
	font-family:Courier, Georgia;
	background:url(../images/comments_bg.png);
}
#blog .comments{
	margin:5px 0 0 0;
}
.commentshead, .submithead{
	padding-top:20px;
	font-family:Georgia;
	font-size:28px;
	color:#5f431b;
	border-bottom:2px solid #bfbc91;
}
#blog .commentshead{
	margin-bottom:5px;
}
.commentshead h3, #blog .comments h3, .submithead h3{
	padding-left:10px;
	font-weight:normal;
}
.commentshead h3 span, #blog .comments span{
	color:#e87434;
	font-weight:bold;
}
.comment{
	padding:10px 0;
	border-bottom:2px solid #cdc8a2;
}
.commentalt, .altrow{
	background:url(../images/comment_alt_bg.png);
}		
.commentuser{
	width:80px;
	font-size:12px;
	color:#5f431b;
	text-align:center;
	float:left;
	border-right:1px dotted #b0b0b0;
	padding:10px;
}
.commentuser img{
	border:3px solid #cdc8a2;
	display:block;
	margin:0 auto 5px auto;
}
.commentbody{
	font-family:Arial;
	line-height:18px;
	float:left;
	width:375px;
	font-size:13px;
	color:#362800;
	padding:10px;
}
#blog .commentbody{
	width:490px;
}
.commentmeta{
	width:85px;
	float:right;
	text-align:right;
	display:inline;
	padding:10px;
	color:#777;
	font-weight:normal;
	line-height:12px;
}
.addcomment{
	margin-top:1px;
}
.addcomment label, #submitform label,#loginmodal label, #blog label, #accountinfo label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:175px;
	float:left;
	font-size:14px;
}
.addcomment .small, #submitform .small, #blog .small, #accountinfo .small, #loginmodal .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:175px;
	line-height:12px;
}
.addcomment input, .addcomment textarea, #submitform input, #loginmodal input, #blog input, #accountinfo input{
	float:left;
	font-size:12px;
	padding:6px 4px;
	border:solid 1px #BFBC91;
	width:220px;
	margin:2px 0 14px 10px;
	display:inline;
}

#captchaimage{
	display:block;
	border:1px solid #ddd;
}
#reloadcaptcha{
	display:block;
	font-size:11px;
	float:left;
	width:40px;
	padding-top:6px;
}

.addcomment #captcha{
	float:none;
	margin:5px 0 0 0;
	width:167px;
}
.captcha{
	margin:2px 5px 14px 10px;
	padding:4px;
	border:2px solid #EFE3BF;
	float:left;
	background:#fff;
}
.addcomment .invalid, #submitform .invalid, #accountinfo .invalid{
	color:#f00;
}
.addcomment input.invalid, .addcomment textarea.invalid, #submitform input.invalid, #accountinfo input.invalid{
	border:solid 1px #f00;
}
#blog input{
	width:200px;
}

#blog input.hidden{
	display:none;
}
#blog label, #blog .small{
	width:110px;
}
#blog #comment{
	width:400px;
}
.addcomment textarea{
	width:380px;
}
#commentfields{
	padding:10px;
}

#commentthankyou{
	display:none;
	margin-top:5px;
	font-family:Georgia;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	background:#eee;
	border:1px solid #ccc;
	padding:20px;
}
/*======================
SUBMIT REVIEW
======================*/

input#filesize{
	display:none;
}
.submithead{
	margin-bottom:10px;
}
#submitform select{
	float:left;
	
	
	width:40px;
	margin:2px 0 14px 10px;
	display:inline;
	
}
#submitform #neighborhood{
	width:165px;
}
#submitform #featuressubmit{
	width:380px;
	float:left;
	border:2px solid #EFE3BF;
	padding:5px;
	margin:2px 0 14px 10px;
}
#submitform #featuressubmit span{
	display:block;
	float:left;
	width:120px;
	padding-top:4px;
}
#submitform #featuressubmit input{
	float:left;
	clear:both;
	display:block;
	margin:2px 5px 5px 10px;
}
#submitform #featuressubmit label{
	text-align:left;
	float:left;
	width:75px;
	height:20px;
	padding:4px;
	font-size:11px;
	font-weight:normal;
}
#submitform label#features{
	margin-top:5px;
}

/*======================
GOOGLE MAP
======================*/
#mapmodule{
	border:4px solid #ccc7a1;
}
#map_wrapper{
	border:1px solid #fff;
}
#map_canvas {
	height:215px;
	width:290px;
}
/*  LOCATIONS NEARBY  */
#mapmodule{
	font-family:Georgia;
	font-size:14px;
	background:#fff;
	margin-bottom:15px;
}
#mapmodule h3{
	font-weight:bold;
	font-family:Georgia;
	color:#5f431b;
	font-size:18px;
	border-bottom:2px solid #bfbc91;
	padding-top:10px;
}
#nearbybody{
	padding:5px;
}
#nearbybody ul{
	padding-top:5px;
	position:relative;
}
#nearbybody li{
	padding:4px 5px 6px 5px;
}
#nearbybody li.altrow{
	background:#f2f1e9;
}
#nearbybody li a{
	float:left;
	padding-top:4px;
	width:160px;
}
#nearbybody li span{
	float:right;
}

#nearbybody li.active{
	background:#fbeab8;
}

.ratingstars{
	background:url(../images/ratings.gif) no-repeat 0px 0;
	height:20px;
	width:102px;
	display:block;
	border-left: 1px dotted #b3b2aa;
	padding-left:5px;
}
.rating0{background-position: 0px -200px;}
.rating5{background-position: 0px -180px;}
.rating10{background-position:0px -160px;}
.rating15{background-position:0px -140px;}
.rating20{background-position:0px -120px;}
.rating25{background-position:0px -100px;}
.rating30{background-position:0px -80px;}
.rating35{background-position:0px -60px;}
.rating40{background-position:0px -40px;}
.rating45{background-position:0px -20px;}
.rating50{background-position:0px -0px;}

/*================================
MODAL WINDOW
================================*/
.jqmWindow {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -250px;
    width: 500px;   
    background:#FFFFFF url(../images/paper_bg.jpg) repeat scroll 0 0;
    color: #333;
	outline:10px solid #fff;
    border:1px solid #CCC7A1;
}
#loginmodal {
	padding:12px;
}

#leftColumn #loginmodal{
	background:#fff;
	border: 1px solid #ccc;
	margin:15px;
}

	.jqmWindow .logindiv, .logindiv{
		margin-bottom:15px;
		border-bottom:1px solid #ccc;
	}
		.jqmWindow .logindiv h3, .logindiv h3{
			font-size:14px;
			margin-bottom:10px;
		}
		.jqmWindow #loginmodal .logindiv label, #loginmodal .logindiv label{
			font-size:14px;
			padding-top:8px;
		}
		.jqmWindow #loginmodal .logindiv input.button, #loginmodal .logindiv input.button, #blog div.addcomment p input.button{
			background:transparent url(../images/arrow_4.gif) no-repeat scroll right center;
/*			background:#4d6067 url(../images/arrow_3.gif) no-repeat scroll right center;*/
			padding:4px 34px 4px 4px;
			margin-left:184px;
			border:none;
			width:auto;
			font-family:Georgia;
			font-style:italic;
			font-weight:bold;
			font-size:14px;
			color:#222;
			
/*			color:#fff;*/
			cursor:pointer;
		}
		
		#blog div.addcomment p input.button{
			margin-left:115px;
		}
		.jqmWindow #loginmodal .logindiv input{
			margin-bottom:8px;
		}
.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*================================
SEARCH BOX
================================*/

#searchwrapper{
	background:url(../images/search_bg2.jpg) no-repeat;
	height:159px;
}
#searchwrapper div{
	height:35px;
	margin-left:14px;
}
#searchwrapper span{
	width:128px;
	font-size:15px;
	font-weight:bold;
	display:block;
	float:left;
}
#submitbox{
	height:32px;
	margin-top:75px;
}
#submitbox a{
	float:left;
	width:280px;
	height:32px;
	
	display:block;
	text-indent:-9000px;
	overflow:hidden;
}
#searchbox input{
	width:227px;
	height:25px;
	background:url(../images/search_input_bg.gif) no-repeat;
	border:none;
	float:left;
	margin:48px 0px 4px 0;
	padding:5px 5px 0 8px;
	color:#522f03;
	font-family:Georgia;
	font-size:12px;
}
#searchbox ul{
	margin-left:38px;
}
#searchbox li{
	float:left;
	width:50px;
	display:inline;
	margin-top:5px;
}
#searchbox li a{
	display:block;
	height:14px;
	background:url(../images/search_options.gif) no-repeat 1px 0;
	text-indent:-9000px;
}

#searchbox li#searchlocation{
	width:62px;
}
#searchbox li#searchname{
	margin-left:18px;
	width:38px;
}
#searchbox li#searchhood{
	margin-left:16px;
	width:98px;
}

#searchbox select{
	width:237px;
	height:20px;
	font-family:Georgia;
	font-size:12px;
	margin-top:51px;
	display:none;
	margin-bottom:11px;
	float:left;
}

#searchbox li#searchlocation a{
	
}
#searchbox li#searchname a{
	background-position:-79px 0;
}
#searchbox li#searchhood a{
	background-position:-133px 0;
}


#searchbox li#searchlocation a:hover, #searchbox li#searchlocation a.active{
	background-position:1px -20px;
}
#searchbox li#searchname a:hover, #searchbox li#searchname a.active{
	background-position:-79px -20px;
}
#searchbox li#searchhood a:hover, #searchbox li#searchhood a.active{
	background-position:-133px -20px;
}

#searchbox a.active{
	border-bottom:2px solid #c1864a;
}

#searchbox #submitsearch{
	display:block;
	float:left;
	height:25px;
	margin-top:47px;
	width:30px;
	text-indent:-9000px;
}
/*================================
Login Links
================================*/
#logininfo{
	border-bottom: 2px solid #d1d1d1;
	border-top:2px solid #d1d1d1;
	font-family:georgia;
	font-size:12px;
	margin-top:5px;
	padding: 0 10px;
}

#loginstatus{
	float:left;
	padding-top:5px;
}
#loginlinks{
	float:right;
	border-left:1px solid #d1d1d1;
	padding-left:10px;
	padding-top:5px;
	height:19px;
	display:block;
}
/*================================
300x250 AD
================================*/
#rightColumn .ad{
	border:1px solid #ccc;
	margin:15px 0;
	text-align:center;
	background:#ccc;
}
#rightColumn .ad .adnote{
	background:#ccc url(../images/ad_note.gif) no-repeat right;
	height:14px;
}

/*================================
Search Results
================================*/
#searchresults .date{
	font-size:10px;
	color:#bbb;
	font-style:italic;
}
#searchresults .ratingstars{
	border:none;
	padding:0 2px;
	margin:2px 0;
}

#searchresults{
	margin:0 5px;
	font-family:Georgia;
}
#searchresults .searchresults li{
	font-size:12px;
	border-bottom:2px solid #CDC8A2;
}
#searchresults .searchresults li a{
	display:block;
	padding:10px;
}
#searchresults .searchresults li a:hover{
	background:#fff;
	
}
#searchresults .searchresults .cafeimage{
	float:left;
	margin:0 10px;
	border:3px solid #fff;
	display:inline;
}
#searchresults .searchresults .cafetitle, #searchresults .searchresults .cafetitle a{
	font-size:18px;
	line-height:16px;
	color:#333;
}
#searchresults .cafetitle{
	margin-bottom:5px;
}
#searchresults .cafetitle .number{
	color:#e87434;
	padding-right:5px;
}

#searchresults .address, #searchresults .distance, #searchresults .rating{
	font-size:12px;
}
#searchresults h1{
	padding-top:20px;
	font-size:24px;
	color:#5f431b;
	border-bottom:2px solid #bfbc91;
}
#searchresults h1{
	margin-bottom:5px;
}
#searchresults h1{
	padding-left:10px;
	font-weight:normal;
}
#searchresults h1 span{
	color:#e87434;
}
#searchresults .cafeinfo{
	float:left;
}
#searchresults .cafeinfo div{
	margin:4px 0;
}
/*================================
SELECT BOX
================================*/
div.selectbox-wrapper {
	z-index:1000;
	position:absolute;
	background-color:white;
	border:1px solid #ccc;
	margin:0px;
	padding:0;
	font-size:0.8em;
	text-align:left;
	max-height:200px;
	overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox{
	width:155px;
	height:15px;
	font-family:Courier;
	font-weight:bold;
	padding:2px 0 0 5px;
	font-size:12px;
	display : block;
	text-align:left; 
	background:#f9eece url('../images/addfeature.gif') no-repeat right;
	cursor: pointer;
	border:1px solid #eee1bd;
	color:#9a5a04;
}
#addfeature{
	width:180px;
	margin-left:7px;
	margin-bottom:5px;
	position:absolute;
	bottom:0;
}
#featurefilter div.selectbox-wrapper ul li{
	font-size:11px;
}
a#submitfeature{
	display:block;
	text-indent:-9000px;
	width:18px;
	height:18px;
	background:url('../images/addimage.gif') no-repeat;
	float:right;
	cursor:pointer;
}
#featureswrapper select {
	background:#ecedee url('../images/addfeature.gif') no-repeat right;
}
ul#currentfeatures{
	margin-top:5px;
}
#currentfeatures li{
	font-size:11px;
	margin-left:10px;
	padding:3px 0 1px;
	float:left;
}
/*=======================
REVIEW INDEX
=======================*/
#reviews ul#sort li, #reviews #sortitems span{
	float:left;
	margin-right:8px;
	display:block;
	padding-top:5px;
	padding-right:8px;
}

#reviews ul#sort li.active a{
	color:#333;
	font-weight:bold;
}
#sortitems{
	height:24px;
	font-size:11px;
	font-family:Courier;
	margin:7px 5px 2px 5px;
	padding: 0 5px 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#featurefilter{
	float:right;
	padding-top:2px;
}
#searchresults #featurefilter{
	padding-top:22px;
}
.review{
	width:200px;
	float:left;
	border:1px solid #ccc;
	height:200px;
	padding:5px;
	margin:5px;
	display:inline;
	background:#fff;
	font-family:Georgia;
}
.review img{

}
.review .cafeinfo span{
	display:block;
	padding:2px;
	font-size:12px;
}
.review .cafeinfo .cafetitle{
	font-size:15px;
	line-height:16px;
	color:#333;
}
.review .cafeinfo .date{
	font-size:10px;
	color:#bbb;
	font-style:italic;
}
.review .cafeinfo .ratingstars{
	border:none;
	padding:0 2px;
	margin:2px 0;
}
/*=======================
PAGINATION
=======================*/
.pagination{
	font-family:Courier;
	margin:5px;
}
.pagination ul{
	margin:0 4px;
	float:right;
	display:inline;
}
.pagination ul li{
	float:left;
	background:#fff;
	border:1px solid #ddd;
	display:inline;
	padding:4px 7px;
	font-size:12px;
	margin:2px;
}
.pagination ul li.active{
	background:#eaaf00;
	border:1px solid #eaaf00;
	color:#fff;
	font-weight:bold;
}
.pagination ul li.active a{
	color:#fff;
}
.pagination .pagelink{
	font-size:14px;
	padding:6px;
	float:right;
	display:inline;
}

/*=======================
account page
=======================*/

#accountinfo h4{
	float:left;
	margin-left:10px;
	display:inline;
	margin-bottom:14px;
}
#accountinfo label{
	padding-top:2px;
}

.response{
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
	font-family:Georgia;
	background:#fff;
}

/*=======================
social links
=======================*/
.sociallinks{
	width:320px;
	margin:0 auto;
}
.sociallinks ul{
	margin-left:20px;
	margin-top:5px;
}
.sociallinks li{
	width:16px;
	height:16px;
	float:left;
	padding:6px;
	display:inline;
}
.sociallinks li a{
	text-indent:-9000px;
	display:block;
	width:16px;
	height:16px;
	background:url(../images/share_icons.gif) no-repeat 0 0;
}

.sociallinks li#delicious a{ background-position:-160px 0;}	  
.sociallinks li#blinklist a{ background-position:-180px 0;}	  
.sociallinks li#furl a{ background-position:-40px 0;}		  
.sociallinks li#digg a{ background-position:-80px 0;}		  
.sociallinks li#magnolia a{ background-position:-100px 0;}	  
.sociallinks li#stumble a{ background-position:-240px 0;}	  
.sociallinks li#simpy a{ background-position:-120px 0;}		  
.sociallinks li#newsvine a{ background-position:-60px 0;}	  
.sociallinks li#reddit a{ background-position:-20px 0;}	  
.sociallinks li#fark a{ background-position:-200px 0;}		  
.sociallinks li#tailrank a{ background-position:0 0;}	  
.sociallinks li#facebook a{ background-position:-220px 0;}	  
.sociallinks li#twitter a{ background-position:-140px 0;}	  

/*=======================
user voice feedback
=======================*/

body a#uservoice-feedback-tab {
	background-color:#724F26;
	border-style:solid solid solid none;
	border-color:#634521;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
}
body a#uservoice-feedback-tab:hover {
	background-color:#412d16;
	border-color:#634521;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
}

/*=======================
recent comments module
=======================*/
#latestcomments, #twitter_div{
	padding:10px;
	background:#fff;
	border: 2px solid #d7b264;
}
#latestcomments{
	margin-bottom:10px;
}
#latestcomments h3, #twitter_div h3{
	border-bottom:2px solid #BFBC91;
	color: #5F431B;
	margin-bottom:5px;
	padding-top:10px;
	font-size:18px;
}
.latestcomment .gravatar{
	float:left;
	padding:5px;
	display:inline;
	margin-left:5px;
}
.latestcomment .cafetitle{
	display:block;
	font-size:15px;
	padding:2px 5px;
}
.latestcomment small{
	font-style:italic;
	font-size:9px;
	color:#777;
	padding:0 4px;
}
.latestcomment .date{
	float:left;
}
.latestcomment .commentreply{
	background:transparent url(../images/arrow3.gif) no-repeat scroll right 2px;
	display:inline;
	float:right;
	font-family:georgia;
	font-style:italic;
	font-weight:bold;
	padding-right:20px;
	line-height:14px;
}
.latestcomment .commentreply a{
	color:#DA540A;
}
.latestcomment, #twitter_div li{
	font-size:11px;
	padding-top:8px;
	border-bottom:1px solid #ccc;
}
.commentinfo{
	float:left;
	width:210px;
	padding-left:5px;
	display:inline;
}
.latestcomment p, #twitter_div li span{
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	padding:5px 0;
}
.latestcomment p a{
	color:#333;
}
.latestcomment .gravatar img{
	border: 3px solid #CDC8A2;
}
.latestcomment .postFooter, #twitter_div li>a{
	display:block;
	font-size:11px;
	padding:3px;
	border-top:1px solid #eee;
	
}
/*=======================
Generic Sidebar Module
=======================*/


.sidebar{
	padding:10px;
	background:#fff;
	border:2px solid #D7B264;
	margin-bottom:5px;
}

.sidebar h3{
	border-bottom:2px solid #BFBC91;
	color:#5F431B;
	font-size:18px;
	margin-bottom:5px;
	padding-top:10px;
}
.sidebar li{
	
	font-size:13px;
	border-bottom:1px solid #e1e1e1;
}
.sidebar li a{
	display:block;
	padding:8px 5px;
}
.sidebar li a:hover{
	background:#F7EFDA;
}
#newsletter{
	border:2px solid #D1D1D1;
	margin:10px 0;
	background:none;
	padding:1px;
}
#newsletter h3{
	border:none;
	font-weight:normal;
	padding:5px;
	background:#54656D;
	color:#fff;
	margin-bottom:2px;
}
#newsletter #contactsubmit{
	background:url(../images/arrow3.gif) no-repeat right center;
	padding-right:20px;
	border:none;
	font-family:Georgia;
	font-weight:bold;
	font-style:italic;
	color:#384347;
	float:right;
	padding-top:3px;
}
#newsletter form br{
	display:none;
}
#newsletter input#email{
	width:205px !important;
	border: 1px solid #ddd;
	padding:3px;
}

#newsletter label, #newsletter input{
	font-size:13px;
	margin-right:5px;
	float:left;
	
}


/*=======================
Recent Posts Module
=======================*/

#recentposts{
	padding:10px;
	background:#fff;
	border:2px solid #D7B264;
	margin-bottom:5px;
}

#recentposts h3{
	border-bottom:2px solid #BFBC91;
	color:#5F431B;
	font-size:18px;
	margin-bottom:5px;
	padding-top:10px;
}
#recentposts li{
	padding-bottom:4px;
	margin-bottom:4px;
	margin-top:6px;
	border-bottom:1px solid #ccc;
}
#recentposts .postExcerpt{
	color:#362800;
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	padding:0;
}
#recentposts .date{
	font-size:11px;
}
/* ======================
ABOUT 
=================	*/

#about h2, #contributors h2{
	color:#5F431B;
	font-family:Georgia;
	font-size:22px;
	font-style:italic;
}

#about, #contributors{
	width:560px;
	font-family:Arial;
	padding:10px 10px;
}
#about p{
	line-height:18px;
	padding:12px 0;
	font-size:14px;
}
#about ul{
	margin-bottom:20px;
}
#about li{
	padding:5px 35px;
	width:420px;
	font-size:14px;
	background:url(../images/arrow_4.gif) no-repeat 0 10px;
}
#contributorsList > li{
	padding:10px 0;
	height:80px;
}
#contributorsList li img{
	float:left;
	margin-right:10px;
}
#contributorsList .authorinfo{
	
}
#contributorsList .authorinfo li{
	width:auto;
	float:left;
	font-size:14px;
	padding-right:15px;
}

/*  Home Twitter */

#main_twitter{
	background:url(../images/nycmugged_twitter.gif) no-repeat;
	width:305px;
	height:35px;
	margin-top:10px;
}
#main_twitter a{
	display:block;
	width:294px;
	height:35px;
	text-indent:-2000px;
	overflow:hidden;
}

/* =========== PROFILES ================= */
#profile{
	margin-top:15px;
	margin-bottom:10px;
	padding-left:10px;
}
#profile-info{
	width:176px;
	float:left;
	background:#fff;
	border-top:1px solid #cfcdb7;
	border-bottom:1px solid #cfcdb7;	


}


.mugtweet{
	padding:12px 5px;
	margin-top:5px;
}
#blog .mugtweet p.postData, #blog .mugtweet .postContent {
	background:none;
}
.mugtweet h2{
	font-size:20px;
}