/**
 * Kamikaze Media AS 2009
 * http://www.kamikazemedia.no/ 
 */
@import "reset.css";

/* general settings */


html
{
	height: 100%;
	background-color: #000;
}

body
{
	color: #111;
	font-family: Arial, Verdana, Times, serif; /*Georgia, "Times New Roman", Times, serif;*/
	font-size: 13px;
	line-height: 13px;

}

strong
{
	font-weight: bold;
}

a
{
	color: #111;
	text-decoration: none;
}

h5
{
	font-weight: bold;
	display: block;
}

div#container div.page_content em
{
	font-style: italic;
}

div#container div.page_content a
{
	border-bottom: 1px dotted #d10000;	
}

div#container div.page_content a:hover
{
	color: #d10000;
}

.clearfix
{
	clear: both;
}

/* layout */

div#container
{
	position: relative;
}

.block_content
{
	margin: 0px auto;
	width: 990px;
	position: relative;
}

/* header */

div#header
{
	position: relative;
	height: 70px;
	background-color: #000;
}
	div#header .header_content
	{
		margin: 0px auto;
		width: 990px;
		position: relative;
	}
	div#header h1
	{
		position: absolute;
		left: 0px
	}
	div#header h1 a
	{
		display: block;
		width: 310px;
		height: 70px;
		background-image: url('../images/kamikaze_logo.png');
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 400px;
		white-space: nowrap;
	}
	
	div#header ul
	{
		position: absolute;
		right: 0px;
		top: 28px;
	}
		div#header ul li
		{
			display: inline;
		}
			div#header ul li a
			{
				color: #bbb;
				margin-left: 19px;
				font-size: 19px;
			}
			div#header ul li a:hover
			{
				color: #d10000;
			}
			div#header ul li a.current,
			div#header ul li a.section
			{
				color: #fff;
			}
	
/* footer */

div#footer
{
	background-color: #000;
	color: #797979;
	font-size: 12px;
	line-height: 15px;
	position: relative;
}
	div#footer .footer_content
	{
		width: 990px;
		position: relative;
		margin: 0px auto;
	}
	div#footer a
	{
		color: #ccc;
	}
	
	div#footer .address
	{
		display: block;
		float: right;
		padding: 30px 0 30px 30px;
	}
	div#footer .contact
	{
		display: block;
		float: right;
		padding: 30px;
	}
	div#footer .quick_links
	{
		display: block;
		float: left;
		padding: 30px 30px 30px 0;
	}

/* page */
div#container .navigationbar {
	width: 260px;
	float: left;
}
div#container .contentbar{
	float: right;
	width: 700px
}

div#container .content
{
	background-color: #fdfdfd;
	background-image: url('../images/page_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 30px;
}
	div#container .content h3
	{
		position: relative;
		font-size: 24px;
		line-height: 30px;
		padding: 3px 0px 20px 0px;
	}
		div#container .content h3.info
		{
			color: #999;
		}
	div#container .content h3 span{
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:url('../images/grunge.png');
}
	div#container .content h4
	{
		font-size: 18px;
		padding: 0px 0px 10px 0px;
	}
	div#container .content .page_content
	{
		line-height: 21px;
	}
		div#container .content .page_content.intro
		{
			font-size: 16px;
			line-height: 24px;
		}
	
	div#container .content ul.page_actions
	{
		padding: 20px 0px;
		overflow: hidden;
	}
		div#container .content .share ul.page_actions
		{
			padding-top: 10px;
		}

		div#container .content ul.page_actions li
		{
			display: inline;
			float: left;
		}
		div#container .content ul.page_actions li a
		{
			margin: 0px 10px 10px 0px;
		}

			div#container .content .share ul.page_actions li a span
			{
				padding-left: 24px;
				min-height: 16px;
				display: block;
			}

				div#container .content .share ul.page_actions li a.twitter span
				{
					background: url(../images/ico_twitter.gif) no-repeat;
				}

				div#container .content .share ul.page_actions li a.facebook span
				{
					background: url(../images/ico_facebook.gif) no-repeat;
				}
	
	div#container .content div.basepage
	{
		float: left;
		width: 410px;  /*520px;*/
		margin: 0px 30px 0px 0px;
	}	
	div#container .content div.sidebar
	{
		float: left;
		width: 260px;
		margin: 0px;
	}

/* projects */
div#container div#projects
{
	background-color: #f0f0f0;
	background-image: url('../images/projects_bg.png');
}
	div#container div#projects div.project
	{
		float: left;
		width: 290px;
		/*background-color: #ddd;*/
		background-image:url('../images/project_item_swipe.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 15px;
		margin: 0px 0px 15px 15px;
	}
	div#container div#projects div.project:hover
	{
		/*background-color: #111;*/
		color: #ddd;
	}
	div#container div#projects div.project.first
	{
		margin: 0px 0px 15px 0px;
	}
		div#container div#projects div.project a.image
		{
			display: block;
			width: 290px;
			height: 163px;
		}
		div#container div#projects div.project h4
		{
			padding: 10px 0px 10px 0px;
		}
			div#container div#projects div.project h4 a
			{
				color: #111;
			}
			div#container div#projects div.project:hover h4 a
			{
				color: #ddd;
			}

/* page services */
div#container div.services h3
{
	padding: 0px 0px 11px 0px;
}
div#container div.services div.service
{
	padding: 0 0px 10px 0px;
	position: relative;
}
	div#container div.services div.service img
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 48px;
		height: 48px;
	}
	div#container div.services div.service h4
	{
		margin-left: 58px;
		font-size: 14px;
		line-height: 16px;
		padding: 0px 0px 5px 0px;
	}
	div#container div.services div.service span
	{
		display: block;
		margin-left: 58px;
		line-height: 20px;
		color: #999;
		font-style: italic;
		padding-bottom: 10px;
		border-bottom: 1px solid #cecece;
	}

/* billboard */
div#billboard_swf
{
	width: 990px;
	height: 320px;
	position: relative;	
	background: #000;
}

div#billboard
{
	background-image: url('../images/billboard_bg.png');
	background-repeat: repeat-x;
}

div#billboard .block_content
{
	display: block;
	width: 990px;
	height: 320px;
	background-image: url('../images/kamikaze-iphone.png');
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
	div#billboard h1
	{
		position: absolute;
		top: 45px;
		left: 0;
		width: 582px;
		height: 120px;
		font-size: 40px;
		color: #fff;
		line-height: 50px;
		text-align: right;
	}
	
	div#billboard h2
	{
		position: absolute;
		top: 170px;
		left: 100px;
		width: 482px;
		font-size: 24px;
		line-height: 30px;
		text-align: right;
		color: #fff;
	}
	
	div#billboard span
	{
		position: absolute;
		top: 210px;
		left: 130px;
		width: 452px;
		font-size: 14px;
		line-height: 25px;
		text-align: right;
		color: #fff;
		text-decoration: none;
		white-space: normal;
	}

/* home services */
#home_services
{
	border-top: 5px solid #000;
	height: 125px;
	background-image: url('../images/home_services_bg.png');
}
	#home_services div.service
	{
		background-image: url('../images/home_services_swipe.png');
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 25px 30px 0px 30px;
		color: #ccc;
		height: 95px;
		width: 186px;
		float: left;
		border-right: 1px solid #111;
		cursor: pointer;
	}
		#home_services div.service.last
		{
			border-right: none;
			width: 189px;
		}
		#home_services div.service h4
		{
			padding: 0px 0px 10px 0px;
		}
		#home_services div.service h4 a
		{
			color: #fff;
			font-size: 20px;
		}
		#home_services div.service span
		{
			line-height: 18px;
		}
		#home_services div.service h4 em
		{
			font-family: "Lucida Grande",Tahoma;
			font-size: 20px;
			color: #888;
			margin-left: 2px;
		}

/* project */
div#container div#project div.basepage
{
	width: 300px;
	margin: 0px 20px 0px 0px;
}
div#container div#project div.sidebar
{
	width: 610px;
}


/* project skills */
div#container div#project div.page_content.skills
{
	margin: 20px 0px 0px 0px;
}
div#container div#project div.page_content.skills h5
{
	font-weight: bold;
}
	div#container div.content div.page_content ul
	{
		margin-left: 14px;
		list-style-type: square;
	}
	div#container div.content div.page_content ul li
	{
		list-style-type: square;
		line-height: 25px;
	}

/* contact */
div#container div#contact div.basepage
{
	width: 400px;
}
div#container div#contact div.sidebar
{
	width: 500px;
}
div#container div#persons
{
	background-color: #f0f0f0;
	background-image: url('../images/projects_bg.png');
}
	div#container div#persons div.person
	{
		width: 280px;
		height: 82px;
		float: left;
		margin: 0px 30px 30px 0px;
		position: relative;
		overflow: hidden;
	}
	div#container div#persons div.person img
	{
		position: absolute;
		border: 1px solid #cecece;
		padding: 5px;
		background-color: #fff;
		z-index: 1000;
	}
	div#container div#persons div.person div.info
	{
		position: absolute;
		left: 95px;
		top: 0px;
		width: 396px;
		height: 82px;
		background-image: url('../images/person_info_bg.png');
		background-repeat: no-repeat;
	}
	div#container div#persons div.person h4
	{
		font-size: 16px;
		padding: 0 0 7px;
	}
		div#container div#persons div.person ul li
		{
			display: block;
			line-height: 18px;
			font-size: 12px;
			color: #888;
			font-style: italic;
		}
			div#container div#persons div.person ul li a
			{
				color: #888;
			}
			
	div#container div#persons div.person div.description
	{
		position: absolute;
		right: 10px;
		top: 8px;
		width: 163px;
		height: 62px;
		position: absolute;
		color: #eee;
		font-style: italic;
		line-height: 21px;
	}
	
/* button */
.button {
	display: block;
    float: left;
    background: #e9eaea url('../images/button_bg.png') repeat-x;
    padding: 0.275em 10px;
    line-height: 1.4em;
    border: 1px solid #ccc;
    text-shadow: 1px 1px 0 #fff;
    -webkit-border-radius: 1px;
}
.button:hover {
    border-color: #111;
    background: #111;
    text-shadow: 1px 1px 0 #444;
    color: #fff;
}
.button:active {
    background: #000;
}

/* home news */
div#container #home.content div.basepage
{
	width:100%;
	margin: 0px;
}


div#container div.news
{
	width: 930px;
}

div.news div.news_entry
{
	display: block;
	float: left;
	width: 460px;
	height: 152px;
	position: relative;
}
	div.news div.news_entry.first
	{
		margin-right: 10px;
	}
	div.news div.news_entry a.image
	{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	div#container .content div.news div.news_entry h4
	{
		font-size: 18px;
		line-height: 20px;
		margin-left: 220px;
	}
	div#container .content div.news div.news_entry div.intro
	{
		margin-left: 220px;
		line-height: 21px;
		width: 210px;
	}


/* project slides */
div#slide_presenter
{
	margin: 0px 0px 10px 10px;
	width: 602px;
	height: 339px;
	overflow: hidden;
	position: relative;
}
	div#slide_presenter ul
	{
		position: relative;
	}
	div#slide_presenter ul li
	{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 602px;
		line-height: 0px;
		zoom: 1;
	}
ul#slide_chooser
{
	list-style: none;
	display: block;
	width: 612px;
}
	ul#slide_chooser li
	{
		display: inline;
	}
	
	ul#slide_chooser li a
	{
		cursor: pointer;
		display: block;
		zoom: 1;
		float: left;
		width: 194px;
		margin: 0px 0px 10px 10px;
		line-height: 0px;
	}

/* Navigationbar */
div.navigation
{
	width: 262px;
}
	div#container div.navigation h3
	{
		height: 46px;
		overflow: hidden;
		background-image: url(../images/navigation_topbg.gif);
		background-repeat: no-repeat;
		color: #333;
		text-indent: 20px;
		line-height: 42px;
		font-size: 18px;
		margin: 0;
		padding: 0;
		
	}
	
	div.navigation ul
	{
		margin: 0;
		padding: 0;
		padding-bottom: 3px;
		background-image: url(../images/navigation_bottombg.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	div.navigation ul li
	{
		border-top: 1px solid #f4f4f4;
		border-bottom: 1px solid #bdbbbb;
		background: #dfdcdb;
	}
		div.navigation ul li a
		{
			display: block;
			color: #444;
			font-size: 18px;
			padding: 0px 20px;
			line-height: 46px;
			height: 46px;
		}
			div.navigation ul li.current a,
			div.navigation ul li a:hover
			{
				color: #000;
			}
		div.navigation ul li.current,
		div.navigation ul li:hover
		{
			background-image: url(../images/navigation_currentbg.png);
			background-repeat: no-repeat;
			background-position: 225px center;
		}
	
	div.navigation ul li:first-child,
	div.navigation ul li.first_child
	{
		border-top: 0;
	}
	div.navigation ul li:last-child,
	div.navgiation ul li.last_child
	{
		border-bottom: 0;
	}