/* CSS reset 
----------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* HTML Tags
----------------------------------------------------------------------*/

@font-face {
	font-family: 'DIN1451StdMittelschrift';
	src: url('http://www.runemolnes.com/assets/fonts/dinmittelschriftstd-webfont.eot');
	src: local('☺'), url('http://www.runemolnes.com/assets/fonts/dinmittelschriftstd-webfont.woff') format('woff'), url('http://www.runemolnes.com/assets/fonts/dinmittelschriftstd-webfont.ttf') format('truetype'), url('http://www.runemolnes.com/assets/fonts/dinmittelschriftstd-webfont.svg#webfontEfTwAuMv') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
	overflow-y: scroll;
}

body{
	font-family: 'DIN1451StdMittelschrift', Helvetica, Arial, sans-serif;
	background: #000;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #bababa;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
}

a{
	outline: none;
	cursor: pointer;
	color: #BABABA;
}

p{
	padding: 5px 0;
}

h1{
	display: block;
	font-size: 60px;
	color: #3a3a3a;
	padding-top: 50px;
	text-transform: uppercase;
	height: 46px;
	width: 960px;
	float: left;
}

h2{
	font-size: 16px;
	text-transform:uppercase;
	margin-bottom: 4px;
}


h3{
	font-size: 14px;
	text-transform:uppercase;
	margin-bottom: 4px;
}



.clear{clear:both;}

/* Header
----------------------------------------------------------------------*/

div#header-wrapper{
	background: url('http://www.runemolnes.com/assets/images/rm-nettside-00-topbar.png') no-repeat top center; 
	width: 100%;
	height: 80px;
	position: relative;
	z-index: 999;
	text-align: center;
}

div#header-wrapper img{
	filter:alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
	padding-top: 5px;
}
div#header-wrapper img:hover{
	opacity: 0.5;
	filter:alpha(opacity=50);
}





/* Content
----------------------------------------------------------------------*/

div#content-glow{
	width: 100%;
	height: auto;
	background: url('http://www.runemolnes.com/assets/images/bg-glow.jpg') no-repeat top center;
}

div#content-wrapper{
	width: 100%;
	height: auto;
	background: url('http://www.runemolnes.com/assets/images/bg.png') repeat;
}






/* Menu
----------------------------------------------------------------------*/	

div#menu-wrapper{
	position: relative;
	z-index: 700;
	width: 100%;
	height: 430px;
	margin-top:-50px;
	padding-top: 50px;
	background: url('http://www.runemolnes.com/assets/images/rm-nettside-00-footer.png') no-repeat top center;
}

div#menu{
	width: 980px;
	height: 240px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

div.hr{
	float: left;
	width:2px;
	margin-top: 20px;
	height: 126px;
	background: url('http://www.runemolnes.com/assets/images/hr.jpg') repeat-y;
	margin-right: 20px;
}

div.hr-right{
	float: right;
	width:2px;
	margin-top: 20px;
	height: 126px;
	background: url('http://www.runemolnes.com/assets/images/hr.jpg') repeat-y;
}

div#branding{
	float: left;
	width: 180px;
	height: 154px;
	margin-right: 40px;
}

div#navigation{
	float: left;
	width: 250px;
	margin-right: 20px;
}
	
	div#navigation ul{
		width: 250px;
		margin-top: 8px;
	}
	
	div#navigation ul li{
		float: left;
		text-transform: uppercase;
		width: 250px;
	}
	
	div#navigation ul li a{
		color: #dbdbdb;
		text-decoration: none;
		display: block;
		padding: 3px 16px 1px;
		font-size: 12px;
	}
	
	div#navigation ul li a:hover{
		background: #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bababa));
		background: -moz-linear-gradient(top,  #e4e4e4,  #bababa);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#bababa');
		color: #2c2c2c;
	}
	
	div#navigation ul li a:active{
		background: #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#777));
		background: -moz-linear-gradient(top,  #bababa,  #777);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#777777');
		color: #2c2c2c;
	}
	
	div#navigation ul li a.active{	
		background: #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bababa));
		background: -moz-linear-gradient(top,  #e4e4e4,  #bababa);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#bababa');
		color: #2c2c2c;
	}

div#latest-blog-entry{
	float: left;
	width: 416px;
	margin-top: 8px;
	color: #dbdbdb;
}

	div#latest-blog-entry p{
		text-align: justify;
	}

	div#latest-blog-entry a.read-more{	
		background: #e4e4e4;
		background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#bababa));
		background: -moz-linear-gradient(top,  #e4e4e4,  #bababa);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#bababa');
		color: #2c2c2c;
		text-decoration: none;
		display: block;
		padding: 3px 16px 1px;
		font-size: 12px;
		width: 150px;
		text-align: right;
		float: right;
		margin-top: 10px;
		text-transform: uppercase;
	}



/* Footer
----------------------------------------------------------------------*/	

div#footer{
	width: 980px;
	height: 10px;
	margin: 0 auto;
	padding: 40px 0 20px;
	text-transform: uppercase;
	font-size: 12px;
}

div#footer table{
	width: 980px;
	color: #777;
}

div#footer table td#follow{
	width: 100px;
}

div#footer table td#social{
	text-align: right;
	width: 200px;
}

div#footer table td#social a{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
div#footer table td#social a:hover{
	opacity: 1;
	filter:alpha(opacity=99);
}
div#footer table td#social a:active{
	opacity: 0.9;
	filter:alpha(opacity=90);
}

div#byiogm {
	margin-top: 30px;
	opacity: 0.3;
	filter:alpha(opacity=30);
	font-size: 10px;
	text-align: right;
}


div#byiogm a{color:#fff;text-decoration:none;}
div#byiogm a:hover{opacity:1;filter:alpha(opacity=99);}




/* Home
----------------------------------------------------------------------*/

div#home{
	width: 980px;
	height: 461px;
	background: #000;
	margin: 0 auto;
	text-align: center;
}

div#home div#slider{
	width: 978px;
	margin: 0 auto;
}


/* Gallery
----------------------------------------------------------------------*/

div#gallery{
	width: 1020px;
	margin: 0 auto;

}

div#gallery-wrapper{
	width: 960px;
	margin: 0 auto;
	background: url('http://www.runemolnes.com/assets/images/gallery-top-bg.jpg');
	padding: 0 10px;
	height: 148px;
}

div#gallery-picture{
	width: 960px;
	margin: 0 auto;
	padding: 10px 10px;
	background: #000;
	min-height: 500px;
	padding-bottom: 55px;
}


ul#gallery-categories{
	width: 960px;
	float: left;
	height: 34px;
	margin-top: 17px;
}

	ul#gallery-categories li{
		float: left;
		margin-right: 20px;
	}
	
	ul#gallery-categories li a{
		color: #8a8a8a;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 12px;
	}
	
	ul#gallery-categories li a.active{
		color: #FAFAFA;
	}
	
	ul#gallery-categories li ul{display:none;}
	ul#gallery-categories li:hover ul {display:block;}
	
	ul#gallery-categories li a:hover{
		color: #cacaca;
	}


div.gallery-display{
	width: 980px;
	height: 400px;
	margin: 0 auto;
}
	
	div.gallery-display ul{
		width: 980px;
		height: 400px;
	}
	
	div.gallery-display li{
		padding: 11px 10px 26px;
		width: 225px;
		float: left;
	}
	div.gallery-display li:nth-child(1), div.gallery-display li:nth-child(2), div.gallery-display li:nth-child(3),div.gallery-display li:nth-child(5), div.gallery-display li:nth-child(6), div.gallery-display li:nth-child(7) {
	  	padding-right: 11px;
	}
	
	div.gallery-display li:nth-child(4),div.gallery-display li:nth-child(8){
		padding-right: 0;
		padding-left: 11px;
	}
	
	div.gallery-display a{
		display: block;
	}
	
	div.gallery-display p{
		
		text-transform: uppercase;
	}
	
	div.gallery-display img{
		border: 3px solid #dadada;
		opacity: 0.6;
		filter:alpha(opacity=60);
	}
	
	div.gallery-display img:hover{
		opacity: 1;
		filter:alpha(opacity=99);
	}
	

/* Biography
----------------------------------------------------------------------*/

div#biography{
	width: 980px;
	height: 1017px;
	background: url('http://www.runemolnes.com/assets/images/biography-bg.jpg');
	margin: 0 auto;
	display:none;
}

div.biography-wrapper{
	width: 900px;
	height: 900px;
	margin: 0 auto;
	color: #3a3a3a;
}

div#biography-left-column{
	width: 430px;
	float: left;
	text-align: justify;
}

div#biography-right-column{
	width: 430px;
	float: right;
	text-align: justify;
}

div#biography-awards{
	width: 420px;
	height: 150px;
	height: auto;
	margin-top: 200px;
	margin-left: -41px;
	padding: 20px 20px 20px 41px;
	float: left;
	background: rgba(0,0,0,0.8);
	color: #bababa;
	text-align: justify;
}

span#bio-page2, span#bio-page1 {float:right; margin-right: 60px; cursor:pointer; font-size: 16px; opacity: 0.4;filter:alpha(opacity=40);}
span#bio-page2:hover, span#bio-page1:hover {opacity: 1;filter:alpha(opacity=99);}

div#biography2{
	width: 980px;
	height: 1017px;
	background: url('http://www.runemolnes.com/assets/images/biography-bg2.jpg');
	margin: 0 auto;
	display:none;
}

div#biography-column{
	width: 900px;
	text-align: justify;
	margin-top: 25px;
	float: left;
}


/* Blog
----------------------------------------------------------------------*/

div#blog{ width: 960px; height: auto; padding: 0 10px 40px; margin: 0 auto; background: #000; }

div#blog-article{ float: left; width: 606px; text-align: justify; }
div#blog-article a{	color: #bababa; }
div#blog-article div.blog-image{ background: #FAFAFA; display: block; margin: 0 15px 5px 0;	width: 222px; height: auto;	float: left; border: 3px solid #FAFAFA;	color: #3a3a3a;	text-align: center; }
div#blog-article div.blog-image img{ float:left; padding-bottom: 4px; }
div#blog-article img.big-picture{ border: 3px solid #FAFAFA; margin: 10px 0;}

div#blog-archive{float: right;	width: 320px;}
div#blog-archive h2{padding-left: 20px;}
div#blog-archive a{
	color: #bababa;
	text-decoration: none;
	display: block;
	width: 280px;
	height: 9px;
	padding: 2px 0 8px 20px;
	font-size: 12px;
}

div#blog-archive a:hover{background: url('http://www.runemolnes.com/assets/images/blog-archive-arrow.jpg');color: #3a3a3a;}

span.FBConnectButton_Text_Simple{text-decoration: underline;}


/* Fine Art
----------------------------------------------------------------------*/

div#fineart{
	width: 980px;
	height: 953px;
	margin: 0 auto;
	background: url('http://www.runemolnes.com/assets/images/fineart-bg.jpg') #000;
}

div#fineart-header{
	text-indent: -9999px;
	width: 980px;
	height:551px;
}

div#fineart-left-column{
	float: left;
	width: 420px;
	padding: 20px 20px 20px 40px;
	text-align: justify;
}

div#fineart-right-column{
	float: right;
	width: 420px;
	padding: 20px 40px 20px 20px;
	text-align: justify;
}


/* Assignment
----------------------------------------------------------------------*/

div#assignment{
	width: 980px;
	margin: 0 auto;
	background: #dbdbdb;
}

div#assignment-wrapper{
	width: 940px;
	margin: 0 auto;
	background: url('http://www.runemolnes.com/assets/images/assignment-bg.png') repeat;
	padding: 0 20px;
}

div#assignment-header{
	width: 940px;
	height: 100px;
}

div.assignment-category{
	width: 940px;
	height: 250px;
	background: url('http://www.runemolnes.com/assets/images/assignment-cat-bg.jpg');
	border: 1px solid #adadad;
	clear:both;
}

div.assignment-cat-picture{
	width: 455px;
	height: 250px;
	float: left;
}

div.assignment-cat-text{
	width: 445px;
	float: right;
	padding: 20px;
	color: #fafafa;
}

div#assignment-contact{
	width: 940px;
	height: 190px;
	background: url('http://www.runemolnes.com/assets/images/assignment-contact.png');
	text-align: center;
	color: #3a3a3a;
	padding-top: 30px;
}

div#assignment-contact p{
	width: 300px;
	margin: 0 auto;
	text-align: justify;
}


/* Contact
----------------------------------------------------------------------*/

div#contact{
	width: 980px;
	height: 953px;
	background: url('http://www.runemolnes.com/assets/images/contact-bg.gif') repeat top center;
	background-position: -386px 38px;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
}

div#contact-info{
	width: 295px;
	height: 953px;
	background: rgba(0,0,0,.8);
	padding: 20px;
}

div#contact-info a{
	color: #bababa;
}

div#map-marker{
	position: absolute;
	left: 611px;
	top: 446px;
	width: 200px;
	height: 73px;
	background: url('http://www.runemolnes.com/assets/images/map_marker.png') no-repeat;
}

div#map-marker > div{
	position:absolute;
	top: -28px;
	left:-40px;
	background: rgba(0,0,0,0.6);
	padding: 5px 10px;
	border: 1px solid #111;
	text-transform:uppercase;
	font-size: 10px;

}

div#contact-info h1{
	color: #FAFAFA;
	line-height: 60px;
	font-size: 55px;
	width: 315px;
	height: auto;
	padding-top: 0;
	margin-bottom: 10px;
}

div#contact-info h2{
	margin-bottom: 20px;
	font-size: 18px;
}

div#contact-info table{
	margin-top: 20px;
}

div#contact-info input[type="text"]{
	font-family: 'DIN1451StdMittelschrift', Helvetica, Arial, sans-serif;
	width: 258px;
	height: 38px;
	margin-bottom: 3px;
	border: 1px solid #393939;
	background: url('http://www.runemolnes.com/assets/images/form-input.jpg');
	color: #bababa;
	padding-left: 10px;
	font-size: 12px;
}

div#contact-info input[type="submit"]{
	font-family: 'DIN1451StdMittelschrift', Helvetica, Arial, sans-serif;
	width: 86px;
	height: 30px;
	background: url('http://www.runemolnes.com/assets/images/form-submit.jpg');
	color: #bababa;
	border: 0;
	float: right;
	cursor: pointer;
	padding-top: 2px;
}

div#contact-info input[type="text"]:focus{
	background-position: 0 -38px;
}

div#contact-info textarea{
	font-family: 'DIN1451StdMittelschrift', Helvetica, Arial, sans-serif;
	width: 258px;
	height: 128px;
	font-size: 12px;
	margin-bottom: 3px;
	border: 1px solid #393939;
	background: #000;
	color: #bababa;
	padding-left: 10px;
	padding-top: 10px;
}

div#contact-info textarea:focus{
	background: #202121;
}


/* Projects
----------------------------------------------------------------------*/

div#projects{
	width: 960px;
	margin: 0 auto;
	background: #000;
	padding-bottom: 40px;
}

div#projects h1{ color: #dadada; margin-bottom: 20px;  }
div#projects h2{ float: right; }

div.project{
	clear: both;
	margin-bottom: 20px;
}

div.project-left-column{
	width: 460px;
	float: left;
}

div.project-left-column img{
	border: 2px solid #c4c4c4;
}

div.project-right-column{
	width: 480px;
	float: right;
	text-align: justify;
}

a.project-readmore{
	display: block;
	clear: both;
	margin-top: 15px;
	text-transform: uppercase;
	color: #DADADA;
	text-decoration: none;
}



/* About Project
----------------------------------------------------------------------*/

div#aboutproject{
	width: 1020px;
	margin: 0 auto;
}

div#aboutproject-header{
	width: 960px;
	margin: 0 auto;
	background: #000;
	padding: 0 10px 20px;
}

div#aboutproject a {color: #DADADA;}

div#aboutproject-header h1{ color: #222;width: 300px; }
div#aboutproject-header h2{ font-size: 24px; float: right; position: relative; top: 60px;}

div#project-gallery{ padding-bottom: 0;}
div#project-gallery div.gallery-display{
	background: #000;
}

div#project-picture img{
	max-width: 940px;
	max-height: 600px;
}

div#project-picture{
	width: 900px;
	margin: 0 auto;
	text-align:center;
	padding: 10px 10px;
	background: #000;
	min-height: 440px;
}
div#project-picture img{
	max-width: 900px;
	max-height: 640px;
}

div#project-picture .advance-link{
	color: #000;
	border:0;
}

div#project-text{
	width: 960px;
	background: #000;
	margin: 0 auto;
	padding: 0 10px 50px;
}

div#project-text h2{ font-size: 24px; padding-top: 10px;}

div#project-text-left-column{
	width: 460px;
	float: left;
	text-align:justify;
}
div#project-text-right-column{
	width: 460px;
	float: right;
	text-align:justify;
}

div.project-left-column a{
	color: #FAFAFA;
	text-decoration: none;
}

.galleria-image img { cursor: url('http://www.runemolnes.com/assets/images/zoomin.cur'), pointer !important;}
.galleria-lightbox-box .galleria-image img {cursor: pointer !important; }
.galleria-lightbox-content	{background: #222 !important;}
.galleria-lightbox-title{color: #FAFAFA;}

.galleria-lightbox-counter{color: #AAA;}
.galleria-lightbox-close{background: #222 !important;}