/* #Skin
================================================= */

/* Logo */

#site-title {
max-width: 253px; /* Logons storlek */
max-height: 75px;
}
#site-title a img {
	width: 253px;
	height: 75px;
}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h1#site-title{
			margin: 0 auto;
		}
	}

/* Background */

body {
	background-color: #ede5de;
	background-image: url(/assets/smresponsive/images/bkgs/bedge_grunge_dirt.png);
}
body.backgroundStretch {
	background-color: #ede5de;
	background-image: none;
}
.wrap {
	background-color: #ede5de;
	background-image: url(/assets/smresponsive/images/bkgs/bedge_grunge_sand.png);
}
.backgroundStretch .wrap {
	background-color: transparent;
	background-image: none;
}
#colophon{
	background-color: #8c5238;
	background-image: url(/assets/smresponsive/images/bkgs/bedge_grunge_soil.png);
	border-top: none;
}
#colophon #footer-base {
	background-color: #8c5238;
	background-image: url(/assets/smresponsive/images/bkgs/bedge_grunge_dirt.png);
}



/* Colours
======================================================== */
body,
.single p,
.post p,
.post-meta, .post-meta a, .post-meta time
 {
	color: #8c5238;
}
h1, h2, h3, h4, h5, h6,
h1.page-title,
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6,
.drop-panel h3,
.drop-panel,
.drop-panel .tagline,
.portfolio h1 {
	color: #b77125;
}
.sidebar aside,
.sidebar aside p {
	color: #8c5238;
}
.sidebar aside h1, .sidebar aside h2 {
	color: #b77125;
}
.sidebar aside h3, .sidebar aside h4, .sidebar aside h5, .sidebar aside h6 {
	color: #b77125;
}

blockquote,
blockquote p,
.single blockquote p,
blockquote:before, blockquote:after,
.tagline,
.tagline p,
p.tagline  {
	color: #8b5037;
}
.mosaic .feature-column {
	color: #8b5037;
}
#sub-title,
#main p a,
#main a,
.sidebar p a,
.sidebar a,
.sidebar p a:visited,
.sidebar a:visited,
.sidebar p a:hover,
.sidebar a:hover,
a.excerpt-link,
.post-meta a.post-category,
#tweet a
{
	color:#b77125;
	font-style: normal;
}
#main p a:hover, #main a:hover {
	color: #8c5238;
}
.sidebar aside ul.link-list li a, .sidebar aside ul.link-list li a:visited{
	color:#8b5037;
}
ul.link-list li a:hover{
	color:#b77125 !important;
	border-left:4px solid #b77125;
}
.contact-form label{
	border-bottom-color: #b77125;
}
#colophon .footer-upper{
	border-top-color: #e87500;
}
#colophon {
	color: #ede5de;
}
#colophon a, #colophon a:visited {
	color: #aba29c;
	text-decoration: none;
}
#colophon a:hover, #colophon a:active {
	color: #ede5de;
}
#colophon .footer-upper h1, #colophon .footer-upper h2, #colophon .footer-upper h3, #colophon .footer-upper h4 {
color: #eee7e0;
}
#colophon .footer-upper h3, #colophon .footer-upper h4 {
color: #d08636;
}
#colophon #footer-base, #colophon #footer-base a, #colophon #footer-base a:visited {
	color: #aba29c;
}
.pp_details {
	color: #332919;
}

/* #Fonts & Typography
======================================================== */

/* Body copy font */
body {
	font: 14px/21px Arial, Helvetica, sans-serif;
	font-weight: 400;
}

/* Header font etc */
h1,
h2,
h3,
h4,
h5,
h6,
.bloglist article h1,
h1.page-title,
h2.page-title,
.portfolio h1, 
.sidebar h2, .sidebar h3, .sidebar h4,
#colophon h2, #colophon h3, #colophon h4,
.tagline,
.intro,
.portfolio .portfolio-by,
.portfolio .portfolio-excerpt,
.author-bio-blurb,
h5.sub-page-title,
.portfolio-item.single .post-content,
#tweet,
.serif,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
#tweet::before,
#main-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
}
h1, h2, h1.page-title, h2.page-title, #colophon h3, .feature-column h3,
blockquote, blockquote p, blockquote:before, blockquote:after,
.post-content .tagline {
	text-transform: none;
	font-family: Times, 'Times New Roman', Georgia, serif;
	font-style: italic;
}
h4, h5, h6, .bloglist article h1 {
	text-transform: uppercase;
}
.sixteen .tagline {
font-family: "futura-pt-n4", "futura-pt", Futura, Futura-Medium, "Futura Medium", 'Open Sans', 'Century Gothic', Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
h1, h1.page-title { font-size: 39px; line-height: 52px; margin-bottom: 14px;}
h2, #colophon h3, .feature-column h3 { font-size: 27px; line-height: 41px; margin-bottom: 12px; }
h3, #colophon h4, aside h2, .sidebar h2, .four.columns h4, .bloglist article h1{ font-size: 14px; line-height: 30px; /* margin-bottom: 10px; margin-top: 20px; */ text-transform: uppercase; font-style: normal;  }
.drop-panel h3 { line-height: 1.5em;}
h4, aside h3, .sidebar h3, .portfolio h1 { font-size: 14px; line-height: 21px; margin-bottom: 8px; text-transform: none; font-style: italic; }
h5, aside h4, .sidebar h4 { font-size: 12px; line-height: 21px; margin-bottom: 6px; text-transform: none;  }
h6, aside h5, .sidebar h5 { font-size: 11px; line-height: 21px; margin-bottom: 4px; text-transform: uppercase; }

aside h2, .sidebar h2 { margin-top: 0; }
.post h3 { margin-top: 0; margin-bottom: 0; }

strong { font-weight: 700; }

aside p { font-size: 95%; }

.mosaic .feature-column {
	font-size: 100%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
 
sup {
  top: -0.5em;
}
 
sub {
  bottom: -0.25em;
}
.excerpt-link {
border-bottom: none;
}
#main .blog-navigation a {
	display: inline-block;
	text-align: center;
	padding: 5px;
	width: 20px;
	height: 20px;
	background-color:rgba(0,0,0,.3);
	color: #8b5037;
}
#main .blog-navigation a:hover {
	background-color:rgba(0,0,0,.9);
}
#main .blog-navigation a.active {
	background-color:rgba(0,0,0,.9);
	color: #b77125;
}
#colophon #footer-base {
	font-style: normal;
}


blockquote, blockquote p {
	font-size: 1.5em;
}
.link-list .post-meta {
	float: none;
	border: none;
}

.bloglist .post-excerpt {
font-size: 1em;
}
.post-meta a, .post-meta time {
text-transform: none;
font-weight: normal;
}
.address {
	font-style: normal;
}
/* Startsida */
.sixteen .tagline { 
	font-size: 40px;
	text-transform: uppercase;
	padding: 0;
	margin-top: 1em;
}
/* Drop panel */
.drop-panel .tagline {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}

/* Form font */
input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
	font-family: Arial, Helvetica, sans-serif;
}


/* Buttons
======================================================== */

/* Standard button with gradient */
/*
.button,
a.button,
.sidebar a.button,
.sidebar p a.button,
#main a.button,
#main p a.button,
input[type="submit"].button,
input[type="reset"].button,
input[type="button"].button,
#colophon a.button, #colophon a.button:visited {
	font-family: "futura-pt-n4", "futura-pt", Futura, Futura-Medium, "Futura Medium", 'Open Sans', 'Century Gothic', Arial, sans-serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: none;
	text-shadow: none;
	background-color:#553e32;
	border:none;
	font-weight: bold;
	color:#ea9c48;
	text-transform: uppercase;
}
.button:hover,
a.button:hover,
.sidebar a.button:hover,
.sidebar p a.button:hover,
#main a.button:hover,
#main p a.button:hover,
input[type="submit"].button:hover,
input[type="reset"].button:hover,
input[type="button"].button:hover,
.button.portfolio-selected,
a.button.portfolio-selected,
#main a.button.portfolio-selected,
#colophon a.button:hover {
	background-color:#b77125;
	color:#ede5de;
	border:none;
	text-decoration: none;
}
*/
/* Standard button with transpacency */
.button,
a.button,
.sidebar a.button,
.sidebar p a.button,
#main a.button,
#main p a.button,
input[type="submit"].button,
input[type="reset"].button,
input[type="button"].button,
#colophon a.button, #colophon a.button:visited {
	font-family: 'Arial Black', 'Arial BOld', Arial, Helvetica, sans-serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: none;
	text-shadow: none;
	background-color:#553e32;
	background-color: rgba(255,255,255,0.5);
	background-image: none;
	border:none;
	font-weight: bold;
	color:#b77125;
	color:rgba(183,113,37,0.8);
	text-transform: uppercase;
}
.button:hover,
a.button:hover,
.sidebar a.button:hover,
.sidebar p a.button:hover,
#main a.button:hover,
#main p a.button:hover,
input[type="submit"].button:hover,
input[type="reset"].button:hover,
input[type="button"].button:hover,
.button.portfolio-selected,
a.button.portfolio-selected,
#main a.button.portfolio-selected,
#colophon a.button:hover {
	background-color:#b77125;
	background-color:rgba(183,113,37,0.8);
	background-image: none;
	color:#f1ede7;
	border:none;
	text-decoration: none;
}
/* Buttons in footer */
#colophon a.button, #colophon a.button:visited {
	background-color:#1c1714;
	background-color: rgba(0,0,0,0.3);
	color:#b77125;
	color:rgba(183,113,37,0.9);
}
#colophon a.button:hover {
	background-color:#b77125;
	background-color:rgba(183,113,37,0.6);
	color:#ede5de;
	border:none;
	text-decoration: none;
}
/* Buttons in drop panel */
.drop-panel a.button, .drop-panel a.button:visited {
	background-color:#b77125;
	background-color:rgba(183,113,37,0.6);
	color:#ede5de;
}
.drop-panel a.button:hover {
	background-color:#b77125;
	color:#ede5de;
	border:none;
	text-decoration: none;
}
/* Zoom button */
.button.zoom, #colophon a.button.zoom {
	background-color: rgba(0,0,0,1);
}
/*
.button.zoom:hover, #colophon a.button.zoom:hover {
	background-color:#b77125;
	background-color:rgba(183,113,37,0.6);
	opacity: 1;
	filter:alpha(opacity=100);
}
*/

/* Dividers, checkmarks etc
======================================================== */

hr {
	border: dashed #cab3a6;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}
hr.mini {
	width: 30%;
	margin: 0 auto 2.6em auto;
	height: 45px;
	border: none;
	background:transparent url(/assets/smresponsive/images/swirl.png) 50% 50% no-repeat;
}
.divider{
	background:transparent url(/assets/smresponsive/images/swirl.png) 50% 50% no-repeat;
	height:45px;
	display:block;
	margin:10px auto;
	margin-bottom:0;
}
aside .divider{
	background:transparent url(/assets/smresponsive/images/swirl.png) 50% 50% no-repeat;
	height:45px;
	width: 170px;
	display:block;
	margin:10px 0 10px 0;
}
.post-content ul, ul.checkmark {
	list-style-image: url(/assets/smresponsive/images/icons/tick_flower2.png);
}
.row ul {
	padding-left: 25px;
	list-style-image: url(/assets/smresponsive/images/icons/tick_flower2.png);
}
.post-meta {
	border-bottom: 1px dashed #cab3a6;
}
ul.link-list{
	border-top:1px dashed #cab3a6;
}
ul.link-list li{
	border-bottom:1px dashed #cab3a6;
}
.bloglist article {
	border-bottom:none;
}
.blog-layout article {
	background-image: none;
}
.fleuron {
	background:transparent url(/assets/smresponsive/images/fleuron.png) 50% 50% no-repeat;
	height: 69px;
	display: block;
	margin: 10px auto;
	margin-bottom: 30px;
}
.single header {
	background-image: none;
	margin-bottom: 0;
}
.sidebar aside {
	background-image: none;
	padding-top: 0em;
}

/* Navigation
======================================================== */

nav#main-nav {
	bottom: 15px;
}
nav#main-nav > ul > li > a {
	border-top: none;
}
nav#main-nav ul li a {
	color: #8b5037;
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
}
nav#main-nav > ul > li:hover > a,
nav#main-nav > ul > li > a:hover {
	color: #b77125;
}
nav#main-nav > ul li {
	margin: 0 0.5em;
}
nav#main-nav > ul > li.current > a {
	color: #b77125;
}
/* Fly-outs */
nav#main-nav > ul li ul {
	background-color: rgba(255,255,255,.6);
}
nav#main-nav ul ul li {
	border-bottom: 1px solid rgba(237,230,224,.6);
}
nav#main-nav ul ul li a:hover{
	color:#b77125;
	background-color:#332919;
	background-color: rgba(255,255,255,.6);
}	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		nav#main-nav ul.nav-menu, nav ul.nav-menu {
			background: #f7f4f1;
		}
		nav ul.nav-menu li ul,
		nav#main-nav ul.nav-menu li ul{
			background:#f3efeb;
		}
	}
	
	
/* Icons and tooltip */

.facebook-icon { background-image: url(/assets/smresponsive/images/icons/facebook_black.png); }
.twitter-icon { background-image: url(/assets/smresponsive/images/icons/twitter_black.png); }
.youtube-icon { background-image: url(/assets/smresponsive/images/icons/youtube_black.png); }
.vimeo-icon { background-image: url(/assets/smresponsive/images/icons/vimeo_black.png); }
.weather-icon { background-image: url(/assets/smresponsive/images/icons/weather_black.png); }

.drop-bar a.social-media {
	opacity: .2;
}

.tooltip {
	background: rgba(255,255,255,.6) none;
	color: #8c5238;
	font-weight: 500;
	text-transform: uppercase;
}

.tooltip-anchor:hover,
.tooltip-container:hover .tooltip-anchor{
	background-color:#fff;
	background-color:rgba(255,255,255,.6);
}
/* Language selector */

.languageSelector {
	color: rgba(0,0,0,0.6);
}
.active .languageSelector {
	color: rgba(0,0,0,1);
}
.languageSelector:hover, .active .languageSelector:hover {
	color: rgba(0,0,0,1);
}

/* Tables
======================================================== */

table{
	border:none;
	background-color: rgba(255,255,255,.3);
	background-image: none;
	font-size: 85%;
	margin-top: 1em;
}
table th, table caption{
	background-image: none;
	background-color: rgba(255,255,255,.3);
	border:none;
	text-transform: none;
	color: #8c5238;
	text-align:center;
	font-weight: normal;
	padding:3px 6px 3px 6px;
}
table td{
	border:1px dashed #cab3a6;
	padding:3px 6px 3px 6px;
}
.justifyright { text-align: right; }
.justifyleft { text-align: left; }

/* Forms
======================================================== */

.alert-warning {
	border: 1px solid #DDB723;
	background: #FFEA73 url(/assets/smresponsive/images/icons/warning.png) 15px 13px no-repeat;
	color: #332919;
}
#main .alert-warning h6 {
	color: #332919;
}

/* Tiny MCE
======================================================== */

body.mceContentBody, .cirkuitSkin iframe, .cirkuitSkin iframe html /* TinyMCE */ {
	background-color: #fff;
	color: #000;
	background-image: none;
}