+
name; ?>
+
+
+
+
+
FEATURED
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ →' ); ?>
+
+
+
+
Filed under:
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/960.css b/css/960.css
new file mode 100644
index 000000000..46f595c96
--- /dev/null
+++ b/css/960.css
@@ -0,0 +1,575 @@
+/*
+ 960 Grid System ~ Core CSS.
+ Learn more ~ http://960.gs/
+
+ Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+ margin-left: auto;
+ margin-right: auto;
+ width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+ display: inline;
+ float: left;
+ position: relative;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+ width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+ width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+ width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+ width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+ margin-left: 0;
+}
+
+.omega {
+ margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+ width: 60px;
+}
+
+.container_12 .grid_2 {
+ width: 140px;
+}
+
+.container_12 .grid_4 {
+ width: 300px;
+}
+
+.container_12 .grid_5 {
+ width: 380px;
+}
+
+.container_12 .grid_7 {
+ width: 540px;
+}
+
+.container_12 .grid_8 {
+ width: 620px;
+}
+
+.container_12 .grid_10 {
+ width: 780px;
+}
+
+.container_12 .grid_11 {
+ width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+ width: 40px;
+}
+
+.container_16 .grid_2 {
+ width: 100px;
+}
+
+.container_16 .grid_3 {
+ width: 160px;
+}
+
+.container_16 .grid_5 {
+ width: 280px;
+}
+
+.container_16 .grid_6 {
+ width: 340px;
+}
+
+.container_16 .grid_7 {
+ width: 400px;
+}
+
+.container_16 .grid_9 {
+ width: 520px;
+}
+
+.container_16 .grid_10 {
+ width: 580px;
+}
+
+.container_16 .grid_11 {
+ width: 640px;
+}
+
+.container_16 .grid_13 {
+ width: 760px;
+}
+
+.container_16 .grid_14 {
+ width: 820px;
+}
+
+.container_16 .grid_15 {
+ width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+ padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+ padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+ padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+ padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+ padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+ padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+ padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+ padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+ padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+ padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+ padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+ padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+ padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+ padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+ padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+ padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+ padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+ padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+ padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+ padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+ padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+ padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+ padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+ padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+ padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+ padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+ padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+ padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+ padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+ padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+ padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+ padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+ padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+ padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+ padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+ padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+ padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+ padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+ padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+ padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+ padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+ padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+ padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+ padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+ padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+ padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_3,
+.container_16 .push_4 {
+ left: 240px;
+}
+
+.container_12 .push_6,
+.container_16 .push_8 {
+ left: 480px;
+}
+
+.container_12 .push_9,
+.container_16 .push_12 {
+ left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_1 {
+ left: 80px;
+}
+
+.container_12 .push_2 {
+ left: 160px;
+}
+
+.container_12 .push_4 {
+ left: 320px;
+}
+
+.container_12 .push_5 {
+ left: 400px;
+}
+
+.container_12 .push_7 {
+ left: 560px;
+}
+
+.container_12 .push_8 {
+ left: 640px;
+}
+
+.container_12 .push_10 {
+ left: 800px;
+}
+
+.container_12 .push_11 {
+ left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .push_1 {
+ left: 60px;
+}
+
+.container_16 .push_2 {
+ left: 120px;
+}
+
+.container_16 .push_3 {
+ left: 180px;
+}
+
+.container_16 .push_5 {
+ left: 300px;
+}
+
+.container_16 .push_6 {
+ left: 360px;
+}
+
+.container_16 .push_7 {
+ left: 420px;
+}
+
+.container_16 .push_9 {
+ left: 540px;
+}
+
+.container_16 .push_10 {
+ left: 600px;
+}
+
+.container_16 .push_11 {
+ left: 660px;
+}
+
+.container_16 .push_13 {
+ left: 780px;
+}
+
+.container_16 .push_14 {
+ left: 840px;
+}
+
+.container_16 .push_15 {
+ left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_3,
+.container_16 .pull_4 {
+ left: -240px;
+}
+
+.container_12 .pull_6,
+.container_16 .pull_8 {
+ left: -480px;
+}
+
+.container_12 .pull_9,
+.container_16 .pull_12 {
+ left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_1 {
+ left: -80px;
+}
+
+.container_12 .pull_2 {
+ left: -160px;
+}
+
+.container_12 .pull_4 {
+ left: -320px;
+}
+
+.container_12 .pull_5 {
+ left: -400px;
+}
+
+.container_12 .pull_7 {
+ left: -560px;
+}
+
+.container_12 .pull_8 {
+ left: -640px;
+}
+
+.container_12 .pull_10 {
+ left: -800px;
+}
+
+.container_12 .pull_11 {
+ left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .pull_1 {
+ left: -60px;
+}
+
+.container_16 .pull_2 {
+ left: -120px;
+}
+
+.container_16 .pull_3 {
+ left: -180px;
+}
+
+.container_16 .pull_5 {
+ left: -300px;
+}
+
+.container_16 .pull_6 {
+ left: -360px;
+}
+
+.container_16 .pull_7 {
+ left: -420px;
+}
+
+.container_16 .pull_9 {
+ left: -540px;
+}
+
+.container_16 .pull_10 {
+ left: -600px;
+}
+
+.container_16 .pull_11 {
+ left: -660px;
+}
+
+.container_16 .pull_13 {
+ left: -780px;
+}
+
+.container_16 .pull_14 {
+ left: -840px;
+}
+
+.container_16 .pull_15 {
+ left: -900px;
+}
\ No newline at end of file
diff --git a/css/foundation.css b/css/foundation.css
new file mode 100755
index 000000000..2ec3304e0
--- /dev/null
+++ b/css/foundation.css
@@ -0,0 +1,3541 @@
+/* foundation.css contains a reset, font normalization and base styles. */
+
+/**
+ * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
+ * html5doctor.com/html-5-reset-stylesheet/
+ */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+blockquote, q { quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content: ""; content: none; }
+
+ins { background-color: #ff9; color: #000; text-decoration: none; }
+
+mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+
+input, select { vertical-align: middle; }
+
+/* font normalization */
+body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
+
+table { font-size:inherit; font:100%; }
+
+select, input, textarea, button { font:99% sans-serif; }
+
+/* normalize monospace sizing */
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+/*
+ * minimal base styles
+ */
+
+/* Always force a scrollbar in non-IE */
+html { overflow-y: scroll; }
+
+body, select, input, textarea { color:#444; }
+
+a:hover, a:active { outline: none; }
+
+ul, ol {list-style: none;}
+
+small { font-size:85%; }
+strong, th { font-weight: bold; }
+
+td, td img { vertical-align:top; }
+
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+pre {
+ /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+ white-space: pre; white-space: pre-wrap; word-wrap: break-word;
+ padding: 15px;
+}
+
+textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+.ie6 legend, .ie7 legend { margin-left: -7px; }
+
+/* checkboxes */
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+
+/* hand cursor on clickable input elements */
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+/* webkit browsers add a 2px margin outside the chrome of form elements */
+button, input, select, textarea { margin: 0; }
+
+/* colors for form validity */
+input:valid, textarea:valid { }
+input:invalid, textarea:invalid {
+ border-radius: 1px;
+ -moz-box-shadow: 0px 0px 5px red;
+ -webkit-box-shadow: 0px 0px 5px red;
+ box-shadow: 0px 0px 5px red;
+}
+.no-boxshadow input:invalid,
+.no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+/* make buttons play nice in IE */
+button { width: auto; overflow: visible; }
+
+/* bicubic resizing for non-native sized IMG */
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+/*
+ * Non-semantic helper classes
+ */
+
+/* for image replacement */
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+
+/* Hide for both screenreaders and browsers */
+.hidden { display:none; visibility:hidden; }
+
+/* Hide only visually, but have it available for screenreaders: by Jon Neal.
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+
+/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
+ j.mp/bestclearfix */
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+
+ /* Primary Foundation Styles
+ Author: Wesley Lindamood
+ */
+
+/* Basic HTML */
+
+body {
+ font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ color: #333;
+}
+
+#content {
+overflow: hidden;
+}
+
+a:focus {
+ outline: 1px dotted;
+}
+
+hr {
+ border: 0 #ccc solid;
+ border-top-width: 1px;
+ clear: both;
+ height: 0;
+}
+
+ p,
+ dl,
+ hr,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ ol,
+ ul,
+ pre,
+ table,
+ address,
+ fieldset {
+ margin-bottom: 15px;
+}
+
+ h1 {
+ font-size: 50px;
+ line-height: 1;
+}
+
+h2 {
+ font-size: 30px;
+ font-weight: normal;
+ line-height: 1;
+}
+
+h3 {
+ font-size: 21px;
+ font-weight: normal;
+ line-height: 1;
+}
+
+
+/* lists */
+
+ ol {list-style: decimal;}
+
+ dl dt { font-weight: bold; }
+ dd { margin-left: 5px;}
+
+/* text elements */
+#content a {
+ font-weight: bold;
+ color: #3366cc;
+ }
+
+#sidebar a {
+ color: #333;
+ font-weight: bold;
+}
+
+a:focus,
+a:hover { text-decoration: underline;}
+a { color: #666; text-decoration: none; }
+
+blockquote { font-style: italic; }
+strong { font-weight: bold; }
+em,dfn { font-style: italic; }
+dfn { font-weight: bold; }
+sup, sub { line-height: 0; }
+
+sub {
+ font-size: smaller;
+ vertical-align: sub;
+}
+
+sup {
+ font-size: smaller;
+ vertical-align: super;
+}
+
+
+acronym { border-bottom: 1px dotted #666; }
+address { margin: 0 0 1.5em; font-style: italic; }
+del { color:#666; }
+
+pre { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+/* Tables */
+
+table { margin-bottom: 1.4em; width:100%; }
+th { font-weight: bold; }
+thead th { background: #ccc; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even td { background: #eee; }
+tfoot { font-style: italic; }
+caption { background: #eee; }
+
+/* Misc classes */
+
+.first { margin-left:0; padding-left:0; }
+.last { margin-right:0; padding-right:0; }
+.top { margin-top:0; padding-top:0; }
+.bottom { margin-bottom:0; padding-bottom:0; }
+
+.left { float: left; margin: 5px 20px 10px 0; }
+.right {float: right; margin: 0 0 10px 20px; }
+
+/* forms */
+
+label { font-weight: bold; }
+fieldset { padding:5px; margin: 0 0 5px 0; border: 1px solid #ccc; }
+legend { font-weight: bold;}
+
+
+/* Form fields
+-------------------------------------------------------------- */
+
+input[type=text],
+input.text, input.title,
+textarea, select {
+ background-color:#fff;
+ border:1px solid #bbb;
+}
+input[type=text]:focus,
+input.text:focus, input.title:focus,
+textarea:focus, select:focus {
+ border-color:#666;
+}
+
+input[type=text],
+input.text, input.title,
+textarea, select {
+ margin:5px 0;
+}
+
+input.text,
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea { width: 390px; height: 250px; padding:5px; }
+
+input[type=checkbox], input[type=radio],
+input.checkbox, input.radio {
+ position:relative; top:3px;
+}
+
+form.inline { line-height:3; }
+form.inline p { margin-bottom:0; }
+
+
+/* Success, notice and error boxes
+-------------------------------------------------------------- */
+
+.error,
+.notice,
+.success { padding: 5px; margin-bottom: 5px; border: 2px solid #ddd; }
+
+.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
+.notice { background: #eee; color: #999; border-color: #ddd; }
+.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
+.error a { color: #8a1f11; }
+.success a { color: #264409; }
+
+
+/************* ICONS AND BUTTONS ******************/
+
+.icon-discussions { background-position: 0 -290px; width: 49px; height: 49px; }
+
+.icon-recommend { background-position: 0 -587px; width: 16px; height: 16px; }
+
+.icon-rss { background-position: 0 -726px; height: 15px; }
+
+.logo-npr { background-position: 0 -930px; width: 54px; height: 18px; }
+
+/************* ARGO PANEL ******************/
+
+#argo-panel-wrapper {
+ background: #3d3c3c url(../img/argo-panel-bg.png) repeat-x;
+ border-bottom: 5px solid #3d3c3c;
+}
+
+#argo-panel {
+ display: none;
+ height: 170px;
+}
+
+#apanel-title {
+ margin: 0;
+ position: absolute;
+ top: -10px;
+ right: 6px;
+ z-index: 1;
+}
+
+.ie6 #apanel-title {
+ display: none;
+}
+
+#wrapper #apanel-trigger {
+ display: block;
+ width: 77px;
+ height: 45px;
+ text-indent: -10000px;
+ position: relative;
+ outline: none;
+ background-image: url(../img/panel-nav.png);
+ background-position: 0 -190px;
+}
+
+#wrapper #apanel-title .opanel {
+ background-position: 0 0;
+}
+
+#wrapper #apanel-title .cpanel {
+ background-position: 0 -190px;
+}
+
+#wrapper #apanel-title .cpanel:hover {
+ background-position:0 -95px;
+}
+
+#wrapper {
+ border-top: none;
+ position: relative;
+ margin-top: 0 !important;
+}
+
+.ie6 #wrapper {
+ position: static;
+}
+
+#apanel-content {
+ display: none;
+ position: absolute;
+ top: 5px;
+ left: 0;
+ width: 100%;
+ color: #999;
+ font-family: helvetica, arial, sans-serif;
+}
+
+#apanel-content a {
+ color: #ddd;
+ font-weight: bold;
+ text-decoration: none;
+ outline: none;
+}
+
+#apanel-content a:hover {
+ color: #fff;
+}
+
+#apanel-content h5 {
+ font-size: 13px;
+ margin: 0 0 5px 0;
+ color: #ddd;
+}
+
+#argo-inner-panel {
+ width: 960px;
+ margin: 0 auto;
+ height: 140px;
+ position: relative;
+}
+
+#panel-about {
+ width: 203px;
+ overflow: hidden;
+ height: 140px;
+ position: absolute;
+ top: 5px;
+ left: -5px;
+}
+
+#panel-about p {
+ font-size: 13px;
+ font-style: italic;
+ line-height: 1.4;
+}
+
+#panel-network, #panel-featured {
+ border-left: 1px solid #666;
+ padding-left: 8px;
+}
+
+#panel-network {
+ position: absolute;
+ top: 5px;
+ left: 200px;
+ overflow: hidden;
+ height: 140px;
+ width: 450px;
+}
+
+#panel-network ul {
+ float: left;
+ width: 135px;
+ font-size: 11px;
+ margin: 0 0 0 10px;
+ border-left: 1px solid #666;
+}
+
+#panel-network #panel-network-first {
+ margin-left: -9px;
+ border-left: none;
+}
+
+#panel-network li {
+ margin-bottom: 3px;
+}
+
+#panel-network li a {
+ padding-left: 15px;
+}
+
+#panel-network .selected {
+ background: transparent url(../img/argo-panel-selected.png) no-repeat 0 2px;
+}
+
+
+#panel-featured {
+ position: absolute;
+ top: 5px;
+ right: 0px;
+ width: 290px;
+ height: 140px;
+ overflow: hidden;
+}
+
+#panel-featured div{
+ display: none;
+ margin-top: 12px;
+}
+
+#panel-featured img {
+ float: left;
+ margin-right: 10px;
+ border: 1px solid #999;
+}
+
+#panel-featured h3 {
+ font-size: 13px;
+ margin: 0;
+}
+
+#panel-featured p {
+ font-size: 11px;
+ line-height: 1.2;
+ border-top: 1px solid #999;
+ color: #999;
+ margin-top: 10px;
+ padding-top: 5px;
+ margin-left: 70px;
+}
+
+/************* GLOBAL NAVIGATION ******************/
+
+.global-nav-bg {
+ background-color: #666;
+ padding: 5px 0;
+ margin-bottom: 10px;
+}
+
+.global-nav {
+ margin-left: auto;
+ margin-right: auto;
+ width: 940px;
+ color: #fff;
+ font-size: 11px;
+ position: relative;
+ height: 40px;
+}
+
+.global-nav a, .global-nav a:visited, .global-nav a:hover, .global-nav a:active { color:#fff; }
+
+.global-nav ul {
+ margin: 0;
+}
+
+.global-nav li {
+ float: left;
+ margin: 10px 10px 0 0;
+}
+
+.global-nav .support a {
+ background-color: #ccc;
+ font-weight: bold;
+ color: #666;
+ padding: 3px 5px;
+}
+
+.global-nav .support a:hover {
+ background-color: #fff;
+ color: #333;
+ text-decoration: none;
+}
+
+.global-nav .network-branding {
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0;
+ background: transparent url(../img/argo-network-logo.png) no-repeat top right;
+ text-indent: -10000px;
+ width: 70px;
+ height: 37px;
+}
+
+.network-branding a {
+ display: block;
+ width: 70px;
+ height: 37px;
+}
+
+/****************** HEADER ******************/
+
+#site-title {
+ line-height: 1;
+ font-size: 42px;
+ margin: 0;
+}
+
+#site-title a {
+ color: #000;
+ outline: none;
+}
+
+#site-title a:hover {
+ text-decoration: none;
+ color: #3366cc;
+}
+
+#site-description {
+ font-weight: normal;
+ font-size: 24px;
+ color: #333;
+}
+
+
+.brand-image img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+}
+
+.brand-image #site-title {
+margin-top: 30px;
+}
+
+.brand-image #site-title, .brand-image #site-description {
+margin-left: 70px;
+}
+
+.featured-posts {
+ height: 150px;
+ position: relative;
+}
+
+.features {
+ width: 140px;
+ height: 140px;
+ border: 1px solid #ddd;
+ overflow: hidden;
+}
+
+.features img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 140px;
+ height: 140px;
+}
+
+.features-caption {
+ position: absolute;
+ top: 90px;
+ left: 0;
+ background: transparent url(../img/featured-transparency.png) repeat-x;
+ height: 50px;
+ width: 100%;
+}
+
+.features-caption a {
+ font-size: 10px;
+ line-height: 1.1;
+ font-weight: bold;
+ display: block;
+ height: 36px;
+ padding: 2px 5px;
+}
+
+.features-caption a, .features-caption a:visited, .features-caption a:hover, .features-caption a:active{color:#ddd; text-decoration: none;}
+
+#feature1 {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+#feature2 {
+ position: absolute;
+ top: 0;
+ left: 160px;
+}
+
+#feature3 {
+ position: absolute;
+ top: 0;
+ left: 320px;
+}
+
+.featured-posts div.features:hover {
+ border-color: #000;
+}
+
+/* topics-bar */
+
+#topics-bar {
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ position: relative;
+}
+
+#topics-bar li {
+ float: left;
+ margin-right: 5px;
+}
+
+#topics-bar li a {
+ padding: 2px 8px;
+ color: #3366CC;
+}
+
+#topics-bar h4 {
+ margin: 0;
+}
+
+#topics-bar ul {
+ width: 862px;
+}
+
+#topics-bar h5 {
+ position: absolute;
+ top: 8px;
+ right: 0;
+ font-size: 11px;
+}
+
+/* search form */
+
+#page .searchbox {
+ height: 19px;
+ width: 255px;
+ padding: 2px;
+ margin: 0 5px 0 0;
+ float: left;
+ font-size: 11px;
+ color: #999;
+}
+
+
+#header-search {
+ position: absolute;
+ top: 5px;
+ right: 0;
+}
+
+.search-submit {
+font-family: helvetica, arial, sans-serif;
+font-weight: bold;
+color: #eee;
+font-size: 12px;
+background-color: #000;
+border: none;
+padding: 4px 3px;
+}
+
+.search-submit:hover {
+background-color: #333;
+}
+
+#searchform-footer {
+ clear: both;
+ margin: 12px 0;
+}
+
+.ie8 #searchform-footer, .ie7 #searchform-footer, .ie6 #searchform-footer {
+ margin-bottom: 22px;
+}
+
+#header-search .searchbox {
+ width: 160px;
+}
+
+.ie6 #searchform-footer .searchbox {
+ width: 240px;
+}
+
+.ie6 .utility-nav {
+ position: relative;
+ width: 940px;
+ top: -25px;
+}
+
+#follow-us {
+ margin: 0;
+ position: absolute;
+ top: 5px;
+ right: 210px;
+ width: 80px;
+ overflow: hidden;
+}
+
+#follow-us li {
+ float: left;
+ text-indent: -10000px;
+ margin-left: 3px;
+}
+
+#follow-us a {
+ background: transparent url(../img/header-icons.png) no-repeat top left;
+ display: block;
+ width: 23px;
+ height: 23px;
+}
+
+#follow-us .icon-rss-header a {
+ background-position: 0 -146px;
+}
+
+#follow-us .icon-rss-header a:hover {
+ background-position: 0 -219px;
+}
+
+#follow-us .icon-fb-header a {
+ background-position: 0 0;
+}
+
+#follow-us .icon-fb-header a:hover {
+ background-position: 0 -73px;
+}
+
+#follow-us .icon-twitter-header a {
+ background-position: 0 -292px;
+}
+
+#follow-us .icon-twitter-header a:hover {
+ background-position: 0 -365px;
+}
+
+
+
+/* mega menu */
+
+#main-nav {
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ width: 940px;
+ min-height: 32px;
+ position: relative;
+ z-index: 100;
+}
+
+#topnav {
+ margin: 0;
+ padding: 0;
+ float:left;
+ width: 100%;
+ list-style: none;
+ font-size: 1.1em;
+}
+
+#topnav li {
+ float: left;
+ margin: 0 0 0 0;
+ padding: 0;
+ font-size: 15px;
+ line-height: 1;
+}
+
+#topnav li a {
+ float: left;
+ padding: 5px 22px 5px 5px;
+ margin: 0 5px;
+ color: #000;
+ background: transparent url(../img/arrow-down.png) no-repeat 95% 50%;
+}
+
+#topnav .first a {
+ margin-left: -5px;
+}
+
+#topnav li:hover a, #topnav li a:hover {
+ background-color: #999;
+ text-decoration: none;
+ color: #fff;
+ border-bottom: 7px solid #999;
+ background: #999 url(../img/arrow-hover.png) no-repeat 95% 50%;
+}
+
+#topnav li .sub {
+ position: absolute;
+ top: 31px;
+ left: -5px;
+ float: left;
+ width: 925px;
+ display: none;
+ border: 4px solid #999;
+}
+
+#topnav li .row {
+ clear: both;
+ float: left;
+ width: 100%;
+ margin-bottom: 10px;
+}
+
+#topnav li .sub ul{
+ list-style: none;
+ margin: 0; padding: 0;
+ width: 915px;
+ float: left;
+ background-color: #fff;
+}
+
+#topnav .sub ul li {
+ width: 100%;
+ color: #333;
+ border: none;
+ background-color: #fff !important;
+ padding: 5px;
+}
+
+#topnav .sub ul li a {
+ float: none;
+ text-indent: 0; /*--Reset text indent--*/
+ height: auto;
+ background: none;
+ text-decoration: none;
+ color: #333;
+ padding-left: 0;
+}
+
+.ie6 #topnav .sub ul li a {
+ background-image: none !important;
+}
+
+#topnav .sub ul li a:hover {
+ color: #ddd;
+ background-position: 5px 12px ;
+}
+
+
+.inner-menu {
+ width: 920px;
+ padding: 10px;
+}
+
+#topnav .sub .inner-menu a {
+ margin: 10px 0;
+ border: none;
+}
+
+#topnav .sub .inner-menu a:hover {
+ text-decoration: underline;
+ color: #333;
+}
+
+
+.mega-feature {
+ width: 320px;
+ float: left;
+}
+
+.mega-feature h2 {
+ font-size: 24px;
+ line-height: 1.2;
+ color: #666;
+ padding-bottom: 15px;
+}
+
+.mega-feature img {
+ float: left;
+ margin-right: 20px;
+}
+
+.mega-feature h3 {
+ font-size: 16px;
+ line-height: 1.2;
+ margin: 0 0 5px 0;
+}
+
+.mega-feature h3 a:hover {
+ color: #333 !important;
+ text-decoration: underline !important;
+}
+
+
+.mega-feature .read-more {
+ font-weight: bold;
+ font-size: 11px;
+}
+
+.category-articles {
+ width: 320px;
+ float: left;
+ margin-left: 20px;
+}
+
+.category-articles h4 {
+ font-size: 14px;
+ line-height: 1.2;
+ margin: 0 0 10px 0;
+ padding-bottom: 8px !important;
+ border-bottom: 1px solid #ddd;
+}
+
+.category-articles h4 a {
+ font-weight: normal;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+
+.category-articles h5 a {
+ font-size: 12px;
+ line-height: 1;
+ margin: 0 0 5px 0;
+ display: block;
+ font-weight: bold;
+}
+
+#topnav .category-topics ul {
+ width: 200px !important;
+ padding: 0;
+}
+
+#topnav .category-topics li {
+ margin: 0 0 10px 0 !important;
+ font-size: 15px;
+ padding: 0 0 10px !important;
+ border-bottom: 1px solid #ddd !important;
+}
+
+
+.category-topics {
+ width: 210px;
+ margin-left: 20px;
+ float: left;
+}
+
+.inner-menu h3 {
+ font-size: 18px;
+ color: #666;
+ margin: 0 0 15px 0;
+}
+
+
+
+/************** HOME PAGE ****************/
+
+.home .post, .archive .post, .search .post, .home .roundup, .archive .roundup, .search .roundup, .home .slideshow, .archive .slideshow, .search .slideshow {
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ border-bottom: 1px solid #999;
+}
+
+/************** POST ******************/
+
+.ie6 #content {
+ width: 610px;
+ overflow: hidden;
+}
+
+#content h2 {
+ margin: 10px 0;
+}
+
+#content h3 {
+ font-size: 24px;
+ line-height: 1.3;
+}
+
+#content h4, #sidebar h4{
+ font-size: 18px;
+ line-height: 1.3;
+ font-weight: bold;
+}
+
+#content h5,#sidebar h5 {
+ font-size: 14px;
+ line-height: 1.3;
+ font-weight: bold;
+}
+
+#content h6,#sidebar h6 {
+ font-size: 11px;
+ line-height: 1.3;
+ font-weight: bold;
+}
+
+.post ul {
+ list-style: disc;
+}
+
+.post li {
+ margin: 0 0 10px 30px;
+}
+
+.ie8 .post li, .ie7 .post li, .ie6 .post li {
+ margin: 0 0 10px 50px;
+}
+
+.entry-title {
+font-size: 30px;
+margin: 10px 0;
+}
+
+#content h2 a {
+ color: #333;
+ font-weight: normal;
+}
+
+.post blockquote {
+ background-color: #ddd;
+ padding: 20px;
+ margin: 20px 0;
+}
+
+#content blockquote h6 {
+ margin: 0;
+ font-style: normal;
+ font-size: 12px;
+}
+
+#content blockquote .source {
+ font-size: 11px;
+ font-weight: normal;
+ font-style: italic;
+}
+
+#content .intro { /*style the first paragraph in a long post */
+ font-size: 18px;
+ font-style: italic;
+ color: #999;
+ line-height: 1.3;
+}
+
+/*post page metadata styles */
+.post-meta {
+ position: relative;
+}
+
+.top-meta {
+ margin: 10px 0 5px 0;
+}
+
+.bottom-meta {
+ margin: 10px 0;
+ clear: both;
+}
+
+.single .bottom-meta {
+ padding-top: 10px;
+ border-top: 1px solid #ddd;
+}
+
+.single .bottom-meta h5 {
+padding-bottom: 10px;
+border-bottom: 1px solid #ddd;
+}
+
+#term-view {
+font-weight: bold;
+}
+
+#page .bottom-meta .labels {
+margin-bottom: 0;
+}
+
+#content .post-meta h6 {
+ font-size: 12px;
+ font-weight: normal;
+ font-style: italic;
+ margin: 0 0 10px 0;
+ color: #666;
+}
+
+#content .post-meta h5 {
+ font-weight: normal;
+ font-size: 12px !important;
+ margin: 5px 0 0 0;
+ color: #666;
+}
+
+.post-meta li {
+ list-style-type:none;
+ margin: 0;
+}
+
+.meta-gestures {
+ margin: 0 0 10px 0;
+ position: relative;
+}
+
+.meta-gestures li {
+ float: left;
+ margin: 5px 10px 5px 0;
+ font-size: 11px;
+}
+
+.ie8 .meta-gestures li, .ie7 .meta-gestures li, .ie6 .meta-gestures li {
+ padding: 0;
+ margin: 5px 5px 5px 0;
+}
+
+.meta-gestures .meta-comments {
+background: transparent url(../img/comment-icon.gif) no-repeat;
+ height: 18px;
+ padding-left: 20px;
+ float: right;
+}
+
+.meta-gestures .meta-email {
+ background: transparent url(../img/icon-email.png) no-repeat 0 2px;
+ height: 16px;
+ padding-left: 20px;
+}
+
+.ie8 .meta-gestures .meta-email, .ie7 .meta-gestures .meta-email, .ie6 .meta-gestures .meta-email {
+ background: none;
+}
+
+#content .labels {
+ margin: 0 0 10px 0;
+ padding: 0;
+}
+
+#content .post-meta .labels li {
+ margin-right: 5px;
+ float: left;
+}
+
+#content .labels a {
+ background-color: #eeeeee;
+ color: #999;
+ font-size: 11px;
+ padding: 3px 6px;
+ text-decoration: none;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ margin-bottom: 0;
+}
+
+#content .labels a:hover {
+ background-color: #333;
+ color:#fff;
+ text-decoration: none;
+}
+
+.subscribe {/* RSS Icon */
+ background: transparent url(../img/rss16.gif) no-repeat top left;
+ height: 19px;
+ padding-left: 22px;
+}
+
+
+.ie6 .subscribe {
+ background: none;
+ padding: 0;
+}
+
+.subscribe a {
+ color: #666;
+}
+
+#content .meta-gestures .activity-alert a {
+ background-color: #000;
+ color: #fff;
+ padding: 3px;
+}
+
+#content .twitter {
+ margin-left: 10px;
+ margin-right: 0;
+ background-image: none;
+}
+
+#content .fb {
+ margin-right: 20px;
+ background-image: none;
+}
+
+/* blog hosts */
+
+.hosts img {
+float: left;
+margin-right: 10px;
+border: 1px solid #ddd;
+}
+
+.hosts div {
+margin-bottom: 10px;
+}
+
+#site-footer .hosts img {
+float: none;
+border: none;
+}
+
+.hosts h4 {
+font-size: 16px;
+margin: 0;
+}
+
+.hosts p {
+margin-bottom: 0;
+}
+
+#site-footer .hosts h4 {
+font-size: 12px;
+}
+
+#site-footer .hosts p {
+font-size: 11px;
+}
+
+#page .hosts h4 a {
+font-weight: bold;
+}
+
+/* author archive page */
+
+.author #page .vcard a {
+color: #333;
+}
+
+/* guest author bio */
+
+.navis-author-bio {
+border-top: 4px solid #ddd;
+margin-bottom: 20px;
+padding-top: 10px;
+font-style: italic;
+}
+
+#content .navis-author-bio h4 {
+font-size: 14px;
+margin: 0 0 5px 0;
+}
+
+#content .navis-author-bio p {
+font-size: 12px;
+color: #666;
+background: none;
+padding: 0;
+margin: 0;
+}
+
+/* related posts */
+
+#related-posts {
+ margin:10px 0;
+ padding-top: 2px;
+ border: 1px solid #eee;
+ border-top: 2px solid #ddd;
+ background: transparent url(../img/rp-background.png) repeat-y;
+}
+
+#related-posts a {
+ font-weight: normal;
+}
+
+
+#related-post-nav {
+ float:left;
+ width: 140px;
+ margin: 0;
+ padding: 5px 0;
+}
+
+#related-post-nav li {
+ font-size: 11px;
+}
+
+#related-post-nav h4 {
+ font-size: 11px;
+ margin: 0 0 5px 5px;
+}
+
+#related-post-nav a {
+ display: block;
+ padding: 2px 5px;
+ font-weight: normal;
+ text-decoration: none;
+ border-top: 1px solid #ddd;
+ outline:none;
+}
+
+#related-post-nav a:hover {
+ background-color:#e0e0e0;
+}
+
+#related-post-nav a.selected {
+color: #fff;
+background: #000 url("../img/related-arrow.gif") 0 center no-repeat; border: none; font-weight: bold; }
+
+.items div {
+ display:none;
+ float:left;
+ padding:0 10px 0 20px;
+ width: 445px;
+ font-size: 11px;
+}
+
+.ie6 .items div {
+ width: 425px;
+}
+
+#related-posts .items ul {
+ margin: 5px 0 10px 0;
+}
+
+.items li {
+ list-style: disc;
+ margin-left: 15px;
+}
+
+.items div img {
+ float: left;
+ margin-right: 15px;
+ margin-bottom: 10px;
+ margin-top: 0;
+}
+
+#related-posts .top-related {
+ list-style-type: none;
+ margin-left: 0;
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 5px;
+}
+
+#related-posts .top-related h3 {
+ font-size: 14px;
+ font-weight: normal;
+ margin: 0 0 5px 0;
+}
+
+.top-related p {
+ margin-bottom: 10px;
+}
+
+/* post page pagination */
+
+.post-nav, .argo-pag {
+ clear: both;
+ border-bottom: 1px solid #ddd;
+ font-size: 12px;
+}
+
+.post-nav li, .argo-pag li {
+ margin: 0 0 10px 0;
+}
+
+#content .post-nav h5 {
+ margin: 0;
+ font-size: 14px;
+}
+
+#content .post-nav a, #content .argo-pag a {
+ font-weight: normal;
+}
+
+.p-post {
+ width: 300px;
+ margin: 10px 0;
+ float: left;
+}
+
+.n-post {
+ float: right;
+ width: 300px;
+ text-align: right;
+ margin: 10px 0;
+}
+
+.argo-pag {
+ font-size: 14px;
+ padding-bottom: 20px;
+ border: none;
+ float: right;
+}
+
+.argo-pag li {
+ float: left;
+ margin: 0 5px;
+}
+
+.argo-pag a {
+ padding: 5px 10px;
+}
+
+.argo-pag .current {
+ background-color: #efefef;
+ border: 1px solid #ddd;
+}
+
+#content .argo-next a, #content .argo-previous a {
+ font-weight: bold;
+}
+
+#content .argo-next {
+margin-right: 0;
+}
+
+#content .argo-next a {
+padding-right: 0;
+}
+
+/* post page content modules */
+
+#content .module {
+ margin-bottom: 10px;
+ color: #000;
+}
+
+#content .module h3 {
+ font-size: 14px;
+ margin-bottom: 10px;
+ font-weight: bold;
+}
+
+#content .module dl {
+ margin: 0;
+}
+
+#content .module dt {
+ font-size: 14px;
+ margin-bottom: 10px;
+}
+
+#content .module dd {
+ margin: 0 0 10px 0;
+}
+
+#content .aside p {
+ font-size: 11px;
+}
+
+.image p {
+ display: inline;
+ font-size: 10px;
+}
+
+.image img {
+ display: block;
+}
+
+#content .credit, #content .wp-media-credit {
+ font-size: 10px;
+ margin: 0;
+ text-align: right;
+ color: #666;
+ line-height: 1;
+ display: block;
+}
+
+#content .caption, #content .wp-caption-text {
+ font-size: 12px;
+ margin: 5px 0 0 0;
+ color: #666;
+ font-style: italic;
+ line-height: 1;
+ display: block;
+}
+
+#content .permalink {
+ display: block;
+}
+
+#content .module .attribution {
+ margin: 0;
+ font-size: 11px;
+ font-style: italic;
+}
+
+#content .half {
+ width: 300px;
+ font-size: 11px;
+}
+
+#content .aligncenter, #content .centered {
+ margin: 20px auto;
+}
+
+#content .alignleft, #content .left {
+ float: left;
+ margin: 5px 20px 10px 0;
+}
+
+#content .alignright, #content .right {
+ float: right;
+ margin: 0 0 10px 20px;
+}
+
+#content .pull-quote {
+ width: 300px;
+ border-bottom: none;
+ border-left: 4px solid #333;
+ padding-left: 20px;
+ font-size: 24px;
+ font-style: italic;
+ line-height: 1.3;
+ margin: 20px;
+}
+
+#content .pull-quote h6 {
+ font-size: 12px;
+ font-style: italic;
+ margin: 0
+}
+
+#content .pull-quote p {
+ font-size: 24px;
+}
+
+/* floated images */
+
+.alignleft,
+img.alignleft {
+ display: inline;
+ float: left;
+ margin-right: 24px;
+ margin-top: 4px;
+}
+.alignright,
+img.alignright {
+ display: inline;
+ float: right;
+ margin-left: 24px;
+ margin-top: 4px;
+}
+.aligncenter,
+img.aligncenter {
+ clear: both;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+img.alignleft,
+img.alignright,
+img.aligncenter {
+ margin-bottom: 12px;
+}
+
+/* = Customized comment form styles via the twenty eleven theme
+http://wordpress.org/extend/themes/twentyeleven
+----------------------------------------------- */
+
+#content #comments-title {
+ font-size: 24px;
+ margin-bottom: 20px;
+ font-weight: bold;
+}
+
+.nopassword,
+.nocomments {
+ color: #aaa;
+ font-size: 24px;
+ font-weight: 100;
+ margin: 26px 0;
+ text-align: center;
+}
+.commentlist {
+ list-style: none;
+ margin: 0 auto;
+ width: 68.9%;
+}
+
+.commentlist > li.comment {
+ background: #f6f6f6;
+ border: 1px solid #ddd;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 0 1.625em;
+ padding: 1.625em;
+ position: relative;
+}
+.commentlist .pingback {
+ margin: 0 0 1.625em;
+ padding: 0 1.625em;
+}
+.commentlist .children {
+ list-style: none;
+ margin: 0;
+}
+.commentlist .children li.comment {
+ background: #fff;
+ border-left: 1px solid #ddd;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+ margin: 1.625em 0 0;
+ padding: 1.625em;
+ position: relative;
+}
+.commentlist .children li.comment .fn {
+ display: block;
+}
+.comment-meta .fn {
+ font-style: normal;
+}
+.comment-meta {
+ color: #666;
+ font-size: 12px;
+ line-height: 2.2em;
+}
+.commentlist .children li.comment .comment-meta {
+ line-height: 1.625em;
+ margin-left: 50px;
+}
+.commentlist .children li.comment .comment-content {
+ margin: 1.625em 0 0;
+}
+.comment-meta a {
+ font-weight: bold;
+}
+.comment-meta a:focus,
+.comment-meta a:active,
+.comment-meta a:hover {
+}
+.commentlist .avatar {
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 1px 2px #ccc;
+ -moz-box-shadow: 0 1px 2px #ccc;
+ box-shadow: 0 1px 2px #ccc;
+ left: -102px;
+ padding: 0;
+ position: absolute;
+ top: 0;
+}
+
+.commentlist .children .avatar {
+ background: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ left: 2.2em;
+ padding: 0;
+ top: 2.2em;
+}
+a.comment-reply-link {
+ background: #eee;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #666;
+ display: inline-block;
+ font-size: 12px;
+ padding: 0 8px;
+ text-decoration: none;
+}
+a.comment-reply-link:hover,
+a.comment-reply-link:focus,
+a.comment-reply-link:active {
+ background: #888;
+ color: #fff;
+}
+a.comment-reply-link > span {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+}
+
+/* Post author highlighting */
+.commentlist > li.bypostauthor {
+ background: #ddd;
+ border-color: #d3d3d3;
+}
+.commentlist > li.bypostauthor .comment-meta {
+ color: #575757;
+}
+.commentlist > li.bypostauthor .comment-meta a:focus,
+.commentlist > li.bypostauthor .comment-meta a:active,
+.commentlist > li.bypostauthor .comment-meta a:hover {
+}
+.commentlist > li.bypostauthor:before {
+ content: url(images/comment-arrow-bypostauthor.png);
+}
+
+/* Post Author threaded comments */
+.commentlist .children > li.bypostauthor {
+ background: #ddd;
+ border-color: #d3d3d3;
+}
+
+/* Comment Form */
+#respond {
+ background: #f6f6f6;
+ border: 1px solid #eee;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 auto 1.625em;
+ padding: 1.625em;
+ position: relative;
+ width: 92%;
+}
+#respond input[type="text"],
+#respond textarea {
+ background: #fff;
+ border: 4px solid #eee;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ position: relative;
+ padding: 10px;
+ text-indent: 80px;
+}
+#respond .comment-form-author,
+#respond .comment-form-email,
+#respond .comment-form-url,
+#respond .comment-form-comment {
+ position: relative;
+ margin-top: -20px;
+}
+#respond .comment-form-author label,
+#respond .comment-form-email label,
+#respond .comment-form-url label,
+#respond .comment-form-comment label {
+ background: #eee;
+ -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ color: #555;
+ display: inline-block;
+ font-size: 13px;
+ left: 4px;
+ min-width: 60px;
+ padding: 4px 10px;
+ position: relative;
+ top: 40px;
+ z-index: 1;
+}
+#respond input[type="text"]:focus,
+#respond textarea:focus {
+ text-indent: 0;
+ z-index: 1;
+}
+#respond textarea {
+ resize: vertical;
+ width: 95%;
+}
+#respond .comment-form-author .required,
+#respond .comment-form-email .required {
+ color: #bd3500;
+ font-size: 22px;
+ font-weight: bold;
+ left: 75%;
+ position: absolute;
+ top: 45px;
+ z-index: 1;
+}
+#respond .comment-notes,
+#respond .logged-in-as {
+ font-size: 13px;
+}
+#respond p {
+ margin: 10px 0;
+}
+#respond .form-submit {
+ float: right;
+ margin: -20px 0 10px;
+}
+#respond input#submit {
+ background: #222;
+ border: none;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ color: #eee;
+ cursor: pointer;
+ font-size: 15px;
+ margin: 20px 0;
+ padding: 5px 22px 5px 22px;
+ position: relative;
+ left: 30px;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
+}
+
+#respond input#submit:hover {
+background: #555;
+}
+
+#respond input#submit:active {
+ background: #1982d1;
+ color: #bfddf3;
+}
+#respond #cancel-comment-reply-link {
+ color: #666;
+ margin-left: 10px;
+ text-decoration: none;
+}
+#respond .logged-in-as a:hover,
+#respond #cancel-comment-reply-link:hover {
+ text-decoration: underline;
+}
+.commentlist #respond {
+ margin: 1.625em 0 0;
+ width: auto;
+}
+#reply-title {
+ color: #373737;
+ font-size: 24px;
+ font-weight: bold;
+ line-height: 30px;
+}
+#cancel-comment-reply-link {
+ color: #888;
+ display: block;
+ font-size: 10px;
+ font-weight: normal;
+ line-height: 2.2em;
+ letter-spacing: 0.05em;
+ position: absolute;
+ right: 1.625em;
+ text-decoration: none;
+ text-transform: uppercase;
+ top: 1.1em;
+}
+#cancel-comment-reply-link:focus,
+#cancel-comment-reply-link:active,
+#cancel-comment-reply-link:hover {
+ color: #ff4b33;
+}
+#respond label {
+ line-height: 2.2em;
+}
+#respond input[type=text] {
+ display: block;
+ height: 24px;
+ width: 75%;
+}
+#respond p {
+ font-size: 12px;
+}
+p.comment-form-comment {
+ margin: 0;
+}
+.form-allowed-tags {
+ display: none;
+}
+
+/********** POST TYPES ***************/
+
+/* sticky posts */
+
+.sticky-solo, .sticky-related {
+ background-color: #eee;
+ border: 1px solid #ddd;
+ padding: 10px;
+ margin-bottom: 10px;
+}
+
+.sticky-related {
+ background: -webkit-gradient(linear, right top, left top, color-stop(0.25, #dddddd), color-stop(0.25, #eeeeee));
+ background: -moz-linear-gradient(right center, #dddddd 25%, #eeeeee 25%);
+}
+
+#content .sticky h5 {
+ border-bottom: 1px solid #ccc;
+ padding-bottom: 5px;
+ color: #666;
+ font-size: 12px;
+}
+
+
+#content .sticky img {
+ float: left;
+ border: 2px solid #999;
+}
+
+#content .sticky h2, .sticky p, #content .sticky h6 {
+ margin-left: 160px;
+}
+
+#content .sticky h6 {
+ font-weight: normal;
+ margin-top: 5px;
+ margin-bottom: 8px;
+ font-style: italic;
+ display: none;
+}
+
+
+#content .sticky h2 {
+ font-size: 22px;
+ margin-bottom: 10px;
+ margin-top: -2px;
+}
+
+
+#content .sticky p {
+ margin-bottom: 0;
+ font-size: 14px;
+}
+
+#content .sticky a {
+ color: #333;
+}
+
+#content .sticky-related p, #content .sticky-related h2, #content .sticky-related h5 {
+ margin-right: 160px;
+}
+
+#content .sticky-related dl {
+ float: right;
+ width: 130px;
+}
+
+.no-cssgradients #content .sticky-related dl {
+ border-left: 1px solid #ccc;
+ margin-left: -10px;
+ padding-left: 10px;
+}
+
+#content .sticky-related dt {
+ text-transform: uppercase;
+ padding-bottom: 10px;
+ line-height: 1.1;
+ color: #666;
+ font-size: 11px;
+}
+
+#content .sticky-related dd {
+ margin: 0 0 8px 0;
+ line-height: 1.2;
+ border-bottom: 1px solid #999;
+ padding-bottom: 8px;
+ font-size: 11px;
+}
+
+#content .sticky-related dd a {
+ color: #666;
+ font-weight: normal;
+ text-decoration: none;
+}
+
+#content .sticky-related dd a:hover {
+ color: #333;
+}
+
+#content .sticky-related .sticky-all {
+ border-bottom: none;
+}
+
+#content .sticky-related .sticky-all a {
+ font-weight: bold;
+}
+
+
+/* link-roundup */
+
+#content .roundup h5 {
+ font-weight: normal;
+ font-size: 16px;
+}
+
+.roundup p {
+ background: transparent url(../img/link-roundup-icon.png) no-repeat 0 2px; /* Silk icon set 1.3 http://www.famfamfam.com/lab/icons/silk/ */
+ padding-left: 30px;
+ margin-right: 60px;
+}
+
+.roundup p em {
+ font-size: 12px;
+ color: #909090;
+}
+
+.roundup .module p {
+ background: none !important;
+ padding-left: 0 !important;
+}
+
+/* Q&A */
+
+#content .question {
+ position: relative;
+ padding-left: 30px;
+ font-weight: bold;
+}
+
+#content .answer {
+ position: relative;
+ padding-left: 30px;
+}
+
+.question .abbr, .answer .abbr {
+ position: absolute;
+ top: 0;
+ left: 0;
+ color: #999;
+ font-size: 20px;
+ line-height: 1;
+ font-weight: normal;
+}
+
+.question abbr, .answer abbr {
+ border-bottom: none;
+}
+
+.ie6 .question .abbr, .ie6 .answer .abbr {
+ position: absolute;
+ top: 0;
+ left: -30px;
+}
+
+#content .contenttype-short-post blockquote, #content .contenttype-quote blockquote {
+ background-color: transparent;
+ padding: 0 20px;
+ border-left: 4px solid #333;
+ margin: 10px 0;
+}
+
+#content .contenttype-short-post blockquote p, #content .contenttype-quote blockquote p {
+ margin: 0 0 10px 0;
+}
+
+/**************** ARCHIVE PAGE ***********************/
+
+#archive-intro {
+border-bottom: 4px solid #ddd;
+margin-bottom: 20px;
+padding-bottom: 10px;
+}
+
+#archive-intro h3 {
+font-size: 20px;
+margin-bottom: 5px;
+}
+
+#archive-intro p {
+font-size: 12px;
+color: #666;
+font-style: italic;
+margin-bottom: 5px;
+}
+
+.archive-dropdown {
+ float: right;
+}
+
+/* archive page navigation */
+
+.list-pagination {
+ border-bottom: 3px solid #ddd;
+ min-height: 22px;
+ padding-bottom: 10px;
+}
+
+.ie6 .list-pagination {
+ height: 30px;
+}
+
+#main .list-pagination a {
+ color:#666;
+}
+
+.ie6 .older-posts, .ie6 .newer-posts {
+ width: 300px;
+}
+
+.older-posts {
+ float: left;
+}
+
+ .older-posts a {
+ background: transparent url(../img/btn-previous.png) no-repeat top left;
+ height: 22px;
+ display: block;
+ padding-left: 30px;
+ font-size: 17px;
+ font-weight: bold;
+ color: #333;
+}
+
+.newer-posts {
+ float: right;
+}
+
+.ie6 .newer-posts {
+ text-align: right;
+}
+
+.newer-posts a {
+ background: transparent url(../img/btn-next.png) no-repeat top right;
+ height: 22px;
+ display: block;
+ padding-right: 30px;
+ font-size: 17px;
+ font-weight: bold;
+ color: #333;
+}
+
+#content .recent-posts, .tag #content .recent-posts {
+ font-size: 14px;
+ color: #666;
+ margin-bottom: 10px;
+ padding: 10px 0;
+ border-bottom: 1px solid #999;
+}
+
+/**************** CATEGORY PAGE ***********************/
+
+#content .category-background h2 {
+ margin: 10px 0 5px 0;
+}
+
+.category-background p {
+ margin: 0 0 5px 0;
+}
+
+.category #content .subscribe, .archive #content .subscribe {
+ float: right;
+}
+
+#content .category-description p {
+ font-size:14px;
+ color: #666;
+ font-style: italic;
+}
+
+
+.related-topics {
+ margin: 0;
+ padding: 0 0 10px 0;
+}
+
+#content .related-topics h4 {
+ color: #333;
+ font-size: 13px;
+ margin: 0 0 5px 0;
+ font-weight: bold;
+}
+
+.related-topics ul {
+ margin: 0;
+}
+
+.related-topics li {
+ float: left;
+ margin: 0 10px 0 0;
+ font-style: italic;
+ font-size: 12px;
+ border-right: 1px solid #999;
+ padding-right: 10px;
+ line-height: 1;
+}
+
+/*taxonomy archive */
+
+#taxonomy-description {
+ margin-bottom: 10px;
+}
+
+/************** SEARCH RESULTS ******************/
+
+.search-term {
+ font-size: 16px;
+ font-style: italic;
+ color: #666;
+}
+
+.search-term strong {
+ color: #333;
+}
+
+#content .search-results h2 {
+ font-size: 20px;
+ margin: 10px 0;
+}
+
+#content .search-results {
+ color: #666;
+ font-size: 13px;
+}
+
+.search-pagination a {
+ margin: 10px 5px 0 0;
+ padding: 0 5px;
+ text-decoration: none;
+}
+
+.search-pagination a:hover {
+ background-color: #ddd;
+}
+
+#content .search-pagination .current {
+ border: 1px solid #606060;
+ background-color: #666;
+ color: #fff;
+}
+
+/**************** TAG PAGE ***********************/
+
+ .tag #content .subscribe {
+ margin: 0;
+}
+
+.topic-square {
+ width: 220px;
+ float: right;
+ padding-left: 30px;
+ overflow: hidden;
+}
+
+.topic-square img {
+ border: 1px solid #999;
+ margin: 0;
+}
+
+#content .topic-square .credit {
+ margin:0;
+ padding: 0;
+ vertical-align: top;
+}
+
+.key-fact h3 {
+ font-style: italic;
+ color: #666;
+ font-size: 26px !important;
+ line-height: 1.2;
+}
+
+.tag #content h3 {
+ font-size: 18px;
+ font-weight: normal;
+}
+
+.topic-background {
+ margin: 0 0 20px 0;
+ color: #666;
+ font-size: 14px;
+ font-style: italic;
+}
+
+.topic-background p {
+ font-size: 12px;
+}
+
+.tag-subscribe {
+ float: right;
+}
+
+.tag #content .page-title {
+ margin: 10px 0 0 0;
+}
+
+.ie8 .page-title, .ie7 .page-title, .ie6 .page-title {
+ margin-top: 20px;
+}
+
+
+
+/**************** SIDEBARS ***********************/
+
+#sidebar {
+font-size: 13px;
+}
+
+#sidebar ul {
+margin-bottom: 0;
+}
+
+#sidebar .widget-title a {
+font-weight: normal;
+}
+
+/* widget_archive, widget_categories, widget_pages, widget_recent_entries, widget_recent_comments */
+
+#sidebar .widget_archive select,
+#sidebar .widget_categories select{
+width: 300px;
+padding: 5px;
+margin: 0
+}
+
+.widget_archive li,
+.widget_categories li,
+.widget_pages li,
+.widget_recent_entries li,
+.widget_recent_comments li {
+margin-bottom: 5px;
+border-top: 1px solid #efefef;
+padding-top: 5px;
+}
+
+.widget_categories .children li,
+.widget_pages .children li {
+border: none;
+font-size: 11px;
+margin-left: 20px;
+}
+
+
+#recentcomments {
+font-size: 11px;
+color: #666;
+}
+
+#site-footer #recentcomments {
+color: #ddd;
+}
+
+#recentcomments a {
+font-size: 14px;
+display: block !important;
+}
+
+/* argo-about */
+
+.argo-about p {
+line-height: 1.6;
+}
+
+/* argo-more-featured */
+
+.argo-more-featured img {
+border: 1px solid #ddd;
+}
+
+/* widget_nav_menu */
+
+.widget_nav_menu li {
+margin-bottom: 5px;
+border-top: 1px solid #efefef;
+padding-top: 5px;
+font-size: 16px;
+}
+
+/*widget_text */
+
+#sidebar .widget_text ul {
+margin-bottom: 10px;
+}
+
+.widget_text li, .widget_text dl {
+margin-left: 30px;
+}
+
+.widget_text ul li {
+margin-bottom: 10px;
+list-style-type: disc;
+}
+
+/*blogroll*/
+
+.blogroll li {
+font-size: 11px;
+margin-bottom: 5px;
+margin-right: 5px;
+float: left;
+background-color: #eee;
+border: 1px solid #e3e3e3;
+padding: 5px;
+}
+
+#site-footer .blogroll li {
+font-size: 13px;
+float: none;
+background: transparent;
+border: none;
+padding: 0;
+}
+
+.blogroll img {
+float: left;
+margin-right: 5px
+}
+
+
+
+/*widget_meta*/
+
+
+.widget_meta {
+font-size: 10px;
+}
+
+.widget_meta .widget-title {
+margin-bottom: 5px;
+font-size: 13px;
+}
+
+#sidebar .widget_meta a {
+font-weight: normal;
+}
+
+/* widget_rss */
+
+.widget_rss img {
+display: none;
+}
+
+.widget_rss li {
+margin-bottom: 10px;
+padding-bottom: 10px;
+border-bottom: 1px solid #ddd;
+}
+
+.widget_rss li a {
+display:block;
+margin-bottom: 5px;
+}
+
+.rss-date {
+font-size: 10px;
+font-style: italic;
+color: #555;
+margin-bottom: 5px;
+display: block;
+}
+
+.rssSummary {
+font-size: 11px;
+color: #555;
+}
+
+#site-footer .rss-date, #site-footer .rssSummary {
+color: #aaa;
+}
+
+#sidebar cite {
+font-style: italic;
+display: block;
+font-size: 12px;
+margin-top: 5px;
+color: #333;
+}
+
+#sidebar .widget_search form {
+margin-bottom: 10px;
+}
+
+/* widget_calendar */
+
+.widget_calendar td {
+ text-align: center;
+}
+
+#sidebar .widget_calendar td a {
+ color: #3366CC;
+}
+
+#prev {
+text-align: left;
+}
+
+#wp-calendar caption {
+color: #555;
+}
+
+/* tagcloud */
+
+#sidebar .tagcloud a {
+color: #aaa;
+font-weight: normal;
+}
+
+
+
+/** end new siebar styles **/
+
+/*container ul for wigitized sidebar area */
+.widget-container, .widget {
+ margin-bottom: 10px;
+ padding: 5px 0;
+ line-height: 1.3;
+}
+
+#site-footer .widget {
+border: none;
+padding: 0;
+}
+
+.ie8 #sidebar, .ie7 #sidebar {
+ padding-top: 10px;
+}
+
+.ie6 #sidebar {
+ padding-top: 10px;
+ width: 290px;
+ overflow: hidden;
+}
+
+
+/*button styling for anchor tags */
+
+#sidebar .button, .button:visited {
+ background-color: #eeeeee;
+ color: #9f9f9f;
+ display: inline-block;
+ padding: 10px;
+ text-decoration: none;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ position: relative;
+}
+
+#sidebar .button:hover { background-color: #111; color: #fff; }
+
+.button:active { top: 1px; }
+
+.gray.button, .gray.button:visited {
+ font-size: 10px;
+ font-weight: bold;
+ line-height: 1;
+ background-color: #ddd;
+ color: #333;
+ }
+
+.gray.button:hover {
+ background-color: #000;
+ color: #fff;
+ text-decoration: none;
+}
+
+
+
+
+
+/*greatest hits */
+
+.widget_nav_menu h2 {
+ font-size: 24px;
+}
+
+#menu-greatest-hits li {
+ margin-bottom: 10px;
+ font-size: 24px;
+ list-style-type: decimal;
+ margin-left: 30px;
+ clear: both;
+}
+
+#menu-greatest-hits a {
+ font-size: 14px;
+ line-height: 1.2;
+ display: block;
+ float: right;
+ margin-bottom: 10px;
+ padding-top: 5px;
+ text-align: left;
+ width: 100%;
+}
+
+.ie6 #menu-greatest-hits li, .ie6 #menu-greatest-hits a {
+ margin-bottom: 0;
+}
+
+/******************** FOOTER ****************************/
+
+#site-footer {
+ margin-top: 20px;
+ color: #ccc;
+ background-color: #666;
+ padding: 10px 0;
+}
+
+#site-footer .widgettitle {
+font-size: 21px;
+margin: 10px 0;
+}
+
+#site-footer a {
+ color: #fff;
+}
+
+.bio p {
+ font-size: 12px;
+ line-height: 1.3;
+}
+
+#site-footer .bio h6 a {
+ background-color: #ccc;
+ padding: 5px;
+ color: #666;
+}
+
+#site-footer .bio h6 a:hover {
+ background-color: #fff;
+ text-decoration: none;
+}
+
+.argo-follow h4 {
+ font-size: 12px;
+ margin-bottom: 5px;
+}
+
+.argo-follow img {
+ float: left;
+ margin: 2px 15px 0 0;
+}
+
+.argo-follow li {
+ font-size: 12px;
+ clear: both;
+ margin: 0 0 10px 0;
+}
+
+.argo-follow .subscribe {/* RSS Icon */
+ padding-left: 30px;
+}
+
+/* podcast button */
+
+.argo-follow .podcast {
+ background: transparent url(../img/podcast.png) no-repeat 1px 0;
+ padding-left: 30px;
+ line-height: 27px;
+}
+
+.about-site h6 {
+ float: right;
+ font-size: 11px;
+ margin-top: 7px;
+}
+
+#site-footer .about-site h6 a {
+ background-color: #ccc;
+ padding: 2px 4px;
+ color: #666;
+}
+
+#site-footer .about-site h6 a:hover {
+ background-color: #fff;
+ text-decoration: none;
+}
+
+#site-footer h3 {
+ margin: 10px 0;
+}
+
+.post-lead {
+ clear: both;
+ margin-top: 10px
+}
+
+.post-lead img {
+ float: left;
+ margin-right: 10px;
+ margin-bottom: 10px;
+}
+
+.post-lead h5 {
+ margin: 0 0 5px 80px;
+ line-height: 1;
+ font-size: 15px;
+}
+
+.post-lead p {
+ font-size: 12px;
+ line-height: 1.2;
+ margin-left: 80px;
+}
+
+#menu-read-more-about {
+ margin-bottom: 2px;
+}
+
+.must-read-footer {
+ font-size: 12px;
+}
+
+.must-read-footer li {
+ border-bottom: 1px solid #999;
+ padding-bottom: 3px;
+}
+
+.must-read-footer p {
+ margin: 0;
+ font-style: italic;
+}
+
+#site-footer ol {
+ margin-left: 20px;
+ margin-bottom: 5px;
+}
+
+#ft-archive {
+ padding-bottom: 5px;
+ margin-top: 20px;
+}
+
+#ft-archive select {
+ width: 297px;
+ padding: 3px;
+ color: #666;
+ background-color: #eee;
+}
+
+
+/* boilerplate text in footer */
+
+#boilerplate {
+ font-size: 11px;
+ border-top: 1px solid #999;
+ padding-top: 20px;
+}
+
+.back-to-top {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ font-size: 11px;
+}
+
+#boilerplate dl {
+ float: right;
+ margin-bottom: 30px;
+}
+
+#boilerplate dt, #boilerplate dd {
+ float: left;
+ line-height: 30px;
+ font-weight: normal;
+}
+
+
+#boilerplate p {
+ margin-bottom: 5px;
+}
+
+#boilerplate li {
+ float: left;
+ margin: 0 5px 0 0;
+ padding: 0 5px 0 0;
+ line-height: 1;
+}
+
+/* email newsletter feedburner */
+
+#email-footer {
+ margin-top: 20px;
+}
+
+#email-footer h4 {
+ text-transform: uppercase;
+ line-height: 1;
+ font-size: 13px;
+ margin-bottom: 5px;
+}
+
+#email-footer input {
+ width: 120px;
+ font-size:11px;
+ padding: 2px
+}
+
+#email-footer .footer-submit {
+ font-weight: bold;
+ padding: 3px;
+ font-size: 11px;
+ width: 75px;
+ color: #fff;
+ text-transform: uppercase;
+ border: 1px solid #000;
+ background-color: #000;
+}
+
+#email-footer .footer-submit:hover {
+ border: 1px solid #333;
+ background-color: #333;
+}
+
+.widget_feedburner-subscribe-widget p {
+ margin-bottom: 0;
+}
+
+.widget_feedburner-subscribe-widget input {
+ width: 190px;
+ font-size:12px;
+ padding: 4px;
+}
+
+.widget_feedburner-subscribe-widget .widget-submit {
+ font-weight: bold;
+ padding: 4px;
+ font-size: 11px;
+ width: 75px;
+ color: #fff;
+ text-transform: uppercase;
+ border: 1px solid #000;
+ background-color: #000;
+}
+
+.widget_feedburner-subscribe-widget .widget-submit:hover {
+ border: 1px solid #333;
+ background-color: #333;
+}
+
+/****************** AUDIO PLAYER ********************/
+
+ul.playlist li {
+ margin-left:0
+}
+
+/* base audio styles */
+
+.spectrum-container {
+ display:none;
+}
+
+ul.use-spectrum li.sm2_playing .spectrum-container {
+ position:absolute;
+ left:0px;
+ top:0px;
+ margin-left:-266px;
+ margin-top:-1px;
+ display:block;
+ background-color:#5588bb;
+ border:1px solid #99ccff;
+ -moz-border-radius:4px;
+ -webkit-border-radius:4px;
+ border-radius:4px;
+}
+
+ul.use-spectrum .spectrum-box {
+ position:relative;
+ width:255px;
+ font-size:14px;
+ padding:2px 0px;
+ height:1.2em;
+ overflow:hidden;
+}
+
+ul.use-spectrum .spectrum-box .spectrum {
+ position:absolute;
+ left:0px;
+ top:-2px;
+ margin-top:20px;
+ display:block;
+ font-size:1px;
+ width:1px;
+ height:1px; /* set to 50px for a thick line, 1px for a thin line, etc. */
+ overflow:hidden;
+ background-color:#fff;
+}
+
+ul.playlist {
+ list-style-type:none;
+ margin:0px;
+ padding:0px;
+}
+
+ul.playlist li {
+ /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
+ position:relative;
+ display:block;
+ width:auto;
+ font-size:2em;
+ border:none;
+ letter-spacing:-1px;
+ background-color: #f9f9f9;
+ border-radius:4px;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ min-height: 75px;
+ /* ZOMG WEB X.0. ;) */
+}
+
+#content ul.playlist li span.caption {
+ color:#666;
+ letter-spacing: .3px;
+ text-shadow: 1px 1px 1px #fff;
+ display:block;
+ line-height: 1.3;
+ font-size: 11px;
+ font-family: 'Helvetica', Arial, sans-serif;
+ font-weight: normal;
+}
+
+ul.playlist li a.inline {
+ padding:0.45em 0.5em 0.45em 0.5em;
+ -webkit-transition-property: hover;
+ -webkit-transition: background-color 0.5s ease-in-out;
+ color: #666;
+ display:block;
+ text-decoration:none;
+ font-weight:normal;
+ font-size:22px;
+ outline:none;
+ position:relative;
+ z-index:2;
+ background: transparent url(../img/audio-play-default.png) no-repeat 22px 5px;
+ line-height: 1;
+ margin-bottom: 10px;
+ padding-left:90px;
+}
+
+#content ul.playlist li a.exclude {
+ font-family: 'Helvetica', Arial, sans-serif;
+ font-size: 11px;
+ font-weight: normal;
+ padding: 0 0 0 16px;
+ color: #aaa;
+ background: transparent url(../img/audio-download.png) no-repeat 0 1px;
+ position: absolute;
+ left: 10px;
+ top: 50px;
+ display:block;
+ z-index: 3;
+ width: 100px;
+ height: 30px;
+}
+
+ul.playlist li.sm2_playing,
+ul.playlist li.sm2_paused,
+ul.playlist li.sm2_playing a.inline {
+ color:#fff;
+ background-color: #eee;
+}
+
+#content ul.playlist li.sm2_playing a.inline,
+#content ul.playlist li.sm2_playing span.caption {
+ color: #666;
+}
+
+#content ul.playlist li.sm2_playing a.inline,
+#content ul.playlist li.sm2_paused a.inline {
+ max-width: 380px;
+}
+
+
+ul.playlist li a:hover.inline {
+ background: transparent url(../img/audio-play-hover.png) no-repeat 22px 5px;
+}
+
+ul.playlist li:hover {
+ background-color: #ededed;
+}
+
+ul.playlist li:hover a.inline {
+ color:#666;
+}
+
+ul.playlist li.sm2_playing,
+ul.playlist li.sm2_playing:hover {
+ background-color: #eee;
+}
+
+ul.playlist li.sm2_playing .inline,
+ul.playlist li.sm2_playing:hover .inline {
+ background: #eee url(../img/audio-play-pause.png) no-repeat 22px 5px;
+}
+
+ul.playlist li.sm2_paused {
+ background-color: #ededed
+}
+
+ul.playlist li.sm2_paused .inline {
+ background: transparent url(../img/audio-play-default.png) no-repeat 22px 5px;
+}
+
+ul.playlist li.sm2_playing:hover a.inline,
+ul.playlist li.sm2_paused a.inline {
+ color:#fff;
+}
+
+ul.playlist li .controls {
+ display:none;
+ padding: 5px;
+ background:#eee;
+ -webkit-border-bottom-right-radius: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -moz-border-radius-bottomleft: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+
+ul.playlist li .peak,
+ul.playlist.use-peak li .peak {
+ display:none;
+ position:absolute;
+ top:0.55em;
+ right:0.5em;
+}
+
+ul.playlist li.sm2_playing .controls,
+ul.playlist li.sm2_paused .controls {
+ position:relative;
+ display:block;
+}
+
+ul.playlist.use-peak li.sm2_playing .peak,
+ul.playlist.use-peak li.sm2_paused .peak {
+ display:inline;
+ display:inline-block;
+}
+
+ul.playlist.use-peak li .peak {
+ display:none; /* IE 7 */
+}
+
+ul.playlist li.sm2_paused .controls {
+ background-color:#ddd;
+}
+
+ul.playlist li:hover .controls .statusbar {
+ position:relative;
+ cursor:ew-resize;
+ cursor:-moz-grab;
+ cursor:grab;
+}
+
+ul.playlist li.sm2_paused .controls .statusbar {
+ background-color:#eee;
+}
+
+ul.playlist li .controls {
+ position:relative;
+ margin-top:0.25em;
+ margin-bottom:0.25em;
+ background-color:#eee;
+}
+
+ul.playlist li .controls .statusbar {
+ position:relative;
+ height:0.5em;
+ background-color:#aaa;
+ overflow:hidden;
+ cursor:-moz-grab;
+ cursor:grab;
+}
+
+ul.playlist li .controls.dragging .statusbar {
+ cursor:-moz-grabbing;
+ cursor:grabbing;
+}
+
+ul.playlist li .controls .statusbar .position,
+ul.playlist li .controls .statusbar .loading,
+ul.playlist li .controls .statusbar .annotation {
+ position:absolute;
+ left:0px;
+ top:0px;
+ height:0.5em;
+}
+
+ul.playlist li .controls .statusbar .position {
+ background-color:#373737;
+ border-right:3px solid #373737;
+ border-radius:3px;
+ -moz-border-radius:3px;
+ -webkit-border-radius:3px;
+}
+
+ul.playlist li.sm2_paused .controls .statusbar .position {
+ background-color:#aaa;
+ border-color:#aaa;
+}
+
+ul.playlist li .controls .statusbar .loading {
+ background-color:#fff;
+}
+
+ul.playlist li .controls .statusbar .position,
+ul.playlist li .controls .statusbar .loading {
+ width:0px;
+}
+
+ul.playlist li.sm2_playing a.sm2_link,
+ul.playlist li.sm2_paused a.sm2_link {
+ margin-right:4.5em; /* room for timing stuff */
+}
+
+ul.playlist li .timing {
+ position:absolute;
+ display:none;
+ text-align:right;
+ right:1em;
+ top:1em;
+ width:auto;
+ height:1em;
+ padding:3px 5px;
+ background-color:#aaa;
+ -moz-border-radius:4px;
+ -khtml-border-radius:4px;
+ border-radius:4px;
+ letter-spacing:0px;
+ font:44% monaco,"VT-100",terminal,"lucida console",courier,system;
+ line-height:1em;
+ vertical-align:middle;
+}
+
+ul.playlist.use-peak li .timing {
+ right:4.25em;
+}
+
+ul.playlist li:hover .timing {
+ z-index:2;
+}
+
+ul.playlist li .timing div.sm2_timing {
+ margin:0px;
+ padding:0px;
+ margin-top:-1em;
+}
+
+ul.playlist li.sm2_playing .timing,
+ul.playlist li.sm2_paused .timing {
+ display:block;
+}
+
+ul.playlist li.sm2_paused .timing .sm2_position {
+ text-decoration:blink; /* hee hee. first actual appropriate use? :D */
+}
+
+ul.playlist li.sm2_paused .timing,
+ul.playlist.use-peak li.sm2_paused .peak {
+ background-color:#aaa;
+}
+
+/* peak data */
+
+/* ul.playlist ... */
+
+ul.playlist.use-peak li .peak {
+ display:none;
+ zoom:1;
+ padding:2px;
+ height:0.55em;
+ -moz-border-radius:4px;
+ -khtml-border-radius:4px;
+ border-radius:4px;
+ background-color:#aaa;
+ width:0.8em;
+ height:0.55em;
+ margin-top:-3px;
+}
+
+ul.playlist.use-peak li .peak-box {
+ position:relative;
+ width:100%;
+ height:0.55em;
+ overflow:hidden;
+}
+
+ul.playlist li .peak .l,
+ul.playlist li .peak .r {
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:7px;
+ height:50px;
+ background:#fff;
+ border:1px solid #fff;
+ -moz-border-radius:1px;
+ -khtml-border-radius:1px;
+ margin-top:1em;
+}
+
+ul.playlist li .peak .l {
+ margin-right:1px;
+}
+
+ul.playlist li .peak .r {
+ left:10px;
+}
+
+#control-template {
+ display:none;
+}
+
+/* flash player audio */
+
+/*
+ SoundManager 2 + useFlashBlock
+ Flash positioning and flashblock / clicktoflash handling
+*/
+
+#sm2-container {
+ /*
+ where the SM2 flash movie goes. by default, relative container.
+ set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
+ */
+ position:relative;
+ width:1px;
+ height:1px;
+ _overflow:hidden; /* screw IE 6, just make it display nice */
+}
+
+#sm2-container object,
+#sm2-container embed {
+ /*
+ the actual movie bit.
+ SWF needs to be able to be moved off-screen without display: or position: changes. important.
+ changing display: or position: or overflow: here or on parent can cause SFW reload or other weird issues after unblock,
+ eg. SM2 starts but strange errors, no whileplaying() etc.
+ */
+ position:absolute;
+}
+
+#sm2-container object,
+#sm2-container embed,
+#sm2-container.swf_timedout,
+#sm2-container.swf_timedout object,
+#sm2-container.swf_timedout embed {
+ /*
+ when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
+ 48px square flash placeholder is typically used by blockers.
+ */
+ left:auto;
+ top:auto;
+ width:48px;
+ height:48px;
+}
+
+#sm2-container.swf_unblocked {
+ /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
+ width:1px;
+ height:1px;
+}
+
+#sm2-container.swf_unblocked object,
+#sm2-container.swf_unblocked embed {
+ /* hide flash off-screen (relative to container) when it has loaded OK */
+ left:-9999em;
+ top:-9999em;
+}
+
+#sm2-container.swf_error {
+ /* when there is a fatal error (flash loaded, but SM2 failed) */
+ display:none;
+}
+
+#sm2-container.high_performance {
+ /* "high performance" case: keep on-screen at all times */
+ position:absolute;
+ position:fixed;
+ _top:-9999px; /* IE 6 hax, no position:fixed */
+ _left:-9999px;
+ bottom:0px;
+ left:0px;
+ /*
+ special case: show at first with w/h, hide when unblocked.
+ might be bad/annoying.
+ */
+ width:48px;
+ height:48px;
+ z-index:99; /* try to stay on top */
+}
+
+#sm2-container.high_performance.swf_unblocked {
+ z-index:auto;
+}
+
+#sm2-container.high_performance.swf_unblocked,
+#sm2-container.high_performance.swf_unblocked object,
+#sm2-container.high_performance.swf_unblocked embed {
+ /* 8x8px is required minimum to load in fx/win32 in some cases(?), 6x6+ good for fast performance, even better when on-screen via position:fixed */
+ width:8px;
+ height:8px;
+}
+
+#sm2-container.high_performance.swf_unblocked object,
+#sm2-container.high_performance.swf_unblocked embed {
+ /* high-performance case must stay on-screen */
+ left:auto;
+ top:auto;
+}
+
+#sm2-container.high_performance.swf_timedout {
+ z-index:99; /* try to stay on top */
+}
+
+/*no-js styles*/
+
+.no-js #primary, .no-js #category-sidebar {
+ display: block;
+ width: 290px;
+}
+
+.no-js .playlist li a.inline, .no-js .playlist li a:hover.inline, .ie6 .playlist li a.inline, .ie6 .playlist li a:hover.inline {
+ background: transparent;
+ padding: 0;
+}
+
+.no-js .playlist .exclude, .ie6 .playlist .exclude {
+ display: none !important;
+}
+
+.no-js .post-meta, .no-js #respond, .no-js #disqus_thread, .no-js .dsq-brlink, .no-js .network-branding {
+ display: none !important;
+}
+
+/*
+ * print styles
+ * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
+ */
+@media print {
+
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
+
+ .global-nav-bg, .featured-posts, #main-nav, .clear, #topics-bar, .post-meta, .post-pagination, #respond, #sidebar, #site-footer, .list-pagination, #disqus_thread, .dsq-brlink, .post-nav { display: none;}
+
+ #header, #branding {height: auto !important;}
+
+ #header #branding h1 {
+ text-indent: 0 !important;
+ margin: 0 0 .5em 0 !important;
+ padding: 0 !important;
+ height: 30px !important;
+ width: auto !important;
+ font-size: 18pt;
+ }
+
+ #branding h2 {display: none;}
+
+ #wrapper {
+ width: auto !important;
+ margin: 2%;
+ padding: 0;
+ border: 0 !important;
+ float: none !important;
+ color: black;
+ background: transparent;
+ }
+
+ a:link, a:visited {
+ color: #333;
+ background: transparent;
+ font-weight: bold;
+ text-decoration: underline;
+ }
+
+
+ #main {
+ margin: 0 !important;
+ padding-top: .5em;
+ border-top: 1px solid #000;
+ }
+
+ .container_12,
+ .container_16,
+ .grid_1,
+ .grid_2,
+ .grid_3,
+ .grid_4,
+ .grid_5,
+ .grid_6,
+ .grid_7,
+ .grid_8,
+ .grid_9,
+ .grid_10,
+ .grid_11,
+ .grid_12,
+ .grid_13,
+ .grid_14,
+ .grid_15,
+ .grid_16 {
+ width: auto !important;
+ }
+
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+
+ img { page-break-inside: avoid; }
+
+ @page { margin: 0.5cm; }
+
+ p, h2, h3 { orphans: 3; widows: 3; }
+
+ h2, h3{ page-break-after: avoid; }
+
+
+ #respond {
+ display: none;
+ }
+ .widget-area {
+ display: none;
+ }
+
+ /* Comments */
+ .commentlist > li.comment {
+ background: none;
+ border: 1px solid #ddd;
+ -moz-border-radius: 3px 3px 3px 3px;
+ border-radius: 3px 3px 3px 3px;
+ margin: 0 auto 1.625em;
+ padding: 1.625em;
+ position: relative;
+ width: auto;
+ }
+ .commentlist .avatar {
+ height: 39px;
+ left: 2.2em;
+ top: 2.2em;
+ width: 39px;
+ }
+ .commentlist li.comment .comment-meta {
+ line-height: 1.625em;
+ margin-left: 50px;
+ }
+ .commentlist li.comment .fn {
+ display: block;
+ }
+ .commentlist li.comment .comment-content {
+ margin: 1.625em 0 0;
+ }
+ .commentlist .comment-edit-link {
+ display: none;
+ }
+ .commentlist > li::before,
+ .commentlist > li.bypostauthor::before {
+ content: '';
+ }
+ .commentlist .reply {
+ display: none;
+ }
+
+ /* Post author highlighting */
+ .commentlist > li.bypostauthor {
+ color: #444;
+ }
+ .commentlist > li.bypostauthor .comment-meta {
+ color: #666;
+ }
+ .commentlist > li.bypostauthor:before {
+ content: none;
+ }
+
+ /* Post Author threaded comments */
+ .commentlist .children > li.bypostauthor {
+ background: #fff;
+ border-color: #ddd;
+ }
+ .commentlist .children > li.bypostauthor > article,
+ .commentlist .children > li.bypostauthor > article .comment-meta {
+ color: #666;
+ }
+
+}
+
+/*
+ * Media queries for responsive design
+ */
+
+@media all and (orientation:portrait) {
+ /* Style adjustments for portrait mode goes here */
+
+}
+
+@media all and (orientation:landscape) {
+ /* Style adjustments for landscape mode goes here */
+
+}
+
+/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
+ Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
+@media screen and (max-device-width: 480px) {
+
+
+ /* Prevent iOS, WinMobile from adjusting font size
+ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+ */
+ }
+
+
diff --git a/editor-style.css b/editor-style.css
new file mode 100644
index 000000000..03613be2a
--- /dev/null
+++ b/editor-style.css
@@ -0,0 +1,605 @@
+/*
+Theme Name: Argo
+*/
+/*
+Used to style the TinyMCE editor.
+*/
+
+@import url(css/960.css);
+
+/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 | */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, figure, footer, header,
+hgroup, menu, nav, section, menu,
+time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+
+article, aside, figure, footer, header,
+hgroup, nav, section { display:block; }
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
+
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
+
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
+
+/* font normalization */
+body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
+
+table { font-size:inherit; font:100%; }
+
+select, input, textarea { font:99% sans-serif; }
+
+/* normalize monospace sizing */
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+/*
+ * minimal base styles
+ */
+body, select, input, textarea { color:#444; }
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; }
+
+html { -webkit-font-smoothing: antialiased; }
+
+a:hover, a:active { outline: none; }
+
+a, a:active, a:visited { color:#607890; }
+a:hover { color:#036; }
+
+ul, ol {list-style: none;}
+
+small { font-size:85%; }
+strong, th { font-weight: bold; }
+
+td, td img { vertical-align:top; }
+
+sub { vertical-align: sub; font-size: smaller; }
+sup { vertical-align: super; font-size: smaller; }
+
+pre {
+ padding: 15px;
+ white-space: pre; /* CSS2 */
+ white-space: pre-wrap; /* CSS 2.1 */
+ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+ word-wrap: break-word; /* IE */
+}
+
+/* checkboxes */
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+
+/* hand cursor on clickable input elements */
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+/* highlight color */
+::-moz-selection{ background: #999; color:#333; text-shadow: none; }
+::selection { background:#999; color:#333; text-shadow: none; }
+a:link { -webkit-tap-highlight-color: #999; }
+
+/* always force a scrollbar in non-IE */
+html { overflow-y: scroll; }
+
+/* make buttons play nice in IE */
+button { width: auto; overflow: visible; }
+
+/* bicubic resizing for non-native sized IMG */
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+/*
+ * Non-semantic helper classes
+ */
+
+/* for image replacement */
+.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
+F
+/* Hide for both screenreaders and browsers */
+.hidden { display:none; visibility:hidden; }
+
+/* Hide only visually, but have it available for screenreaders */
+.visuallyhidden { position:absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX << */
+.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.clearfix { display: inline-block; }
+* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
+.clearfix { display: block; }
+
+ /* Primary Foundation Styles
+ Author: Wesley Lindamood
+ */
+
+/* Basic HTML */
+
+body {
+ font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ color: #333;
+}
+
+a:focus {
+ outline: 1px dotted;
+}
+
+hr {
+ border: 0 #ccc solid;
+ border-top-width: 1px;
+ clear: both;
+ height: 0;
+}
+
+ p,
+ dl,
+ hr,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ ol,
+ ul,
+ pre,
+ table,
+ address,
+ fieldset {
+ margin-bottom: 15px;
+}
+
+ h1 {
+ font-size: 50px;
+ line-height: 1;
+}
+
+h2 {
+ font-size: 30px;
+ font-weight: normal;
+ line-height: 1;
+}
+
+h3 {
+ font-size: 21px;
+ font-weight: normal;
+ line-height: 1;
+}
+
+
+/* lists */
+
+ ol {list-style: decimal;}
+
+ dl dt { font-weight: bold; }
+ dd { margin-left: 5px;}
+
+/* text elements */
+#content a {font-weight: bold;}
+
+a:focus,
+a:hover { text-decoration: underline;}
+a { color: #666; text-decoration: none; }
+
+blockquote { font-style: italic; }
+strong, b { font-weight: bold;}
+em,dfn, i { font-style: italic; }
+dfn { font-weight: bold; }
+sup, sub { line-height: 0; }
+
+sub {
+font-size: smaller;
+vertical-align: sub;
+}
+
+sup {
+font-size: smaller;
+vertical-align: super;
+}
+
+
+acronym { border-bottom: 1px dotted #666; }
+address { margin: 0 0 1.5em; font-style: italic; }
+del { color:#666; }
+
+pre { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+/* Tables */
+
+table { margin-bottom: 1.4em; width:100%; }
+th { font-weight: bold; }
+thead th { background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even td { background: #e5ecf9; }
+tfoot { font-style: italic; }
+caption { background: #eee; }
+
+/* Misc classes */
+
+.first { margin-left:0; padding-left:0; }
+.last { margin-right:0; padding-right:0; }
+.top { margin-top:0; padding-top:0; }
+.bottom { margin-bottom:0; padding-bottom:0; }
+
+.left { float: left; margin: 5px 20px 10px 0; }
+.right {float: right; margin: 0 0 10px 20px; }
+
+/* forms */
+
+label { font-weight: bold; }
+fieldset { padding:5px; margin: 0 0 5px 0; border: 1px solid #ccc; }
+legend { font-weight: bold;}
+
+
+/* Form fields
+-------------------------------------------------------------- */
+
+input[type=text],
+input.text, input.title,
+textarea, select {
+ background-color:#fff;
+ border:1px solid #bbb;
+}
+input[type=text]:focus,
+input.text:focus, input.title:focus,
+textarea:focus, select:focus {
+ border-color:#666;
+}
+
+input[type=text],
+input.text, input.title,
+textarea, select {
+ margin:5px 0;
+}
+
+input.text,
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea { width: 390px; height: 250px; padding:5px; }
+
+input[type=checkbox], input[type=radio],
+input.checkbox, input.radio {
+ position:relative; top:3px;
+}
+
+form.inline { line-height:3; }
+form.inline p { margin-bottom:0; }
+
+
+/* Success, notice and error boxes
+-------------------------------------------------------------- */
+
+.error,
+.notice,
+.success { padding: 5px; margin-bottom: 5px; border: 2px solid #ddd; }
+
+.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
+.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
+.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
+.error a { color: #8a1f11; }
+.notice a { color: #514721; }
+.success a { color: #264409; }
+
+
+/*global editor styles */
+
+html .mceContentBody {
+ max-width:620px;
+}
+
+* {
+ font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ color: #333;
+}
+
+
+/************** POST ******************/
+
+h2 {
+margin: 10px 0;
+}
+
+h3 {
+font-size: 24px;
+line-height: 1.3;
+font-weight: bold;
+}
+
+h4 {
+font-size: 18px;
+line-height: 1.3;
+font-weight: bold;
+}
+
+h5 {
+font-size: 14px;
+line-height: 1.3;
+font-weight: bold;
+}
+
+h6 {
+font-size: 11px;
+line-height: 1.3;
+font-weight: bold;
+}
+
+a {
+color: #3366cc;
+}
+
+ul {
+ list-style: disc;
+}
+
+li {
+margin: 0 0 10px 30px;
+}
+
+h2 a {
+color: #333;
+font-weight: normal;
+}
+
+blockquote {
+background-color: #ddd;
+padding: 20px;
+margin: 20px 0;
+font-style: italic !important;
+}
+
+blockquote h6 {
+margin: 0;
+font-style: normal;
+font-size: 12px;
+}
+
+blockquote .source {
+font-size: 11px;
+font-weight: normal;
+font-style: italic;
+}
+
+.intro { /*style the first paragraph in a long post */
+font-size: 18px;
+font-style: italic;
+color: #999;
+line-height: 1.3;
+}
+
+/* post page content modules */
+
+.module {
+margin-bottom: 10px;
+color: #000;
+}
+
+.module h3 {
+font-size: 14px;
+margin-bottom: 10px;
+font-weight: bold;
+}
+
+.module dl {
+margin: 0;
+}
+
+.module dt {
+font-size: 14px;
+margin-bottom: 10px;
+}
+
+.module dd {
+margin: 0 0 10px 0;
+}
+
+.aside p {
+font-size: 11px;
+}
+
+.image img {
+display: block;
+}
+
+.wp-media-credit {
+font-size: 10px;
+margin: 0;
+text-align: right;
+color: #666;
+line-height: 1;
+display: block;
+}
+
+.wp-caption-text {
+font-size: 12px;
+margin: 5px 0 0 0;
+color: #666;
+font-style: italic;
+line-height: 1;
+display: block;
+}
+
+.permalink {
+display: block;
+}
+
+.module .attribution {
+margin: 0;
+font-size: 11px;
+font-style: italic;
+}
+
+.half {
+width: 300px;
+font-size: 11px;
+}
+
+.aligncenter, .centered {
+width: 460px;
+margin: 20px auto;
+}
+
+.alignleft, .left {
+float: left;
+margin: 5px 20px 10px 0;
+}
+
+.alignright, .right {
+float: right;
+margin: 0 0 10px 20px;
+}
+
+.pull-quote {
+width: 300px;
+border-bottom: none;
+border-left: 4px solid #333;
+padding-left: 20px;
+font-size: 24px;
+font-style: italic;
+line-height: 1.3;
+margin: 20px;
+}
+
+.pull-quote h6 {
+font-size: 12px;
+font-style: italic;
+margin: 0
+}
+
+.pull-quote p {
+font-size: 24px;
+}
+
+/* floated images */
+
+.alignleft,
+img.alignleft {
+ display: inline;
+ float: left;
+ margin-right: 24px;
+ margin-top: 4px;
+}
+.alignright,
+img.alignright {
+ display: inline;
+ float: right;
+ margin-left: 24px;
+ margin-top: 4px;
+}
+.aligncenter,
+img.aligncenter {
+ clear: both;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+img.alignleft,
+img.alignright,
+img.aligncenter {
+ margin-bottom: 12px;
+}
+.wp-caption {
+ border: none;
+ background: #f1f1f1;
+ color: #888;
+ font-size: 12px;
+ line-height: 18px;
+ text-align: center;
+ margin-bottom: 20px;
+ padding: 4px;
+ -moz-border-radius: 0;
+ -khtml-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.wp-caption img {
+ margin: 5px;
+}
+.wp-caption p.wp-caption-text {
+ margin: 0 0 4px;
+}
+.wp-smiley {
+ margin:0;
+}
+
+ul.playlist li {
+background: url(../img/audio-play.png)
+}
+
+.image {
+border-bottom:1px solid #999999;
+color:#000000;
+margin-bottom:20px;
+padding-bottom:10px;
+}
+
+.image p {margin-bottom:6px}
+
+.image p.credit {
+color:#666666;
+font-size:10px;
+margin:0;
+text-align:right;
+}
+
+.image p.caption {
+ font-size: 12px;
+ margin: 5px 0 0 0;
+ color: #666;
+ font-style: italic;
+ line-height: 1;
+ display: block;
+}
+
+.left {
+float:left;
+margin:5px 20px 10px 0;
+}
+
+.right {
+float:right;
+margin:5px 0 10px 20px;
+}
+
+.half {
+width: 300px;
+font-size: 11px;
+}
diff --git a/footer.php b/footer.php
new file mode 100644
index 000000000..0adde6004
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,36 @@
+
+
+