/*   
Theme Name: Sakara Records KLASSIKA
Theme URI: www.sakararecords.com
Description: First theme for Sakara Records mid-price campaign
Author: Niko Kivelä
Author URI: your-URI
Version: 0.1
.
Copyright Sakara Records, do NOT copy without permission of Sakara Records nor author of this file.
.
*/

/* text/html */
* {
    margin:0;
    padding:0;
}
body, html {
    height:100%;
}

body {
    background:#000;
    color:#222;
    font-family:'Arno Pro',Georgia,'Times New Roman', Times, serif;
}
a img {
    border:none;
}
p img {
    padding:0;
    max-width:100%;
}
h1,h2,h3,h4,h5,h6 {
    color:#333;
}
cite {
    font-style:italic;
    padding-left:15px;
}
p {
    margin:0 19px 19px 19px;
}
td {
    vertical-align:top;
}

/* main header */

div#header {
    text-align:center;
}
div#header img#headerimg {
    margin:16px 0 23px 0;
}

/* content/page/entry */

div#content, div#page {
    margin:auto;
    width:735px;
}
div.entry {
    background:#fff url('/klassika/wp-content/themes/klassika/images/taglinebg.gif') top left repeat-y;
    margin-top:23px;
    padding:7px;
}
div.entry p {
    margin-left:0;
    margin-right:0px;
}
div.entry td {
    border-right:1px solid #ddd;
    padding:7px;
}
div.entry td.last {
    border-right:none;
}
div.entry ol, div.entry ul {
    margin-left:23px;
}
.liner {
    border-top:1px solid #eee;
    padding-top:19px;
    text-align:center;
}
div.entry h1, div.entry h2, div.entry h3 {
    border-bottom:1px solid #ddd;
    margin:15px 0 20px 0;
}
/* frontpage rows */

.noborder {
    border:none !important;
}

div#rowcontent img {
    float:left;
    margin-right:21px;
    position:relative;
}
div#rowcontent img.last {
    margin:0;
}

div#tagline {
    background:#fff url('/klassika/wp-content/themes/klassika/images/taglinebg.gif') top left repeat-y;
    /*height:155px;*/
    margin-bottom:24px;
    padding-bottom:5px;
}

div#tagline h3 {
    margin:0px 23px 12px 19px;
    padding-top:23px;
    text-transform:uppercase;
}
div#tagline p {
    margin-bottom:10px;
}

/* comments */

table#commentcols {
    margin:auto;
    padding-top:23px;
}

table#commentcols td.comments cite {
    display:block;
}
td.comments strong {
    color:#333;
    font-size:1.3em;
}
td.comments span {
    font-size:.9em;
}
table#commentcols tr td.comments {
    background:#fff url('/klassika/wp-content/themes/klassika/images/columnbg.gif') top left repeat-y;
    width:231px;
}
table#commentcols tr td.btmborder {
    border-bottom:2px solid #e9e9e9;
}
table#commentcols tr td.topborder {
    border-top:2px solid #fafafa;
    padding-top:23px !important;

}
table#commentcols tr td.space {
    width:21px;
}

/* footer */

div#footer {
    color:#555;
    padding:73px 0 23px 0;
    font-size:.7em;
    text-align:center;
}
div#footer img {
    margin:auto;
    margin-bottom:11px;
}

/* article comments */

h3#comments, .faketitle {
    color:#fff;
    margin:20px 0 7px 0;
    padding:5px;
}
.faketitle {
    background:#fff url('/klassika/wp-content/themes/klassika/images/columnbg.gif') top left repeat-y;
    color:#000;
    display:block;
    float:left;
    padding:5px 20px 5px 20px;
    margin-top:23px;
    width:auto;
}
.backtofront {
    float:left;
    margin:23px 0 5px 0;
}
#midpricelogo {
    float:right;
    margin-top:23px;
}

/* images */

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */
img.centered {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

img.alignright {
    margin:4px 4px 6px 11px;
    display:inline;
}

img.alignleft {
    margin:4px 11px 4px 4px;
    display:inline;
}

.alignright {
	float:right;
}

.alignleft {
    float:left
}

.clear {
    clear:both;
}

/* comment forms */
#respond label {
    color:#fff;
    display:block;
}
#respond p {
    margin:0;
}
#respond textarea, #respond input {
    border:1px solid #fff;
    color:#666;
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0 0 5px 5px;
}
#respond textarea:hover, #respond input:hover {
    background:#feffe9;
    color:#000;
}
#respond textarea {
    float:left;
    /*height:128px;*/
    height:79px;
    /*width:265px;*/
    width:476px;
    margin-right:14px;
}
#respond input, #respond button.btn {
    margin:0 10px 10px 0;
    width:210px;
}
#respond input {
    margin-right:0;
    margin-left:6px;
    width:223px;
    width:222px;
}
#respond input.btn, #respond button.btn {
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:5px;
    width:105px;
}
#respond h3 {
    background:none;
    border-bottom:1px solid #fff;
    color:#fff;
}
#commentform, .commentform {
    margin:15px 0 15px 0;
}

ol.commentlist {
    list-style: none;
}
ol.commentlist li {
    padding:5px;
    margin-bottom:5px;
}
ol.commentlist p { 
    display:block;
    margin:0;
    padding-top:4px;
    padding-left:4px;
    line-height:.8em;
}
div.vcard {
    float:left;
}
div.vcard .says {
    margin-right:4px;
}

li.bad {
    background:#f0b1af;
}
li.neutral {
    background:#e4e4e4;
}
li.good {
    background:#a9f099;
}
button.bad, button.neutral, button.good {
    border:0;
    display:block;
    float:left;
    height:33px;
    margin-right:22px !important;
    width:230px !important;
}
button.last {
    margin-right:0 !important;
}
button.bad {
    background:#fff url('/klassika/wp-content/themes/klassika/images/nappihuono.gif') top left repeat-y;
}
button.neutral {
    background:#fff url('/klassika/wp-content/themes/klassika/images/nappiok.gif') top left repeat-y;
}
button.good {
    background:#fff url('/klassika/wp-content/themes/klassika/images/nappihyva.gif') top left repeat-y;
}

/* navigation */
.navigation a {
    color:#fff;
}

/* misc */
.c1,.c2,.c3 {
    cursor:pointer
}
.error {
    color:red !important;
}