/*
Theme Name: Dittnettsted SMASH edition V2
Theme URI: http://www.dittnettsted.com/
Description: Utviklet av Mats Koray Genc / Genc Media AS
Author: Mats Koray Genc
Author URI: http://www.genc.no/
*/

@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,100,200,300);

body {
    font-size: 18px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    background: rgba(233,232,229,0.6);
}

a {}

a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 32px;
    line-height: 1.65em;
}

.mobile-logo {
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}

.header {
    background: rgba(81,175,214,1);
}

.header .menu {
    font-family: 'Raleway', sans-serif;
    font-size: 0.8em;
}


.header .menu ul li.menu-item i {
    font-size: 2.2em;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}
.header .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header .menu ul li {
    float: left;
}
.header .menu ul li a {
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    padding: 15px 9px;
    margin: 5px;
    border-radius: 3px;
    padding-top: 20px;
    display: inline-block;
    -o-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.header .menu ul li.some {
    float: right;
    color: rgba(0,0,0,0.2);
}

.header .menu ul li.some a {
    padding: 3px 4px;
    color: rgba(0,0,0,0.2)
}

.header .menu ul li.some a:hover {
    color: rgba(255,255,255,1);
}

.header .menu ul li.some i {
    font-size: 0.8em;
}

.header .menu ul .logo a {
    padding: 12px;
    margin-top: 12px;
    border-radius: 50%;
    border: 0;
    margin-right: 10px;
    background: none;
    color: #FFF;
    font-size: 1.8em;
    font-weight: bold;
}
.header .menu ul li a:hover {
    background: rgba(0,136,198,1);
}

.header .menu ul li.logo a:hover {
    background: rgba(0,136,198,1);
    border: 0px solid rgba(0,136,198,1);
    color: rgba(255,255,255,1);
}




.main-content-wrapper {}
.main-content-wrapper .breadcrumb {
    margin-top: 10px;
    background: none;
    padding: 0;
    text-align: right;
    margin-bottom: 10px;
    font-size: 0.8em;
    font-weight: normal;
    color: #999;
 }
.main-content-wrapper .breadcrumb a {
    color: #999;
}
.main-content-wrapper .breadcrumb a:hover {
    text-decoration: underline;
}
.main-content-wrapper .top-content-meta {
    font-size: 0.8em;
}
.main-content-wrapper .categories-list {
    margin-top: 10px;
    padding: 0;
    font-size: 0.8em;
}
.content {
    background: rgba(255,255,255,0.5);
    padding: 20px;
}
.content .content-loop-item.index {
    margin-bottom: 20px;
}
.content .content-loop-item {
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: rgba(255,255,255,1);
    padding-top: 0;
}
.content.linkdirectory {
    padding: 0 0;
}

.content .content-loop-item.linkdirectory {
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,1);
    margin:0 0;
    padding: 20px 20px;
    margin-bottom: 5px;
}
.content .content-loop-item.linkdirectory .title h1 {
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 20px;
}



.category-list .sub-category .sub-category-item a {
    display: block;
    margin-bottom: 20px;
    background: rgba(208,44,46,0.6);
    border-radius: 4px;
    padding: 6px 8px;
    color: #fff;
    font-size: 0.8em;
}

.category-list .sub-category .sub-category-item a:hover {
    background: rgba(255,255,255,0.8);
    color: #000;
}

.category-list h1 {
    font-size: 0.8em;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.content .title h1 {
    font-size: 2.2em;
}
.content .title h1 a {
    color: rgba(0,0,0,1);
    display: block;
    padding: 10px 40px;
}

.content .linkdirectory .title h1 {
    margin-bottom: 0;
}

.content .linkdirectory .link-url iframe {
    margin: 20px 0;
}

.content .linkdirectory .link-url {
    font-size: 1.6em;
}

.content .linkdirectory .title h1 a {
    color: rgba(0,0,0,1);
    display: block;
    padding: 0 0;
}

.content .title h1 a:hover {
    text-decoration: none;
}
.content .post-image {
    margin: 0px 40px 20px 40px;
    border: 1px solid rgba(0,0,0,0.2);
}
.content-meta {
    margin-bottom: 20px;
    background: rgba(71,166,208,0.1);
    padding: 5px 40px;
    font-size: 0.8em;
    color: rgba(71,166,208,0.5);
}
.content-meta i {
    font-size: 0.8em;
    color: rgba(71,166,208,0.5);
}
.content-meta a {
    color: rgba(71,166,208,1);
    font-weight: bold;
}
.content-meta a:hover {
    color: rgba(61,145,182,1)
}
.content .content-excerpt {
    padding: 0px 40px;
    padding-bottom: 40px;
}

.content .linkdirectory .content-excerpt {
    padding: 0 0;
}

.content img {
    max-width:100%;
    height: auto;
    border: 1px solid rgba(0,0,0,0.2);
}
.content iframe {
    max-width:100%;
    max-height:auto;
}

.content-meta .content-author {}
.content-meta .content-date-time .fa {    }
.content-meta .content-date-time {
    padding: .5em .5em .5em 0;
}

.content .comments-field {
    padding: 20px 40px;
}
.content .content-ads {
    text-align: center;
    padding: 20px;
}
.content-footer-meta {
    padding: 20px 40px;
    background: #f7f7f7;
}
.content-footer-meta .tags a {
    padding: .2em .4em;
    margin: 0 .225em .325em 0;
    background: rgba(111,175,100,0.5);
    color: #FFF;
    float: left;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: normal;
}

.content-footer-meta .tags a:hover {
    background: rgba(232,92,51,0.8);
}

.content-footer-meta .category a {
    padding: .2em .4em;
    margin: 0 .225em .325em 0;
    display: block;
    float: left;
    background: rgba(175,58,61,0.6);
    color: #FFF;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: normal;
}

.content-footer-meta .category a:hover {
    background: rgba(78,125,190,0.8);
}







.sidebar {
    font-size: 0.8em;
}

.sidebar .link-item a {
    color: rgba(0,0,0,0.8);
    padding: 3px;
    display: block;
    margin-bottom: 2px;
}
.sidebar .link-item a:hover {
    background: rgba(245,247,246,1);
}

.sidebar .widget-ad {
    padding: 20px;
    background: rgba(255,255,255,1);
    border: 1px solid #E1E1E1;
    border-radius: 5px;
}

.sidebar .widget {
    margin-top: 20px;
    padding: 20px;
    background: rgba(255,255,255,0.5);
    border: 1px solid #E1E1E1;
    border-radius: 5px;

}

.sidebar .widget h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #686868;
    font-size: 15px;
}

.sidebar .rss-info {}
.content-text-ad {
    padding: 20px 0;
}
.footer {
    padding: 20px 0;
    color: rgba(0,0,0,0.2);
}




#newsfooter {font-size:11px; color:#999; background:#FFF; border-radius:5px; border:1px solid #e5e5e5; padding:10px;}
.newstable {
	background: rgba(255,255,255,0.8);
	padding:15px;
	font-size: 0.8em;
}
.newstable ul {padding:0px; margin:0px; list-style:none;}
 .newstable ul li { 
	padding:5px 8px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
 .newstable {}
#newsfooterheader {padding:5px; color:#999; text-shadow:0 1px 0 #CCC; margin-left:auto; margin-right:auto; width:1040px;margin-top:20px; margin-bottom:5px;}


/* calendar widget */
.widget_calendar {}
#wp-calendar {width:100%; padding:5px; background:#f7f7f7; border:1px solid #CCC;}
#calendar_wrap { margin:0px; padding:0px;}
#calendar_wrap th { border:0px;background:#FFF;padding:1px; font-size:10px; font-weight:normal; color:#999999;}
#calendar_wrap td { padding:1px;}
#wp-calendar tr td:hover {background:#2f75d8; color:#FFFFFF;}
#wp-calendar tr td:hover a {background:#2f75d8; color:#FFFFFF;}
#wp-calendar tr td {text-align:center; background:#FFF;}
#wp-calendar caption {padding:10px; text-align:left; font-weight:bold; padding-left:0px; font-size:16px; text-transform:capitalize;}
#wp-calendar a {}
#wp-calendar #today { background:#FFF; border:1px solid #159bbd; color:#159bbd;}
#wp-calendar #today a { background:#FFF; color:#159bbd;}
#wp-calendar #today a:hover {background:#FFF; color:#126f86;}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

pre {
	background: #e9dab9;
	padding:10px;
	border:1px solid #e0ca9b;
	overflow:auto;
	 font-size:11px;
}
code {
	font-size: 13px;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.wpinstagram {
    box-shadow:2px 2px 8px rgba(0,0,0,0.1);
    border:1px solid #e5e5e5 !important;
    padding:5px !important;
}


.navbar-default {
    background: rgba(81,175,214,1);
    border:none;
    border-radius: 0;
}

.navbar-default .navbar-brand {
    color: #FFF;
    text-shadow: none;
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
    text-shadow: none;
}

.navbar-default .navbar-toggle {
    border: none;
    color: #FFF;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: rgba(255,255,255,0.2);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #159bbd;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .content {
        background: rgba(255,255,255,0);
        padding: 0;
    }
    .content .title h1 a {
        padding: 10px 10px;
    }
    .content .post-image {
        margin: 0px 10px 20px 10px;
    }
    .content-meta {
        padding: 10px 10px;
    }
    .content .content-excerpt {
        padding: 0px 10px;
        padding-bottom: 40px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .content img {
        width:100%;
        height: auto;
        border: 1px solid rgba(0,0,0,0.2);
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}