/*
* 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.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #333;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #666;
text-shadow: none;
color: #fff;
}
::selection {
background: #666;
text-shadow: none;
color: #fff;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* HTML5 ? Boilerplate
* ==|== normalize ==========================================================
*/
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; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
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; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
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%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
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; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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 { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: Alexander Wallin
========================================================================== */
/**
* ------------------------------------
* Grid
* ------------------------------------
*/
/*.col_1 {width: 44px;}.col_2 {width: 128px;}.col_3 {width: 212px;}.col_4 {width: 296px;}.col_5 {width: 380px;}.col_6 {width: 464px;}.col_7 {width: 548px;}.col_8 {width: 632px;}.col_9 {width: 716px;}.col_10 {width: 800px;}.col_11 {width: 884px;}.col_12 {width: 968px;}*/
/*.column, .row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/
.row { max-width: 1008px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0 -20px 0 -20px; width: auto; display: inline-block; }
.column { margin: 0 1.984%; overflow: hidden; float: left; display: inline; }
.col_1 {width: 4.365%;}.col_2 {width: 12.698%;}.col_3 {width: 21.032%;}.col_4 {width: 29.365%;}.col_5 {width: 37.698%;}.col_6 {width: 46.032%;}.col_7 {width: 54.365%;}.col_8 {width: 62.698%;}.col_9 {width: 71.032%;}.col_10 {width: 79.365%;}.col_11 {width: 87.698%;}.col_12 {width: 96.032%;}
@media only screen and (max-width: 480px) {
.column {margin: 0 3%;}
.col_m0 {width:100%; margin: 0;}
.col_m1 {width: 10.67%;} .col_m2 {width: 27.34%;} .col_m3 {width: 44%;} .col_m4 {width: 60.67%;} .col_m5 {width: 77.34%;} .col_m6 {width: 94%;}
}
/* Clearfix */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after,
.container_12:after { clear: both;}
/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.clearfix { zoom: 1;}
/**
* ------------------------------------
* Base styling
* ------------------------------------
*/
/**
* --- Typography ---
*/
@font-face {
font-family: 'UnitedCond';
src: local('^^'),
url('fonts/UnitedSansCdLt.otf') format('opentype');
}
@font-face {
font-family: 'UnitedCond';
font-style: italic;
font-weight: normal;
src: local('^^'),
url('fonts/UnitedItalicCdLt.otf') format('opentype');
}
@font-face {
font-family: 'UnitedCond';
font-style: italic;
font-weight: bold;
src: local('^^'),
url('fonts/UnitedItalicCdHv.otf') format('opentype');
}
/**
* --- Links and headings ---
*/
a, a:link, a:hover, a:visited, a:active { color: #333; text-decoration: none; -webkit-transition: color 0.05s ease-in-out; -moz-transition: color 0.05s ease-in-out; }
a:hover { color: #f269c7; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: 'UnitedCond'; font-style: italic; font-weight: bold; line-height: 1em; text-transform: uppercase; }
/* h1 */
/*h1 { font-size: 7.7em; letter-spacing: -0.01em; font-style: normal; font-weight: normal; }*/
h1 a, h1 a:link, h1 a:visited,
h1 a:active { color: inherit; cursor: default; }
/*h1 a:hover { color: #fff; }*/
h2, .h2 { margin: 0; font-size: 2.143em; font-weight: bold; line-height: 1em; text-transform: uppercase; }
h3 {}
h4 {}
h5 {}
h6 {}
/**
* --- Lists and tables ---
*/
.no-list { margin-left: 0; padding: 0; }
.no-list li { display: block; list-style-type: none; }
/**
* --- Forms ---
*/
input:focus { outline: none; }
/**
* ------------------------------------
* Structure and layout
* ------------------------------------
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { padding-top: 54px; background: #fdfdfd; font: 14px/24px 'Helvetica Neue', Helvetica, sans-serif; color: #333; }
/* Misc */
.desktop-only { }
.mobile-only { display: none; }
/* Spikes */
.spikes { position: relative; }
.spikes::after { content: ' '; display: block; position: absolute; bottom: -7px; left: 0; right: 0; height: 7px; background: url('../images/spikes.png') repeat-x center top; }
.spikes-mobile::after { display: none; }
.spikes-light::after { background-position: center -16px; }
.spikes-grey::after { background-position: center -32px; }
.spikes-dark::after { background-position: center -48px; }
/* Arrows */
.arrow { display: inline-block; width: 10px; height: 11px; margin: 0 0 0 0.5em; padding: 3px 0 0; background: url('../images/arrows.png') no-repeat -10px top; }
.arrow-small { margin-bottom: -2px; background-position: -10px -20px; }
.arrow-left { margin: 0 0.5em 0 0; background-position: -30px top; }
/* Tilted elements */
.tilt-bg { position: relative; float: left; z-index: 1; padding-right: 10px; }
.tilt-bg-start, .tilt-bg-end { float: left; height: 100%; background: url('../images/tilts-bg.png') no-repeat right top; }
.tilt-bg-start { background: url('../images/tilts-bg.png') no-repeat left top; }
span.tilt-bg-start { min-width: 14px; }
.tilt-bg-end { position: absolute; right: 0; width: 10px; }
.tilt-bg-yellow .tilt-bg-start { background-position: 0 -50px; }
.tilt-bg-yellow .tilt-bg-end { background-position: right -50px; }
.tilt-bg-pink { background-position: 0 -100px; }
.tilt-bg-turqoise { background-position: 0 -150px; }
/**
* --- Header ---
*/
#header { }
#top { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
/* Logo */
#logo { float: left; font-size: 1.64em; font-style: italic; font-family: 'UnitedCond'; }
#logo img { float: left; margin: 11px 0 0 0; }
#logo span { float: left; margin: 5px 0 0 0.4em; line-height: 54px; }
.blog-name { font-weight: bold; text-transform: uppercase; }
.blog-desc { color: #666; }
a:hover .blog-desc { color: inherit;}
/* Search form */
#searchform { float: right; margin-top: 18px; }
#searchform input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#searchform input { position: relative; float: left; height: 25px; padding: 3px 6px 3px 18px; line-height: 25px; border: none; font-style: italic; }
#searchform #s { width: 200px; font-size: 0.857em; }
#s::-webkit-input-placeholder { color: #ccc; }
#searchform #searchbutton { padding-left: 21px; padding-top: 2px; font-family: 'UnitedCond'; font-weight: bold; text-transform: uppercase; font-size: 1.07em; text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
#searchbutton-tilt { margin-left: -14px;}
/* Header image */
/*#header-image img { width: 100%; height: auto; }*/
/* Navigation */
#header .menu { position: relative; z-index: 10; overflow: visible; font-family: 'UnitedCond', 'Helvetica Neue', Helvetica, sans-serif; font-style: italic; text-transform: uppercase; }
#header .menu-item { float: left; }
#nav { overflow: visible; }
#nav .menu { background: #f5f5f5; border: 1px solid #d5d8d8; border-top: none; }
#nav .menu-item a { display: block; height: 45px; padding: 4px 16px; font-size: 1.429em; line-height: 45px; -webkit-transition: none; }
#nav .sub-menu { position: absolute; display: none; z-index: 20; float: left; background: #333; box-shadow: inset 0 2px 2px rgba(0,0,0,0.07); }
#nav .sub-menu .menu-item { float: none; }
#nav .sub-menu a { display: block; padding-right: 2em; color: #f5f5f5; font-size: 18px; line-height: 40px; font-weight: normal; }
#nav .sub-menu a:hover { color: #ffd800; }
#nav > .menu > .menu-item:hover > a { background: #333; color: #f5f5f5; }
#nav .menu-item:hover .sub-menu { display: block; }
#mobile-menu { display: none; }
/**
* --- Content ---
*/
#main { z-index: 4; margin-top: 3em; }
/**
* Posts
*/
.hentry { margin: 0 0 4em; }
/* Post header and meta */
.post .post-header { float: left; width: 80%; }
.post-title a { display: block; }
.single .post-title,
.page .post-title { font-size: 3em; margin: 0; }
.post-meta { /*margin: 0.5em 0;*/ font-size: 0.857em; font-style: italic; color: #999; }
.post-meta a { color: #666; }
.post-meta a:hover { text-decoration: underline; }
/*a[rel="category tag"] { display: inline-block; line-height: 1.1em; margin: 0 2px; padding: 2px 4px; background: #999; font-style: normal; font-size: 9px; color: #fff; text-transform: uppercase; }*/
/*a[rel="category tag"]:hover { background: #666; text-decoration: none; }*/
.post-buzz { float: right; width: 20%; }
.count-bubble { position: relative; float: right; height: 41px; padding: 0 20px 0 4px; background: url('../images/count-bubble.png') no-repeat right top; font: bold italic 24px/40px 'UnitedCond', 'Helvetica Neue', Helvetica, sans-serif; color: #999 !important; text-shadow: 0 1px 0 #fdfdfd; -webkit-transition: none; }
.count-bubble:hover { background-position: right -50px; color: #666 !important; text-shadow: inset 1px 1px 0 #111; }
.count-bubble::before { content: ' '; position: absolute; left: -16px; width: 16px; height: 41px; background: url('../images/count-bubble.png') no-repeat left top; }
.count-bubble:hover::before { background-position: left -50px; }
/* Post entry */
.post-entry { margin-top: 1em; }
.post-entry a { color: #f269c7; }
/* Thumbnail */
.thumbnail { float: left; margin-bottom: 1em; margin-right: 20px; }
.thumbnail img { display: block; width: 100%; height: auto !important; }
.thumbnail-type-1 { width: 100%; margin-right: 0; }
.thumbnail-type-2a { width: 50%; }
.thumbnail-type-2b { float: right; width: 50%; }
.thumbnail-type-3a { width: 33%; }
.thumbnail-type-3b { float: right; width: 33%; }
.thumbnail-type-2b,
.thumbnail-type-3b { margin-left: 20px; margin-right: 0; }
.post-entry img { max-width: 100%; height: auto !important; }
a.read-more-link,
a.more-link { clear: both; color: #333; font-family: 'UnitedCond'; font-weight: bold; letter-spacing: 1px; font-size: 0.929em; font-style: italic; text-transform: uppercase; }
/*.read-more-link::after { content: '▶'; }*/
/* Post footer */
.post-footer { clear: both; }
/* Pagination */
.nav-posts { width: 100%; margin: 0 0 20px; font-size: 1.286em; font-family: 'UnitedCond'; font-weight: bold; font-style: italic; }
.nav-link { float: left; width: 45%; margin-left: 5%; }
.nav-newer { margin: 0 5% 0 0; text-align: right; }
/**
* Categories and archives
*/
.small-title { margin: 0 0 2em; padding-bottom: 0.5em; border-bottom: 1px solid #d5d5d8; font-size: 1.429em; font-weight: normal; letter-spacing: 1px; }
/* House */
#house { position: relative; width: 465px; height: 242px; margin: 20px 0 20px -10px; }
.house-wrapper { position: relative; width: 100%; height: 242px; }
.blueprint { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/cyklopen-blueprint.png') no-repeat left top; }
.blueprint-front { top: auto; bottom: 0; left: -13px; width: 465px; height: 242px; }
.facade { position: absolute; bottom: 1px; left: 13px; right: 0; overflow: hidden; height: 0px; background-size: cover; background-repeat: no-repeat; background-position: left bottom; -webkit-transition: height 2s ease-in-out; -moz-transition: height 2s ease-in-out; }
.milestone { position: absolute; top: 0; left: 0; right: -10px; height: 2px; background: url('../images/line-dashed.png') repeat-x left top; }
.milestone-box { display: block; position: absolute; top: -20px; left: 100%; width: 140px; height: 40px; padding-left: 10px; line-height: 40px; font-size: 2em; font-style: italic; }
.milestone-amount { }
#max-amount .milestone-box { font-weight: bold; }
#mid-amount { top: 50%; }
#mid-amount .milestone-box { font-size: 1.8em; }
#amount-raised { top: auto; bottom: 0; -webkit-transition: bottom 2s ease-in-out; -moz-transition: bottom 2s ease-in-out; }
#amount-raised .milestone-box { width: 109px; height: 41px; padding-left: 0; background: url('../images/current-amount-raised.png') no-repeat left top; }
#amount-raised .milestone-amount { display: block; text-align: center; color: #fff; }
/* Boxes */
.styled-box { /*position: absolute; top: 20px; bottom: 50px; right: 0;*/ background: #f9fcf6; box-shadow: 2px 2px 0 #c1c2c1; }
.styled-box h2 { padding: 14px 20px 9px; background: #d4ff9d; }
.styled-box .scroll-content { overflow: auto; height: 250px; margin-bottom: 20px; }
.styled-box p { padding: 0 20px; }
/* Donate btn */
.donate-link,
.menu-item-7 { display: block; width: 122px; height: 39px; line-height: 40px; background: url('../images/donate-btn.png') no-repeat left top; }
.donate-link { font-size: 24px; font-style: italic; text-transform: uppercase; text-align: center; }
.donate-link:hover,
.menu-item-7 a:hover { color: #111; }
.donate-link.donate-small { width: 84px; height: 27px; line-height: 29px; font-size: 16px; background-position: left bottom; }
.menu-item-7 { height: 47px; background-position: 0 7px; }
.menu-item-7 a { margin-left: 9px; }
#Folj_insamlingen .donate-btn { position: absolute; top: 0; right: 168px; }
/**
* --- Sidebar ---
*/
#sidebar { }
.sidebar { float: right; }
/* Widgets */
.widget-group { margin-bottom: 20px; background: #f5f5f5; box-shadow: 1px 1px 0 #d5d8d8; }
.widget { padding: 20px; }
.widget-title { margin: 0 0 10px; font-size: 1.286em; }
.widget p { font-size: 0.857em; }
/* Donate widgets */
.donation-widgets { position: relative; padding: 20px; background: #ffd800; }
.donate-heading { }
.donation-widgets .widget { margin-bottom: 10px; padding: 15px 10px; background: #ffe552; box-shadow: 1px 1px 0 rgba(0,0,0,0.14); }
.donation-widgets .widget h4 { margin-bottom: 5px; font-weight: normal; }
.donation-widgets .widget p { margin: 0; color: #72693a; font-size: 11px; line-height: 1em; }
.donation-widgets .tilt-bg { float: none; }
/* PayPal */
#paypal_donations-4 .widget-title { float: left; }
#paypal_donations-4 input[name="submit"]{ float: right; }
/* Link to fundraiser page */
#nav_menu-3 { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; background: #666; }
#nav_menu-3 ul { margin: 0; padding: 0; }
#nav_menu-3 a { display: block; position: relative; height: 40px; font: italic 1.14em/40px 'UnitedCond', 'Helvetica Neue', Helvetica, sans-serif; color: #f5f5f5; text-align: center; letter-spacing: 1px; text-transform: uppercase; }
#nav_menu-3 a::after { content: ' '; display: block; position: absolute; right: 10px; top: 14px; width: 10px; height: 11px; padding: 3px 0 0; background: url('../images/arrows.png') no-repeat 0px -20px; }
/* Social widgets */
.widget .instagram-image { overflow: hidden; width: 100%; margin: 0; padding: 0; background: transparent; border-radius: 2px; /*border: 1px solid #d5d8d8;*/ /*box-shadow: 1px 1px 0 #d5d8d8;*/ }
.instagram-image a { display: block; }
.instagram-image img { width: 100%; height: auto; }
/**
* --- Footer ---
*/
/* Regular footer */
#footer { z-index: 2; padding: 4em 0; background: #f3f3f3; color: #999; }
#footer a { color: #f269c7; }
#footer .widget { padding: 0; }
#footer .widget ul { padding-left: 16px; }
.footer-tagline { margin-top: 0.5em; color: #d0d0d0; font: italic 5.14em/1em 'UnitedCond', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; letter-spacing: 0.02em; }
/* Page bottom */
#bottom { padding: 2em 0; background: #ddd; color: #999; }
#bottom a { color: #666; }
.contact-link { float: right; }
/* WordPress helper classes */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ====================================================== */
/** Desktop (full width) */
@media only screen and (min-width: 1008px) {
#header-image img { min-height: 279px; }
}
/** Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 480px),
only screen and (min-device-pixel-ratio : 1.5) and (max-device-width : 480px),
only screen and (min-width : 320px) and (max-width : 480px) {
/* Misc */
.desktop-only { display: none; }
.mobile-only { display: block; }
/* General */
body { padding-top: 0; }
/* Spikes */
.spikes-desktop::after { display: none; }
.spikes-mobile::after { display: block; }
/**
* Header
*/
#top { position: relative; padding-bottom: 10px; }
#logo { margin-bottom: 10px; margin-top: 10px; }
.blog-desc { font-size: 0.8em; }
#header-image.folded { display: none; }
#mobile-menu { display: block; margin-right: 0; font-size: 1.286em; }
#mobile-menu .menu-item { margin-left: 1em; }
#mobile-menu .menu-item:first-child { margin-left: 0; }
#mobile-menu a { padding-right: 3px; color: #666; }
#nav { position: relative; display: none; }
#nav.unfolded { display: block; }
#nav a:hover { color: #ffd800; }
#nav > .menu { /* position: absolute; */ padding-top: 1em; border: none; background: #333; }
#nav .menu-item { width: 50%; }
#nav .menu-item:nth-child(2n+1) { clear: left; }
#nav > .menu > .menu-item { padding: 1em 0; }
#nav .menu-item a { height: auto; color: #f5f5f5; line-height: 1em; }
#nav .sub-menu { display: block; position: relative; box-shadow: none; }
#nav .sub-menu .menu-item { width: 100%; }
#nav .sub-menu a { padding-right: 0; color: #ccc; font-size: 14px; }
/* Search form */
#searchform { margin-top: 0; margin-left: 0; }
#s { width: 80px !important; }
/**
* Content
*/
#main { margin-top: 0; }
#content { margin-top: 3em;}
/**
* Sidebar
*/
.widget-group { box-shadow: none; border: 1px solid #d5d8d8; }
.donation-widgets { margin-bottom: 0; padding: 0; border: none; }
.donation-widgets .widget { display: none; }
.donation-widgets .widget.unfolded,
.donation-widgets #nav_menu-3 { display: block; }
.donation-widgets .tilt-bg { float: left; height: 40px; margin-left: 3%; cursor: pointer; }
.donate-heading { position: relative; z-index: 5; float: left; height: 40px; margin-bottom: 0; padding: 0 0.5em; line-height: 40px; background: #ffd800; }
#donation-methods { clear: left; }
.donation-widgets .widget { float: left; width: 94%; margin: 0 3% 10px; }
.donation-widgets .widget:first-child { margin-top: 10px; }
#nav_menu-3 { top: 0; bottom: auto; width: 100%; margin: 0; }
#nav_menu-3 a { height: 39px; padding-right: 30px; text-align: right; }
/**
* Footer
*/
.footer-tagline { font-size: 3em; }
#bottom { text-align: center; }
.contact-link { float: none; }
}
/* ==|== print styles ======================================================= */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
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: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
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; }
}
/** twitter tracker */
ol.tweets {
list-style: none;
background: #fff;
padding: 10px;
}
ol.tweets a {
color: #f269c7;
}
ol.tweets li {
border-bottom: 1px solid #d5d8d8;
padding-top: 10px;
}
ol.tweets .avatar {
display: none;
}