/* -*- css-indent-offset: 4; indent-tabs-mode: nil; -*-
Theme Name:     Kvit konkylie
Theme URI:      http://sitrende.net/
Description:    Child-theme
Author:         sitrende.net
Author URI:     http://sitrende.net/
Template:       twentyten
Version:        0.2.1
*/

@import url("../twentythirteen/style.css");



/* =Widths
-------------------------------------------------------------- */
#access,
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
    width: 1196px;
}
#container {
    width: 850px;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
    max-width: 850px;
}
#primary,
#secondary {
    width: 202px;
}

/* =Center it all, float container vs sidebar
-------------------------------------------------------------- */
#wrapper, #main {
    margin: 0px auto;
}
#main {
    padding-left: 2%;
    padding-right: 2%;
}

.hentry {
    padding: 0;
}
#container {
    float: left;
}
#primary,
#secondary {
    float: right;
}

/* =Fonts
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Trykker);
@font-face {
    font-family: 'charterregular';
    src: url('fonts/charter_regular-webfont.eot');
    src: url('fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charter_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, .entry-title, .comment-reply-title, h1, h2, h3, h4, h5, h6 {
    font-family: 'Bitstream Charter', 'charterregular', serif;
    font-weight: normal;
    font-style: normal;
}

.comment-reply-title,
.comments-title,
.widget-title,
.entry-title {
    font-family: 'Trykker', serif;
}

body,
input,
textarea {
    font-size: 100%;
}
#content,
#content input,
#content textarea {
    font-size: 95%;
    line-height: 140%;;
}
#content .entry-title {
    font-size: 165%;
}
.comment-reply-title {
    font-size: 135%;
}
.navigation {
    font-size: 110%;
    line-height: 20%;
}
.entry-meta,
.entry-utility {
    font-size: 80%;
}

/* =Colours (see also =Buttons)
-------------------------------------------------------------- */
body, .comment-respond {
    background: #F8F7F2;    /* Wan white */
    color: #333;
}

a:link,
a:visited,
.entry-meta,
.entry-utility,
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login,
.comment-subscription-form,
.form-allowed-tags,
.form-allowed-tags code,
#omtekst a:hover,
#opphavsrett a:hover {
    color: #888;
}


a:active,
a:hover,
.entry-content a:hover,
.comment-content a:hover,
.entry-meta a:hover,
.entry-utility a:hover,
.comment-meta a:hover {
    color: #9B7D6B;
}

.navigation,
.navigation a:link,
.navigation a:visited {
    color: #ddd;
}
.navigation a:active,
.navigation a:hover {
    color: #888;
}

.widget-title,
#comments-title,
#reply-title,
#content .entry-title {
    color: #5C5E51;             /* Limed ash */
}




/* =Header image
-------------------------------------------------------------- */
#branding {
    margin-top: 3.5%;
    margin-bottom: 8.5%;
    text-align: center;
}

/* =Post title
-------------------------------------------------------------- */
#content .entry-title {
    font-weight: normal;
    margin-top: 3%;
    margin-bottom: 4%;
    text-align: center;
}

/* =Prev/next post links
-------------------------------------------------------------- */
.navigation {
    margin-top: 5%;
    margin-bottom: 5%;
}

/* =Images in posts
-------------------------------------------------------------- */
/* Also, TinyMCE editor */

#tinymce,
#tinymce img,
.entry-content img {
    /* margin:auto and display:block gives centering: */
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* Hope this doesn't mess up anything: */
    max-width: 850px;
    margin-bottom: 25px;
}

.entry-content:hover img {
    opacity: 0.9;
}
.entry-content img {
    transition: all 600ms ease-out 0s;
}

#tinymce .crop,
#content .crop {
    overflow: hidden;
    margin-bottom: 0;
}
#tinymce .cropb17pct img,
#content .cropb17pct img {
    margin-bottom: -11%;
}
#tinymce .cropb11pct img,
#content .cropb11pct img {
    margin-bottom: -17%;
}

.pressflickr {
}
.pinterest {
}

/* =Meta ("written $date, published in $category")
-------------------------------------------------------------- */
a,
a:hover,
.entry-meta a,
.entry-utility a {
    text-decoration: none;
}


/* =Widget Areas (sidebar)
-------------------------------------------------------------- */
.widget-area ul li {            /* each individual widget */
    list-style: none;
    line-height: 100%;
    margin-bottom: 7%;
}

.widget_text,
.widget-area ul ul {            /* ie. blogroll, etc. */
    font-size: 90%;
    margin-left: 0;
    line-height: 140%;
}

.widget-area ul ul li {         /* inside the blogroll */
    margin-bottom: 0.8em;
    display: inline;
}
.widget-area ul ul:after,
.widget-area ul ul li:before {
    color: #B19583;
    content: "~ ";
}


.widget-title {
    font-weight: normal;
    font-size: 130%;
    margin-top: 22%;
    margin-bottom: 4%;
}

li.widget_text > h3.widget-title {
    /* widget text titles are just used like comments in the UI :> */
    display: none;
}
#main .widget-area ul {
    padding: 0;
}
#main .widget-area ul ul {
    border: none;
    margin-left: 0;
    padding: 0;
}

#knappar img {
    margin-bottom: 8%;
}

/* Switch languages on hover: */
a span.engelsk {
    display:none;
}
a:hover span.engelsk {
    display:block;
}
a:hover span.norsk {
    display:none;
}


/* Various widget-specific stuff */
#kategoriar h3 {
    margin-bottom: 30%;
}
#sendepost {            /* send epost ting*/
    margin-bottom: 40%;
}
#opphavsrett {
    margin-top: 40%;
}
#knapp-follow ul {
    display: none;
}
#knapp-follow:active ul,
#knapp-follow:hover ul {
    font-size: 110%;
    display: block;
    margin-top: 0%;
    margin-bottom: 10%;
}

#blog_subscription-3 {		/* displayed with js by follow link in knappar-widgets */
    display: none;
}
/* =Comments
-------------------------------------------------------------- */
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

ol.commentlist {
    list-style-type: none;
}
ol.commentlist ul {
    list-style-type: none;
}
ol.commentlist li {
    margin-bottom: 2%;
}
.comment-author {
    margin-right: 1em;
}

/* =Buttons
-------------------------------------------------------------- */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background: #EADDD5; /* Old browsers */
    background: -webkit-linear-gradient(top, #EADDD5 0%, #D3BCAF 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #EADDD5 0%, #D3BCAF 100%); /* W3C */
    border: none;
    border-bottom: 3px solid #C6AC9D;
    border-radius: 2px;
    color: #736155;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    background: #CCB4A6; /* Old browsers */
    background: -webkit-linear-gradient(top, #CCB4A6 0%, #D9C5B8 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #CCB4A6 0%, #D9C5B8 100%); /* W3C */
    outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background: #D3BCAF; /* Old browsers */
    background: -webkit-linear-gradient(top, #D3BCAF 0%, #EADDD5 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #D3BCAF 0%, #EADDD5 100%); /* W3C */
    border: none;
    border-top: 3px solid #C6AC9D;
    padding: 10px 24px 11px;
}



/* =Hacks and workarounds:
-------------------------------------------------------------- */
#site-title,
#site-description {
    display: none;
}

#footer, #infinite-footer {
    display: none;
}

.sharedaddy {
    /* AKA jetpack likes
       For some reason, ticking "don't load CSS/JS" doesn't work :(
       (Want the top row button for logged in users, but no buttons below content.)
     */
    display: none;
}

.menu-header {
    /* TODO turn off in wp-admin/themes */
    display: none;
}

#wpstats {
    clear:both;
}


.pinitbutton {
    margin-top: 2em;
    padding-top: 2em;
}