answers-core 0.0.0

data/app/assets/stylesheets/answers/active_admin_custom.css.scss

@@ -0,0 +1,35 @@
+// Active Admin CSS Styles
+@import "active_admin/mixins";
+@import "active_admin/base";
+
+/* Define language areas */
+body.active_admin{
+  li.top-break{
+      border-top: 20px solid #fff; 
+      padding-top:2em;
+    }
+  form{
+    fieldset{
+      textarea{
+        font-size:2em;
+        width:50%;
+        &#quick_answer_preview,
+        &#quick_answer_preview_es,
+        &#quick_answer_preview_cn{
+          height:100px;
+        }
+      }
+      input[type=text]{
+        font-size:2em;
+        width:50%;
+      }
+      ol{
+        li{
+          label{
+            font-size:2em;
+          }
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/answers/formatting.css

@@ -0,0 +1,82 @@
+/*!
+ * Custom Bootstrap Build
+ * Only Scaffolding and Responsive compnents used
+ */
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
+.clearfix:after{clear:both;}
+.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
+.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
+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;}
+html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
+a:hover,a:active{outline:0;}
+sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
+sup{top:-0.5em;}
+sub{bottom:-0.25em;}
+img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
+#map_canvas img{max-width:none;}
+button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
+button,input{*overflow:visible;line-height:normal;}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
+button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
+input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
+input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;}
+body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;}
+a{color:#0088cc;text-decoration:none;}
+a:hover{color:#005580;text-decoration:underline;}
+.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
+.row:after{clear:both;}
+[class*="span"]{float:left;margin-left:20px;}
+.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
+.span12{width:940px;}
+.span11{width:860px;}
+.span10{width:780px;}
+.span9{width:700px;}
+.span8{width:620px;}
+.span7{width:540px;}
+.span6{width:460px;}
+.span5{width:380px;}
+.span4{width:300px;}
+.span3{width:220px;}
+.span2{width:140px;}
+.span1{width:60px;}
+.offset12{margin-left:980px;}
+.offset11{margin-left:900px;}
+.offset10{margin-left:820px;}
+.offset9{margin-left:740px;}
+.offset8{margin-left:660px;}
+.offset7{margin-left:580px;}
+.offset6{margin-left:500px;}
+.offset5{margin-left:420px;}
+.offset4{margin-left:340px;}
+.offset3{margin-left:260px;}
+.offset2{margin-left:180px;}
+.offset1{margin-left:100px;}
+.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
+.row-fluid:after{clear:both;}
+.row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846382977%;}
+.row-fluid [class*="span"]:first-child{margin-left:0;}
+.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;}
+.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%;}
+.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%;}
+.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%;}
+.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%;}
+.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%;}
+.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%;}
+.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%;}
+.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%;}
+.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%;}
+.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%;}
+.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%;}
+.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
+.container:after{clear:both;}
+.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
+.container-fluid:after{clear:both;}
+.hidden{display:none;visibility:hidden;}
+.visible-phone{display:none !important;}
+.visible-tablet{display:none !important;}
+.hidden-desktop{display:none !important;}
+@media (max-width:767px){.visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} [class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:auto;margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.762430939%;*margin-left:2.709239449638298%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .span12{width:99.999999993%;*width:99.9468085036383%;} .row-fluid .span11{width:91.436464082%;*width:91.38327259263829%;} .row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%;} .row-fluid .span9{width:74.30939226%;*width:74.25620077063829%;} .row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%;} .row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%;} .row-fluid .span6{width:48.618784527%;*width:48.5655930376383%;} .row-fluid .span5{width:40.055248616%;*width:40.0020571266383%;} .row-fluid .span4{width:31.491712705%;*width:31.4385212156383%;} .row-fluid .span3{width:22.928176794%;*width:22.874985304638297%;} .row-fluid .span2{width:14.364640883%;*width:14.311449393638298%;} .row-fluid .span1{width:5.801104972%;*width:5.747913482638298%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564%;*margin-left:2.510911074638298%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%;} .row-fluid .span10{width:82.905982906%;*width:82.8527914166383%;} .row-fluid .span9{width:74.358974359%;*width:74.30578286963829%;} .row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%;} .row-fluid .span7{width:57.264957265%;*width:57.2117657756383%;} .row-fluid .span6{width:48.717948718%;*width:48.6647572286383%;} .row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%;} .row-fluid .span4{width:31.623931624%;*width:31.5707401346383%;} .row-fluid .span3{width:23.076923077%;*width:23.0237315876383%;} .row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%;} .row-fluid .span1{width:5.982905983%;*width:5.929714493638298%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:static;} .navbar-fixed-top{margin-bottom:18px;} .navbar-fixed-bottom{margin-top:18px;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .nav-collapse{clear:both;} .nav-collapse .nav{float:none;margin:0 0 9px;} .nav-collapse .nav>li{float:none;} .nav-collapse .nav>li>a{margin-bottom:2px;} .nav-collapse .nav>.divider-vertical{display:none;} .nav-collapse .nav .nav-header{color:#999999;text-shadow:none;} .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;} .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#222222;} .nav-collapse.in .btn-group{margin-top:5px;padding:0;} .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;} .nav-collapse .dropdown-menu .divider{display:none;} .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);} .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;} .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;} .navbar .btn-navbar{display:block;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}

data/app/assets/stylesheets/answers/mobile.css

@@ -0,0 +1,149 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+*/
+
+
+#searchBox {
+  background:  rgba(255, 198, 10, 0.8);
+  width: 100%;
+  height: 70px;
+  margin: 0;
+  padding: 10px 0 0 0;
+  text-align: center;
+  position: relative;	
+  height:inherit;
+
+}
+
+#topPattern {
+  display:none;
+}
+
+form#search{ 
+  width:100%;
+  margin-top:5px;
+}
+.results #searchBox form{
+  width:inherit;
+  padding-top:0px;
+} 
+form#search input#query { 
+  width:80%;
+}
+#navigation{ 
+  padding:0px;
+}
+.results #navigation{ 
+  position:relative;
+}
+p.welcome{ 
+  display:none;
+}
+p.hnlanswers{ 
+  float:none;
+  display:block;
+}
+
+#content {
+  background-color: #fff;
+  margin: 0 auto;
+  padding: 5px;
+  min-width:300px;
+  width:inherit;
+}
+span.exampleText{ 
+  display:none;
+}
+
+input#query{ 
+  width: 200px;
+  padding:5px;
+  margin-top:5px;
+  
+}
+form#search input.btn {
+	width: 30px;
+	height: 30px;
+	cursor:pointer;
+}
+
+div.quickAnswer{
+  margin-top:10px;
+  width:inherit;
+}
+#searchStatus{ 
+  margin:2px;
+  font-size:16px;
+}
+#searchStatus .count{ 
+  font-size:12px;
+}
+div#results ul{ 
+  margin-top:5px;
+}
+div#results ul h1{
+  margin-top:5px;
+} 
+div#results ul li{
+  padding-bottom:5px;
+}
+
+#browse{
+	position: relative;
+	margin: 40px auto;
+	border-radius: 3px;
+	width:70%;
+}
+div.content {
+	width: inherit;
+	padding: 5px 0;
+}
+
+div.contact {
+  background-color: #ecdebd;
+  width: inherit;
+  padding: 5px 5px;
+  position: static;
+  color: #ecdebd;
+  margin-top:50px;
+}
+
+div.article{ 
+  padding: 10px 15px;
+  min-width:20px;
+  max-width:inherit;
+  border-top: 3px solid #BD8A38;
+  position: relative;
+  font: 14px arial;
+  position:relative;
+  left:0px;
+  margin:0px;
+}
+
+div.article h1{ 
+  font-size:32px;
+  color:#333;
+  font-weight:normal;
+  display: inline;
+}
+
+.disclaimer {
+	padding: 0 20px;
+}
+
+#cfa_corner_ribbon {
+  display:none;
+}
+#skip_nav a:focus, #skipLinks a:active {
+  display: block;
+  width: 7.5em;
+  margin-left: 20px;
+}

data/app/assets/stylesheets/answers/tags.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Tags controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

data/app/assets/stylesheets/answers/theme.css

@@ -0,0 +1,916 @@
+/* Honolulu Answers CSS - V2 */
+/* Boostrap Scaffolding Included in asset pipeliene */
+
+/* Font-Face Declarations */
+@import url(http://fonts.googleapis.com/css?family=Satisfy);
+@import url(http://fonts.googleapis.com/css?family=Oswald);
+/*@import url(https://github.com/theleagueof/league-gothic/blob/master/LeagueGothic-Regular.otf?raw=true);*/
+@import url(http://fonts.googleapis.com/css?family=News+Cycle);
+@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
+
+
+/* CSS Reset - Eric Meyer */
+html, body, div, span, ul, ol, li, form, fieldset, legend, label, h1, h2, h3, h4, h5, h6, p, a { 
+  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; }
+ol, ul, li { list-style: none; }
+
+/* Removing outline border on active links (WCAG safe - active state links handled explicitly below) */
+a:focus, a:active { 
+  outline: 0;
+  background-color: rgb(255,222,77);
+  color: black;
+}
+
+
+
+/* Sticky Footer */
+html, body, #wrapper { height:100%; }
+body > #wrapper { height:auto; min-height: 100%; }
+.container.main { padding-bottom: 50px; /* negative footer height for sticky footer */ }
+.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.clearfix { display: inline-block; }
+* html .clearfix { height: 1%; }
+.clearfix { display: block; }
+
+
+
+/* Get Satisfaction tweaks */
+a.gsfn-jqmClose {
+  border-bottom: none;
+}
+
+
+
+/* General Styles */
+/* -------------- */
+body {
+ /*background:transparent url("/assets/background_image.jpg") repeat 0 100%;*/
+ background-attachment: fixed;
+ font: 100%/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
+}
+
+
+/* Fonts */
+/* ----- */
+h2, h3, h4, h5, h6 { font: 100%/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; line-height: 100%; }
+
+
+h1 {
+  font-family: "Archivo Narrow", "News Cycle", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; line-height: 100%;
+  font-size: 30px; 
+  /*font-weight: bold;
+  font-size: 1.6em;
+  line-height: 60%;
+  letter-spacing: 0.04em;*/
+}
+h1.home-modal {
+  font-size: 5.4em;
+  font-weight: 580;
+  letter-spacing: 0.04em;
+  color: #303030;
+  font-family: Oswald, "News Cycle", Helvetica, Tahoma, Arial, sans-serif;
+  text-transform: uppercase;
+  text-align: center;
+  margin: 35px 0 30px 0;
+  text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1), -5px 2px 5px rgba(0, 0, 0, 0.05), -5px 2px 5px rgba(0, 0, 0, 0.05);
+}
+h2 {
+  font-size: 18px;
+}
+h3.welcome {
+  font-family: "Satisfy", cursive;
+  color: #303030;
+  font-size:36px;
+  text-align: center;
+  line-height: 100%;
+  z-index: 100;
+  margin-top: 15px;
+  margin-bottom: 10px;
+}
+h3.content-type {
+  padding: 10px 15px;
+  color: #FFF;
+  background-color: #000;
+  display: inline-block;
+  text-transform: uppercase;
+  margin-left: -30px;
+  margin-bottom: 15px;
+  font-family: Oswald, "News Cycle", Helvetica, Tahoma, Arial, sans-serif;
+  font-size: 14px;
+  letter-spacing: 0.07em;
+}
+
+h4.side-head {
+  font-family: Oswald, "News Cycle", Helvetica, Tahoma, Arial, sans-serif;
+  font-size: 18px;
+  color: #FFF;
+  background-color:#3a9d2f;
+  padding: 10px 15px;
+  margin: 0;
+  letter-spacing: 0.075em;
+}
+
+h5 { }
+h6 { }
+
+p {
+  /*font-size: 1.1em;*/
+  color: #070707;
+  font-weight: 300;
+  margin: 10px 0;
+}
+p.preview {
+  font-weight: 300;
+  margin-bottom: 0px;
+}
+
+p a,h1 a,h2 a,h3 a,h4 a,li a{
+  color: rgb(0,136,204);
+  border-bottom: none;
+}
+
+p a:hover{
+  color: rgb(0,136,204);
+  border-bottom: 1px solid #3a9d2f;
+}
+
+.breadcrumbs a{
+  color: rgb(0,136,204);
+  border-bottom: none;
+}
+.breadcrumbs li{
+  display: inline;
+}
+
+table a{
+  border-bottom: none;
+}
+
+a { 
+  border-bottom: 1px solid #3a9d2f;
+}
+
+.category p a{ 
+  border-bottom: 1px solid #3a9d2f;
+}
+
+a:hover{
+  border-bottom: 1px solid #3a9d2f;
+  text-decoration: none;
+  color: rgb(0,136,204);
+}
+
+a.hnl-logo {
+  font-size: 20px;
+  color: #FFFFFF;
+  font-family: Oswald, "News Cycle", Helvetica, Tahoma, Arial, sans-serif;
+  letter-spacing:0.08em;
+  border-bottom: 7px solid #3a9d2f;
+  text-decoration: none;
+  text-transform: uppercase;
+  line-height: 70%;
+}
+
+a.hnl-logo:hover {
+  border-bottom: 10px solid #3a9d2f;
+}
+
+.sidebar-content  {
+  font-size: 14px;
+}
+
+
+/* Top Navbar */
+/* ---------- */
+div.navbar-top {
+  width: 100%;
+  background-color: #454d60;
+  height: 80px;
+}
+div.logo {
+  display: inline-block;
+  padding-top:35px;
+}
+img.beta {
+  margin-top: -65px;
+  margin-left: -10px;
+}
+ul.nav-top {
+  display: inline-block;
+  padding-top: 35px;
+}
+.nav-top li {
+  display: block;
+  float: left;
+}
+.nav-top li a {
+  color: #FFFFFF;
+  font-weight: bold;
+  float: none;
+  font-size: 14px;
+  margin: 9px 10px 2px;
+  border-bottom: none;
+}
+
+.nav-top li a:hover {
+  border-bottom: 1px solid #3a9d2f;
+}
+
+.nav-top li a:active, .nav-top li a:focus{
+  color: black;
+}
+
+div.header-search {
+  padding-top: 35px;
+}
+.header-search form.right {
+  float:right;
+}
+.header-search input:focus#query {
+  background-color: #FFF;
+  border: 1px solid #3a9d2f;
+}
+.header-search input#query {
+  height: 30%;
+  width: 70%;
+  padding: 0;
+  border: 1px solid #FFF;
+  background-color: #EEE;
+ 
+  width: 60%;
+}
+.header-search input.btn-search {
+  font-size: 1em;
+  padding: 4px 5px;
+  margin: 0;
+  -moz-border-radius:     2px;
+  -webkit-border-radius:  2px;
+  border-radius:          2px;
+  margin-left: 5px;
+}
+
+
+/* Homepage Modal */
+/* -------------- */
+.container.main {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+.modal-container {
+  background-color: #fbfbfb;
+  float: none;
+  margin: 0 auto;
+  padding: 40px 50px 50px 50px;
+  border:1px solid #FFF;
+  -moz-box-shadow:    0px 0px 20px 1px rgba(0, 0, 0, 0.4);
+  -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
+  box-shadow:         0px 0px 20px 1px rgba(0, 0, 0, 0.4);
+}
+
+div.main-modal { }
+
+div#welcome-line-l {
+  position: relative;
+  float: left;
+  margin-top: 12px;
+  z-index: 1;
+  width: 35%;
+  border: 1px solid #666768;
+}
+
+div#welcome-line-r {
+  position: relative;
+  float: right;
+  margin-top: 12px;
+  z-index: 50;
+  width: 35%;
+  border: 1px solid #666768;
+}
+ 
+div.pop-heading {
+  border-bottom: 10px solid #3a9d2f;
+  margin: 0 0 20px 0;
+}
+
+div.pop-categories p a {
+}
+
+
+
+
+div.pop-categories li {
+  display: block;
+  font-size: 120%;
+}
+
+
+p.call {
+  font-size: 20px; 
+  margin-bottom: 20px;
+  text-align: center;
+}
+.pop-heading h2 {
+  font-size:20px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+div.category {
+  padding: 20px 0;
+  border-bottom: 1px solid #cdcbcb;
+}
+div.category.last {
+  border: none;
+}
+.category {
+  font-size: 14px;
+  color: #333;
+}
+.category .left {
+  font-size: 20px;
+  display: inline-block;
+  margin-right: 60px;
+}
+
+div.category a{
+  color: rgb(51, 51, 51);
+}
+
+div.category a:hover{
+  color: rgb(69, 128, 180);
+}
+
+.category .right{
+  font-size: 120%;
+  /*word-spacing: 20px;*/
+}
+
+
+/* Homepage Modal -- Search Ribbon*/
+/* ------------------------------ */
+div.search-ribbon {}
+.ribbon-wrapper {
+  position: relative;
+  width: 700px;
+  height: 60px;
+  margin: 0 auto;
+  text-align: center;
+  padding-top: 10px;
+}
+.ribbon-front {
+  position: relative;
+  padding: 25px 70px;
+  margin: 0 -78px 50px -78px;
+  background-color: rgb(69,77,96);
+  color: white;
+  text-shadow: 0 1px 1px #155B88;
+  box-shadow: 2px 1px 6px -3px rgba(0, 0, 0, 0.5), -2px 0px 5px -3px rgba(0, 0, 0, 0.5), 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
+}
+
+.ribbon-front .triangle-l {
+  border-color: transparent #2a3040 transparent transparent;
+  border-style:solid;
+  border-width:34px;
+  height:0;
+  width:0;
+  position: absolute;
+  left: -34px;
+  top: 83px;
+  z-index: -1;
+}
+
+.ribbon-front .triangle-r {
+  border-color: transparent transparent transparent #2a3040;
+  border-style:solid;
+  border-width:34px;
+  height:0;
+  width:0;
+  position: absolute;
+  right: -34px;
+  top: 83px;
+  z-index: -1;
+}
+
+
+/* Search bar */
+/* ---------- */
+
+input#query {
+  width: 70%;
+  height: 40px;
+  padding: 3px 5px;
+  border: 1px solid #454d60;
+  -webkit-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+  background: white;
+  outline: none;
+  font: 100%/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
+  transition: all 0.25s ease-in-out;
+  -webkit-transition: all 0.25s ease-in-out;
+  -moz-transition: all 0.25s ease-in-out;
+  border-radius:          3px;
+  -webkit-border-radius:  3px;
+  -moz-border-radius:     3px;
+}
+.header-search input#query {
+  width: 65%;
+}
+input:focus#query {
+  outline: none; 
+  box-shadow: 0px 0px 5px #3a9d2f;
+  border: 1px solid #303030;
+}
+
+input:hover#query { }
+
+#query::-webkit-input-placeholder {
+   color: #9c9c9c;
+   font-style: italic;
+}
+
+#query:-moz-placeholder {
+   color: #9c9c9c;
+   font-style: italic;
+}  
+
+#query:-ms-placeholder {
+   color: #9c9c9c;
+   font-style: italic;
+}
+
+
+/* Search Button */
+/* ------------- */
+.btn-search {
+  background-color:#3a9d2f;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  border-radius:3px;
+  display:inline-block;
+  color:#ffffff;
+  font-family:Helvetica, Arial;
+  font-size:1.3em;
+  font-weight:bold;
+  padding: 10px 12px;
+  text-decoration:none;
+  border: none;
+  margin-left: 10px;
+  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); 
+  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); 
+  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
+}
+.btn-search:hover,  {
+   
+   background-image: -webkit-linear-gradient(top,   rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); 
+   background-image: -moz-linear-gradient(top,      rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
+   background-image: -o-linear-gradient(top,        rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); 
+   background-image: -ms-linear-gradient(top,       rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
+   background-image: linear-gradient(top,           rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); /*Shadow*/
+}
+
+.btn-search:active, .btn-search:focus {
+  background-color: rgb(255,222,77);
+  color: black;     
+}
+
+
+/* Footer */
+/* ------ */
+.footer {
+  width: 100%;
+  background-color: #454d60;
+  height: 50px;
+  padding-top:15px;
+  padding-bottom:15px;
+  margin-top: -50px;
+  clear: both;
+}
+ul.footer-links {
+  display: inline-block;
+  list-style: none;
+}
+ul.footer-links > li {
+  display: block;
+  float: left;
+}
+ul.footer-links > li > a {
+  font-family: Helvetica, Arial;
+  color: #FFFFFF;
+  font-weight: bold;
+  float: none;
+  font-size: 14px;
+  margin: 9px 10px 2px;
+  border-bottom: none;
+}
+
+ul.footer-links li a:hover {
+  border-bottom: 1px solid #3a9d2f;
+}
+
+.cfa-logos {
+  float: right;
+  display: block;
+  width: 425px;
+}
+.cfa-logos a, .cfa-logos a:hover {
+  text-decoration: none;
+  border: none;
+}
+
+.cfa-logos a:focus {
+  outline: 1;
+}
+
+.cfa-logos img {
+  height: 50px;
+  margin: 0 10px;
+}
+.cfa-logos > span.plus {
+  color: #FFF;
+  font-size: 20px;
+}
+
+
+
+/* Search results page */
+/* ------------------- */
+.page-container {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-repeat: repeat;
+}
+.page-container.search {
+  padding-top:40px;
+}
+
+.main-content {
+  background-color: #FFF;
+  padding: 30px;
+  opacity:1;
+  margin-left: 20px;
+  margin-bottom: 20px;
+}
+.main-content > .header { /* TODO */
+  /* border-bottom: 6px solid #3a9d2f; */
+  padding-bottom: 15px;
+  margin-bottom: 10px;
+}
+.header > h1 {
+  padding-bottom: 10px;
+  border-bottom: 6px solid #3a9d2f;
+}
+
+.sidebar {
+  height: 100%;
+  margin-right: 20px;
+}
+
+.sidebar-unit {
+    background-color: #FFF;
+    margin-bottom: 20px;
+}
+li.article-listing, li.category-listing {
+  border-bottom: 1px solid #DDD;
+  padding: 20px 0px;
+}
+li:last-child.article-listing, li:last-child.category-listing {
+  border-bottom: none;
+}
+.sidebar-content {
+  padding: 10px 15px;
+}
+.sidebar ul li {
+  padding: 10px 0;
+}
+.sidebar ul li:first-child {
+  padding-top: 0;
+}
+li.category-article{
+  padding:5px 0px;
+}
+.category-listing h1 {
+  padding-bottom:5px;
+}
+
+li.article-listing a:hover{
+  color: rgb(0,136,204);
+  border-bottom: 1px solid #3a9d2f;
+}
+
+li.article-listing a{
+  color: rgb(0,136,204);
+}
+
+li.article-listing p{
+  color: #303030;
+}
+
+li.article-listing p:hover{
+  color: #303030;
+  border-bottom: none;
+}
+
+.suggestion {
+  padding-top: 10px; 
+}
+
+
+
+
+/* Article#show page */
+/* ----------------- */
+div.breadcrumbs {
+  height: 20px;
+  margin-left: 20px;
+  font-size: 90%;
+  padding: 12px 0 8px 0;
+  color: #777;
+}
+div.content-text {
+  font-weight: 300;
+}
+.article .content-text h2 {
+  margin-bottom: 20px;
+  font-weight: bold;
+  line-height: 150%;
+}
+.article .content-text h3 {
+  margin-top: 40px;
+  text-transform: uppercase;
+  font-weight: bold;
+
+}
+.content-text p {
+  color: rgb(51, 51, 51);
+  margin-bottom: 12px;
+}
+.content-text ol, .content-text ul {
+  margin: 15px 12px 0 12px;
+  padding: 0 10px;
+}
+.content-text ol li, .content-text ul li{
+  margin: 0 0 12px 30px;
+  padding-left: 5px;
+} 
+.content-text ol li {  
+  list-style-type: decimal;
+}
+.content-text ul li {
+  list-style-type: disc;
+}
+div.quick_top{
+  background: whitesmoke;
+  padding: 20px;
+  margin-bottom:40px;
+}
+
+/* TABLE */
+table, th, td {
+  padding: 5px;
+}
+table {
+  width: 80%;
+  margin: auto;
+}
+th {
+  text-align: left;
+  background-color: #ddd;
+}
+td {
+  text-align: left;
+  background-color: #ededed;
+  margin: 1px;
+}
+
+
+/* Sidebar related articles */
+.sidebar {
+}
+.sidebar a {
+  color: #303030;
+  border-bottom: 1px solid #3a9d2f;
+}
+.sidebar a:hover{
+  color: #4580B4;
+}
+.sidebar-content h4 {
+  margin-bottom: 20px;
+}
+.vtabs-tab-column {
+  width: 160px;
+  float: left;
+}
+.vtabs-content-column{
+  width: 620px;
+  padding-left: 10px;
+}
+.vtabs{
+  display:block;
+}
+.vtabs-tab-column li.closed a{
+  color: grey;
+}
+.vtabs-tab-column li.open a{
+  color: #fff;
+}
+.vtabs-tab-column li.open a:after{
+  content: "\2794";
+  padding-left: 5px;
+}
+.vtabs-tab-column li.open{
+  background-color: #f38200;
+  /* height: 27px; */
+  padding: 5px;
+}
+h2.vtab-content-header{
+  border-bottom: 2px solid gray;
+  font-size: 25px;
+}
+
+/*accessibility*/
+a:focus, a:active { 
+  color: black;
+}
+
+
+
+/* Style external links */
+a[href ^= "http"]:after {
+     content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
+}
+
+.container a[href ^= "http"]:after {
+     content: "";    
+}
+
+div.footer a[href ^= "http"]:after {
+     content: none;
+}
+
+div.breadcrumbs a[href ^= "http"]:after {
+     content: none;
+}
+
+
+/* STYLE FOR ABOUT PAGE */
+
+.container{margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
+.container:after{clear:both;}
+.container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
+.container-fluid:after{clear:both;}
+.row{*zoom:1;}.row:before,.row:after{display:table;content:"";}
+.row:after{clear:both;}
+.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
+.row-fluid:after{clear:both;}
+.row-fluid>[class*="span"]{float:left;margin-left:2.127659574%;}
+.row-fluid>[class*="span"]:first-child{margin-left:0;}
+.row-fluid > .span12{width:99.99999998999999%;}
+.row-fluid > .span11{width:91.489361693%;}
+.row-fluid > .span10{width:82.97872339599999%;}
+.row-fluid > .span9{width:74.468085099%;}
+.row-fluid > .span8{width:65.95744680199999%;}
+.row-fluid > .span7{width:57.446808505%;}
+.row-fluid > .span6{width:48.93617020799999%;}
+.row-fluid > .span5{width:40.425531911%;}
+.row-fluid > .span4{width:31.914893614%;}
+.row-fluid > .span3{width:23.404255317%;}
+.row-fluid > .span2{width:14.89361702%;}
+.row-fluid > .span1{width:6.382978723%;}
+.span12{width:940px;}
+.row-fluid > .span12{width:99.99999998999999%;}
+input.span12, textarea.span12, .uneditable-input.span12{width:930px;}
+table .span12{float:none;width:924px;margin-left:0;}
+
+.shoutout {
+width: 90px;
+height: 134px;
+margin-right: 20px;
+margin-bottom: 20px;
+margin-top: 5px;
+background-color: #EFEFEF;
+border: 1px solid #DDD;
+color: #666;
+text-align: middle;
+float: left;
+}
+
+.biopic {
+width: 80px;
+height: 80px;
+margin: 5px 0 0 5px;
+}
+
+/*
+h2 {
+font-size: 175%;
+font-weight: normal;
+margin: 0.8em 0 -0.1em 0;
+}
+*/
+
+.clearfix::before, .clearfix::after {
+display: table;
+content: "";
+}
+
+.shoutout em {
+color: #666;
+width: 90px;
+display: table-cell;
+vertical-align: middle;
+font-size: 90%;
+font-style: normal;
+height: 52px;
+vertical-align: middle;
+line-height: 110%;
+overflow: hidden;
+text-align: center;
+}
+
+.comment {
+font-family: "News Cycle", Helvetica;
+font-weight: bold;
+}
+
+.title-spacing {
+margin-top: 30px;
+}
+
+ul.about-list li {
+	list-style-type: square;
+	padding: 0px;
+	margin-left: 40px;
+	font-family: "News Cycle", Helvetica;
+}
+
+.about-list {
+	font-family: "News Cycle", Helvetica;
+	font-size: 80%;
+}
+
+.highlight {
+	font-weight:bold;
+}
+
+/* attempt a callout style */
+.vtabs .vtabs-content-column .vtabs-content-panel em strong {
+    padding: 10px;
+    background-color: #D5E8F3;
+    line-height: 30px;
+    font-weight: normal;
+    font-style: normal;
+	margin-right: 20px;
+	margin-left: 20px;
+	margin-top: 14px;
+	display: block;
+	margin-bottom: 14px;
+}
+
+.vtabs .vtabs-content-column .vtabs-content-panel strong em {
+    padding: 10px;
+    background-color: #D5E8F3;
+    line-height: 30px;
+    font-weight: normal;
+    font-style: normal;
+	margin-right: 20px;
+	margin-left: 20px;
+	margin-top: 14px;
+	display: block;
+	margin-bottom: 14px;
+}
+
+
+.other-langs{
+  margin-left:20px;
+}
+.other-langs h3{
+  padding-top:20px;
+  padding-bottom:0;
+}
+.other-langs p{
+  margin-top:5px;
+}
+
+.other-langs div img{
+  width:3%;
+  padding-top:20px;
+  padding-right:4px;
+  float:left;
+}
+
+#skip_nav {
+  font-size: 80%;
+  font-family: inherit;
+
+}
+
+#skip_nav a {
+  color: #000000;
+  position: absolute;
+  margin-left: -9000px;
+}
+#skip_nav a:focus, #skipLinks a:active {
+  display: block;
+  width: 7.5em;
+  margin-left: 50px;
+}
+