/* 
    Document   : main
    Created on : 14.jul.2009, 15:18:41
    Author     : Joakim Staalstrøm
    Description:
        Main stylesheet for Plastikk Media - www.plastikk.no
*/

/* GENERAL */

* {
	margin: 0;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	}

html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	background-color: #000000;
	/*
	background-color:#FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-repeat:repeat-x;
	*/
	}

a, object {
	-moz-outline-style: none;
	}

.hidden {
	display: none;
	}


.clear {
	width: 100%;
	clear: both;
	font-size: 0;
	}

/* BG */
#outer_wrapper {
	background: url(img/bg.jpg) center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -189px;
}

#outer_wrapper .bg_top {
	background: url(img/bg_top.jpg) center;
	height: 256px;
	margin: 0 0 -256px 0;
}

	#inner_wrapper {
		position: relative;
		margin: 0 auto 0;

		width: 1140px;
		z-index: 1;
	}
	 
		/* LOGO */
		#logo {
			position: absolute;
			top: 20px;
			left: 20px;
			width: 350px;
			height: 80px;
			cursor: pointer;
		}
		
		/* MENU */
		#menu {
			position: relative;
			float: left;
			width: 1140px;
			height: 104px;
			background: url(img/menu_bg.png);
			/* background-color: #990000; */	
		}

		#menu ul{
			position: relative;
			left: 360px;
			top: 58px;
			width: 800px;
		}
		
		#menu ul li{
			display: block;
			float: left;
			margin-left: 17px;
			color: #FFFFFF;
			list-style: none;
			font-size: 20px;
			font-style: italic;
		}
		
		#menu ul li a{
			color: #f7f7e5;
			font-size: 20px;
			font-style: italic;
			text-decoration: none;
			border-bottom: #FF0000 dashed thin;
		}
		
		a { text-decoration: none; }
		a:hover { color: #f7f7e5;	} 
		a:active { color: #f7f7e5; } 
		a:visited { color: #f7f7e5; } 			
		a:link { color: #f7f7e5; } 

		#menu ul li a:hover{
			text-decoration: none;
			border-bottom: #f7f7e5 dashed thin;
		}
		
		#menu ul .searchItem{
			margin: -3px 0px 0px 40px;
		}
		
		
		/* SEARCH FIELD */
		#search_field {
			position: absolute;
			left: 393px;
			top: -3px;
			padding-top:2px;
			padding-left:10px;
			
			height:32px;
			width:248px;
			background-image: url(img/searchField.png);
			background-repeat: no-repeat;
			/* padding-top:4px; */
		}
		
		#s {
			border-color:#151515;
			border-style:dotted;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:13pt;
			font-style:italic;
			color:#8b8b8b;
			width:160px;
			background-color:#151515;
			height:20px;
		}		
		
		#submit_search {
			border-color:white;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:13pt;
			float:right;
			font-style:italic;
			color:#8b8b8b;
			width:50px;
			height:32px;
			z-index:10;
		}
	
		/* MEDIA PLAYER */
		#media_player {
			position: relative;
			clear: both;
			margin: 0 auto 30px;
			width: 894px;
			/* height: 346px; */

			z-index:-1;
		}
				
		#media_player_work {
			position: relative;
			clear: both;
			margin: 0 auto;
			width: 894px;
			height: 467px;
			z-index:-1;
		}
				
		#showreel, #flvplayer {
			position: relative;
			top: 10px;
			left: 31px;
			z-index:0;
		}
		
		#post_img_main {
			position: relative;
			top: 10px;
			left: 31px;
			z-index:0;
		}
		
		/* DIGITALLY CRAFTED TAG */
		
		#dig_crafted {
			position:absolute;
			width:150px;    
			height:111px;
			left:857px;
			top:117px;
			background-image:url(img/dig_crafted.png);
			background-repeat:no-repeat;
			z-index:1;
		}
		
		/* CONTENT */
		#content {
			position: relative;
			clear: both;
			margin: 0px auto 50px;
			width: 876px;
			overflow:hidden;
			font-size: 14px;
			font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
			line-height: 165%;
			color: #D2D2D2;
		}
			
			
			/* LEFT_COLUMN */
			#left_column_frontpage {
				position: relative;
				float: left;
				margin: 20px 50px 0 0;
				width: 204px;
				font-size: 10.5px;
				line-height: 1.3em;
				font-style: italic;
				color: #858585;
			}
			
			#left_column_heading{
				margin-bottom: 10px;
			}
			
			#left_column_frontpage p {
				margin: 0 0 7px 0;
				padding: 0 0 0 0;
				}

			#left_column_frontpage #facts{
				position: relative;
				float: left;
				margin: 10px 0 10px 22px;
				}
			
				
			#left_column_frontpage .fact{
				font-style: normal;
				color: #FFFFFF;
				}
				

			#left_column_frontpage_bottom {
				position: relative;
				float: left;
				margin: 10px 50px 0 0;
				width: 204px;
				font-size: 11px;
				line-height: 100%;
			}
			
			#left_column_frontpage_inner {
				width:204px;
			}
			
			/*
			#main_column_heading{
				margin-left: -10px;
				margin-bottom: 10px;
			}
			*/
			
			.left_column_img {
				position: relative;
				float: left;
				margin: 10px 50px 0 0;
				width: 204px;
				height: 159px;
				font-size: 11px;
				line-height: 100%;
				background-image: url(img/post_img_bg.png);
				background-repeat: no-repeat;
			}
			
				.left_column_img img {
					position: relative;
					float: left;
					margin: 10px 0 0 10px;
					border: none;
				}
				
				
				
			/* MAIN COLUMN */	

			#main_column {
				position: relative;
				float: left;
				margin: 29px 0 0 0;
				width: 614px;
			}
			
			#main_column ul {
				margin-bottom: 21px;
			}
			
			#main_column .vertical_separator {
				position: relative;
				float: left;
				left: -30px;
				width: 9px;
				height: 100%; /* dependant on outer div's (content) height, and that this element is absolutely positioned */
				overflow: hidden;
			}
			
			#main_column .post_img, #main_column .attachment-thumbnail {
				padding: 9px 9px 5px 9px;
				border: none;
			}			
			
			#left_column_frontpage .post_img_text {
				position: relative;
				float: left;
				font-style:normal;
				margin: 12px 0 0 12px;
				color:#7d7d7d;
				font-size:12px;
				line-height:100%;
				
			}
	
			#main_column .post_heading {
				color: #e8e3d7;
				font-size: 22px;
				font-style: italic;
				margin: 0 0 14px 0;
			}

			#main_column .post_heading_kontakt {
				color: #e8e3d7;
				font-size : 22px;
				width:612px;
			}
			
			#main_column h3  {
				margin: 22px 0 4px 0;
				padding: 0 0 0 0;
				color: #FFFFFF;
				font-style: italic;
				font-weight: normal;
			}
			
			#main_column p {
				position: relative;
				float: left;
				margin-bottom: 14px;
				width: 100%;
			}
			
			#main_column a.readmore {
				display: block;
				position: relative;
				float: left;
				margin: -12px 0 0 1px;
				font-style: italic;
			}

			#main_column .kontakt_details {
				width:50%;float:left			
			}

			#main_column .post_published {
				
				color:#4b4b4b;
				font-size:11px;
				font-style:italic;
					
			}
			
			#main_column .post_ingress {
			
				color:#8b8b8b;
				font-size:14px;
				font-style: italic;	
			}
			
			#main_column .post_ansatt {
				color:#d2d2d2;
				font-size:14px;
				font-style:italic;
			}
			
			#main_column .post_tittel {
				width:612px;
				color:#c21818;
				font-size:12px;
				font-style:italic;
				height:50px;
				vertical-align:top;
			}
			
			#right_column {
				position: relative;
				float: right;
				width: 218px;
				margin: 10px 0 0 50px;
				/* background-color: #009900; */
			}
			
			#inner_wrapper .vertical_separator {
				position: absolute;
				width: 9px;
				height: 100%; /* dependant on outer div's (content) height, and that this element is absolutely positioned */
				overflow: hidden;
			}
			
			#media_player .vertical_separator.left {
				top: 0px;
				left: 0px;
			}
			
			#media_player .vertical_separator.right {
				top: 0px;
				right: 0px;
			}
			
			#content .vertical_separator.left {
				top: 0px;
				left: 218px;
			}
			
			#content .vertical_separator.right {
				top: 0px;
				right: 218px;
			}
				
				.vertical_separator .top {
					position: absolute;
					width: 9px;
					height: 10%;
					background: url(img/horizontal_separator_top.png) top left no-repeat;
				}
				
				.vertical_separator .middle {
					position: absolute;
					top: 10%;
					height: 80%;
					width: 9px;
					background: url(img/horizontal_separator_middle.png) top left repeat-y;
				}
				
				.vertical_separator .bottom {
					position: absolute;
					bottom: 0px;
					width: 9px;
					height: 10%;
					background: url(img/horizontal_separator_bottom.png) bottom left no-repeat;
				}
				
			/* Nyheter listing name*/
			#nyheter {
				font-size: 14px;
				font-style: italic;
				color: #ac0000;
			}
			
			#kontakt_heading
			{
				font-size: 14px; 
				font-style: italic;
				color: #8b8b8b;	
			}
			
			
		
			.nyheter_bg
			{
				width: 100%;
				height: 15px;
				background-repeat: repeat-x;
				background-image:url(img/content_heading_background.png);
			}
			
			/* Arbeider-kategorien */

			#indicators {
				position: relative;
				float: left;
				margin: 0 0 0 18px;
				}			

			#indicators .indicator {
				position: relative;
				float: left;
				margin: 0 0 -3px 0;
				width: 100%;
				height: 50px;
			}
			
			#indicators .indicator p {
				display: block;
				border: none;
				margin: 19px 0 0 0;
				padding: 0;
				}
						
			#green_indicator, #blue_indicator, #orange_indicator, #red_indicator {
				position: relative;
				float: left;
				height: 50px;
				width: 50px;
				margin: 0 0 0 0;
				}

			/* Kontakt-kategorien */
			#nyheter-kontakt {
				font-size: 14px; 
				font-style: italic;
				color: #ac0000;
			}
						
		
			#nyheter_bg_kontakt {
				width: 85%;
				height: 15px;
				background-repeat: repeat-x;
				background-image:url(img/content_heading_background.png);
				position:relative;
				z-index:1;
			}
			
			a.read_more:hover { text-decoration: underline; color: white; } 
			a.read_more:active { text-decoration: underline; color: white; } 
			a.read_more:visited { text-decoration: underline; color: white; } 			
			a.read_more:link { text-decoration: underline; color: white; } 

			#read_more_bg	{
				width: 80%;
				height: 15px;
				background-repeat: repeat-x;
				background-image:url(img/content_heading_background.png);
			}

			/* Content Post listing */

										
	/* FOOTER */ 	
	#footer, .push  {
		/*
		position: relative;
		clear: both;
		*/
		width: 100%;
		height: 189px;
		
		/*
		top: 0px;
		bottom: 0px;
		*/
		/* z-index: 0; */
		font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
	}	
	
		#relish{
			position:relative;
			float: left;
			margin: -200px 0 0 0;
			height: 200px;
			width: 100%;
			bottom: 0px;
			z-index: 0;
		}
		
		#quicklinks {
			
			position: relative;
			float: left;
			top: 0px;
			width: 100%;
			height: 139px;
			z-index: 1;
		}
		
			#quicklinks .left {
				position: absolute;
				left: 0px;
				width: 50%;
				height: 139px;
				background: url(img/quicklinks_left.png) top right repeat-x;
				z-index: 2;
			}				
		
			#quicklinks .center {
				position: absolute;
				left: 50%;
				margin-left: 0px;
				width: 876px;
				height: 139px;
				background: url(img/quicklinks_mid.png);
				z-index: 4;
			}
			
			#quicklinks .wrapper{
				position: absolute;
				left: -50%;
			}
			
			#quicklinks .separator{
				display:block;
				float: left;
				width: 1px;
				margin-top:4px;
				height: 131px;
				background:url(img/quicklinks_vert_separator.png) repeat-y;
			}
			
			#quicklinks .column{
				display: block;
				float: left;
				margin: 10px 20px 0px 20px;
				width: 175px;
				font-size: 14px;
			}
			
			#quicklinks h3 {
				margin: 0 0 5px 0;
				color: #cb630f;
				font-size: 14px;
				font-weight: normal;
			}
			
			#quicklinks .column p{
				margin: 0 0 3px 0;
				font-size: 12px;
			}
			
			#quicklinks a{
				color: #d7b986;
				font-style: italic;
				text-decoration: none;
			}
			
			#quicklinks .right {
				position: absolute;
				right: 0px;
				width: 50%;
				height: 139px;
				background: url(img/quicklinks_right.png) top left repeat-x;
				z-index: 3;
			}
			
		#contact{
			position: relative;
			float: left;
			top:0px;
			bottom: 0px;
			background: url(img/footer_bg.jpg) bottom center;
			width: 100%;
			height: 50px;
			
		}
		
			#contact div {
				margin: 15px 0 0 0;
				width: 100%;
				color: #111111;
				text-align: center;
				font-size: 14px;
			}
		
			
			#headerlinks ul{
				list-style-type:none;
				margin:0;
				padding:0;
			}
			
			#headerlinks ul li.page_item{
				margin:0;
			}