/*
Facelift phase1 -- frontpage
*/

/*reset old styles*/

/* new helpers*/

.headerWrapper {
    background:url(../img/header-bg2.gif) repeat-x bottom left;
    padding:0 0 8px 0;
    margin:0 0 7px 0;
}
div.hr-double {
height:1px; border-top:1px solid #dfdfdf; border-bottom:1px solid #bfbfbf; margin: 0 0 15px 0;
clear:both;
overflow: hidden;
}

 a.more { 
    background-image:url(../img/icon-arrow-blue-whitebg.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display:block;
    float:right;
    padding:0 0 0 15px;
    margin-top: 8px;
/*    position:relative;
    top:-27px;*/
    font-size:12px;
    letter-spacing:0.04em;
}

div.banner-bg {
  background:url("../img/diagonal-left-right.gif");
}
/* new teaser size: 100%*/
div.teaserC {
width:612px;
padding:0 0 0 10px;
position:relative;
}

div.teaserC ul.teaserControls li {
height:23px;
}

/*Cosmotv teaser */
div#contentPrimary.etusivu2 #teaserCosmoTv {}
div#contentPrimary.etusivu2 div#teaserCosmoTv h2  {background:url("../img/teasers/etusivu-cosmo-tv2.gif") no-repeat scroll 0 0 transparent;}
div#contentPrimary.etusivu2  div#teaserCosmoTv div.wrapper {background:#ededed; padding:10px 10px 0; }
div#contentPrimary.etusivu2 #teaserCosmoTv .teaserContent ul {width:100%;}
div#contentPrimary.etusivu2 #teaserCosmoTv .teaserContent li {background:#fff; margin:0 0 10px 0; /*height:80px;*/ overflow:hidden; width:100%;}
div#contentPrimary.etusivu2 #teaserCosmoTv li p.imageWrapper {margin:8px 9px;}
div#contentPrimary.etusivu2 #teaserCosmoTv li p.imageWrapper img {border:2px solid white;}
div#contentPrimary.etusivu2 #teaserCosmoTv p.imageWrapper a {height:64px;}
div#contentPrimary.etusivu2 #teaserCosmoTv p.imageWrapper a:hover {background:white;}
div#contentPrimary.etusivu2 #teaserCosmoTv p.imageWrapper a:hover img {border-color:#23c5fc}
div#contentPrimary.etusivu2 #teaserCosmoTv p.title  {font-size:14px; font-weight:bold; margin: 10px 10px 10px 122px;}
div#contentPrimary.etusivu2 #teaserCosmoTv p.timeStamp  {color:#333; margin-left:122px;}
div#contentPrimary.etusivu2 #teaserCosmoTv p.imageWrapper a span {background:none;display:none;}

/*Keskustelut teaser */
div#contentPrimary.etusivu2  div#teaserKeskustelut h2 {
    background-image:url("../img/teasers/header-tasta-puhutaan.gif");
    width:208px;
}

/*blogit teaser */
div#contentPrimary.etusivu2 div#etusivuBlogit h2 {
background:url("../img/teasers/etusivu-blogit2.gif") no-repeat scroll 0 0 transparent;
}



div#contentPrimary.etusivu2 div#etusivuBlogit div.wrapper {
    background-color:#ededed;
    padding:10px;
    width: 280px;
}

div#contentPrimary.etusivu2 div#etusivuBlogit div.wrapper div.teaserContent {
    background-color:#fff;
    padding:10px 10px 0;
}

div#contentPrimary.etusivu2 div#etusivuBlogit div.wrapper .imageWrapper { 
    margin: 0 15px 5px 0;
}
div#contentPrimary.etusivu2 div#etusivuBlogit div.wrapper .imageWrapper img { 
    display: block;
}
div#contentPrimary.etusivu2 div#etusivuBlogit .entry-info {
color:#333;  font-size:12px;
}

div#contentPrimary.etusivu2 div#etusivuBlogit h3,
div#contentPrimary.etusivu2 div#etusivuBlogit h4 {font-size:14px; font-weight:bold;}
div#contentPrimary.etusivu2 div#etusivuBlogit h4 a {color:#323232;}
div#contentPrimary.etusivu2 div#etusivuBlogit h4 a:hover {color:#fff;}

div#contentPrimary.etusivu2 div#etusivuBlogit .entry-info .date { border-right:1px solid #c0c0c0; padding:0 5px 0 0;}
div#contentPrimary.etusivu2 div#etusivuBlogit .entry-info .comments {
  background:url("../img/icon-comment-bubble.gif") no-repeat center left;
  padding: 0 0 0 20px;  
}


div#contentPrimary.etusivu2 div#etusivuBlogit p.ingress {
    font:13px Arial,Helvetica,sans-serif;
    clear:both;
    border-bottom:1px solid #ededed;
    padding:0 0 10px 0;
}

div#contentPrimary.etusivu2 div#etusivuBlogit p.ingress a {
    color: #323232;
}
div#contentPrimary.etusivu2 div#etusivuBlogit p.ingress a:hover {
    color: #fff;
}

div#contentPrimary.etusivu2 div#etusivuBlogit .last p.ingress { 
    border:0;
}


/* keskustelunostot*/

div#contentPrimary.etusivu2 div#teaserKeskustelut div.wrapper {
    background-color:white;

}

div#contentPrimary.etusivu2 div#teaserKeskustelut div.teaserContent {
    height:297px;
    background-color:#ededed;
    padding: 0 0 5px 0;
}

div#contentPrimary.etusivu2 #teaserKeskustelut ul.teaserControls {
    left:220px;
    top:0;
}

div#contentPrimary.etusivu2 #teaserKeskustelut ul.teaserControls li {
    border:0;
    padding: 0 0 0 6px;  
    background:url(../img/icon-bubble-arrow-gray.gif) no-repeat center bottom;
    height:29px;
    font-size:14px;
}

div#contentPrimary.etusivu2 #teaserKeskustelut ul.teaserControls li a {
    height:17px;
    min-width:100px;
    text-align:center;
    color:#333;
    float: left;
    background:    #ededed;
    padding:3px 8px;
    line-height:18px;
}

div#contentPrimary.etusivu2 #teaserKeskustelut ul.teaserControls  li.selected {
    background:url(../img/icon-bubble-arrow-blue.gif) no-repeat center bottom;
}

div#contentPrimary.etusivu2 #teaserKeskustelut ul.teaserControls li.selected a {
    color:white;
    background:#23c5fc;
}

div#contentPrimary.etusivu2  div#teaserKeskustelut div.teaserContent li {
    float:left;
    clear:none;
    width:190px;
    background:white;
    margin:10px 0 5px 10px;
    height:83px;
    position:relative;
    padding:0;

}

div#contentPrimary.etusivu2  div#teaserKeskustelut div.teaserContent li span.bubble-arrow-down {
    position:absolute; background:url(../img/icon-bubble-arrow-white-gray.gif) no-repeat top left;
    height:16px; width:13px;
    display:block;
    bottom:-16px;
    left:24px;
}

div#contentPrimary.etusivu2  div#teaserKeskustelut div.teaserContent li  p.textWrapper {
    padding: 0 10px ;
    margin:10px 0 0 0;
    width:170px;
}

div#contentPrimary.etusivu2  div#teaserKeskustelut div.teaserContent li  p.discussionPostInfo {
    padding:0 10px;
    width:170px;
}

div#contentPrimary.etusivu2 .discussionPostInfo span.discussionComments {
   background:url("../img/icon-comment-bubble.gif") no-repeat center left;
    padding: 0 0 0 20px;  
}


div#contentPrimary.etusivu2  div.mediumRectangleContainer { padding:10px 2px 0 10px;}
#teaserArtikkelit h2.headerLink {
 background-image: url('../img/teasers/header-cosmo-jutut.gif'); width: 144px; 
}

#teaserArtikkelit .teaserDouble {margin:0;}

#teaserArtikkelit .teaserDouble img { display: block; }
#teaserArtikkelit .teaserDouble p {margin:0 0 30px 0;}
#teaserArtikkelit .teaserDouble p a {color:#323232;}
#teaserArtikkelit .teaserDouble p a:hover {color:#fff;}
#teaserArtikkelit .even {margin: 0 0 0 8px;}

#teaserArtikkelit .teaserMulti .teaserContent {margin:0; padding:0;}
#teaserArtikkelit .teaserDouble h3 { 
font-size:18px; margin-top:10px;
}

#teaserFacebookLive {margin-top:10px;}
#teaserFacebookLive h2.headerLink {
 background-image: url('../img/teasers/header-cosmo-facebookissa.gif'); width: 223px; 
}
/*sidebar items*/
.template-c  #contentSecondary.etusivu2  {width:190px;}

#fb-twitter-buttons { background: url('../img/fb-twitter.png') no-repeat bottom left;  height:50px; position:absolute; bottom:0px;z-index:200; left:20px; width:104px;}
#fb-twitter-buttons a {text-indent:-9000px; display:block; position:absolute; bottom:0; width:50px; height:40px; }
#fb-twitter-buttons a:hover {background:none;}
#fb-twitter-buttons a.facebook{left:0px;}
#fb-twitter-buttons a.twitter{left:50px;}

.etusivu2 div#etusivuTimanttiryhma h2 {background:url("../img/teasers/header-timanttiryhma2.gif") no-repeat scroll 0 0 transparent;}

#order { height:25px;margin:10px 0 10px 10px;}
#order a.button { width:100%; font-size:14px; display:block; width:170px; text-align:center;}


.etusivu2 div#etusivuViikonKysymys {
    width:180px;
}
.etusivu2 div#etusivuViikonKysymys h2 {
    background:url('../img/teasers/header-viikon-kysymys.gif') 0 0 no-repeat;
    width:168px;
}

.etusivu2 div#etusivuViikonKysymys div.wrapper {
    background-color:#ededed;
}

 .etusivu2 div#etusivuViikonKysymys div.teaserContent p.viikonKysymys {
    background:#fff url('../img/icon-arrow-bottomgray.gif') 0 100% no-repeat;
 }

.etusivu2 div#etusivuViikonKysymys div.teaserContent .submit {
    font-size: .75em;
    padding:2px 10px 3px 10px;
}

.etusivu2 div#etusivuKilpailu h2 {
    background-image:url("../img/teasers/header-kilpailut2.gif");
    width:110px;
}

.etusivu2 div#etusivuYhteistyossa h2 { background-image: url('../img/teasers/header-yhteistyossa2.gif'); width: 144px; }

.etusivu2 div#etusivuKilpailu,.etusivu2 div#etusivuYhteistyossa, .etusivu2 div#etusivuOikotieBox {
    margin:0 0 10px 10px;
    width:180px;
    overflow: hidden;
}

.etusivu2 div#etusivuKilpailu div.wrapper, div#etusivuYhteistyossa div.wrapper {
    padding: 10px 0;
}

.etusivu2 div#etusivuKilpailu div.wrapper div.teaserContent, .etusivu2 div#etusivuYhteistyossa div.wrapper div.teaserContent{ width: 180px; }
.etusivu2 div#etusivuOikotieBox div.teaserContent { width: 160px; }

.etusivu2 div#etusivuKilpailu div.wrapper img, div#etusivuYhteistyossa div.wrapper img {
    display: block;
    margin: 0 auto;
}

.etusivu2 div#etusivuTimanttiryhma {
    background: url(../img/timanttiryhma-very-small.jpg) no-repeat right 70px;
    width: 180px;
    height: auto;
}
.etusivu2 div#etusivuTimanttiryhma h2 {
    margin-bottom: 0;
    width: 166px;
}
.etusivu2 div#etusivuTimanttiryhma h3 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 10px;
}
.etusivu2 div#etusivuTimanttiryhma div.wrapper {
    position: static;
    width: auto;
    margin-bottom: 15px;
}
.etusivu2 div#etusivuTimanttiryhma div.wrapper p {
    text-align: left;
    width: 110px;
    font-size: 0.8em;
}
.etusivu2 div#etusivuTimanttiryhma div.wrapper p a.button {
    font-size: 0.9em;
}


div#etusivuKatsoMyos {
    margin: 0 0 0 10px;
    width:180px;
}
div#etusivuKatsoMyos h2 {
    background:url('../img/teasers/header-katso-myos.gif') no-repeat;
    height:36px;
    margin:0;
    text-indent:-9999em;
    width:131px;
}
.etusivu2 div#etusivuKatsoMyos h3 {
    font-size: 0.857em;
    text-transform: uppercase;
    margin-bottom: 0.2em;
}
div#etusivuKatsoMyos div.wrapper p {
    margin: 0 0 1em 0;
}
div#etusivuKatsoMyos div.wrapper p a {
    color: #323232;
}
div#etusivuKatsoMyos div.wrapper p a:hover {
    color: #fff;
}