/*
Theme Name: Green Tea 3
Theme URI: https://dbushell.com
Description: Theme for dbushell.com
Author: David Bushell
Version: 2.0
*/
@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-regular.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-bold.ttf') format('truetype');
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
/* ****************************************************************************************************
 * Reset
 */

body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,th,td,blockquote { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; }
fieldset,img {  border: 0; }
ul { list-style: none; }

strong { font-weight: bold; }
em { font-style: italic; }

header,footer,nav,section,article,hgroup,aside,img { display: block; }

body,h1,h2,h3,h4,h5,h6,p { font-size: 100%; font-weight: normal; line-height: 100%; margin: 0; }

.cleared > li:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix, * html .cleared > li { zoom: 1; }
*:first-child+html .clearfix, *:first-child+html .cleared > li { zoom: 1; }

.hidden { display: none !important; visibility: hidden; }
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('./league_gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ****************************************************************************************************
 * Main
 */

a { color: #4db930; text-decoration: none; }
a:focus { text-decoration: underline; }
a:hover { color: #2994cb; text-decoration: underline; }

body { color: #242526; background: #eee; font-family: Helvetica, Arial, sans-serif; min-width: 320px; }

.mod { display: block; max-width: 1140px; padding: 0 20px; margin: 0 auto; }

#header { z-index: 3; position: relative; width: 100%; padding: 40px 0 0 0; height: 140px; border-top: 3px solid #80cc70; background: #222 url('./header.png') center top repeat-x; }
#header:after { display: block; position: absolute; top: 180px; z-index: 2; content: ' '; width: 100%; height: 10px; background: url('./header.png') center bottom repeat-x; }

#header h1 { background: url('./dbushell-logo.svg') 0 0 no-repeat; color: #fff; font-size: 30px; font-weight: bold; width: 410px; height: 60px; line-height: 60px; white-space: nowrap; overflow: hidden; text-indent: -9999px; }
.oldie #header h1 { background: url('./dbushell-logo.png') 0 0 no-repeat !important; }
#header h1 a { display: block; }
#header h2 { color: #fff; font-size: 14px; font-style: italic; font-family: 'Droid Serif', Georgia, serif; height: 30px; line-height: 30px; white-space: nowrap; }


#nav { position: absolute; z-index: 4; bottom: 0; left: 0; width: 100%; height: 45px; background: url('./nav.png') center top repeat-x; }
#nav ul { display: block; margin: 0 auto; padding: 5px 0 0 0; max-width: 1180px; white-space: nowrap; }
#nav li { display: inline-block; }
#nav li a { display: block; padding: 10px 15px; height: 20px; line-height: 20px; color: #eee; font-size: 14px; font-weight: bold; }
#nav li a:hover {  text-decoration: none; color: #a3e595; background: rgba(255,255,255,.15); }
#nav li.current-menu-item a { color: #242526; height: 30px; background: url('./nav-selected.png') center top; }

#nav li a:focus { color: #a3e595; text-decoration: none; }
#nav li.current-menu-item a:focus { color: #242526; }

#contact { position: absolute; top: 0; left: 0; width: 100%; height: 30px; }
#contact ul { display: block; margin: 0 auto; padding: 5px 0; text-align: center; white-space: nowrap; }
#contact li { display: inline-block; padding: 0 5px; color: #ccc; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 20px; }
#contact a {  margin: 0 0 0 3px; color: #a3e595; font-size: 12px; font-weight: normal; font-family: 'Droid Serif', Georgia, serif; text-transform: none; }

#advertisement { display: none; }

#intro { padding: 0; background: #fff; }
#intro .mod { padding: 50px 20px; }
#intro h1, #intro h2 { font-size: 30px; line-height: 35px; letter-spacing: -1px; font-weight: bold; font-family: 'Droid Serif', Georgia, serif; }
#intro h2 { font-weight: normal; margin: 0 0 10px 0; }
#intro p { font-size: 14px; line-height: 20px; width: 100%; margin: 0 0 10px 0; font-family: 'Droid Serif', Georgia, serif; }
#intro p:last-of-type { margin: 0; }
#intro .follow { float: left; padding: 10px 0 0 0; }

#featured { background: #fff; padding: 0 0 40px 0; }
#featured .mod { border-top: 1px dashed #ddd; padding: 0 10px 30px 10px; max-width: 1160px; }
#featured .feature { position: relative; z-index: 2; padding: 20px 0 0 0; display: block; width: 100%; float: left; clear: right; }
#featured .feature > h1 { margin: 0 10px 10px 10px; font-size: 35px; line-height: 35px; text-transform: uppercase; font-family: 'League Gothic', 'LeagueGothicRegular', 'Arial Narrow', Helvetica, Arial, sans-serif; background: url('./feature-line.png') center center repeat-x; }
#featured .feature > h1 a { text-shadow: 1px 1px 0 #fff, 2px 2px 0 #70b262; color: #3d3e40; padding: 0 10px 0 0; background: #fff; }
#featured .feature > h1 a:focus { text-decoration: none; }
#featured .feature > h1 a:hover { color: #242526; text-decoration: none; }
#featured .feature ul { display: block; margin: 0 10px; padding: 5px 0; background: #fff; }
#featured .feature li { display: block; border-bottom: 1px solid #ddd; padding: 5px 0; margin: 0; }
#featured .feature li:last-of-type { border: none; }
#featured .feature li img { float: left; margin: 0 5px 0 0; position: relative; top: 2px; }
#featured .feature li h1 { font-size: 14px; line-height: 20px; margin: 0; }
#featured .feature li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; line-height: 20px; color: #333; font-weight: normal; font-family: 'Droid Serif', Georgia, serif; }
#featured .feature li a:hover { color: #4db930; }
#featured .feature li p, #featured .feature li time { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; color: #919495; display: block; margin: 0; }
#featured .feature li.ico a { background: url('./sprite.png') 0 0 no-repeat; padding: 0 0 0 20px; }
#featured .feature li.ico-twitter a { background-position: -34px 1px; }
#featured .feature li.ico-designheroes a { background-position: -34px -19px; }
#featured .feature li.ico-lovedsgn a { background-position: -34px -39px; }
#featured .feature li.ico-xheight a { background-position: -34px -59px; }
#featured .feature li.ico-flickr a { background-position: -34px -79px; }
#featured .feature li.ico-basecreative a { background-position: -34px -99px; }
#featured .feature li.ico-google a { background-position: -34px -139px; }

#page { padding: 50px 0; background: #fff; }

#page h1, #page h2, #page h3, #page h4 { font-family: 'Droid Serif', Georgia, serif; margin: 0 0 15px 0; }
#page h1, #page h1 a { text-decoration: none; color: #242526; font-size: 36px; letter-spacing: -1px; font-weight: bold; line-height: 38px; }
#page h1 a:focus { color: #7fd269; }
#page h1 a:hover { color: #7fd269; }
#page h2, #page h2 a { color: #242526; font-size: 28px; line-height: 32px; font-weight: bold; }
#page h3, #page h3 a { color: #242526; font-size: 22px; line-height: 26px; font-weight: bold; }
#page h4, #page h4 a { color: #242526; font-size: 16px; line-height: 20px; font-weight: bold; }
#page h3 a:hover, #page h4 a:hover { color: #7fd269; }
#page p { font-family: 'Droid Serif', Georgia, serif; color: #47494a; font-size: 14px; line-height: 24px; margin: 0 0 15px 0; }
#page p + h2 { margin-top: 25px; }
#page p + h3 { margin-top: 20px; }

#page .large { font-size: 16px; }
#page .medium { font-size: 12px; color: #777a7b; line-height: 20px; }
#page .small { font-size: 11px; color: #abaeb0; line-height: 15px; font-family: Helvetica, Arial, sans-serif; }
#page .small a { color: #abaeb0; }
#page time { color: #919495; font-size: 12px; border: none; }
#page blockquote p { color: #777a7b; font-style: italic; font-size: 14px; line-height: 22px; background: url('./quote.png') 10px 15px no-repeat; padding: 10px 60px 10px 50px; }

#main { width: 100%; }

#page .posts article { max-width: 740px; }
#page .posts article time { position: relative; top: -10px; display: block; }
#page .posts article abbr { border-bottom: 1px dotted #787b7d; }
#page .posts article ul { list-style-type: disc; list-style-position: outside; padding: 0; margin: 25px 0 25px 20px; }
#page .posts article ul li { margin: 0 0 10px 20px; font-family: 'Droid Serif', Georgia, sans-serif; color: #47494a; font-size: 14px; line-height: 24px; }
#page .posts article ol { list-style-type: decimal; list-style-position: outside; padding: 0; margin: 25px 0 25px 20px; }
#page .posts article ol li { margin: 0 0 10px 20px; font-family: 'Droid Serif', Georgia, sans-serif; color: #47494a; font-size: 14px; line-height: 24px; }
#page .posts article img { margin: 0 0 20px 0; }
#page .posts article .continue a:after { content: ' \2192'; font-family: 'Arial Unicode MS', 'Arial', 'sans-serif'; font-weight: bold; font-size: 15px; }
#page .posts .tweetit { padding: 15px 0 5px 0; }
#page .posts .tweetit .twitter { margin: 0 0 10px 0; height: 30px; }
#page .posts .tweetit .facebook { margin: 0 0 10px 0; height: 30px; }
#page .posts .tweetit .plusone { margin: 0 0 10px 0; height: 20px;  }
#page .posts .tweetit .stumbleupon { margin: 0 0 10px 0; height: 22px; overflow: hidden; }

#page .posts .socialised.twitter .twp-container { margin: 20px 0 20px 0; }

#page .posts article img { max-width: 100%; height: auto; }
#page .posts article .code, #page .posts article code  { font-family: 'Consolas', 'Courier New', Courier, monospace; background: #f2f2f2; }
#page .posts article pre { margin: 30px 0 !important; }
#page .posts article .syntaxhighlighter { margin: 30px 0 !important; }
#page .posts article .syntaxhighlighter .alt2 { background-color: #f5f5f5 !important; }
#page .posts article .syntaxhighlighter .line { font-size: 14px !important; line-height: 20px !important; }
#page .posts article .syntaxhighlighter .toolbar { display: none !important; }
#page .posts article .syntaxhighlighter .toolbar a { display: none !important; }

#page .posts header.author { margin: 0 0 10px 0; }
#page .posts header.author h1 img { display: inline; }

#sidebar { display: block; width: 100%; float: right; text-align: center; }
#sidebar #tweets ul { text-align: center; }
#sidebar #tweets li { display: inline-block; vertical-align: top; width: 260px; text-align: left; background: url('./tweetbg.png') left bottom no-repeat; border-top: 1px solid #d9dadc; /*border-bottom: 0;*/ margin: 5px 10px 0 0; padding: 10px 10px 25px 10px; color: #777a7b; font-size: 12px; font-style: italic; line-height: 16px; font-family: DroidSerif, Georgia, serif; }
#sidebar #tweets a { color: #abaeb0; }
#sidebar #tweets a:hover { color: #4db930; }
#sidebar #tweets .aktt_more_updates { display: none; background: none; border: none; }
#sidebar p { display: inline-block; margin: 0 auto 15px auto; text-align: left; }
#sidebar .rsslink { padding: 0 0 0 20px; background: url('./ico-rss.png') 0 4px no-repeat; }
#sidebar .twitterlink { padding: 0 0 0 20px; background: url('./ico-twitter.png') 0 4px no-repeat; }

#nextprev { float: left; clear: both; width: 100%; margin: 0 0 15px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; padding: 15px 0 0 0; }
#nextprev a { color: #919495; }
#nextprev a:hover { color: #4db930; }
#nextprev p { max-width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nextpost { float: right; background: url('./smallarrow.png') right 2px no-repeat; padding: 0 35px 0 0; }
#prevpost { float: left; background: url('./smallarrow.png') left -43px no-repeat; padding: 0 0 0 35px; }


#image-banner { position: relative; border-bottom: 5px solid #eee; z-index: 1; width: 100%; background: #eee; }
#image-banner img { max-width: 100%; height: auto; margin: 0 auto; }

#page.portfolio h1 { text-align: center; max-width: 980px; margin: 0 auto 15px auto; }
#page.portfolio .content { max-width: 980px; margin: 0 auto; text-align: center; }
#page.portfolio .portfolio-thumb { display: inline-block; width: 290px; height: 200px; padding: 15px; background: url('./portfolio.png') no-repeat; }
#page.portfolio .portfolio-thumb a { position: relative; display: block; width: 290px; height: 190px; overflow: hidden; }
#page.portfolio .portfolio-thumb a:hover img { position: relative; top: -190px; }

#page.showcase #main { width: 100%; margin: 0; }
#page.showcase .posts article { min-height: 500px; }
#page.showcase img { border: 1px solid #ccc; max-width: 520px; }

#page.default { padding-bottom: 20px; }
#page.default #main { width: 100%; margin: 0; }
#page.default .posts article { max-width: none; }

#footer { padding: 0; background: #eee; }
#footer p { color: #919495; font-size: 12px; line-height: 20px; margin: 0 0 10px 0; font-family: 'Droid Serif', Georgia, serif; }

#footer h2 { text-shadow: 1px 1px 1px #fff, 2px 2px 1px #70b262; margin: 0 0 15px 0; font-size: 35px; line-height: 35px; text-transform: uppercase; font-family: 'League Gothic', 'LeagueGothicRegular', 'Arial Narrow', Helvetica, Arial, sans-serif; }

#search { position: relative; z-index: 10; top: -49px; background: url('./searchbg.jpg') center top no-repeat; height: 100px; }
#search form { width: 300px; position: relative; margin: 0 auto; }
#search .field { position: absolute; box-sizing: content-box; left: 50%; top: 5px; margin-left: -90px; width: 146px; padding-right: 30px; }
#search .submit { cursor: pointer; position: absolute; left: 50%; margin-left: 66px; top: 8px; outline: none; border: 0; background: url('./sprite.png') 0 0; height: 20px; width: 24px; }
#search .submit:hover { background-position: 0 -20px; }

#footer .mod { z-index: 20; position: relative; top: -59px; }

#comments { width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #bbb; }
#comments .comment h1, #comments .comment h1 a { color: #242526; font-size: 16px; line-height: 20px; font-family: 'Droid Serif', Georgia, serif; margin: 0 0 10px 0; }
#comments .comment { margin: 0 0 20px 0; }
#comments .comment .message p { max-width: 640px; color: #242526; margin: 0 0 10px 0; color: #777a7b; font-size: 12px; line-height: 16px; font-family: 'Droid Serif', Georgia, serif; }
#comments .comment time { color: #919495; font-size: 11px; border: none; }

#comments time { display: block; }
#comments h4 { margin: 0 0 10px 0; }

input, select, textarea { font-size: 12px; color: #242526; line-height: 15px; font-family: Helvetica, Arial, sans-serif; }
label { color: #494b4d; display: block; font-size: 11px; text-transform: uppercase; }
label.required { font-weight: bold; }
label.required:after { content: ' *'; }
.field { padding: 5px; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: 1px solid #bbb; outline: none; }
.field:focus { border: 1px solid #80cc70; -moz-box-shadow: 0 0 2px #80cc70; -webkit-box-shadow: 0 0 2px #80cc70; box-shadow: 0 0 2px #80cc70; }
.button { cursor: pointer; padding: 9px 20px 10px 20px; border: 1px solid #77b36b; outline: none; background: #80cc70; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0 -1px 1px #609954; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
	background: #8fe57e;
	background: -moz-linear-gradient(top, #8fe57e 0%, #80cc70 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fe57e), color-stop(100%,#80cc70));
	background: -webkit-linear-gradient(top, #8fe57e 0%,#80cc70 100%);
	background: -o-linear-gradient(top, #8fe57e 0%,#80cc70 100%);
	background: -ms-linear-gradient(top, #8fe57e 0%,#80cc70 100%);
	background: linear-gradient(top, #8fe57e 0%,#80cc70 100%);
	box-shadow: 1px 1px 6px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.1); }
.button:hover {
	text-shadow: 0 -1px 1px #2483b3;
	border: 1px solid #2994cb;
	background: #61c2f2;
	background: -moz-linear-gradient(top, #61c2f2 0%, #57add9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c2f2), color-stop(100%,#57add9));
	background: -webkit-linear-gradient(top, #61c2f2 0%,#57add9 100%);
	background: -o-linear-gradient(top, #61c2f2 0%,#57add9 100%);
	background: -ms-linear-gradient(top, #61c2f2 0%,#57add9 100%);
	background: linear-gradient(top, #61c2f2 0%,#57add9 100%);
}

#contactform .field { width: 100%; max-width: 350px; margin: 0 0 5px 0; }
#contactform textarea.field { max-width: 640px; height: 86px; margin: 0 0 10px 0; resize: none; }
#contactform .button { margin: 0 0 10px 0; }
#contactform .error { font-weight: bold; color: #f93d4a; }
#contactform .error2 { width: 620px; display: block; float: right; font-weight: bold; color: #f93d4a; }
#contactform .placeholder { color: #abaeb0; }

#signoff { width: 100%; position: relative; margin-bottom: -15px; }
#signoff p { margin: 0; position: absolute; top: 10px; }

@media only screen and (max-width: 480px)
{
	#header hgroup { width: 100%; padding: 0; }

	#header h1 { width: 320px; margin: 0 auto; background-size: 300px 44px; background-position: center center; }
	.oldie #header h1 { background-image: url('./dbushell-logo-320.png') !important; }
	#header h2 { text-align: center; font-size: 11px; letter-spacing: -1px; }

	#nav ul { text-align: center; }
	#nav li a { padding: 10px; }

	#contact li:last-of-type { display: none; }

	#intro .mod { padding: 30px 20px 50px 20px; }
	#intro h1 { font-size: 20px; line-height: 24px; margin: 0 0 5px 0; }
	#intro h2 { font-size: 16px; line-height: 20px; }
	#intro p { font-size: 12px; line-height: 20px; }

	#page { padding-top: 30px; }

	#page h1, #page h2, #page h3, #page h4 { margin: 0 0 14px 0; }
	#page h1, #page h1 a { font-size: 30px; line-height: 34px; }
	#page h2, #page h2 a { font-size: 22px; line-height: 26px; }
	#page h3, #page h3 a { font-size: 20px; line-height: 24px; }
	#page h4, #page h4 a { font-size: 14px; line-height: 16px; }
	#page p { font-size: 16px; line-height: 28px; margin: 0 0 12px 0; }
	#page .large { font-size: 16px; }
	#page .medium { font-size: 12px; color: #777a7b; line-height: 16px; }
	#page .small { font-size: 11px; color: #abaeb0; font-family: Helvetica, Arial, sans-serif; }
	#page time { color: #919495; font-size: 12px; border: none; }
	#page blockquote p { font-size: 12px; padding: 5px 10px 10px 20px; background: none; }
	#page .posts article ul,#page .posts article ol { margin: 20px 0 20px 20px; }
	#page .posts article ul li, #page .posts article ol li { margin: 0 0 5px 20px; font-size: 16px; line-height: 28px; }

	#page.portfolio .mod { padding: 0; }
	#page.portfolio h1 { margin-bottom: 10px; }

}/*/mediaquery*/

/*
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
{
	#header h1 { background: url('./dbushell-logo-320@x2.png') center center no-repeat !important; background-size: 300px 44px; }
}
*/

@media only screen and (min-width: 768px)
{

	#advertisement { display: block; float: right; position: relative; z-index: 10; margin-top: -100px; right: -20px; width: 320px; height: 150px; float: right; background: #444 url('./adsframe.png') 0 0 no-repeat; }
	#advertisement .carbonad { width: 300px; height: 118px; margin: 15px auto 0 auto; border: #d5d5d5; background: #eee; }

	#main { float: left; width: 60%;  }
	#sidebar { float: right; width: 37.5%; max-width: 300px; }
	#sidebar p { display: block; max-width: 280px; text-align: left; margin: 0 auto 15px auto; }
	#sidebar .twitterlink { max-width: 260px; padding: 12px 10px 8px 30px; background-position: 10px 16px; }
	#sidebar .rsslink { padding: 12px 10px 5px 30px; background-position: 10px 16px; }
	#sidebar .aktt_more_updates { display: inline-block !important; }

	#intro .mod { background: url('./crane-large.png') 120% 50% no-repeat; background-size: 45%; }
	#intro p { width: 60%; }
	#featured .feature { width: 50%; margin: 0; }
	#featured .feature:last-of-type { width: 100%; }

	#featured .feature:last-of-type li { width: 48.5%; float: left; }
	#featured .feature:last-of-type li:nth-of-type(n + 5) { border-bottom: none; }
	#featured .feature:last-of-type li:nth-of-type(2n + 2) { float: right; }
	#featured .feature:last-of-type:before, #featured .feature:last-of-type:after { bottom: 17px; }


	#page.showcase article { max-width: none; }
	#page.showcase .description { max-width: 740px; }

	#page.showcase .description { width: 40%; float: left; }
	#page.showcase img { float: right; width: 50%; max-width: 520px !important; clear: right; margin: 0 5% 15px 0 !important; }
	#page.showcase img:first-of-type { margin-top: -48px !important; }

}/*/mediaquery*/

@media only screen and (min-width: 980px)
{

	#header { padding: 10px 0 0 0; background-position: center -30px; }
	#header:after { top: 150px; }

	#contact { position: relative; margin: 0 auto; max-width: 1180px; background: none; height: auto; }
	#contact ul { position: absolute; top: -85px; right: 340px; margin: 0; width: 180px; background: rgba(0,0,0,.3); padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
	#contact ul:after { content:' '; position: absolute; display: block; bottom: -10px; right: 15px; background: url('./sprite.png') 0 -48px no-repeat; width: 10px; height: 10px; overflow: hidden; }
	#contact li { display: block; text-align: right; padding: 0; }
	#contact a { display: inline-block; text-align: left; width: 110px; }

	#main { float: left; width: 67.5%;  }
	#sidebar { float: right; width: 30%; max-width: 310px; }

	#intro .mod { padding: 70px 20px 70px 20px; background-position: 155% 30px; background-size: auto; }
	#intro h1, #intro h2 { font-size: 40px; line-height: 45px; }
	#intro h2 { margin: 0 0 20px 0; }
	#intro p { width: 60%; font-size: 16px; line-height: 24px; margin: 0 0 20px 0; }
	#intro p:last-of-type { margin: 0; }

	#featured .feature { width: 33.333% !important; margin: 0; }
	#featured .feature li { width: auto !important; float: none !important; border-bottom: 1px solid #ddd !important; }
	#featured .feature li:last-of-type { border: none !important; }
	#featured .feature:last-of-type:before, #featured .feature:last-of-type:after { bottom: 12px; }

}/*/mediaquery*/

@media only screen and (min-width: 1010px)
{
	#intro .mod { background-position: 140% 30px; }
}/*/mediaquery*/
@media only screen and (min-width: 1060px)
{
	#intro .mod { background-position: 130% 30px; }
}/*/mediaquery*/
@media only screen and (min-width: 1110px)
{
	#intro .mod { background-position: 120% 30px; }
}/*/mediaquery*/


@media only print
{
	body * { display: none !important; }
	body:after { content: "Don't waste paper! Visit http://dbushell.com/2011/09/04/save-the-planet-with-css/"; }
}