/*
Theme Name: Wanås
Theme URI: http://wordpress.org/
Description: The default Wanås theme.
Version: 1.0
Author: Daniel Andersson
Author URI: http://monkyboy.com
*/

body {
	font-family: 'Courier';
	font-size: 11px;
	line-height: 14px;
	color: #54311d;
	padding: 0 0 40px 0;
	margin: 0;
	background: #000 url('images/bg/4.jpg') 50% 0 no-repeat }

a {
	color: #54311d;
	text-decoration: none }

a.read-more {
	text-transform: uppercase }

a:hover {
	color: #096379 }


h1, h2, h3, h4 {
	color: #096379 }

h1 {
	padding: 0;
	margin: 0 }

br.clr {
	clear: both }

p.sort a {
	color: #54311d }

p.sort a:hover {
	color: #096379 }

.form {
	padding: 0;
	margin: 0 }

.form.calendar-form {
	width: 490px }

.form fieldset {
	clear: left;
	border: 0;
	padding: 0;
	margin: 0 }
	
	.rel-content .form fieldset {
		display: block;
		float: left }
	
.form fieldset label {
	display: block;
	float: left;
	width: 120px;
	padding: 7px 0 0 0;
	margin: 0 0 0 0 }

	.form.newsletter-form label {
		width: 120px }
	
	.rel-content .form.newsletter-form label {
		clear: left;
		padding-top: 0;
		width: 100px }
		
	.rel-content .form fieldset p input, .rel-content .form fieldset p textarea {
		padding: 2px 2px 2px 2px }
	
.form fieldset p.radio label {
	width: auto;
	float: left;
	padding: 2px 10px 0 4px;
	margin: 0 }

.form fieldset p input, .form fieldset p textarea {
	font: 11px 'Courier New';
	padding: 4px 4px 4px 4px }
	
.form fieldset p input.number {
	text-align: right }

.form fieldset p select {
	font: 11px 'Courier New';
	width: 60px;
	padding: 4px 4px 4px 4px }
	
.form.calendar-form fieldset p select {
	width: 244px;
	padding: 4px 4px 4px 4px }

.form fieldset p.radio input {
	float: left }

.form span.error {
	padding-left: 10px;
	font-style: italic;
	color: red }

	.rel-content .form span.error {
		display: block;
		float: left;
		padding: 0 0 5px 0; }

.form .success {
	display: none;
	float: left;
	width: 450px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	border: 2px solid green;
	color: green;
	font-weight: bold }
	
	.rel-content .form .success {
		width: 220px;
		padding: 5px 5px 5px 5px;
		margin-top: 10px;
		margin-bottom: 0;
		background: green;
		border: 0;
		color: #fff }
	
.center-container {
	position: relative;
	width: 750px;
	min-height: 790px !important;
	padding: 10px 46px 90px 46px;
	margin-left: auto;
	margin-right: auto;
	/*margin: 0 0 0 40px;*/
	background: #FFF }

.head {
	position: relative;
	width: 750px;
	height: 95px }
	
.sub .head {
	height: 112px }
	
.start .head {
	height: 95px }

.head .logo {
	position: absolute;
	left: 0;
	top: 10px;
	width: 46px;
	height: 44px;
	background: url('images/logo-wanas-3.gif') 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden }

.head .logo_new {
	position: absolute;
	left: 0;
	top: -2px;
	width: 56px;
	height: 56px;
	background: url('images/logo-wanas-4.jpg') 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden }

.head .main-menu, .head .second-menu, .head .language-selector, .head .sub-menu {
	text-transform: uppercase;
	position: absolute;
	list-style-position: inside;
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 }

.head .sub-menu {
	text-transform: none }

/*.head .main-menu {
	width: 750px }*/

.head .language-selector {
	text-transform: capitalize }

.head .main-menu ul, .head .sub-menu ul {
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	width: 750px }

.head .second-menu ul {
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 }

.head .main-menu li, .head .second-menu li, .head .language-selector li, .head .sub-menu li {
	white-space: nowrap;	
	display: block;
	float: left;
	width: auto; 
	padding: 0 6px 0 0;
	margin: 0 }

/*.head .main-menu li, .head .second-menu li, .head .language-selector li, .head .sub-menu li {
	white-space: nowrap;	
	display: inline;
	float: left;
 	width: auto; 
	padding: 0;
	margin: 0 }*/

.head .main-menu li a, .head .second-menu li a, .head .language-selector li a { }

.head .main-menu li a:hover, .head .second-menu li a:hover, .head .language-selector li a:hover { }

.head .main-menu li ul, .head .sub-menu li ul {
	/* display: none */ }

.head li.last {
	padding-right: 0 }

.head .main-menu {
	top: 63px;
	left: 0 }

.head .sub-menu {
	top: 80px;
	left: 0 }

.head .second-menu {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	top: 63px;
	right: 0 }

.head .language-selector {
	top: 40px;
	right: 0 }

.head .main-menu {}

.head .main-menu .page_item a, .head .second-menu .page_item a, .head .sub-menu .page_item a {
	color: #54311d }

.head .main-menu .page_item a:hover, .head .second-menu .page_item a:hover, .head .sub-menu .page_item a:hover {
	color: #096379 }

.head .main-menu .current_page_item a, .head .second-menu .current_page_item a, .head .main-menu .current_page_parent a, .head .sub-menu .current_page_item a, .head .sub-menu .current_page_parent a {
	color: #096379 }

.content {
	padding-bottom: 40px }

.content h1, .content h2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 9px 0 0 0 }

.content h2 {
	border-top: 2px solid #e4e4e4;
	background: url('images/border-dotted-1.png') 0 100% repeat-x;
	padding: 8px 0 7px 0 }

.content a {
	color: #096379 }

.content a:hover {
	color: #51301d }

.content ul {
	list-style-position: inside;
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 }

.content ul li {
	display: block;
	float: left;
	width: 235px;
	padding-right: 22px }

.content ul li img {
	width: 235px }

.content ul li.last {
	float: right;
	padding-right: 0 }

.content div.post {
	display: block;
	width: 490px;
	float: left }
	
	.content div.post.padding {
		padding-top: 10px;
		padding-bottom: 10px }
	
	.content div.post.full {
		width: 750px }

.content div.rel-content {
	clear: right;
	color: #fff;
	display: block;
	float: right;
	width: 243px;
	background: #54311d;
	margin: 0;
	padding: 0 }
	
	.content div.rel-content.first {
		margin: 36px 0 0 0 }
	
	.content div.rel-content.no-bg {
		padding-top: 0;
		padding-left: 0;
		padding-bottom: 12px;
		width: 237px;
		color: #54311d;
		background: #fff }
	
	.content div.rel-content li {
		padding: 4px 4px 4px 6px }
		
	.content div.rel-content.img li {
		background: #ffffff;
		width: 239px;
		padding: 0 4px 0 0 }
	
.content div.rel-content a {
	text-decoration: underline;
	color: #FFF }

.content div.rel-content a:hover {
	text-decoration: underline;
	color: #FFF }

.content .exhibition {
	width: 490px }
	
	.content .exhibition ul li {
		width: auto }

	.content .exhibition h2 {
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 0 0 0;
		border-top: none;
		background: none }

form fieldset .dfdfervbvb-asdas {
	border: 1px solid #c6c6c6;
	padding: 5px 0 5px 10px;
	background: #e5e5e5;
	width: 334px }

	form fieldset .dfdfervbvb-asdas label {
		width: auto;
		padding-right: 10px	}

.newsletter-form form fieldset .dfdfervbvb-asdas {
	width: 224px;
	padding: 5px 0 5px 5px;
	background: #895638;
	border-color: #391e0f;
	float: left }
	
.rel-content .newsletter-form form fieldset .dfdfervbvb-asdas label {
	padding: 5px 0 0 0;
	width: 114px; }
	

/*ul.artist-list {
	display: block;
	float: left;
	padding: 0 0 14px 0 }
	
	ul.artist-list li ul.artists {
		display: block;
		float: left;
		padding-bottom: 10px }
	
	ul.artist-list li {
		width: 600px }
	
	ul.artist-list li.head {
		height: auto;
		background: red }

ul.artist-list h4 {
	padding: 0;
	margin: 0 }

ul.artist-list a {
	color: #51301d;
	text-decoration: underline }

ul.artist-list a:hover {
	color: #096379;
	text-decoration: underline }*/


ul.artist-list {
	display: block;
	float: left;
	padding: 0 0 14px 0 }
	
	ul.artist-list.left {
		display: block;
		float: left;
		width: 230px }
	
	ul.artist-list.center {
		display: block;
		float: left;
		width: 230px }
	
	ul.artist-list.right {
		display: block;
		float: left;
		width: 230px }
	
	ul.artist-list li ul.artists {
		display: block;
		float: left;
		padding-bottom: 10px }
	
	ul.artist-list li {
		width: 200px }
	
	ul.artist-list li.head {
		height: auto;
		background: red }

ul.artist-list h4 {
	padding: 0;
	margin: 0 }

ul.artist-list a {
	color: #51301d;
	text-decoration: none }

ul.artist-list a:hover {
	color: #096379;
	text-decoration: none }


.col {
	display: block;
	float: left;
	width: 200px;
	padding-right: 10px }
	
	.col.left {}
	
	.col.center {}
	
	.col.right {
		padding-right: 0 }
	

.footer {
	width: 750px;
	position: absolute;
	bottom: 20px;
	margin-top: 20px;
	border-top: 2px solid #e4e4e4 }

.calendar-list, .press-list {
	width: 490px }
	
	.calendar-list ul li, .press-list ul li {
		width: 490px;
		padding: 0 0 15px 0 }
		
		.calendar-list ul li p, .press-list ul li p {
			padding: 0;
			margin: 0 }

.slide-show {
	display: block;
	float: left;
	padding: 0;
	overflow: hidden }

.start .slide-show {
	/* height: 300px !important; */
	width: 750px !important }

.sub .slide-show {
	padding: 0 0 15px 0;
	height: 209px !important;
	width: 750px !important }

.slide-show img {
	padding: 0;
	top: 0;
	left: 0 }

/*#slide-show {
	position: relative;
	height: 350px }

#slide-show img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8 }

#slide-show img.active {
	z-index: 10 }

#slide-show img.last-active {
	z-index: 9 }*/

/* SHOP */
.wpsc_container {
	background: red;
	display: none }

.productdisplay {
	position: relative;
	display: block;
	float: left }

	.productdisplay h2 {
		text-transform: none;
		background: none;
		border: 0;
		padding: 0;
		margin: 0;
		font-size: 12px;
		font-weight: bold }
	
	.productdisplay .imagecol {
		position:  static;
		padding: 0;
		margin: 0;
		display: block;
		float: left }
	
	.productdisplay .imagecol img {
		position:  static;
		border: 0 }

#tooltip{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	background: #FFF;
	padding: 10px 13px;
	color: #333;
	display: none }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0 }

.clearfix {
	display: inline-block }

html[xmlns] .clearfix {
	display: block }

* html .clearfix {
	height: 1% }