/*  
Theme Name: dèi Jonk Grèng
Theme URI: jonkgreng.lu/
Description: 
Version: 1.0
Author: Kristian Normand
Author URI: http://www.normand.no

*/

@import "css/fonter.css";

body {
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
	color: #4d504f;
}

a:link, a:visited {
	text-decoration: underline;
	color: #ff0078;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

h1, h2 {
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	font-size: 35pt;
}

h2 {
	font-size: 20pt;
}

img.alignright {
	float:right;
	margin:0 0 1em 1em
}

img.alignleft {
	float:left;
	margin:0 1em 1em 0
}

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

.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100% !important;
}

#wrapper {
	width: 100%;
	float: left;
}

#headerwrap {
	float: left;
	width: 100%;
	padding-top: 5px;
	background: #84b414;
}


#header {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#header #logo {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

#header #logo img {
	max-width: 100%;
	height: auto;
}

#header #headwrapbox {
	float: right;
	width: 300px;
}

#header #search {
	margin-top: 15px;
	float: right;
}

#mobilmeny {
	display: none;
	visibility: hidden;
}

#headerwrap #navmenu {
	width: 100%;
	float: left;
	background: #84b414;
}

#headerwrap #navmenu #menu {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
}

#headerwrap #navmenu #menu ul {
	list-style: none;
	padding-left: 10px;
	margin: 0;
}

#headerwrap #navmenu #menu ul li {
	float: left;
	margin-right: 20px;
}

#headerwrap #navmenu #menu ul li a {
	font-size: 12pt;
	color: #FFF;
	text-decoration: none;
	line-height: 34px;
}

#headerwrap #navmenu #menu ul li a:hover, #headerwrap #navmenu #menu ul li.current_page_item a, #headerwrap #navmenu #menu ul li.current-post-ancestor a, #headerwrap #navmenu #menu ul li.current-page-ancestor a, #headerwrap #navmenu #menu ul li.current-menu-item a, #headerwrap #navmenu #menu ul li.current-category-ancestor a {
	color: #ffec01;
}

#sliderwrap {
	float: left;
	width: 100%;
	border-bottom: 2px solid #FF0078;
}

#sliderwrap #slider {
	width: 900px;
	height: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#topicswrap {
	float: left;
	width: 100%;
	border-bottom: 2px solid #FF0078;
	display: none;
	visibility:hidden;
}

#topicswrap #topics {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
}

#topicswrap #topics img, #topicswrap #topics a img {
	float: left;
	margin-right: 65px;
	margin-top: 10px;
}

#topicswrap #topics img:last-child {
	margin-right: 0;
}

#topicswrap #topics a:last-child img {
	margin-right: 0;
}

#boxwrap {
	float: left;
	width: 100%;
	background: #f0f0f0;
	border-bottom: 2px solid #ff0078;
}

#box {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#box .post {
	margin-top: 15px;
	float: left;
	width: 100%;
}

#box .post .entry h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24pt;
}

#box .post .entry h2 a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background: #78b941;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 45px;
}

#box .post .entry h2 a:hover {
	background: #ff0078;
}

#box .post .thumbtop {
	float: left;
	width: 455px;
	height: 275px;
}

#box .post .thumbtop img {
	border-radius: 15px;
}

#box .post .entry {
	float: right;
	width: 435px;
	height: 275px;
}

#box .postt {
	float: left;
	width: 295px;
	margin-right: 5px;
	margin-top: 20px;
}

#box .postt .post .entry {
	width: auto;
	height: auto;
}

#box .postt .post .thumbtop {
	width: auto;
	height: auto;
}

#box .postt .post .thumbtop img {
	border-radius: 10px;
}

#box .postt:last-child {
	margin-right: 0;
}

#box .postt .post h2 {
	font-size: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

#box .postt .odd h2 a {
	text-decoration: none;
	color: #FFF;
	background: #ff0078;
	line-height: 26px;
}

#box .postt .odd h2 a:hover {
	background: #78b941;
}

#box .postt .even h2 a {
	text-decoration: none;
	color: #FFF;
	line-height: 26px;
	background: #78b941;
}

#box .postt .even h2 a:hover {
	background: #ff0078;
}

#box .navigation {
	width: 100%;
	float: left;
	text-align: right;
}

#box .navigation a {
	color: #67962E;
}

#somewrap {
	width: 100%;
	float: left;
	padding-top: 25px;
	padding-bottom: 35px;
}

#somewrap #some {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#somewrap #some .someicon {
	float: left;
	width: 220px;
	height: 75px;
}

#somewrap #some .someicon img {
	float: left;
	height: 73px;
	width: 80px;
}

#somewrap #some .someicon h2 {
	float: right;
	margin: 0;
	width: 135px;
	font-size: 16pt;
	line-height: 70px;
}

#somewrap #some .someicon a h2 {
	color: #ff0078;
	text-decoration: none;
}

#somewrap #some .someicon h2 a:hover {
	text-decoration: underline;
}

#pagewrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#pagebox {
	width: 670px;
	float: right;
	margin-bottom: 25px;
	margin-left: 5px;
}

#pagebox .post {
	width: 100%;
	float: left;
}

#pagebox .post h2 span.page {
	background: #FF0078;
	line-height: 45px;
	padding-left: 2px;
	padding-right: 2px;
}

#categorywrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#categorybox {
	width: 670px;
	float: right;
	margin-bottom: 25px;
	margin-left: 5px;
}

#categorybox .post {
	width: 335px;
	float: left;
	text-align: center;
}

#categorybox .fremhevetpol {
	width: 670px;
	float: left;
}

#categorybox .fremhevetpol .thumb {
	float: left;
	width: 100%;
	height: auto;
}

#categorybox .fremhevetpol .thumb img {
	width: 100%;
	height: auto;
}

#categorybox .fremhevetpol h1 a {
	text-decoration: none;
	color: #67962E;
	font-weight: normal;
	text-transform: uppercase;
}

#categorybox .politikk {
	width: 670px;
	float: left;
}

#categorybox .post .politikk {
	width: 335px;
	float: left;
}

#categorybox .politikk .thumb, #categorybox .politikk .thumb img {
	float: left;
	width: 100%;
	height: auto;
}

#categorybox .politikk h2 {
	font-family: 'Open Sans Condensed',sans-serif;
}

#categorybox .politikk h2 a {
	text-decoration: none;
	color: #67962E;
	font-weight: normal;
	text-transform: uppercase;
}

#categorybox .innlegg {
	width: 100%;
	float: left;
}

#categorybox .thumb {
	float: left;
	margin-right: 10px;
}

#categorybox .thumb img {
	border-radius: 10px;
}

#categorybox .title {
	float: left;
	width: 100%;
}

#categorybox h2.categorytitle {
	margin-bottom: 5px;
	background: none repeat scroll 0 0 #78B941;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 45px;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
    text-transform: uppercase;
	float: left;
}

#categorybox h2 a {
	text-decoration: none;
	color: #67962E;
}

#categorybox .innlegg h2 {
	font-size: 14pt;
    margin-bottom: 10px;
    margin-top: 10px;
}

#categorybox .innlegg h2 a {
	background: none repeat scroll 0 0 #FF0078;
    color: #FFFFFF;
    line-height: 26px;
    text-decoration: none;
	padding-left: 2px;
    padding-right: 2px;
}

#categorybox .innlegg:nth-child(2n) h2 a {
	background: none repeat scroll 0 0 #78B941;
}

#categorybox .innlegg h2 a:hover {
	background: none repeat scroll 0 0 #78B941;
}

#categorybox .innlegg:nth-child(2n) h2 a:hover {
	background: none repeat scroll 0 0 #FF0078;
}

#postbox {
	width: 670px;
	float: left;
	margin-bottom: 25px;
}

#postbox .post {
	width: 100%;
	float: left;
}

#postbox .post h2 span {
	background: #84B414;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 45px;
}

.post .entry p em.dato {
	font-size: 8pt;
}

#postbox .artikkelbilde {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#postbox .artikkelbilde img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

#postbox .artikkelbilde p {
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 8pt;
}

.postside {
	float: right;
	width: 206px;
	background: #84B414;
	border-radius: 20px;
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
}

.postkontakt {
	background: #eee1c6;
	border-radius: 0 30px 0 30px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 25px;
	margin-bottom: 15px;
	float: right;
	width: 191px;
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.postkontakt strong {
	color: #67962E;
}

.tweets {
	width: 211px;
	float: left;
}

.tweets h3 {
	font-family: 'Open Sans Condensed',sans-serif;
	color: #67962E;
}

.tweets ul#tweets {
	list-style: none;
	padding: 0;
}

.tweets ul#tweets li .tweet-inner #twitter-name a {
	text-decoration: none;
	text-transform: uppercase;
	color: #A2B424;
}

.post h2 {
	font-size: 25pt;
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

#sidewrap {
	float: left;
	width: 216px;
}

.sidebar {
	float: left;
	width: 206px;
	background: #84B414;
	border-radius: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sidebar ul {
	list-style: none;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 35px;
	margin-left: 15px;
	margin-right: 5px;
}

.sidebar ul li {
	font-size: 11pt;
	margin-bottom: 5px;
}

.sidebar ul li a {
	color: #FFF;
	text-decoration: none;
}

.sidebar ul li a:hover, .sidebar ul li.current_page_item a, .sidebar ul li.current_page_ancestor a, .sidebar ul li ul.children li a:hover, .sidebar ul li ul.children li.current_page_item a, .sidebar ul li.current-cat a {
	color: #FFEC01;
}

.sidebar ul li ul.children {
	margin-top: 5px;
	margin-bottom: 7px;
	padding-left: 10px;
	display: none;
	visibility: hidden;
}

.sidebar ul li.current_page_item ul.children, .sidebar ul li.current_page_ancestor ul.children {
	display: block;
	visibility: visible;
}

.sidebar ul li ul.children li a {
	color: #67962E;
}

.sidebar2 {
	float: left;
	width: 201px;
	background: #eee1c6;
	border-radius: 30px 0 30px 0;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-bottom: 15px;
}

.sidebar2 .wpcf7-form-control {
	width: 96%;
	float: left;
}

.sidebar2 .wpcf7-form p {
	float: left;
	margin-bottom: 0;
	width: 100%;
}

.sidebar2 p img.wpcf7-form-control {
	height: auto;
	margin-top: 10px;
}

.sidebar2 input.wpcf7-submit {
	width: 110px;
	float: right;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footerwrap {
	float: left;
	width: 100%;
	background: #ff0078;
	font-size: 10pt;
}

#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 15px;
}

.widget_nav_menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Sosiale media-knapper */

#social {
	margin-top: 15px;
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

#socialsingle {
	margin: 0 0 0 0;
	width: 450px;
	float: right;
	padding-bottom: 10px;
}

#googleplus {
	margin-left: 2px;
	display: block;
	float: left;
	width: 75px;
	height: 21px;
}

#likebutton {
	margin-left: 2px;
	display: block;
	float: left;
	height: 21px;
}

#twitter {
	margin-left: 2px;
	display: block;
	float: left;
	width: 95px;
	height: 21px;
}



.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	float: left;
	width: 100%;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.navigation {
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
}

@media all and (max-width: 900px) {
#header, #headerwrap #navmenu #menu, #sliderwrap #slider, #topicswrap #topics, #box, #somewrap #some, #categorywrap, #pagewrap, #footer {
	width: 800px;
}

#topicswrap #topics img, #topicswrap #topics a img {
	margin-right: 32px;
}

#box .post .thumbtop {
	width: 49%;
	height: auto;
}

#box .post .thumbtop img {
	width: 100%;
	height: auto;
}

#box .post .entry {
	width: 49%;
}

#box .post2 {
	width: 32%;
	margin-right: 1%;
}

#box .post2 .thumbtop, #box .post2 .thumbtop img {
	width: 100%;
	height: auto;
}

#box .navigation {
	width: 98%;
}

#somewrap #some .someicon {
	width: 200px;
}

#somewrap #some .someicon a img {
	width: 60px;
	height: auto;
}

#categorybox, #pagebox, #postbox {
	width: 570px;
}

#pagebox img {
	max-width: 100%;
	height: auto;
}

#categorybox .post {
	width: 49%;
	margin-bottom: 20px;
}

#categorybox .fremhevetpol, #categorybox .politikk, #categorybox .post .politikk {
	width: 100%;
}

#categorybox .fremhevetpol h1, #categorybox .politikk h2 {
	width: auto;
}


}

@media all and (max-width: 805px) {
#header, #headerwrap #navmenu #menu, #sliderwrap #slider, #topicswrap #topics, #box, #somewrap #some, #categorywrap, #pagewrap, #footer {
	width: 700px;
}

#topicswrap #topics img, #topicswrap #topics a img {
	margin-right: 0;
	width: 25%;
	height: auto;
}

#box .post .thumbtop {
	width: 49%;
	height: auto;
}

#box .post .thumbtop img {
	width: 100%;
	height: auto;
}

#box .post .entry {
	width: 49%;
}

#box .post2 {
	width: 32%;
	margin-right: 1%;
}

#box .post2 .thumbtop, #box .post2 .thumbtop img {
	width: 100%;
	height: auto;
}

#box .navigation {
	width: 98%;
}

#somewrap #some .someicon {
	width: 175px;
	height: auto;
}

#somewrap #some .someicon h2 {
	width: 105px;
}

#categorybox, #pagebox, #postbox {
	width: 470px;
}

#pagebox img {
	max-width: 100%;
	height: auto;
}

#categorybox .post {
	width: 49%;
	margin-bottom: 20px;
}

#categorybox .fremhevetpol, #categorybox .politikk, #categorybox .post .politikk {
	width: 100%;
}

#categorybox .fremhevetpol h1, #categorybox .politikk h2 {
	width: auto;
}

}

@media all and (max-width: 705px) {
#header, #headerwrap #navmenu #menu, #topicswrap #topics, #box, #somewrap #some, #categorywrap, #pagewrap, #footer {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

#header #tagline, #header #headwrapbox {
	display: none;
	visibility: hidden;
}

#mobilmeny {
	display: block;
	visibility: visible;
	float: left;
	width: 94%;
	padding-left: 4%;
	padding-right: 2%;
	background: #84B414;
	min-height: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#mobilmeny ul {
	list-style: none;
	padding: 0;
}

#mobilmeny ul li {
	padding-bottom: 5px;
	padding-top: 5px;
}

#mobilmeny ul li a {
	color: #FFF;
	font-size: 16pt;
	font-family: 'Open Sans Condensed',sans-serif;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
}

#headerwrap #navmenu {
	display: none;
	visibility: hidden;
}

#sliderwrap #slider {
	width: 100%;
	height: auto;
}

#header #logo {
	width: 216px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	min-width: 145px;
}

#topicswrap #topics {
	height: auto;	
}

#box .post .entry {
	height: auto;
}

#box .post2 {
	width: 100%;
	margin-right: 0;
}

#box .post2 .thumbtop {
	width: 33%;
	height: auto;
	float: left;
}

#box .post2 .entry {
	float: right;
	width: 65%;
}

#box .post2 h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

#box .post2 .entry a p {
	margin: 0;
}

#box .navigation {
	width: 98%;
}

#somewrap #some .someicon {
	width: 245px;
	height: auto;
	margin-bottom: 10px;
}

#somewrap #some .someicon h2 {
	width: auto;
	margin-left: 10px;
	float: left;
}

#categorybox, #pagebox, #postbox {
	width: 100%;
	margin-left: 0;
}

#pagebox img, #postbox img {
	max-width: 100%;
	height: auto;
}

#categorybox .post {
	width: 49%;
	margin-bottom: 20px;
}

#categorybox .fremhevetpol, #categorybox .politikk, #categorybox .post .politikk {
	width: 100%;
}

#categorybox .fremhevetpol h1, #categorybox .politikk h2 {
	width: 100%;
}

.sidebar {
	min-width: 145px;
	margin-bottom: 0;
}

.sidebar ul li ul.children {
	margin-left: 0;
}

.sidebar img {
	max-width: 100% !important;
	height: auto !important;
}

.sidebar2 {
	display: none;
	visibility:hidden;
}

.postside, .postkontakt {
	display: none;
	visibility: hidden;
}

.tweets {
	width: 34%;
}

.postside img {
	max-width: 100% !important;
	height: auto !important;
}

}

@media all and (max-width: 505px) {
#header #logo {
	width: 155px;
}
	
#topicswrap #topics {
	height: auto;	
}

#box .post .entry {
	height: auto;
	width: 100%;
}

#box .post .thumbtop {
	width: 100%;
	height: auto;
}

#box .post2 {
	width: 100%;
	margin-right: 0;
}

#box .post2 .thumbtop {
	width: 33%;
	height: auto;
	float: left;
}

#box .post2 h2 {
	margin-top: 0;
	margin-bottom: 5px;
}

#box .post2 .entry a p {
	margin: 0;
}

#box .navigation {
	width: 98%;
}

#somewrap #some .someicon {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

#somewrap #some .someicon h2 {
	width: auto;
	margin-left: 10px;
	float: left;
}

#categorybox, #pagebox, #postbox {
	width: 100%;
}

#pagebox img {
	max-width: 100%;
	height: auto;
}

#categorybox .post {
	width: 49%;
	margin-bottom: 20px;
}

#categorybox .fremhevetpol, #categorybox .politikk, #categorybox .post .politikk {
	width: 100%;
}

#categorybox .fremhevetpol h1, #categorybox .politikk h2 {
	width: auto;
}

.sidebar {
	width: 145px;
	padding-left: 5px;
	padding-right: 5px;
}

}