/*
Theme Name: Fröjd
Author: Peter Antonius
Author URI: http://antonius.me/
*/

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#848484;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* GLOBAL */
html {
	font-size:125%;
	}
body {
	background-color:#000;
	font:50% "Arial", sans, serif;
	color:#848484;
	margin:40px auto 20px;
	width:720px;
	}
a {
	color:#848484;
	text-decoration:none;
	}
a:hover,
a:focus {
	text-decoration:underline;
	}
header[role="banner"] h1 {
	display:block;
	height:295px;
	margin:20px 0;
	padding:10px 0;
	}
	header .bubble {
		margin-left: 380px;
		width: 200px;
		position:relative;
		padding:15px 30px 20px 30px;
		color:#000;
		background:#231F20; /* default background for browsers without gradient support */
		
		/* css3
		Using longhand to avoid inconsistencies between Safari 4 and Chrome 4
		*/
		-webkit-border-top-left-radius:25px 50px;
		-webkit-border-top-right-radius:25px 50px;
		-webkit-border-bottom-right-radius:25px 50px;
		-webkit-border-bottom-left-radius:25px 50px;
		-moz-border-radius:10px / 10px;
		border-radius:15px / 30px;
		/* NOTE: webkit gradient implementation is not as per spec */
/*
		background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
		background:-moz-linear-gradient(top, #f9d835, #f3961c);
		background:-o-linear-gradient(top, #f9d835, #f3961c);
*/
	}
	
	header .bubble strong{
		font-size: 32px;
		color: #f7f7f7;
		display: block;
		line-height: 1.2em;
	}
	header .bubble a{
		font-size: 14px;
	}
	
	/* creates the larger triangle */
	header .bubble:before {
		content:"";
		display:block; /* reduce the damage in FF3.0 */
		position:absolute;
		bottom:-30px;
		right:80px;
		width:0;
		height:0;
		border-width:0 0 30px 50px;
		border-style:solid;
		border-color:transparent #231F20;
	}
	
	/* creates the smaller triangle */
	header .bubble:after {
		content:"";
		display:block; /* reduce the damage in FF3.0 */
		position:absolute;
		bottom:-30px;
		right:110px; 
		width:0;
		height:0;
		border-width:0 0 30px 20px;
		border-style:solid;
		border-color:transparent;
	}
	
#main {background-color:#000;
		padding:30px 40px;}
	
.trans {
	opacity: .85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; // first!
	filter: alpha(opacity=85);					// second!
	}
	
article {
	/*border-top:6px solid #222;*/
	margin:10px 0;
	padding:10px 0;	
	}
	article h1 {
		font-size:2.4em;
		padding:10px 0 15px;
		letter-spacing:-1px;
		}
		article time {
			display:none;
			}
	article h2 {
		display:inline; 
		font-size: 1.4em;
		font-weight:700;
		}
		article h2:after {
		content: ": ";
		}
		
	article p {
		display:inline;
		font-size:1.4em;
		width:520px;
		line-height:1.4em;
	
		}

	
.img-slide {
	/*overflow:hidden;*/
	border:1px solid #222;
	/*border-left:1px solid #222;
	border-right:1px solid #222;*/
	height:300px;
	display:block;
	position:relative;
	}
	.img-slide #slide-holder {
		overflow:hidden;
		position:absolute;
		top:0;
		width:100%;
		height:100%;
	}
	.img-slide .slide-button {
		width:50px;
		height:74px;
		position:absolute;
		top:113px;
		cursor:pointer;
	}
	.img-slide #previous-btn {
		left:-50px;
	}
	/*.img-slide #previous-btn p {
		display:none;
		position:absolute;
		font-size:1.6em;
		font-weight:bold;
		color:#fff;
		top:28px;
		right:8px;
	}*/
	.img-slide .previous-basic {
		background:url(../img/slide-previous.png) no-repeat;
	}
	.img-slide .previous-hover {
		background:url(../img/slide-previous_hover.png) no-repeat;
	}
	.img-slide #next-btn {
		right:-50px;
	}
	.img-slide .next-basic {
		background:url(../img/slide-next.png) no-repeat;
	}
	.img-slide .next-hover {
		background:url(../img/slide-next_hover.png) no-repeat;
	}
	.img-slide ul {
		position:absolute;
		top:0px;
		list-style:none;
		float:left;
		font-size:1.3em;
		width:10000px;
		}
	.img-slide ul li {
		list-style:none;
		float:left;
		font-size:1.3em;
		}
		.img-slide ul li p {
			/*display:none;*/
			position:absolute;
			bottom:-18px;
			background-color:#000;
			color:#ddd;
			width:638px;
			padding:4px 8px 6px;
			font-family:arial;
			font-size:0.8em;
		}


#contact {
	overflow:hidden;
	border-top:2px solid #222;
	padding:20px 0 0;
	}
	#contact h2 {
		font-size:2.4em;
		margin:20px 0;
		padding:10px 0;
		display:none;
		letter-spacing:-1px;
		}
	#contact ul li {
		list-style:none;
		width:192px;
		float:left;
		font-size:1.3em;
		margin:10px 20px 10px 0;
		}
		#contact ul li h3 {
			font-weight:700;
			}
		#contact ul li .org,
		#contact ul li .adr {
			display:none;
			}

section.role h1,
section.role h1{
		font-size:2.4em;
		margin:5px 0 0 0;
		padding:10px 0;
		letter-spacing:-1px;
}			
section.role p,
section.role p{
	font-size: 1.4em;
}

section.ansokan{
	border-top: 0 ;
}

footer {
	border-top:2px solid #222;
	margin:10px 0;
	padding:10px 0;
	text-align:right;
	font-size:1.2em;
	}
	
	footer h2 {
		display:inline; 
		font-weight:700;
		}
		footer h2:after {
		content: ": ";
		}
	footer p {
		display: inline;
	}

li {
    font-size: 1.4em;
    line-height: 1.4em;
}