/*
Theme Name: SVEA Miljo
Theme URI: http://www.sveamiljo.se/
Description: Specialanpassat tema för sveamiljo.se.
Version: 1.1
Author: Mattias Tengblad
Author URI: http://eyesx.com/

	© Copyright 2009-2011 -  SVEA Miljö & Hygien AB
	Skapat av Mattias Tengblad - http://eyesx.com

*/


/********************
   GLOBAL ELEMENTS
*********************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link,
a:visited {
	color: #1079C3;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
h1 {
	font-size: 14px;
	margin-top: 0px;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.page_divider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 35px;
	padding-bottom: 35px;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	margin: 0px auto;
	display: block;
}
.alignright {
	margin-left: 10px;
	margin-bottom: 3px;
	float:right;
}
.alignleft {
	margin-right: 10px;
	margin-bottom: 3px;
	float:left;
}
.clearer {
	clear: both;
}
#wrapper {
	width: 950px;
	margin: 25px auto 0 auto;
}

/* END GLOBAL ELEMENTS */


/********************
   HEADER ELEMENTS
*********************/
#branding {
	height: 90px;
	background-image: url(images/logotyp.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 650px;
}
#branding a {
	height: 90px;
	width: 230px;
	display: block;
}
#login,
#logged-in {
	float: right;
	height: 90px;
	width: 234px;
	padding-right: 8px;
	font-size: 11px;
	color: #666;
}
#login {
	text-align: right;
}
#login form {
	margin: 0px;
	padding: 0px;
}
#login h4,
#logged-in h4 {
	font-size: 12px;
	color: #999;
	margin-top: 15px;
	margin-bottom: 4px;
	text-align: left;
	padding-bottom: 0px;
}
#logged-in .avatar {
	float: left;
	padding-right: 3px;
	margin-right: 5px;
	border-right: solid 1px #CCC;
}
#logged-in p {
	padding-top: 3px;
	margin: 0px;
}
#reminder,
#logout {
	font-size: 10px;
	font-weight: normal;
}
#login .login-input {
	font-size: 11px;
	color: #666;
	width: 110px;
	margin-bottom: 4px;
	border: 1px solid #CCC;
	padding: 1px;
}
#login #login-btn {
	background-color: #FFF;
	background-image: url(images/login-btn.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	height: 20px;
	width: 110px;
	border: 0px;
	font-size: 10px;
	cursor: pointer;
}
#navbar {
	clear: both;
}
#main-navbar {
	background-image: url(images/navbar.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 32px;
}
#search-frame {
	float: right;
	padding-right: 8px;
}
#search-frame form {
	margin: 0px;
	padding: 0px;
}
#search-frame #search-box  {
	font-size: 11px;
	color: #999;
	border: 0px;
	border: none;
	margin: 0px;
	width: 193px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	height: 22px;
	background-position: left top;
	float: left;
	padding-left: 10px;
	padding-top: 8px;
}
#search-frame #search-btn {
}
#main-navbar ul {
	float: left;
}
#main-navbar ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#main-navbar ul li {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
}
#main-navbar ul li {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
#main-navbar ul li a:link,
#main-navbar ul li a:visited {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0px 6px;
	color: #FFF;
	text-decoration: none;
}
#main-navbar ul li a:hover,
#main-navbar ul li.current_page_item a,
#main-navbar ul li.current_page_ancestor a {
	color: #9CC8FE;
}
#sub-navbar {
	font-size: 11px;
	height: 26px;
	background-image: url(images/sub-navbar.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0 8px;
}
#subnav-items, 
#subnav-items ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#subnav-items a:link,
#subnav-items a:visited {
	display: block;
	padding: 7px 10px;
	color: #333;
	padding-bottom: 8px!important;
}
#subnav-items a:hover {
	color: #1079C3;
	text-decoration: none;
}
#subnav-items li {
	display:block;
	float: left;
}
#subnav-items li ul li {
	width: 180px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
#subnav-items li ul li a:hover {
	background-color: #EFEFEF;
}
#subnav-items li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #E9E9E9;
	z-index: 999;
}
#subnav-items li:hover ul {
	left: auto;
	z-index: 999;
}
#subnav-items li:hover ul, 
#subnav-items li.sfhover ul {
	left: auto;
	z-index: 999;
}
#subnav-items li ul ul {
	margin: -27px 0 0 180px;
	z-index: 999;
}
#subnav-items, 
#subnav-items ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#subnav-items li:hover ul ul, 
#subnav-items li.sfhover ul ul {
	left: -999em;
	border-left: 1px solid #fff;
}
#subnav-items li:hover ul, 
#subnav-items li li:hover ul, 
#subnav-items li.sfhover ul, 
#subnav-items li li.sfhover ul {
	left: auto;
}
#subnav-items li:hover ul ul, 
#subnav-items li:hover ul ul ul, 
#subnav-items li.sfhover ul ul, 
#subnav-items li.sfhover ul ul ul {
	left: -999em;
}
#subnav-items li:hover ul, 
#subnav-items li li:hover ul, 
#subnav-items li li li:hover ul, 
#subnav-items li.sfhover ul, 
#subnav-items li li.sfhover ul, 
#subnav-items li li li.sfhover ul {
	left: auto;
}

/* END HEADER ELEMENTS */

/********************
  ACCORDION ELEMENTS
*********************/
/* Core */
.accordion { text-align: left; margin-bottom: 15px; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-left: 5%; text-align: left; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/* Basic */
.basic li > h2 { font-weight: normal!important; color: white; line-height: 32px; font-family: Arial, Helvetica, sans-serif;	font-size: 14px; text-shadow: 0px 1px 1px #666; }
.basic li > div p { margin: 10px; font-size: 12px; }
#accordionslider li div { background-repeat: no-repeat; background-position: left top; }
li.op1 div { background-image: url(images/op1-hygiensakring.jpg); }
li.op2 div { background-image: url(images/op2-hygienskola.jpg); }
li.op3 div { background-image: url(images/op3-skadedjurskontroll.jpg); }
li.op4 div { background-image: url(images/op4-miljoprovtagning.jpg); }
li.op5 div { background-image: url(images/op5-brandskydd.jpg); }
.op1 .slidertitle {	background-image: url(images/op1bg.png); }
.op2 .slidertitle {	background-image: url(images/op2bg.png); }
.op3 .slidertitle { background-image: url(images/op3bg.png); }
.op4 .slidertitle { background-image: url(images/op4bg.png); }
.op5 .slidertitle { background-image: url(images/op5bg.png); }
.slidertitle { background-repeat: repeat; }
.slider-op-links { display: block; height: 250px; }

/* END ACCORDION ELEMENTS */

/********************
  CONTENT ELEMENTS
*********************/

#content-wrapper {
	margin-top: 35px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	color: #666;
}
#main-content {
	width: 670px;
	padding-right: 10px;
	float: left;
	line-height: 16px;
	background-image: url(images/bg-snurra.png);
	background-repeat: repeat-y;
	background-position: right top;
}
#content-regions {
	margin-bottom: 30px;
}
#main-content a img {
	border: none;
}
#main-content p {
	margin-bottom: 20px;
}
.operation-box {
	font-size: 12px;
	clear: both;
}
.operation-box img {
	padding-right: 10px;
}
.news-post {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	margin-bottom: 15px;
}
h3.news-headline {
	font-size: 12px;
	color: #666;
	margin: 0px;
	padding-bottom: 3px;
}
.news-meta {
	font-size: 10px;
	color: #999;
}
.meta-date,
.user-meta,
.meta-icon-norr,
.meta-icon-ost,
.meta-icon-syd, 
.meta-icon-vast,
.meta-icon-other,
.post-edit {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	float: left;
}
.user-meta,
.meta-icon-norr,
.meta-icon-ost,
.meta-icon-syd, 
.meta-icon-vast,
.meta-icon-other,
.post-edit {
	margin-left: 8px;
}
.meta-date {
	background-image: url(images/clock.gif);
}
.user-meta {
	background-image: url(images/user.gif);
}
.meta-icon-norr {
	background-image: url(images/region-norr.gif);
}
.meta-icon-ost {
	background-image: url(images/region-ost.gif);
}
.meta-icon-syd {
	background-image: url(images/region-syd.gif);
}
.meta-icon-vast {
	background-image: url(images/region-vast.gif);
}
.meta-icon-other {
	background-image: url(images/region-all.gif);
}
.post-edit {
	background-image: url(images/edit.gif);
}
.post-tags,
#news-archive {
	display: block;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.post-tags {
	background-image: url(images/tags.gif);
	margin-top: 25px;
	font-size: 10px;
}
#main-content .operations {
	clear: both;
}
#main-content .operation-box img {
	margin-top: -6px;
}
#main-content .vcards {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
#main-content .svea-edu,
#main-content .svea-edu-dates,
#main-content .prod-info,
#main-content #product-info {
	padding: 15px;
	border: dashed 1px #ccc;
	margin-bottom: 25px;
	background-color: #f7f7f7;
	clear: both;
}
#main-content .svea-edu h2,
#main-content .svea-edu-dates h2,
#main-content #product-info p {
	font-size: 12px;
	line-height: 16px;
	background-image: url(images/information.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 20px;
	margin-top: 0px;
}
#main-content .product-img {
	padding: 3px;
	border: solid 1px #ccc;
}
#main-content .svea-edu p,
#main-content .svea-edu-dates p,
#main-content #product-info p {
	margin-bottom: 0px;
}
#main-content .product-post h2 {
	font-size: 12px;
}
#main-content .product-post {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: dashed #CCC 1px;
}
#main-content .screen-reader-text,
.kjo-link {
	display: none!important;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
#news-archive {
	background-image: url(images/news.gif);
}
.cform fieldset { background-color: #fff; }

/* END CONTENT ELEMENTS */


/********************
   SIDEBAR ELEMENTS
*********************/

#sidebar {
	width: 240px;
	float: right;
}
#sidebar a img {
	border: none;
}
#sidebar h2 {
	font-size: 14px;
	margin-top: 0px;
}
#sidebar .widget li {
	list-style-type: none;
	margin-left: 8px;
	padding-left: 16px;
	margin: 8px 0;
	background-image: url(images/li_bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#quick-menu h2 {
	/* Icon by Yusuke Kamiyamane - http://pinvoke.com/ */
	background-image: url(images/quick-menu-title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sidebar-news h2 {
	/* Icon by Yusuke Kamiyamane - http://pinvoke.com/ */
	background-image: url(images/news-title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#region-map h2 {
	background-image: url(images/map.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sidebar .top-widget h2 {
	/* Icon by Yusuke Kamiyamane - http://pinvoke.com/ */
	background-image: url(images/subs.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sidebar .top-widget {
	margin-bottom: 25px;
}
#sidebar ul {
	padding: 0px;
}
#sidebar .recent_entries ul li {
	list-style-type: none;
	margin-left: 5px;
	padding: 5px 4px 5px 20px;
	border-bottom: solid 1px #F0F0F0;
	background-image: url(images/post.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
#region-info {
	font-size: 11px;
	color:#666;
}
#jumpmenu select {
	width: 240px;
}
#quick-menu {
	margin-bottom: 35px;
}
#srating img {
	margin-top: 10px;
	padding-left: 35px;
}

/* END SIDEBAR ELEMENTS */


/********************
   FOOTER ELEMENTS
*********************/

#footer {
	margin-bottom: 25px;
	margin-top: 25px;
	font-size: 10px;
	color: #999;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(images/bg-footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 20px;
}
#footer #copynote {
	clear: both;
	padding-top: 25px;
	text-align: center;
}

/* END FOOTER ELEMENTS */