/* Start of CMSMS style sheet 'Tarkkamarkka20: Style' */
/*
 * For TarkkaMarkka.com
 * 2009
 * 
 * Author:
 * Karri Saarinen <http://karrisaarinen.com>
 *
 * @colors:
 * red: #ff6c44
 * blue: #0099cc
 * light-grey: #bababa
 * dark-grey: #878787
 *
 * @files:
 * + css/blueprint/
 *      + ie|screen|print.css
 *          + forms|grid|ie|print|reset|typography
 * 
 * + css/style.css:
 * 
 */


body {
    color:#333;
    font-family:Arial, Helvetica, Verdana, sans-serif;
}


h1 {
    font-family:"Times New Roman", Georgia, sans-serif;
    font-size:2.1em;
    color:#0099cc;
    font-weight:normal;
    border-bottom:1px solid #bababa;
    padding-bottom:0.2em;
    margin-bottom:0.4em;
}

h2, h3, h4, h5 { 
    font-weight:normal;
    color:#333;
}

h2 {
    font-size:1.6em;
    margin:1.2em 0 0.8em 0;
    border-bottom:1px solid #bababa;
}
    
h3 {
    font-size:1.1em;
    border:0;
    padding-bottom:0;
    margin:0.4em 0;
    font-weight:bold;
}

h4 {
    font-size:1.0em;
    padding-bottom:0;
    margin-bottom:0.2em;
    font-weight:bold;
}

a, a:link {text-decoration:none; color:#0099cc;}
a:hover {text-decoration:underline;}
a:visited {color:#005d7c;}

table {border: 1px solid #bababa}
td {border:1px solid #ddd}
thead th {background:#eee;}

/* @basic */

#header {
    background:url(../img/bg-header.png) repeat-x #ff6c44;
    color:white;
    padding:20px 0 0 0;
    height:97px;
}


#header h1 {
    height:47px;
    width:232px;
    border:0;
    margin:0 0 14px 0;
    padding:0;
    float:left;
}

#search {float:right; width:210px; padding-top:10px;}
#search #searchfield {width:150px;}
#search .submit {background:white; border:3px solid #ddd; color: #666;}

#main {padding-top:30px;}

#navigation {
    height:24px;
    margin:0;
    padding:7px 0 4px 0;
    font-weight:bold;
    font-size:14px;
    clear:both;
}
#navigation li {
    display:inline;
    margin:0 4px;
}

#navigation a {
    padding:5px;
    color:#ffeae4;
    font-family:"Times New Roman", Times, Georgia, sans-serif;
    text-decoration:none;
}
#navigation .active a, #navigation a:hover {color:#fff; text-decoration:underline;}

#footer {
    background:#878787;
    padding:20px 0;
    color:white;
}

#footer h5 {color:#bababa}
#footer hr {color:#bababa; }
#footer ul {list-style:none; margin:0 5px 0 0;}
#footer li {margin-bottom:0.9em;line-height:1.2em;}
#footer a {color:#fff;}

#sidebar h4 { color:#5a5a5a; border-bottom:3px solid #ff6c44;}
#sidebar .submit {margin-top:10px; float:right;}
#sidebar .sidebox {padding:5px;}

#subnav ul {margin:0 0 20px 5px; list-style:none;}
#subnav ul li {margin:0.5em 0; font-size:1.2em;}
#subnav dfn {display:none;}

#featured {
    background:#fafafa;
    border: 1px solid #eee;
    border-bottom:1px solid #ddd;
    border-top:0;
    padding:15px;
}

#featured h2 {border:0;}

#forum ul {list-style:none; margin:0;}
#forum ul li {padding-bottom:5px; margin:15px 0; border-bottom:1px dashed #ccc;}
#forum h4 {padding-top:50px;}

#newsletter h4 {padding-top:10px;}

#pagenav {border-top:1px solid #ddd; margin-top:20px; padding:15px 0 10px 0;}
#pagenav span {width:45%;}
#pagenav .prev {float:left;text-align:left;}
#pagenav .next {float:right; text-align:right;} 

#ads {}
#topads {margin-left:10px;}

/* @illustration */

.newspaper {
    background:url(../img/newspaper.png) top left no-repeat #fff;
    float:left;
    height:68px;
    width:74px;
    margin-left:-17px;
}

.megafon {
    background:url(../img/megafon.png) top left no-repeat #fff;
    float:left;
    height:80px;
    width:74px;
    margin-left:-17px;
}


.peukku {
    background:url(../img/peukku.png) bottom left no-repeat;
    height:60px;
    margin:15px 0 0 0;
}

.pen {
    background:url(../img/pen.png) bottom left no-repeat;
    height:60px;
    margin:10px 0 0 0;
}

.pen h2 {padding-top:22px; margin:0 0 0 60px;}
.peukku h2 {padding-top:22px; margin-left:50px;}

/* @misc */

#breadcrumb {margin:-20px 0 15px 0; color:#666;}

.padding {padding:10px 0 0 10px;}

.tip {margin:15px 0 10px 0; padding:5px 0;}
.tipcontent {float:left; padding-top:2px; width:450px;}
.tip h3 {border:0; margin:0 0 5px 0;}
.tip p {margin:0;}
.number {
    display:block;
    height:54px;
    width:54px;
    font-size:3.0em;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    color:white;
    font-family:"Times New Roman", Times, Georgia, sans-serif;
    background:#bababa;
    border:3px solid #ccc;
    float:left;
    margin-right:20px;
}

#email {width:97%;}

.submit {background:#ff6c44; border:3px solid #ff8e6f; color:white; font-weight:bold;}
.submit:hover {background:#ff8e6f}

.colpadding {padding:10px;}
.hilight {color:#ff6c44;}

.date {color:#aaa; font-size:0.9em; display:block;}
.blogpost h3 {border:0; margin-bottom:5px;}

.right {float:right}
.left {float:left;}
p.center {text-align:center;}
img.right {float:right; margin:5px 0 5px 10px;}
img.left {float:left; margin:5px 10px 5px 0;}

.noborder, .noborder tr, .noborder th, .noborder td { 
    border: none;
}
/* End of 'Tarkkamarkka20: Style' */