/* Turn off backgrounds */
#page,
#header,
#page-header,
#section-header,
#content
{
    background: transparent;
}

#page   { border-top: 0 !important; } /* Turn off any admin toolbar backing */

/* Hide navigation and interaction elements */

#topbar,
#mainnav,
#feedback,
#subnavigation,
#footer-links,
#page-breadcrumbs,
#new-comment,
#blogs-sidebar,
#events-sidebar,
#admin-toolbar,
.admin-tools,
.sequence-nav
{
    display: none;
}


/* Ensure elements still wrap their contents as expected */

#content,
#header,
.span-1,
.span-2,
.span-3,
.span-4     { overflow: hidden; min-height: 1px; }
.span-4     { clear: both; }


/* Disable blueprint's well-intentioned link printing on certain elements */
#header a:after { content: ""; }


/* Collapse masthead */

#header { height: auto !important; margin-bottom: 1em; }
#header #site-title,
#header #page-title { position: static; margin: 0; }
#header #site-title { float: right; overflow: hidden; margin-top: 28px; }
#header #site-title img { margin-top: -8px; } /* Hide shadow */



/* Nobly attempt to reimplement intended page layouts */

#page-content.with-sidebar  { width: 70%; float: left; padding-bottom: 2em; }
#page-content-sidebar       { width: 25%; float: right; }

#index-content-row2         { display: none; }
#index-content-row3         { padding-top: 2em; page-break-inside: avoid; }

#index-content .last            { margin-right: 0 !important; }
#index-content .span-4>.span-1  { float: left; width: 22.5%; margin-right: 2.5%; }
#index-content .span-4>.span-2  { float: left; width: 47.5%; margin-right: 2.5%; }

#index-content .span-2>.span-1  { float: left; width: 47.5%; margin-right: 5%; }

/* Tweak events styles */

#google-maps-lookup  { display: block; margin-left: 0 !important; } /* Prevent extra-long maps link from wrapping weirdly */


/* Generic element styles */
/* ---------------------- */

a       { color: black; text-decoration: none !important; }
a:after { font-size: 85%; font-weight: normal; }

/* Sure, I really like reoverriding blueprint's obnoxious default styles just so a site built on their assumptions doesn't then break when someone prints it */

h1, h2, h3, h4, h5, h6  { color:#111; margin: 0; }
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


/* Rework headings */

.sininen,
.silvertitle,
.sininen *,
.silvertitle *
{
    background: transparent;
    padding: 0 !important;
    line-height: 1.3 !important;
    height: auto;
}
.sininen h2 { margin-bottom: 0.5em; }

/* Turn off decorative corners that won't appear when background-images are disabled anyway */
.corner-r,
.corner-l,
.rounded-tl,
.rounded-tr,
.rounded-bl,
.rounded-br { display: none; }

/* And instead do them with border radiuses where available */
.roundedborder
{
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.arrowed,
.bluelist p { background: none; padding: 0; }



/* Remove extraneous margins and padding */
.gridbox    { margin-top: 0; }