/*  
Theme Name: Matildeblogg

Theme URI: matildeskår.no

Description: Matildes blogg theme

Version: 1.0

Author: Aleksander Skjæveland Larsen

Author URI: http://ogrim.no/

*/

body {
    background: url("img/bg.png");
    margin: 0 auto; 
    padding: 0;
}

img {  
    border-style: none;
}

#wrapper {
    height: 100%;
    width: 1020px;
    /* left: -115px; */
    left: -120px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#header {
    height: 342px;
    margin-bottom: 16px;
    margin-top: 5px;
    float: right;
}

#content {
    float: right;
    width: 780px;
    padding: 0 0 10px 0;
}

#sidebar {
    padding: 1px 10px;
}


/*** POST ***/

.post-wrapper {
    margin-bottom: 10px;
    padding: 0;
}

.post {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 15px 10px 15px;
    background: #f6f8d3;
}

/*** COMMENT ***/

.comment-wrapper {
    margin-bottom: 10px;
    padding: 0;
}

.comment {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 15px 10px 15px;
    background: #e5cd5c;
}

.comment img.avatar {
    padding-top: 10px;
}

.comment-post {
    padding-top: 10px;
}


/*** FOOTER ***/

#footer-wrapper {
    padding: 0;
    margin-bottom: 40px;
}

#footer {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 15px 10px 15px;
    background: #e5cd5c;
}

/*** SIDEBAR ***/

#sidebar-wrapper {
    float: left;
    width: 230px;
    padding: 0;
    margin-bottom: 40px;
    margin-top: 362px;
}

#sidebar {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 10px 10px 10px;
    background: #f6f8d3;
}

#sidebar-img {
    position: relative;
    left: -30px;
    z-index: 1;
}

#sidebar ul, #sidebar li {
    padding: 0;
    margin: 0;
}

#papirhjerte {
    margin-bottom: 30px;
}


/*** TYPO ***/
h1, h1 a, h1 a:active {
    margin:0;
    padding:0;
    text-decoration: none;
}

h2, h2 a, h2 a:active {
    font-family: "Arial", sans-serif;
    font-size: 1.35em;
    font-weight: lighter;
    color: #1d1818;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

h3 {
    font-family: "Arial", sans-serif;
    font-size: 1.15em;
    font-weight: lighter;
    color: #1d1818;
    text-decoration: none;
}
 
.date a, .date a:visited, .date a:active , .date a:hover {
    text-decoration: none;
    border-bottom: #1d1818 1px dotted;
    color: #1d1818;
}

.date, .commentmetadata {
    font-size: 0.7em;
}

#sidebar p, .comment p , .comment a {
    font-family: "Palatino Linotype", serif;
    line-height: 1.5;
    font-size: 0.9em;
    color: #1d1818;
}

.post p {
    font-family: "Palatino Linotype", serif;
    line-height: 1.3em;
    font-size: 1em;
    color: #1d1818;
}

.post p a, .post p a:visited, .post p a:active, .post p a:hover, .comment a {
    text-decoration: underline;
    color: #1d1818;
}

.post ul, #sidebar ul {
    list-style-type: none;
}

.post li, #sidebar li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post li a {
    font-family: "Palatino Linotype", serif;
    line-height: 1.75em;
    font-size: 1.15em;
    color: #1d1818;
    text-decoration: underline;
}   

#sidebar li a {
    color: #1d1818;
}

#sidebar p {
    font-size: 0.8em;
}


#footer, #footer a {
    font-family: "Palatino Linotype", serif;
    color: #c4ac3c;
    text-align: center;
}


/*** NAVIGATION ***/

#navigation {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 15px 10px 15px;
    display: block;
    background: #f6f8d3;
}

#navigation a {
    font-family: "Palatino Linotype", serif;
    font-size: 1em;
    color: #1d1818;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}