/*
Theme Name: Mrs. Pin
Theme URI: http://www.mrspinsdiary.com/
Description: Tema for Mrs. Pin, basert på Thematic
Author: Thomas Misund
Author URI: http://hemmeligadresse.com/
Template: thematic
Version: 1.1
 */

/********************
 * Reset/Rebuild/WP *
 *******************/

@import('css/reset.css');
@import('css/rebuild.css');
@import('css/wp.css');

/**********************
 * Bakgrunn og header *
 **********************/
body    { background: #d5d2d2 none; }                             /* Bakgrunn */
#header { background: transparent url('http://www.mrspinsdiary.com/wp-content/bilder/220909.jpg') no-repeat; } /* Headerbilde (800px bredt er fint) */
#header { height:350px; }                                         /* Høyde på headeren */

/**********
 * Farger *
 **********/
a,a:visited,
.sf-menu ul a:hover             { color: #d5d2d2; } /* Lenker generelt */
.entry-meta a,.entry-utility a  { color: #000000; } /* Lenker i metainformasjon */
.entry-title, .entry-title a    { color: #000000; } /* Overskriften til innleggene */
.page-title, .page-title a      { color: #000000; } /* Sidetitler som ikke er overskrift til innlegg */
.entry-title a:hover            { color: #003663; } /* Overskrift med mus over */
.entry-title         { background-color: #FFFFFF; } /* Bakgrunn til overskrifter */
.entry-title             { border-color: #FFFFFF; } /* Ramme rundt overskrifter */
.entry-title                   { border: none !important } /* Fjerner ramme rundt overskrifter */
.entry-content                  { color: #282828; } /* Teksten i innleggene */
.entry-meta, .entry-utility     { color: #000000; } /* Metainformasjon */
.entry-utility .comments-link   { color: #000000; } /* Lenken til kommentarer */
.aside h3                       { color: #000000; } /* Overskrift i sidebaren */
.aside a                        { color: #000000; } /* Lenke i sidebaren */
.aside a:hover                  { color: #584628; } /* Lenke i sidebaren, mus over */
#wrapper             { background-color: #ffffff; } /* Bakgrunnen til innleggene */
.aside               { background-color: #ffffff; } /* Bakgrunnen i sidebaren */
#header #s           { background-color: #eeeeee; }
#header #s:focus     { background-color: #ffffff; }
#nav-below span                 { color: #000000; } /* Forrige- og neste-pilene helt nederst */
#nav-below span:hover           { color: #584628; } /* ...med mus over */
#index-top, #index-insert,
#index-bottom, #single-top,
#single-insert, #single-bottom,
#page-top, #page-bottom  { border-color: #ffffff; } /* Ramme til widgets */

#content .gallery .gallery-item
a img                    { border-color: #000000; } /* Ramme rundt bilder i bildegallerier */

/*************
 * Typografi *
 *************/
h1,h2,h3,h4,h5,h6,
.entry-utility, .entry-meta,
.aside,
#comments,
#footer {
    font-family: "Bell MT",serif; /* Primærfont */
}
.entry-content,
.comment-content {
    font-family: Verdana,Arial,Helvetica,sans-serif; /* Sekundærfont */
}
.sf-menu a {
    font-family: Verdana, Arial, Tahoma, sans-serif; /* Sidemeny */
}

h1,h2 {
    border-bottom:1px solid #dddddd;
}
h1 {
    font-size:30px;
    font-weight:bold;
    margin: 50px 0 5px;
    padding: 0 0 5px;
}
h2 {
    font-size:20px;
    font-weight:bold;
    margin: 40px 0 5px;
}
h3 {
    font-size:18px;
    font-weight:bold;
    margin: 27px 0 5px;
}
h4 {
    font-size:14px;
    font-weight:bold;
    margin: 1em 0;
}
h5 {
    font-size:14px;
    text-decoration:underline;
    margin: 1em 0;
}
h6 {
    font-size:14px;
    font-style:italic;
    margin:1em 0;
}
/* Lists */
.entry-content ul,
.entry-content ol {
    padding:0;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    padding-left:20px;
}

.entry-content ul {
    list-style: circle inside;
}
.entry-content ul ul {
    list-style: disc inside;
}
.entry-content ul ul ul {
    list-style: square inside;
}
.entry-content ul ul ul ul {
    list-style: circle inside;
}
.entry-content ul ul ul ul ul {
    list-style: disc inside;
}
.entry-content ul ul ul ul ul ul {
    list-style: square inside;
}

.entry-content ol {
    list-style: decimal inside;
}
.entry-content ol ol {
    list-style: upper-roman inside;
}
.entry-content ol ol ol {
    list-style: lower-roman inside;
}
.entry-content ol ol ol ol {
    list-style: decimal inside;
}
.entry-content ol ol ol ol ol {
    list-style: upper-roman inside;
}
.entry-content ol ol ol ol ol ol {
    list-style: lower-roman inside;
}

/* Quotes */
.entry-content blockquote {
    margin: 1em 2em;
    font-style:italic;
    background:#eeeeee;
    margin:1em 2em;
    padding:1px 19px;
}
.entry-content blockquote blockquote {
    border:1px solid #000000;
}
.entry-content cite {
    font-style:italic;
}


.entry-content img {
    margin: 0 0 10px;
}
.entry-content img.alignright {
    margin: 0 0 10px 10px;
}
.entry-content img.alignleft {
    margin: 0 10px 10px 0;
}
code,pre {
    font-family: monospace;
}
.entry-content div,
.entry-content p {
    font-size: 12px;
    padding: 0;
    margin: 1em 0;
}
a, a:visited {
    text-decoration:none;
}
abbr {
    border-bottom: 1px dotted;
}
a:hover { text-decoration:underline;}
.page-title,
.entry-title { /* Overskrifter til innleggene */
    font-size:30px;
    text-align:center;
    font-weight:bold;
    border:2px solid;
    margin: 0 0 2px;
    padding: 0 0 5px;
}
.page-title {
    margin: 0 0 25px;
}
.page-title a,
.entry-title a {
    text-decoration:none;
    font-size:32px;
}
.page-title a:hover,
.entry-title a:hover { text-decoration:none; }

.archive .entry-title, .archive .entry-title a,
.search .entry-title, .search .entry-title a {    
    font-size:20px;
    font-weight:bold;
    margin:40px 0 5px;
}
.entry-date abbr {
    border-bottom:none;
}

.entry-content { /* Brødtekst */
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    line-height: 140%;
    margin-top: 10px;
}
.entry-utility,
.entry-meta { /* Metainformasjon */
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
}
.comments-link {
    font-size:14px;
    font-weight: bold;
}
#comments h3 { /* Overskrifter i kommentarfeltet */
    font-size:20px;
    font-weight:bold;
    color:#666666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    margin-bottom: 4px;
    clear:both;
}
#respond {
    font-size:11px;
}
#respond label {
    font-size:14px;
}
.aside { /* Sidebaren */
    font-size:12px;
    line-height:20px;
    font-weight: normal;
}
.aside h3 { /* Overskrifter i sidebaren */
    font-size: 18px;
    font-weight: bold;
    border-bottom:1px solid #dddddd;
    margin:0 0 4px;
    padding: 0 0 2px;
}
/***********
 * Struktur *
 ***********/
body {
    background-attachment: fixed;
    background-position: right bottom;
    background-repeat: repeat;
    margin: 0;
}
#wrapper {
    margin:20px auto;
    border:2px solid #000000;
    width:800px;
    padding:20px;
    /*overflow:hidden;*/
    -moz-border-radius:10px;
}
#header {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0px 0px 0px;
    border-bottom: 0px solid;
    position:relative;
    /*-moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;*/
}
#branding, #blog-title, #blog-title span, #blog-title span a {
    display:block;
    height:100%;
}
#blog-title span a {
    text-indent:-99999px;
}
#blog-description {
    display:none;
}
.skip-link {
    display: none;
}
#nav-above {
    display:none;
}
#nav-below {
    float:left;
    width:100%;
}
#nav-below div {
    font-size:0;
}
#nav-below span{
    font-size:150px;
    display:block;
    height:150px;
    width:150px;
    overflow:hidden;
    text-indent:40px;
    line-height:120px;
}
#nav-below .nav-previous span {
    margin:0 0 0 119px;
    float:left;
}
#nav-below .nav-next span {
    margin:0 119px 0 0;
    float:right;
}

/*** Search box ***/
#header #searchform {
    position:absolute;
    top:27px;
    right:60px;
}
#header #s {
    -moz-border-radius:3px;
    border:1px #ccc;
}

.aside #s {
    max-width: 100%;
}
.aside #searchsubmit {
    display:none;
}

/*** Menu ***/

.skip-link {
    display:none;
}
#access { 
    /*border-bottom:1px solid #ccc;*/
    height:29px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    position:absolute;
    top:2px;
    right:0;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style:	none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

/*** Drea skin ***/
.sf-menu {
    float:left;
}
.sf-menu a {
    padding:9px 13px;
}
.sf-menu ul a {
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu .current_page_item > a,
.sf-menu .current_page_ancestor > a,
.sf-menu .current_page_parent > a {
    border-bottom-color:#fff;
    /*background-color:#fff;*/
}
.sf-menu li {
    /*background: #eee;*/
}
.sf-menu li li {
    background:	#fff;
}
.sf-menu li li li {
    background:	#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
    /*background-color: #ffffff;*/
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;

}
.sf-menu ul a {
    background:#fafafa;
    border-bottom:none;
}

.sf-menu > li {
    margin-right:5px;
}

.sf-menu > li,
.sf-menu > li > a {
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
}

/*** End menu ***/

#content {
    float:right;
    z-index:2;
    width: 600px;
    background: transparent;
    padding: 20px;
    border:0px solid #000000;
    voice-family:"\"}\"";
    voice-family:inherit;
    width:64%;
}
#content img {
    max-width: 100%;
}
html>body #content,
#header h1 a {width:538px;}
#header h1 a {
    height:349px;
    display:block;
    text-indent:-9999px;
    float:left
}
.hentry {
    margin-bottom: 40px;
}
.entry-meta, .entry-utility {
    margin:0px auto; 
}
.entry-utility {
    /*    background:#F7F7F7 none repeat scroll 0 0;
    border:1px solid #E6E6E6;*/
font-size:11px;
margin:0;
padding:5px 10px;
/*text-transform:uppercase;
text-align:center;*/
text-align:right;
}

/********************
 * Widgetized areas *
 ********************/

#primary.aside,
#secondary.aside {
    width: 200px;
    float:left;
    clear: left;
    padding: 0 15px 0 0;
    margin-top:27px; /* Matcher ikke #content, optisk illusjon */
    margin-bottom:5px;
}

#subsidiary {
    margin:0;
}

.sub-aside {
    width:25%;
    padding:3.5%;
    margin-bottom:12px;
    float:left;
}
#first.sub-aside,
#second.sub-aside {
    margin-right:2%;
}

.aside > ul.xoxo {
    padding:0;
}

.aside > ul.xoxo > li {
    padding:1em;
}
.aside ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
}
.aside ul li {
    list-style: none;
    padding: 0px 0px 2px 0px;
}
.aside ul ul ul {
    padding-left:8px;
}
.entry-content {
    z-index:10;
    margin: 10px 0 15px;
}
.aside,
.aside li {
    list-style-type:none;
}

#index-top, #index-insert, #index-bottom,
#single-top, #single-insert, #single-bottom,
#page-top, #page-bottom {
    clear:both;
    border-width:2px;
    border-style:solid;
    margin: 1em 0;
}

#single-bottom {
    margin-top:200px;
}

/* Widgets */
.widget_categories > ul > li {
    font-weight:bold;
}
.widget_categories > ul > li ul {
    font-weight:normal;
}

/**********
 * Footer *
 **********/

#footer {
    clear:both;
}

#siteinfo {
    clear:both;
    font-size:12px;
    text-align: center;
    background: #eeeeee none repeat scroll 0 0;
    margin: 0 -20px -20px;
    padding: 15px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

#siteinfo a, #siteinfo a:visited {
    color:#666666;
}

#misund {
    background-image:url(http://server.hemmeligadresse.com/bilder/annonser/misund-84x16.png);
    width:84px;
    height:16px;
    display:inline-block;
    text-indent:-9999px;
    position:relative;
    bottom:2px;
}
#misund:hover {
    background-position:0 16px;
}

/***************
 * Kommentarer *
 ***************/
#comments-list > ol,
#comments-list > ol > li,
#trackbacks-list > ol,
#trackbacks-list > ol >li {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#comments-list,
#trackbacks-list,
#respond {
    width:100%;
    margin:auto;
}

.comment {
    clear: both;
}

.comment-author.vcard {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(img/commentpoint2.png);
    background-position: right 40px;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
    padding: 20px 30px 10px 0;
    width: 80px;
}
.bypostauthor .comment-author.vcard {
    float: right;
    background-position: left 35px;
    padding: 10px 0 10px 30px;
}

.comment-content {
    background-color: #eeeeee;
    background-image: none;
    border-radius: 7px;
    -moz-border-radius:7px;
    float: left;
    margin: 0 0 10px;
    padding: 10px 10px 20px;
    width: 408px;
    font-size:12px;
}
#trackbacks-list .comment-content {
    width: 580px;
}
#trackbacks-list .comment-author {
    color: #cccccc;
    font-size:11px;
}

.comment-meta {
    color:#cccccc;
    font-size:11px;
    padding:0 10px 0 116px;
    padding:0;
}
.comment-meta a,
.comment-meta a:visited {
    color:#95b7d5;
}
.bypostauthor .comment-meta {
    text-align:right;
}

#respond {
    clear:both;
}

#commentform .form-input,
#commentform .form-label,
#commentform .form-input input,
#commentform .form-submit input,
#commentform .form-label label {
    width:190px;
    margin:0;
    padding:0;
}
#commentform .form-label label {
    font-size:12px;
    padding-left:3px;
}
#commentform #form-section-comment .form-label label {
    padding-left:52px;
}
#commentform .form-submit {
    width:220px;
    background: url(img/commentpoint.png) right center;
    background-repeat: no-repeat;
}

#commentform input,
#commentform textarea {
    background: #eeeeee;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 0;
    padding:0;
}
#commentform input {
    border: 1px solid #cccccc;
}
#commentform textarea {
    padding: 3px 2px;
    border: none;
}

#commentform .form-section,
#commentform .form-label,
#commentform .form-input,
#commentform .form-submit {
    float:left;
    width:220px;
    margin-right:380px;
}
#commentform {
    position:relative;
}
#commentform #form-section-comment {
    float:none;
    margin:0;
    position:absolute;
    top:17px;
    right:0;
    width:380px;
}
#commentform #form-section-comment .form-textarea {
    float:right;
}
#commentform #form-allowed-tags {
    display:none;
}
/* Aligning things */
#commentform div {
    margin:0;
}
#commentform .form-submit input {
    margin-top: 10px;
    padding: 15px;
    background: #95b7d5;
}

#commentform .form-label {
    height:14px;
    margin-right:0;
}

#commentform .form-input {
    height:20px;
}
#commentform .form-submit {
    height:50px;

}
#commentform .form-textarea,
#commentform .form-textarea textarea {
    width: 314px;
    height: 146px;
    position:relative;
    right:2px;
}
/*******************************
 * WordPress-genererte klasser *
 *******************************/
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px !important;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}