/*  
Theme Name: Kanari

Theme URI: blog.kanarifant.no

Description: Is the Kanarifant theme

Version: 1.0

Author: Aleksander Skjæveland Larsen

Author URI: http://www.ogrim.no/

*/


  /**********************/
 /***Positions & size***/
/**********************/



body { 
    text-align: center; 
    margin: 0 auto; 
    padding: 0;
}

#wrapper {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

#header {
    width: 780px;
    height: 180px;
}

.post-holder {
    padding:0;
    margin-top:12px;
}
.post-top {
    height: 8px; 
}
.post {
    padding: 0.7em 1.4em 3em 1.4em;
}
.post-bottom {
    height: 8px;
}


.comment-holder {
    padding:0;
    margin-top:12px;
}
.comment-top {
    height: 8px; 
}
.comment-body {
    padding: 0.7em 1.4em 1em 1.4em;
}
.comment-bottom {
    height: 8px;
}   

.comment {
    margin-top: 22px;
}


#footer-top {
    margin-top: 12px;
    height: 8px;
}
#footer {
    text-align: center;
}
#footer-bottom {
    height: 8px;
    margin-bottom: 40px;
}


  /******************/
 /***Touchy feely***/
/******************/


body {
    background: url("pictures/bg.gif") ;
}

.post-top {
    background: url("pictures/content_top.png") no-repeat bottom;
}
.post {
    background-color: #ffffca;
}
.post-bottom {
    background: url("pictures/content_bottom.png") no-repeat top;
}


.comment-top {
    background: url("pictures/comment_top.png") no-repeat bottom;
}
.comment-body {
    background-color: #d4ffca;
}
.comment-bottom {
    background: url("pictures/comment_bottom.png") no-repeat top;
}


#footer-top {
    background: url("pictures/footer_top.gif") no-repeat bottom;
}
#footer {
    background-color: #337d3c;
}
#footer-bottom {
    background: url("pictures/footer_bottom.gif") no-repeat top;
}


  /**********/
 /***Typo***/
/**********/


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;
}
 
.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;
}

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

.post p a, .post p a:visited, .post p a:active, .post p a:hover, .comment-holder a {
    text-decoration: underline;
    color: #1d1818;
}
.post ul {
    list-style-type: none;
}
.post 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;
}

.commentlist a {
    text-decoration: underline;
    color: #1d1818;
}

h3 {
    font-family: "Arial", sans-serif;
    font-size: 1.2em;
    font-weight: lighter;
    color: #1d1818;
    text-decoration: none;
    margin:0;
}

#content {
    text-align: left;
}

.post p {
    margin: 0;
}
#footer p {
    margin: 0;
    font-size: 0.85em;
    color: #ffffca;
}



  /******************/
 /****MENY OG DE****/
/******************/


#menu {
    background-color: #337d3c;
    height: 100%;
    width: 100%;
}
#menu-holder {
    margin-top: 12px;
    padding: 0 7px;
    height: 33px;
}
#menu-holder .column {
    position: relative;
    float: left;
}
#menu-left {
    width: 7px;
    right: 7px;
    margin-left: -100%;
    background: url("pictures/menu_left.gif") no-repeat;
    height: 100%;
}
#menu-right {
    width: 7px;
    margin-right: -7px;
    background: url("pictures/menu_right.gif") no-repeat;
    height: 100%;
}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
}
#menu li {
    display: inline;
    margin-left: 25px;
    margin-right: 25px;
}
#menu li a{
    font-family: "Arial", sans-serif;
    color: #fff;
    font-size: 1em;
    margin: 0;
    text-decoration: none;
}
#menu img {
    border-style: none;
}
#menu li a:hover {
    color: #fff;
}