@charset utf-8;
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700|Open+Sans:400,300,700,800);
/*
Theme Name: Nya Tider (light)
Theme URI: http://nyatider.nu
Author: Nya Tider
Author URI: http://nyatider.nu
Description: Enkelt tema för Nya Tiders provisoriska webbplats
Version: 2.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

html {
	background: #ddd;
}

body {
	margin: 0; padding: 0;
	background: #fff;
	margin: 0 auto;
	overflow-y: scroll;
	font-family: Open Sans, sans-serif;
	overflow-x: hidden;
}

a { text-decoration: none; }
a img { border: 0; }

#main {
	margin: 0 auto;
	padding: 8px 0 0 0;
}

#sidebar {
	float: right;
}
	#rsbar { 
		width: 310px;
		float:right;
	}

.sidebar-video iframe {
	max-width: 294px;
	max-height: 165px;
}


#lsbar {
	width: 140px;
	float:right;
	margin-left: 30px;
}

.size-top-image-h {
	float: right;
	margin: auto 0 1em .75em;
}

.size-top-image-v {
	float: left;
	margin: auto .75em 1em auto;
}

.size-top-image-h, .size-top-image-v {
	margin-top: 14px;
}


#sidebar h3, #lsbar h3 {
	font-family: 'Open Sans', sans-serif;
	margin: 0 2px;
	font-size: 18px;
	font-weight: 700;
}

	#lsbar h3 {
		margin: 0 0 4px 0;
	}

.papp h6 {
	background: #000;
	opacity:0.8;
	filter:alpha(opacity=80); /* <= IE8 */
	padding: 2px 5px;
	margin: 0;
	position: relative;
	top: -30px;
	width: 130px;
}

ul.papp { 
	list-style-type: none;
	padding: 0; margin: 14px 0;
	clear:both;
	width: 100%;
	overflow: hidden;
}

.papp li { height: 216px; float: left; width: 150px;}

.papp h6 a { color: #72a7c2; }

.papp img, .sn a img {
	border: 1px solid #CCC;
}

	.spaltruta {
		padding: 8px;
		margin: 0 0 30px 0;
	}
	.fb {
		padding: 0;
	}
	.nytt {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background-color: #EDEDED;
		padding: 12px 16px;
		margin: 0;
	}
	div.nytt ul  {
		padding: 0 4px;
		margin-bottom: 16px !important;
	}
	.ovr {
		border-bottom: 4px solid #00325c;
	}
	
	.nyhetsbrev p {
		display: none;
	}
	
	.annonser {
	padding: 0;
	margin:.5em 0;
	}
	.annonser img a {
	border: 0 none;
	}
	.annonser img {
	padding: 0;
	margin: .25em 0;
	}
	.annonser p {
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	margin: 0;
	padding: 0 .5em;
	}

.wp-socializer-buttons {
	clear: none !important;
	overflow: hidden;
}
	
#sidebar ul { margin: 0; padding: 0; list-style-type: none; }


.newsman-form-item-email input {
	margin-top: 1em;
}

.ndatum { float: left; font-weight: 400; margin: 0 8px 2px 0; font-size: 14px; min-width: 35px; }
.nbar { overflow:hidden; }

.note {
	background: #FFEB8F;
	border: 2px solid #DFCD7D;
	padding: 8px;
	margin: 0 0 16px 0;
}

#kbar {
	width: 140px;
	float: right;
	min-height: 400px;
	overflow:hidden;
	margin: 0 0 0 30px;
}
	#kbar h4 {
		font-family: Georgia, serif; 
		margin:  2px 0 15px 0;
		font-weight: bold;
		font-size: 16px;
		line-height: 100%;
		}
	#kbar h4, #kbar h4 a:link, #kbar h4 a:visited {
		color: #000;
		}
	#kbar h5, #kbar h5 a:link, #kbar h5 a:hover, #kbar h5 a:visited {
		text-transform: uppercase;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 700;
		font-size: 14px;
		color: #FFF;
		padding: 5px; margin: 0;
		background-color: #00325c;
		text-decoration: none;
		}

	#kbar ul { list-style-type: none; margin: 0; padding: 0; }
	.kThumb { overflow: hidden; }

#abar { 
	width: 140px;
	float: right;
	min-height: 400px;
	overflow:hidden;
	margin: 0 0 0 20px;
}

#header { 
	margin: 0 0 32px 0;
	padding: 8px 0 0 0;
}

#header .container {
	padding:0;
	margin:0;
	overflow: hidden;
	width: 940px;
}

#top {
	overflow:hidden;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial, sans-serif;
}
	#top ul { float:right; list-style-type: none; margin: 0; padding: 0; }
	#top ul li { float:left; padding: 0 0 0 16px; }
	.datum { font-size: 12px; text-transform: uppercase; display: block; height: 25px; }

#logotyp {
	float: left;
	padding: 8px 0 0 0;
	margin: 0 30px 0 0;
}

div#meny-langp {
		float: right;
		padding: .5em;
	}

#search {
	height: 30px;
	
	margin: 14px 0;
}
	#search input, #headersearch input {padding: 0.33em;}

div#fakta {
	background: #EEE;
}
	div#fakta div {
		padding: 1em;
	}
	div#fakta h4 {
		text-transform: uppercase;
		margin: 0;
		padding: 0.5em;
		background: #222;
		color: #EEE;
		font-weight: 800;
	}
	
.post-content ul, .post-content ol {
	font-family: Georgia, serif;
	padding: 0 0 0 3em;
}
	.post-content ul li, .post-content ol li {
		margin: 0.5em 0;
	}
	
#sidebar h1 {
	font-size: 1.25em;
	font-weight: 400;
	margin: 8px 0 4px 0 !important;
}

div.ifo {
	padding: 0 0 16px 0 !important;
	margin-bottom: 10px;
}

	div.ifo p {
	font-size: 14px;
	}
	
	div.ifo p, div.ifo h1 {
		padding: 0 4px;
	}
	
	div.ifo h1 a {
		font-weight: 700;
	}
	
	div.ifo h5 {
		font-size: 1.25em;
		font-weight: 300;
		line-height: 100%;
		margin: 1em 0;
	}
	
	div.ifo p.ifo-aldre {
		text-align: right;
	}
	
span.ifokus {
	background: #00325C;
	color: #FFF;
	padding: 4px 8px;
	margin-right: 4px;
}

span.ifokus-amne {
	font-weight: 400;
	text-transform: uppercase;
}

div.ifokus-bild {
	height: 180px;
	overflow: hidden;
	background-position: center center;
}

i.prenlock { 
	margin: auto 5px;
	color: #DAA520;
}

div.endastpren {
	font-family: Open Sans, sans-serif;
	padding: 1em;
	background: #00325C;
	color: #FFF;
	clear: both;
}
	div.endastpren a {
		color: #FFCF3F !important;
	}
	
	div.endastpren h3 {
		margin: 0 0 0.75em 0;
		font-size: 2em;
		font-weight: 400;
		font-family: Roboto Slab, sans-serif;
	}
	
	div.endastpren p {
		font-family: Open Sans, sans-serif;
		margin: 0.5em 0;
	}

.oldernewer {
	clear: both;
	width: 100%;
}

p.copyright {
	font-size: 12px !important;
	line-height: 120% !important;
	color: #777;
}

/* Löpsedel II */

.rubrik2  h1{
	font-size: 1.5em;
}

.vc_gitem-zone {
	/*overflow: visible; 
	position: relative; */
}

.vc_gitem-post-meta-field-nimeta_plank.plank {
	display: inline;
	float: left;
	font-weight: bold;
	text-decoration: none !important;
	color: #00325c !important;
}

/* Produkter */
div.mepr-price-box {
    width: 30%;
    float: left;
	text-align: center;
	padding: 1.5%;
	margin: 0 1px 1px 0;
	background: #EEE;
}

div.mepr-price-box-heading {
	font-size: 1.33em;
}
.mepr_price_cell {
    font-weight: 700;
}
.mp-spacer { display: none; }
.mepr-login-actions {
	font-size: 0.875em;
}
	.mepr-price-box-title {
		font-size: 3em;
	}
	.mepr-price-box-price {
		font-size: 1.33em;
	}
	.mepr-price-box-foot {
		padding: 1em;
	}
		.mepr-price-box-button {
			background: #72a7c2;
			color: #FFF;
			display: inline-block;
			padding: .75em 1.5em;
			border-radius: 0.25em;
			text-transform: uppercase;
		}
		.mepr-price-box-button a:link, .mepr-price-box-button a:visited, .mepr-price-box-button a:active {
			color: #FFF;
			font-weight: 700;
			text-decoration: none;
		}
		.mepr-price-box-button:hover, .mepr-price-box-button:focus {
			background: #00325c;
		}
		
#mepr_betalningsalternativ span, #mepr_betalningsalternativ_autogiro span {
	font-size: 1.5em;
}
		
		
/* end Produkter */

/* Mina uppgifter */
div#mepr-account-nav {
    background-color: #f9fafa;
    padding: 1em;
    border-bottom: 1px dotted #DDD;
}

span.mepr-nav-item {
	padding: 0 16px 0 0;
}


/* PRENUMERANTLOGIN */

.spaltruta.konto {
	background: #222;
	margin: 0;
	font-size: 0.875em;
	padding: 1em;
}

.spaltruta.konto {
	color: #EEE;
}
.spaltruta.konto a { 
	color: #FFDA7A
}

#mepr-account-subscriptions-table, #mepr-account-payments-table {
	font-size: 14px;
}

/* /end PRENUMERANTLOGIN */

div.login-uppgifter {
	padding: 6px 12px;
	border: 1px solid #DDD;
	width: 90%;
	background: #EEE;
	margin-bottom: 12px;
}

label[for="meprmath_quiz"]:before {
    content: "Kontrollfråga för att bevisa att du inte är en robot: ";
}

p.regdesc small {
	font-size: 12px;
	line-height: 100%;
	color: #666;
}

th#mepr-access,td.mepr-access.column-mepr-access { width: 7% !important; }

#mepr_payment_method-1443435003-560911fb73b83 span {
	width: 90%;
}

.mp_wrapper p {
	font-family: "Open Sans", sans-serif !important;
	line-height: 180% !important;
}

input[type="submit"]:hover {
	cursor: pointer;
}

.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type="text"], .mp_wrapper input[type="url"], .mp_wrapper input[type="email"], .mp_wrapper input[type="tel"], .mp_wrapper input[type="number"], .mp_wrapper input[type="password"]  {
	width: 80% !important;
}


.mp_wrapper .mepr-radios-field, .mp_wrapper .mepr-checkbox-field, .mp_wrapper .mepr-checkboxes-field, .mp_wrapper label {
	display: inline-block;
	font-size: 0.875em;
	width: 80% !important;
}

form, form p { 
	font-family: 'Open Sans', sans-serif !important;
}

input,
textarea { 
	border: 1px #CCC solid;
	padding: 0.875em;
	margin: 0.33em 0;
	outline: none;
}
input[type=text], input[type=email], input[type=password], textarea {
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
input[type=submit] {
	border-radius: 6px;
	color: #FFF;
	background: #00325c;
	border: 0;
	padding: 1em 1.75em;
	margin: 1em 0;
	font-weight: 700;
}
input#searchsubmit { margin: 0; padding: 0.25em 1em;}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
textarea:hover,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:hover,
textarea:focus {
	border: 1px #BBB solid;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {

}
textare {
	min-height: 150px;
	width: 90%;
}

#meny {
	background: #222;
	color: #FFF;
	overflow: hidden;
	margin: 0;
	border-bottom: 4px solid #00325c;
	width: 100%;
}
	#meny ul {
		list-style-type:none;
		font-size: 14px;
		float:left;
		margin: 0;
		padding: 0;
		font-weight: bold;
		text-transform: uppercase;
	}
	#meny a:link, #meny a:hover, #meny a:visited, #meny a:active {
		color: #fff; text-decoration:none;
		
	}
	#meny ul li {
		padding: 11px 14px 7px; float: left;
	}
	#meny ul li.aktiv {
	background-color: #00325c;
	}
	
	#meny ul li.fp {
	background:#DAA520;
	}

#test {
	margin: 0;
}

#headersearch {
	width: 182 px;
	margin: 0 0 0 15px;
	padding: 70px 0 0 0;
}

	#headersearch form {
		float: right;
	}

#shoutcast {
	font-size: 14px;
	float: left;
	overflow: hidden;
	width: 400px;
	padding: 18px 0 0 0;
}

h4.nbar {
	padding: 0 0 0 50px;
}

.sbild {
	float:left;
	display:block;
	height: 90px;
	width: 120px;
	padding: 0;
	margin: 0;
	overflow:hidden;
}

	#shoutcast a img { border: 0; }

#wrapper-qCWx { width: 200px; }

#lopovre { width: 100%; clear: both; padding: 0 0 20px 0; border-bottom: 1px solid #CCC; overflow:hidden; }
#lopfokus { width: 100%; clear: both; padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #CCC; overflow:hidden; }
#lopnedre { width: 100%; clear: both; }

#ifokusbox { padding: 15px 0 0 0; overflow: hidden; float: left; }
	#ifokusbox .bildcontainer { width: 292px; height: 186px; overflow: hidden; }
	#ifokusbox div.ifokus { width: 292px; margin: 0; border: 0;}

	#ifokusbox ul { float: left; list-style-type: none; margin: 0; padding: 0; }
	#ifokusbox ul li { width: 292px; margin: 0; padding: 0; overflow:hidden; border: 0; }
		#ifokusbox ul li.udda { margin: 0 15px 0 0; }

.post-single {
	border-bottom-color: #DDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	clear: none;
	width: 100%;
}

.post-content.page-content {
	padding-bottom: 1em;
}

#content {
	float: left;
}
	.post-content {
		overflow: hidden;
	}
	.post-excerpt {
		
	}
	.full-width {
		width: 940px !important;
		margin: 0 0 0 0 !important;
	}
	
#content iframe {
	border: 0 none !important;
	overflow: show;
}
	
#art-sidebar {
	float: right;
	width: 200px;
	margin: 0 0 0 20px;
	padding: 10px;
	border-left: 1px solid #CCC;
}

#footer {
	color: #DDD;
	font-size: 12px;
}

#footer a {
	color: #72a7c2;
}

	#footer .container {
		background: #222;
		padding: 20px 30px;
		overflow: hidden;
	}
		#footer-content {
			float: right;
			width: 60%
		}
			#footer ul,
			#footer li {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#footer li a {
					padding: 0 10px 0 0;
				}
	#footer-info {
		width: 50%
	}
	#nav-footer div {
		width: 30%; float: right;
	}
	#nav-footer {
	}
	#footerlogo {

	}
	#footer-bottom { 
		width: 100%;
		clear: both;
		margin: 30px 0 0 0;
	}
	
.no-results {
	
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
	margin-right: 10px;
}
.right {
	float: right;
	margin-left: 10px;
}
.wp-post-image {
}
.aligncenter {
	text-align: left;
}
.alignleft {
	text-align: left;
	float:left;
	margin: 5px 15px 0 0;
}
	.wp-caption.alignleft {
	margin: 5px 15px 0 0;
	}
.alignright {
	float:right;
	margin: 5px 0 0 15px;
}
	.wp-caption.alignright {
	margin: 5px 0 0 15px;
	}

#adbar { width: 140px; margin-left: 15px; height: 37.5em; }

/* --- UTVALDA --- */

.feat1, .feat2, .feat3 { margin: 0; padding: 0; overflow: hidden; }
.pline { border-bottom: 1px solid #CCC; overflow: hidden; margin: 20px 0; }

/* --- TYPOGRAFI / ARTIKELVISNING --- */

.htlinje { border-bottom: 4px solid #00325c; clear:both; width: 100%; margin-bottom: 1em; }

#meny, .topic, #sidebar h6, #shoutcast, .plank, .post-content p.wp-caption-text, #lopnedre p { font-family: 'Open Sans', Arial, sans-serif; }

#art-top {
	width: 100%;
	float: none;
	clear: both;
	overflow: hidden;
}
	.art-datum { font-size: 12px; color: #777;}
	.socmed { }
	.mashsb-container { padding-top: 16px !important; padding-bottom: 16px !important; }
	.mashsb-box {  }
	ul.lang {
		list-style-type: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		font-size: 0.75em;
	}
	ul.lang li {
		float: left;
		margin: 0 1ex 0 0;
		padding: 0;
	}

.plank { margin: 0 .33em 0 0; font-weight: bold;}
.plank a { text-decoration: none !important; color: #00325c !important; }
.ingress { font-size: 18px; font-weight: 400; margin: 0 0 20px 0; font-family: 'Open Sans', Arial, sans-serif; }
.art-bildtext, .post-content p.wp-caption-text { font-size: 12px; color: #333; display: block; margin: 4px 0; }
.bild-container { margin-bottom: 15px; }

#post-author { margin: 42px 0; width: 66%; overflow:hidden; font-size: 16px; border-bottom: 1px dotted #CCC; }
#post-author p { margin: 3px 0; padding: 0; }
#post-author p.skrib-namn { margin-top: .33em; text-transform: uppercase;  }
	#post-author p.skrib-namn a { color: #333; text-decoration: none;  }
#post-author p.skrib-namn, #post-author p.skrib-mejl { font-weight: bold; }
	#post-author p.skrib-mejl { font-size: 12px; }
#post-author .photo { clear: both; }

#kommentarer {
	margin: 14px 0 28px 0;
}

#recentcomments {
	margin: 28px 0;
}

.dsq-widget-item {
	padding: 0 0 16px 0 !important;
}

.post-content p a img.size-large {
	margin-bottom: 15px;
}
.post-content p {
	font-family: Georgia, serif;
	margin: 0 0 16px 0;
	line-height: 150%;
	font-size: 16px;
}

blockquote {
	font-family: 'Open Sans', sans-serif;
}

blockquote p {
	margin: 0 !important; padding: 0;
	color: #666;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.25em !important;
	text-align: center;
}

hr { height: 1px; color: #DDD; background: #DDD; border: 0; }

.topic { color: #00325c; font-weight: 800; text-transform: uppercase; font-size: 18px; line-height: 100%; margin: 0 0 15px 0; display:block;}
.notis-sb-topic { font-weight: normal; text-transform: capitalize; font-weight: bold; }
.nytt p { font-size: 12px; margin: 0 5px; border-bottom: 1px dotted #CCC; padding: 0 0 5px 0;}

a:link { color: #00325c; }
a:hover { color: #00325c; text-decoration:underline; }
a:visited { color: #00325c; }

#shoutcast a:link, #shoutcast a:hover, #shoutcast a:visited { color: #000; text-decoration: none; }

.scitat { }
.sauthor { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:bold; text-transform: uppercase; display:block; margin-bottom: 0; color: #00325c; padding: 4px 0 0 0;}

h1, h2 { font-family: Roboto Slab, serif; }
h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: bold; margin: 8px 0; }

h1 a:hover, h1 a:link, a2 a:hover, h3 a:hover, h4 a:hover { text-decoration: none; }

h1,.post-content h5 {
	font-weight: bold;
	font-size: 36px;
	margin: 0 0 24px 0;
	padding: 0;
	line-height: 120%;
}

	#ifokusbox h1 { font-size: 18px; }

h2 {
	font-size: 28px;
	margin: 14px 0;
	display:block;
	line-height: 100%;
}

	.post-content h2 {
		margin: 32px 0 4px 0;
	}

h3 {
	font-size: 20px;
	padding: 0;
	margin: 5px 0;
}

h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited  { color: #000; font-weight:bold; }

#relaterade { font-size: 12px; padding: 8px 0; width: 100%; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin: 8px 0; }
#relaterade p { font-weight: bold; margin: 0; }
#relaterade ul { list-style-type: none; padding-left: 5px; margin: 0; }

.katrub { text-transform: uppercase; color: #00325c; font-size: 26px; }

	/* --- ARTIKLAR --- */
	
div.pagination {
	padding: 8px;
	background: #00325C;
	color: #FFF;
	margin: 8px 0 16px 0;
	text-align: center;
}
	div.pagination a {
		color: #72A6C2;
		margin: 0 4px;
	}
	
.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h6 { font-family: Open Sans, sans-serif; margin-top: 32px; font-size: 16px; font-weight: 800; }

.post-content h5 { font-weight: 400; font-size: 24px; margin: 16px 0; }
.post-content h6 { margin-top: 0; }
.post-content a {
	text-decoration: underline;
	color: #005296;
}
.post-content a:hover {
	text-decoration: none;
}

#fakta, #fakta p {
	font-size: 0.875em !important;
}
#fakta h2, #fakta h3, #fakta h5, #fakta h6 {
	font-family: Open Sans, sans-serif; margin-bottom: 4x; font-size: 16px; font-weight: 800; border-bottom: 1px dotted #CCC;
}

/* --- VÄDRET --- */

#widget_yr {display:none;}
#widget_detail_div {display:none;}

/* --- Fixa --- */

div.wp-caption { max-width: 600px; }

/* --- MEDIA --- */


@media only screen and (min-width: 640px) {
	body {
	width: 1000px;
	}

	#main {
	width: 940px; padding: 0 30px 0 30px; 
	}
	#content {
	width: 600px;
	margin: 0 30px 0 0;
	}

	.tt { width: 430px; }
	.fb { width: 600px; }

}

@media only screen and (min-width: 320px) and (max-width: 640px){
	body {
	width: 100%;
	}
	#main {
	padding: 0 2% 0 2%;
	}
	#content, #main { width: 96%; overflow: hidden;}
	
	div.mepr-price-box {
		float: none;
	}
	
	#header .container, #meny ul  { width: 100%; }
	#meny {
		padding: 0.5em 0;
		text-align: center;
		margin-top: 1em;
	}
	#meny ul li {
		float: none;
	}
	
	.post-content .size-full, .post-single .attachment-top-image-fb, .post-content.page-content {
		width: 100%;
		height: auto;
	}
	
	h1, h2 {
		font-size: 133%;
	}
	
	#logotyp img {
		width: 300px;
		height: auto;
	}

	div.right, #abar, #kbar, #lsbar, #sidebar, #shoutcast, #search, #top ul {
	display: none;
	}
	
	.wp-caption {
		max-width: 100% !important;
	}
	
	img.attachment-top-image-fb, img.size-medium, .size-top-image-hv {
		max-width: 100% !important;
		height: auto !important;
	}
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */