/*  
Theme Name: Fars & Frosta Sparbank Arena
Description: Version 2 - Uppdaterad: 090203
Version:  v2.0
Author: SevenSix
Author URI: http://www.sevensix.se
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Colors:
#c0c0c0	grey
#FF6B01	orange
*/


body {
	background: #000 url('bilder/background-arena.jpg') no-repeat top center;
	color: #656563;
	font: 8pt Verdana;
}

a:link, a:visited	{ color: #656563; text-decoration: none; font-weight: bold; }
a:hover, a:active	{ color: #656563; text-decoration: underline; }

strong	{ font-weight: bold; }
hr		{ height: 1px; margin-top: 12px; background-color: #c0c0c0; border: 0; }

h3.evenemang { height: 18px; padding: 2px 0 0 22px; }
h3.Sport	{ background: url('bilder/icon-sport.gif') no-repeat top left; }
h3.Musik	{ background: url('bilder/icon-musik.gif') no-repeat top left; }
h3.Teater	{ background: url('bilder/icon-teater.gif') no-repeat top left; }
h3.Dans		{ background: url('bilder/icon-dans.gif') no-repeat top left; }
h3.Ovrigt	{ background: url('bilder/icon-ovrigt.gif') no-repeat top left; }


#wrapper { width: 826px; margin: 10px auto 0 auto; padding: 0; text-align: left; background-color: #F6F5F1; }

#head, #menu, #content {	border-top: 1px Solid #fff; border-bottom: 1px Solid #d4d4d2; }

#head		{ float: left; height: 96px; }

#menu		{ float: left; width: 802px; padding: 6px 12px; font-size: 7pt; }
#menu a		{ text-decoration: none; }
#menu a:focus, #menu a:active, #menu a:hover {	color: #ff6b01;	outline: none; }
#menu ul li	{ float: left; padding: 0 10px; border-left: 1px Solid #c0c0c0; text-transform: uppercase; }
#menu ul li:first-child			{ padding: 0 12px 0 0; border: 0; }
#menu ul li.current_page_item  a	{ color: #ff6b01; }

#content 	{ float: left; width: 802px; padding: 0 12px 12px 12px; }

#main			{ float: left; width: 630px; }
.main-box		{ float: left; width: 628px; margin-top: 12px; border: 1px solid #c0c0c0; background-color: White; }
.main-img-full	{ float: left; width: 628px; }

.main-content		{ float: left; padding: 0 12px 12px 12px; }
.main-content-column{ float: left; width: 296px; padding-bottom: 12px; margin: 0 0 0 12px; }

.main-content p, .main-content-column p		{ margin-top: 12px; }
.main-content em, .main-content-column em	{ font-style: italic; }
.main-content ul, .main-content-column ul		{ margin-top: 12px;}
.main-content ul li, .main-content-column ul li	{ margin-left: 20px; list-style-type: disc; }
.main-content ol, .main-content-column ol		{ margin-top: 12px; }
.main-content ol li, .main-content-column ol li	{ margin-left: 20px; list-style-type: decimal; }

#breadcrumb				{ float: left; width: 604px; margin: 0 12px; padding: 12px 0; border-bottom: 1px solid #c0c0c0; }
#submenu				{ float: left; width: 604px; margin: 0 12px; padding: 12px 0; border-bottom: 1px solid #c0c0c0; }
#submenu ul li				{ float: left; padding: 0 10px; border-left: 1px Solid #c0c0c0; }
#submenu ul li:first-child	{ padding: 0 10px 0 0; border: 0; }

#events				{ height: 258px; background: #000 url('bilder/main-events-bg.jpg') no-repeat top center; }
#events	.event		{ float: left; margin: 16px 0 0 0; padding: 10px 10px 10px 26px; width: 168px;  }
#events	.event h3 	{ height: 55px; }
#events	.event img	{ width: 170px; }


#evenemang-index				{ float: left; width: 604px; }
#evenemang-index ul				{ margin-top: 12px; }
#evenemang-index ul li				{ float: left; height: 18px; margin: 0 0 0 25px; padding: 2px 0 0 25px; list-style-type: none; }
#evenemang-index ul li.alla		{ margin: 0; padding-left: 0; }
#evenemang-index ul li.sport		{ background: url('bilder/icon-sport.gif') no-repeat top left; }
#evenemang-index ul li.musik		{ background: url('bilder/icon-musik.gif') no-repeat top left; }
#evenemang-index ul li.teater		{ background: url('bilder/icon-teater.gif') no-repeat top left; }
#evenemang-index ul li.dans		{ background: url('bilder/icon-dans.gif') no-repeat top left; }
#evenemang-index ul li.ovrigt		{ background: url('bilder/icon-ovrigt.gif') no-repeat top left; }

#evenemang-lista				{ float: left; width: 604px; }
#evenemang-lista ul				{ margin: 0; }
#evenemang-lista ul li				{ margin: 12px 0 0 0; width: 100%; list-style-type: none; }

#evenemang-single		{ float: left; width: 604px; margin-top: 12px; }
#evenemang-single img	{ float: right; margin: 12px 0 12px 12px; } 

#nyheter-lista ul		{ float: left; margin: 0; }
#nyheter-lista ul li		{ float: left; margin: 12px 0 0 0; list-style-type: none; }
#nyheter-lista ul li.nyhet	{ padding-bottom: 12px; border-bottom: 1px solid #c0c0c0; }

#nyheter-single			{ float: left; margin-top: 12px; }
#nyheter-single img		{ float: right; margin: 12px 0 12px 12px; } 


#sub_menu {
	padding: 6px 12px 6px 12px;
	width: 580px;
	height: 12px;
	font: 7pt Verdana;
	font-weight: bold;
	color: #656563;
	border: 1px Solid #d4d4d2;
	margin: 12px;
}
#sub_menu ul 	{ margin: 0; padding: 0; list-style: none; }
#sub_menu li	{ float: left; padding: 0 12px 0 12px; border-left: 1px Solid Silver; text-transform: uppercase; }
#sub_menu a	{ text-decoration: none; }
#sub_menu a:focus, #wrapper_menu a:active, #wrapper_menu a:hover { color: #ff6b01; outline: none; }
#sub_menu .default	{ padding: 0 12px 0 0; border: 0; }
#sub_menu .active  a	{ color: #ff6b01; }



#sidebar		{ float: left; width: 160px; margin-left: 12px; }
.sidebar-box	{ width: 158px; margin-top: 12px; border: 1px solid #c0c0c0; }

#facebook		{ width: 160px; margin-top: 12px;}

#shortcuts		{ height: 119px; padding-top: 9px; background: #000 url('bilder/sidebar-shortcuts-bg.jpg') no-repeat top center; }
#shortcuts img	{ margin: 15px 0 0 15px; }

#boka-nu		{ float: left; }
#boka-nu img	{ float: left; width: 158px; }

#facebook		{ float: left; }

#kalender						{ float: left; width: 138px; padding: 10px; background-color: white; font-size: 7pt; }
#kalender table					{ width: 138px; text-align: center; cursor: default; }
#kalender table tr th				{ padding: 4px 0; font-weight: bold; text-align: center; }
#kalender table tr td				{ padding: 4px 0; text-transform: uppercase; }
#kalender table tr td.datum a		{ width:100%; height:100%; display:block; }
#kalender table tr td.datum a:hover	{ width:100%; height:100%; display:block; text-decoration: none; } 
#kalender table tr td.datum a:visited{ width:100%; height:100%; display:block; text-decoration: none; }
#kalender table tr td.bokat			{ background-color: #bbb; cursor: pointer; }
#kalender table tr td.bokat:hover	{ background-color: #FF6B01; }
#kalender table tr td.bokat a		{ color: White; }

#huvudpartners		{ float: left; width: 158px; text-align: center; }
#huvudpartners img	{ margin-top: 24px; }

#partners			{ background: #000 url('bilder/sidebar-yellow-bg.jpg') no-repeat top center; }
#partners img		{ margin: 16px 0 15px 16px; }

#partners-list		{ float: left; }
#partners-list table	{ width: 100%; }
#partners-list table tr th { padding-top: 36px; }
#partners-list table tr th.logepartners { padding-top: 18px; }
#partners-list table tr td { padding-top: 18px; }

#foot			{ clear: both; padding: 12px 0;	border-top: 1px Solid #fff; text-align: center; }

#foot a			{ color: #bbb; font-weight: normal; text-decoration: none; }

#felmeddelande		{ text-align: center; padding: 48px 0; font-weight: bold; }
#felmeddelande h2	{ font-size: 16pt; padding-bottom: 20px; }

.clear			{ clear: both; }
.clear-border	{ clear: both; width: 604px; height: 12px; border-top: 1px solid #c0c0c0; }
.center			{ text-align: center; }
.right			{ float: right; }
.left			{ float: left; }
.orange			{ color: #FF6B01; }
.bold			{ font-weight: bold; }
.alignright		{ float: right; margin: 0 0 12px 12px; }
.alignleft		{ float: left; margin: 0 12px 12px 0; }

