/*
Theme Name: NomNom
Theme URI: http://zeaks.org/nomnom-twenty-eleven-child-theme/
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.6
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");
/*----------------------------------------
	Using Google Fonts for 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;
}
.one-column #branding #searchform {top: 2.8em;}
#branding #searchform {
	position: absolute;
	right: 7.6%;
	text-align: right;
	top: 2.8em;
}
/* increase width of search in header */
#branding #s { width: 115px; }
#branding { border-top: none; } /* remove top header border */

/* 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;
}
/* Post title Gravatars, uncomment line 21 of content.php to use. */
.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;} /* This little bit controls the width */
.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;} /* This little bit controls the width */
.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 { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 26.4%;
    width: 46.4%;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 20.8%;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 20.8%;
    margin-left: -70%;
}
/* 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
-------------------------------------------------------------------- */
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
.custom-layouts #main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) 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 - default 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%;
}
/* pullquotes for extra layouts */
/*
.custom-layouts.singular blockquote.pull,
.singular blockquote.pull{ margin: 0 0 1.625em; }

.custom-layouts .pull.alignleft,
.singular .pull.alignleft { margin: 0 1.625em 0 0; }

.custom-layouts.pull.alignright,
.singular .pull.alignright { margin: 0 0 0 1.625em; }
*/
.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 - FINALLY!~ Need beer brb :P
-----------------------------------------------------------------------------------------------*/

/* Rounded corners in subnav credit style and nav- http://designerfied.com
------------------------------------------------------------------------------*/
#access ul ul, #access2 ul ul {
	background: #333;
	-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;
}
/* Set next/previous default style */
#content nav a {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 3px 3px 3px 3px;
	color: #666666;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5em;
	margin-right: 5px;
	padding: 2px 15px;
	text-decoration: none;
}
/* 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;
}

/*---------------------------------------------------------------------------
	Wp-PageNavi style - colors are in color scheme /includes/css/style.css
	Make sure to disable wp-pagenavi css in plugin options
----------------------------------------------------------------------------*/
.wp-pagenavi span.current { font-weight: normal; }
.wp-pagenavi { margin-top:10px; margin-left:0; }
.wp-pagenavi a, .wp-pagenavi span {
	margin-right: 5px;
	font-size: 12px;
	text-decoration: none;
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 3px 3px 3px 3px;
	color: #666666;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 2px 15px;
	text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #888;border-radius: 3px 3px 3px 3px;
	color: #FFF;
}
/*------------------------------------
	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;
}
#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;
}
/*------------------------------------------
	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;
}
/* 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;
}

/*------------------------------------------------
THE END :)~
------------------------------------------------*/