/*
Theme Name: Groublogpon
Theme URI: http://groublogpon.org/
Description: Groublogpon v 1.0.
Version: 1.0
Author: Groupon
Author URI: http://groupon.com/
Tags: groupon, group coupons


*/



/* Begin Typography & Colors */
body {
	font-family: Helvetica, Arial, sans serif;
	color: #333;
	text-align: center;
	margin:0;
	}

#global-wrap {
	margin:0;
	background:#d0eef6;
}
h1 {

}
h2 {
	margin:0;
}
h3 {
	margin:0;
}
p {
	margin:0;
}
a {
	color:#89b556;
	text-decoration:none;
}
a:hover {
	color:#608536;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
ol{
  padding:0 0 0 15px;
}
ol li{
  font-size:14px;
  line-height:20px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.right {
	float:right;
}
/*=====================CITY DRAWER=======================*/
#city-drawer-wrap {
	background: #222222;
	border-bottom: 2px solid #5F5F5F;
	position: relative;
}
#city-drawer-content	{
	width: 960px;
	margin: auto;
	padding:20px 0 25px 0;		
}
.hide-holder {
	text-align: right;
	font-size: .675em;
	margin-bottom:8px;
}
.hide-holder	a{
	color: #999999;
}
.hide-holder	a:hover{
	color: #4BC1DE;
}
ul#city-list {
	clear:left;
	border-top:1px dashed #303030;
	border-left:1px dashed #303030;
}
ul#city-list li{
	float:left;
	width:158px;
	text-align: left;
	border-bottom:1px dashed #303030;
	border-right:1px dashed #303030;
}
ul#city-list li a{
	float:left;
	width:128px;
	padding: 10px 0 10px 30px;
	color:#fff;
	font-size:.75em;
}
ul#city-list li a:hover{
	background-color: #535353;
}

/* on state */
ul#city-list li.current-cat {}
ul#city-list li.current-cat a {}

/*=====================HEADER============================*/

#header-wrap {
	position: relative;
	clear: both;
	background:#303030 url(images/bg/bg-header-run.gif) repeat-x;
}
#header-content {
	width:960px;
	height:159px;
	margin:auto;
	position:relative;
}
#logo {
	margin:0;
	padding:0;
}
#logo a{
	display:block;
	width:436px;
	height:159px;
	float:left;
	background:url(images/logo-groublogpon.png) no-repeat;
	text-indent:-9999em;
	position:relative;
	z-index:10;
}

.description {
	display:none;
}
#header-nav {
	background:url(images/bg/bg-header-nav-run.gif) repeat-x;
	float:left;
	width:524px;
	height:34px;
	margin:0;
}
#header-nav-links {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	float:left;
	line-height:28px;
	font-size:.75em;
	margin-left:20px;
}
#header-nav-links a{
	padding-right:14px;
	background:url(images/icon/header-nav-triangle-up.png) right center no-repeat;
	color:#fff;
	text-decoration:none;
}
.back-to-groupon {
	float:right;
}
#current-blog-city {
	text-align:left;
	margin:2px 0 0 10px;
	width:475px;
	float:left;
	color:#fff;
	font-size:1.875em;
	padding:5px 0 0 10px;
}
#search-wrap {
	position:absolute;
	bottom:8px;
	right:0;
	background:#67d6f2 url(images/bg/bg-search-left.gif) left top no-repeat;
	width: 380px;
}
#search-content {
	padding:4px 8px;
	height:40px;
	float:left;
}
#searchform label{
	display:none;
}
#searchform input{
	float:left;
}
#search-right {
	width:6px;
	height:49px;
	background:url(images/bg/bg-search-right.gif) no-repeat;
	float:right;
}
input#s {
	width:235px;
	height:34px;
	background:url(images/bg/bg-search-input.gif) no-repeat;
	padding:0 8px 0 8px;
	border:none;
	margin-top:5px;
	font-weight:700;
	font-size:1.125em;
	outline:none;
}
input#searchsubmit {
	background:url(images/btn/btn-search-blog.jpg) no-repeat;
	width:106px;
	height:45px;
	border:none;
	text-indent:-9999em;
	cursor:pointer;
}
.lightinput {
	color:#B0AEA6;
}
.darkinput {
	color:#5c5c5c;
}

/*=================CONTENT====================*/


#middle-wrap {
	clear:both;
	background:#d0eef6;
	margin:-5px 0 0 0;
	padding:0 0 0 10px;
}
#middle-content {
	width:960px;
	margin:auto;
	clear:both;
}
#middle-left {
	width:600px;
	background:#fff;
	float:left;
	padding:20px;
	text-align:left;
	min-height: 300px;
}
h2.pagetitle {
	color:#7d7d7d;
	margin-bottom:25px;
}
.post-wrap {
	clear:left;
	padding-bottom:45px;
}
.post-meta-wrap {
	width:80px;
	float:left;
	clear:left;
}
.post-meta {
	width:60px;
	background:#deedcc;
	padding:10px;
	font-weight:700;
}
.post-meta span{
	font-size:.56em;
	color:#969696;
}
.post-meta-avatar {
}
.post-meta-author-name {
	color:#545454;
	font-size:.625em;
	text-transform:uppercase;
	margin-top:3px;
}
.post-meta-monthday {
	color:#545454;
	font-size:.75em;
	line-height:1.125em;
	margin-top:5px;
}
.post-meta-year {
	color:#969696;
	font-size:.75em;
	line-height:1.125em;
	
}
.post-meta-comments-wrap {
	width:60px;
	background:#deedcc;
	padding:10px;
	font-weight:700;
	margin-top:1px;
	text-align:center;
}
.post-meta-comments-number {
	width:55px;
	height:30px;
	background:url(images/bg/bg-comment-bubble.jpg) no-repeat;
	margin:auto;
	padding-top:7px;
	color:#545454;
}
.post-meta-comment-leavelink {
	text-transform:uppercase;
	font-size:.6875em;
	margin-top:5px;
}
.post {
	width:490px;
	float:left;
	margin-left:20px;
}
.post h2{
	font-size:1.4em;
	line-height:1.2em;
}
h2.post-title {
	font-size:2em;
	margin-bottom:5px;
}
.post h4 {
	margin-bottom: 5px;
	font-size: 18px;
}
.post p, .post ul {
	font-size:0.9em;
	line-height:1.625em;
	margin-bottom: 15px;
}
.post ul{
	margin: 0 15px 15px 10px;
	list-style:  inside url(images/icon/list-icon.gif);
}
.post ul li{
	margin-bottom: 12px;
	line-height:1.3;
}
.post .wp-caption-text {
	font-style: italic;
	font-size: 10px;
	text-align: center;
}
/*===============SIDEBAR==================*/
#sidebar-wrap {
	width:290px;
	float:left;
	background:#fff;
	margin-left:25px;
	text-align:left;
	padding-bottom:35px;
}
#sidebar-wrap h2{
	font-size:.88em;
	color:#545454;
	padding-left:18px;
	background:url(images/icon/icon-sidebar-h2.gif) center left no-repeat;
	text-align:left;
	line-height:1.5em;
	margin-bottom:10px;
}
#groupon-dealofday {
	margin-left:25px;
	width:290px;
	float:left;
	padding:20px 0;
}
#groupon-dealofday h3 {
	color:#4bc1dd;
	text-align:center;
	margin:0;
}

#groupon-dealofday img {
	vertical-align:middle;
}
#groupon-dealofday p {
	padding-top:12px;	
	text-align:left;
	line-height:1.3em
}
#groupon-dealofday a {
}
#keep-up-with-groupon {
	font-size:1.56em;
	color:#fff;
	font-weight:700;
	background:#d0eef6;
	margin:10px 10px 20px 10px;
	padding:10px 15px 15px 15px;
	text-align:center;
}
#keep-up-with-groupon h3{
	color:#545454;
	font-size:.55em;
	text-align:left;
	margin:0 0 15px 0;
}
#keep-up-with-groupon img{
	vertical-align:middle;
	padding:0 10px;
}
#sidebar-twitterfeed {
	border-bottom:1px solid #d0eef6;
	padding:20px 10px 20px 0;
}
#sidebar-twitterfeed p {
	margin-bottom:1em;
	font-size:.8em;
	margin-left:15px;
	color:#666;
	line-height:1.3em;
	padding-bottom:10px;
	border-bottom: 1px solid #f0f0f0;
}
#sidebar-twitterfeed p span {
	font-size:.6em;
}
#flickr {
	border-bottom:1px solid #d0eef6;
	padding:20px 10px 20px 0;
	list-style:none;
}
#flickr a.flickr_img {
	display:block;
	width:62px;
	text-align:center;
	float:left;
	height:65px;
	margin:2px;
	overflow:hidden;
}
#flickr a.flickr_img img {

}
.flickr_badge_container {
	padding-left:15px;
	margin-bottom:10px;
}
#rss-3 {
	list-style:none;
}

#rss-3 a.rsswidget {
	color:#545454;
	font-size:1.2em;
	text-align:left;
	margin:0 0 15px 0;
}
#rss-3 a.rsswidget img {
	display:none;
}
#rss-3 ul li a {
	font-size:.5em;
}
#sidebar-archives {
	padding:20px 0;
	border-bottom:1px solid #D0EEF6;
}
#sidebar-archives ul{
	margin:0 0 0 20px;
}
#sidebar-archives ul li{
	width:50%;
	float:left;
	font-size:.6875em;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
}
#categories-archives {
	padding:20px 0;
	border-bottom:1px solid #D0EEF6;
}
#categories-archives ul{
	margin:0 0 0 20px;
}
#categories-archives ul li{
	width:50%;
	float:left;
	font-size:.6875em;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
}

/*====================COMMENTS=====================*/
#post-comments-wrap {
	border-top:1px solid #e9e8e3;
	margin-top:25px;
	padding-top:20px;
}

#post-comments-wrap h3{
	color:#4bc1dd;
	line-height: 29px;
}
span#num-comment {
	width:40px;
	height:29px;
	background:url(images/bg/bg-comment-bubble-small.jpg) no-repeat left center;
	display:inline-block;
	text-align:center;
	font-size:.75em;
	margin-right:5px;
}
ul.commentlist{
	margin-top:20px;
}
ul.commentlist li {
	padding:20px 10px;
	margin-bottom:25px;
}
.comment-meta-wrap {
	width:60px;
	float:left;
}
.comment-post {
	width:360px;
	margin-left:25px;
	float:left;
}
.comment-post p{
	font-size:.875em;
}
.even {
	background:#f5f5f5;
}
p.comment-meta-author {
	color:#545454;
	font-size:.625em;
	text-transform:uppercase;
	margin-top:3px;
}
.comment-meta-wrap span{
	font-size:.56px;
	color:#969696;
}
p.comment-meta-date {
	font-size:.625em;
	line-height:1.25em;
}
#comment-respond-wrap {
	background:#fffdc1;
	padding:20px 10px 20px 0;
	margin-top:15px;
	color:#545454;
}
#comment-respond-wrap h3{
	color:#545454;
	background:url(images/icon/icon-comment-h3.gif) no-repeat center left;
	padding-left:18px;
}
.comment-row {
	line-height:1.5em;
	margin:15px 0;
}
.comment-row label{
	width:85px;
	float:left;
	text-align:right;
	margin-right:20px;
	font-size:.8125em;
	font-weight:700;
	
}
.comment-row input{
	width:325px;
	float:left;
	background:#fff;
	border:none;
	padding:5px;
	color:#545454;
	font-size:.825em;
}
.comment-row textarea{
	width:325px;
	float:left;
	background:#fff;
	border:none;
	padding:10px 5px;
	color:#545454;
	font-size:.9em;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:.03em;
}
span.required {
	color:#ff8d27;
	font-size:1.625em;
	margin:5px 0 0 5px;
}
.required-note {
	width:125px;
	float:left;
	margin:5px 0 0 25px;
}
#submit {
	width:141px;
	height:42px;
	cursor:pointer;
	text-indent:-9999em;
	background:url(images/btn/btn-leave-comment.jpg) no-repeat;
	border:none;
	float:right;
	margin-right:40px;
}
/*=====================FOOTER======================*/
#footer-wrap {
	padding-top:20px;
	background:#d0eef6;
}
#footer-top-nav {
	background:url(images/bg/bg-footer-top.gif) repeat-x;
	height:70px;
	text-align:right;
}
#footer-top-nav-content {
	width:960px;
	margin:auto;
	padding-top: 32px;
}
#footer-top-nav a{
	color:#fff;
	font-weight:700;
	margin-left:15px;
	font-size:.8125em;
}
#footer-top-nav a:hover{
	text-decoration:underline;
}
#footer-bottom-wrap {
	background:#303030;
	padding-bottom:30px;
}
#footer-bottom-content {
	background:#222222;
	width:960px;
	margin:auto;
	text-align:left;
	font-size:.725em;
}
#footer-bottom-content a{
	color:#7d7d7d;
}
#footer-bottom-content a:hover{
	text-decoration:underline;
}
#footer-bottom-content h3{
	color:#7d7d7d;
	font-size:1.3em;
	line-height:2em;
}
#footer-bottom-content ul{
	list-style:circle inside;
}
#footer-bottom-content ul li{
	color:#7d7d7d;
	font-size:1em;
	width:135px;
	float:left;
	line-height:1.75em;
}
#footer-city-blogs {
	margin-left:15px;
	width:275px;
	border-right:1px dashed #7d7d7d;
	padding-bottom:20px;
}
#footer-bottom-content ul{
  list-style:none;
}
#footer-bottom-content ul li{
  width:160px;
  float:left;
  padding:20px 10px 40px 20px;
  border-right:1px dashed #343434;
}
#footer-bottom-content ul li dt{
  font-size:1.6em;
  line-height:1.5;
}
#footer-bottom-content ul li dd{
  margin:0;
  padding-left:8px;
  background:url(images/icon/disc.gif) no-repeat 0 6px;
}


.clear {
	clear: both;
}


p img {
	padding: 10px 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding-left: 15px;
	}

.alignleft {
	float: left
	}
/* End Images */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 20px;
	background: url(images/icon/quote.gif) no-repeat left top;
	color:#6F6F6F;
	font-size:.9em;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size:.8125em;
	}
/* End Various Tags & Classes*/

/*GOODIES*/
#goodies-title {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}
#flickr-slideshow {
	margin: 10px 10px;
}
#nav {
	padding: 20px 0 0 0;
	width: 960px;
	margin: auto;
	height:29px;
}
#nav ul {
	padding:0 0 0 20px;
}
#nav ul li {
	float:left;
	width:127px;
	height:29px;
}
#nav ul li a{
	line-height:29px;
	float:left;
	width:127px;
	height:29px;
	background: url(images/nav/sprite-nav.gif) no-repeat left -29px;
	color: #fff;
	font-weight:700;
}
#nav ul li a:hover{
	line-height:29px;
	float:left;
	width:127px;
	height:29px;
	background: url(images/nav/sprite-nav.gif) no-repeat left -58px;
	color: #fff;
}
#nav ul li a.current{
	line-height:29px;
	float:left;
	width:127px;
	height:29px;
	background: url(images/nav/sprite-nav.gif) no-repeat left top;
	color: #89B556;
}
#nav ul li a.current{
	line-height:29px;
	float:left;
	width:127px;
	height:29px;
	background: url(images/nav/sprite-nav.gif) no-repeat left top;
	color: #89B556;
}	
#nav ul li a:hover.current{
	line-height:29px;
	float:left;
	width:127px;
	height:29px;
	background: url(images/nav/sprite-nav.gif) no-repeat left top;
	color: #89B556;
}