*{ margin: 0; padding: 0; }
html {height: 100%}
body { 
	font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	background: #fff;
	color: #444; 
	height: 100%;
}

a {	color: #47a3db;	background: inherit; text-decoration: none; }
a:hover { color: #3293d0; background: inherit; text-decoration: underline; }
p { margin: 5px 0 }
h1 {  margin: 10px 0; }
h1 a { background: inherit; }
img { border: 0; }
h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }
h3 a { font-size: 1em; }
#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { min-width: 750px; max-width: 95%; margin: 0 auto; padding: 0; height: 100%}
div.ads {text-align: center; padding: 0 10px 0 10px; overflow: hidden}

#top{ float: right; text-align: right; }
#top p a { color: #808080; margin: 0 0 0 13px; background: #fff url(images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

#logo { float: left; color: #808080; line-height: 25px; padding-top: 10px}
#logo .logo-img {float: left; margin-right: 5px}
#logo h1 {margin: 13px 0}
#logo p {font-style: italic; clear: left}
#menu {clear: both; padding-bottom: 3px; margin: 0 0 5px; background: #fff url(images/menubg.gif) repeat; }
	#menu li { line-height: 35px; padding: 6px 0 0 0; font-size: 1.1em; display: inline; text-transform: uppercase; }
	#menu li a { margin: 0 3px; color: #808080; white-space: nowrap; }
	#menu li a:hover { color: #444; }

#left { background: #eee;  clear: left; float: left; width: 260px; padding: 10px 15px; margin: 0 0 20px; }
	#left img { margin: 0 0 8px; }
	#left li { list-style: none; }
	#left li a {  color: #787A8F; font-weight: bold; background: url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }

#main { float: left; width: 655px; margin: 0; min-height: 250px}
	#main img { border: 3px solid #eee; padding: 1px; margin: 10px 0 5px 0;}
	#line { clear: both; padding: 3px; margin: 0 0 15px; background: #fff url(images/smalldot.gif) repeat-x; }
	#ad { float: right; text-align: center; padding: 33px 0 0; width: 250px; border: 3px solid #eee; color: #ccc; height: 50px; margin: 0 0 15px; }
	#shortnews { float: right; width: 250px; }
	.news { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px;}
	
#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }

#rl { float: left; width: 290px; margin: 0 20px 30px 0; }
#rr { float: right; width: 290px; }
	#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
	#rl li a, #rr li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }

#footer { 
	clear: both;
	padding: 5px 10px;
	height: 60px;
	margin: 10px 0 5px 0; font-size: .9em; color: #808080; background: #eee; border-radius: 5px;
	min-width: 750px;
}
#footer p.links {float: right}
	.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 600px; }
	#fr { float: right; }
	
#footer span.using {padding-left: 20px; }
	
a.login {
	height: 36px;
	display: block; text-decoration: none;
	margin-left: 10px;
	text-align: left;
	vertical-align: middle;
	line-height: 30px;
	background: #47a3db;
	background: -moz-linear-gradient(top,#47a3db,#3293d0);   
	background: -webkit-gradient(linear, left top, left bottom, from(#47a3db), to(#3293d0));
	-webkit-box-shadow:0 0 7px 0 #1767a2;
	-moz-box-shadow:0 0 7px 0 #1767a2;
	box-shadow:0 0 7px 0 #1767a2;
	color: #fff; font-size: 13px; padding: 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	padding-right: 5px;
}

a.login img {
	margin: 0; vertical-align: middle; 
	margin-right: 3px;
}

div.progress {height: 20px; background: #3293d0;}

a.selected {font-weight: bold}

p.filters a {margin: 0 2px}

hr {
	background: #C1D5DB;
	border-bottom: 1px solid white;
	border: none;
	height: 1px;
	margin: 7px 0px;
}

img.example {margin-top: 10px;}

img.category{ vertical-align: middle; float: left; margin-right: 5px}


table.zebra {border-collapse: collapse}
table.zebra th {padding: 5px 0;}
table.zebra tr:nth-child(odd) td { background: #f2f7ff; }
table.zebra td {
border: 0px;
padding: 0 5px;
vertical-align: middle;
}

table.zebra td.top {
	vertical-align: top;
}
table.zebra td.top div {height: 19px; padding-top: 9px}

a.margin-left {
	margin-left: 20px;
}

#top p a.logout {
	margin-left: 0; font-size: 110%;
	background: none;
	text-decoration: underline;
}

ul.default {margin-left: 25px}
	
.bold {font-weight: bold}
.link {cursor: pointer;}

.hh {
	display: block;	
	height: 28px; padding-top: 9px
}
div.clear {clear:both}
div.left {float: left; margin-right: 10px}
div.right{float: right; margin-left: 10px}

table.zebra.l th {padding: 5px 6px}

.friendmarker {z-index: 1000}
.friendmarker img {border: 2px solid #fff}

b.gr, i.gr {color: #666; font-size: 90%}
i b {white-space: nowrap;}

h2.user {margin-bottom: 2px; white-space: nowrap}

h2.venue a {white-space: nowrap}

img.user{ vertical-align: middle; float: left; margin-right: 5px}

div.sidebar div.tab-content, #sidebar {overflow-y: auto;}

input.search {
	font-size: 120%; 
	border-radius: 5px; 
	padding: 4px 2px; 
	margin-right: 5px;
	width: 200px;
	height: 16px;
}
input.big, button.big {
	color: #FFF;
	font-size: 120%;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 3px;
	border: 1px solid #E55800;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F90), to(#FF6200));
	background: -moz-linear-gradient(top,#F90,#FF6200); 
}

input.orange {
	color: #FFF;
	padding: 2px 10px 2px;
	border: 1px solid #E55800;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F90), to(#FF6200));
	background: -moz-linear-gradient(top,#F90,#FF6200); 
}

select.big {
	height: 28px;
	margin-left: 5px; 
	margin-right: 10px;
	padding: 0 2px;
}

select.big, x:-moz-any-link {
	padding-top: 2px;
}

div.result {clear: left; margin: 3px 0;}

div.sidebar-item {
	border-bottom: 1px solid #CCC;
	padding: 10px 5px 10px 0;
	cursor: pointer;
}

div.sidebar-item.border-top {
	border-top: 1px solid #CCC;
	border-bottom: none;
}

span.tips {background: url(images/icon-tip.png) no-repeat; padding-left: 18px; margin-right: 5px;}
span.checkins {background: url(images/icon-checkin.png) no-repeat; padding-left: 18px; margin-right: 5px;}
span.users {background: url(images/icon-user.png) no-repeat;padding-left: 15px;}

h3.group {clear: left; margin: 5px 0;}

select optgroup option {
	padding-left: 20px;
}

span.herenow {font-size: 90%; font-weight: bold}
span.distance {font-size: 90%; font-style: italic; white-space: nowrap}

a.start, a.stop {
	padding-left: 35px;
	font-size: 120%;
	text-transform: uppercase;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin-right: 20px;
}

a.start {background: url(start.png) no-repeat left center;}
a.stop {background: url(stop.png) no-repeat left center;}

.inline {display: inline-block; margin-bottom: 0}

.twitter-checkin {cursor: pointer;}

table.zebra th {padding: 0 2px}

a.keyword, a.section {padding: 0 3px; border: 1px solid #eee; border-radius: 5px; margin: 2px; display: inline-block}
a.section {padding: 1px 5px}
a.keyword.selected, a.section.selected {color: #E55800; border-color: gray}

div#sections {margin: 5px 0}

div#keywords {margin-top: 5px}

div.explore-result {margin-top: 10px}

div.tip {font-size: 90%; color: #666}
div.tip div.message {line-height: 14px}

span.copy {margin-right: 20px}

a.facebook-share {
	background: url(http://static.ak.fbcdn.net/images/connect_favicon.png) #ECEEF5 no-repeat 2px 50%;
	border: 1px solid #CAD4E7;
	padding: 0 4px 0 22px;
	border-radius: 3px; 
	padding-left: 20px;
	text-decoration: none;
	color: #3B5998;
}

a.facebook-share:hover {
	background: url(http://static.ak.fbcdn.net/images/connect_favicon.png) #ECEEF5 no-repeat 2px 50%;
	text-decoration: none;
	border: 1px solid #9DACCE;
}


#stats {
	width: 940px; 
	background: #53bcec; 
	padding: 10px; 
	margin: auto;
	color: #fff; 
	font: 1em Verdana, Arial, sans-serif; 
	letter-spacing: 0.3em;
	text-transform: uppercase;			
}

#stats a {
        text-decoration: none;
        color: #fff;
}

#stats div.top {font-size: 47px; text-align: center;}
#stats div.top img {margin-top: 7px}
#stats div.title {font-size: 26px; border-bottom: 1px solid #fff; text-align: left; margin-bottom: 20px; margin-top: 10px}
#stats table {width: 100%}
#stats table th {text-align: left; font-size: 20px; font-weight: normal;}
#stats table td {margin: 0 10px}
#stats table tr.value td {font-size: 60px}
#stats .small {letter-spacing: 0.1em; font-size: 12px}
#stats div.place {float:left; padding: 5px; width: 176px; vetical-align: top; text-align: center}
#stats div.category {margin: 5px 0}
#stats div.category img {vertical-align: middle; float: left; margin-right: 5px}
#stats #map {text-transform: none; letter-spacing: normal;} 

#slide-counter {
	text-align: center;
	margin-top: 10px;
}

#slide-counter a {
	display: inline-block;
	width: 15px;
	position: relative;
	height: 11px;
	overflow: hidden;
}

#slide-counter a img {
	position: absolute;
	left: 0;
	margin: 0;
	border: 0;
	padding: 0;
}

#slide-counter a.active img {
	left: -15px;
}

h3.margin {
	margin: 20px 0
}

#sidebar, #map {min-height: 350px}
div.sidebar div.tab-content {min-height: 322px}

.listitem-name {font-size:120%;font-weight:bold}
.listitem-address {font-style: italic}
.listitem-stats-users, .listitem-stats-checkins {font-weight: bold}

a.new-window {padding: 0 0 0 18px; width: 16px; background: url(images/new_window.gif) 100% 30% no-repeat}

a.sort {padding-right: 12px; background: url(images/sort.gif) 99% 50% no-repeat}


div.marker-specials {
	border: 2px solid orange;
	border-radius: 6px;
	width: 25px;
	height: 25px;
}

div.marker-recommended {
	border: 2px solid #47A3DB;
	border-radius: 6px;
	width: 25px;
	height: 25px;
}

div.marker-photo {
    border: 2px solid #fff;
    border-radius: 6px;
    width: 36px;
    height: 36px;
}

div.marker-recommended.marker-specials {
	border-top:2px solid orange;
}

div.marker-friends {
	border: 2px solid #fff;
	border-radius: 6px;
	width: 32px;
	height: 32px;
}
div.marker-friends img {
	border-radius: 6px;
}


div.trending, div.marker-specials.trending, div.marker-recommended.trending {
	border-radius: 6px;
	border-bottom:2px solid red;
}

div.special {
	background: #FEF4D7;
	padding: 3px 5px;
}

div.special b {
	color: #FF7900;
}

div.special i {
	font-size: 80%;
	color: #666;
}

div.reasons {
	background: #D2E6FE;
	padding: 1px 5px;
	margin: 3px 0;
}

span.hereNow {color: #960000; font-weight: bold;}

ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	height: 28px;	
}

ul.tabs li {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px 0 0;
	position: relative;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 3px 3px 0 0;
}

ul.tabs li.selected {
	background: white;
	border: 1px solid #AAA;
	border-bottom: 1px solid white;
	margin-right: 4px;
}

ul.tabs li a {
	text-decoration: none;
	line-height: 26px;
	height: 26px;
	display: block;
	padding: 0 5px 0;
	background: transparent;
}

ul.tabs li.selected a {
	color: black;
}

.tab-content {
	margin: -1px 0 0 0;
	padding: 0;
	border-top: 1px solid #CCC;
	background: white;
	display: block;
	width: 100%;
}

div.contact a {margin-left: 15px;}

img.float-left {float:left; vertical-align:middle; margin:0 5px 0 0; padding:0}

div.checkin {clear: left; margin-bottom: 5px; position: relative;}

div.checkin img.float-left {
    border: 2px solid #fff;
    border-radius: 11px;
}

div.checkin img.mayor {
	margin-left: 10px;
}

span.shout {
    background: url('http://static-s.foursquare.com/img/icon-shout-872a040484d2ff4c8b57581a7392d19d.png') top left no-repeat;
    color: #4D4D4D;
    padding-left: 20px;
}

div.inline-blocks div {display: inline-block;}

div.marker-many-checkins {
	border: 2px solid #04B45F;
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

div.sidebar-item.many-checkins {
	background: #BCF5A9;
}