/*
Theme Name: piddantic
Theme URI: http://piddmedia.com/
Description: piddantic is a custom theme for piddmedia.com based on the Twenty Till Noon theme by C. Scott Asbach. Twenty Till Noon uses the <a href ="http://cssgrid.net/">1140 Grid</a> layout by <a href="http://www.andytlr.com/">Andy Taylor</a>. Twenty Till Noon is a child theme of <a href="http://www.twentytenfive.com/">Twenty Ten Five</a> by <a href="http://www.richardshepherd.com/">Richard Shepherd</a>. The Twenty Ten Five theme is based on the <a href="http://2010dev.wordpress.com/">Twenty Ten</a> theme from the WordPress team. A special thanks to Andy, Richard, and the people at WordPress for their generous contributions to the design community. 
Author: C. Scott Asbach
Author URI: http://piddmedia.com/
Version: 0.0
Tags: black, green, orange, two-columns, right-sidebar, flexible-width, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
Template: richardshepherd-TwentyTenFive-7df7ded
Template Version: 1.0
*/

@import url('../richardshepherd-TwentyTenFive-7df7ded/style.css');

/* RESET TWENTY TEN LAYOUT AND STRUCTURE: */

/**
 * Reset all of the layout and structural styles from Twenty Ten Five
 * so we can let 1140 Grid styles handle layout and structure instead.
 */
#main {
	width:auto;
}

#container {
	float: none;
	margin:0;
	width: auto;
}
#content {
	margin:0 0 0 20px;
}
#primary,
#secondary {
	float: none;
	overflow: hidden;
	width: auto;
}
#secondary {
	clear: none;
}
#footer {	
	width: auto;
}

nav#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {	
	width: auto;
}
#footer-widget-area .widget-area {
	float: none;	
	width: auto;
}
nav#access {	
	width: auto;
}
nav .menu-header,
div.menu {	
	width: auto;
}
/* END RESET TWENTY TEN LAYOUT AND STRUCTURE */

/* 1140 GRID: */

/**
 * The 1140px Grid by Andy Taylor
 * http://cssgrid.net
 * http://www.twitter.com/andytlr
 * http://www.catchingzebra.com
 *
 * Rather than alter other parts of the theme
 * I chose to insert Twenty Ten Five selectors
 * into the 1140 Grid CSS where needed to achieve
 * the desired layout.
 */
#wrapper,
header,
#main,
#footer-widget-area {
padding-left: 20px;
padding-right: 20px;
}

#wrapper,
#topbar-widget-area,
#masthead,
#main,
#footer-widget-area {
width: 100%;
max-width: 81.4em; /* em = 1140px / the font size in the 'small' section below */
margin: 0 auto;
overflow: hidden;
}

#branding,
#touchmenu,
nav#access,
#container,
#primary,
#secondary,
#footer-widget-area aside#first,
#footer-widget-area aside#second,
#footer-widget-area aside#third,
#footer-widget-area aside#fourth,
#topbar-widget-area aside#first,
#topbar-widget-area aside#second,
#topbar-widget-area aside#third,
#topbar-widget-area aside#fourth,
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
}

.onecol {
width: 4.85%;
}

.twocol {
width: 13.5%;
}

#footer-widget-area aside#first,
#footer-widget-area aside#second,
#footer-widget-area aside#third,
#footer-widget-area aside#fourth,
#topbar-widget-area aside#first,
#topbar-widget-area aside#second,
#topbar-widget-area aside#third,
#topbar-widget-area aside#fourth,
.threecol {
width: 22.15%;
}

.fourcol {
width: 30.8%;
}

#primary,
.fivecol {
width: 39.45%;
}

.sixcol {
width: 48.1%;
}

#container,
.sevencol {
width: 56.75%;
}

.eightcol {
width: 65.4%;
}

.ninecol {
width: 74.05%;
}

.tencol {
width: 82.7%;
}

.elevencol {
width: 91.35%;
}

#branding,
#touchmenu,
nav#access,
#secondary,
.twelvecol {
width: 100%;
float: left;
}

#branding,
#touchmenu,
nav#access,
#primary,
#secondary,
#footer-widget-area aside#fourth,
#topbar-widget-area aside#fourth,
.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

/* END 1140 GRID */

/* BASELINE COLORS USING TWENTY TEN COLORS: */

/**
 * Some styles are added to spruce up the look of
 * Twenty Ten with CSS3 corners and shadows.
 * These are the background colors for those elements.
 * Colors from the Twenty Ten theme were used.
 */

/* background color for entry page-nav and caption boxes*/
#content .wp-caption,
.page-link a:link,
.page-link a:visited,
.home .sticky .page-link a {
	background: #F1F1F1;	
}
/* background color for comment boxes */
.commentlist .comment {
	background: #F1F1F1;
}
/* background color for even depth comments */
.commentlist .depth-2,
.commentlist .depth-4 {
	background: #F2F7FC;
}
/* background color for footer widget boxes */
#footer-widget-area aside#first>ul,
#footer-widget-area aside#second>ul,
#footer-widget-area aside#third>ul,
#footer-widget-area aside#fourth>ul {
	background: #F2F7FC;	
}
/* background color for sticky posts and author boxes */
.home .sticky,
#entry-author-info,
#content tr.odd td,
.commentlist .bypostauthor {
	background: #D9E8F7;
	border:none;		
}

/* END BASELINE COLORS USING TWENTY TEN COLORS */


/* CUSTOM STRUCTURE: */

/* general */

/* control space around the wrapper */
#wrapper {
	margin-top: 20px;
	margin-bottom: 20px;	
	padding-left: 0px;
	padding-right: 0px;
}
/* get rid of that footer border */
#colophon {
	border:none;
}
/* hide header and footer info */
#site-title,
#site-description,
#site-info,
#site-generator {
	display:none;
}
/* space between the top of header content and the wrapper */
header {
	padding-top:20px;
}
/* allows drop down menus to be visible! */
#masthead {
	overflow:visible;
}

/* banner */

/* soft corners and shadow for the branding image (combines with nav to make a complete box) */
#branding,
#topbar-widget-area {	
	border:none;	
	clear: both;
	display: block;
	background:#000;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	box-shadow: 2px -2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px -2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px -2px 2px rgba(0,0,0,0.1);	
}
#branding img {
	border:none;
	padding:0;
	margin:0 auto;
	height: inherit;
}

/* megamenu */
	
#touchmenu {
    display: none;    
    max-width:100%;
    border-bottom: #111101 1px solid;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-weight: bold;
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
}
#touchmenu ul, #touchmenu li {
    list-style: none;    
    margin: 0;
    padding: 0;
}

#touchmenu li {
    border-top: #111101 1px solid;    
    background: #111101; /* old browsers */
    background: -moz-linear-gradient(left, #111101 0%, #444434 10%, #111101 100%); /* firefox */
		
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#111101), color-stop(10%,#444434), color-stop(100%,#111101)); /* webkit */
		
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111101', endColorstr='#111101',GradientType=1 ); /* ie */
}
#touchmenu ul li {    
    background: #111101; /* old browsers */
    background: -moz-linear-gradient(left, #111101 0%, #333323 10%, #111101 100%); /* firefox */
    	
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#111101), color-stop(10%,#333323), color-stop(100%,#111101)); /* webkit */
    	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111101', endColorstr='#111101',GradientType=1 ); /* ie */
}
#touchmenu a {
	margin-left:10px;	
}
#touchmenu ul a {
	margin-left:50px;
}
#touchmenu li:hover>a,
#touchmenu ul li:hover>a {
    background:transparent;
    color:#FB5;
    text-shadow: none;
}	

/* nav */

/* soft corners and shadow for the nav (combines with branding image to create complete box) */
#access {	
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);	
}

/* content */

/* hide navigation above content */
.paged #nav-above,
.single #nav-above {
	display:none;
}
/* make navigation below font bold */
#nav-below {
	font-weight:bold;
}
/* fix right margin for sticky posts */
.home .sticky {
	border:none; /* get rid of that top border */
	margin-right:0;
}
/* don't let image captions get too big for the layout! */
#content img {
	max-width:100%;
}
#content figure img {
	max-width: 98%;
}
figure,
figure.alignleft,
figure.alignrigt,
figure.aligncenter,
figure.alignnone {	
	max-width: 100%;
}
/* space between rows of gallery items */
.gallery-item {
	padding-bottom:20px;
}
/* clears floated content inside entry paragraphs */
.entry-title,
.entry-content p {	
	overflow:hidden;
}
/* keeps unformated text from breaking layout */
pre {	
	overflow:hidden;
}
/* quotes and blockquotes */
q {
	font-style:italic;	
}
blockquote {
	border-left: #888878 1px solid;
}
cite {
	font-size:smaller;
}
blockquote cite {
	display:block;
	text-align:right;
	font-size:smaller;
}

/* comments */

/* gets the avatar off the left edge of the comment box */
.commentlist .comment .avatar {	
	left: 4px;
}
/* keep the nested comments out of the bottom right corner */
.commentlist .children {	
	padding-bottom: 20px;
	padding-right: 20px;
}
/* space between the nested comments */
.commentlist .children li {
	margin-bottom:20px;
}
/* keep the content off the right edge of a comments box */
.comment-body {
	margin-right:20px;	
}
/* keeps the last comment in a nested set from having a double spaced bottom margin */
.commentlist .children li:last-child {
	margin-bottom:0px;
}

/* widgets */

/* space between the right side of primary and secondary widget area and wrapper */
#primary>ul, #secondary>ul {
	margin-right:20px;
}

/* widgets */

.widget-area ul ul {
	list-style:none;
	
}
.widget-area ul ul img {
	margin-top:8px;
	display:block;
}


/* topbar and footer */

/* breathing room for content inside footer widget boxes */
#topbar-widget-area aside#first>ul,
#topbar-widget-area aside#second>ul,
#topbar-widget-area aside#third>ul,
#topbar-widget-area aside#fourth>ul,
#footer-widget-area aside#first>ul,
#footer-widget-area aside#second>ul,
#footer-widget-area aside#third>ul,
#footer-widget-area aside#fourth>ul {	
	padding:8px;
}
/* space between the right side of fourth footer widget area and wrapper */
#footer-widget-area aside#fourth>ul {	
	margin-right:40px;
}
/* remove space around topbar widgets */
#topbar-widget-area aside>ul,
#topbar-widget-area aside>ul li {
	margin-bottom:0;
	padding-bottom:0;
}
/* no submit button for topbar seach */
#topbar-widget-area #searchsubmit {
	display:none;
}
/* make topbar search form look nicer */
#topbar-widget-area input[type="text"] {
	width:100%;
	border:none;
	background:#444434;
	background-image:url(images/search.png);
	background-position:10px 3px;	
	background-repeat:no-repeat;
	color:#ccccbc;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: inset 2px 2px 3px rgba(17,17,1,0.5),
				inset -2px -2px 3px rgba(255,255,239,0.3);
	-moz-box-shadow: inset 2px 2px 3px rgba(17,17,1,0.5),
					 inset -2px -2px 3px rgba(255,255,239,0.3);
	-webkit-box-shadow: inset 2px 2px 3px rgba(17,17,1,0.5),
						inset -2px -2px 3px rgba(255,255,239,0.3);
	text-shadow:0 -1px 0 rgba(17,17,1,0.3),  
                0 1px 0 rgba(255,255,239,0.4);
	font-weight:bold;
	height: 24px;	
	padding: 2px 10px 2px 40px;
	margin-left:-50px;
	margin-top: 5px;
	margin-bottom: 5px;			
}
#topbar-widget-area #follow {
	color:#888878;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

/* boxes */

/* a box with: subtle corners and shadow */
#wrapper,
#content embed ,
#content .wp-post-image,
.avatar,
#content .attachment img,
#content .gallery-icon img,
figure,
.home .sticky,
#entry-author-info,
#content tr.odd td,
.commentlist .comment,
.widget-area ul ul img,
#footer-widget-area aside#first>ul,
#footer-widget-area aside#second>ul,
#footer-widget-area aside#third>ul,
#footer-widget-area aside#fourth>ul {	
	overflow:hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);	
}

/* a box with: subtle shadow */
#content .wp-caption,
.page-link a:link,
.page-link a:visited,
.home .sticky .page-link a {	
	overflow:hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

/* a box with: inset shadow */
#author-avatar,
.home #content .category-asides,
.archive #content .category-asides {	
	overflow:hidden;	
	box-shadow: inset 5px 5px 50px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 5px 5px 50px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 5px 5px 50px rgba(0,0,0,0.1);
	padding: 6px 18px 18px 18px;
	margin-right:20px;		
}

/* END CUSTOM STRUCTURE */

/* CUSTOM TYPOGRAPHY: */

/* small */
body,
input,
textarea,
.navigation,
#comments .pingback p,
#cancel-comment-reply-link,
#respond .form-allowed-tags,
#entry-author-info,
#content pre,
#content kbd,
#content tt,
#content var,
.comment-meta,
.entry-content sup,
.entry-content sub,
#respond .form-allowed-tags code,
.widget-area .entry-meta,
#wp-calendar thead,
#content tr th,
#content thead th,
.entry-meta,
.entry-content label,
.entry-utility,
#content .wp-caption p.wp-caption-text,
.comment-meta,
.reply,
#respond label,
#access .menu-header,
div.menu,
#content code,
#comments .pingback .url,
.page-title,
#respond .form-submit input,
#wp-calendar caption,
#content figure figcaption {	
	font-size: 14px;
	line-height: 24px;	
}
/* medium */
#content,
#content input,
#content textarea,
.home #content .category-asides p,
.commentlist li.comment,
.page-title span {	
	font-size: 18px;
	line-height: 24px;
}
/* large */
#content .entry-title,
h3#comments-title,
h3#reply-title {	
	font-size: 22px;	
	line-height: 24px;	
}
/* specials */
#entry-author-info h2 {	
	font-size: 100%;	
}
big,
.attachment .entry-content .entry-caption {
	font-size: 140%;	
}
pre,
#content .wp-caption,
#content figure {	
	line-height: 18px;	
}
#access a {	
	line-height: 38px;	
}
sub {	
	line-height: 1;	
}
#access ul ul a,
.form-allowed-tags {	
	line-height: 1em;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#wp_tag_cloud div {	
	line-height: 1.5em;	
}
#content h1,
#content h3 {
	font-weight:600;
}

/* menu */

#access .menu-header,
div.menu {
	font-weight: bold;	
}

/* content */

/* punched text */
#content {
	text-shadow:0 -1px 0 rgba(17,17,1,0.15),  
                0 1px 0 rgba(255,255,239,0.8);
}
#content code {
	text-shadow:none;
}
/* italic assides */
.home #content .category-asides,
.archive #content .category-asides {
	font-style: italic;		
}

/* END CUSTOM TYPOGRAPHY */

/* CUSTOM FONTS: *~/

Delete this sentence and the ~ in the comment above,
then add your custom font styles here.

/* END CUSTOM FONTS */

/* CUSTOM COLORS: */

/* global */

body {
	background: #330;
	background-image: url(images/body-background.png);
	background-repeat: repeat;
}

/* universal link styles */
a:link {
	color: #a70;
}
a:visited {
	color: #770;
}
/* soft transition text-shadow link hovers */
a:active,
a:hover {
	color: #f60;
	text-shadow: 1px 2px 3px #996;
	text-decoration: none;
	-webkit-transition: text-shadow .2s ease-in-out;
	-moz-transition: text-shadow .2s ease-in-out;
	-o-transition: text-shadow .2s ease-in-out;
	-webkit-transition: text-shadow .2s ease-in-out;
	transition: text-shadow .2s ease-in-out;	
}
 
ins {
	background-color: #fe6;
}

#wrapper {
	background-color: #ffe;
	background-image:url(images/wrapper-background.png);	
	background-repeat: repeat-y;
	background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgb(255,255,187)),
    color-stop(0.58, rgb(255,255,221)),
    color-stop(1, rgb(153,153,51))
);
	background-image: -moz-linear-gradient(
    left center,
    rgb(255,255,187) 0%,
    rgb(255,255,221) 58%,
    rgb(153,153,51) 100%
);
	border-top: 1px solid #ff9;
	border-right: 1px solid #111101;	
}

/* branding */
#branding,
#topbar-widget-area {
	background:#111101;
}
#logo {
	height:48px;
	width:113px;
	background:url(images/piddmediaLogo.png);
}
#topbar-widget-area {
	
	background: #111101 url(images/topbarBG.png) top right no-repeat;
}

/* nav */

/* nav background */
nav#access {
	background-color: #111101;
	background-image: url(images/menu-background.png);
	background-repeat: repeat-x;
	background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,    
    color-stop(0, rgb(51,51,35)),
    color-stop(1, rgb(17,17,1))
);
	background-image: -moz-linear-gradient(
    center top,    
    rgb(51,51,35) 0%,
    rgb(17,17,1) 100%
);
}
/* nav link hover and dropdown background */
#access ul ul a,
#access li:hover > a,
#access ul ul :hover > a {
	background: #343424;
}
/* nav link font color */
#access a {
	color: #aaaa9a;
	text-shadow:0 -1px 0 rgba(17,17,1,0.3),  
                0 1px 0 rgba(255,255,239,0.4);
}
/* nav link hover color and soft background color transition */
#access li:hover > a,
#access ul ul :hover > a,
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover,
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover  {	
	color: #fb5;	
	-webkit-transition: backgroud .5s ease-in-out;
	-moz-transition: backgroud .5s ease-in-out;
	-o-transition: backgroud .5s ease-in-out;
	-webkit-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
}

/* content body text */
#content,
#content input,
#content textarea,
.page-title span,
input[type=submit],
.page-link a:link,
.page-link a:visited {
	color: #333323;	
}
/* content titles */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content dt,
#content th,
.page-title,
#content .entry-title,
.entry-title a:link,
.entry-title a:visited,
.page-link,
#entry-author-info h2,
h3#comments-title,
h3#reply-title,
.comment-author cite,
.widget_rss a.rsswidget,
#site-info a,
.widget-title,
#wp-calendar caption {
	color: #111101;	
}
/* content meta */
#content tr th,
#content thead th,
.entry-meta,
.entry-utility,
.entry-meta a,
.entry-utility a,
#content .wp-caption p.wp-caption-text,
#content .gallery .gallery-caption,
.navigation,
.reply a,
a.comment-edit-link,
#comments .pingback p,
#respond label,
.page-title a:link,
.page-title a:visited,
.navigation a:link,
.navigation a:visited,
.comment-meta a:link,
.comment-meta a:visited,
#respond .form-allowed-tags,
.home #content .category-asides p,
.widget-area {
	color: #888878;	
}
/* content hovers */
.page-title a:active,
.page-title a:hover,
.entry-title a:active,
.entry-title a:hover,
.entry-meta a:hover,
.entry-utility a:hover,
.page-link a:active,
.page-link a:hover,
.navigation a:active,
.navigation a:hover,
.comment-meta a:active,
.comment-meta a:hover,
.reply a:hover,
a.comment-edit-link:hover,
#respond .required,
.widget_rss a.rsswidget:hover {
	color: #f60;
}

/* comments */

/* background color for comment boxes */
.commentlist .comment {
	background: #f8f8e8;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.05, rgb(248,248,232)),
    color-stop(0.53, rgb(251,251,235))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(248,248,232) 5%,
    rgb(251,251,235) 53%
);

}
/* background color for even depth comments */
.commentlist .depth-2,
.commentlist .depth-4 {
	background: #f1f1e1;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.05, rgb(241,241,225)),
    color-stop(0.53, rgb(244,244,228))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(241,241,225) 5%,
    rgb(244,244,228) 53%
);

}

/* background color for sticky and author boxes */
.home .sticky,
#entry-author-info,
#content tr.odd td,
.commentlist .bypostauthor {
	background: #ffff99;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0, rgb(246,246,144)),
    color-stop(1, rgb(255,255,153))
);
	background-image: -moz-linear-gradient(
    left top,
    rgb(246,246,144) 0%,
    rgb(255,255,153) 100%
);	
	border: none;	
}

/* background color for entry page-nav and caption boxes*/
#content .wp-caption,
.page-link a:link,
.page-link a:visited,
.home .sticky .page-link a {
	background: #f1f1e1;	
}

/* widgets */

/* calendar font color */
#wp-calendar tbody {
	color: #aaaa9a;
}

/* footer */

/* background color for footer widget boxes */
#footer-widget-area aside#first>ul,
#footer-widget-area aside#second>ul,
#footer-widget-area aside#third>ul,
#footer-widget-area aside#fourth>ul {
	background: #f8f8e8;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.05, rgb(248,248,232)),
    color-stop(0.53, rgb(251,251,235))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(248,248,232) 5%,
    rgb(251,251,235) 53%
);

}
/* punched footer widget titles */
#footer-widget-area .widget-title {
	text-shadow:0 -1px 0 rgba(17,17,1,0.15),  
                0 1px 0 rgba(255,255,239,0.8)
}

/* END CUSTOM COLORS */

/* MEDIA QUERIES: */

/* for screens with a width smaller than 1140px */
@media only screen
	and (max-width:1140px) {

	/* remove the top and bottom margins of the wrapper */
	#wrapper {
		margin-top:0;
		margin-bottom:0;
	}
	/* remove space at the top of header content */
	header {
		padding-top:0;
	}
	/* remove right margin of fourth footer widget */
	#footer-widget-area aside#fourth>ul {	
		margin-right:0px;
	}

}

/* for screens with a width equal to or smaller than 940px */
@media only screen
	and (max-width:940px) {	

	/* Collapse 1140 grid to single column */
	#wrapper,
	header,
	#masthead,
	#touchmenu,
	nav#access,
	#main,
	#footer-widget-area,
	#topbar-widget-area,
	.row, .body, .container {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#branding,
	#container,
	#primary,
	#secondary,
	#topbar-widget-area aside#first,
	#topbar-widget-area aside#second,
	#topbar-widget-area aside#third,
	#topbar-widget-area aside#fourth,
	#footer-widget-area aside#first,
	#footer-widget-area aside#second,
	#footer-widget-area aside#third,
	#footer-widget-area aside#fourth,
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#topbar-widget-area input#s {
		margin-left:0px;
		width:60%;
	}
	#topbar-widget-area #follow {	
		text-align:left;
	}
	
	#footer-widget-area aside#first,
	#footer-widget-area aside#second,
	#footer-widget-area aside#third,
	#footer-widget-area aside#fourth {
		width:50%;
	}
	
}
	
/**
 * for screens with a device pixel ratio of 1.5 or higher in portrait mode
 * OR a device with a width equal to or less than 480px
 */
@media only screen	
	and (-webkit-min-device-pixel-ratio:1.5) {

	/* DOUBLE font sizes and line heights */
	
	/* small */
	body,
	input,
	textarea,
	.navigation,
	#comments .pingback p,
	#cancel-comment-reply-link,
	#respond .form-allowed-tags,
	#entry-author-info,
	.home #content .category-asides p,
	#content pre,
	#content kbd,
	#content tt,
	#content var,
	.comment-meta,
	.entry-content sup,
	.entry-content sub,
	#respond .form-allowed-tags code,
	.widget-area .entry-meta,
	#wp-calendar thead,
	#content tr th,
	#content thead th,
	.entry-meta,
	.entry-content label,
	.entry-utility,
	#content .wp-caption p.wp-caption-text,
	.comment-meta,
	.reply,
	#respond label,
	#access .menu-header,
	div.menu,
	#content code,
	#comments .pingback .url,
	.page-title,
	#respond .form-submit input,
	#wp-calendar caption,
	#content figure figcaption,
	.commentlist li.comment {	
		font-size: 21px;
		line-height: 36px;	
	}
	/* medium */
	#content,
	#content input,
	#content textarea,
	.page-title span,
	.commentlist li.comment p {	
		font-size: 27px;
		line-height: 36px;
	}
	/* large */
	#content .entry-title,
	h3#comments-title,
	h3#reply-title {	
		font-size: 33px;	
		line-height: 36px;	
	}
	/* specials */
	pre,
	#content .wp-caption,
	#content figure {	
		line-height: 27px;	
	}
	#access a {	
		line-height: 57px;	
	}
	
}

/* END MEDIA QUERIES */