/* Start of CMSMS style sheet 'layout' */
		/*	-------------------------------------------------------------
			KulturOrgan Skadinaujo
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			Beskrivelse:	Hovedramme
			Filnavn:		layout.css
			Versjon:		1
			Dato:			24. november, 2007
			Design:			Vegard Chapman
			-------------------------------------------------------------	
			Fargeskjema:	595441 B9B09D FFFFFF 69BFDE 4A8797
							Garcia Sola landscape's
							
							468966 FFF0A5 FFB03B FFB03B FFB03B
							Firenze
		
			-------------------------------------------------------------
			Form
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
			body 
				{
					text-align: center;
					margin: 0;
					background:url(uploads/sys_img/bg_svart3.GIF) repeat-x;
				}

			#yttre_ramme 
				{
					width:960px;
					margin:0 auto;
					text-align:left;
					/*background-color:#f2f2f2;*/
				}
			
			.padding { padding-top:10px;}
			
			#lugu { background-image:url(uploads/sys_img/lugu.jpg); background-repeat:no-repeat; height:100px; width:239px;}
			
	 	/*	-------------------------------------------------------------
			Meny
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			#navlist
				{
					margin: 0;
					padding: 0 0 20px 10px;
					border-bottom: 1px solid #000;
				}
				
			#navlist ul, #navlist li
				{
					margin: 0;
					padding: 0;
					display: inline;
					list-style-type: none;
				}
				
			#navlist a:link, #navlist a:visited
				{
					float: left;
					line-height: 14px;
					font-weight: bold;
					margin: 0 10px 4px 10px;
					text-decoration: none;
					color: #999;
					border-bottom:0px;
				}
				
			#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
				{
					border-bottom: 4px solid #000;
					padding-bottom: 2px;
					background: transparent;
					color: #000;
				}
				
			#navlist a:hover { color: #000; }

	 	/*	-------------------------------------------------------------
			Kolonner
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


			/*---------------------------------------------
							Two Columns Layout
			---------------------------------------------*/			
					.TopLump
						{
							float:left;
						}
					
					#TwoCols
						{
							overflow:hidden;
							width:960px;
						}
						
					#LeftCol
						{
							width:775px;
							border-right:775px solid #FFf; /*sjokkrosa*//* The width and color of the rail */
							margin-right:-775px; 
							float:left;
						}
						
					#RightCol
						{
							width:185px;
							float:left;
						}		
											
					.RightCol
						{
							border-left:1px solid #ccc;
							padding-left:10px;
						}

			/*---------------------------------------------
							Top Left Block
			---------------------------------------------*/			
					#TopLeft 
						{
							width:410px;
							/*border-right:1px solid #000;*/
							height:100%;
						}				
						
					#FollowUps
						{
							overflow:hidden;
							width:390px;
						}
						
					#book
						{
							width:195px;
							border-right:195px solid #fff; /* The width and color of the rail */
							margin-right:-195px; 
							float:left;
						}
						
					#music
						{
							width:195px;
							float:left;
						}		
					
					#footer
						{
							clear:both;
						}
					
					
					.main_art
						{
							padding-right:20px;
						}
						
					.book
						{
							border-right:1px solid #ccc;
							padding-right:15px;
						}
					
					.music
						{
							padding-left:10px;
							padding-right:10px;
						}

					#film
						{
							width:410px;
						}
						
					.PadRight
						{
							padding-right:20px;
						}
			/*---------------------------------------------
							Art Feature
			---------------------------------------------*/			
					#art_feat 
						{
							width:350px; /*with inside padding max width of pic 340px*/
							float:left;
							border-left:1px solid #ccc;
						}
					
					.PadLeft
						{
							padding-left:10px;
						}
						
			/*---------------------------------------------
							Advertisement                    
			---------------------------------------------*/			
					#advert, #advert a
						{
							width:760px;
						}	

					.LangNewsSummary {border:1px solid #ccc; padding:1em 0 1em 0; border-left:0; border-right:0;}
						
					.PadTop
						{
							padding-top:10px;
							clear:both;
						}

			/*---------------------------------------------
							Event Calendar & Remains                    
			---------------------------------------------*/			
					#event_cal
						{
							background: url(uploads/sys_img/present_bg.gif) left top;
							background-repeat:no-repeat;
							background-color:#C9DCA6;
							/*border: 1px solid #C9DCA6;*/
							width:373px;
							height:500px;
							float:left;
						}
						
					.InsideWide {padding:30px;}
					
					#bottom_block
						{
							float:left;
							width:400px;
						}
					
					#other_art
						{}
						
					.PadLeft2
						{
							padding-left:20px;
						}						
						
					#categories
						{
							line-height: 1.6em;
							margin-top:1em;
						}
					

			/*---------------------------------------------
							Currents & RightColumn                    
			---------------------------------------------*/			

					#Currents 
						{
							border: 1px solid #C9DCA6;
							background: url(uploads/pictures/currents_bg.gif) left top no-repeat;
							width: 172px;
						}
						
					#radio
						{
							background: url(uploads/sys_img/radio.jpg) left top no-repeat;
							border: 1px solid #C9DCA6;
							height:220px;
						}
					
					.radio
						{
							padding:10px;
							padding-top:35px;
						}
					
					#oppdatert {background: url(uploads/sys_img/oppdatert.jpg) left top no-repeat;}
					.oppdatert {padding-top:50px;}
					#m14email, #m14username, #m3email, #m3username, #m4email, #m4username, #m5email, #m5username, #m6email, #m6username {width:150px;}
						
					#bokhylla {background: url(uploads/sys_img/bokhylla.jpg) left top no-repeat;}
					#hvaskjer {background: url(uploads/sys_img/hvaskjer.jpg) left top no-repeat;}
					
					#PodCast {background: url(uploads/pictures/podcast.gif) left top no-repeat;}
					#Museum {background: url(uploads/pictures/museum.gif) left top no-repeat;}
					#OnDisplay {background: url(uploads/pictures/ondisplay.gif) left top no-repeat;}
					
					.PodCast, .Museum {padding-top:27px;}
					.bokhylla {padding-top:30px;}
					
					#ArtList p { margin-bottom: -1em; }
					
					.EventPoster a, .EventPoster a:hover { border:0px; background-color:transparent;}

			/*---------------------------------------------
							Artikkel Styles                    
			---------------------------------------------*/	
			
					#ArtLeftCol {width:960px;}
					#Comments {width:199px; float:left;}
					#Artikkel {width:575px; float:right; margin-right:185px;}	/*575px i bredde p� 3kol*/
					#Artikkel_bokhylla {width:575px; float:left;}
					.insideArtikkel {padding:0 100px 0 30px;}	
					#Artikkel3kol {width:575px; float:right; }
					.pages {padding:0 30px 0 10px;}
					.pages_pad {padding:0 30px 0 10px;}


			/*---------------------------------------------
							Media Styles                    
			---------------------------------------------*/	

					#CenterMedia {width:960px; padding:0 220px 0 220px;}
					#imgTpl, .MediaNewsPostDetailContent {width:500px;}
					#MediaNewsPostDetailPrintLink {width:500px; clear:both; margin-bottom:1em;}
									
			/*---------------------------------------------
							Footer Styles                    
			---------------------------------------------*/			
			
					#Footer 
						{
							width:960px;
							border-top:1px solid #ccc;
							margin-top:1em;
						}

					.footer	{padding:1em 0 1em 0;}
					
		/*	-------------------------------------------------------------
			Comments
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

					#comments { width:185px; overflow:hidden; border:3px solid #E0E0E0;}
					#m26b30author {width:150px; border:1px solid #E0E0E0;}
					#m26b30captcha_phrase {width:150px; border:1px solid #E0E0E0;}
					.m26b30 {width:150px; border:1px solid #E0E0E0;}
					.commentsInside {padding:10px;}
					.static_text {padding-bottom:1em;}
					#CommentsMedia {width:500px; overflow:hidden; border:3px solid #E0E0E0; clear:both;}
					#m26b30author {width:150px; border:1px solid #e0e0e0;}
					.m26b30 {width:150px; border:1px solid #e0e0e0;}
					
		/*	-------------------------------------------------------------
			Loginn
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/					
					#m4summary, #m4content {width:300px;}
					
/* End of 'layout' */