/*-----------------------------------------------------------------------------------

Theme Name: Is This What Democracy Looks Like?
Author: Sam Ageloff, Orman Clark
Version: 1.0

-----------------------------------------------------------------------------------

0.	Normalize.css & clrfix
1.	Document Setup (body, common classes, vertical rhythm, structure etc)
2.	Header Styles
3.	Navigation & Menus
4.	Main Content Styles
5.	Post Content Styles
6.  Feature Styles
8.	Pagination
9.	Footer Styles
10.	Page & Page Templates
11.	Widgets
12. IE fixes
13. Mobile

-----------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Bitter:400,700,400italic);

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 2em}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

.clrfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clrfix { display: inline-block; } /* Hide from IE Mac \*/ .clrfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End clrfix */


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body { font: 14px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; background: #fff; color: #4c4d51; }

.none, .hidden { display: none; }
.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

a { font-weight: bold; color: #202222; text-decoration: none;  border-bottom: 1px solid #c8c8c8; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
a:hover { color: #aeaeae; }
a img { border: none; }
a > img { vertical-align: bottom; }
a[href$=".jpg"], a[href$=".jpg"]:hover { border-bottom: none; }


h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', serif; color: #202222; font-weight: normal; padding: 0; }
h1 { font-size: 24px; line-height: 28px; }
h2 { font-size: 20px; line-height: 22px; margin: 0 0 15px 0; }
h3 { font-size: 16px; line-height: 20px; margin: 0 0 10px 0; }
h4 { font-size: 14px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 16px; }

.menu-dropdown {display:none;}

.page-title { font-size: 14px; font-weight: bold; padding: 20px; }

.archive .page-title { background: transparent url(/wp-content/themes/occupy/images/splitter.png) 0 100% repeat-x; margin: 0 20px; padding-left: 0; }

.entry-title, 
.entry-title a { font-size: 24px; line-height: 28px; }

.entry-content h2 { margin-top: 40px; }
.entry-content h3 { margin-top: 30px; }
.entry-content p {word-wrap:break-word;}

/* Structure --------------------------------------------------------------*/

.inner,
#content { width:960px; margin: 0 auto; }

[role=main]{ float: left; width: 640px; margin-bottom: 2em;}

.page-template-template-home-fullwidth-php [role=main]{ width: 100%; }

#content { padding-top: 10px; border-top: 6px solid #242626; background: url(/wp-content/themes/occupy/images/2col_back_single.png) repeat-y; }
#content > .clrfix {position:relative;}

body.home #content,
body.page-template-template-home-fullwidth-php #content { background: url(/wp-content/themes/occupy/images/3col_back.png) repeat-y; }
body.page-template-template-home-blog-php #content { background: url(/wp-content/themes/occupy/images/2col_back_single.png) repeat-y; }
body.page-template-template-full-width-php #content { background: url(/wp-content/themes/occupy/images/1col_back.png) repeat-y; }

/* home-specific */
body.home header {padding:0;}

.feature-content.home .feature-content-meta span { display: block ; }
.feature-content.home h1.big { color: #FFF; font-size: 5em; line-height: .75em; max-width: 350px; text-shadow: 2px 3px 3px #000; }
.feature-content.home { top: 7em; }


aside { float: right; width: 320px; padding-top: 1em; margin-bottom: -1em; }
aside .widget .widget_categoryposts {display:block;}

.post, 
.type-page { width: 600px; padding: 20px 20px 5px 20px; margin-bottom: 0; }

body.home .post,
body.page-template-template-home-fullwidth-php .post { width: 280px; float: left; }

body.archive .post,
body.page-template-template-home-blog-php .post { background: url(/wp-content/themes/occupy/images/splitter.png) repeat-x 0 100%; margin-left: 20px; margin-right: 20px; padding: 25px 0 20px; overflow: hidden; width: 600px; }

body.archive #content .post:last-child,
body.page-template-template-home-blog-php .post:last-child { background: none; }

body.archive #content .entry-content,
body.page-template-template-home-blog-php.home .entry-content,
body.archive #content .entry-summary,
body.page-template-template-home-blog-php .entry-summary { background: none; padding-bottom: 0; }

body.page-template-template-full-width-php [role=main]{ width: 960px !important; }

body.page-template-template-full-width-php .type-page { width: 920px; }


/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

header { background: #fff; width: 920px; margin: 0 auto; position: relative; padding: 20px; }

#logo, #logo a { font-size: 1.25em; font-weight: bold; text-transform: uppercase; border: 0; padding: 0 1em 0 0; }
#logo a:hover { text-decoration: none; }


/*-----------------------------------------------------------------------------------*/
/*	4.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { padding: 0 40px; margin: 30px 0; }

strong { font-weight: bold; }

em, dfn, cite { font-style: italic; }

dfn { font-weight: bold; }

sup { font-size: 11px; }
sub { font-size: 11px; vertical-align: bottom; }
small { font-size: 11px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code,
pre { line-height: 18px; }
var, kbd, samp, code, pre { font: 11px/19px Consolas, "Andale Mono", Courier, "Courier New", monospace; color: #4d4e52; background: #f8f8f8; }

kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; margin: 40px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
code { padding: 3px; }
ul, ol, dl { margin-left: 30px; }
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px; vertical-align: middle; text-align: center; }


/* Media Elements --------------------------------------------------------*/
.entry-content { max-width: 100%; }
.post:last-child .entry-summary {background:none;}
.entry-content p:first-child {margin-top:0;}

body.home .entry-content,
body.page-template-template-home-fullwidth-php .entry-content,
.entry-summary { background: url(/wp-content/themes/occupy/images/splitter.png) repeat-x 0 100%; padding-bottom: 20px; }

.post img { max-width: 100%;  width: auto; height: auto;  }

img.alignleft { float: left; margin: 10px 25px 10px 0; }
img.alignright { display: block; margin: 10px 0 10px 25px; }
img.aligncenter { display: block; clear: both; margin: 10px auto; }
img.alignnone { display: block; margin: 10px 0; }

a[rel*="wp-att"] > *:first-child { font-weight: bold; }

.wp-caption { max-width: 100%; text-align: center; margin: 10px 20px 20px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.wp-caption.aligncenter { margin: 20px auto; }
.wp-caption.alignleft { margin-left: 0; }
.wp-caption.alignright { margin-right: 0; }
.wp-caption.alignnone { margin-left: 0; }

.wp-caption img,
.wp-caption img a { margin: 0; padding: 0; border: 0 none; }

.wp-caption .wp-caption-text { margin: 0; padding: .5em; background-color: #333; color:#EEE; }

iframe { max-width: 100%;  margin-bottom: 20px; }


/* Common Form Elements --------------------------------------------------*/

input,
textarea { color: #333; background: #fff; border: 1px solid #cdcdcd; font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px 12px 7px 12px; width: 250px; -moz-box-shadow: 0px 1px 1px #eee; -webkit-box-shadow: 0px 1px 1px #eee; box-shadow: 0px 1px 1px #eee; }
textarea { width: 90%; }

input:focus,
textarea:focus { background: #fff; border-color: #b2b2b2; }

input[type="checkbox"] { width: auto; }

select { background: #fff; border: 1px solid #efefef; width: 250px; }

button,
#submit { background: #f1f1f1; border: 1px solid #efefef; cursor: pointer; padding: 2px 10px; width: auto; }

button:hover,
#submit:hover { background: #fff; border-color: #ddd; }


/*-----------------------------------------------------------------------------------*/
/*	5.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-title { margin-bottom: 1em; }
body.search .entry-title {margin-bottom:0;}
h1.entry-title {margin: 0 0 .25em;}
.masonry .entry-title{margin-bottom:.25em;}

.entry-title, 
.entry-title a { font-family: 'Bitter', serif; font-size: 26px; font-weight: normal; line-height: 38px; color: #202222; text-decoration: none; border: 0; }

.archive #content .entry-title,
.archive #content .entry-title a,
.page-template-template-home-blog-php .entry-title,
.page-template-template-home-blog-php .entry-title a { font-size: 20px; line-height: 28px; }

body.home .entry-title,
body.home .entry-title a,
body.page-template-template-home-fullwidth-php .entry-title,
body.page-template-template-home-fullwidth-php .entry-title a { font-size: 20px; line-height: 29px; }

#content .entry-title a:hover { background: transparent; border-bottom: 1px solid #c8c8c8; }

.entry-meta { font-size: 11px; line-height: 14px; color: #787a7b; text-transform: uppercase; margin-bottom: 15px; }
.entry-meta a { color: #787a7b; font-weight: normal;  border: 0; }
.entry-meta a:hover { color: #202222; border: none; }

body.single .post .entry-meta,
body.single .post .entry-meta a { font-size: 12px; }
body.single .post .entry-meta { margin-bottom: 30px; }
body.single .post .entry-footer,
body.single .post .entry-footer a { font-size: 11px; }

.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
.entry-content img {width:100%;}
.entry-content img[class*="align"],
.entry-content img[class*="wp-image-"] { height: auto; }

.post-thumb { position: relative; }
.post-thumb img {margin-bottom: 1em;}

.page-template-template-home-blog-php [role=main].post-thumb,
.archive [role=main].post-thumb { float: left; margin-right: 20px; }

.post-thumb a { display: block; border: 0; }
.post-thumb a img { -webkit-transition: opacity 150ms ease-in-out; -moz-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; }
.post-thumb a:hover img { opacity: 0.4; }
.post-thumb .format-icon { background: url(/wp-content/themes/occupy/images/format-icons.png) no-repeat; width: 26px; height: 26px; position: absolute; bottom: 10px; right: 10px; z-index: 99; } 
.post-thumb .format-icon.audio { background-position: -30px 0; }
.post-thumb .format-icon.video { background-position: -60px 0; }


/*-----------------------------------------------------------------------------------*/
/*  6. Feature Styles
/*-----------------------------------------------------------------------------------*/

#feature-wrapper { height: 400px; overflow: hidden; width: 100%; }

.feature { min-width: 960px; height: 400px; overflow: hidden; display: none; position: relative; }

#feature-wrapper.zilla-video,
#feature-wrapper.zilla-audio,
#feature-wrapper.zilla-video .feature,
#feature-wrapper.zilla-audio .feature { height: auto; }

.feature img { width: 100%; height: auto; vertical-align: bottom; }

.feature.dark { background: #2d2e2e; color: #fff; }
.feature.dark a { color: #fff; text-decoration: none; font-weight: normal; border: 0; }
.feature.dark a:hover{ color: rgba(250, 223, 63, 0.9) }

.feature.light { background: #aeaeae; color: #202222; }
.feature.light a { color: #202222; text-decoration: none; font-weight: normal; border: 0; }

.feature-content { position: absolute; top: 42%; left: 50%; width: 940px;	 height: 250px; margin-left: -460px; margin-top: -90px; }
.feature-content h1, 
.feature-content h2 { display: block; font-family: 'Bitter', serif; font-weight: bold; font-size: 34px; line-height: 44px; max-width: 450px; margin-left: 10px; }

.feature-content h2 a,
.feature-content h1 span { background: rgba(255,255,255,0.4); box-shadow: 10px 0 0 rgba(255,255,255,0.4), -10px 0 0 rgba(255,255,255,0.4); padding: 2px 0; font-weight: normal; }

.feature.dark .feature-content h2 a,
.feature.dark .feature-content h1 span { background: rgba(0,0,0,0.4); box-shadow: 10px 0 0 rgba(0,0,0,0.4), -10px 0 0 rgba(0,0,0,0.4); }
.feature.dark .feature-content h1 { color: #fff; }

.feature-content h1 { margin-bottom: .25em; }
.feature-content-meta { background: rgba(0,0,0,0.4); padding: 0 10px; float: left; font-weight: normal; }
.feature.light .feature-content-meta { background: rgba(255,255,255,0.4); }

.feature-content-meta span { text-transform: uppercase; font-size: 13px; }

.feature-links-meta { position: absolute; right: 0; bottom: -6.65em; text-align: right; }
.feature-links-meta a { text-transform: uppercase; font-size: 13px;	 display: block; padding: 0 .5em; background: rgba(0, 0, 0, 0.4); }
.feature-links-meta a:hover { color: #000; }
.feature-links-meta a:first-child { top: -1.15em; display: inline-block; padding: .25em .5em; font-size:1.5em; margin-bottom: .1em; }

.feature-credit { position: absolute; bottom: 20px; right: 15px; background: rgba(0,0,0,0.4); font-size: 10px; text-transform: uppercase; padding: 1px 10px; font-weight: normal; }

.feature .feature-credit a { font-weight: bold; border: 0; }
.feature.light .feature-credit,
.feature.light .feature-credit a { color: #202222; }
.feature.light .feature-credit { background: rgba(255,255,255,0.4); }

.feature-navigation { padding-top: 20px; clear: left; margin-left: 10px; }
.feature-navigation a { display: inline-block; width: 26px; height: 26px; border: 0; text-indent: -9999px; background: url(/wp-content/themes/occupy/images/feature-arrows.png) no-repeat 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.feature.dark .feature-navigation a { background-color: #fff; }
.feature.light .feature-navigation a { background-color: #202222; }
.feature.dark .feature-navigation .next { background-position: -30px 0; }
.feature.light .feature-navigation .prev { background-position: 0 -31px; }
.feature.light .feature-navigation .next { background-position: -30px -31px; }


/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.page-navigation,
.single-page-navigation { background: #fff url(/wp-content/themes/occupy/images/2col_back.png) repeat-y; border-top: 6px solid #242626; min-height: 60px; text-transform: uppercase; padding-top: 2em; line-height: 16px; }

.page-navigation .nav-next,
.single-page-navigation .nav-next { float: left; width: 45%; margin-left: 2em; }

.page-navigation .nav-previous,
.single-page-navigation .nav-previous { float: right; width: 45%; text-align: right; margin-right: 2em; }

.page-navigation a,
.single-page-navigation a { color: #787a7b; border: 0; font-size: 12px; position: relative; } 

.page-navigation a:hover,
.single-page-navigation a:hover { color: #202222; }

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active { padding: 4px 8px; margin: 2px; text-decoration: none; border: 1px solid #efefef; background: #fff; }
.wp-pagenavi a:hover { border: 1px solid #ddd; }
.wp-pagenavi span.pages { padding: 4px 8px; margin: 2px; border: 1px solid #efefef; background: #fff; }
.wp-pagenavi span.current { padding: 4px 8px; margin: 2px; font-weight: bold; border: 1px solid #ddd; background: #fafafa; }
.wp-pagenavi span.extend { padding: 4px 8px; margin: 2px; border: 1px solid #ddd; background-color: #FFFFFF; }


/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

footer { clear: both; background: #2d2e2e; color: #aeaeae; padding: 2em; text-transform: uppercase; font-size: .75em; }
footer > div {width: 920px; margin:0 auto;}
footer a { color: #fff; border: 0; font-weight: bold;}
footer p:first-child {margin-bottom: 0;word-wrap: break-word;}

/*-----------------------------------------------------------------------------------*/
/*	10.	Page & Page Templates
/*-----------------------------------------------------------------------------------*/

.archive-lists .children { margin-bottom: 0; }
.archive-lists ul { list-style: disc; margin: 10px 0 20px 20px; }

label.error { color: red; }

/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget { padding: 40px 0 35px 0; margin: 0 20px; background: url(/wp-content/themes/occupy/images/splitter.png) 19px top repeat-x; position: relative; }
.widget-title { position: absolute; top: 0px; left: 0; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #fff; background: #202222; padding: 1px 7px; font-family: "Helvetica Neue", Helvetica, Sans-serif; }

.widget ol { list-style-type: decimal; margin-bottom: 0; }
.widget ul { display: block; margin: 0 0 1em 0; list-style-type: none; }
.widget li { border-bottom: 1px solid #efefef; padding: 1em 0; }
.widget li:first-child { padding-top: 0; }
.widget li:last-child { border: none; padding-bottom: 0; }
.widget li a { border: 0; }
.widget li cite {display: block;font-style:normal; }
.widget li cite a { font-weight:normal;}

/* Search Widget --------------------------------------------------------*/

.widget_search #s { color: #999; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; }
.widget_search #s:focus { color: #333; border: 1px solid #B2B2B2; }
.widget_search form, .widget_search fieldset { margin: 0; }

/*-----------------------------------------------------------------------------------*/
/*	12.	IE Fixes
/*-----------------------------------------------------------------------------------*/

.ie body { overflow-x: hidden; }

body.ie8 .feature-content h1,
body.ie8 .feature-content h2 { margin-left: 0; }

body.ie8 .feature-content h2 a,
body.ie8 .feature-content h1 span { background: transparent url(/wp-content/themes/occupy/images/ie-light-bg.png) repeat; }

body.ie8 .feature.dark .feature-content h2 a,
body.ie8 .feature.dark .feature-content h1 span { background: transparent url(/wp-content/themes/occupy/images/ie-dark-bg.png) repeat; }

body.ie8 .feature-content-meta { padding: 0; }
body.ie8 .feature-content-meta { background: transparent url(/wp-content/themes/occupy/images/ie-dark-bg.png) 0 0 repeat; }

body.ie8 .feature.light .feature-content-meta { background: transparent url(/wp-content/themes/occupy/images/ie-light-bg.png) 0 0 repeat; }

.ie8 .feature.light .feature-credit { background: transparent url(/wp-content/themes/occupy/images/ie-light-bg.png) 0 0 repeat; }
.ie8 .feature-credit { background: transparent url(/wp-content/themes/occupy/images/ie-dark-bg.png) 0 0 repeat; }

/*----------------------------------------------------------------------------------*/
/*  13. Little screens
/*----------------------------------------------------------------------------------*/


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	body { -webkit-text-size-adjust: none; }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1000px) {

	/* debug only  - remove for prod 
	 .viewport_width::before { content: "max-width: 1000px"; background: red; } */

	html, body { overflow-x: hidden; }

	.inner,
	#content { width: 641px; }

	header { width: 600px; }

	body.page-template-template-full-width-php [role=main]{ width: 641px !important; }
	body.page-template-template-full-width-php .type-page { width: 601px; }
	body.home #content, body.page-template-template-home-fullwidth-php #content { background: url(/wp-content/themes/occupy/images/2col_back_single.png) repeat-y; }
	body.archive .post, body.page-template-template-home-blog-php .post {width:auto;}

	.hfeed {margin-bottom:2em;}

	.feature-content {height:auto;}
	.feature-links-meta {position: absolute; right: 0; top: 7em;text-align: left;font-size:.55em;}
	.feature-links-meta a:first-child {display:block;}

	/* nav stuff */
	aside { width: 100%;}
	aside .widget { padding: 0; margin: 0; background: none ;}
	aside .widget .widget-title {display:none;}
	aside .widget ul {display: none; margin-top:1em;background:#202222;padding:2em 3em;}
	aside .widget ul li {border-bottom:1px solid #000;text-transform:uppercase;font-size:.85em;}
	aside .widget ul li a {color:#FFF;}
	aside .widget ul li cite, aside .widget ul li cite a {color:#CCC;}

	aside .widget_text {margin: 1em;}

	.menu-dropdown {display: block; border:0; position: static; background: transparent url(/wp-content/themes/occupy/images/menu-icon.gif) 0 0 no-repeat; padding: .25em 0 1em 4em; margin: 0 1em;}

	#feature-wrapper { height: 400px; overflow: hidden; }
	#feature-wrapper .feature { min-width: 660px; height: 400px; }
	#feature-wrapper .feature-content { width: 600px; margin-left: -300px; }

	.page-navigation, .single-page-navigation { display:none; }

	.widget_search {display:none;}

	footer > div {width: auto;}


}

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

	/* debug only  - remove for prod 
	.viewport_width::before { content: "max-width: 660px"; background: red; }*/

	header {width:auto;}

	.inner,
	#content,
	[role=main]{ width: 100%; }

	#header .inner { width: auto; }

	.post, .type-page { width: auto; }

	body.archive [role=main].post-thumb, 
	body.page-template-template-home-blog-php [role=main].post-thumb { margin-right: 0; width: auto; }

	body.page-template-template-home-blog-php #content,
	body.page-template-template-full-width-php #content { background: url(/wp-content/themes/occupy/images/3col_back.png) repeat-y; }

	body.home #content, 
	body.page-template-template-home-fullwidth-php #content { background:url(/wp-content/themes/occupy/images/1col_back.png), url(/wp-content/themes/occupy/images/1col_back.png); background-position: left, right; background-repeat: repeat-y; }

	body.home .post, body.page-template-template-home-fullwidth-php .post {width: auto;}

	pre { margin: 20px 0; }
	blockquote { margin: 40px 0; padding: 0 10px 0 10px; }

	#content { background: url(/wp-content/themes/occupy/none); }

	.feature-links-meta {position: absolute; right: 0; top: 29em;text-align: left;font-size:.55em;}

	#feature-wrapper { height: 300px; overflow: hidden;	}
	#feature-wrapper .feature { min-width: 320px; height: 300px; }
	#feature-wrapper .feature-content { width: 300px; margin-left: -150px; margin-top: -90px; }
	#feature-wrapper .feature-content h1 { font-size: 2em; line-height: 1.25em; } 
	body.home #feature-wrapper .feature-content h1 { font-size: 2.5em; } 
	#feature-wrapper .feature-content h2,
	#feature-wrapper .feature-content h2 a { font-size: 22px; line-height: 32px; }

	.page-navigation, .single-page-navigation { width: auto; }

	.entry-title, .entry-title a { font-size: 20px; line-height: 29px; }

	.widget_search {display:none;}
	.widget_categoryposts > ul {display:none;}

	footer > div {width: auto;}

}

/* footnotes */
.footnotes { background: lightgrey; padding: 1em; margin-bottom: 1em; }

/* video stuff */
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; } 

/* contributors list */
.contributors-list { margin:0; padding:0; }
.contributors-list li { width: 100%; list-style-type:none; margin-bottom: 1em; padding-bottom:1em; border-bottom: 1px dotted lightgrey; } 
.contributors-list li:last-child { border-bottom: none; }
.contributors-list img { width:auto; float:left; margin-right:1em; }
.contributors-list p { margin:0; }

/* share this buttons */
.addthis_32x32_style { position:absolute; left:-4em; top:1.5em; }
.addthis_32x32_style a { display:block; margin-bottom: .5em; padding-bottom: .5em; }
.addthis_32x32_style a:last-child { border-bottom:none; }

a.pdf { padding: 3px 2px; height:32px; width:32px; display: block; margin-bottom: 6px; background:url(/wp-content/themes/occupy/images/icon-pdf.png) 2px 1px no-repeat; }
a.pdf:hover { opacity: .8; }

/* viewport width indicator */
.viewport_width::before { z-index: 10; display:block; position: absolute; top: 0; left: 0; padding: .5em; color: #fff; font-size: 200%; }

/* discus stuff */
#disqus_thread {margin: 0 20px;}

@media print {
	aside, #header, #feature-wrapper, .feature, .entry-content img, footer, .navigation, #disqus_thread {display:none;}
	.inner, #content, .post, [role=main] {width: 100%;}
}