/* 	PAGE REGIONS 	*/


body	{
		font-family: Helvetica, Verdana, 'Lucida Sans', Arial, sans-serif; 
		font-size: small;
		background-color: #fff;
}


/* 	HEADER	*/

#belly	{
		position: relative;
		margin: 0 auto;
		width: 850px;	
		height: 136px;
}



.clear {
	float: none;
	clear: both;
	display: block;
	height: 1px;
}

#page		{
			width: 940px;
			margin: 0 auto; padding: 0;
			background-color: #fff;
}

#content	{
	min-height: 400px;
	padding: 10px;
}
		
#main		{
	width: 600px;
	float: left;
	border-right: 1px dotted #c7c7c7;
	min-height: 400px;
	margin-bottom: 20px; padding-right: 4px;
}


#sidebar	{
		width: 300px;
		margin-left: 610px;
		padding: 5px 3px 0 5px;
}
			
#footer	{
		margin: 10px auto; padding: 10px 0;
		text-align: center;
		border-top: 1px solid #c7c7c7;
		font-size: x-small;
		width: 940px;
		color: #8d8d8d;
		clear: both;
}			



/* 	MENU	*/

#menu		{
	margin: 0 auto;	padding: 10px 0 0 0;
	text-align: center;
	font-weight: lighter;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	border-bottom: 1px solid #c7c7c7;
}

#menu ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center; 
	letter-spacing:0.5px;
}

#menu li	{
	display: inline;
	padding: 1px 0; margin-right: 10px;
	border: 1px solid #c0c0c0;
	border-bottom: none;
}
		
#menu li#first_menu_item	{
	border-left: none;
}

#menu li a	{
	text-decoration: none;	
	font-family: Helvetica, Verdana, 'Lucida Sans', Arial, sans-serif; 
	font-size: small;
	outline: none;
	padding: 1px 35px;
	width: 120px;
}

#menu li a:hover, .menu li a.current	{
		background-color: #fff;
		border-bottom: 1px solid #fff;					
}			


/* 	UTILITY MENU		*/
		
#font_controls	{		
		position:absolute;
		right: 5px;
		top: 5px;
		}

#font_controls a img		{
				border: 1px solid #fff;
				outline:none;
				}


#font_controls a img:hover	{		
				border: 1px solid #898989;
				}

		
/* 	FRONT PAGE	*/
		
#front_box	{
		width: 580px;
		background-color: #f5f5f5;
		color: #000;
		padding: 5px 8px;
}

#small_box_area	{
		margin-top: 20px;
		width: 100%;
}
		
.small_box	{
		width: 180px;
		background-color: #f5f5f5;
		color: #000;
		padding: 3px 3px;
		float: left;
		margin: 0 5px 18px 5px;
		}		
		
			
.contentdiv div {
	position: absolute;
	top: 20px;
	left: 20px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.contentdiv div h1, .contentdiv div p {
	float: left;
	clear: left;
	padding: 5px 10px;
	margin: 0;
	background-color: #fff;
}

.contentdiv div p {
	margin-bottom: 5px;
	max-width: 520px;
}

.contentdiv h1 {
	max-width: 520px;
}

		
/* SIDEBAR */

.sidebar_box	{
		width: 285px;
		background-color: #f5f5f5;
		color: #000;
		padding: 0.5px 8px 5px 8px;
		margin-bottom: 13px;
		}
		
#sidebar input.email		{
						width: 100%;	
}

#sidebar .html		{
					background-color: #fff;
					border: 1px solid #000;
					width: 250px;
					padding: 2px 1px 2px 6px;
					font-family: 'Courier', 'Courier New', monospace;
					font-size: x-small;
					overflow: auto;
}
		


		
/* 	SINGLE ARTICLE	*/	

#comment_login, #add_comment {
	padding: 20px;
	border: 1px solid #999;
	background-color: #eee;
}	

#comment_login p {
	float: left;
	margin: 20px 20px 0 0;
}

#comment_login p.signup {
	float:none;
	margin: 0px;
}

#comment_login label {
	display: block;
	font-size: 12px;
}

#comment_login label a {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
	float: right;
	text-decoration: none;
}

#comment_login label a:hover {
	color: #f00;
}

#comment_login_submit {
	margin-top: 10px;
}

#comment_login .clear {
	float: none;
	clear: both;
	display: block;
	height: 1px;
}

#article_text	{
	width: 570px;
	margin-left: 10px;
}
		
#article_comments	{
	width: 570px;
	margin-left: 10px;
	margin-top: 30px;
	border-top: 1px solid #999;		
}

#add_comment p {
	float: left;
	margin: 0px;
}

#add_comment #comment_box {
	width: 350px;
	padding: 10px;
}

#add_comment p.user {
	width: 180px;
}

#add_comment p.user * {
	display: block;
}

#add_comment img {
	float: left;
	margin-right: 10px;
}

#add_comment a {
	width: 160px;
	margin-top: 5px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

#add_comment #comment_submit {
	margin-left: 180px;
	margin-top: 10px;
}
			
.comment_item		{
	margin: 5px 10px 15px 20px;			
	width: 550px;
	padding: 7px 0;
	border-top: 1px solid  #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
			
.comment_image	{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}




		
/* 	MAGAZINE PAGE	*/
.category_item_area	{
					width: 280px;
					padding: 5px; margin-right: 5px;
					float: left;
					}

body.magazine_page .small_box	{
		width: 280px;
		padding: 3px; margin: 0 5px 10px 0;
		}
		
.categories_line	{
					width: 100%; 
					clear: both;	
}

/* 	TEXT	*/


h1, h2, h3	{
			font-family: Helvetica,Verdana,'Lucida Sans',Arial,sans-serif; font-size:2em; font-weight:normal;
}

h1		{	
		text-transform:uppercase;
		font-size: 2.4em;
		color: #95B800;
}

h1.front_box_headline	{
						font-size: 27px;
						line-height: 23px;
						margin-bottom: -1px;
						font-weight:normal;
}			
			

h2		{
		text-transform:uppercase;
		font-size: 2em;
		color: #95B800;
		letter-spacing:-1px;
}

h2.category_headline	{
						font-weight: bold;
						text-align: center;
						width: 100%;
						border-bottom: 1px solid #c7c7c7;
}

		
h2.small_box_headline	{
						font-size: 1.5em;
						font-family: Arial, 'Lucida Sans', Helvetica, sans-serif; 
						letter-spacing: -1px;
						text-transform: uppercase;
						display: block;
						color: #515751;
}



h3		{
		font-size: 1.8em;
		font-weight:normal;
		text-transform:uppercase;
}		

h3.sidebar_headline	{
					margin-top: 1px; padding: 0;
					color: #5D6B46;		
}

.author_name	{
	font-size: 0.9em;
	color: #8d8d8d;
	margin-top: 1px;
}
		
.sidebar_box p	{
	font-style: italic;
	font-size: 12px;
}

.smallfont	{
	font-size: x-small;
}

p {
	font-family: Arial, 'Lucida Sans', Helvetica, sans-serif; 
}

p.textarea_type	{
				text-transform: uppercase;
				margin-bottom: 1px; padding-bottom: 1px;			
}

#main p	{
		margin: 0 20px 0 0;
}

#article_comments {
	font-size: 90%;
}
		

.comment_meta {
	font-weight: bold;
}

/* 	LINKS	*/


a, a:visited	{
				color: #000;
}

p a, p a:visited		{
		color: #95B800;
}
			
a.read_more 	{
				font-weight: bold;
				font-size: 1.1em;
				font-family: Arial, 'Lucida Sans', Helvetica, sans-serif; 
				letter-spacing: -1px;
				text-transform: uppercase;
				text-decoration: none;
				display: block;
				color: #7D857C;
				}
		
		
a:hover, h1.front_box_headline a:hover, a.read_more:hover, h1 a:hover, h2 a:hover, h3 a:hover, h3.sidebar_headline a:hover, h2.category_headline a:hover	{
			color: #95B800;
}
		
h1.front_box_headline a {
						letter-spacing: -1px;
						text-transform: uppercase;
						text-decoration: none;
						color: #000;
}


h2 a, h3 a	{
	color: #000;
	text-decoration: none;
}

h2.small_box_headline a:focus	{
								border-bottom: 1px solid #5D6B46;
}

h2.category_headline a	{
						color: #c7c7c7;
}



h3.sidebar_headline a	{
	color: #5D6B46;
}


#footer	a, #footer a:visited	{
	font-family: Arial, 'Lucida Sans', Helvetica, sans-serif; 
	color: #8d8d8d;
	text-decoration: none;
}	

#footer	a:hover	{
	color: #000;
}	

#commonlinks a 	{
	margin: 0 10px;
}


/* PHOTO GALLEY  */		
#photo_gallery	{
				width: 600px;	
}


/* IMAGES/GRAPHICS  */


a img	{
	border: none;
	text-decoration: none;
	}

a img.hover_trans	{
							filter:alpha(opacity=80);
							-moz-opacity:0.8;
							-khtml-opacity: 0.8;
							opacity: 0.8;				
}

a img.hover_trans:hover	{
							filter:alpha(opacity=100);
							-moz-opacity:1.0;
							-khtml-opacity: 1.0;
							opacity: 1.0;				
}

#side_gallery ul	{
			list-style-type: none;
			padding-left: 0;
			margin: 0 auto;
			width: 226px;
			}

#side_gallery li	{
			display: inline;
			}
			
/* BELLYFLOP header */
			
#belly_header		{
		width: 824px;
		height: 143px;
		margin: 10px auto;
		padding: 3px 0;
		clear:both;
		}
		
#belly_header ul li 		{
								display:block;
								float:left;
								list-style-type:none;
								height:141px; width:70px;
								background:transparent url(/img/bellyflop_header.jpg) no-repeat 0 0;
								text-indent:-9009px;
								
}

#belly_header ul li.b	{
							width:88px;;
}

#belly_header ul li.b:hover	{
							background-position: 0 -143px;
}

#belly_header ul li.e	{
						width: 85px;
						background-position: -90px 0;
} 

#belly_header ul li.e:hover	{
							background-position: -90px -145px;
}

#belly_header ul li.l1	{
						background-position: -183px 0;
} 

#belly_header ul li.l1:hover	{
							background-position: -183px -143px;
}

#belly_header ul li.l2	{
						background-position: -253px 0;
} 

#belly_header ul li.l2:hover	{
							background-position: -253px -143px;
}

#belly_header ul li.y	{
						width: 106px;
						background-position: -337px 0;
} 

#belly_header ul li.y:hover	{
							background-position: -337px -143px;
}

#belly_header ul li.f	{
						background-position: -443px 0;
} 

#belly_header ul li.f:hover	{
							background-position: -443px -143px;
}

#belly_header ul li.l3	{
						background-position: -513px 0;
} 

#belly_header ul li.l3:hover	{
							background-position: -513px -143px;
}

#belly_header ul li.o	{
						width: 122px;
						background-position: -607px 0;
} 

#belly_header ul li.o:hover	{
							background-position: -607px -143px;
}

#belly_header ul li.p	{
						width: 86px;
						background-position: -738px 0;
} 

#belly_header ul li.p:hover	{
							background-position: -738px -143px;
}

/* 	LISTS		*/

ul.list	{
	list-style-type:circle;
}

ul.list li	{
		margin-bottom: 10px;
}
		

/* 	FORMS		*/

form input.text, form textarea		{
				margin-top: 5px;
				width: 250px; height: 19px;
				background: url( '/img/input_bg.png' ) repeat-x top #fff;
				border: 1px solid #c7c7c7;
}

form.newsletter		{
					height: 90px;
	
}


form.contact textarea	{
					height: 90px;
}

input.button	{
	  			font-family:Helvetica,Verdana,'Lucida Sans',Arial,sans-serif;
				font-weight:normal;
				text-transform:uppercase;
  				font-size: 11px;
				background-color: #fff; color: #000;
  				padding: 1px 8px; margin-top: 5px;
  				border: 1px solid #c7c7c7;
}

form input.button:hover	{
					background-color: #AAC43B;	
}

.skjult		{
			display: none;
}



/* 	MISC.		*/

.right		{
		display:block;
		text-align: right;
		}