/*
Theme Name: NomNom-FoS
Author: Scott Dixon
Author URI: http://zeaks.org
Description: A Twenty Eleven child theme with 10 color schemes, 9 layouts, a variety of shortcodes, custom widgets and more. Visit http://zeaks.org for any issues or questions. 
Version: 1.7.2
License: GNU General Public License
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");
/*	Titles
-------------*/
h1,h1.entry-title,h2,h3,h4,h5,h6 {
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
h1.entry-title  a {
	font-weight:normal;
	font-size:24px;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
h3.widget-title {
	font-size:14px;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
.entry-title {
	font-weight:normal;
	font-size:24px;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
#site-title a {
	font-size: 28px;
	font-weight: normal;
	color:#272727;
	text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
	text-decoration: none;
}
/*	Sidebar for single posts
--------------------------------*/
.nav-previous { float: left !important; } 
/* adjust Wordpress author bio */
.singular #author-info {
	margin: 2.2em 0 0;
	padding: 20px 5.4%;
	width: 550px;
}
/*	Reduce whitespace in header
---------------------------------*/
#site-description {
	color: #7A7A7A;
	font-size: 14px;
	margin: 0 270px 1.65625em 0;
}
#site-title {
	margin-right: 270px;
	padding: 1.65625em 0 0;
}
#branding #searchform {
	position: absolute;
	right: 7.6%;
	text-align: right;
	top: 3.2em;
}
#branding { border-top: none; }
.one-column #branding #searchform  { top: 3.2em;}
/* change hentry bottom border color */
.hentry, .no-results {
	border-bottom: 1px dotted #bebebe;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
	background: white;
}
/* Post title Gravatars */
.entry-title img.avatar {
	padding: 4px;
    display: inline;
    margin: 0 5px -12px 0;
	border: 1px solid #ddd;
}
.gravatar {
	display:inline;
	overflow: hidden;
}
/*	~ Begin of Custom Layouts ~
----------------------------------*/

/* Custom one column wide layout
----------------------------------*/
.wide-column #page { max-width: 890px;} 
.wide-column #content {
	margin: 0 7.6%;
	width: auto;
}
.wide-column #nav-below {
	/*border-bottom: 1px solid #ddd;*/
	margin-bottom: 1.625em;
}
.wide-column #secondary { display: none;}
.wide-column #branding img, #branding img {
	height: auto;
	margin-bottom: -8px;
}
.wide-column #extra-sidebar { display:none; }
/* Narrow width - Left sidebar 
---------------------------------*/
.narrow-sidebar-left #page { max-width: 875px;} /* This little bit controls the width */
.narrow-sidebar-left #primary {
	float: right;
	margin: 0 0 0 -28.4%; /* increased by 2% to widen sidebar */
	width: 100%;
}
.narrow-sidebar-left #content {
	margin: 0 5.6% 0 34%; /* reduced the left content margin by 2% */
	width: 58.4%; /* increased by 2% to widen sidebar */
}
.narrow-sidebar-left #secondary, .narrow-sidebar-left #extra-sidebar {
	float: left;
	margin-left: 5.6%; /* controls left margin for left sidebar, reduced by 2%*/
	margin-right: 0;
	width: 22.8%; /* increased by 4% to widen sidebar */
}

/* Narrow width - Right sidebar 
---------------------------------*/
.narrow-sidebar-right #page { max-width: 875px;} 
.narrow-sidebar-right #primary {
	float: left;
	margin: 0 -28.4% 0 0; /* increased by 2% to widen sidebar */
	width: 100%;
}
.narrow-sidebar-right #content {
	margin: 0 34% 0 5.6%; /* reduced the left content margin by 2% */
	width: 58.4%; /* inreased by 2% to widen content */
}
.narrow-sidebar-right #secondary, .narrow-sidebar-right #extra-sidebar {
	float: right;
	margin-right: 5.6%; /* controls right margin for right sidebar, reduced by 2%*/
	width: 22.8%; /* increased by 2% to widen sidebar */
}

/* Three Column layout - left and right sidebars
-------------------------------------------------- */
.three-column #page {min-width: 978px; max-width: 1200px;} // {min-width: 750px; max-width: 1200px;}

.three-column #main {min-width: 978px; max-width: 1200px; width: 100%; margin: auto;}

.three-column #primary {
	/* float: left */
	margin: 0 -26.4% 0 0;
	    width: 100%; 
	max-width: 1200px;
    background-image: url('http://www.demause.net/fschemes/wordpress/images/background-green.jpg');
    background-size: 100%;
    background-repeat:repeat-y;
    min-height: 1200px;
    min-width: 500px;
    /* max-width: 1000px; */
    position:relative; 
    top:-29px; 
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.three-column #primary {background-image: none;}
}

.three-column #content {
    margin: 0 34% 0 24.4%;
    width: 48.4%;
    position:relative; 
    top:29px;
    z-index:9;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 20.8%;
    position:relative; 
    top:0px;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 19%;
    margin-left: -73.6%;
    position:relative; 
    top:-19px;
}
/* Three column - Two Right sidebar layout
------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}
/* Three column - Two Left sidebar layout
------------------------------------------- */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-top: 1%;
	margin-right: 0;
	width: 18.8%;
}
/* Various .extra-sidebar layout fixes
--------------------------------------- */

/* Default right sidebar with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 88.9%;
}
.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Showcase style for extra layouts layout 
--------------------------------------------*/
.narrow-sidebar-right.page-template-showcase-php #primary,
.narrow-sidebar-left.page-template-showcase-php #primary,
.two-left.page-template-showcase-php #primary,
.two-right.page-template-showcase-php #primary,
.three-column.page-template-showcase-php #primary {
	margin: 0;
}
.narrow-sidebar-right.page-template-showcase-php #content,
.narrow-sidebar-left.page-template-showcase-php #content,
.two-left.page-template-showcase-php #content,
.two-right.page-template-showcase-php #content,
.three-column.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 67%; /* decrease recent posts width 2% */
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -27.15% 0 0; /* increase margin 2% */
	width: 27.15%; /* increase widget width 2% */
}
/* Tidy Comments - edit at your own risk!
---------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 0;
}
.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
	margin-right: 75px;
}
/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
	margin-right: 0;
}
.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.page-template-sidebar-page-php #respond,
.singular #respond,
.single #respond {
	width: 62.9%;
}
/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist{width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}
/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}
/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
	background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 5px solid #F5D800;
	padding-bottom: 2px !important;
}
/* END OF CUSTOM LAYOUTS
--------------------------*/

/* Rounded corners in subnav  http://designerfied.com
-------------------------------------------------------*/
#access ul ul, #access2 ul ul {
	background: #f9f9f9;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	display: none;
	float: left;
	margin: 0;
	padding: 0 0 8px 0;
	top: 3.333em;
	left: 0;
	width: auto;
	z-index: 99999;
}

/* add Wordpress logo to credits */
#site-generator span.wpcredits {
	background: url(images/wordpress.png) no-repeat 0px 7px;
	padding:9px 0 5px 20px;
}
/* The second navigation menu
--------------------------------*/
#access2 {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0;
	width: 100%;
	/*position: relative; */
	z-index: 9999;
}
#access2 div { margin: 0 7.6%; }
#access2 ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access2 li {
	float: left;
	position: relative;
}
#access2 a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access2 ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access2 ul ul ul {
	left: 100%;
	top: 0;
}
#access2 ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access2 li:hover > a,
#access2 ul ul :hover > a,
#access2 a:focus {
background: #efefef;
}
#access2 li:hover > a,
#access2 a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access2 ul li:hover > ul { display: block; }
#access2 .current_page_item > a,
#access2 .current_page_ancestor > a {
font-weight: bold;
}
/* Footer Menu Area */
#access3 {
    background: none repeat scroll 0 0 transparent;
    border-top: 1px solid #DDDDDD;
    box-shadow: none;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto -7px;
    width: 100%;
    z-index: 9999;
}
#access3 div { margin: 0 7.6%; }
#access3 ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access3 li {
	float: left;
	position: relative;
}
#access3 a {
	color: #333;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access3 ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access3 ul ul ul {
	left: 100%;
	top: 0;
}
#access3 ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access3 li:hover > a,
#access3 ul ul :hover > a,
#access3 a:focus {
background: #efefef;
}
#access3 li:hover > a,
#access3 a:focus {
	background: #eee;
	color: #373737;
}
#access3 ul li:hover > ul { display: block; }
#access3 .current_page_item > a,
#access3 .current_page_ancestor > a {
font-weight: bold;
}
#access3 div { margin: 0 0 0 0; }
#access3 ul { display:inline-block; }
#access3 { text-align:center; }
#access3{ float:none; }

/*	Wp-PageNavi style - background colors only work with preset schemes */

.wp-pagenavi {
	clear: both;
	margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 5px 8px;
	margin: 2px;	
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.extend { 
	background:none;
	border:none;
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages {
	border:1px solid #888;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*text-shadow: 0 1px 0 #fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #686868;
	color:#333;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	box-shadow: 0 1px 1px #666;
}
/* Set default next/previous default style */
#content nav a {
	background: none repeat scroll 0 0 #EEEEEE;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5em;
	margin-right: 5px;
	padding: 5px 15px;
	text-decoration: none;
	border: 1px solid #ddd;
}
#content nav a:hover {
	background: none repeat scroll 0 0 #EEEEEE;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
	color: #666666;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5em;
	margin-right: 5px;
	padding: 5px 15px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-color: #686868;
	color:#333;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	box-shadow: 0 1px 1px #666;
}

/* Special css3 effects
--------------------------*/
#main:hover a , a:hover, input:hover, input:focus, textarea:hover, textarea:focus, a:hover img {
	-webkit-transition:all 0.2s ease-in-out; /* Safari and Chrome */
	-moz-transition:all 0.2s ease-in-out; /* Firefox 4 */
	-o-transition:all 0.2s ease-in-out; /* Opera */
}
#page {
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
	/*-moz-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border-radius: .5em; round-corners uncomment to use*/
}
#site-generator {
	/*-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em; round-corners uncomment to use */
}
/* Menu Layout for mobile */
@media handheld, only screen and (max-width: 767px) {	
	
header#branding .widget, #social-sidebar {
	display: none;
	}
#access, #access2, #access3 {
	display: block;
	}	
#access li, #access2 li, #access3 li {
	font-size: 14px;
	width: 50%;
	text-align: center;
	}	
}
@media handheld, only screen and (max-width: 467px) {
#access li, #access2 li, #access3 li {
	font-size: 14px;
	width: 100%;
	text-align: center;
	}
body { padding: 0}
#site-description { width:100%; }
#site-title, #site-title a {
    font-size: 24px;
    padding-top: 60px!;
	}
	#page {min-width:320px;}
}

/* Responsive Extra-Sidebar Structure
-------------------------------------- */

@media (max-width: 800px) {
maom-layouts #main #extra-sidebar,
.two-column #main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Make Wp-PageNavi look better on smaller screens*/
@media screen and (max-width : 620px) {
    .wp-pagenavi {
        padding-left: 0 !important;
    }
	.wp-pagenavi a, .wp-pagenavi span {
    margin: 0 !important;
    padding: 3px 2px !important;
	font-size: 12px !important;
	}
}

/* =Responsive Structure for narrow screens
* to keep min width and sidebar
-------------------------------------------- */
@media (max-width: 800px) {
     #page {
       min-width: 500px;
         }
/* keep the sidebar - for right sidebar */
    .right-sidebar #main #content {
        margin: 0 29% 0 1%;
        width: 70%;
    }
    .right-sidebar #main #secondary {
        float: right;
        margin: 0 1% 0 1%;
        width: 24%;
    }
/* keep the sidebar - for left sidebar */
    .left-sidebar #main #content {
        margin: 0 1% 0 29%;
        width: 70%;
    }
    .left-sidebar #main #secondary {
        float: right;
        margin: 0 -1% 0 2%;
        width: 24%;
    }
/* correction for 'showcase' template */
    .page-template-showcase-php #main #primary.showcase {
        float: right;
        margin: 0 2% 0 2%;
        width: 96%;
    }
    .page-template-showcase-php #main #primary.showcase #content {
        margin: 0 6% 0 6%;
        width: 88%;
    }
    .page-template-showcase-php section.recent-posts {
        float: right;
        margin-right: 0pt;
        margin-left: 31%;
        width: 69%;
    }
    .page-template-showcase-php #main .widget-area {
        float: left;
        margin-right: -22.15%;
        margin-left: 0pt;
        width: 22.15%;
    }
/* correction for singular posts/pages without sidebar */
    .singular #main #content {
        margin: 0 8% 0 8%;
        width: 84%;
    }
/* keep floating footer widgets side-by-side at this size */
     #colophon #supplementary .widget-area {
          float: left;
          margin-right: 1%;
          width: 32%;
     }
}
 
/*to keep image alignment in narrow browsers*/
@media (max-width: 650px) {
  .alignleft { float: left; }
  .alignright { float: right; }
}

/*	Flickr, about and twitter widgets
-------------------------------------------*/
/* Twitter */
.widget_twentyeleven_twitter h3 {
	background-image: url("images/twitter-icon.png");
	background-position: 0 20%;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.widget_twentyeleven_twitter {
	font-size: 13px;
	line-height: 18px;
	list-style: none;
}
.widget_twentyeleven_twitter li {
	background: url('images/twitter-divider.png') bottom left repeat-x;
	padding-bottom: 7px;
	margin-bottom: 9px;
	list-style:none;
}
.widget_twentyeleven_twitter span {
	color: #ababab;
	text-decoration: none;
}
.widget_twentyeleven_twitter a, .widget_twentyeleven_twitter span a {}
/* Blog Author Widget */
.widget_twentyeleven_blogauthorinfo span.left { 
	border: 1px solid #eee;
	float: left;
	margin: 2px 10px 5px 0;
	padding: 5px 5px 0;
}
.widget_twentyeleven_blogauthorinfo h3 {
	background-image: url("images/gravatar-icon.png");
	background-position: 5px 10%;
	background-repeat: no-repeat;
	line-height: 20px;
	margin-bottom: 5px;
	padding-left: 30px;
}
.widget_twentyeleven_blogauthorinfo  p {text-align:right;} /* change this to left if you prefer */
.widget_twentyeleven_blogauthorinfo { line-height:18px; }

/* Flickr Widget */
.widget_twentyeleven_flickr h3  {}
.widget_twentyeleven_flickr h3 span{color:#0061D8;}
.widget_twentyeleven_flickr h3 span span{color:#FF1183;}
.widget_twentyeleven_flickr .flickr_badge_image  { float: left; margin: 0; }

.widget_twentyeleven_flickr .wrap  { position: relative; padding: 0; }
.widget_twentyeleven_flickr a img  { float: left;  margin: 0 3px 6px 3px; display: block; border: #dddddd 1px solid; padding: 4px;}
.widget_twentyeleven_flickr a:hover img  { border:#bbbbbb 1px solid;background-color: #eeeeee; }
.flickr_badge_image, .wrap { display:inline-block; padding: 1px;}
/*	Recent Related posts style
-------------------------------*/
#recent {
	font-size: 12px;
	padding-left: 7px;
	display: block;
	margin-top: 15px;
	color: #666666;
	width: 130px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear:both;
}
#related {
	/*margin-bottom: 230px;*/
	border: 1px solid #E8E8E8;
	clear:both;
}
#related h2 {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 2px;
	line-height: 1.2em;
}
#related .date {
	font-size: 0.7em;
	color: #999999;
	margin-top: -3px;
	margin-bottom: 10px;
}
#related p {
	font-size: 13px;
	line-height: 1.4em;
}
#related .story1 {
	width: 45%;
	float: left;
	margin: 10px 0;
	border-right: 1px solid #E8E8E8;
	padding-right: 20px;
}
#related .story2 {
	width: 45%;
	margin: 10px 0 10px 12px;
	float: right;
}
/* Social media widget area */
header#branding .widget, .social-sidebar {
    float: right;
    margin-bottom: -10px;

    position: relative;
    right: 3.6%;
    text-align: right;
    top: -52px;
    width: 100%;

}
.social-sidebar img, header#branding .widget img{ width:32px; padding-right: 3px; }
#branding, #main{padding-bottom: 0;}
/* Fix for vertical stacking images on load */
#nomnom-header{
	clear:both;
}
#slider img { 
	display:none;
	overflow: hidden; 
	position:absolute;
	top: 155px;
	left: 0;
	bottom:0;
}
/* adsense style */
.adsense-square {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
}
.adsense-top-content { text-align: center;}
.adsense-bottom-content { text-align: center;}
/* THE END :)~
----------------*/


/* ENSMALLENING SUBMENUS */

#access ul ul {
	top: 0;
}

#access ul ul a {
	height: auto;
	line-height: 1.1em;
	padding: 3px 10px;
}

#access ul ul :hover {
	height: auto;
	line-height: 1.1em;
}

/* BANNER STUFF */

#googlebanner {
   width: 728px;
   height: 90px;
	float: left;
}

#sidebanner {
   width: 250px;
   height: 90px;
	float: right;
}

/* FIXING OPEN SANS */
body {
    font-weight: 400 !important;
	} 

/* RIGHT SIDEBAR AD */
.ticket-ad, .ticket-ad a {
	font-face:Arial,Verdana,sans-serif !important; 
	color:#006600 !important; 
	font-size:12px !important;
}

/* EM */
a.staten-island-hockey-team-that-doesnt-even-exist-already, a.cfl, a.ottawa-cfl-team, a.minor-leagues, a.el-paso-triple-a-team, a.evansville-arena, a.usfl, a.misc, a.americas-cup, a.arena-football-league, a.astrodome, a.balls, a.baltimore-arena, a.birmingham-football-stadium, a.blog-business, a.canadian-hockey-league, a.candlestick-park, a.chats, a.chutzpah, a.cincinnati-arena, a.depaul-university, a.louisville-arena,
a.rupp-arena, a.university-of-akron, a.college-basketball, a.university-of-nebraska, a.college-football, a.colorado-state, a.rose-bowl, a.syracuse-university, a.college-track-meets, a.community-benefits-agreements, a.concessions-prices, a.contraction, a.convention, a.convention-center-follies, a.daytona-international-speedway, a.daytona-international-speedway, a.forbes-field, a.giants-stadium, a.drunk-people-having-sex-at-sporting-events, a.economic-impact-studies, a.economic-trends, a.european-soccer, a.the-football-league-uk, a.fake-news, a.field-of-schemes-the-book, a.fort-worth-arena, a.gift-shop, a.high-school-football, a.indianapolis-stadiumarenasomething, a.john-oliver, a.journalism-is-dead, a.kemper-arena, a.l-a-coliseum, a.meadowlands-arena, a.media-appearances, a.miami-marine-stadium, a.minneapolis-metrodome, a.modern-art-makes-me-want-to-rock-out, a.movie-subsidies, a.naming-rights, a.nassau-coliseum, a.ncaa, a.no-news-is-good-news, a.non-sports-subsidies, a.olympic-stadium, a.personal-seat-licenses, a.pimlico, a.planned-obsolescence, a.political-conventions, a.political-parties, a.public-embarrassment, a.public-ownership, a.radio-appearances, a.rapid-city-arena, a.recommended-reading, a.rip, a.sports-leisure, a.sports-industry, a.sprint-center, a.stadium-history, a.stadium-security, a.state-of-the-art-clauses, a.stimulus-spending, a.substitution-effect, a.tax-exempt-bonds, a.tax-exempt-status, a.team-success, a.the-sports-media-complex, a.the-sports-military-complex, a.ticket-prices, a.ticket-technology, a.tif, a.u-s-open-tennis, a.all, a.vaportecture, a.west-side-tennis-club, a.womens-world-cup-2015, a.world-cup-2010, a.world-cup-2014, a.world-cup-2022, a.youth-baseball, a.mlb, a.fort-bragg-stadium, a.mexico-city-mlb-team, a.montreal-mlb-team, a.portland-mlb-team, a.spring-training, a.tiger-stadium, a.veterans-stadium, a.yankee-stadium, a.mls, a.albuquerque-mls-team-hahaha-i-cant-type-this-with-a-straight-face, a.detroit-mls-team, a.elk-freaking-grove, a.for-crying-out-loud, a.miami-mls-expansion-team, a.sacramento-mls-team, a.san-antonio-mls-team, a.san-antonio-mls-team, a.nba, a.san-jose-nba-team, a.vancouver-nba-team, a.virginia-beach-arena, a.nfl, a.las-vegas-stadium, a.london-nfl-team, a.los-angeles-nfl-team, a.pontiac-silverdome, a.texas-stadium, a.washington-nfl, a.nhl, a.atlanta-thrashers, a.hartford-nhl-team, a.las-vegas-arena, a.maple-leaf-gardens, a.markham-arena, a.nhl-expansion, a.quebec-arena, a.presidential-candidates-not-really, a.wnba {visibility: hidden; display: none;}

@media handheld, only screen and (min-width: 767px) {	
	.mobilead {visibility: hidden; display: none;}
}