/*
Theme Name: Bloggpuls-tema
Theme URI: http://bloggpuls.no/
Description: Tema for Bloggpuls, basert på Thematic
Author: Thomas Misund
Author URI: http://hemmeligadresse.com/
Template: thematic
Version: 0.1
 */

/* -------------------------------------------------------------- 

Reset default browser CSS.

Based on work by Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
/*:focus {
outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img { border: none; }

/* -------------------------------------------------------------- 

Rebuild the default browser styles

Based on work by Blueprint CSS   
http://code.google.com/p/blueprintcss/

-------------------------------------------------------------- */   


body {
    background: #fff;	
}
body, input, textarea {
    color: #111;    
    font: 12px Arial,sans-serif;
    line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
    font-weight: normal;
    clear: both;
}
hr {
    background-color: #cccccc;
    border:0;
    height: 1px;
    margin-bottom: 1.5em;
}


/* Text elements
-------------------------------------------------------------- */

p {
    margin-bottom: 1.5em;
}
ul {
    margin: 0 0 1.5em 2.5em;
}
ol {
    margin: 0 0 1.5em 2.5em;
}
ul {
    list-style:disc;
}
ol {
    list-style-type: decimal;
}
ol ol {
    list-style:upper-alpha;
}
ol ol ol {
    list-style:lower-roman;
}
ol ol ol ol {
    list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom:0;
}
dl	{
    margin:0 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1.5em;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
pre {
    font: 11px Monaco, monospace;
    line-height: 1.5;
    margin-bottom: 1.5em;
}
code {
    font: 11px Monaco, monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
ins {
    text-decoration: none;
}
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;

}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}

/**********
 * Layout *
 **********/

/* Innpakninger */
#wrapper {
    padding:0 20px;
}

#wrapper,
#konseptbilder
{
    width:945px;
    margin:auto;
    overflow:hidden;
}

#header {
    height:100px;
    padding:32px 0;
    position:relative;
    background:url(img/wave.png) repeat-x center center;
    width:985px;
    margin-left:-20px;
}

/* To tredels bredde */
#container {
    width:590px;
    margin:20px;
    float:left;
}

/* Tredels bredde */
.main-aside {
    width:275px;
    margin:20px;
    float:right;
    clear:right;
}

/* Full bredde */
#footer {
    clear:both;
    width:905px;
    margin:20px;
}

.entry-content img {
    max-width:582px;
    height:auto;
}
.wp-caption {
    max-width:590px;
}

/* Borders on stuff*/

.wp-caption,
.main-aside,
.aligncenter,div.aligncenter,
.alignnone,div.alignnone,
.alignleft,
.alignright,
.single .entry-utility
{
    border-width:1px 0;
    border-style:solid;
    border-color:#cccccc;
}

/*****************
 * Header layout *
 *****************/
#blog-title {
    width: 300px;
    height:70px;
    margin:17px 40px 0;
    float:left;
}

#blog-title a {
    display:block;
    float:left;
    width: 300px;
    height:70px;
    background:url('img/bloggpuls.png');
    text-indent:-9999px;
    overflow:hidden;
}

#blog-description {
    display:none;
}

.skip-link {
    display:none;
}
#access,#second-menu {
    font-size:13px;
    overflow:visible;
    z-index:100;
}

#search-li {
    float:right;
    padding:4px 20px 0 0;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style:	none;
}
.sf-menu {
    line-height: 1.0;
    position:absolute;
    top:0;
}
#second-menu .sf-menu {
    bottom:0;
    top:auto;
    width:905px;
    margin:0 40px;

    /*
    width:985px;
    margin: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;
}

/*** Bloggpuls skin ***/
.sf-menu {
    float:left;
    width:100%;
}
.sf-menu a {
    padding:9px 13px;
    text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
}
.sf-menu li {
    /*background:#fff;*/
}
.sf-menu li li {
    /*    background:#fff;*/
}
.sf-menu li li li {
    /*background:#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:hover, .sf-menu a:active {
    /*background:#fafafa;*/
    outline:0;
}
.sf-menu a:focus {
    outline:thin solid #ff4b33;
}
.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 {
    border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/******************
 * Content layout *
 *****************/
ul.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:12px;
}
ul.breadcrumbs li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.page-title {
    clear:left;
}

.feedlink img {
    padding:0 !important;
}

a.feedlink {
    display:block;
    float:right;
}
#content .feedlink img {
    border:none;
}
h1.page-title .feedlink img {
    width:20px;
}

#content img {
    /*
    border-width:4px;
    border-style:solid;
     */
padding:4px;
}

.edit-link {
    float:right;
}

.category #priority-posts {
    overflow:hidden;
}

.category #priority-posts .p2,
.category #priority-posts .p3 {
    width: 275px;
    float:left;
}
.category #priority-posts .p2 {
    margin-right:20px;
}
.category #priority-posts .p3 {
    margin-left:20px;
}

.archive #content .post {
    padding-bottom:20px;
    margin-top:20px;
    border-bottom:1px solid #cccccc;
}
.category #content .child-cat-loop .post {
    margin:0;
    padding:0;
    border:none;
}
.category #priority-posts .post {
    margin-top:0;
    border-bottom:none;
}
.section-anbefalt #content .p9,
.section-anbefalt #content .p10 {
    border-bottom:none;
}

.archive #content .post .entry-title {
    margin-top:0;
}

.category .p2.category-prioritert,
.category .p3.category-prioritert {
    width:275px;
    float:left;
}
.category .p2.category-prioritert {
    margin-right:20px;
}
.category .p3.category-prioritert {
    margin-left:20px;
}

.archive #content > .post {
    padding-left:204px;
    position:relative;
    overflow:hidden;
}

.archive #content > .post .entry-meta,
.archive #content > .post .attachment-archive,
.archive #content > .post .entry-utility .comments-link
{
    float:left;
    clear:left;
    margin-left:-204px;
    width:184px;
}

.archive #content > .post .meta-sep {
    display:block;
    height:0;
    overflow:hidden;
}

.archive.section-anbefalt #content > .post {
    padding-left:0;
    width:275px;
    float:left;
    clear:left;
    margin-right:20px;
    margin-left:0px;
}

.archive.section-anbefalt #content > .post.alt {
    clear:none;
    margin-left:20px;
    margin-right:0;
}
.archive.section-anbefalt > post .entry-meta,
.archive.section-anbefalt > #content > .post .entry-utility .comments-link
{
    margin-left:0;
    width:auto;
}

.nav-previous {
    float:left;
}
.nav-next {
    float:right;
}

/******************
 * Sidebar layout *
 *****************/
.xoxo,
.aktt_tweets > ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.aktt_tweets > ul > li {
    padding:10px 0;
    border-bottom:1px solid #ccc;
}

/* Search field */
#s {
    max-width:100%;
}

/* Facebook fan box */
.FB_SERVER_IFRAME {
    width: 238px !important;
    height:162px !important;
    border-bottom: 1px solid #cccccc !important; 
    /*margin-left:17px;*/
}

.widgetcontainer {
    margin:19px;
}

/* RSS icons */
.rsswidget img {
    float:right;
}

/*********************
 * Sub-asides layout *
 *********************/

.widgetcontainer > ul {
    list-style-type:none;
    padding:0;
    margin:0;
}

#subsidiary {
    background: #333 url(img/footer-bg.png) repeat-x;
    overflow:hidden;
    padding-bottom:13px;
}

.sub-aside {
    float:left;
    width:275px;
}
#first.sub-aside {
    margin:0 20px 0 0;
}
#second.sub-aside {
    margin: 0 20px;
}
#third.sub-aside {
    margin:0 0 0 20px;
}

/*******************
 * Comments layout *
 *******************/

#comments {
    clear:both;
}

#comments-list > ol {
    padding:0;
    margin:0;
    border-top:1px solid #cccccc;
}

.comment {
    clear:both;
    overflow:hidden;
    list-style-type:none;
    padding:19px;
    border-bottom:1px solid #cccccc;
    position:relative;
    background:#ffffff;
}
.comment .children {
    margin-top:19px;
    padding-left:0;
    float:left;
    clear:left;

    /* Tried to be graceful. */
    min-width:356px;
    width:-webkit-available;
    width:-moz-available;
    width:-o-available;
    width:available;
    /* Didn't quit succeed. */
}
.comment .comment {
    border-bottom:none;
    border-top:1px solid #cccccc;
}

.comment-author {
    float:left;
    clear:left;
    width:102px;
}

.comment-meta {
    position:absolute;
    top:0;
    right:0;
    padding-right:19px;
}
.comment-meta .edit-link {
    float:none;
}

.comment-content {
    padding-left:122px;
}
.comment-content :first-child {
    margin-top:0;
}
.comment-content :last-child {
    margin-bottom:0;
}

.comment-reply-link {
    float:right;
    margin-top:1.3em;
}
/*
.comment-meta .meta-sep {
display:block;
height:0;
overflow:hidden;
}
 */

#respond {
    clear:left;
}

/*************
 * Home page *
 *************/
/* Konseptbilder */
.konseptbilde {
    height:150px;
    width:275px;
    margin:25px 20px 5px;
    float:left;
    position:relative;
}

.konseptbilde img {
    height:150px;
    width:273px;
    border:1px solid #cccccc;
}

.konseptbilde p {
    background-color:#000000;
    bottom:-1px;
    left:1px;
    height:22px;
    opacity:0.70;
    position:absolute;
    text-align:center;
    width:273px;
    margin:0;
}
.konseptbilde p a {
    bottom:0;
    display:block;
    font-weight:bold;
    height:100%;
    width:100%;
    line-height:1.6em;
    position:absolute;
    color:#ffffff;
}

/* Kolonne-layout */
#content-magasin,#content-anbefalt {
    float:left;
    width:275px;
}
#content-magasin {
    margin-right:20px;
}
#content-anbefalt {
    margin-left: 20px;
}

#content-magasin .wp-post-image {
    margin-top:20px;
}
#content-magasin .alignright {
    border:none;
    margin:0 0 10px 20px;
}

.home #content .post,
.page.slug-rynkefritt #content .post
{
    padding:20px 0;
    border-bottom:1px solid #cccccc;
}
.home #content,
.page.slug-rynkefritt #content
{
    margin-top:-10px;
}
.home #content-magasin .post,
.page.slug-rynkefritt #content-magasin.post
{
    min-height:113px;
}

/****************
 * Single posts *
 ****************/
.attachment-single-post-thumbnail-portrait {
    margin:0 0 20px 20px;
    float:right;
    /*padding:6px;*/
    border:1px solid #cccccc;
}

.widget-about-the-author img.avatar {
    width:115px;
    height:115px;
    float:right;
    margin:0 0 10px 10px;
}

.single .entry-meta {
    margin-top:-5px;
    padding-top:3px;
}

.single .entry-utility {
    clear:both;
    padding:1em 19px;
}

/*********************
 * Category archives *
 *********************/
#subcat-headline {
    clear:both !important;
    padding-top:2em;
}

.child-cat-loop {
    width:275px;
    float:left;
    clear:left;
    margin:10px 20px 10px 0;
}
.child-cat-loop.alt {
    margin:10px 0 10px 0;
    clear:none;
    padding-left:20px;
}

/**************************
 * Colors and backgrounds *
 *************************/

/* Main background color */
body {
    /*background: hsl(195, 27%, 81%);*/
    background: #c2d5dc;
}

/* Secondary background color */
.main-aside,
.comment.alt,
.wp-caption,
#content img,
.single .entry-utility,
.single .entry-meta
{
    background:#eff4f6;
}

/* Tertiary background color */
.comment.bypostauthor {
    background:#fde2cf;
}

/* White background for readability */
#wrapper {
    background:#ffffff;
}

/* Menu background color */
.sf-menu,
.sf-menu ul a
{
    background:#333333;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:#ffffff;
}

/*******************************
 * WordPress-generated classes *
 *******************************/

#s {
}

.aligncenter,.alignnone,
div.aligncenter,div.alignnone {
    display: block;
    margin:0 auto 10px;
}

.alignleft {
    display:block;
    float:left;
    clear:left;
    margin:0 40px 10px 0;
}

.alignright {
    display:block;
    float:right;
    clear:right;
    margin:0 0 10px 40px;
}

.wp-caption {
    text-align: center;
    padding-top: 4px;
}

#content .wp-caption img {
    margin: 0;
    padding: 0;
    border-width:0;
    border-style:none;
}

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

.wp-smiley {
    max-height:1em;
    margin:0 !important;
    padding:0 !important;
    border:none;
    background:transparent !important;
}

.gallery dl {
	margin: 0;
}

/**************
 * Typograhpy *
 **************/
body {
    font:13px/1.3em Arial,sans-serif;
}
.single .entry-content,
.page .entry-content {
    line-height:1.4em;
    padding-top:1em;
}
.entry-content,
.comment-content
{
    text-align:justify;
}
.page.slug-rynkefritt .entry-content {
    line-height:inherit;
}

small {
    font-size:0.7em;
}

/* Headlines */
h1,h2,h3,h4,h5,h6 {
    /*font-family:Georgia,Times,"Times New Roman",serif;*/
    /*font-family:"Trebuchet MS",Trebuchet,Helvetica,sans-serif;*/
    /*color:#444444;*/
    /*font-style:italic;*/
    display:block;
    color:#36454F;
    margin: 0.7em 0 0.2em;
    font-weight:bold;
    clear:none;
}
h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.17em; }
h4 { font-size:1em; }
h5 { 
    font-size:1em;
    font-weight:normal;
    font-style:italic;
}
h6 {
    font-size:0.86em;
}

h1.entry-title,
h1.page-title {
    clear:left;
}

.page-title,
.column-title,
.singular #content .post .entry-title,
.widgettitle
{
    border-bottom:1px solid #cccccc;
}
.page.slug-rynkefritt #content .post .entry-title {
    border:none;
}
h1.page-title,
.singular #content .post h1.entry-title {
    padding-bottom:2px;
}
h1.page-title .feedlink,
.singular #content .post h1.entry-title .feedlink {
    position:relative;
    top:-2px;
}
.home #content h2,
.page.slug-rynkefritt #content h2,
.category.section-anbefalt #content h2.entry-title
{
    margin:0;
    clear:none;
    font-size:14px;
    font-weight:bold;
}
.home #content .column-title,
.page.slug-rynkefritt #content .column-title
{
    font-size:20px;
    margin:1em 0 0;
}


/* Forms */
fieldset {
    padding:1em;
    border:1px solid #cccccc;
}
legend {
    padding:0.5em;
}

/* Links */
a {
    color:#36454F;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border:none;
}
.entry-content a {
    font-weight:bold;
}

/* Lists */
.hentry ol,.hentry ul {
    list-style-position:inside;
}

.single .entry-meta,
.single .entry-utility {
    color:#999999;
}

/* Quotes */
blockquote {
    background:url('img/blockquote.png') no-repeat top left;
    margin:0;
    padding:0 3.5em;
    min-height:2em;
}
blockquote,cite {
    color:#444444;
}

/*
.cat-links, .cat-links a {
color: #cccccc;
text-transform: uppercase;
}
 */

/**********************
 * Comment typograpgy *
 **********************/
.comment-meta,
.comment-meta a {
    color:#999999;
}