*, html { margin: 0; padding: 0; }
body { background: #79c2fc url(img/summer/bg.png) repeat-x; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #000000; }
a:link { color: #4C9A0C; text-decoration: none; }
a:visited { color: #FF6E09; text-decoration: none; }
a:hover { }
.page_container { background: transparent url(img/summer/sun.png) no-repeat; width: 100%; min-height: 100%; height: auto !important; height: 100%; }
 .container { width: 100%; background: transparent url(img/summer/clouds.png) repeat-x 50% 200px; }
 .header { width: 980px; margin: 30px auto 0 auto; }
  .logo { background: transparent url(img/summer/logo_new.png) no-repeat; width: 974px; height: 168px; margin: 0 0 0 6px; }
  #menu { float: left; height: 44px; padding: 120px 0 0 210px; }
    #menu ul { float: left; list-style: none; }
    #menu li { float: left; height: 44px; padding-left: 10px; }
    #menu a { display: block; height: 44px; }
    #menu a span { display: none; }
    /* \*/
    #menu a span { float: none; }
    /* */
    #menu a:hover span { color: #FFF; }

  a.posts, a.posts_a  { width: 200px; background: url(img/menu/summer/kirjoitukset.png) no-repeat; outline-style: none; }
  a.links, a.links_a { width: 124px; background: url(img/menu/summer/linkit.png) no-repeat; outline-style: none; }
  a.pics, a.pics_a { width: 124px; background: url(img/menu/summer/kuvat.png) no-repeat; outline-style: none; }
  a.videos, a.videos_a { width: 139px; background: url(img/menu/summer/videot.png) no-repeat; outline-style: none; }
  a.posts_a, a.links_a, a.pics_a, a.videos_a  { background-position: 0 -44px; }
  a.posts:hover, a.links:hover, a.pics:hover, a.videos:hover { background-position: 0 -44px; }
  li.active a { background-position: 0 -44px; }
#panels { text-align: justify; border-style: none; width: 840px; margin: 0 auto 0 auto; }
#panels div div { overflow: hidden; }
#panels div div h1 { margin: 30px 0 30px 0; }

div.post { width: 820px; margin-left: 20px; margin-bottom: 40px; }
div.post h2 { margin: 5px 20px 20px 30px; font-size: 18pt; }
div.post p { margin: 10px 20px 0px 40px; font-size: 12px; }
div.post div.day { float: left; padding: 20px 0 0 20px; width: 61px; height: 61px; }
div.post div.post_text { float: left; width: 715px; }
div.post div.post_text img { padding-left: 40px; }
div.post div.link_text { float: left; width: 600px; }
div.post div.link_text h2 { margin: 15px 0 0 30px; }

div.day span {color: #ffffff; font-size: 24pt; }
span.noshow { display: none; }

div.video { margin-left: 40px; }
.menu_back { padding-left: 20px; margin-left: 660px; font-weight: bold; }

.content { width: 940px; background: transparent url(img/summer/bg_pixel.png) repeat; margin: 0 auto 0 auto; }
.footer { position: fixed; bottom: 0; width: 100%; }
.push { height: 74px; }

.footer_grass { background: transparent url(img/summer/footer_bg.png) repeat-x; height: 64px; }
.footer_content { background: #19af32; height: 0px; }
 
.weather { width: 200px; position: relative; top: 40px; left: 140px; }
.weather img { float: left; display: block; }
.weather div.celsius { float: left; padding: 20px 0 0 5px; font-weight: bold; font-family: 'Calibri','Tahoma','Arial',sans-serif; font-size: 18pt; display: block; }

.month1 { background: transparent url(img/months/summer/1.png) no-repeat; } .month2 { background: transparent url(img/months/summer/2.png) no-repeat; } .month3 { background: transparent url(img/months/summer/3.png) no-repeat; } .month4 { background: transparent url(img/months/summer/4.png) no-repeat; } .month5 { background: transparent url(img/months/summer/5.png) no-repeat; } .month6 { background: transparent url(img/months/summer/6.png) no-repeat; } .month7 { background: transparent url(img/months/summer/7.png) no-repeat; } .month8 { background: transparent url(img/months/summer/8.png) no-repeat; } .month9 { background: transparent url(img/months/summer/9.png) no-repeat; } .month10 { background: transparent url(img/months/summer/10.png) no-repeat; } .month11 { background: transparent url(img/months/summer/11.png) no-repeat; } .month12 { background: transparent url(img/months/summer/12.png) no-repeat; }

h1 { font-size: 22pt; }
