/* @override
http://stage.cubanews.com/css/style.css
http://dev.cubanews.com/css/style.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* =============================================================================
HTML5 element display
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Force vertical scrollbar in non-IE
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.5;
font-family: Arial, Helvetica, sans-serif !important;
font-style: normal;
font-weight: 400;
color: #222;
}
button, input, select, textarea {
font-family: news-gothic-std,sans-serif !important; color: #222;
font-weight: 400;
}
/*
* These selection declarations have to be separate
* No text-shadow: twitter.com/miketaylr/status/12228805301
* Also: hot pink!
*/
::-moz-selection {
color: #fff; text-shadow: none;
background-color: #c74818;
}
::selection {
color: #fff; text-shadow: none;
background-color: #c64311;
}
/* =============================================================================
Links
========================================================================== */
a { color: #c64311; }
a:visited { color: #c64311; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* Improve image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; -ms-interpolation-mode: bicubic; }
/*
* Correct overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
/*
* Remove inner padding and border in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
/* =============================================================================
Primary styles
Author: Fabian Socarras
========================================================================== */
/* =============================================================================
Typography
A few basic styles
========================================================================== */
address,caption,dfn,th,var{
font-style:normal;
font-weight:normal;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
font-weight: bold;
font-family: nimbus-sans !important;
}
h5, h6 {
font-weight: normal;
}
/*
Rather than repeating declarations over and over, let’s make a shared section.
*/
h1,h2,h3,h4,h5,h6,
ul,ol,dl,p,address,figure,pre,fieldset,table,hr,
.nav,.island,.media{
margin-bottom:24px;
margin-bottom:1.5rem;
}
figcaption,small{
font-size:12px;
font-size:0.75rem;
}
ul,ol,dd{
margin-left:3em;
}
small,code{
line-height:1;
}
pre,code,
input,textarea{
font:inherit;
}
html{
overflow-y:scroll; /* Force scrollbars 100% of the time */
font-size:100%; /* Use 16px as per www.informationarchitects.jp/en/100e2r/ and www.wilsonminer.com/posts/2008/oct/20/relative-readability/ */
line-height:1.5; /* A safe default for type of any size. */
/* You should always specify a colour and background, override these in your own stylesheet if desired. */
background-color:#fff;
color:#333;
}
body{
min-height:100%;
}
/*------------------------------------*\
$TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,.alpha1{
font-size:2em; /* 32px */
line-height:1.5; /* 48px */
}
h2,.beta{
font-size:1.5em; /* 24px */
line-height:1; /* 24px */
}
h3,.gamma{
font-size:1.25em; /* 20px */
line-height:1.2; /* 24px */
}
h4,.delta{
font-size:1.125em; /* 18px */
line-height:1.333; /* 24px */
}
h5,.epsilon{
font-weight:bold;
}
h5,.epsilon,
h6,.zeta{
font-size:1em; /* 16px */
line-height:1.5; /* 24px */
}
/*--- PARAGRAPHS ---*/
/*
Mo’ robust paragraph indenting: csswizardry.com/2010/12/mo-robust-paragraph-indenting/
Uncomment to activate
p+p{
text-indent:2em;
margin-top:-1.5em;
}
*/
/*--- FIGURES ---*/
figure img{
display:block;
margin-bottom:0;
}
/*--- LINKS ---*/
/*
Say no to negative hovers: csswizardry.com/2011/05/on-negative-hovers/
A negative hover is one whose appearance is subtracted from on hover rather than added to.
*/
a{
text-decoration:none;
}
a:visited{
opacity:0.8; /* A bit basic, but it’s a bare minumum... */
}
a:hover{
text-decoration:underline;
}
a:active,
a:focus{
/* Give clicked links a depressed effect. */
position:relative;
top:1px;
}
/*--- LISTS ---*/
li > ul,
li > ol{
/* Let’s take care of lists in lists */
margin-bottom:0;
}
/*
A numbered list is NOT the same as an ordered one: csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/
Use this class when you want a list to be numbered but it has no order.
*/
ul.numbered{
list-style:decimal outside;
}
dt{
font-weight:bold;
}
/*--- QUOTES ---*/
/*
Big up @boblet: html5doctor.com/blockquote-q-cite/
*/
q{ quotes:"‘" "’" "“" "”"; }
q:before{ content:"‘"; content:open-quote; }
q:after{ content:"’"; content:close-quote; }
q q:before{ content: "“"; content: open-quote; }
q q:after{ content: "”"; content: close-quote; }
blockquote{ quotes: "“" "”"; }
blockquote p:before{ content: "“"; content: open-quote; }
blockquote p:after{ content: ""; content: no-close-quote; }
blockquote p:last-of-type:after{ content: "”"; content: close-quote; }
blockquote{
text-indent:-0.4em;
}
/*
Mark up the source of a quote with .source:
Lorem ipsum dolor sit amet. Joe Bloggs
*/
.source{
display:block;
text-indent:0;
}
.source:before{
content:"—";
}
/*--- GENERAL ---*/
q,
i,
em,
cite{
font-style:italic;
font-weight:inherit;
}
b,
strong,
mark{
font-weight:bold;
font-style:inherit;
}
mark{
background-color:#ffc;
color:#333;
}
s,
del{
text-decoration:line-through;
}
abbr{
cursor:help;
border-bottom:1px dotted;
}
/*--- CODE ---*/
pre,
code{
font-family:"Inconsolata", "Monaco", "Consolas", "Courier New", Courier, monospace;
}
pre{
overflow:auto;
line-height:24px; /* Having to define explicit pixel values :( */
}
/*------------------------------------*\
$IMAGES
\*------------------------------------*/
img{
max-width:100%;
height:auto;
/* Give it some text styles to offset alt text */
font-style:italic;
color:#c00;
}
img.left { margin:0 1.5em 0 0; }
img.right { margin:0 0 0 1.5em; }
/*--- FLASH/VIDEO ---*/
object,
embed,
video{
max-width:100%;
height:auto;
}
/*------------------------------------*\
$FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
fieldset{
padding:1.5em;
border:1px solid #ccc;
}
label{
display:block;
}
.text-input{
/* With the advent of various HTML5 input types (email, url, etc) input[type=text] is no longer suitable for for styling non-textearea text-inputs. Use .text-input instead. */
}
label,
.text-input,
textarea,
.btn{
cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus{
cursor:text;
}
/* A class of .check-list can be added to a to create a multi-column list of inputs. */
.check-list{
width:100%;
overflow:hidden;
list-style:none;
margin-left:0;
}
.check-list li{
width:25%;
float:left;
}
.check-label{
display:inline;
}
fieldset > :last-child{
/* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
margin-bottom:0;
}
/*------------------------------------*\
$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
width:100%;
max-width:100%;
}
thead tr:last-of-type th{
/* Thicker border on the table-headers of the last row in the table head. */
border-bottom-width:2px;
}
tbody th{
/* Thicker right border on table-headers in the table body. */
border-right-width:2px;
}
th:empty{
/* Hide the borders on any empty table-headers. */
border:none;
}
th,td{
vertical-align:top;
padding:0.75em;
border:1px solid #ccc;
}
th{
font-weight:bold;
text-align:center
}
table [colspan]{
text-align:center;
}
table [rowspan]{
vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"]{
text-align:left;
}
[rowspan="1"]{
vertical-align:top;
}
tbody tr:nth-of-type(odd){
background:rgba(0,0,0,0.05);
}
tfoot{
text-align:center;
}
tfoot td{
border-top-width:2px;
}
/*------------------------------------*\
$MESSAGES
\*------------------------------------*/
/*
Unfortunately feedback messages don’t fit the baseline all too well. Perhaps in a later version...
*/
.message{
font-weight:normal;
display:block;
padding:10px 10px 10px 36px;
border:1px solid #ccc;
margin-left:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
/*
With multiple errors it’s nice to group them:
- Please provide a surname.
- Please enter a valid email address.
*/
ul.message{
list-style:decimal outside; /* It’s also handy to number them. However, they might not necessarily be in a particular order, so we spoof it by putting numbers on an unordered list */
padding:10px 10px 10px 56px;
}
.error{
border-color:#fb5766;
background:url(http://www.cubanews.com/img/css/icons/error.png) 10px center no-repeat #fab;
}
.success{
border-color:#83ba77;
background:url(http://www.cubanews.com/img/css/icons/success.png) 10px center no-repeat #d1feba;
}
.info{
border-color:#85a5be;
background:url(http://www.cubanews.com/img/css/icons/info.png) 10px center no-repeat #c4dbec;
}
.warning{
border-color:#d8d566;
background:url(http://www.cubanews.com/img/css/icons/warning.png) 10px center no-repeat #fef8c4;
}
/* Grid */
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
body {
min-width: 960px;
}
/* `Container
----------------------------------------------------------------------------------------------------*/
.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;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
position: relative;
}
.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;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.container_12:after,
.container_16:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12,
.container_16 {
zoom: 1;
}
/* @group Basic Layout */
html {
background: transparent url(../images/interface/texture-stripes.png) repeat;
}
#wrapper {
background: #fff;
width: 990px;
margin: 0 auto;
box-shadow: 0px 3px 5px #bbb;
}
#main-header {
padding: 1.5em 0;
}
#header-ad {position: relative;}
#header-ad a, #header-ad a img {display: block;}
#header-ad a {
border: 3px solid #EFEFEF;
position: absolute;
top: 10px;
}
#login-bar {
padding: 1em 0;
color: #77bb33;
font-weight: normal;
overflow: hidden;
background: url('../images/interface/toolbar-noise.png') repeat-x #1a1c1a;
font-size: 12px;
}
#login-bar-wrapper, .toolbar-wrapper {
width: 993px;
margin: 0 auto;
}
#login-bar a {
color: #77bb33;
border-bottom: 1px dotted;
display: inline-block;
margin: 0 4px;
}
.login-bar-item {
float: left;
margin-right: 10px;
display: inline-block;
}
.login-bar-item.anon, .login-bar-item.forgot {
padding: 5px 0 5px;
}
.login-bar-item.anon {
margin-right: 15px;
border-right: 1px solid #444;
padding-right: 15px;
}
.login-bar-item input.text {
background-color: #eee;
border: 1px solid #000000;
padding: 3px 3px 3px 5px;
color: #999;
width: 180px;
}
.login-bar-button {
background: none;
border: none;
padding: 0;
margin: 0;
}
.login-bar-button {
display: block;
}
.toolbar {
border-top: 1px solid #444;
background: url('../images/interface/admin-bar.png') repeat-x #333;
overflow: hidden;
min-height: 37px;
}
.toolbar ul {
list-style: none;
padding: 0; margin: 0;
border-right: 1px solid #333;
border-left: 1px solid #222;
float: left;
}
.toolbar li {
float: left;
}
.toolbar span strong {
font-weight: normal;
color: #78c822;
margin-left: 3px;
}
.toolbar a, .toolbar li.first span {
display: block;
color: #ddd;
text-transform: uppercase;
font-size: 11px;
text-shadow: 0 0 1px #000;
padding: 10px 20px;
border-left: 1px solid #333;
border-right: 1px solid #222;
}
a.my-account-link {
background: url('../images/interface/cog.png') no-repeat 10px 54%;
padding-left: 30px;
}
.toolbar a:hover {
background-color: #373737;
text-decoration: none;
}
.toolbar li.first {}
.toolbar li a.last {}
.social-integration h6 {
font-weight: bold !important;
text-transform: uppercase;
}
.social_login_form button {
border: none;
border-radius: 4px;
padding: 2px;
background: url('../images/interface/social-bar.png') no-repeat 0 0 #529cca;
text-indent: -9999px;
width: 150px;
height: 22px;
margin: 0 5px 0 0 !important;
display: inline-block;
}
.social-integration p{
padding-left: 20px;
}
button#twitter_button {
background-position-y: -72px;
}
button#twitter_button:hover {
background-position-y: -96px;
}
button#twitter_button:active {
background-position-y: -120px;
}
button#facebook_button:hover {
background-position-y: -24px;
}
button#facebook_button:active {
background-position-y: -48px;
}
/* @end */
/* @group Main Nav */
#main-nav {
background-color: #ecf7da;
border-top: 1px solid #c2db9d;
margin-bottom: 1em;
-moz-box-shadow: 0 4px 10px #d0d0d0;
-webkit-box-shadow: 0 4px 10px #d0d0d0;
box-shadow: 0 4px 10px #d0d0d0;
opacity: 1;
position: relative;
}
#search-bar {
position: absolute;
right: 0;
top: 36px;
background-color: #428340;
padding: 5px;
z-index: 400;
width: 258px;
display: none;
}
#search-form label {
text-transform: uppercase;
font-weight: bold;
display: block; margin-bottom: .5em;
font-size: 12px;
}
#search-form, #layout-bar-wrapper {
background: #fff url('../images/interface/tile.png') left top;
padding: 18px 25px 25px;
position: relative;
}
.search-field {
display: inline-block;
border: 1px solid #ddd;
padding: 5px;
outline:none;
}
.search-button {
text-indent: -10000px;
width: 31px; height: 31px;
display: inline-block;
padding: 0;
background: url('../images/interface/search-button.png') no-repeat left top;
border: 1px solid #ddd;
margin-left: -5px;
}
#main-nav ul {
list-style: none;
padding: 0;
}
#main-nav ul li {
float: left;
}
#main-nav ul li.main-nav a {
display: inline-block;
padding: 6px 26px;
font-size: 16px;
font-weight: ;
background-color: #ecf7da;
border-right: 1px solid #c3db9d;
font-family: nimbus-sans-condensed, "Helvetica Neue", Arial, sans-serif;
color: #111;
text-transform: uppercase;
}
#layout-bar {
position: absolute;
right: 0;
top: 36px;
background-color: #428340;
padding: 5px;
z-index: 400;
width: 258px;
display: none;
}
#layout-bar-wrapper {
background-image: url(../images/interface/layout-bg.png);
background-position: 50% 20px;
background-repeat: no-repeat;
position: relative;
min-height: 144px;
padding: 18px 15px 25px;
}
#layout-bar-wrapper span {
display: block;
width: 103px;
height: 100px;
float: left;
margin-top: 40px;
}
#layout-bar-wrapper span.standard-view {
margin-right: 22px;
}
#layout-bar-wrapper a.standard-view {
background: url('../images/interface/standard-view-icon.png') no-repeat 0 0;
}
#layout-bar-wrapper a.list-view {
background: url('../images/interface/list-view-icon.png') no-repeat 0 0;
}
#layout-bar-wrapper a.list-view:hover {
background-position: 0 -110px;
width: 103px;
height: 100px;
}
#layout-bar-wrapper a.standard-view:hover {
background-position: 0 -110px;
width: 103px;
height: 100px;
}
#layout-bar a {
padding: 0;
text-indent: -10000px;
display: block;
width: 103px;
height: 100px;
}
#main-nav ul li.search-link, #main-nav ul li.layout-link {
float: right;
position: relative;
}
#main-nav ul li.search-link a, #main-nav ul li.layout-link a.layout-choice {
text-indent: -9999px;
height: 36px;
padding: 0;
display: block;
width: 45px;
border-left: none;
border-right: none;
}
#main-nav ul li.layout-link a.layout-choice {
border-right: 1px solid #c3db9d;
}
#main-nav ul li.layout-link a.layout-choice {
background: url('../images/interface/layout-icon.png') no-repeat center top;
}
#main-nav ul li.search-link a {
background: url('../images/interface/search-icon.png') no-repeat center top;
}
#main-nav ul li.search-link a:hover, #main-nav ul li.search-link a.active,
#main-nav ul li.layout-link a.layout-choice:hover, #main-nav ul li.layout-link a.layout-choice.active {
background-position-y: bottom;
background-color: #428340;
border-top: 1px solid #327030;
margin-top: -1px;
}
#main-nav ul li.main-nav.current a, #main-nav ul li.main-nav a:hover {
background-color: #428340;
color: #fff;
text-decoration: none;
border-top: 1px solid #327030;
border-right: 1px solid #327030;
margin-top: -1px;
}
#main-nav ul li.main-nav.current a {
}
#main-nav {
border-bottom: 5px solid #428340;
}
/* @end */
/* @group Ads */
.leaderboard-box {
margin: 1em auto;
}
.leaderboard-box .advert {
margin-left: 10px;
}
.leaderboard-box div {
background: transparent url(../images/interface/ad-bg.gif);
text-align: center;
}
.leaderboard-box a {
display: block;
margin: 0 auto;
width: 728px;
}
.leaderboard-box img {
display: block;
}
/* @end */
/* @group Hero */
#hero-wrapper {
background: url('../images/interface/slider.png') #302a2a;
border-radius: 3px;
padding: 25px 0;
}
#hero {
height: 275px;
}
#hero .panels {
height: 275px;
display: none;
}
#hero-container {
padding: 25px;
}
.slider_image {
float: left;
width: 275px;
margin-right: 20px;
}
.hero-header h2 {
margin-top: 0;
font-weight: normal;
text-shadow: 1px 1px 1px #000000;
text-transform: uppercase;
font-family: nimbus-sans-condensed !important;
font-size: 24px;
margin-bottom: .8em;
}
#hero .date {
color: #8C8989;
font-size: 12px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
font-family: Georgia, serif;
font-style: italic;
}
.hero-header h2 a { color: #fff; }
.hero-header h2 a:hover { color: #c64311; }
#hero .details {
float: left;
width: 235px;
color: #eee;
}
#slider-nav {
height: 60px;
padding: 8px 0px 6px 25px;
background: #171414;
border-top: 7px solid #1D1B1B;
border-bottom: 7px solid #1D1B1B;
float: left;
width: 555px;
}
#slider-nav ul {
list-style: none;
margin: 0; padding: 0;
}
#slider-nav ul li {
float: left;
margin-right: 12px;
}
#slider-nav ul li a {
height: 60px;
float: left;
display: block;
}
/* @end */
/* @group Side Tabs */
.widget.side-tabs {
padding: 9px;
border-radius: 4px;
background-color: #f5f5f5;
}
#main-tabs, #brief-tabs {
list-style: none;
margin: 0;
padding: 0;
float: left;
background: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
width: 300px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-image-outset
-moz-background-clip: padding; -webkit-background-clip: padding-box;
background-clip: padding-box;
background: url('../images/interface/nav_bg.gif');
}
#main-tabs li, #brief-tabs li {float: left; }
#main-tabs li, #brief-tabs li {float: left; }
#main-tabs li a, #brief-tabs li a {
display: block;
padding: 12px 0 11px;
text-align: center;
text-align: center;
color: #444;
text-decoration: none;
text-decoration: none;
padding: 12px 22px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#main-tabs li a.current, #brief-tabs li a.current {
background: url('../images/interface/tile.png');
border-bottom: solid 1px #fff;
}
#main-tabs li.last a.current, #brief-tabs li.last a.current {
border-right: none !important;
}
#main-tabs li.last a, #brief-tabs li.last a {
border-right: none !important;
padding: 12px 22px 12px 23px;
}
#brief-tabs li.last a {
padding: 12px 24px;
}
#main-tabs li a:active, #brief-tabs li a:active {
outline:none;
}
#main-tabs li a:hover, #brief-tabs li a:hover {
color: #c64311;
}
#main-panes, #brief-panes {
clear: both;
float: left;
width: 300px;
background: url('../images/interface/tile.png');
border: 1px solid #ddd;
border-top: none;
}
#most-pop ul, #recent-posts ul, #business-briefs ul, #political-briefs ul {
list-style: none;
float: left;
margin: 0;
padding: 0;
width: 300px;
}
#most-pop ul li, #recent-posts ul li, #business-briefs ul li, #political-briefs ul li {
float: left;
width: 270px;
padding: 12px 15px 18px;
border-bottom: 1px solid #E2E2E2;
margin-bottom: 12px;
}
#most-pop ul li.first, #recent-posts ul li.first, #business-briefs ul li.first, #political-briefs ul li.first {
margin-top: 14px;
}
#most-pop ul li.last, #recent-posts ul li.last, #business-briefs ul li.last, #political-briefs ul li.last {
border-bottom: none;
margin-bottom: 8px;
}
#most-pop ul li .details, #recent-posts ul li .details, #business-briefs ul li .details, #political-briefs ul li .details {
float: left;
width: 205px;
margin-left: 14px;
}
#business-briefs ul li .details, #political-briefs ul li .details {
float: none;
width: 260px;
}
#most-pop ul li .details h5, #recent-posts ul li .details h5, #business-briefs ul li .details h5, #political-briefs ul li .details h5 {
font-weight: normal;
margin: 0;
}
#most-pop ul li .details h5 a, #recent-posts ul li .details h5 a, #business-briefs ul li .details h5 a, #political-briefs ul li .details h5 a {
color: #444;
}
#most-pop ul li span.date, #recent-posts ul li span.date, #business-briefs ul li span.date, #political-briefs ul li span.date {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 11px;
color: #AAA;
}
#most-pop ul li .image, #recent-posts ul li .image {
float: left;
}
#most-pop ul li .image a, #recent-posts ul li .image a {
display: block;
width: 45px;
height: 45px;
padding: 2px;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
display: block;
}
#most-pop li .image a:hover, #recent-mosts li .image a:hover {
border:1px solid #999;
}
#side-tags {padding: 15px;}
#side-tags a {
float: left;
display: block;
padding: 3px 8px;
color: #fff;
margin: 0 8px 8px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #77bb33;
}
#side-tags a:hover {
color: #fff;
background: #c64311;
text-decoration: none;
}
/* @end */
/* @group Featured Section */
#featured-content {
margin-top: 1em;
border-bottom: 1px solid #c0dc91;
padding-bottom: 1.5em;
}
body#category-home #featured-content {
border-bottom: 2px solid #428340;
margin-bottom: 1.5em;
}
article.featured { padding-top: 1em; }
.lead-image {
}
.lead-image a {
display: block;
padding: 3px;
border: 1px solid #eee;
}
.lead-image a:hover {
background-color: #c3db9d;
border-color: #c3db9d;
}
.lead-image img {
display: block;
border: 1px solid #eee;
}
article.featured h2 {
margin-top: 0;
margin-bottom: .5em;
}
.featured-meta {
display: block;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: .5em;
background-color: #f6f7f4;
text-transform: uppercase;
font-size: 12px;
font-family: nimbus-sans, Arial, sans-serif;
margin-bottom: 1.5em;
}
.featured-caption {
display: block;
padding: 5px 10px;
margin-top: 5px;
background-color: #f6f7f4;
color: #666;
line-height: 1.5;
}
.featured-cat {
display: inline-block;
margin-right: 5px;
border-right: 1px solid #ddd;
padding-right: 5px;
}
.featured-copy {
}
article.featured h2 a {
font-weight: 500;
font-size: 24px;
color: #222;
line-height: 1.2;
}
article.featured h2 a:hover {
color: #428340;
text-decoration: none;
}
/* @end */
/* @group Lower Half */
#content {
margin-bottom: 2em;
}
body#home #content h3 {
text-transform: uppercase;
border-bottom: 2px solid #222222;
padding-bottom: 1em;
padding-left: 10px;
}
#lower-half h4 {
margin-top: 0;
margin-bottom: .5em;
line-height: 1;
font-size: 13px;
text-transform: uppercase;
}
.thumb {
display: block;
border: 1px solid #eee;
padding: 3px;
float: left;
margin: 0;
}
.thumb:hover {
border-color: #c64311;
background: #c64311;
}
#editors-choice .image {
float: left;
width: 100px;
}
#editors-choice .details {
float: left;
width: 170px;
margin-left: 10px;
}
#editors-choice article img {
display: block;
border: 1px solid #ddd;
}
#editors-choice article, #briefs-section .briefs article {
border-bottom: 1px solid #ccc;
margin-bottom: 1.5em;
padding-bottom: 1.5em;
}
#editors-choice article.last {
border-bottom: none;
}
#editors-choice p {
margin-top: 0;
margin-bottom: 1.2em;
font-size: 12px;
padding-right: 10px;
}
#newsmakers h4 {
font-size: 20px;
line-height: 1.2;
text-transform: none;
padding: 0 10px;
font-weight: 300;
}
#editors-choice h4 a, #briefs-section .briefs h4 a {
color: #333;
text-transform: none;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
font-size: 14px;
line-height: 1.4;
}
#editors-choice .date, #briefs-section .briefs .date {
display: block;
color: #aaaaaa;
font: italic 12px Georgia, "Times New Roman", serif;
}
#newsmakers p {
padding: 0 10px;
margin-bottom: 1.5em;
}
#newsmakers .more {
margin-left: 10px;
}
#past-issues {
margin-bottom: 2em;
}
#briefs-section {
padding-top: .5em;
border-top: 1px solid #c0dc91;
}
#briefs-section article .details h4 a {
font-size: 13px;
}
#briefs-section .all-briefs {
float: right;
margin-right: 10px;
text-transform: uppercase;
font-size: 12px;
}
.more {
display: inline-block;
background: #ecf2e3 url(../images/interface/generic.png) no-repeat -190px -1445px;
padding: 6px 38px 4px 8px;
font-size: 12px;
text-transform: uppercase;
border-radius: 5px;
line-height: 24px;
color: #2e8c10;
}
.more:visited {
color: #2e8c10;
}
.more:hover {color: #fff; background-color: #3d793b;
}
#newsmakers h4 a { color: #222; }
#newsmakers h4 a:hover { text-decoration: none; color: #C64311; }
.newsmaker-image a, .newsmaker-image img {display: block;}
.newsmaker-image a {
padding: 4px;
border: 1px solid #ddd;
}
.newsmaker-image {
margin-bottom: 1em;
}
.news-maker-caption {
display: block;
padding: 5px 10px;
margin-top: 10px;
background-color: #eeeded;
color: #666;
line-height: 1.5;
}
#multimedia-section {
border-top: 1px solid #c0dc91;
margin-top: 2em;
position: relative;
}
#multimedia-section h3 {
padding-left: 38px !important;
background: url('../images/interface/generic.png') no-repeat -200px -700px;
line-height: 1.5;
}
#media-pagination {
margin-top: 5px;
position: absolute;
top: 42px;
left: 268px;
}
#media-pagination .browse {
text-indent: -9999px;
display: inline-block;
width: 16px; height: 19px;
background: url('../images/interface/icons-arrows.png') no-repeat 0 -50px;
overflow: hidden;
float: left;
cursor: pointer;
}
#media-pagination .browse:hover {
background-position-y: 0;
}
#media-pagination .next {
background-position-x: -47px;
float: left;
}
#media-pagination .page-bar {
display: inline-block;
text-indent: -9999px;
height: 19px;
width: 10px;
background: url('../images/interface/icons-arrows.png') no-repeat 0 -100px;
float: left;
}
/* Scrollable */
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 580px;
height:112px;
}
#bookmark-wrapper {
}
.bookmark-bar {
position:relative;
overflow:hidden;
width: 590px;
height:80px;
bottom: 100px;
margin: 0 auto;
background: #333;
}
.bookmark-bar .items {
width: 200000em;
position: absolute;
padding: 0;
list-style: none;
margin: 0;
}
.bookmark-bar .items li {
float: left;
width: 139px;
height: 80px;
border-right: 1px solid #fff;
color: yellow;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.items div {
float:left;
margin: 0px;
}
.items a {
display: inline-block;
padding: 6px;
margin-right: 13px;
background-color: #c8d5b3;
position: relative;
}
.items a:hover {
}
.items span.icon {
display: block;
height: 23px;
width: 26px;
position: absolute;
bottom: -4px;
right: -4px;
background: #428340 url('../images/interface/image_icon.png') no-repeat 6px 5px;
}
.items .thumb-overlay {
display: block;
width: 120px;
height: 87px;
position: absolute;
top: 0;
left: 0;
border: 6px solid #428340;
}
.items a.last {
margin-right: 0;
}
.items a img {
display: block;
border: 1px solid #fff;
width: 118px;
}
#multimedia-section {
border-bottom: 1px solid #c0dc91;
padding-bottom: 1em;
}
#past-issue-shelf .issue {
float: left;
margin: 0;
}
#past-issue-shelf .issue .issuu-date {
display: block;
text-align: center;
float: left;
width: 118px;
padding-left: 7px;
padding-top: 6px;
}
#past-issues h3 span {
float: right;
font-size: 12px;
vertical-align: bottom;
display: inline-block;
padding-top: 8px;
padding-right: 10px;
font-weight: normal;
}
#past-issue-shelf .issue a {
display: block;
padding: 6px;
background-color: #c8d5b3;
margin-right: 17px;
}
#past-issue-shelf .issue a.last {
margin-right: 0;
}
#past-issue-shelf .issue a img {
display: block;
border: 1px solid #fff;
}
/* @end */
/* @group Sidebar */
#sidebar {
width: 320px;
padding: 0 10px;
}
.widget {margin-bottom: 2em;}
.widget h2 {
text-transform: uppercase;
font-size: 18px;
border-bottom: 2px solid #222222;
padding-bottom: 1em;
margin-bottom: 1em;
padding-top: .5em;
padding-left: 10px;
}
/* BookShelf */
#bookshelf-box {
width: 300px;
padding: 10px;
background: #f5f5f5;
}
#book-holder {
border: 1px solid #dddddd;
background: url('../images/interface/tile.png');
width: 268px;
padding: 15px;
}
#book-holder .book-cover {
float: left;
width: 85px;
}
#book-holder .book-cover a {
display: block;
width: 85px;
padding: 3px;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
}
#book-holder .book-cover a img {display: block;}
#book-holder .book-details {
float: left;
width: 163px;
margin-left: 20px;
}
#book-holder .book-details h3 {
margin: 0; font-weight: normal;
font-family: nimbus-sans-condensed !important;
font-size: 20px !important;
}
#book-holder .book-details p {
margin-bottom: 1em;
}
#book-holder .book-details a.full-review:hover {
background-color: #c64311;
text-decoration: none;
text-shadow: 1px 1px 1px #666;
}
#book-holder .book-details a.full-review {
display: inline-block;
margin-bottom: 1em;
padding: 3px 12px;
border-radius: 12px;
color: #fff;
background-color: #77bb33;
text-shadow: 1px 1px 1px #9c9c9c;
}
#issue-nav ul {
margin: 0; padding: 0;
}
#issue-nav ul.current-issue li a em {
text-transform: lowercase;
color: #333;
font-size: 12px;
font-weight: normal;
}
#issue-nav ul.current-issue li a {
padding-left: 36px;
background: #ecf2e3 url('../images/interface/print-icon.png') no-repeat 10px 50%;
}
.widget.box-ad img {
display: block;
border: 1px solid #fff;
}
.widget.box-ad a {
display: block;
border: 9px solid #eee;
}
#issue-nav li {
border-bottom: 1px solid #ccea9a;
}
#issue-nav li a {
display: block;
padding: .8em 10px;
text-transform: uppercase;
color: #428340;
text-decoration: none;
font-weight: 300;
}
#issue-nav li a:hover {
background-color: #ecf7da;
color: #222;
}
.issue-date {
display: inline-block;
font-size: 12px;
color: #428340;
border-left: 1px solid #ccc;
padding-left: 8px;
margin-left: 5px;
font-weight: 700;
vertical-align: baseline;
}
.issue-date small {
font-weight: 400;
color: #b5bea5;
font-size: 11px;
}
.in-their-words .quote {background: #f6f7f0;}
.in-their-words .quote .cite{
font-size: 12px;
color: #777;
padding: 12px 20px 12px;
margin-bottom: 0;
border-bottom: 1px dotted #bbb;
}
.quote .quote-author {
display: block; padding: 1em 56px 30px 20px;
color: #428340;
font: 700 12px/1.2 Georgia;
background: url('../images/interface/quotes.png') no-repeat 276px 50% #e9f0e6;
}
.quote .quote-author small {
font-weight: normal;
color: #777;
}
/* @end */
/* @group Subscribe */
#splash-brand {
margin: 2em 0 3em;
padding-bottom: 2em;
border-bottom: 1px solid #ddd;
}
#splash-brand a.splash-brand {
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 5px solid #2e8c10;
}
#subscription-breadcrumb {
font: 12px Arial,san-serif,tahoma,verdana;
text-align: center;
}
#subscription-breadcrumb h1 {
color: #2e8c10;
display: inline;
font: 14px Arial,san-serif,tahoma,verdana;
margin: 0 5px;
}
#subscription-breadcrumb h1.non-active {
color: #aaa;
}
.account-creation {
font-weight: 300;
}
h1.page-title {
border-bottom: none;
font-size: 24px;
margin-bottom: 1em;
color: #2e8c10;
}
.account-creation form p, .account-creation h6 {
margin-top: 0; margin-bottom: .5em;
}
.account-creation h1 {
font-size: 14px;
margin-top: 0;
margin-bottom: 2.5em;
padding-bottom: .5em;
border-bottom: 1px dotted #ccc;
padding-left: 15px;
text-transform: uppercase;
}
#get-more-info {
background: #f2f2f2 url('http://www.cubanews.com/images/bg.jpg') no-repeat left top;
}
.offer-image img {
display: block;
padding: 20px;
margin-left: 15px;
border-radius: 4px;
background: #f1f1f1 url('http://www.cubanews.com/images/bg.jpg') no-repeat left top;
}
#get-more-info p {
padding: 0 10px 10px;
font-size: 12px;
font-weight: normal;
}
#get-more-info h6 {
background: #ddd;
padding: 5px 10px;
font-weight: bold;
}
.account-creation .option-details a {
border-bottom: 1px dotted;
font-weight: normal;
}
.account-creation .option-details p {
margin: 0 0 6px;
}
.account-creation input, body#my-account input, textarea, .modal-form-item input.text {
font-weight: normal !important;
border: 1px solid #C9C9C9;
background: #ffffff;
color: #545658;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f5f5f6, 5px 5px 0 0 #f5f5f6, 5px 0 0 0 #f5f5f6, 0 5px 0 0 #f5f5f6, 5px -5px 0 0 #f5f5f6, -5px 5px 0 0 #f5f5f6;
border: 1px solid #bbbbbb;
background: #ffffff;
color: #545658;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f1f1f3, 5px 5px 0 0 #f1f1f3, 5px 0 0 0 #f1f1f3, 0 5px 0 0 #f1f1f3, 5px -5px 0 0 #f1f1f3, -5px 5px 0 0 #f1f1f3;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f1f1f3, 5px 5px 0 0 #f1f1f3, 5px 0 0 0 #f1f1f3, 0 5px 0 0 #f1f1f3, 5px -5px 0 0 #f1f1f3, -5px 5px 0 0 #f1f1f3;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset, -5px -5px 0 0 #f1f1f3, 5px 5px 0 0 #f1f1f3, 5px 0 0 0 #f1f1f3, 0 5px 0 0 #f1f1f3, 5px -5px 0 0 #f1f1f3, -5px 5px 0 0 #f1f1f3;
border-radius: 3px;
width: 250px;
padding: 5px;
}
.modal-form-item input.text {
width: 190px;
margin-right: 10px;
margin-bottom: 10px;
}
.modal-form-item.anon label {
color: #111;
text-shadow: 1px 1px 1px #ffffff;
font-weight: bold;
}
.modal-form-item.anon label span {
display: inline-block;
margin: 0 5px;
color: #aaa;
font-weight: no;
}
#loginModal h1 span {
font-weight: normal;
font-size: 14px;
color: #888;
}
#loginModal hr {
margin-top: 1.8em;
}
#comment-form-wrapper .form-item {
margin-bottom: 2.5em;
}
#comment-form-wrapper label {
font-weight: ;
text-transform: uppercase;
}
#comment-form-wrapper textarea {
width: 565px;
height: 210px;
}
.account-creation textarea { width: 350px;
height: 120px;
font-size: 12px;
}
.account-creation form p {
margin-bottom: 2em;
}
.account-creation .check {
vertical-align: top;
display: inline-block;
margin-top: 3px;
}
.account-creation label {
display: inline-block;
font-weight: bold;
color: #c04343;
width: 140px;
padding-right: 10px;
text-align: right;
}
.account-creation .captcha {
display: inline-block;
margin-left: 20px;
position: relative;
}
.account-creation .captcha img {
position: absolute;
bottom: -10px;
}
.account-creation .option-details ul {
list-style: none;
margin: 0;
padding: 0;
}
.account-creation button {
border: none;
margin-left: 150px;
margin-top: 10px;
}
.sub-options h3 {
padding-left: 15px;
width: 260px !important;
text-transform: uppercase;
}
.sub-options h3, .sub-options p {
font-size: 22px;
margin-top: 0;
margin-bottom: 1em;
}
.sub-options .grid_5.omega p {
font-size: 12px;
text-align: right;
padding-right: 10px;
color: #c04311;
float: right;
padding-top: 10px;
}
#plan-matrix-table h4.plan-title {
margin: 0 0 .5em;
text-transform: uppercase;
font-size: 14px;
}
p.plan-description {
font-weight: 300;
font-size: 14px;
}
#plan-matrix-table td {
background: #fff;
border-right: none;
border-left: none;
border-bottom: 1px dashed #ccc;
border-top: 1px dashed #ccc;
padding: 15px;
}
#plan-matrix-table td.plan-rate {
background: #f5f5f5;
color: #666;
text-align: center;
}
#plan-matrix-table td.plan-rate small {
font-size: 11px;
font-weight: bold;
color: #111;
}
#plan-matrix-table td.plan-rate strong {
color: #c04311;
margin-right: ;
}
body#subscribe.splash.confirmation .account-creation h1 {
margin-bottom: .5em;
}
body#subscribe.splash .account-creation p {
padding-left: 5px;
}
table#confirm-sub-table {
width: 820px;
margin-top: 2em;
border-collapse: collapse;
}
table#confirm-sub-table th {
border-bottom: 1px solid #ddd;
text-align: left;
background-color: #e3efe3;
}
table#confirm-sub-table td {
background: #fff url('http://www.cubanews.com/images/bg.jpg') no-repeat left top;
}
table#confirm-sub-table td.start-on-date {
width: 175px;
}
/* @end */
/* @group My Account */
button {border: none;}
#edit-name-panel, #edit-email-panel, #edit-pass-panel {
display: none;
}
.member-label {
font-weight: bold;
width: 75px;
display: inline-block;
text-align: right;
background-color: #f6f6f6;
padding: 10px 10px 10px 0;
margin-right: 10px;
}
body#my-account h4 { color: #3f833d; border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em; }
#profile-information {
margin-bottom: 1em;
}
.member-field-edit {
display: inline-block;
float: right;
top: 7px;
position: relative;
right: 10px;
}
.member-field {
display: inline-block;
margin-right: 10px;
}
.member-profile-row {
border-bottom: 1px solid #ddd;
}
#my-plan-details ul, #my-billing-details ul, #my-billing-history ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 2em;
}
#my-plan-details li, #my-billing-details li {
padding: 8px 0;
}
#my-plan-details .plan-title {
font-weight: bold;
color: #888;
}
#my-information label {
font-weight: bold;
margin-bottom: 1em;
width: 300px;
}
#my-information .input-item {
margin-bottom: 1.5em;
}
.social_login_form p {
padding-right: 30px;
}
/* @end */
/* @group Topic Page */
body#topic-page #main-home, body#story #main-home {
padding-top: 1.5em;
}
#breadcrumb .crumb-wrapper{
background-color: #eee;
padding: 10px 20px;
font-size: 12px;
color: #888;
border-radius: 4px;
margin-bottom: 1.5em;
}
body#topic-page #hero-topic-container {
padding: 0 25px;
}
body#topic-page #hero-wrapper {
margin-bottom: 1em;
}
#hero-topic-container .slider_image, #hero-container .slider_image {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
#hero-topic-container .slider_image img, #hero-container .slider_image img {
display: block;
}
#featured-blocks .block-1, #featured-blocks .block-2 {
border-bottom: 1px dotted #aaa;
}
#featured-blocks .block-1.last, #featured-blocks .block-2.last {
border: none;
}
#featured-blocks img {
display: block;
}
#featured-blocks .image a {
padding: 2px;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
}
#featured-blocks h2 {
padding: 0 10px 1em;
border-bottom: 2px solid #222;
margin-bottom: 1.5em;
text-transform: uppercase;
font-size: 18px;
}
#featured-blocks h3 {
margin-bottom: 1em;
}
#featured-blocks h3 a {
color: #222; font-weight: 500;
font-size: 16px;
font-family: Georgia, "Times New Roman", serif;
}
#featured-blocks h3 a:hover {
color: #c64311;
}
#featured-blocks .date {
color: #888; font-family: Georgia, "Times New Roman", serif;
font-style: italic;
}
#from-the-archives h2 {
text-transform: uppercase;
font-size: 18px;
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 2px solid #222;
padding-left: 10px;
border-top: 1px solid #ddd;
padding-top: 1em;
}
body#topic-page #lower-half .post {
margin-bottom: 2em;
padding-bottom: 1.5;
border-bottom: 1px solid #ddd;
}
body#topic-page #lower-half .post .image {
float: left;
display: block;
}
body#topic-page #lower-half .post .image a, body#topic-page #lower-half .post .image a img {
display: block;
}
body#topic-page #lower-half .post .image a {
padding: 2px;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
margin: 0 0 27px 0;
display: block;
}
body#topic-page #lower-half .post .details {
float: left;
width: 435px;
margin-left: 20px;
}
body#topic-page #lower-half .post .details h3 {
margin: 0 0 .5em;
line-height: 1.5;
font-family: Georgia, "Times New Roman", Times, serif !important;
font-size: 14px;
}
body#topic-page #lower-half .post .details h3 a {
color: #222;
}
body#topic-page #lower-half .post .details h3 a:hover {
color: #ca4311;
}
.rss-box {
padding: 9px;
background: #f5f5f5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.rss-wrapper {
background: url('../images/interface/generic.png') no-repeat 10px -1136px #e9f0e6;
border: 1px solid #ddd;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.rss-wrapper a {
display: block;
padding: 10px 15px 10px 42px;
text-transform: uppercase;
color: #428340;
font-weight: bold;
font-size: 12px;
}
/* @end */
/* @group Stories */
.story-perm h1 {
padding-right: 20px;
margin: 0 0 .3em 0;
font-size: 30px;
line-height: 1.2;
}
.share-bar {
clear: both;
}
.posted-on {
color: #888;
text-transform: uppercase;
font-size: 11px;
margin-top: 1em;
}
.posted-by, .categories {
font-style: italic;
font-family: Georgia, Times, serif;
color: #888;
margin-bottom: 1.5em;
}
.addthis_toolbox {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding: 10px 0 5px 0;
margin-bottom: 2em;
}
div.addthis_toolbox a.fb-like {
display: inline-block;
font-size: 0;
vertical-align: top;
width: 210px;
}
/* Book Marking */
.share-item.save {
display: inline-block;
float: right;
margin-right: 10px;
font-size: 11px;
color: #db5b11;
}
.share-item.save a {
border: 1px solid #ddd;
padding: 1px 5px 1px 16px;
background: url('../images/interface/bookmark.png') no-repeat 0 50% #f5f5f5;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.share-item.save a:hover {
background-color: #eee;
border-color: #aaa;
text-decoration: none;
}
.article-tags { margin: 2em 0; padding-right: 20px; clear: both; }
.article-tags strong {
display: inline-block; padding-left: 18px; background: url('../images/interface/tags.png') no-repeat 0 50%;
border-right: 1px dotted #aaa; padding-right: 5px; margin-right: 3px; text-transform: uppercase;
}
.article-tags a, .cloud {
font-family: Georgia; font-style: italic;
}
span.Favorites_Status {
}
/* Story Styles */
.story-body p {
padding-right: 20px;
}
#story img {display: block;}
#story .story-body img.block {
margin: 30px 0;
padding: 4px;
border: 1px solid #ABAAA6;
background: white;
display: block;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
#story .story-body img.left {
float: left;
margin: 1.5em 30px 1.5em 0;
padding: 4px;
border: 1px solid #ABAAA6;
background: white;
display: block;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
#story .story-body img.right {
float: right;
margin: 1.5em 0 25px 30px;
padding: 4px;
border: 1px solid #ABAAA6;
background: white;
display: block;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
#story .photo-box img, .related-stories .image img {
padding: 4px;
border: 1px solid #ABAAA6;
background: white;
display: block;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
#story .photo-box {display: block;}
#related-stories h3 {
margin-bottom: .5em;
}
#related-stories p {
margin-top: 0;
}
.related-stories {
border-bottom: 1px solid #E5E5E5;
padding-bottom: .5em; margin-bottom: 1.5em;
}
.related-stories .image {
float: left;
width: 85px;
margin-right: 20px;
}
.related-stories .details {
float: left;
width: 475px;
}
.related-stories .details h3 {
margin-top: 0;
}
#story blockquote {
margin: 2em 40px 2em 20px;
background: #eee url(../images/interface/quote.png) no-repeat 15px 15px;
font-family: Georgia; font-style: italic;
padding: 10px 15px 1px 15px;
font-size: 14px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#story .video-box {
clear: both;
border: 1px solid #ccc;
padding: 4px;
margin: 2em 0;
}
#story .video-caption {
display: block;
padding: 10px;
background: #eee;
font-family: Georgia, Times, serif;
font-style: italic;
}
#story blockquote p {
padding-top: 0px;
padding-left: 50px;
}
#story .lone-credit {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: #888;
}
#story .photo-box .caption {
display: block;
margin: 1em 0 0;
padding: 10px 20px 10px 15px;
font-style: italic;
font-family: Georgia, serif;
line-height: 1.5;
background-color: #eee;
}
#story article ul, #story article ol {
margin: 0;
}
#story article .story-body p a {
border-bottom: 1px dotted;
text-decoration: none;
}
#story .photo-box .caption em {
font-size: 10px;
font-family: arial;
font-style: normal;
color: #888;
margin-top: 5px; display: inline-block;
text-transform: uppercase;
}
#story .photo-box.left {
float: left;
margin: 1.5em 1.5em 1.5em 0;
width: 300px;
display: block;
}
#story .photo-box.right {
float: right;
width: 300px;
margin: 1.5em 0 1.5em 1.5em;
display: block;
}
#story .photo-box.block {
margin: 1.5em 0;
width: 580px;
display: block;
}
/* @group Comments */
#comments h1 {
margin-bottom: 0;
border-top: 2px solid #333;
padding-top: .5em;
}
.comment-link {
margin-bottom: .5em;
padding-bottom: 1.5em;
}
.comment-author {
border-top: 2px solid #333333;
padding: 1.5em 20px 0 0;
margin-right: 0;
}
.comment-author strong {
color: #000000;
}
.comment-author-data {
color: #888;
background: url(../images/interface/comments.png) no-repeat 0 0;
padding-left: 30px;
padding-bottom: 10px;
display: block;
}
.comment-author-data.type_1 {
background: url(../images/interface/admin-icon.png) no-repeat 0 3px;
}
.comment-author-data .name, .comment-author-data .date {
display: block;
}
.comment-copy {
border-top: 2px solid #aaa;
padding: 1.5em 0;
margin-left: 0;
}
.comment-copy p {
margin-top: 0;
padding-right: 30px;
}
.awesome:hover {
text-decoration: none;
}
#comment-form-wall {
background: url('../images/interface/diag-pattern.png') #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-weight: bold;
}
#comment-form-wall p {
margin: .5em 0 1.2em;
}
#comment-form-wall-wrapper {
margin: 20px;
padding: 10px 20px 20px;
background: #fff;
border: 1px solid #bbb;
}
#comment-signin, #comment-register {
float: left;
}
#comment-form-wrapper {
border-top: 1px solid #ddd;
padding-top: 1.5em;
}
.author-box {
padding: 10px;
border-radius: 4px;
background-color: #f5f5f5;
}
#author-box {
background: #fff url(../images/interface/tile.png);
border: 1px solid #ddd;
padding: 15px;
}
#author-box .image {
float: left;
width: 71px; margin-right: 15px;
}
#author-box .details {
}
#author-box .author-title a {
display: inline-block;
font-weight: bold;
font-size: 13px;
text-transform: none;
}
#author-box .author-title {
display: block;
margin-bottom: 3px;
text-transform: uppercase;
font-size: 11px;
color: #888;
}
#author-box .details p {
margin: 0;
}
#author-box .image a {
display: block;
width: 65px;
padding: 2px;
border: 1px solid #C6C6C6;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
display: block;
}
#pay-wall {
padding: 20px;
background: url('../images/interface/diag-pattern.png') #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
clear: both;
}
#pay-wall h3 {
margin-bottom: 0;
text-transform: uppercase;
font-size: 18px;
margin-top: 0;
}
#pay-wall h3 span {
display: block;
font-size: 11px;
font-weight: normal;
}
#pay-wall p {
margin-bottom: 1em;
}
#pay-wall a {
margin-bottom: 1em;
text-transform: uppercase;
}
#comment-signin { padding-right: 10px; }
#comment-register #facebook_button {display: inline-block;}
/* @end */
/* @end */
#issues-holder {
position: relative;
width: 580px;
overflow: hidden;
}
#issues-holder {
position: relative;
width: 580px;
background: url('../images/interface/wood.png') no-repeat left top;
height: 190px;
border-bottom: 5px solid #2e2828;
border-top: 5px solid #2e2828;
}
#issues-holder ul.items {
list-style: none;
margin: 0;
padding: 15px 0 0 0;
width: 20000px;
overflow: hidden;
margin: 0 47px;
position: absolute;
}
#issues-holder ul.items li {
float: left;
}
#issues-holder ul.items li a {
display: block;
text-align: center;
padding: 0;
background: none;
}
#issues-holder ul.items li small {
display: inline-block;
margin-top: 5px;
padding: 4px;
background: #1c1111;
color: #ddd;
border-radius: 4px;
}
#issues-holder ul.items li a img {
width: 98px;
display: block;
padding: 7px;
background-color: #cfcfcf;
border: none;
}
#issue-download-bar h4 {
margin-bottom: 1.5em;
padding-left: 10px;
}
#issue-holder {
margin-bottom: 2em;
}
#issue-bar {
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #ddd;
}
.issue-controls {
list-style: none;
padding: 0;
margin: 0;
top: 0px;
height: 190px;
}
.issue-controls small {
display: block;
}
.issue-controls li {
position: absolute;
width: 34px;
height: 190px;
}
.issue-controls li a {
text-indent: -9999px;
display: block;
height: 190px;
width: 34px;
}
.issue-controls li.next-set {
right: 0;
background: url('../images/interface/issue-next.png') no-repeat left top;
}
.issue-controls li.previous-set {
left: 0;
background: url('../images/interface/issue-prev.png') no-repeat left top;
}
/* @group About Us Page */
.about h1 {
text-transform: uppercase;
}
.about h2, .about h3 {
text-transform: uppercase;
color: #4b8c10;
font: 500 24px nimbus-sans-condensed !important;
border-bottom: 1px solid #ddd;
padding-bottom: .5em;
width: 520px;
}
.about h3 {
font-size: 18px !important;
}
#about-body {
font-size: 14px;
}
#about-body p {
padding: 0 60px 0 20px;
}
#about-body a {
border-bottom: 1px dotted ;
}
#about-body ul {
margin: 0;
list-style-type: square;
}
#about-body ul li {
margin-bottom: 1em;
font-size: 13px;
padding-right: 50px;
}
#about-body small {
padding-top: 10px;
font-size: 11.5px;
color: #558c10;
}
.vid-clip {
margin-bottom: 2.5em;
padding: 9px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #eeeeee;
border: 1px solid #ddd;
}
.clip {
padding: 10px;
border: 1px solid #ddd;
background: #fff;
margin-bottom: 1em;
}
.clip-caption {
padding: 10px;
padding-top: 0;
}
/* @end */
/* @group Footer */
#main-footer {
background: #ecf7da;
margin-top: 4em;
width: 940px;
padding: 1em 0;
margin-bottom: 2em;
border-top: 1px solid #ccea9a;
}
#footer-nav {
padding: 10px 0 5px 20px;
}
#social-footer {
padding: 10px 0 5px 20px;
border-left: 1px solid #ccea9a;
margin-left: -40px;
}
#social-footer ul {
margin: 0; padding: 0;
list-style: none;
float: left;
list-style: none;
margin-bottom: 1em;
padding-bottom: .5em;
border-bottom: 1px solid #ccea9a;
}
#social-footer li {
float: left;
margin-right: 15px;
}
li.newsletter {
margin-right: 0;
}
#social-footer li a {
display: inline-block;
padding-left: 18px;
font-weight: 600;
background: transparent url(../images/interface/social-sprite.png) no-repeat 0 2px;
color: #2e8c10;
}
#social-footer li.twitter a { background-position-y: -24px; }
#social-footer li.rss a { background-position-y: -50px; }
#social-footer li.newsletter a { background-position-y: -76px; }
.copyright {
clear: both;
font-weight: 300;
color: #789b32;
}
#corp-nav {
padding: 0 0 20px 20px;
}
#footer-nav ul {
border-bottom: 1px solid #ccea9a;
}
#footer-nav ul, #corp-nav ul {
float: left;
list-style: none;
margin-bottom: .5em;
padding-bottom: .5em;
}
#footer-nav li, #corp-nav li {
float: left;
margin-right: 20px;
}
#corp-nav li {
border-right: 1px solid #ccea9a;
padding-right: 10px;
margin-right: 10px;
}
#footer-nav li a, #corp-nav li a {
display: inline-block;
font-weight: 300;
color: #2e8c10;
}
#footer-nav li a:hover, #corp-nav li a:hover {
text-decoration: none;
color: #C64311;
}
#footer-toolbar.toolbar {
margin-bottom: 0;
position: fixed;
z-index: 800;
bottom: 0;
border-top: 1px solid #222;
width: 100%;
}
/* @group Footer Toolbar */
#bookmark-bar {
position: fixed;
bottom: 35px;
width: 100%;
background: #000;
left: 0;
padding: 5px 0 1px;
border-top: 1px solid #111;
display: none;
}
#bookmark-bar .scrollable {
overflow: hidden !important;
width: 100%;
height: 105px;
}
#bookmark-bar .scrollable .items {
background: #333 url(../images/interface/toolbar-noise.png);
margin: 0 26px;
overflow: hidden;
}
#bookmark-bar .items li {
float: left;
position: relative;
width: 210px;
border-right: 1px solid #333;
border-left: 1px solid #111;
}
#bookmark-bar .items a.saved-item {
display: block;
background: none;
margin: 0;
text-transform: none;
color: #fff !important;
border: none;
width: 180px;
text-shadow: none !important;
min-height: 85px;
padding: 15px 15px 5px;
font-family: nimbus-sans-condensed;
text-transform: uppercase;
font-size: 14px;
font-weight: 100 !important;
line-height: 1.2;
}
#bookmark-bar .items a.saved-item:hover {
background: #222;
}
a.saved-item .section {
display: block;
color: #c64311;
text-shadow: none;
font: normal 10px arial, sans-serif;
}
a.saved-item em {
display: block;
font: normal 10px arial, sans-serif;
color: #666;
text-shadow: none;
}
a.saved-item em.timestamp {
margin-top: 8px;
}
#bookmark-bar .remove-button {
position: absolute;
top: 3px;
right: 2px;
z-index: 2000;
display: none;
}
#bookmark-bar .remove-button a {
padding: 0;
margin: 0;
display: block;
overflow: hidden;
width: 22px;
height: 22px;
text-indent: -9999px;
background: url(../images/interface/generic.png) no-repeat -100px -100px;
border: none;
}
.toolbar-wrapper .bookmark-counter {
display: inline-block;
padding: 0px 5px;
color: #fff;
background-color: #619c27;
text-shadow: 0 0 2px #000000;
margin-right: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
ul.controls {
position: absolute;
z-index: 1000;
width: 100%;
border: none !important;
}
ul.controls li.previous-set {
position: absolute;
left: 0;
top: 0;
}
ul.controls li.next-set {
position: absolute;
right: 0;
top: 0;
}
ul.controls li.next-set a {
display: block;
overflow: hidden;
padding: 0;
margin: 0;
width: 26px;
height: 105px;
text-indent: -9999px;
border: none;
border-left: solid 1px #333;
background: #000 url(../images/interface/generic.png) no-repeat -35px -355px;
}
ul.controls li.next-set a:hover, ul.controls li.previous-set a:hover {
background-color: #222;
}
ul.controls li.previous-set a {
display: block;
overflow: hidden;
padding: 0;
margin: 0;
width: 26px;
height: 105px;
text-indent: -9999px;
background: #000 url(../images/interface/generic.png) no-repeat 9px -355px;
border: none;
border-right: solid 1px #333;
}
#saved-stories {
display: inline-block;
padding-right: 35px;
background: url('../images/interface/generic.png') no-repeat 140px -334px;
}
#saved-stories:hover {
background-color: #373737;
}
/* @end */
/* @end */
/* =============================================================================
Non-semantic helper classes
Please define your styles before this section.
========================================================================== */
/* Catch Errors */
.errors {color: #d50c0c;}
.errors p {padding-left: 20px;}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.advert {
font-size: 11px; text-transform: uppercase;
color: #888;
}
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
.awesome, .awesome:visited {
background: #222 url(../images/interface/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }
/* 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; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* =============================================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* =============================================================================
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; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}