/*  
Theme Name: Storyline Studios AS
Theme URI: http://storylinestudios.no
Description: A custome wordpress theme build for Storyline Studios AS. 
Version: 1.0
Author: Kenneth D. Nordahl
Author URI: http://nordahl.me
Tags: stripped, lightweight
*/

/* 
################################## 
RESET 
################################## 
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}
body {
 line-height: 1;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
 display:block;
}

/* 
################################## 
Utility
################################## 
*/
.paddingLeft{
	padding-left: 10px;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
img.alignright {
	display: inline;
	}

img.alignleft {
	display: inline;
	}
/* 
################################## 
Typography and text color
################################## 
*/
body{
	font-family: Verdana;
	color: #555;
}
h1, h2, h3, h4, h5, h6, lh, li{
	font-family: Helvetica;
}
h2{
	font-size: 18px;
	line-height: 36px;
}
h3{
	font-size: 14px;
	margin-bottom: 15px;
}
a{
	color: #333;
}
p,li{
	font-size: 12px;
	line-height: 14px;
}





/* 
################################## 
Styling
################################## 
*/

p{
	padding-bottom: 14px;
}
p.metadata{
	font-size: 10px;
	font-style: italic;
	padding-bottom: 5px;
	margin-top: -10px;
}
table{
	width: 98%;
	font-size: 12px;
}
	table tr th{
		text-align: left;
		height: 30px;
		line-height: 30px;
		background: #555;
		color: #fff;
		padding-left: 5px;
		text-transform: uppercase;
	}
	table tr:first-child{
		border-bottom: 5px solid #000;
	}
		table tr:nth-child(odd){
		background: #CCC
		}
		table tr:nth-child(even){
		background: #FFF
		}
		table tr:hover{
			background: #555;
			color: white;
		}
	 	table tr:hover a{
	 		color: white;
	 	}
	 table tr td{
	 	padding: 5px;
	 	line-height: 14px;
	 }
article{
	padding: 10px;
}
article ul, article ol{
	margin-bottom: 20px;
}	 

article ul li, article ol li,aside ol li{
	margin-left: 30px;
	line-height: 20px;
}
article ul li, article ol li{
	margin-left: 40px;
} 
article img{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}
body > header{
	padding-top: 10px;
}
header h1{
	text-indent: -9999px;
	width: 300px;
	height: 96px;
	background: url(images/logo.jpg) no-repeat;
	display: block;
}
header ul{
	float: right;
	height: 10px;
}
	header ul li{
		float: left;
		list-style: none;
	}
	.lang{
		height: 50px;
	}
	.lang img{
		padding: 2px;
	}
	
header{
	position: relative;
	z-index:1500;
}
nav#navigation{
	position: relative;
	float: right;
	margin-top: 30px;
	z-index: 1000;
}
		nav#navigation ul{
			position: relative;
			z-index: 1000;
		}
		nav#navigation ul li {
			display: block;
			list-style: none;
			float: left;
			padding: 0 10px;
			height: 32px;
			z-index: 5;
		}
			nav#navigation ul li img{
				margin-left: 5px;
				margin-top: 0px;
			}
		nav#navigation ul li:hover{
		}
			nav#navigation ul li a{
				display: block;
				font-size: 16px;
				line-height: 32px;
				text-decoration: none;
				text-transform: uppercase;
			}
			nav#navigation ul li:hover a{	
				color: #000;
			}
			
		nav#navigation ul ul{
			display: none;
			position: absolute;
			margin-left: -10px;
			padding: 0;
			width:  160px;
			z-index: 5;
		}
		nav#navigation ul li:hover ul{
			display: inline;
			z-index: 5;
			
		}
		nav#navigation ul li ul li{
			background-color: #fff;
			margin: 0;
			width: 160px;
		}
			nav#navigation ul li ul li a{
				font-size: 12px;
			}
			nav#navigation ul li:hover ul li a{
				color:#555;
				text-decoration: none;
			}
			nav#navigation ul li ul li a:hover{
				color:#000;
				text-decoration: underline;
			}
			nav#navigation ul li:hover ul ul{
				display: none;
			}

section h2{
	margin-bottom: 10px;
}

.content{
	position: relative;
	z-index: 10;
	margin-top: 20px;
}	
	.content article{
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.content aside{
		margin-top: 40px;
	}
}
body footer{
	margin-top: 40px;
	padding-top: 20px;
	border-top: thin solid black;
}