/**
 * @file
 * Ilmasto decorations CSS.
 */
 
/**
 * Elementary
 */

body {
	background:#cff;
	/*background: url(../gfx/n2.png) repeat;*/
	background: url("../gfx/n2.png") repeat fixed 0 0 transparent;
}

/**
 * Header
 */
 
#header {
  background: url(../gfx/header.png) no-repeat;
  border-radius: 2px;
}

#logo a {
  background: url(../gfx/logo.png) no-repeat;  
}

/* Menu */

#header .menu-block-wrapper > ul > li.menu-mlid-374 a {
  background: url(../gfx/nav-bullet.png) 0 -100px no-repeat;
}

#header .menu-block-wrapper > ul > li.menu-mlid-371 a {
  background: url(../gfx/nav-bullet.png) 0 -200px no-repeat;
}
#header .menu-block-wrapper > ul > li.menu-mlid-364 a {
  background: url(../gfx/nav-bullet.png) 0 0px no-repeat;
}
#header .menu-block-wrapper > ul > li.menu-mlid-372 a {
  background: url(../gfx/nav-bullet.png) 0 -300px no-repeat;
}

/**
 * Middle
 */
 
/* Promo */

#promo-wrapper {
  background: url("../gfx/shd.png") no-repeat 0 300px;
}

#promo {
  background: url(../gfx/promo.gif) no-repeat 111px 0 #87c0da; 
  border-radius: 2px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08) inset;
}

#promo > div:first-child {
  border-left: 0;
}

#promo > div {
  border-left: 1px solid #fff;
}
 
h2.front-subhead {
  background: url(../gfx/sep.png) repeat-x 0 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.front #school-pickup .views-row a {
  background: #296B9A;
  border-radius: 2px 2px 2px 2px;
}
.front #school-pickup .views-row a:hover {
  background: #0f344f;
  text-decoration:none;
}
.front #school-pickup .block-title a {
  background: transparent;
}

/* Front News Single View */

.front #front-middle #blog-quote {
  background: url("../gfx/bubble.png") no-repeat scroll 0 0px;
}



/* Front News Views */

.front #right .view-blogi .views-row {
  background: url("../gfx/bull1.png") 0 3px no-repeat;
}

.front #right .view-blogi .date {
  float: left;
  font-weight: bold;
  overflow: hidden;
  width: 45px;
}

/* Front page middle section */

#synopsis {
  background: url("../gfx/sep-b.png") repeat-x 0 top;
}
#synopsis-bottom {
  background: url("../gfx/sep-b.png") repeat-x 0 bottom;
}
#mid-pickups {
  background: url("../gfx/mid-picks.png") no-repeat;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08) inset;
}
#mid-pickups img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#right-pickups {
  background: url("../gfx/sep-b.png") repeat-x 0 bottom;
}

/* Front page bottom section */

#bottom-pickups #twitter .tw-logo {
  background: url("../gfx/tw.png") no-repeat;
  border-radius: 3px;
}
#twitter  div.tweets-pulled-listing div.tweet-divider {
  border: 0;
}

/* Table of Contents */

.toc {
  background: transparent;
  border: 1px solid #ccc;
}

.toc-back-to-top {
  background: none;
}

/* Content */

#middle {
  background: #fff;
  border-radius: 2px;
}
#block-system-main .tag {
  background: none repeat scroll 0 0 #EEF6F6;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05) inset;
}
#block-system-main .tag:hover {
  background: #91ceea;
}
#block-system-main h1,
#block-system-main .view-header {
  background: url("../gfx/sep2.png") repeat-x scroll 0 bottom transparent;
}
.author-box {
  background: #eef6f6;
  border-radius: 3px;
}
#block-system-main .toc {
  border-radius: 2px;
}
/* Sidebar */

#sidebar .region {
  background: #88c1db;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08) inset;
}
#sidebar .field-name-field-related .field-item p {
  margin-bottom: 5px;
}
#sidebar .menu-block-wrapper > ul > li.active-trail {
  background: #92cfeb;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) inset;
}
#sidebar .menu-block-wrapper > ul > li.first {
  border-radius: 2px 2px 0 0;
}
#sidebar .menu-block-wrapper > ul > li.last {
  border-radius: 0 0 2px 2px;
}
/**
 * Footer
 */
 
#footer {
  background:url(../gfx/footer-bottom.jpg) repeat-y;
  border-radius: 0 0 2px 2px;
}
#footer-top {
  background:url(../gfx/footer-top.png) repeat-y;
}
#footer .block-menu-block {
  background: url(../gfx/footer-separators.png) 240px 0 repeat-y;
}
#footer .view-blogi .news-bottom a {
    background: none repeat scroll 0 0 #296B9A;
    border-radius: 2px 2px 2px 2px;
}
#footer .view-blogi .news-bottom a:hover {
  background: #0f344f;
  text-decoration:none;
}