/* /*

R å d h u s e t s   J u l k a l e n d e r   2 0 0 9
http://www.radhusetsjulkalender.se/

© Copyright SOUL Design Richard Kennett AB, 2009. All rights reserved.

----------------------------------------------------------------------

*/

/* GLOBAL */
* { margin: 0; padding: 0; }

/* BODY */
body {        
	padding: 0px;
	margin: 0px;
	background: #a6a6a6;
	text-align: center;
}
/* FONT, FORMATS & RULES */
.t_center { text-align: center !important; }
.minispace { padding:10px 0px 5px 0px !important;margin:0; }
 
/* LINKS, COLORS & RULES */
a:active 	{ color: #d20101; }
a:hover,
a:hover *	{ color: #d20101 !important; /*text-decoration: underline !important;*/ }
a:link 		{ color: #000; text-decoration:none; }
a:visited 	{ color: #000; text-decoration:none; }
a img {
	border: 0;
}
a:focus {
	outline: none;
}


/* CONTAiNER & PAGEBODY */
div#container {
	width: 980px;
	background: #E6E3DC;
    margin: 0 auto;
}
div#container .pagebody 	{ clear: both; overflow: auto; margin: auto; padding-bottom: 250px; }

/* TiTLE */
div#title				{ float: left; width: 980px; height: 200px; background: transparent url(../images/header_logo.jpg) no-repeat; }
div#title .logo			{ float: left; display: inline; padding: 10px 0px 0px 20px; }
div#title .soul			{ float: left; display: block; clear: left; padding: 0px 0px 0px 20px; }
div#title .orebro		{ float: right; display: block; padding: 25px 20px 0px 0px; }

/* NAViGATION */
div#navigation .nav 					{ float: left; margin: 0 0 3px; width: 948px; }
div#navigation .npad					{ padding: 10px 10px 15px 15px; }
div#navigation .nav li a span 			{ padding:7px 15px 9px; } /* menu-navigation span class */
div#navigation .nav span.selected 	{ color: #d20101; }
div#navigation .nav					{ margin: 0; float: left; margin:0 0 3px 0; }
div#navigation .nav * 				{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; text-decoration: none; }
div#navigation .nav ul				{ padding: 0; background: transparent url(../images/nav_pipe.gif) no-repeat 0% 49%; }
div#navigation .nav li 				{ display: block; float: left; padding-top: 12px; position: relative; }
div#navigation .nav li.selected 		{ color: #d20101; border-bottom: 3px solid #000000; padding: 7px 0px  2px; position: relative; top: 5px; left: 0; }
div#navigation .nav li:hover 			{ border-bottom: 3px solid #000000; padding: 7px 0px  2px; position: relative; top: 5px; left: 0; }
div#navigation .nav li a 				{ border-bottom: 3px transparent; background: transparent url(../images/nav_pipe.gif) no-repeat scroll 100% 49%;  }
div#navigation .nav li.last a 			{ background: none; }
div#navigation .border 				{ position: relative; top: 28px; border-bottom:1px dotted #3C3934; }



/* 
COLUMNS, GRIDS & RULES 
	<div class="column c6 align_lt">
	Would give a box using the width of >c6<, left aligned with >align_lt< and tell it to be displayed as inline with >column<
*/
.column			{ display: inline; }
	/*GRiD: 157*6 = 942 (shadow on boxes are 9px width and padding from right/left 10px ~ 38px. 942+38 = 980 (site is 980px wide) */
	.c1			{ width: 157px; }
	.c2			{ width: 314px; }  
	.c3			{ width: 471px; }
	.c4			{ width: 628px; }  
	.c5			{ width: 785px; }
	.c6			{ width: 942px; }
	.cTot		{ width: 980px; }
	
.last			{ margin: 0 !important; } 			/* Prevents boxes from breaking line */
.align_lt		{ float: left; }
.align_rt		{ float: right; }
.cpad_lt		{ padding: 10px 5px 50px 14px; }	/* LEFT COLUMN-padding */
.cpad_rt		{ padding: 10px 14px 50px 5px; }	/* RIGHT COLUMN-padding */
.clear_lt		{ clear: left; }
.clear_rt		{ clear: right; }


/* shadowBox, shadowBox features & head/content/foot */
.sBox							{ float: left; margin-bottom: 20px; }

		/* shadowBox Head */
		.head					{ padding: 20px 20px 5px 20px; margin-left: 0; margin-right:0;}
		.head h4					{ font-size: 11px; white-space:nowrap; border-bottom: 1px #9D9C97 dotted; padding-bottom:8px; margin-right: 4px; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-weight: normal; }
		.head h4 a 				{ text-decoration:none;}
		.head h4 a:hover 		{ text-decoration:none;}


.sBox_features 						{ background: #fff url(../images/shdw_tl.gif) no-repeat; margin:0 0 20px 16px; }
.sBox_features .head 				{ background: transparent url('../images/shdw_tr.gif') no-repeat top right; text-align: left; padding: 20px 20px 5px 20px; margin: 0 0 0 2px; }
.sBox_features .content 				{ background: transparent url('../images/shdw_cr.gif') repeat-y top right; text-align: left; padding: 1px 20px; }
.sBox_features .content h4			{ font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-style: normal; line-height: normal; font-size: 24px; padding: 25px 0 0 2px; margin-bottom: 5px; }
.sBox_features .content h2			{ font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-style: normal; line-height: normal; font-size: 16px; padding: 25px 0 0 2px; margin-bottom: 5px; }
.sBox_features .content h3			{ font: bold 12px arial; padding: 0 4px; margin: 1.5em 0 -0.8em 0; }
.sBox_features .content p			{ font: 12px arial; text-align: left; white-space: wrap; line-height: 1.5em; margin:11px 0 0; padding: 0 3px; }
.sBox_features .content li 				{ font: 12px arial; text-align: left; white-space: wrap; line-height: 1.5em; margin: 3px 0 0; padding: 0 3px; }
.sBox_features .content p.indent		{ margin-top: 0px; line-height: 1.5em; text-indent:20px; }
.sBox_features .content p.clean		{ margin: 0; padding: 0 3px; line-height: 1.5em; }
.sBox_features .content span.marked	{ background: #f3f77f; }
.sBox_features .content p.strong		{ font-weight: bold; }
.sBox_features .content strong		{ font-weight: bold; }
/*.sBox_features .content img			{ display: block; position: relative; overflow: hidden; } /* 100% */
.sBox_features .content .img_cont	{ display: block; position: relative; padding: 0 0 0 2px; /* border: 5px solid #ccc; */ }
.img_desc	{ display: block; font-size: 11px !important; font-style: italic !important; }
.sBox_features .content p.notice		{ padding:5px 0 10px 0; margin:0; font: 10px/0.4em verdana; color: red; }
.sBox_features .content .links h4	{ font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-style: normal; font-size: 24px; padding: 10px 0px 10px 0px !important; margin:0 9px 0 0 !important; border-bottom: 1px dotted #ccc;  }
.sBox_features .content .links h2	{ font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-size: 12px; padding: 10px 0px 10px 10px !important; margin:0 9px 0 0 !important;  }

.sBox_features .foot 				{ background: transparent url('../images/shdw_br.gif') no-repeat bottom right; margin: 0 0 0 2px; padding: 8px; }


/* CUSTOMiZATIONS */
.sponsor_hand  { background: transparent url('../images/box.png') no-repeat bottom right; }
.c2 .content h4 { padding: 20px 5px 0px 2px !important; font: bold 18px arial !important; }

h1#ebutik {margin: 0px 0px 0px 40px;}
h1#ebutik a {
	text-align: center;
	width: 482px;
	height: 75px;
	display: block;
	text-indent: -9999px; 
	background: transparent url('../images/ebutik-kop.png') no-repeat 0 0; 
}
h1#ebutik a:hover { background-position: 0 -75px; }


/* READ MORE (next page) */
.sBox_features .foot p.next		{ font: bold 13px arial; text-align: right; padding: 0px 5px 10px; margin: 0.5em; }
.sBox_features .foot a 			{ text-decoration: none; color: #d20101; }
.sBox_features .foot a:hover		{ text-decoration: underline !important; color: #000 !important; }

/* Under the shadowbox */
.sBox_ucont						{ text-align: left; padding: 5px 10px; background: #E6E3DC; }
.sBox_ucont h4					{ font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-style: normal; font-size: 18px; }
.sBox_ucont p					{ font: 12px arial; margin-right: 11px; }
.sBox_ucont p.next				{ font: 12px arial; text-align: right; }
.sBox_ucont a					{ text-decoration: underline; }



/* SPONSORS */
div#sponsors { padding: 25px 0 0 0; }
div#sponsors .box { position: relative; width: 289px; height: 300px; float: left; }
div#sponsors .box .wrapper { height: 169px; position: relative; }
div#sponsors .box .wrapper img { position: absolute; bottom: 0; }
div#sponsors  .box .first { height: 155px !important; }
div#sponsors .box_rt { padding-left: 15px; width: 268px; }
div#sponsors p { margin: 0; padding: 2px 5px 15px 4px; }
div#sponsors a { }
div#sponsors .box h4 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-style: normal; font-size: 16px; margin:0; padding: 10px 0 4px 4px; }
div#sponsors img { }
div#sponsors .border_rt { border-right: 1px dotted #ccc; }
div#sponsors .border_bm { border-bottom: 1px dotted #ccc; }

/* SPONSORS - NEW 101008 */
	div#sponsorpaketet {
		width: 570px;
		margin: 10px 0 0 0;
		overflow: hidden;
		position: relative;
	}
	
	div#sponsorpaketet .wrapper {
		position: relative;
		border-bottom: 1px dotted #ccc;
		float: left;
		clear: both;
		background: url('../images/sponsorpaketBG.gif') repeat-y;
	}
		
	div#sponsorpaketet .box {
		width: 250px;
		padding: 15px;
		float: left;
	}
	
	div#sponsorpaketet .box h2 { 
		font: bold 16px arial; 
	}
	
	div#sponsorpaketet .box p { 
		font: normal 14px arial;
		margin: 0 0 20px 0;
	}
	
	div#sponsorpaketet .lastwrapper {
		border: none; margin-bottom: 20px;
	}



/* PRESS */
div#press_m			{ margin: 0; padding:0 0 15px 0; }
div#press_m .box		{ width: 280px; height: 50px; margin-left: -17px; }
/* div#press_m .box:hover { background: #ccc; } */
div#press_m .box_row	{ display: inline; float: left; margin-left: 20px; padding-right: 15px; }
div#press_m .box_row p {  }

/* PRiNT */ 
div#print { display: inline; float: right; position: relative; top: -30px; right: 5px; } /* float: right; display: inline; position: relative; top: -33px; right: 6px;*//*display: none !important;*/
div#print img { width: 25px; }

/* GALLERY SETTINGS */
	/* GALLERY: referensverk */
	div#g_refer 							{ padding: 20px 0 0 0; }
	div#g_refer .box_row					{ padding: 10px 0px; width: 600px; height: 115px; }
	div#g_refer .box_cont				{ text-align: center; width: 97px; display: inline; position: relative; float: left; }
	div#g_refer .box_cont img 			{ border: 1px solid #ccc; padding: 5px; width: 80px; height: 80px; display: inline !important; }
	div#g_refer .box_desc	 			{ font: .8em arial; padding: 0; text-align: center; color: #000; display: block; position: relative;  }
	div#g_refer .box_cont a img:hover 	{ border-color: #a6a6a6; }
	
	div#g_refer .box_row_konstverk		{ padding: 10px 0px; width: 600px; height: 155px; }
	div#g_refer .box_cont_konstverk		{ text-align: center; width: 97px; display: inline; position: relative; float: left; }	
	div#g_refer .box_cont_konstverk img	{ border: 1px solid #ccc; padding: 5px; width: 80px; height: 125px; display: inline !important; }
	
	/* GALLERY: press */
	div#g_press							{ padding: 0; margin: 0; }
	div#g_press .box						{ padding: 0; margin: 0; width: 266px; height: 100px; }
	div#g_press .box .box_cont			{ text-align: left; position: relative; display: inline; float: left; width: 290px; padding: 0 0 0 3px; }
	div#g_press .box .box_row			{ border-bottom: 1px dotted #ccc; float: left; position: absolute; top: 0pt; left: 92px; height: 91px; width: 170px; }
	div#g_press .box .box_cont img		{ border: 1px solid #ccc; padding: 5px; width: 80px !important; height: 80px !important; display: inline !important; }
	div#g_press .box .box_cont h4			{ margin:0; padding:10px 0px 2px 15px !important; font: bold 14px arial !important; }
	div#g_press .box .box_cont p			{ margin:0; padding:0px 0px 2px 16px; }

	

/* HOOVER IMAGES */
div#image_hover					{ padding: 10px 0px; }
a.rk_hover 						{ display: block; background: url("../images/rk_07-wide.jpg"); width: 604px; height: 311px; text-decoration: none; }
a:hover.rk_hover 				{ background-position: -608px 0; text-decoration: none;}

/* TOOLTiP */
#tooltip {
	position:absolute;
	border:1px solid #fff;
	background: #E6E3DC url("../images/tooltip_bg.gif") repeat-x;
	color:#fff;
	padding: 10px 10px;
	display:none;
	height: 20px;
}

/* PREViEW */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:10px;
	display:none;
	color:#fff;
	line-height: 2.5em;
}


/* SPONSORS TABLE */
#sponsorsT {
	margin: 10px 0 0 0;
	width: 300px;
	overflow: hidden;
}

#sponsorsT h1 { margin: 5px 0 15px 0; }

#sponsorsT .box {
	border-bottom: 1px solid #fff;
	text-align: center;
	float: left;
}

#sponsorsT .box, #sponsorsT .box a {
	width: 149px;
	height: 100px;
	vertical-align: middle; 
	display:table-cell; 
}

#sponsorsT .rb {
	border-right: 1px solid #fff;
}

#sponsorsT .box img, #sponsorsT .box a {
	border: medium none;
	text-decoration: none;
}



/* STiCKY FOOTER */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#container {padding-bottom: 110px;}  /* must be same height as the footer */

#footer {
display: none;
	} 
	/*
	position: relative;
	margin: -110px auto 0px auto; /* negative value of footer height *//*
	height: 110px;
	clear:both;
	background: #999;
	width: 980px;
	*/
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.pageTitle {
	font-size: 26px !important;
	line-height: normal !important;
	font-weight: bold !important;
}


#slideshowPlate {
	background: transparent url('../images/tempBG.jpg') repeat-x;
	text-align: center;
	height: 440px;
	width: 586px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
#slideshowPlate h2 {
	position: absolute;
	bottom: 5px;
	left: 25px;
	font-size: 26px;
	text-transform: uppercase;
}
#slideshowPlate h2 a {
	color: #fff;
	font-size: 26px;
}
#slideshowPlate h2 a:hover {
	color: #fff !important;
}
.trans {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
#slideshow {
	text-align: center;
	color: #fff;
	padding: 25px 0 0 0;
	margin: 0 auto 0 30px;
	overflow: hidden;
	width: 520px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#slideshowImagelist {
	width: 900px;
	margin-right: 0;
	height: 410px;
	position: relative;
	left: -180px;
}
.slideshowDesc {
	padding: 10px 0pt 20px;
	text-align: center;
	background: transparent;
}
.id {
	position: absolute;
	display: block;
	height: 50px;
	top: 285px;
	width: 15px;
	padding-right: 5px;
	float: left;
	color: #999;
	text-align: right;
	line-height: 21px;
}
.imgText {
	display: block;
	position: absolute;
	left: 25px;
	top: 285px;
	width: 135px;
	text-align: left;
	line-height: 21px;
}
.artist {
	font-style: italic;
}

/** Slideshow images **/
#slideshow img {
	display: block !important;
}
.sliderImage {
	float: left;
	width: 160px;
	height: 300px;
	margin-right: 20px;
	/*height: 258px;
	display: block;*/
	position: relative;
}
.sliderImage:last-child {
	margin-right: 0;
}
#slideshow .num0, #slideshow .num1, #slideshow .num3, #slideshow .num4 {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=35);
        -moz-opacity:0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
}
.littleTransparent {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
        filter: alpha(opacity=60) !important;
        -moz-opacity:0.6 !important;
        -khtml-opacity: 0.6 !important;
        opacity: 0.6 !important;
}
#next, #prev {
	display: block;
	position: absolute;
	top: 130px;
}
#prev {
	left: 3px;
}
#next {
	right: 9px;
}
.more-art {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
table.artists {
	margin-left: 5px !important;
}
table.artists, table.artists2 {
	border-collapse: collapse;
	margin: 10px 0 0 0;
	width: 500px;
}
table.artists thead th, table.artists2 thead th  {
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	border-bottom: 1px dotted #ccc;
	color: #666;
}
table.artists tr td, table.artists2 tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	padding: 5px 0 8px 0;
}
table.artists tr td.nr, table.artists2 tr td.nr {
	text-align: right;
	padding-right: 5px;
	color: #666;
	text-align: center;
}
table.artists2 tr td.nr {
	display: none;
}
table.artists tr td.name, table.artists2 tr td.name {
	padding-left: 5px;
}
table.artists tr.odd td, table.artists2 tr.odd td {
	background: #f7f7f7;
}
#blisponsor {
	
}
.smallText p {
	font-size: 11px !important;	
}