/* 
Theme Name: Blogg-bie
Description: Fresh theme with fixed.
Author: Bloggnorge.com
Author URI: http://www.bloggnorge.com/
Version: 2.0
*/

/* RESET */

@import url(http://fonts.googleapis.com/css?family=Headland+One);

body {background:#ebe5e9;margin-top:10px; line-height:24px; color:#333;}
p { margin-bottom:22px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Headland One', serif; line-height:normal;}
h3 {font-size:28px;}

#header_wrapper {}
#header_bloginfo { margin-left:auto; margin-right:auto; max-width:900px; margin-bottom:10px;}
#header_bloginfo h1 { margin:0px; font-size:28px; font-weight:700; background: rgba(255,255,255,0.7); padding:15px; float:left; border-radius:5px;}
#header_bloginfo h1 a {  text-decoration:none; color:#000;}
#header_bloginfo h1 a:hover {  text-decoration:none;}
#header_bloginfo h2 { margin:0px; color:#997f82; margin-top:5px; font-size:13px; font-weight:normal; background: rgba(255,255,255,0.7); float:left; border-radius:5px; padding:10px 10px 10px 10px;}

#header_image {margin-left:auto; margin-right:auto; max-width:900px; border-radius:5px; border:10px solid #FFF; margin-bottom:10px; margin-top:0px;}
#header_image img {border-radius:5px; max-width: 100%; height: auto;}

#top_menu { max-width:900px; margin-left:auto; margin-right:auto; background:#FFF; border-radius:5px; padding:10px;}
#top_menu ul{ list-style:none; padding:0px; margin:0px;}
#top_menu li { float:left; padding:8px 15px 8px 15px;}
#top_menu li a {text-decoration:none;}
#top_menu li a:hover {}

.navigation {padding:10px; background:#FFF; border-radius:5px; margin-top:10px;}

#sidebar {max-width:270px; float:right; padding:30px; background:#FFF; border-radius:5px; overflow:hidden;}
#sidebar .widget_s {margin-bottom:40px;}
#sidebar ul { margin:0px; padding:0px; list-style:none;}
#sidebar ul li { margin:0px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #efefef;}
#sidebar h3 { margin-bottom:10px; color:#b98c91;}

#wrapper { max-width:900px; margin-left:auto; margin-right:auto; border-radius:5px; margin-top:10px;}

#content {padding:30px; background:#FFF; border-radius:5px; width:100%;}
#content h1 {}
#content h1 a {margin-top:0px;}
#content h1 a:hover {color:#555; text-decoration:none; margin:0px;}
#content h2 a { color:#444; text-decoration:none;}
#content h2 a:hover { color:#999; text-decoration:none;}
#content h3 a {margin-top:0px; text-decoration:none; padding-top:0px;}
#content h3 a:hover {color:#555; text-decoration:none;}
#content .meta {padding-bottom:15px; font-size:12px; color:#999;}
#content .content img {max-width:100%; height: auto; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
#content .social-buttons { padding:10px; border:1px solid #e5e5e5; border-radius:3px; margin-top:10px; margin-bottom:10px;}
#content .social-buttons ul { margin:0px; padding:0px; list-style:none;}
#content .social-buttons ul li {padding:0px; float:left; margin-right:10px;}
#content iframe {max-width:100%;}

.content_wrapper {max-width:620px; float:left;}


@media only screen and (max-width: 950px) {
	#sidebar{max-width:950px; margin-top:10px;}
	}

@media only screen and (max-width: 450px) {	
	#top_menu { max-width:900px; margin-left:auto; margin-right:auto; background:#FFF; border-radius:5px; padding:10px;}
#top_menu ul{ list-style:none; padding:0px; margin:0px;}
#top_menu li { padding-top:5px; float:none; padding-bottom:10px; border-bottom:1px solid #efefef;}
#top_menu li a {}
#top_menu li a:hover {}
body {background:#FFF;}
.advert {width:260px;}
}

a, a:link, a:visited, a:active { color:#997f82; text-decoration:underline;}
a:hover { color:#684f52; text-decoration:none;}

.clear {clear:both;}

.alignleft {float:left;}
.alignright {float:right;}
a {text-decoration: underline;	color: #3B5998;}
a:hover {text-decoration: none;	color: #3B5998;}

/* Kommentarer */
.avatar {float:left; width:40px; height:40px; margin-right:5px;}
ol.commentlist li p {}
ol.commentlist {list-style:none;}
ol.commentlist li {border-bottom:2px solid #cdd4d8;}
ol.commentlist li .comment-body { margin-bottom:5px;}
ol.commentlist li.alt {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist .bypostauthor .comment-body {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding-top:10px; padding-bottom:10px;}
ol.commentlist li.comment div.comment-author { font-size:16px;}
ol.commentlist li.comment div.comment-author a {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {text-decoration:none}
ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration:none}
ol.commentlist li.comment div.vcard img.avatar {margin-right:5px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says { display:none;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {color:#CCCCCC; text-decoration:none;font-size:11px;}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment p { padding-top:5px; padding-bottom:5px;}
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply2 {}
ol.commentlist li.comment div.reply a { text-decoration:none; padding:10px;}
ol.commentlist li.comment div.reply2 a {}
ol.commentlist li.comment ul.children {list-style:none; padding:0px; margin:0px;}
ol.commentlist li.comment ul.children li {margin-left:5px; margin-bottom:20px; padding:15px; border-bottom:0px; background:#FFF;}
ol.commentlist li ul.children li.bypostauthor { padding:15px; border-left:5px solid #d0e2eb; background:#f4f7f9;}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

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