/*

Theme Name: Design Disease

Theme URL: http://designdisease.com/

Description: Custom WP Theme For Design Disease

Author: Jon Phillips

Author URI: http://jonphillips.ca

Version: v.1

*/

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/**** HTML5 display-role reset for older browsers ****/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/**** SETUP ****/

img#wpstats { display: none; }

.dsq-subscribe-email { display: none; }

.dsq-subscribe-rss { display: none; }

html { height: 100%; width: 100%; }

body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; }

body { height: 100%; width: 100%; font-family: Verdana, helvetica, arial, sans-serif; padding: 0; margin: 0; background: #fbfbf2 url(images/logo-fixed.png) 5% 150px no-repeat; background-attachment: fixed; font-size: 0.80em; color: #333; transition:all .2s linear;  -o-transition:all .2s linear;  -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;}

p { line-height: 155%; margin: 0 0 20px 0; }

p.big { font-size: 21px; line-height: 135%; padding: 0; font-weight: light; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; color: #84594C; text-shadow: 1px 1px #fff; }

p.small { font-size: 12px; line-height: 135%; padding: 0; font-weight: light; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; color: #84594C; text-shadow: 1px 1px #fff; }

p.browsing { font-size: 16px; line-height: 135%; padding: 0 0 50px 0; font-weight: light; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; color: #84594C; text-shadow: 1px 1px #fff; font-style: italic; background: url(images/separator.jpg) bottom center repeat-x; padding: 0 0 5px 0; clear: both; }

a { color: #D35621; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

/**** HEADER ****/

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both; z-index: 1000; }

#header { max-width: 1100px; clear: both; margin: 0 auto; padding: 0 20px; }

.headerwrap { margin: 0 auto; height: 45px; background: url(images/headerbg.png) top center repeat-x; }

.logo { padding: 18px 0 0 0; margin: 0; width: 286px; float: left; overflow: hidden; }

h1 a { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: 900; font-size: 30px; color: #fff; letter-spacing: -2px; background: url(images/logobg.png) center left no-repeat; padding: 10px 0 10px 58px; display: block; }

h1 a span { font-weight: 300; color: #76D1F2; }

h1 a:hover {

color: #EAE9E3;

}

h1 a:hover span {

color: #58C6EF;

}

h3 { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: 500; font-size: 28px; color: #000; padding: 15px 0 10px 0; display: block; }

h4 { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: 500; font-size: 22px; color: #000; padding: 15px 0 5px 0; display: block; }

.menu { float: right; margin: 35px 0 0 0; letter-spacing: -1px; text-align: center; }

.menu ul { display: inline; }

.menu ul li { display: inline; text-transform: uppercase; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; }

.menu ul li a { font-weight: 600; color: #aaa; font-size: 16px; padding: 0; margin: 0 14px; }

.menu ul li a:hover { color: #fff; border-bottom: 2px solid #fff; }

.menu ul li.active a { color: #fff; border-bottom: 2px solid #E55F25; }

.menu ul li.active a:hover { color: #fff; border-bottom: 2px solid #fff; }

.menu ul li a:active { color: #c5c3b3; margin-top: 1px; border-bottom: 2px solid #c5c3b3; }

.menu ul li.active a:active { color: #c5c3b3; border-bottom: 2px solid #c5c3b3; }

.selectmenu { display: none; }

/**** CONTAINER ****/

.container { max-width: 1100px; margin: 0 auto; padding: 35px 20px; }

.content { max-width: 640px; float: left; margin: 0 40px 0 0; display: block; }

.entry { width: 100%; margin: 0 0 80px 0; padding: 0 0 20px 0; background: url(images/separator.jpg) bottom center repeat-x; }

.entrynews { width: 100%; margin: 0 0 40px 0; padding: 0 0 20px 0; background: url(images/separator.jpg) bottom center repeat-x; }

.entry .authorbio { margin: 0; padding: 15px 15px 10px 15px; border: 1px solid #c5c3b3; }

.entry .authorbio img { width: 100px; height: 100px; float: left; margin: 0 15px 0 0; }

.entry img, .entrynews img { width: 98%; padding: 1%; background: #fff; border: 1px solid #c5c3b3; border-radius: 4px; }

.entry a img, .entrynews a img { width: 98%; padding: 1%; background: #fff; border: 1px solid #c5c3b3; border-radius: 4px; }

.entry a:hover img, .entrynews a:hover img { width: 98%; padding: 1%; background: #333; border: 1px solid #000; }

.wpcf7 img, wpcf7-form img { padding: 1%; background: #fff; border: none; }

.entry h2, .entrynews h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 15px 0; letter-spacing: -1px; }

.entry h2 a, .entrynews h2 a { color: #333; text-shadow: 2px 2px #c5c3b3; }

.entry h2 a:hover, .entrynews h2 a:hover { color: #000; text-shadow: 3px 3px #c5c3b3; }

.entrynews h3 { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: 500; font-size: 28px; color: #000; padding: 15px 0 0 0; display: block; }

.entry ul, .entrynews ul { list-style-type: square; margin: 0 0 15px 40px; }

.entry ul li, .entrynews ul li { padding: 3px 0 2px 0; line-height: 155%; }

.entry blockquote p { color: #624b4a; font-size: 14px; font-style: italic; border-left: 1px solid #c5c3b3; margin: 30px 0 30px 20px; padding: 0 30px 0 20px; font-family: droid-serif-1,droid-serif-2, georgia, times, serif; }

.entrynews blockquote p { color: #624b4a; font-size: 14px; font-style: italic; border-left: 1px solid #c5c3b3; margin: 10px 0 10px 20px; padding: 0 30px 0 20px; font-family: droid-serif-1,droid-serif-2, georgia, times, serif; }

a.extlink { padding: 5px 5%; width: 90%; color: #fff; background: #c5c3b3; margin: 5px 0 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; clear: both; }

a.extlink:hover { padding: 5px 5%; width: 90%; color: #fff; background: #333; margin: 5px 0 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #000; clear: both; }

.newshead { clear: both; }

.newshead h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 18px 0; }

.postinfo { margin: 7px 15px 0 -195px; padding: 0; width: 160px; z-index: 1; text-align: right; display: block; float: left; }

.date { font-family: georgia, times, serif; font-style: italic; color: #9e907a; font-size: 14px; display: block; padding: 0 0 6px 0; text-shadow: 1px 1px #fff; }

.metainfo { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; color: #ceccbb; font-size: 12px; margin: 0; padding: 0; }

.metainfo a { color: #c5c3b3; text-shadow: 1px 1px #fff; }

.metainfo a:hover { color: #000; text-shadow: 1px 1px #fff; }

.bsatxtimg { margin: 10px 0; }

.adstoppost { margin: 10px 0 35px 0; }

body .one .bsa_it_ad { background: #fff; border: 1px solid #c5c3b3; padding: 15px; margin: 0; text-align: left; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; }

body .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; margin: 0; }

body .one .bsa_it_ad .bsa_it_i img { padding: 0; margin: 0 10px 0 0; border: 1px solid #fff; width: 130px; height: 100px; }

body .one .bsa_it_ad .bsa_it_i img:hover { padding: 0; margin: 0 10px 0 0; border: 1px solid #000; }

body .one .bsa_it_ad .bsa_it_t { color: #000; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: bold; padding: 2px 0 6px 0; font-size: 21px; }

body .one .bsa_it_ad .bsa_it_t:hover { color: #624b4a; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: bold; padding: 2px 0 6px 0; font-size: 21px; }

body .one .bsa_it_ad .bsa_it_d { padding: 0; font-size: 14px; color: #624b4a; font-family: georgia, times, serif; font-style: italic; }

body .one .bsa_it_ad .bsa_it_d:hover { padding: 0; font-size: 14px; color: #000; font-family: georgia, times, serif; font-style: italic; }

body .one .bsa_it_p { display: none; }

#bsap_1266105 .one .bsa_it_ad .bsa_it_d { color: #000; font-size: 13px; }

#bsap_1272975 a img { padding:1%;}

#bsap_1272975 a:hover img {border:0 !important;}

.bsa-backfill { margin:0 10 10 0; float:left;}

.archivelinks { width: 100%; }

.archiveleft a { width: 120px; padding: 15px; color: #fff; background: #c5c3b3; margin: 5px 5px 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; }

.archiveright a { width: 120px; padding: 15px; color: #fff; background: #c5c3b3; margin: 5px 0 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; }

.archiveleft a:hover { color: #fff; background: #333; text-shadow: 1px 1px #000;  }

.archiveright a:hover { color: #fff; background: #333; text-shadow: 1px 1px #000;  }

span.car-yearmonth { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-weight: 500; font-size: 22px; color: #000; padding: 0; display: block; }

ul.car-list { list-style-type: none; font-size: 13px; line-height: 140%; color: #000; margin: 10px 0 0 0; padding: 0; font-family: Verdana, helvetica, arial, sans-serif; }

ul.car-list li span.car-yearmonth { list-style-type: none; font-size: 22px; line-height: 26px; color: #000; margin: 10px 0 0; padding: 0; }

ul.car-monthlisting { list-style-type: none; margin: 10px 0 15px; padding: 0; }

ul.car-monthlisting li { background: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; list-style-type: none; margin: 0 0 4px; padding: 8px; }

ul.car-monthlisting li:hover { background: #333; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; list-style-type: none; margin: 0 0 4px; padding: 8px; }

ul.car-monthlisting li a:hover { color: #fff; }

.fields1, body .gfield input[type=text], .gfield textarea { width: 96%; font-family:Helvetica, Arial, sans-serif; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc; background:#fff; color:#000; margin:0; padding: 2%; }

.wpcf7-mail-sent-ok { width: 96%; font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:700; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #D1E693; background:#D9EAA7; margin: 10px 0; padding: 2%; }

.wpcf7-validation-errors { width: 96%; font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:700; -moz-border-radius:3px; -webkit-border-radius: 3px; border: 1px solid #600; background:#900; color:#fff; margin:10px 0; padding: 2%; } 

/**** SIDEBAR ****/

.sidebar { width: 420px; float: right; margin: 5px 0 20px; padding: 0; }

.sidebar h4 { clear: both; display: block; margin: 30px 0 5px 0; padding: 0; font-size: 16px; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; color: #000; font-weight: bold; text-shadow: 1px 1px #fff; }

.adsside { width: 100%; clear: both; margin: 0; }

.adsside img { width: 200px; height: 125px; float: left; }

.popular { clear: both; margin: 0; }

.popular ul { list-style-type: none; margin: 0; }

.popular ul li { list-style-type: none; margin: 0; padding: 15px; background: #fff; clear: both; float: left; display: block; width: 390px; }

.popular ul li:hover { background: #fffeef; }

.popular ul li a img { float: left; margin: 0 12px 5px 0; border-radius: 4px; }

.popular ul li a:hover img { -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5); box-shadow: 0px 0px 3px rgba(0,0,0,.5); }

.popular ul li a { color: #000; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; }

.popular ul li a:hover { color: #624b4a; }

.popular ul li a span.popdate { font-family: georgia, times, serif; font-style: italic; color: #9e907a; font-size: 12px; display: block; padding: 8px 0 4px 0; text-shadow: 1px 1px #fff; text-transform: none; font-weight: normal; }

.popular ul li span.popcat { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; color: #c5c3b3; font-size: 12px; margin: 2px 0 0 0; padding: 0; font-weight: normal; }

.popular ul li span.popcat a { color: #9e907a; font-weight: normal; }

.popular ul li span.popcat a:hover { color: #000; }

.designnews { clear: both; margin: 0 0 50px 0; border: 1px solid #c5c3b3; float: left; background: #fff; width: 409px; }

.designnews h4 { background: #c5c3b3; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #c5c3b3; color: #fff; text-shadow: 1px 1px #9a9c8f; margin: 0; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; padding: 8px 15px; float: left; list-style: none; width: 377px; font-size: 14px; }

.designnews ul { list-style-type: none; margin: 0; }

.designnews ul li { list-style-type: none; margin: 0; padding: 15px 15px 0 15px; background: #fff; clear: both; float: left; display: block; width: 378px; }

.designnews ul li:hover { background: #fffeef; }

.designnews ul li a { color: #000; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; display: block; }

.designnews ul li a:hover { color: #624b4a; }

.designnews ul li a span.newsdate { font-family: georgia, times, serif; font-style: italic; color: #9e907a; font-size: 12px; display: block; padding: 8px 0; text-shadow: 1px 1px #fff; text-transform: none; font-weight: normal; }

.designnews ul li span.popcat { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; color: #c5c3b3; font-size: 12px; margin: 2px 0 0 0; padding: 0; font-weight: normal; }

.designnews ul li span.popcat a { color: #9e907a; font-weight: normal; }

.designnews ul li span.popcat a:hover { color: #000; }

.designnews a span.designnewsdesc { font-size: 12px; font-family: georgia, times, serif; font-style: italic; color: #616358; padding: 10px 0 5px 0; clear: both; text-transform: none; font-weight: normal; line-height: 18px; }

.linkstab { clear: both; padding: 10px; font-size: 14px; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; }

.linkstab ul.linkstableft { list-style-type: none; margin: 0 0 15px 0; width: 190px; float: left; }

.linkstab ul.linkstabright { list-style-type: none; margin: 0 0 15px 0; width: 190px; float: right; }

.linkstab ul.linkstableft li { padding: 5px 10px; display: block; list-style-type: none; margin: 0; }

.linkstab ul.linkstabright li{ padding: 5px 10px; display: block; list-style-type: none; margin: 0; }

.linkstab ul.linkstableft li a { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-size: 14px; color: #000; }

.linkstab ul.linkstabright li a { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-size: 14px; color: #000; }

.linkstab ul.linkstableft li a:hover { color: #624b4a; }

.linkstab ul.linkstabright li a:hover { color: #624b4a; }

.browsetab { clear: both; padding: 10px; font-size: 14px; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; }

.browsetab ul.browsetableft { list-style-type: none; margin: 0 0 15px 0; width: 190px; float: left; }

.browsetab ul.browsetabright { list-style-type: none; margin: 0 0 15px 0; width: 190px; float: right; }

.browsetab ul.browsetableft li { list-style-type: none; margin: 0; }

.browsetab ul.browsetabright li{ list-style-type: none; margin: 0; }

.browsetab ul.browsetableft li a { padding: 5px 10px; display: block; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-size: 14px; color: #000; }

.browsetab ul.browsetabright li a { padding: 5px 10px; display: block; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; font-size: 14px; color: #000; }

.browsetab ul.browsetableft li a:hover { color: #624b4a; }

.browsetab ul.browsetabright li a:hover { color: #624b4a; }

.socialicns { margin: 0 0 10px 0; }

.socialicns a.twittericn { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 0 0; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0 7px 0 0; }

.socialicns a.twittericn:hover { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 0 -50px; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0 7px 0 0; }

.socialicns a.facebookicn { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 264px 0; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0 7px 0 0; }

.socialicns a.facebookicn:hover { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 264px -50px; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0 7px 0 0; }

.socialicns a.rssicn { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 132px 0; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0; }

.socialicns a.rssicn:hover { float: left; overflow: hidden; background: transparent url(images/socialicns.png); background-position: 132px -50px; display: block; text-indent: -9999px; width: 132px; height: 50px; margin: 0; }

.socialicnswide { display: none; }

#search_page { background: #333 url(images/search-bg.png) 97% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 380px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

#search_page:focus { background: #000 url(images/search-bg.png) 97% 50% no-repeat; color:#fff; }

ul.tabs { margin: 0; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #c5c3b3; border-left: 1px solid #c5c3b3; width: 409px; }

ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #c5c3b3; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #f1efe5; width: 30%; text-align: center; }

ul.tabs li.lasttab { width: 30%; text-align: center; }

ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 13px; padding: 0; border: 1px solid #fff; outline: none; }

ul.tabs li a:hover { background: #c5c3b3; color: #fff; text-shadow: 1px 1px #9a9c8f; }

html ul.tabs li.active a { background: #c5c3b3; border-bottom: 1px solid #c5c3b3; color: #fff; text-shadow: 1px 1px #9a9c8f; }

.tab_container { border: 1px solid #c5c3b3; border-top: none; overflow: hidden; float: left; width: 408px; background: #fff; margin: 0 0 10px; }

.tab_content { padding: 0; font-size: 14px; }

a.submitnews { width: 349px; padding: 15px; color: #fff; background: #c5c3b3; margin: 5px 15px 15px 15px; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; }

a.submitnews:hover { width: 349px; padding: 15px; color: #fff; background: #333; margin: 5px 15px 15px 15px; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #000; }

/**** FOOTER ****/

#footertop { width: 100%; background: transparent url(images/footertop.png) top center no-repeat; clear: both; height: 78px; margin: 0 auto; }

.footertopbtn { max-width: 1100px; margin: 0 auto; text-indent: -9999px; }

.footertopbtn a { float: right; display: block; background: url(images/backtotop.png) top left no-repeat; width: 52px; height: 52px; text-indent: -9999px; overflow: hidden; }

.footertopbtn a:hover { background-position: 0 -52px; }

#footerbg { width: 100%; height: auto; clear: both; background: #21211f; border-top: 8px solid #000; }

#footer { max-width: 1100px; clear: both; margin: 0 auto; padding: 60px 20px 30px; display: block; color: #fff; }

.footercol { color: #888; padding: 10px 0; width: 31%; float: left; padding: 0; margin: 0 3% 15px 0; }

.footercolmid { color: #888; padding: 10px 0; width: 32%; float: left; padding: 0; margin: 0 3% 15px 0; }

.footercolright { color: #888; padding: 10px 0; width: 31%; float: left; padding: 0; margin: 0 0 15px 0; }

.footercol a, .footercolright a, .footercolmid a { color: #95deef; }

.footercol a:hover, .footercolright a:hover, .footercolmid a:hover { color: #fff; border-bottom: 1px solid #fff; }

.footercol h4, .footercolright h4, .footercolmid h4 { color: #fff; padding: 0 0 5px 0; font-weight: bold; font-size: 16px; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; text-shadow: 1px 1px #000; }

#footer p.copy { color: #444; text-align: center; padding: 20px 0 0 0; clear: both; font-size: 11px; }

#footer p.copy a { color: #444; }

#footer p.copy a:hover { color: #888; }

.comments-template { margin: 0 0 40px 0; clear: both; }

/**** MEDIA QUERIES ****/

/********** 1560PX **********/

@media only screen and (max-width : 1560px) { 

.postinfo { margin: -8px 0 20px 0; padding: 0; width: 100%; z-index: 1; text-align: left; display: inline; float: left; }

.date { font-family: georgia, times, serif; font-style: italic; color: #9e907a; font-size: 14px; display: block; padding: 0 15px 6px 0; text-shadow: 1px 1px #fff; float: left; }

.metainfo { font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; color: #ceccbb; font-size: 12px; margin: 2px 0 0 0; padding: 0; float: left; }

.metainfo a { color: #c5c3b3; text-shadow: 1px 1px #fff; }

.metainfo a:hover { color: #000; text-shadow: 1px 1px #fff; }

}

/********** 1180PX **********/

@media only screen and (max-width : 1180px) {

.footertopbtn { display: none; }

ul.tabs { margin: 0; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; padding: 0; clear: both; list-style: none; height: 32px; border: 1px solid #c5c3b3; width: 198px; height: 93px; }

ul.tabs li { margin: 0; padding: 0; height: 31px; line-height: 31px; border: none; margin-bottom: 0; overflow: hidden; position: relative; background: #f1efe5; width: 198px; text-align: center; }

ul.tabs li.lasttab { width: 198px; text-align: center; }

.tab_container { clear: both; width: 198px; display: block; margin-top: 0; }

ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 13px; padding: 0; border: 1px solid #fff; outline: none; }

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both; }

#header { max-width: 932px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 932px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.popular ul li { list-style-type: none; margin: 0; padding: 15px; background: #fff; clear: both; float: left; display: block; width: 170px; font-size: 13px; }

.popular ul li a span.popdate { clear: both; }

.popular ul li span.popcat { font-size: 11px; }

.designnews ul li { list-style-type: none; margin: 0; padding: 10px 15px 0 15px; background: #fff; clear: both; float: left; display: block; width: 170px; font-size: 13px; line-height: 17px; }

.linkstab ul.linkstableft { list-style-type: none; margin: 0; width: 170px; float: left; }

.linkstab ul.linkstabright { list-style-type: none; margin: 0 0 15px 0; width: 170px; float: left; }

.browsetab ul.browsetableft { list-style-type: none; margin: 0; width: 170px; float: left; }

.browsetab ul.browsetabright { list-style-type: none; margin: 0 0 15px 0; width: 170px; float: left; }

a.submitnews { width: 150px; padding: 10px; color: #fff; background: #c5c3b3; margin: 5px 15px 15px 15px; font-size: 12px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; }

a.submitnews:hover { width: 150px; padding: 10px; color: #fff; background: #333; margin: 5px 15px 15px 15px; font-size: 12px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #000; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.bsatxtimg { margin: 10px 0 10px 0; }

.content { max-width: 680px; float: left; margin: 0; display: block; }

.socialicns { display: none; }

.socialicnswide { display: block; margin: 0; }

.socialicnswide a.twittericnwide { float: left; overflow: hidden; clear: both; background: transparent url(images/socialicnswide.png); background-position: 0 0; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0 0 10px 0; }

.socialicnswide a.twittericnwide:hover { float: left; overflow: hidden; background: transparent url(images/socialicnswide.png); background-position: 0 -50px; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0 0 10px 0; }

.socialicnswide a.facebookicnwide { float: left; overflow: hidden; clear: both; background: transparent url(images/socialicnswide.png); background-position: 400px 0; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0 0 10px 0; }

.socialicnswide a.facebookicnwide:hover { float: left; overflow: hidden; background: transparent url(images/socialicnswide.png); background-position: 400px -50px; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0 0 10px 0; }

.socialicnswide a.rssicnwide { float: left; overflow: hidden; clear: both; background: transparent url(images/socialicnswide.png); background-position: 200px 0; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0; }

.socialicnswide a.rssicnwide:hover { float: left; overflow: hidden; background: transparent url(images/socialicnswide.png); background-position: 200px -50px; display: block; text-indent: -9999px; width: 200px; height: 50px; margin: 0; }

.designnews { clear: both; margin: 0; border: 1px solid #c5c3b3; float: left; background: #fff; width: 198px; }

.designnews h4 { width: 166px; }

.designnews ul li { width: 168px; }

}

/********** 1020PX **********/

@media only screen and (max-width : 1020px) {

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both; }

#header { max-width: 869px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 869px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.content { max-width: 617px; float: left; margin: 0; display: block; }

}

/********** 950PX **********/

@media only screen and (max-width : 950px) {

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both; }

#header { max-width: 802px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 802px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.content { max-width: 550px; float: left; margin: 0; display: block; }

}

/********** 900PX **********/

@media only screen and (max-width : 900px) {

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both;}

#header { max-width: 740px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 740px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 42px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.content { max-width: 482px; float: left; margin: 0; display: block; }

}

/********** 820PX **********/

@media only screen and (max-width : 820px) { 

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both;}

#header { max-width: 660px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 660px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 40px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.content { max-width: 420px; float: left; margin: 0; display: block; }

.menu ul li a { font-weight: 600; color: #aaa; font-size: 16px; padding: 0; margin: 0 8px; }

}

/********** 700PX **********/

@media only screen and (max-width : 700px) { 

#headerbg { width: 100%; height: 82px; background: #1a1a1a; clear: both;}

#header { max-width: 540px; clear: both; margin: 0 auto; padding: 0 20px; }

.container { max-width: 540px; margin: 0 auto; padding: 35px 20px; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 40px; color: #333; margin: 5px 0 18px 0; }

#search_page { background: #333 url(images/search-bg.png) 94% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 170px; margin: 10px 0; padding: 18px 15px 17px 15px; clear: both; }

.sidebar { width: 200px; float: right; margin: 5px 0 20px; padding: 0; }

.content { max-width: 300px; float: left; margin: 0; display: block; }

.menu { display: none; }

.selectmenu { display: block; margin: 31px 0 0 0; float: right; }

}

/********** 580PX **********/

@media only screen and (max-width : 580px) {

body { height: 100%; width: 100%; font-family: Verdana, helvetica, arial, sans-serif; padding: 0; margin: 0; background: #fbfbf2 url(images/logo-fixed.png) 50% 150px no-repeat; background-attachment: fixed; font-size: 0.80em; color: #333; transition:all .2s linear;  -o-transition:all .2s linear;  -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;}

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 40px; color: #333; margin: 5px 0 18px 0; }

.container { max-width: 1100px; margin: 0 auto; padding: 5px 20px; }

.sidebar { clear: both; margin: 0; padding: 0; width: 100%; }

.selectmenu { display: block; margin: 31px 0 0 0; float: right; }

.content { max-width: 768px; float: left; margin: 0; display: block; }

h1 a { font-size: 24px; padding: 12px 0 10px 58px; display: block; }

#search_page { background: #333 url(images/search-bg.png) 97% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width: 96.25%; margin: 0 0 10px; padding: 18px 2% 17px 2%; clear: both; }

.bsatxtimg { margin: 10px 0 50px 0; }

.adsside { width: 100%; clear: both; float: left; padding: 0; }

.footercol { color: #888; padding: 10px 0; width: 94%; float: none; padding: 0; margin: 0 auto 40px auto; text-align: center; }

.footercolmid { color: #888; padding: 10px 0; width: 94%; float: none; padding: 0; margin: 0 auto 40px auto; text-align: center; }

.footercolright { color: #888; padding: 10px 0; width: 94%; float: none; padding: 0; margin: 0 auto 40px auto; text-align: center; }

.footertopbtn, .linkstab, .popular, .designnews, .socialicnswide, .socialicns, .menu, ul.tabs, .tab_container { display: none; }

}

/********** 320PX **********/

@media only screen and (max-width : 320px) {

.bsatxtimg { margin: 10px 0 10px 0; width: 280px; }

.adsside { width: 200px; clear: both; padding: 25px 39px 25px 39px; background: #fff; border: 1px solid #c5c3b3; }

#search_page { background: #333 url(images/search-bg.png) 97% 50% no-repeat; font-family: georgia, times, serif; font-style: italic; color: #c5c3b3; font-size: 13px; border: none; outline:none; width:250px ; margin: 0 0 10px; padding: 18px 15px 17px 15px; clear: both; }

.footercol { margin: 0 auto 10px auto; }

.entry h2 { width: 100%; clear: both; font-weight: 900; font-family: "proxima-nova", helvetica, arial, sans-serif; font-size: 32px; color: #333; margin: 5px 0 18px 0; }

h1 a { font-size: 21px; padding: 12px 0 10px 50px; display: block; }

.selectmenu { display: block; margin: -33px 0 0 0; float: right; }

.footertopbtn, .linkstab, .popular, .designnews, .socialicnswide, .socialicns, .menu, ul.tabs, .tab_container { display: none; }

}

#footer .linksm {font-size: 10px; color: #333 !important;}

.sbarlinks { margin:5px auto; width:349px; color:#9e907a;}
.sbarlinks p { font-size:12px; font-style:italic;}
.sbarlinks a { color:#9e907a;}
.sbarlinks a:hover { color:#333;}

a.button{ padding: 5px 5%; width: 90%; color: #fff; background: #c5c3b3; margin: 5px 0 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #9a9c8f; clear: both; }

a.button:hover { padding: 5px 5%; width: 90%; color: #fff; background: #333; margin: 5px 0 15px 0; font-size: 13px; display: block; text-align: center; border-radius: 30px; float: left; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova-condensed", helvetica, arial, sans-serif; text-shadow: 1px 1px #000; clear: both; }

/*Disqusting Ads*/
.discovery-col-header, .discovery-col-header h2, .discovery-posts {
	display:none !important;
}
.entry .comment-body .comment-author img { width:32px;}