/*
Theme Name: HTML5 Boilerplate
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/** START HTML5 Boilerplate 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.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
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; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #4599dd; color: #fff; text-shadow: none; }
::selection { background: #4599dd; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, 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: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _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: h5bp.com/k */
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; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 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; white-space: normal; }
/*
* 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)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles =====================================================
Authors: Andrew Taylor / Kornel Lambert
Details: 940px wide container, 300px wide side column when used
========================================================================== */
/* Links */
a { color:#2099DE; font-weight:bold; text-decoration:none; }
a:visited { color:#2099DE; }
a:visited:hover,
a:hover { color:#2099DE; text-decoration:underline; cursor:pointer; }
a:active { text-decoration:none; }
/* Major layout */
body { background:#fff; background-image: url('/wp-content/themes/boilerplate/images/fact_watermark.png'); background-position: 0px -5px; background-repeat: no-repeat; background-attachment:fixed; overflow-y: scroll; }
#wrapper { width:970px; margin:0 auto; position:relative; z-index:2; }
header { background: transparent; padding:15px; height:53px; position:relative; }
#container { background: transparent; padding:15px; }
#page { position:relative; }
#main { width:620px; float:right; }
#main-wide { width:940px; float:left; }
.contained {}
#sidebar { width:300px; margin-bottom:20px; }
.sidebar-nav { background-color: #C5C6C7; text-transform: uppercase; font-size: 0.9em; padding: 5px 0px 5px 0px; }
.sidebar-nav .menu-item a { display: block; padding: 5px 10px 5px 10px; }
.sidebar-nav a, .sidebar-nav a:visited, .sidebar-nav a:hover, .sidebar-nav a:active { color: #3D3E3C; }
/* Highlight hovered item */
.sidebar-nav .menu-item a:hover { background: #2099DE; color: #fff; text-decoration: none; }
/* Indent sub-menus and hide their content by default... */
.sidebar-nav .sub-menu { margin-left: 20px; display: none; }
/* ...except when those inside the current/ancestor item */
.sidebar-nav .current-menu-item .sub-menu, .sidebar-nav .current-menu-ancestor .sub-menu { display: block; }
/* Vertically space out the currently selected menu item... */
.sidebar-nav .current-menu-ancestor { margin-top: 0px; margin-bottom: 0px; }
/* ...except when it's a sub-menu item inside a parent menu */
.sidebar-nav .current-menu-ancestor .current-menu-item { margin-top: 0px; margin-bottom: 0px; }
/* Highlight current item, even inside a sub-menu */
.sidebar-nav .current-menu-ancestor a, .sidebar-nav .current-menu-item .sub-menu a { color: #EBEBEB; }
.sidebar-nav .current-menu-item a, .sidebar-nav .current-menu-ancestor .sub-menu .current-menu-item a, .sidebar-nav .current-post-parent a { color: #fff; }
.sidebar-nav .current-menu-item .sub-menu .menu-item a { color: #EBEBEB; }
#sidebar .textwidget { margin-top: 10px; font-size: 0.9em; }
#main section,
#sidebar section { margin-bottom:40px; }
#main section:last-of-type,
#sidebar section:last-of-type { margin-bottom:0; }
aside.special-article { padding-top:420px; }
footer { clear:both; }
#footer-break { border-bottom: 1px solid #C5C6C7; padding-top: 20px; opacity: 0.5; }
#fact-footer { width: auto; height: auto; text-align: center; padding: 10px 20px 20px 20px; font-size: 0.9em; position: relative; width: 500px; height: 50px; margin-left: auto; margin-right: auto; }
.footer-abbr, .footer-sep { color: #2099DE; font-weight: bold; }
.footer-copyright { font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 0.95em; }
.footer-copyright, .footer-address, .footer-phones { text-align: left; }
.footer-logo { position: absolute; top: 30px; left: 0px; width: 100px; height: 40px; }
.footer-copyright { position: absolute; top: 22px; left: 121px; }
.footer-address { position: absolute; top: 40px; left: 121px; font-size: 0.9em; }
.footer-phones { position: absolute; top: 55px; left: 121px; font-size: 0.9em; }
.home-left { float: left; width: 620px; height: auto; }
.home-right { float: right; width: 300px; height: auto; }
.page-left { float: left; width: 300px; height: auto; }
.page-right { float: right; width: 580px; height: auto; background-color: #eceded; padding: 0 20px 20px 20px; }
.page-full { width: 920px; height: auto; background-color: #eceded; padding: 0 20px 20px 20px; }
.float-clear { clear: both; }
/* Comments */
#reply-title, #comments-title { border-bottom: 1px solid #ddd; padding-bottom: 5px; }
#commentform { font-size: 0.9em; }
#comment { height: 100px; }
.form-allowed-tags { font-size: 0.8em; }
li.comment { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
/* Spacers */
.spacer20 { width: 20px; height: 20px; overflow: hidden; }
/* Page header */
header nav { position:absolute; bottom:23px; left:255px; }
.nav-previous, .nav-next { display: inline; }
.nav-previous { float: left; }
.nav-next { float: right; }
#nav-above { display: block; height: 20px; margin: -10px 0px -10px 0px; }
#nav-below { display: block; height: 20px; margin-bottom: 10px; border-top:1px solid #ddd; padding-top:10px; }
#nav-below a:nth-child(1) { float: left; }
#nav-below a:nth-child(2) { float: right; }
#nav-above, #nav-below { font-size: 0.7em; text-transform: uppercase; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; }
a.continue-reading { font-size: 0.8em; text-transform: uppercase; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; }
/* Slideshows */
.slideshow,
.slideshow-media { height:451px; overflow:hidden; }
.slideshow-full,
.slideshow-full .slideshow { width:620px; height:451px; }
.slideshow-container,
.slideshow-media-container { position:relative; width: 620px; border: solid 2px #c4c4c6; margin: -2px;}
.slideshow-media ul { list-style-type:none; margin:0; padding:0; }
#slideshow-prev,
#slideshow-next,
#slideshow-media-full,
#slideshow-media-prev,
#slideshow-media-next { color: #fff; background:#009de0; width:auto; padding:2px 6px; display:block; position:relative; z-index:999; line-height:1; font-smooth: always; }
#slideshow-prev,
#slideshow-media-prev { position:absolute; top:40px; right:36px; margin-top:-30px; border-radius: 2px; box-shadow:5px 0 5px rgba(0,0,0,0.5); }
#slideshow-next,
#slideshow-media-next { position:absolute; top:40px; right:10px; margin-top:-30px; border-radius:2px; box-shadow:-5px 0 5px rgba(0,0,0,0.5); }
#slideshow-media-full { position:absolute; top:10px; right:10px; width:auto; padding:15px; border-radius:50px; box-shadow:0 0 5px rgba(0,0,0,0.5); }
#slideshow-media-status { width:50px; padding:7px 5px 3px 5px; margin:-20px auto 0 auto; position:relative; z-index:999; background:#fff; text-align:center; font-size:0.8em; line-height:1; border-radius:10px 10px 0 0; box-shadow:0 -5px 5px rgba(0,0,0,0.5); }
.slideshow-container #slideshow-prev,
.slideshow-container #slideshow-next,
.slideshow-media-container #slideshow-media-full,
.slideshow-media-container #slideshow-media-prev,
.slideshow-media-container #slideshow-media-next,
.slideshow-media-container #slideshow-media-status { opacity:0.25; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.slideshow-container:hover #slideshow-prev,
.slideshow-container:hover #slideshow-next,
.slideshow-media-container:hover #slideshow-media-full,
.slideshow-media-container:hover #slideshow-media-prev,
.slideshow-media-container:hover #slideshow-media-next,
.slideshow-media-container:hover #slideshow-media-status { opacity:1; text-decoration: none; }
.related-items { margin:20px 0 0 0; padding:0; list-style-type:none; }
.related-items li { float:left; margin-right:10px; }
.related-items li a { background:#ddd; text-shadow:none; padding:5px 7px; font-size:0.9em; line-height:1; }
.related-story { position:absolute; top:20px; right:20px; padding:10px; width:280px; background:rgba(0,0,0,0.5); }
.related-story p { margin:0; }
/* Listings */
ul.listing { margin:0; padding:0; list-style-type:none; }
ul.listing figure { position:relative; }
.listing-type-a {}
.listing-type-a li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd; }
.listing-type-a li article.has-image { padding-left:150px; }
.listing-type-a li figure { float:left; margin-left:-150px; }
.listing-type-a li figure img { width:130px; height:70px; }
.listing-type-a li article { display:table; }
.listing-type-a li article .headlines { display:table-cell; vertical-align:middle; }
.listing-type-a li article h1 { font-size:1.1em; margin:0; }
.listing-type-a li article p { margin:0; }
.listing-type-b {}
.listing-type-b li { margin-bottom:20px; }
.listing-type-b li article.has-image { padding-left:60px; }
.listing-type-b li figure { float:left; margin-left:-60px; }
.listing-type-b li figure img { width:50px; height:30px; }
.listing-type-b li article {}
.listing-type-b li article h1 { font-size:1em; margin:0 0 2px 0; }
.listing-type-b li article p { margin:0; font-size:0.85em; }
.listing-type-c {}
.listing-type-c li { margin-bottom:10px; }
.listing-type-c li article.has-image { padding-left:60px; }
.listing-type-c li figure { float:left; margin-left:-60px; }
.listing-type-c li article {}
.listing-type-c li article h1 { font-size:1em; margin:0 0 2px 0; }
.listing-type-c li article p { margin:0; font-size:0.85em; }
.listing-type-d {}
.listing-type-d li { margin-bottom:10px; }
.listing-type-d li figure { }
.listing-type-d li figure img { width:300px; height:175px; }
.listing-type-d li article {}
.listing-type-d li article h1 { font-size:1.1em; margin:5px 0; }
.listing-type-d li article p { margin:0; }
.listing-type-f {}
.listing-type-f li { margin-bottom:20px; }
.listing-type-f li figure { }
.listing-type-f li figure img { width:300px; height:137px; }
.listing-type-f li article {}
.listing-type-g { }
.listing-type-g li { margin-bottom:20px; display: inline; float: left; }
.listing-type-g li:first-child { margin-right: 20px; }
.listing-type-g li:nth-child(3) { margin-right: 20px; }
.listing-type-g li figure { }
.listing-type-g li figure img { width:300px; height:137px; }
.listing-type-g li article {}
li.listing-item-special { float:none !important; width:auto !important; margin-right:0 !important; }
li.listing-item-special-type-a article.has-image { padding-left:320px; }
li.listing-item-special-type-a figure { margin-left:-320px; }
li.listing-item-special-type-a figure img { width:300px; height:175px; }
li.listing-item-special-type-a article { display:table; }
li.listing-item-special-type-a article .headlines { display:table-cell; vertical-align:middle; }
li.listing-item-special-type-a article h1 { font-size:2em; margin:0 0 10px 0; }
li.listing-item-special-type-a article p { font-size:1em; }
li.listing-item-special-type-b { padding-bottom:0; margin-bottom:20px; border-bottom:0; }
li.listing-item-special-type-b article.has-image { padding-left:0; }
li.listing-item-special-type-b figure { margin-left:0; float:none; }
li.listing-item-special-type-b figure img { width:620px; height:460px; }
li.listing-item-special-type-b article { position:relative; display:block; }
.listing li.listing-item-special-type-b article .headlines { background:rgba(0,0,0,0.65); color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.75); position:absolute; bottom:0; padding:20px; width: 580px; overflow: hidden; }
.listing li.listing-item-special-type-b article h1 { font-size:2em; margin:0 0 10px 0; }
.listing li.listing-item-special-type-b article p { font-size:1.2em; margin:0; color:#fff; }
li.listing-item-special-type-c article.has-image { padding-left:0; }
li.listing-item-special-type-c figure { margin-left:0; float:none; }
li.listing-item-special-type-c figure img { width:300px; height:180px; }
li.listing-item-special-type-c article { width:300px; }
li.listing-item-special-type-c article .headlines { margin-bottom:5px; }
li.listing-item-special-type-c article h1 { margin:5px 0; }
li.listing-item-special-type-d { padding-bottom:0; margin-bottom:0; border-bottom:0; }
li.listing-item-special-type-d article.has-image { padding-left:0; }
li.listing-item-special-type-d figure { margin-left:0; float:none; height:175px; overflow:hidden; }
li.listing-item-special-type-d figure img { width:300px; height:175px; }
li.listing-item-special-type-d article { position:relative; }
li.listing-item-special-type-d article .headlines { background:rgba(0,0,0,0.65); color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.75); position:absolute; bottom:0; padding:10px; }
li.listing-item-special-type-d article h1 { font-size:1.5em; margin:0; }
li.listing-item-special-type-d article p { display:none; }
li.listing-item-special-type-e { padding-bottom:0; margin-bottom:20px; border-bottom:0; width:940px; }
li.listing-item-special-type-e article.has-image { padding-left:0; }
li.listing-item-special-type-e figure { margin-left:0; float:none; }
li.listing-item-special-type-e figure img { width:940px; height:400px; }
li.listing-item-special-type-e article { position:relative; }
li.listing-item-special-type-e article .headlines { background:rgba(0,0,0,0.65); color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.75); position:absolute; bottom:0; padding:20px; width:900px; }
li.listing-item-special-type-e article h1 { font-size:3em; margin:0 0 10px 0; }
li.listing-item-special-type-e article p { font-size:1.5em; margin:0; }
li.listing-item-special-type-f { padding-bottom:0; margin-bottom:0; border-bottom:0; }
li.listing-item-special-type-f article.has-image { padding-left:0; }
li.listing-item-special-type-f figure { margin-left:0; float:none; height:175px; overflow:hidden; }
li.listing-item-special-type-f figure img { width:300px; height:175px; }
li.listing-item-special-type-f article { position:relative; }
li.listing-item-special-type-g { padding-bottom:0; margin-bottom:0; border-bottom:0; }
li.listing-item-special-type-g article.has-image { padding-left:0; }
li.listing-item-special-type-g figure { margin-left:0; float:none; height:175px; overflow:hidden; }
li.listing-item-special-type-g figure img { width:300px; height:175px; }
li.listing-item-special-type-g article { position:relative; }
.pane ul.listing li { border-bottom:1px dotted #ccc; margin-bottom:7px; padding-bottom:7px; }
.pane ul.listing li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
homepage-button { }
.homepage-button img { border: solid 2px #c4c4c6; margin: -2px; }
.homepage-button img:hover { border: solid 2px #4599dd; margin: -2px; }
.inline-tile { margin: 20px 0 0 20px; }
.inline-tile img{ margin-bottom: 10px; }
.inline-tile img:hover { margin-bottom: 10px; }
.sidebar-button { margin: 2px 0 20px 0; }
.sidebar-button img { border: solid 2px #c4c4c6; margin: -2px; }
.sidebar-button img:hover { border: solid 2px #4599dd; margin: -2px; }
/* Tags */
#tags { margin:0 0 10px 0; font-size:0.85em; }
.tag-list { list-style-type:none; margin:0; padding:0; }
.tag-list li { float:left; margin-right:5px; }
.tag-list li span { font-weight:bold; text-transform:uppercase; display:block; padding:4px 5px 4px 0; }
.tag-list li a { background:#eee; display:block; padding:3px 5px; border:1px solid #ddd; }
/* Article contents */
.single { position:relative; }
.figure-inline { position:relative; }
.figure-inline-small { float:right; margin:0 0 20px 20px; }
.figure-inline-small-alt { float:left; margin:0 20px 20px 0; }
.figure-inline-full { margin:0 0 20px 0; }
.figure-inline figcaption { position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.65); color:#fff; padding:5px 10px; font-size:0.85em; }
.figure-inline figcaption span { }
.figure-inline-full figcaption { max-width:50%; }
#media-full { margin-bottom:20px; }
/* Screenshots */
#screenshots { margin-bottom:20px; }
#screenshots ul { margin:0; padding:0; list-style-type:none; }
#screenshots ul li { float:left; margin:0 5px 10px 5px; display:block; border:2px solid #fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; }
#screenshots ul li:hover { border-color:#000; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
/* Layout splits */
.splits {}
.split1,
.split1pt5,
.split2,
.split3,
.split4,
.split5 { float:left; margin-right:20px; }
.split1pt5 { margin-right:25px; }
.split1 { width:140px; }
.split1pt5 { width:190px; }
.split2 { width:300px; }
.split3 { width:460px; }
.split4 { width:620px; }
.split5 { width:780px; }
.split-last { margin-right:0; }
/* Accordian */
.slidingDiv {
height:auto;
margin-top:10px;
border: solid 2px #C4C4C6;
text-align: center;
}
.show_hide {
display:none;
}
/* Typography overrides */
.article-body { font-size:1.1em; line-height:1.55; }
.related-story { color:#fff; }
p { }
.intro { font-weight:bold; font-size:1.1em; }
.byline { font-weight:bold; border-top:1px solid #ddd; padding-top:5px; }
.meta { font-size:0.85em; color:#aaa !important; margin-bottom:5px !important; }
.meta-override { margin-top: -20px; }
.headlines p,
.game-hub-info p { line-height:1.4; }
blockquote {}
.single blockquote { float:left; width:300px; margin:20px 20px 20px 0; }
.single blockquote p { margin:0 0 5px 0; font-size:2em; font-family:serif; line-height:1.2; font-style:italic; }
.single blockquote cite { font-style:normal; font-size:0.85em; color:#999; }
h1 { font-size: 1.75em; }
.header-override h1 { margin-top: -0px; }
#media-full h1 { font-size:2em; margin:0 0 10px 0; letter-spacing:-0.025em; }
.special-article-splash h1 { font-size:3.5em; }
h2 { font-size: 1.35em; }
.single h2 { font-size:1.60em; margin:0 0 10px 0; font-weight:normal; }
.special-article-splash h2 { margin:0; }
h2.entry-title { margin-bottom: 0px; padding-top: 10px; border-top: 1px solid #C5C6C7; }
h2.entry-title a, h2.entry-title a:visited { color: #3D3E3C; }
h3 {}
.related-story h3 { margin:0 0 5px 0; font-size:1em; }
h4 {}
.related-story h4 { margin:0 0 10px 0; font-size:1em; }
.section-header { color:#aaa; margin:0 0 10px 0; letter-spacing:-0.05em; border-bottom:3px solid #aaa; }
.entry-meta, .entry-utility { font-size: 0.8em; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; }
article, .entry-summary { font-size: 0.9em; }
.entry-summary p { margin: 5px 0px 10px 0px; }
.entry-utility { display: none; }
h1, h2, h3, h4, h5 { font-family: 'Ubuntu', sans-serif; font-weight: 700; }
a.post-edit-link, a.post-edit-link:visited { color: #f00; }
.entry-content a.post-edit-link { padding: 2px 0px 2px 0px; display: block; margin-bottom: 15px; }
.entry-content a.post-edit-link:hover { background: #f00; color: #fff; text-decoration: none; padding-left: 5px; }
/* Hide the title on the homepage button widgets */
.hide-title { display: none; }
dl { margin:0 0 1em 0; }
dl dt { float:left; margin-right:10px; font-weight:bold; margin-bottom:2px; }
dl dd { margin-bottom:2px; }
footer { font-size:0.85em; }
/* Navigation */
header nav { width:700px; }
header nav ul { margin:0; padding:0; list-style-type:none; float: right;}
header nav li { float:left; }
header nav ul li a { display:block; padding:7px 10px; }
.breadcrumbs { font-size:0.85em; }
.breadcrumbs ul { margin:0 0 10px 0; padding:0; list-style-type:none; }
.breadcrumbs ul li { float:left; margin-right:5px; }
/* Pagination */
.pagination { text-align:center; padding:10px 0; }
.pagination a,
.pagination b,
.pagination span { border:1px solid #ddd; padding:2px 6px; }
.pagination a:hover,
.pagination b { background:#ccc; border-color:#aaa; }
.pagination span { color:#ccc; }
/* Forms */
form {}
form div { margin-bottom:15px; }
form label { display:block; text-transform:uppercase; font-size:0.85em; font-weight:bold; margin-bottom:3px; }
form .helper { font-size:0.85em; margin-bottom:0; }
.text { padding:5px; }
.text:focus { box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6); }
textarea { }
#main textarea { width:485px; height:100px; }
a.community { color:#00b3e9; }
a.community:visited { color:#00b3e9; }
a.community:visited:hover,
a.community:hover { color:#00b3e9; }
a.community:active { }
.listing-item-special-type-b h1 a,
.listing-item-special-type-d h1 a,
.listing-item-special-type-e h1 a { color:#fff; }
.listing-item-special-type-b h1 a:visited,
.listing-item-special-type-d h1 a:visited,
.listing-item-special-type-e h1 a:visited { color:#fff; }
.listing-item-special-type-b h1 a:visited:hover,
.listing-item-special-type-b h1 a:hover,
.listing-item-special-type-d h1 a:visited:hover,
.listing-item-special-type-d h1 a:hover,
.listing-item-special-type-e h1 a:visited:hover,
.listing-item-special-type-e h1 a:hover { color:#fff; }
.listing-item-special-type-b h1 a:active,
.listing-item-special-type-d h1 a:active,
.listing-item-special-type-e h1 a:active { }
.extend { float:right; }
.film-title {font-family: Ubuntu, sans-serif; font-size: 1.5em;}
.headline-override { margin-bottom: 4px!important; }
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.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: h5bp.com/p */
.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: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { 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; } /* h5bp.com/t */
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; }
}
/** END HTML5 Boilerplate CSS **/
/** START Starkers CSS **/
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 15px 10px 0; }
.alignright { float:right; margin: 0 0 10px 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.
/* Font stack options
The following represents a list of font stacks, as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial, "Helvetica Neue", Helvetica, sans-serif - p, t
Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t
Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t
Consolas, "Lucida Console", Monaco, monospace - p, t
"Copperplate Light", "Copperplate Gothic Light", serif - p, t
"Courier New", Courier, monospace - p, t
"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t
Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t
Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t
Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t
Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t
"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t
Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t
"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, "Times New Roman", Georgia, serif - p, t
Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/
/** END Starkers CSS **/
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; z-index: 999999; }
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery { }
.gallery .gallery-item {
float: left;
margin: 0 0 20px 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img { border: solid 2px #C4C4C6; margin: -2px; }
.gallery img:hover {
border: solid 2px #4599DD; margin: -2px;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/