/* reset */
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }

/* reasonable defaults */
a { font-style: inherit; }
strong, b { font-style: inherit; font-weight: bold; text-decoration: inherit; }
strong a { font-style: inherit; font-weight: bold; text-decoration: inherit; }
em, i { font-style: italic; font-weight: inherit; text-decoration: inherit; }
u { text-decoration: underline; }
pre { white-space: pre; font-family: monospace; }
abbr { border-bottom: 1px dotted #333; }

/* force a vertical scrollbar on firefox to avoid page-shifting */
html {
	overflow: -moz-scrollbars-vertical !important;
	-webkit-text-size-adjust: none;
}

html, body, input, select, textarea {
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 10pt;
}

body {
	background-color: white;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.clear {
	clear: both;
}

div#leftside {
	border-right: 1px solid #ccc;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	width: 275px;
}

/* keep a black background behind the scrolling itemhead_locked to avoid ugly
 * blinking white */
div#leftheadnoblink {
	background-color: black;
	height: 70px;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: -1;
}

div#lefthead {
	background-color: #333;
	/* background-image: url('/images/header.jpg'); */
	font-size: 8pt;
	color: #bbb;
	left: 0px;
	top: 0px;
	height: 50px;
	padding: 10px;
	width: 256px;
	position: fixed;
}
div#rightside_head {
	background-color: #333;
	display: none;
	padding: 3px 10px;
}

div#lefthead a,
div#rightside_head a {
	color: #bbb;
	font-weight: bold;
	text-decoration: none;
}

div#lefthead a#subscribe_button {
	display: block;
	float: right;
	font-size: 18pt;
	margin-right: 5px;
	margin-top: 10px;
	text-decoration: none;
	font-size: 18pt;
	padding-bottom: 4px;
	width: 30px;
	height: 25px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
}
div#lefthead a#subscribe_button:hover {
	background-color: white;
	color: #333;
}

div#lefthead h2,
div#rightside_head h2 {
	color: white;
	font-size: 16pt;
	font-weight: normal;
	padding: 0px;
	margin: 3px 0px;
}
div#lefthead h2 a,
div#rightside_head h2 a {
	color: white;
	font-weight: normal;
}

div#searchbar {
	background-color: #333;
	left: 0px;
	top: 65px;
	height: 0px;
	width: 325px;
	position: fixed;
	overflow: hidden;
	z-index: 2;

	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;

	-webkit-box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.75);
}
div#searchbar_contents {
	padding: 0px 10px 5px 10px;
	overflow: hidden; 
}
div#searchbar label {
	padding-left: 3px;
	font-size: 9pt;
	color: #ccc;
}
div#searchbar label.disabled {
	color: #888;
}
div#searchbar span#search_restrict_what {
	font-weight: bold;
}

div#searchbar input[type="search"] {
	width: 200px;
}
div#searchbar input[type="search"]:focus {
	border-color: rgba(225,225,225,.8);

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);

	-webkit-transition: -webkit-box-shadow 0.2s ease-out;
	-moz-transition: -moz-box-shadow 0.2s ease-out;
	-o-transition: border-color 0.2s ease-out;
}

div#layout_switcher {
	background-color: #fafafa;
	text-align: center;
	font-size: 8pt;
	margin-bottom: 1em;
}
div#layout_switcher a {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}

div#feedtree {
	background-color: #fafafa;
	position: absolute;
	top: 70px;
	bottom: 0px;
	left: 0px;
	right: -1px;
	overflow-y: scroll;
}

div#feedtree.dragging {
	bottom: 30px;
}

div#feedtree ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	list-style: none;
}

div#feedtree li.folder {
	padding: 0;
	font-size: 12pt;
	color: white;
}

div#feedtree a.foldername,
div#feedtree a.feedname {
	color: #e8e8e8;
	display: block;
	padding: 6px 10px;
	margin-right: 25px;
	text-decoration: none;
}

div#feedtree li.folder {
	background-color: #666;
	-webkit-transition: background-color 0.4s ease-out;
	-moz-transition: background-color 0.4s ease-out;
	-o-transition: background-color 0.4s ease-out;
}
div#feedtree li.folder:hover {
	background-color: #6f6f6f;
}

div#feedtree li.folder ul {
	background-color: #fafafa;
}
div#feedtree li.folder div.outliner {
	border-bottom: 1px solid #777;
}
div#feedtree a.feedname {
	color: #303030;
	text-indent: -1em;
	margin-left: 1em;
	padding: 1px 5px 2px 3px;
	text-decoration: none;
}

div#feedtree li.folder ul {
	padding-top: 8px;
}

div#feedtree li.folder.collapsed ul {
	display: none;
}

div#feedtree li.feed {
	background-image: url(/favicons-static/default.icon);
	background-repeat: no-repeat;
	background-position: 11px 4px;
	background-size: 16px 16px;
	border-bottom: 1px solid transparent;
	font-size: 9.5pt;
	min-height: 16px;
	margin-left: 0px;
	padding: 3px 0px 1px 34px;
	margin-top: 0;
	color: #303030;
}
div#feedtree li.feed.twitter {
	background-image: url(/favicons-static/twitter.icon);
}

div#feedtree li.ulined_for_drag {
	border-bottom: 1px solid gray;
}

div#feedtree li.folder a.feedname {
	line-height: 16px;
}

div#feedtree li.folder.unread a.foldername,
div#feedtree li.feed.unread a.feedname {
	font-weight: bold;
}
div#feedtree li.folder.unread a.foldername {
	color: white;
}

div#feedtree li.feed.treecur {
	background-color: #fef9b0;
}
div#feedtree li.folder.treecur {
	background-color: gray;
}


div.unread_badge {
	float: right;
	display: block;
	margin-top: 5px;
	margin-right: 8px;
}
li.feed div.unread_badge {
	margin-top: 0px;
}
div.unread_badge a {
	background-color: transparent;
	color: transparent;
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	font-size: 8pt;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}

li.folder.unread div.unread_badge a {
	background-color: #fafafa;
	color: #666;
}
li.feed div.unread_badge a {
	color: transparent !important;
}
li.feed.unread div.unread_badge a {
	background-color: #666;
	color: white !important;
}

div.unread_badge a.spinner {
	background-image: url('/images/spinner.gif') !important;
	background-repeat: no-repeat;
	background-position: center 2px;
	color: transparent !important;
}

div.unread_badge a:hover {
	background-color: white;
	background-repeat: no-repeat;
	color: transparent !important;
	/* minus icon */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAYAAABllJ3tAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sLBRU5DZ77F/MAAAAidEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOHqHdDAAAAE0lEQVQI12Nsbm7+z4AHMDEQAACgyAKMXWhCiQAAAABJRU5ErkJggg==');
	background-position: center center;
	background-size: 8px 2px;
}

li.folder.collapsed div.unread_badge a:hover {
	background-color: white;
	background-repeat: no-repeat;
	color: transparent;
	/* plus icon */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sLBRU5MMaTW+IAAAAidEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOHqHdDAAAANUlEQVQY02NkQALNzc3/oUzG2tpaBgYGBgYmBgKAoAJGJGPJM4GFgYGBEYkPdyQDOoNsXwAAiDoLmSCVYF0AAAAASUVORK5CYII=');
	background-position: center center;
	background-size: 8px 8px;
}

li.feed div.unread_badge a:hover {
	background-color: white !important;
	background-repeat: no-repeat;
	color: transparent !important;
	/* settings icon */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAFXSURBVCjPTdG9TpNxHMXxz78vUGmIAcU2AcREZHFg6OBmwiAmvQIGb8PB2cHEi9DZxEEHRoxEFyDG0QGTutAoxgaspU9tn/4cCsGznOQkJzk53xQu9T3acjU302VWmFg/8hCHrlnwUcQwTs6bJWhFW9Iw0hcqMm/9dic2EikcxYkFx9oGluS+YMUte67bSCVGjjBQVzSQrMv0fbWjiRQ4jFN9uY6WsjUlf/VctZlIB3EmU9P1S8tDBR8sCbN2cUWp464fOqa1Na0lKvHOomP3LHqqMJQZyY3NKoOxoVxuoOtM6Y83qtb1rNhTiLEdywaKXhm5MRn5KTqGyopaRpblenqqthIFPseBeWVTqm5bNatixqptr4MSY3VVB77JPTD2UkVD3bxswqKRMs/se2LGtCllz+16rOZROmexle7HnIqRU12ZOS/8tJJcPHmh97FtaFPzP9z/ABOyhnPHp5urAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTExLTA2VDEyOjE1OjE4LTA2OjAwWsZbdAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0xMS0wNlQxMjoxNToxOC0wNjowMCub48gAAAAASUVORK5CYII=');
	background-position: 100% center;
	background-size: 16px 16px;
}

div#feedtree_sad {
	background-color: #f4f4f4;
	border: 3px solid #ccc;
	color: #555;
	line-height: 1.5em;
	padding: 10px;
	margin: 25px 15px;
	text-align: center;
}
div#feedtree_sad a {
	color: #3672cb;
	text-decoration: underline;
}
div#feedtree_sad p {
	line-height: 1.5em;
	margin-top: 2em;
}


div#rightside {
	margin-left: 276px;
}

div#rightside_head {
	display: none;
}

div.itemhead a.breadcrumb {
	color: gray;
	text-decoration: none;
}

div#itemhead_locked,
div#itemhead_staging {
	position: fixed;
	top: 0px;
	left: 276px;
	right: 0px;
}

div#itemhead_locked,
div#itemhead_staging,
div.itemhead {
	background-color: black;
	padding: 8px 10px 5px 15px;
	font-size: 10pt;
	color: #666;
	min-height: 57px;
	z-index: 7;
}
div#itemhead_staging {
	top: -70px;
}

div.itemhead div.avatar {
	padding-top: 9px;
}

div.itemhead_icons {
	float: right;
	margin-right: 13px;
}
div.itemhead_icons div.saved_toggler {
	background-image: url('/images/sprites.png');
	background-position: -16px 0px;
	height: 18px;
	float: right;
	cursor: pointer;
	width: 15px;
}
div.itemhead div.itemhead_icons div.saved_toggler:hover,
div.itemhead.saved div.itemhead_icons div.saved_toggler {
	background-image: url('/images/sprites.png');
	background-position: 0px 0px;
}

div.itemhead_icons div.star_toggler {
	background-image: url('/images/sprites.png');
	background-position: -32px -2px;
	cursor: pointer;
	float: right;
	height: 18px;
	margin-right: 4px;
	width: 15px;
}
div.itemhead div.itemhead_icons div.star_toggler:hover,
div.itemhead.starred div.itemhead_icons div.star_toggler {
	background-image: url('/images/sprites.png');
	background-position: -48px -2px;
}

div.itemhead_icons div.instapaper_toggler {
	background-image: url('/images/sprites.png');
	background-position: -112px 0px;
	cursor: pointer;
	float: right;
	height: 18px;
	margin-right: 4px;
	width: 16px;
}
div.itemhead div.itemhead_icons div.instapaper_toggler:hover {
	background-image: url('/images/sprites.png');
	background-position: -96px 0px;
}

div.itemhead span.feedtitle,
div.itemhead span.itembyline {
	color: #aaa;
}
div.itemhead span.itembyline {
	font-size: 9.5pt;
}
div.itemhead span.feedtitle,
div.itemhead span.feedtitle a {
	color: #eee;
	font-weight: bold;
	text-decoration: none;
}

div.itemhead div.itemtitle {
	color: white;
	line-height: 1em;
	font-weight: normal;
	font-size: 14pt;
	padding: 0px;
	padding-top: 7px;
	margin: 0px;
	white-space: nowrap;
}

div.itemhead h3 {
	display: inline;
}

div.itemhead div.itemtitle a {
	color: white;
}

div#itemhead_locked.old,
div#itemhead_staging.old,
div.itemhead.old {
	background-color: #292929;
}

/* twitter */

div#itemhead_locked.itemhead_twitter,
div#itemhead_staging.itemhead_twitter,
div.itemhead.itemhead_twitter {
	padding: 1px 15px 3px 13px;
	min-height: 66px;
	margin-bottom: 10px;
	overflow: clip;
}


div#itemhead_locked.itemhead_twitter,
div#itemhead_staging.itemhead_twitter,
div.itemhead.itemhead_twitter {
	background-color: #4c7d9c;
}

div.itemhead.itemhead_twitter div.itemtitle {
	padding-top: 5px;
	color: white;
}
div.itemhead.itemhead_twitter div.itemtitle a {
	text-decoration: none;
}

div.itemhead.itemhead_twitter h3 {
	color: #ddd;
	font-weight: normal;
	font-style: italic;
	font-size: 9.5pt;
	padding-left: 5px;
}

div.itemhead.itemhead_twitter div.twitter_tweet_length {
	background-color: transparent;
	font-size: 10pt;
	margin-right: 3px;
	margin-top: 1px;
	padding: 0px 5px;
	position: absolute;
	right: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
div.itemhead.itemhead_twitter div.twitter_tweet_length.gettingclose {
	background-color: #e98252;
}
div.itemhead.itemhead_twitter div.twitter_tweet_length.toolong {
	background-color: red;
}

div.itemhead.itemhead_twitter span.twitter_cancel_dm a {
	font-size: 9pt;
	padding-left: 1em;
	color: white;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

div.twitter_status_form {
	padding-top: 1px;
	margin-left: 58px;
}

div.twitter_status_form input[type=text] {
	font-size: 10pt;
	padding: 6px;
	padding-right: 83px;
	border: 1px solid #3f6884;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	position: relative;
	display: block;
	left: 0px;
	width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
}
div.twitter_status_form input[type=text]:focus {
	border-color: rgba(160,160,160,.8);
	color: #303030;
	outline: 0;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
}


div.twitter_status_form input.twitter_tweet_button {
	padding: 5px 10px 5px 10px;
	line-height: 14px;
}

textarea.twitter_tweet_status {
	width: calc(100% - 90px);
	height: 2em;
	font-size: 9pt;
}


div.twitter_status_form input.twitter_tweet_button:disabled {
	background-color: #e9e9e9; 
	color: gray;
}

div.item_twitter {
	border-left: 2px solid transparent;
	margin-left: 5px;
}
div.item_twitter.curitem {
	border-left: 2px solid #3672cb;
}

div.twitter_content {
	padding: 13px 3px 13px 0px;
	margin: 0px 3px 0px 3px;
}
div.twitter_content.mentioned {
	background-color: #feffc9;
}
div.twitter_content.follow_request,
div.twitter_content.follow_notice {
	background-color: #dcf9ee;
}
div.twitter_content.dm {
	background-color: #e0e2fc;
}
div.twitter_content.unfollow_notice {
	background-color: #f8ddde;
}
div.twitter_content.from_search {
	background-color: #edfffa;
}

div.avatar {
	float: left;
	padding-right: 10px;
}
div.twitter_content div.avatar {
	margin-left: 3px;
}
div.twitter_actions {
	float: right;
	margin-right: 13px;
}
div.replysprite {
	background-image: url('/images/sprites.png');
	background-position: -64px 0px;
	cursor: pointer;
	float: right;
	height: 16px;
	width: 16px;
}
div.favoritesprite {
	background-image: url('/images/sprites.png');
	background-position: -82px -2px;
	cursor: pointer;
	float: right;
	height: 16px;
	width: 14px;
	margin-top: 0.2em;
}
div.retweetsprite {
	background-image: url('/images/sprites.png');
	background-position: -96px 0px;
	cursor: pointer;
	float: right;
	height: 16px;
	width: 14px;
}

div.twitter_tweet {
	margin-left: 62px;
	margin-top: -3px;
	margin-right: 20px;
}
div.twitter_tweet_quoted {
	outline: 1px solid #ccc;
	margin: 0.5em 1em 0.5em 0.5em;
	padding: 0.5em 0.75em;
}
div.twitter_tweet p {
	padding-top: 0.5em;
	margin-bottom: 0;
}
span.twitter_realname {
	font-size: 11pt;
	font-weight: bold;
}
span.twitter_realname a {
	color: #303030;
	font-weight: bold;
	text-decoration: none;
}
span.twitter_username,
span.twitter_retweeted,
span.twitter_via_search {
	line-height: 11pt;
	font-size: 9.5pt;
	color: gray;
}
span.twitter_retweeted a {
	font-weight: bold;
	color: gray;
	text-decoration: none;
}
span.twitter_tweet_text {
	color: #303030;
	font-size: 11pt;
	line-height: 1.4em;
	padding-right: 1em;
}
span.twitter_tweet_text a {
	color: #3672cb;
}
span.twitter_tweet_text a:visited {
	color: #6379a6;
}
span.twitter_date, span.twitter_via, span.twitter_reply_to {
	color: #888;
	font-size: 9.5pt;
}
span.twitter_date a, span.twitter_via a, span.twitter_reply_to a {
	color: #888;
	text-decoration: none;
}

hr.twitter_sep {
	border: 0px;
	color: gray;
	background-color: #bbb;
	height: 1px;
	margin: 0px 6px;
	padding: 0px;
}


/* packages */

div.itemhead_package div.itemtitle span.itemdelivered {
	color: #eee;
	font-style: italic;
}

div#itemhead_locked.itemhead_package_ups,
div#itemhead_staging.itemhead_package_ups,
div.itemhead.itemhead_package_ups {
	background-color: #644117 !important; /* pullman brown! */
	color: #bbb;
}
div#itemhead_locked.itemhead_package_ups a,
div#itemhead_staging.itemhead_package_ups a,
div.itemhead.itemhead_package_ups a {
	color: #fdbf53 !important; /* ups gold */
}

div#itemhead_locked.itemhead_package_fedex,
div#itemhead_staging.itemhead_package_fedex,
div.itemhead.itemhead_package_fedex {
	background-color: #4d148c !important; /* purple */
	color: white !important;
}
div#itemhead_locked.itemhead_package_fedex a,
div#itemhead_staging.itemhead_package_fedex a,
div.itemhead.itemhead_package_fedex a {
	color: white !important;
}

div#itemhead_locked.itemhead_package_usps,
div#itemhead_staging.itemhead_package_usps,
div.itemhead.itemhead_package_usps {
	color: #bbb;
	background-color: #015b9a !important; /* blue */
}
div#itemhead_locked.itemhead_package_usps a,
div#itemhead_staging.itemhead_package_usps a,
div.itemhead.itemhead_package_usps a {
	color: white !important;
}


div.more_loader {
	background-color: #eaeaea;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 5px;
	padding: 5px;
}
div.more_loader a {
	color: #666;
	text-decoration: none;
}

div.mark_read {
	text-align: center;
	margin-bottom: 2.5em;
	margin-top: 2.5em;
	display: none;
}

/* content styling */

div.item div.itemcontent {
	color: #303030;
	font-size: 9.5pt;
	line-height: 1.5em;
	margin-left: 5px;
	padding: 15px 15px 0px 8px;
}

div.item div.itemcontent blockquote {
	line-height: 1.5em;
	margin: 1.25em;
}

div.item div.itemcontent h1,
div.item div.itemcontent h2,
div.item div.itemcontent h3,
div.item div.itemcontent h4,
div.item div.itemcontent h5,
div.item div.itemcontent h6 {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.item div.itemcontent h1 {
	font-size: 13pt;
}
div.item div.itemcontent h2 {
	font-size: 12pt;
}
div.item div.itemcontent h3 {
	font-size: 11pt;
}

div.item div.itemcontent img {
	max-width: 100%;
}

div.item div.itemcontent p {
	line-height: 1.5em;
	margin-top: 1em;
}
div.item div.itemcontent p:nth-of-type(1) {
	margin-top: 0;
}

div.item div.itemcontent ul {
	list-style: disc;
	margin-bottom: 1em;
}
div.item div.itemcontent ol {
	list-style: decimal;
	margin-bottom: 0.5em;
}
div.item div.itemcontent li {
	margin-left: 1.5em;
	margin-top: 0.75em;
	line-height: 1.5em;
}

div.item div.itemcontent a {
	color: #3672cb;
	text-decoration: underline;
}
div.item div.itemcontent a:visited {
	color: #6379a6;
}

div#items {
	padding-bottom: 10em;
}

div#items div.clear {
	padding-bottom: 25px;
}


/* subscribing */
div.new_subscription_row {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin-bottom: 1em;
}
div.new_subscription_row.light {
	background-color: #f6f6f6;
}
div.new_subscription_row.dark {
	background-color: #e9e9e9;
}
div.new_subscription_row.already_subscribed {
}


/* for flash_notices() and flash_errors() */
div.flash-error,
div.flash-notice,
div.flash-success {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	color: white;
	background-color: #eedc94;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	background-image: linear-gradient(top, #fceec1, #eedc94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #eedc94 #eedc94 #e4c652;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
div.flash-error a,
div.flash-notice a,
div.flash-success a {
	font-weight: bold;
	color: #404040;
}
div.flash-error p a,
div.flash-notice p a,
div.flash-success p a {
	color: #ffffff;
}
div.flash-error p,
div.flash-notice p,
div.flash-success p {
	margin-bottom: 0;
}
div.flash-error div,
div.flash-notice div,
div.flash-success div {
	margin-top: 5px;
	margin-bottom: 2px;
	line-height: 28px;
}
div.flash-error {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
div.flash-success {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
div.flash-notice {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

div#flasher {
    position: fixed;
    top: -40px;
	right: 0px;
	left: 325px;
	text-align: center;
	z-index: 15;
	height: 1px;
}
div#flasher div.flash-error, 
div#flasher div.flash-notice, 
div#flasher div.flash-success {
	line-height: 1.5em;
	display: inline-block;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
div#flasher span#flashcontent {
}


/* for error_messages_for() */
div.fieldWithErrors {
	display: inline;
}


/* modal confirm() */
div.modal_confirm {
	background-color: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	z-index: 20;
}
div.modal_confirm_wrapper {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	z-index: 21;
}
div.modal_confirm_content {
	background-color: white;
	color: #333;

	padding: 15px;

	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: center;
	margin-top: 150px;
	width: 35%;
	z-index: 22;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}
div.modal_confirm_content div.modal_confirm_buttonbar {
	margin-top: 1em;
}
div.modal_confirm_content div.modal_confirm_buttonbar input.default_button {
	font-weight: bold;
}


/* data tables */

table.data {
	font-size: 9.5pt;
}
table.data caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 3px;
}
table.data .capright {
	float: right;
}

table.data th {
	background-color: #eaeaea;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	font-weight: bold;
	padding: 4px 3px;
	text-align: left;
	vertical-align: bottom;
}
table.data th img {
	vertical-align: middle;
	margin-bottom: 5px;
}

table.data th.r, table.data td.r {
	text-align: right;
	padding-right: 3px;
}

table.data td {
	padding: 5px 3px;
	line-height: 1.5em;
	vertical-align: top;
}

table.data tr.row0 td {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eaeaea;
}
table.data tr.row1 td {
	background-color: #f5f5f5;
	border-bottom: 1px solid #eaeaea;
}
table.data tr.nobottom td {
	border-bottom: 0px;
	padding-bottom: 0px;
}

table.data tr.void td, table.data tr.void td a {
	text-decoration: line-through;
	color: gray !important;
}


/* boxes */
.box {
	background-color: #fcfcfc;
	border: 1px solid #cacaca;
	padding: 4px 8px 8px 8px;
	line-height: 1.5em;
}
.box.noborder {
	border: 0px;
	background-color: white;
}
.box legend {
	border: 2px solid gray;
	background-color: white;
	padding: 4px 8px;
	font-weight: bold;
}
.box .boxtitle {
	background-color: #f0f0f0;
	border-bottom: 1px solid #cacaca;
	display: block;
	font-weight: bold;
	margin: -3px -7px 4px -7px;
	padding: 3px 5px 3px 5px;
}

.box label {
	color: #303030;
	float: left;
	line-height: 1em;
	text-align: right;
	padding: 1px 10px 5px 0px;
	width: 150px;
}
.box label.required {
	font-weight: bold;
}
.box.boldlabels label {
	font-weight: bold;
}
.box label.norm {
	display: inline;
	float: none;
	vertical-align: top;
}

.box img {
	vertical-align: middle;
}
.box br {
	clear: left;
}
.box br.norm {
	clear: none;
}
.box textarea {
	margin-bottom: 4px;
}

.hint {
	color: gray;
	font-style: italic;
	font-size: 9.5pt;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: -2.3em;
}

.box label,
.box span,
.box select,
.box br,
.box .d {
	line-height: 2.5em;
}

.box .d {
	padding-top: 1px;
	margin-bottom: -2.5em;
	line-height: 2.5em;
}

.box div.d, .box .hint {
	margin-left: 160px;
}



/* default form styling */

input,
select,
textarea {
	color: #555;
	line-height: 1em;
	padding: 4px 4px 5px 4px;
	margin-top: 4px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea {
	border: 1px solid #ccc;
}
input[type="checkbox"] {
	margin-top: 10px;
}
select {
	border: 1px solid #ccc;
}
input:focus,
textarea:focus {
	border-color: rgba(160,160,160,.8);
	color: #303030;
	outline: 0;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);

	-webkit-transition: -webkit-box-shadow 0.2s ease-out;
	-moz-transition: -moz-box-shadow 0.2s ease-out;
	-o-transition: border-color 0.2s ease-out;
}
table.package_progress {
	width: 85%;
}

input ::-webkit-input-placeholder {
	color: gray;
	font-style: italic;
}
input:-moz-placeholder {
	color: gray;
	font-style: italic;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #f0f0f0;
	line-height: 1.5em;
	padding-bottom: 8px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;

	color: #303030;
	border-color: #ddd;
	border-bottom: 2px solid rgba(22,22,22,0.25); 
	border-right: 2px solid rgba(22,22,22,0.25); 
	box-shadow: 0pt 2px 0pt rgba(255, 255, 255, 0.2) inset, 0pt 2px 0px rgba(0, 0, 0, 0.05);
}

select {
	margin-top: 3px;
	min-width: 100px;
}
select:focus {
	border-color: rgba(160,160,160,.8);
	color: #303030;
	outline: 0;

	-webkit-transition: border-color 0.2s ease-out;
	-moz-transition: border-color 0.2s ease-out;
	-o-transition: border-color 0.2s ease-out;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(160,160,160,.6);
}
select::-moz-focus-inner {
	border: 0;
	outline: 0;
}

div.fieldWithErrors input[type="text"],
div.fieldWithErrors input[type="password"] {
	border: 1px solid red;
	-webkit-box-shadow: inset 0 1px 3px rgba(255,0,0,.5);
	-moz-box-shadow: inset 0 1px 3px rgba(255,0,0,.5);
	box-shadow: inset 0 1px 3px rgba(255,0,0,.5);
}
div.fieldWithErrors input:focus {
	border-color: rgba(255,0,0,.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(255,0,0,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(255,0,0,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 6px rgba(255,0,0,.6);
}

input:disabled {
	background-color: #e9e9e9; 
	color: gray;
}



/* login */
body.login, body.static {
	background-color: black;
	background-image: url('/images/denim-tile.jpg');
}
div#loginsquareholder {
	color: #eee;
	margin: 150px auto 50px auto;
	width: 450px;
	position: relative;
	overflow: hidden;
}
div#loginsquaretrans {
	background-color: #111;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1000px;
	z-index: -1;
}
div#loginsquare {
	padding-top: 50px;
	position: relative;
	padding-bottom: 50px;
	background-color: transparent;
	opacity: 1.0;
	z-index: 2;
}
div#loginbuttons {
	margin-left: 145px;
}

div#loginsquare label {
	color: #eee;
	width: 135px;
}
div#loginsquare p#signuptext {
	margin: 20px 50px;
	line-height: 1.5em;
}
div#loginsquare h1 {
	text-align: center;
	font-size: 16pt;
	font-weight: normal;
	padding: 0px;
	margin-bottom: 35px;
}
div#loginsquare h1 a {
	text-decoration: none;
	color: #eee;
}

div#loginsquare div.flash-error,
div#loginsquare div.flash-notice,
div#loginsquare div.flash-success {
	margin-left: 20px;
	margin-right: 20px;
}


/* static */
div#staticsquare {
	background-color: #fdfdfd;
	width: 775px;
	margin: 50px auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
		
div#staticsquarecontent {
	color: #303030;
	padding: 2em 2em 1em 2em;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 11pt;
}

div#staticsquarecontent a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

div#staticsquarecontent p {
	margin-bottom: 1em;
	line-height: 2em;
}

div#staticsquarecontent form {
	margin-top: -1em;
}

div#staticsquarecontent small {
	font-size: 9pt;
	color: gray;
}


@media only screen and (max-width: 1024px) {
	div#leftside {
		width: 225px;
	}
	div#lefthead {
		width: 206px;
	}
	div#rightside {
		margin-left: 226px;
	}
	div#itemhead_locked,
	div#itemhead_staging {
		left: 226px;
	}
}

@media only screen and (max-width: 480px) {
	div#rightside_head {
		display: block;
	}
	body.tree div#rightside_head {
		display: none;
	}

	div#leftside {
		border-right: 0;
		display: none;
		position: static;
		width: auto;
	}
	body.tree div#leftside {
		display: block;
	}
	div#lefthead {
		position: static;
		width: auto;
	}
	div#leftheadnoblink {
		display: none;
	}
	div#lefthead h3 {
		font-size: 14pt;
	}
	div#lefthead h3 a {
		color: white;
		text-decoration: none;
	}
	div#mobileheader div#mobileheaderright {
		color: #bbb;
		float: right;
		line-height: 16pt;
	}
	div#mobileheader div#mobileheaderright a {
		color: #bbb;
		text-decoration: none;
		font-weight: bold;
	}

	div#feedtree a.foldername,
	div#feedtree a.feedname {
		padding: 8px 10px;
	}
	div#feedtree {
		position: static;
		top: 0px;
		overflow-y: auto;
	}
	div#feedtree a.feedname {
		text-indent: 0;
		margin-left: 0;
	}
	div#feedtree li.feed {
		background-position: 11px 12px;
	}
	li.feed div.unread_badge {
		margin-top: 5px;
	}
	div#rightside {
		margin-left: 0px;
	}
	div.itemhead {
		padding: 8px 10px 5px 10px;
	}
	div.itemhead span.itembyline {
		font-size: 8.5pt;
		display: block;
	}

	div.itemhead div.itemtitle {
		font-size: 11pt;
		white-space: normal;
		line-height: 1.2em;
		padding-top: 3px;
		padding-bottom: 4px;
	}

	div#itemhead_locked,
	div#itemhead_staging {
		display: none;
	}

	div.itemhead div.itemtitle a {
		font-weight: bold;
	}
	div#itemhead_locked.itemhead_twitter,
	div#itemhead_staging.itemhead_twitter,
	div.itemhead.itemhead_twitter {
		overflow: visible;
	}
	div.twitter_status_form textarea {
		font-size: 10pt;
		padding: 6px;
		border: 1px solid #3f6884;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;

		width: 220px;
	}
	div.twitter_status_form input.twitter_tweet_button {
		display: block;
		position: static;
		z-index: auto;

		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}

	div.twitter_tweet img {
		max-width: 100%;
	}

	div#items {
		padding-bottom: 0px;
	}
	.box label {
		display: block;
		float: none;
		text-align: left;
	}
	.box div.d,
	.box .hint {
		clear: both;
		margin-left: 0px;
	}

	input,
	select,
	textarea {
		max-width: 275px;
	}

	table.package_progress {
		width: 100%;
	}

	div.mark_read {
		display: block;
	}

	body.login div#loginsquareholder {
		margin-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
		width: 205px;
	}
	body.login div#loginsquare {
		padding-top: 25px;
	}
	body.login div#loginbuttons {
		margin-top: 0.5em;
		margin-left: 0px;
		text-align: center;
	}
	body.login div#loginsquare label {
		line-height: 1em;
		text-align: left;
		display: block;
		float: none;
		margin-top: 1em;
	}
	body.login div#loginsquare label.norm {
		line-height: 2.7em;
		display: inline;
	}

	body.login div#loginsquare p#signuptext {
		margin: 1em 0px;
		text-align: center;
	}
}