/*
Theme Name: Foursquare
Theme URI: http://foursquare.com
Description: The foursquare blog theme.
Version: 1.0
Author: Sam Brown
Author URI: mailto:sam@foursquare.com
Tags: foursquare
*/

/* !Global Reset
-----------------------------------------------------------------------------*/
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul, ol {
  margin: 1em 0;
}

h3 {
  margin-top: 25px;
}

/* !Fixers */
/*-------------------------------------------------------------------- */
* a {position: relative;} /* Gets links displaying over a PNG background */
a {outline: none;} /* Gets rid of Firefox's dotted borders */
a img {border: none;} /* Gets rid of IE's blue borders */
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
q:before, q:after {content: '';}

/* !Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited {color: #2d5be3; text-decoration: none;}
a:hover {color: #2d5be3; text-decoration: underline;}
a:active {color: #2d5be3;}
blockquote {border-left: 3px solid #ddd; font-style: italic; margin: 0 0 20px 10px; padding-left: 20px;}
body {
	background: #eee url('images/bg.png') top left repeat-x;
	color: #444;
	font: 14px/150% "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;}
h1, h2 {font-size: 20px;}
hr {border: none; height: 1px; background: #666; margin: 20px 0;}
img {border: 0;}
ul, ol {margin-left: 20px;}

/* !Wrap
---------------------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	width: 900px;
}
body.error404 #wrap {background: none !important;}

/* !Header
---------------------------------------------------------------------- */
#header {}

/* =Logo */
#header h1 {
	float: left;
	margin: 12px 0 0 0;
}
#header h1 a {
	background: url('http://foursquareeng.wpengine.netdna-cdn.com/wp-content/uploads/2014/08/foursquareeng_240x50.png') top left no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 240px;
}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio: 13/10),only screen and (min-resolution: 120dpi) {	
#header h1 a {background:url('http://foursquareeng.wpengine.netdna-cdn.com/wp-content/uploads/2014/08/foursquareeng_480x100.png') top left no-repeat; background-size:240px 50px;}
}

/* =Menu */
#menu {float: right;}
#menu .access {display: none;}
#menu ul.menu {
	list-style: none;
	margin: 0;
	padding-top: 28px;
}
#menu ul.menu li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
#menu ul.menu li a {
	color: #545454;
	margin: 0 7px;
}
#menu ul.menu li a:hover {color: #2398C9;}
#menu ul.menu li a:active {color: #156db5;}

/* =Search */
#search {
	float: right;
	padding-left: 20px;
	padding-top: 25px;
	width: 200px;
}
#search #s {
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	outline: none;
	padding: 5px;
	width: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset rgba(0,0,0,.22) 0 2px 3px;
	-webkit-box-shadow: inset rgba(0,0,0,.22) 0 2px 3px;
	box-shadow: inset rgba(0,0,0,.22) 0 2px 3px;
}
#search button {
  background: #A7E300;
  background: -webkit-gradient(linear, left top, left bottom, from(#A7E300), to(#99D100));
  background: -moz-linear-gradient(top,  #A7E300,  #99D100);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7E300', endColorstr='#99D100');
  border: 1px solid #87b800;	
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  padding: 0 8px;
  text-align: center;
  text-shadow: rgba(0,0,0,.1) 0 -1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#search button:hover {
  background: #b2eb14;
  background: -webkit-gradient(linear, left top, left bottom, from(#b2eb14), to(#a4da14));
  background: -moz-linear-gradient(top,  #b2eb14,  #a4da14);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2eb14', endColorstr='#a4da14');
}
#search button:active {
  background: #99D100;
  background: -webkit-gradient(linear, left top, left bottom, from(#99D100), to(#A7E300));
  background: -moz-linear-gradient(top,  #99D100,  #A7E300);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D100', endColorstr='#A7E300');
}

/* !Content
---------------------------------------------------------------------- */
#content {
	float: left;
	padding-left: 90px;
	width: 600px;
}
.page #content {padding-left: 45px;}

/* =Post */
.post {
	background: #fff;
	margin: 30px 0;
	padding: 20px 20px 10px;
	position: relative;
	width: 550px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 3px 5px;
	-webkit-box-shadow: rgba(0,0,0,.15) 0 3px 5px;
	box-shadow: rgba(0,0,0,.15) 0 3px 5px;
}
.post a {text-decoration: underline;}
.post h1, .post h2 {
	border-bottom: 1px solid #eee;
	margin: 0 0 15px;
	padding: 5px 50px 20px 0;
}
.post h1 a, .post h2 a {color: #444; text-decoration: none;}
.post h1 a:hover, .post h2 a:hover {color: #2d5be3; text-decoration: underline;}
.post h1 a:active, .post h2 a:active {color: #2d5be3;}
.post img {max-width: 510px;} /* This might be a bit hacky and better done on a per post basis. */
.post-date {
	color: #b2b2b2;
	font-size: 20px;
	float: left;
	font-weight: bold;
	position: absolute;
	top: 23px;
	left: -90px;
	text-align: center;
	text-shadow: #fff 0 1px 0;
	width: 70px;
}

/* =Category Icons */
div.category-business,
div.category-partnerships,
div.category-specials {background: #fff url('images/cat-business.png') top right no-repeat;}
div.category-community,
div.category-privacy,
div.category-support {background: #fff url('images/cat-community.png') top right no-repeat;}
div.category-foursquare,
div.category-events,
div.category-iphone,
div.category-product,
div.category-random, 
div.category-blackberry,
div.category-android,
div.category-symbian,
div.category-badges,
div.category-blog {background: #fff url('images/cat-foursquare.png') top right no-repeat;}
div.category-engineering {background: #fff url('images/cat-engineering.png') top right no-repeat;}

/* =Category Links */
div.category-business .meta a,
div.category-partnerships .meta a,
div.category-specials .meta a {color: #d46633;}
div.category-community .meta a,
div.category-privacy .meta a,
div.category-support .meta a {color: #a1c348;}
div.category-foursquare .meta a,
div.category-events .meta a,
div.category-iphone .meta a,
div.category-product .meta a,
div.category-random .meta a,
div.category-blackberry .meta a,
div.category-android .meta a,
div.category-symbian .meta a,
div.category-badges .meta a,
div.category-blog .meta a {color: #5db8dd;}
div.category-engineering .meta a {color: #156db5;}

/* =Post Meta Data */
.meta {
	border-top: 1px solid #eee;
	color: #bfbfbf;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5px;
}
.meta p {margin: 0;}
.meta p strong {color: #666; margin-right: 10px;}
.meta-author {
  color: #999;
  font-size: 12px;
}
.meta-category {float: left;}
.meta-comments {float: right;}
.meta a {text-decoration: none;}
.meta a:hover {text-decoration: underline;}

/* =Comments */
#comments-disqus {width: 550px;}

/* =Pagination */
#prevnext {}
#prevnext a {
  background: #A7E300;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#e6e6e8));
  background: -moz-linear-gradient(top,  #f8f8f9,  #e6e6e8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8');
  border: 1px solid #ccc;
  color: #999;
  cursor: pointer;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  text-shadow: rgba(255,255,255,1) 0 1px 0;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#prevnext a:hover {
  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f2f3));
  background: -moz-linear-gradient(top,  #fcfcfc,  #f3f2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f2f3');
}
#prevnext a:active {
  background: #f3f2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f2f3), to(#fcfcfc));
  background: -moz-linear-gradient(top,  #f3f2f3,  #fcfcfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f3', endColorstr='#fcfcfc');
}
#prev {float: left;}
#next {float: right; margin-right: 10px;}

/* =404 Page */
#fourohfour {
	background: url('images/404.png') top left no-repeat;
	height: 200px;
	margin-top: 30px;
	padding-left: 325px;
	padding-top: 100px;
}

/* =Code Samples */
pre {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-top: 20px solid #ddd;
  border-bottom: 2px solid #ddd;
  padding: 5px 10px;
  word-wrap: break-word;
}
code {
  color: #156db5;
  font-family: Courier;
  font-size: 12px;
  line-height: 100%;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* !Sidebar
---------------------------------------------------------------------- */
#sidebar {
	float: right;
	font-size: 12px;
	margin-top: 30px;
	width: 200px;
}
#sidebar h3 {
	color: #777;
	font-size: 13px;
	margin: 0;
	text-shadow: rgba(255,255,255.5) 0 1px 0;
}

/* =Widgets */
ul#primary-widgets {
	list-style: none;
	margin: 0;
}
ul#primary-widgets li ul {
	color: #ccc;
	list-style-type: disc;
	margin-bottom: 30px;
	margin-top: 0;
}

/* =Widget About Us */
#about {
	color: #666;
	line-height: 150%;
	margin-bottom: 30px;
}

/* =Widget External Links */
ul#findus {
	list-style: none !important;
	position: relative;
	left: -20px;
}
ul#findus li {
	height: 16px;
	line-height: 16px;
	margin-bottom: 5px;
	padding-left: 22px;
}
ul#findus li.icon-facebook {background: url('images/icon-facebook.png') top left no-repeat;}
ul#findus li.icon-foursquare {background: url('images/icon-foursquare.png') top left no-repeat;}
ul#findus li.icon-twitter {background: url('images/icon-twitter.png') top left no-repeat;}
ul#findus li.icon-flickr {background: url('images/icon-flickr.png') top left no-repeat;}
ul#findus li.icon-rss {background: url('images/icon-rss.png') top left no-repeat;}
ul#findus li.icon-youtube {background: url('images/icon-youtube.png') top left no-repeat;}
ul#findus li.icon-meetup {background: url('images/icon-meetup.png') top left no-repeat;}

/* =Widget Categories */
.cat-item-61,  /* foursquare */
.cat-item-66,  /* foursquare - product */
.cat-item-67,  /* foursquare - iphone */
.cat-item-68,  /* foursquare - events */
.cat-item-69,  /* foursquare - random */
.cat-item-73,  /* foursquare - blackberry */
.cat-item-99,  /* foursquare - android */
.cat-item-106, /* foursquare - symbian */
.cat-item-101, /* foursquare - badges */
.cat-item-1    /* foursquare - blog */
{color: #5db8dd;}
.cat-item-62,  /* Community */
.cat-item-64,  /* Community - support */
.cat-item-65   /* Community - privacy */
{color: #a1c348;}
.cat-item-63, /* Business */
.cat-item-70, /* Business - specials */
.cat-item-71  /* Business - partnerships */
{color: #d46633;}
.cat-item-127 /* Engineering */
{color: #156db5;}

#sidebar ul.children {margin: 0 0 0 15px;}

/* !Footer
---------------------------------------------------------------------- */
#footer {
	clear: both;
	color: #999;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	padding-top: 80px;
	padding-left: 90px;	
	text-align: left;
	width: 470px;
}
#footer p {margin: 0;}
body.error404 #footer {display: none;}

/* !Other
---------------------------------------------------------------------- */
.clear {clear: both;}

.meta-comments {
  display:none;
}