/*
	Theme Name: foodgawker
	Theme URI: http://foodgawker.com
	Description: foodgawker
	Author: Chuck Lai
	Author URI: http://sundaynitedinner.com/
	Version: 1.0
*/

/* CSS 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
td,tr
{
vertical-align:middle;

margin-right: 115px;
}
/* remember to define focus styles!  */:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}

/* tables still need 'cellspacing="0"' in the markup  */table{border-collapse:separate;border-spacing:0}

blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
	
.clearfix:after {
	visibility: hidden;
	display: block;

	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body {
	color: #4a4a4a;
	
	
	margin: 0;
	padding: 0;
	}

/* Page Header
-------------------------------------------------- */
#header
{
	position: relative;
	height: 170px;
	padding: 0;
}
#header-inner {
	width:94% !important;
	width: 960px;
	min-width:960px;
	margin: 0 auto;
}
#logo
{
	position: relative;
	float:left;
	width: 200px;
	height: 82px;
	padding-top:26px;
}
#ad-leader {
	width:728px;
	height:90px;
	float:right;
}
#header #logo h1 a
{
	
	
	text-decoration:none;
	border:none;
	width:490px;
	letter-spacing:1px;
}

#search
{
	padding-left: 100px;
	position:absolute;
	right: 0px;
	bottom:14px;
}
#search .search-text
{
	padding:1px 5px;
	border: 1px solid #ccc;	
}
#topbar .icon{
	background: #fff url(images/rss.png) right no-repeat;
	margin-right: 5px;
	/* color: #3898F8; */
	padding: 2px 18px 2px 0;
	}
#topbar {
	margin: 0;
	padding: 5px 0 12px 0;
	text-align: right;
	}
#topbar a {
	color: #028198;
}


/* Main Sections */
#wrapper {
	margin: 0 auto;
	width: 980px;
	}

.post, #page {
	margin-bottom: 30px;
	line-height: 150%;
	
	}

#indexwrapper {
	padding: 40px 0 30px 0;
	margin: 0;
	width: 100%;
	background: #cbcbcb url(images/shadow_cbcbcb.jpg) top repeat-x;
	}
#presentation {
	width:96%;
	margin: 0 auto;
	padding: 0px 0 30px 0;
	}
#pages {
	margin: 0;
	padding: 2px 0;
	text-align: right;
	}
	
#sidebar {
	
	overflow: hidden;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 25px 0;
	}

#footer {
	margin: 0;
	padding: 15px 0 10px 0;
	color: #fff;
	overflow: hidden;
	}
	
/* Popular Sub-Nav
-------------------------------------------------- */
#pop-sub-nav {
	padding: 0 0 0 38px;
	margin: -20px 0 30px 0;
	color: #fff;
	
	
}
#pop-sub-nav a {
	padding: 0 3px;
}
#pop-sub-nav a.all-time {
	padding: 0 70px 0 3px;
}

/* Content */

#wrapper p, #wrapper ul, #wrapper ol {
	line-height: 1.5em;
	}
			
#wrapper ul {
	list-style: square inside;
	}

#wrapper h1, #wrapper h2{

	
	padding: 10px 0 15px 0;
	color: #fff;
	}

#wrapper p, #wrapper2 p {
	margin-bottom: 10px;
	}

#page ol {
	padding:10px 0 15px 0;
	list-style:decimal;
}
#page ol li {
	margin: 0 0 0 30px;
	}

#wrapper small {
	
	
	}

	
/* Single */

#single1 {
	float:left;
	width:470px;
}
#single2 {
	float:right;
	width: 500px;
}
#single2 p {
	
	color: #fff;
}

.singlelinks {
	text-transform: lowercase;
	text-align: right;
	
	margin-bottom: 15px;
	}
.singlelinks a {
	padding: 0 3px;
}
.singlelinks-fav {
	text-transform: lowercase;
	text-align: right;
	font-family: Tahoma;
	font-size: 110%;
	margin: 0 100px 15px 0;
}
.singlelinks-fav a {
	color: #fff;
	font-weight: bold;
	padding: 0 3px;
}

.single span {
	margin-right: 15px;
	}

#page p a {
	border-bottom: 1px dotted #dcdcdc;
	}

#page h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 12px;
	margin-bottom: 5px;
	letter-spacing: 0px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	}

#page a:hover{
	border: 0;
	}

/* .post img {
	background: #fff url(images/imagesbg.png) bottom repeat-x;
	padding: 7px;
	border: 1px solid #dcdcdc;
	margin: 5px;
} */

#page h3 {
	margin-top: 25px;
	}
		
.feedback {
	text-transform: uppercase;
	text-align: left;
	font-family: Tahoma;
	margin: 20px 0;
	padding: 10px 5px 10px 10px;
	color: #2A2A2A;
	border: 1px solid #E3E3E3;
	width:600px;
	float:left;
	background:#fff;
	}

#wrapper2 #page .feedback ul, #wrapper .feedback ul {
	margin: 0;
	padding:0 0 0 15px;
}

.feedback li {
	list-style-type: disc;
	line-height: 14px;
	}

.date {
	position: relative;
	width: 57px;
	float: right;
	background: #fff url(images/datebg.png) no-repeat;
	height: 72px;
	font-family: Arial;
	margin: 0 8px 0 5px;
	padding: 0 0 0 4px;
	}

.date .year {
	font-size: 11pt;
	font-weight: bold;
	color: #FAFAFA;
	text-align: left;
	background: transparent;
	}

.date .day {
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold;
	color: #ccc;
	letter-spacing: -2px;
	margin: 10px 0 7px -12px;
	text-align: center;
	}
#wrapper .date .day {
	margin: 2px 0 0 -12px; /* hack to fix single page isse */
}

.date .month {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-left: 10px;
	color: #999;
	}

#pagination {
	margin: 10px 0;
	text-align: center;
	}

.titlelink {
	margin-bottom: 10px;
	outline: 0;
	}

.titlelink a {
	font-size: 30pt;
	font-weight: bold;
	margin: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: "Arial Narrow", Arial, Tahoma;
	line-height: 34px;
	}

.titlelink a:hover {
	color: #054D95;
	text-decoration: none;
	}

/* Sidebar (Bottombar) */

.sidebar {
	width: 980px;
	margin: 0 auto;
}

#sidebar li {
	/* border-bottom: 1px solid #ebebeb; */
	list-style-type: none;
	padding: 4px 0;
	margin: 0;
	color: #ccc;
	}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar #recententries li {
	padding: 5px 0;
	}

#sidebar h3 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: lowercase;
	letter-spacing:1px;
	color: #fff;
	padding-top: 3px;
	}

#sidebar small {
	font-family: Tahoma;
	font-size: 90%;
	}

#sidebar small a{
	color: #2A2A2A;
	}
#ad-mpu{
	float:left;
	width:300px;
	height:250px;
	padding-bottom:27px;
}
#footer-updates{
	float:left;
}
#recententries {
	width: 310px;
	float: left;
	}
#categories {
	width: 160px;
	float: left;
	margin-right: 30px;
	margin-left: 185px;
	}
#infocolumn {
	width: 250px;
	float: left;
	}
#ad-sky {
	float:right;
}
	
		
/* Comments */

#comments {
	margin: 0 0 30px 100px;
	font-family: Verdana;
	width: 600px;
	}

#commentlist {
	list-style: none;
	padding: 0;
	}

#commentlist li {
	border: 1px solid #ebebeb;
	margin: 25px 0 15px;
	background: #fff url(images/commentsbg.png) bottom repeat-x;
	padding: 10px 20px;
	line-height: 17px;
	}

#commentlist small {
	font-size: 8pt;
	color: #696969;
	}
	
#postcomment {
	margin: 40px 0 10px 10px;
	text-transform: none;
	}

ol #commentlist {
	margin-top: 15px;
	}

.headercomment {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	}

.commenttext {
	margin-top: 10px;
	}
.commenttext p {
	padding: 0 0 10px 0;
}

#comments textarea {
	width: 585px;
	padding: 10px;
	font-family: Verdana;
	font-size: 9pt;
	margin-top: 10px;
	}

#comments input {
	width: 300px;
	padding: 6px;
	font-family: Verdana;
	font-size: 9pt;
	margin-right: 5px;
	}

.commentsmess {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: uppercase;
	color: #2a2a2a;
	color: #ccc;
	}

#leavecomment {
	margin: 60px 0 10px 0;
	}

#leavecomment p {
	padding-top: 10px;
	}

#submit input {
	font-size: 9pt;
	margin: 15px 0 7px 0;
	font-family: "Verdana", Tahoma;
	text-transform: none;
	padding: 6px 0;
	}

#comments h3 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: -1px;
	font-family: "Arial Narrow", Arial, Tahoma;
	text-transform: none;
	color: #2a2a2a;
	clear: both;
	}
	

/*	Footer */

#footermax {
	background: #242424;
	clear: both;
	padding-top:10px;
	}
#footermax a {
	color:#f3f3f3;
}

#footer p {
	margin: 0;
	padding: 0;
	}

#recententries .search {
	width: 280px;
	float:  left;
	font-family: arial, Tahoma;
	font-size: 110%;
	text-align: left;
	line-height: 15px;
	color: #fff;
	padding: 5px 0 25px 0;
	}
.search input {
	font-size: 9pt;
	font-family: Verdana;
	}
#copyright {
	margin:0 auto;
	height:50px;
	width:980px;
	padding:5px 0;
	text-align: center;
	color: #999;
	border-top: 1px solid #999;
}


/* General */

a { 
	color: #028198; /* #0066CC The color of the links */
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #028198;
	}

acronym, abbr, span.caps {
	border: 0;
	border-bottom: 1px dotted #ccc;
	}
	
blockquote {
	color: #787878;
	border-left: 3px solid #ccc;
	margin-left: 0px;
	padding-left: 10px;
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	}

/* Float and Clear */

div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}


/* Images Align */

img.center {
	display: block; 
	margin: auto;   
	}

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

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

img.none { /* Add this class for images without border */
	border: 0;
	padding: 0;
	background: transparent;
	}


/* Text Align */

.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}
	
	
/* Food Gawker */
#front-page {
	margin:0;
	padding;0;
}
#front-page p.no-match {
	color: #fff;
	font-size: 120%;
}
#front-page .pagetitle {
	font-size:180%;
	text-transform: lowercase;
	padding:0 0 30px 11px;
	color: #fff;
}
#front-page .pagetitle-fav {
	font-size:180%;
	text-transform: lowercase;
	width:60%;
	color: #fff;
	padding:0 0 4px 11px;
}

#front-page .card, #wrapper .card, #wrapper2 .card {
	float:left;
	background: url(images/card_cbcbcb.png) bottom no-repeat;
	width:380px;
	height: 362px;
	margin: 0 11px 22px 11px;
	padding:0;
	position: relative;
}
#wrapper .card {
	margin:0 11px 22px 0;
}
#related-posts {
	float:left;
	width: 290px;
	padding: 0 5px 0 15px !important;
	padding: 0 0 0 15px;
	border: 1px dotted #fff !important;
	border: 1px solid #fff;
}
#front-page .post2, #wrapper .post2{
	width:256px;
	height: 340px;
	padding: 7px;
	margin:3px;
	background: #fff !important;
	background:none;
	text-transform: lowercase;
	font-family: arial, verdana, Tahoma, sans-serif;
	float:left;
	position: relative;
}
#front-page .picture img, #wrapper .picture img {
	padding:0;
	margin:2px;
	width:350px;
	height:250px;
	border: 1px solid #000;
}
#front-page .picture a:hover img , #wrapper .picture a:hover img  {
	border: 1px solid #d2d2d2; 
}

#front-page .postid, #wrapper .postid {
	float:left;
	width: 35px;
	padding-left:3px;
	font-size:90%;
}
#front-page .submitter, #wrapper .submitter {
	float:right;
	text-align:right;
	width: 205px;
	padding-right:3px;
	font-size:90%;
}
#front-page .post2 .description, #wrapper .post2 .description {
	margin:24px 3px 11px 3px;
	padding:0;
	font-size:100% !important;
	font-size:90%;
	text-transform:none;
	line-height: 110%;
	height:36px;
}
#front-page .popular, #wrapper .popular {
	float:left;
	margin: 3px 0 0 0 !important;
	margin: 3px 0 -30px 0;
} 

#front-page .favorite, #wrapper .favorite {
	margin:0 0 0 240px;
	/* padding:0 0 0 240px;
	position: absolute;
    bottom: 4px;
    right: 8px;*/
}

#front-page .remove {
	color:red;
	margin:0 0 0 215px;
	/* position: absolute;
    bottom: 7px;
    right: 9px; */
}
#outer {
	border-top: 12px solid #b5b5b5;
}

#wrapper .post ul, #wrapper .post2 ul, #wrapper2 #page ul {
	padding:0;
	margin: 15px 0;
	font-size:90%;
}
#page #wrapper2 {
	padding:0 0 0 30px;
	margin:0;
}
#page #wrapper2 a.mfp_link {
	font-size:130%;
	margin: -20px 0 0 0;
}
#page h1.fav-list {
	padding:40px 0 12px 15px;
}
#page #wrapper2 a.remove {
	margin-left:10px;
	color:#f03300;
	vertical-align: middle;
}
#wrapper2 {
	width: 850px;
	margin: 30px 0 30px 100px;
	min-height:370px;
	}
#wrapper2 #page {
	width:600px;
	float:left;
}
#wrapper2 #page h1, #wrapper2 h1, #page h1{
	margin-bottom:0;
	padding-bottom:20px;
	font-size:180%;
}
#wrapper2 .widget {
	width:200px;
	padding:0;
	margin:0 auto;
	float:right;
}

#wrapper2 .twitter {
	padding-bottom:25px;
}
#wrapper2 ul {
	list-style:none;
	padding: 20px 0;
}
#wrapper2 li {
	padding-bottom: 7px;
}
#wrapper2 .feedback li {
	padding:0;
}
#wrapper2 #page ul.faq-tips {
	font-size:100%;
}
#wrapper2 #page ul.faq {
	font-size:120%;
}
#wrapper2 #page p.faq {
	font-weight: bold;
	padding: 20px 0 0 0;
}
#footer .search input {
	margin:3px 0 0 -1px;
	vertial-align:middle;
}
#footer .search label {
	margin-right:5px;
}
#presentation2 {
	width: 850px;
	margin:50px 0pt 50px 100px;
	padding: 20px 0 30px 0;
	}
	
/* Favorites Sidebar
-------------------------------------------------- */
#fav-wrapper {
	width: 96%;
	margin: 0 auto;
	padding: 0px 0 30px 0;
}

p.no-results {
	color: #fff;
	size: 120%;
}

.fav-reduced {
	float:left;
	width: 75%;
	margin: 0;
	padding: 0;
}
.fav-full {
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#fav-sidebar {
	float:left;
	width: 200px;
	margin: 0 0 30px 3px;
}

.favbox-round{display:block}
.favbox-round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.favbox-round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  background:#f2f2f2}
.favbox-round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
  background:#f5f5f5}
.favbox-round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;}
.favbox-round4{
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1}
.favbox-round5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.favbox-roundfg{
  background:#ffffff; padding:5px 15px}

.favbox-roundfg li {
	margin-bottom: 4px;
}

h3.search, h3.filter {
	font-size: 120%;
	padding: 0 0 5px 0;
}
h3.filter {
	padding-top:20px;
}

/* Singlepage feedback */
#feedback2 {
	float:left;
	width: 277px;
	margin-top:5px;
}
#feedback2 .favbox-roundfg {
	padding: 5px 5px 5px 10px;
}
#feedback2 .favbox-roundfg li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;	
}

/* Page Navigation - Older & Newer Posts
-------------------------------------------------- */
#navigation {
	width:94%;
    padding:0 0 10px 36px; /* IE7 bug - requires padding defined at the outer div */
    margin:0;
    overflow:hidden;
    font-size: 130%;
}
#navigation a {
	 color: #fff;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}
#wp_page_numbers a {
	padding: 3px 5px;
	margin: 0 2px;
	display: block;
	color: #fff;
	border: 1px solid #fff;
}
#outer #wp_page_numbers a {
	color: #000;
	border: 1px solid #000;
}
#wp_page_numbers li a:hover {
	background: #242424;
}
#outer #wp_page_numbers li a:hover {
	background: #ccc;
}
#wp_page_numbers li.space {
	padding: 6px 4px;
	color:#fff;
}
#wp_page_numbers li.first_last_page {
	font-style: italic;
}
#wp_page_numbers li.active_page a {
	background: #fff;
	color:#000;
}
#outer #wp_page_numbers li.active_page a {
	background: #ccc;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	border-color: #000;
}
#navigation strong a{
	padding: 1px 2px;
	border: 1px solid #fff;
}
#navigation .navalignleft {
   	float:left;
	font-size: 120%;
}
#navigation .navalignright{
    float:right;
	font-size: 120%;
	padding-right:25px;
}


/*--------------- Scompt Styling ------------------------*/
div.error {
    color:red;
    font-weight:bold;
    margin: 2px 0;
}
label {
    /* display:block; */
}
a.right {
    float: right;
}
.cancel, #moderation_links, #preview_cancel, #preview_edit {
    position: absolute;
    bottom: 5px;
    left: 10px;
}
#moderation_links {
    position: absolute;
    bottom: 5px;
    left: 95px;
}
#preview_edit {
    left: 125px;
}
#preview_link, #register_link, #preview_submit {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 120%;
    font-weight:bold;
}
.card input, .card textarea, #wrapper2 input, #wrapper2 textarea {
    width: 250px;
    margin-top:2px;
    font: normal 100% Arial, Sans-Serif;
}
#profile {
	padding-bottom:50px;
}
#profile ul.moderation {
	width:425px;
	font-size:100%;
	border-bottom: 5px solid #242424;
}
#profile fieldset {
	padding: 7px 0 5px 0;
	font-size:110%;
}
#my-gallery {
	padding: 20px 0 7px 0;
	font-size:110%;
}
#profile #notify input {
	width:14px;
	margin: 7px 0 0 -1px;
}
.post2 fieldset#login_remember input{
	width: 15px;
	margin: 2px 0 0 -1px;
}
.post2 fieldset#login_remember {
	width:100px;
}
.post2 fieldset {
	padding-bottom: 17px;
}
#profile fieldset#notify {
	padding-bottom: 10px;
}
fieldset#login_pass, fieldset#forgot_user {
	margin-top:-10px;
	padding-bottom: 5px;
}
fieldset#register_user, fieldset#register_pass1 , fieldset#register_pass2 , fieldset#register_email , fieldset#register_url, fieldset#sub_description {
	padding-bottom: 10px;
}
a#login_link, a#forgot_link {
	padding-right: 3px;
	font: bold 120% Arial;
}
a#login_link {
	margin-top:-31px;
}
h2#greeting, h2#forgot, h2#register {
	font-size: 120%;
	padding:5px 0 20px 0;
}
h2#forgot {
	padding:45px 0 25px 0;
}
#login {
	padding:5px 0 20px 0;
}
#login-title h2 {
	font-size: 120%;
	float:left;
}
#login-register {
	float:right;
}


/*---------------Cold Form ------------------------*/
div#coldform * {
	padding: 0;
	margin: 0; 
}
div#coldform {
	font-family: Verdana, sans-serif;
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	font-size: 11px;
	margin-top: 15px;
	padding: 15px 10px;
	color: #333;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	text-align: left;
	display: block;
	padding: 4px 0;
	margin: 3px 0;
	width: 255px;
	clear: right;
	float: right;
}
div#coldform textarea#coldform_message,  
div#coldform input.input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	display: block;
	float: left;
	width: 300px;
	padding: 4px;
	margin: 3px;
	border:1px solid #d5d5d5;
}
div#coldform textarea#coldform_message {
	background: #fff;
}
div#coldform input.submit {
	margin-left: 3px;
	display: block;
	float: left;
	width: 309px;
}
div#coldform input#coldform_name {
	margin-bottom: 3px;
}

div#coldform br {
	display:none;
}