/*
Theme Name: Team Ortomed
Theme URI: http://ortomed.se/
Description: Tema skapat för Team Ortomed
Version: 1.0
Author: Calle Ekdahl
Author URI: http://cekdahl.com/
*/

div#header {
	padding: 10px 0;
	line-height: 35px;
}
div#header a {
	display: block;
	width: 400px;
}
div#header a h1 {
	font-size: 2em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
}
div#header a h1 span.green {
	color: #76886A;
}
div#header a h1 span.maroon {
	color: #6E0000;
}
div#header a span.small {
	color: #939393;
}
ul.topm {
	width: 100%;
	height: 36px;
	background-image: url(images/menubg.png);
	background-position: 0 -36px;
	background-repeat: repeat-x;
	z-index: 100;
	position: relative;
}
ul.topm li {
	float: left;
	position: relative;
}
ul.topm li a {
	color:#f0f0f0;
	display: block;	
	padding: 10px 20px;
	text-align:left;
}
ul.topm li ul li > a {
	padding: 10px 0 10px 10px;
}
ul.topm li ul a {
	background-color: #444444;
}
ul.topm li a:hover, ul.topm li a.selected, ul.topm li.sel a {
	background-color: #666666;
	background-image: url(images/menubg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}
ul.topm li ul a:hover {
	background-color: #666666;
	background-image: none;
}
ul.topm li.hidden {
	display: none;
}
ul.topm li ul li {
	width: 160px;
	float: left;
}
ul.topm li ul {
	width: 110px;
	background-color: #444444;
	opacity: .9;
	position: absolute;
}
ul.topm a.sf-with-ul {
	padding-right: 30px;

}
#body {
	padding: 10px 0;
}
#slideshow {
	margin: 0;
	height: 205px;
	overflow: hidden;
}
#slideshow img {
	width: 620px;
	height: 205px;
}
#body h2.page-title, #body #text h2 {
	font-size: 16px;
	line-height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	margin-bottom:0px;	
	padding: 10px;
	color:#414042;
}

#body #text h2.section-title {
	background-color:#E6E7E8;
	border:1px solid #E6E7E8;
	color:#414042;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:regular;
	margin-bottom:10px;
	padding:10px;
	text-transform:uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#body #text p, #body #text ul li, table tr td {
	color:#414042;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0 10px;
	margin-bottom: 20px;
}
#body #text ul {
	list-style-type: square;
	list-style-position: inside;
	margin: 0 0 20px;
}
#body #text ul li {
	margin: 0 0 15px;
}
#body #text ul.inline-menu {
	margin-bottom: 20px;
	border: 1px solid #DFDFDF;
	background-color: #F3EFEF;
	list-style-type: none;
	width: 100%;
}
#body #text ul.inline-menu li {
	float: left;
	padding: 10px;
	margin: 0;
}
#body #text a {
	color: #5C728D;
text-decoration: underline;

}
#body #text a:hover {
	color:#333333;
}

#body #map {
	width: 300px;
	height: 205px;
	margin-bottom: 10px;
}
#body #map-controller a {
	width: 149px;
	padding: 10px 0;
	float: left;
	color: #333333;
	text-align: center;
	border-bottom: 1px solid #333333;
}
#body #map-controller a.selected {
	border: 1px solid #333333;
	border-bottom: 1px solid #F3EFEF;
	background-color: #F3EFEF;
}
#body #map-description {
	color:#333333;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	margin-bottom: 5px;
	border: 1px solid #333333;
	border-top: none;
	background-color: #F3EFEF;
}
#body #map-description p.hidden {
	display: none;
}
#body #map-description a {
	color: #1F1FF0;
}
#body #sidebar-menu {
	margin: 0;
}
#sidebar-menu ul li {
	margin: 5px 0;
}
#sidebar-menu ul li.top {
	margin: 0;
}
#sidebar-menu ul li a {
	padding: 8px;
	display: block;
	background-color: #666666;
	color: #ffffff;
}
#sidebar-menu ul li a:hover {
	background-color: #939393;
}
.button {
	padding-top: 10px;
	text-align: center;
	line-height: 30px;
}
.button h2 {
	font-size: 25px;
}
.button a {
	padding: 30px 10px;
	display: block;
	color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.button a.teal {
	background-color: #99CCCC;
}
.button-small {
	padding-top: 10px;
	text-align: center;
	line-height: 30px;
}
.button-small a {
	padding: 20px 10px;
	display: block;
	color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.button-small a.orange {
	background-color: #FF9E50;
}
.button-small a.gray {
	background-color: #666666;
}
.button-small a.purple {
	background-color: #711171;
}
.button-small a.ltgreen {
	background-color: #8EA66A;
}

#sidebar h2 {
	border-bottom:1px solid #DFDFDF;
	color:#444444;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:8px;
}
#sidebar h2 a {
	color: #444444;	
}
#sidebar h2 a:hover {
	text-decoration: underline;
}
#sidebar h2 img.rss-icon {
	position: relative;
	top: 2px;
}
#news ul li a {
	color: #444444;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px;
	display: block;
	font-size: 12px;
}
#news ul li a:hover {
	color: #222222;
}
#news ul li a p {
	display: inline;
}
p.footer-text {
	font-size:12px;
	margin:20px 0;
	text-align:right;
	color: #444444;
}
div.hr {
	width: 100%;
	height: 1px;
	background-color: #999999;
	margin-bottom: 20px;
}
/* WP Image classes */
img.alignright {
	float: right;
	padding: 0 0 10px 10px;
}
img.alignleft {
	float: left;
	padding: 10px 10px 0 0;
}

/* Page template, fotortoser */
#body #text div#fotortoser p, #body #text div#fotortoser, #body #text div#fotortoser p a {
	background-color: #333333;
	color: #ffffff;
	padding-bottom: 20px;
	text-align: center;
}
div#fotortoser img {
	width: 620px;
}
div#fotortoser img.small {
	width: 190px;
}
div#fotortoser img.middle {
	margin: 0 20px;
}

/* Comment */

.commentlist li {
	font-weight: bold;
	font-size: 12px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

#body #text ol.commentlist p {
	font-weight: normal;
	text-transform: none;
	padding: 0;
	margin-top: 10px;
	}


.commentmetadata {
	font-weight: normal;
	}
	
/* Price table */
#body #text table tr td span.title {
	font-weight: bold;
}
#body #text table tr td span.description {
	font-size: 10px;
}
#body #text table tr td {
	padding-bottom: 10px;
}

/* Contact form stuff */
.contact-form-left, .contact-form-right {
	width: 300px;
	float: left;
}
.contact-form-left input, .contact-form-right input, .contact-form-left textarea, .contact-form-right textarea {
	width: 260px;
}