/* Begin Style 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,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; } 
object,embed{margin:0;padding:0;outline:none; display:block;}

/* End Style Reset */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background:#d7d7d7 url(/static/gfx/img/bg.png) 0 0 repeat-x;
	color:#000;
}

#wrapper{
	width:990px;
	margin:0 auto;
	text-align:left;
}

#top{
	background:#542062 url(/static/gfx/img/top.png) 0 0 repeat-x;
	width:980px;
	height:236px;
}

#logo{
	padding:40px 0 8px 30px;
}

#demofilm{
	float:right;
	position:relative;
	margin-top:-170px;	
	margin-right:-20px;
	z-index:2;
}
/* Begin Navigation */
#nav{
	background:#3e3e3e url(/static/gfx/img/menu.png) 0 0 repeat-x;
	width:985px;
	height:50px;
	position: absolute;
	margin-top:17px;
}


#nav ul{
	list-style-type:none;
	float:left;
}

#nav ul li{
	display:inline;
}

#nav ul li a{
	float:left;
	display:block;
	height:50px;
	padding:0 15px;
	text-decoration:none;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0 1px 2px #111;
	line-height:50px;
	background:url(/static/gfx/img/menu-sep.png) right top no-repeat;
}

#nav ul li a:hover{
	background:url(/static/gfx/img/menu-hover.png) right top no-repeat;
}


#content ul.loggedin-list{
	margin-left:0;
	font-size:13px;
}

ul.loggedin-list li{
	margin-bottom:8px;
	border-top:1px solid #e6e6e6;
	padding:8px 0 0;
	list-style-type:none;
}
ul.loggedin-list li a{
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
ul.loggedin-list li a:hover{
	color:#e67030;
}


#content ul.info{
	list-style:none;
}
#content ul.movies-list{
	list-style:none;
	margin-left:0;
}


/* End Navigation */

#content{
	background:#fff url(/static/gfx/img/content-bottom.png) left bottom no-repeat;
	min-height:300px;
	width:980px;
	padding-bottom:30px;
}

/*
#content-inner{
	background:url(/static/gfx/img/content-top.png) 0 0 repeat-x;
	width:980px;
}
*/

#content-inner{
	padding:20px 30px;	
}



#main{
	width:650px;
	background:url(/static/gfx/img/content-sep-left.png) 0 0 no-repeat;
	padding:24px 0px 24px 30px;
	min-height:400px;
}

#sidebar-left{
	width:230px;
	padding:20px;
}


#login-area{
	list-style:none;
}

#sidebar-right{
	width:100px;
	min-height:400px;
	padding:16px 20px 0 40px;
	background:url(/static/gfx/img/content-sep-right.png) 0 0 no-repeat;
}

#sidebar-right form{
	margin-bottom:6px;
}

.content-holder{
	width:600px;
	float:left;
	padding-top:0px;
}

/* Start User Login Index */

.login .submit-btn{
	height:25px;
	width:76px;
	background:url(/static/gfx/img/bg-button-orange.jpg) repeat-x center;
	border:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
}


.index #content-inner{
	padding:0 0 0 20px;	
}

.index #sidebar-right{
	width:250px;
	padding:0;
	padding-left:28px;
	padding-top:8px;
}

.index #content{
	padding-bottom: 1px;
}



.login.user{
	background:#5f2a6c url(/static/gfx/img/login-user-bg.png) 0 0 no-repeat;
	color:#fff;
	width:224px;
	padding:10px 10px 0 10px;
}
.login.user.clear{
	background:url(/static/gfx/img/login-user-bg-bottom.png) 0 0 no-repeat;
	width:244px;
	height:14px;
}

.login.user p{
	color:#fff;
	font-size:11px;
	margin-bottom:0;
		font-weight:bold;
}
.login.user h4{
	color:#fff;
	font-size:14px;
	text-transform:none;
	padding-bottom:6px;
}
.login label{
	width:60px;	
	margin-bottom:6px;
	vertical-align:middle;
	font-weight:bold;
	padding-top:2px;

}
.login input{
	border:1px solid #333;
	height:14px;
	-moz-border-radius:3px;
	font-size:11px;
	width:145px;

}

.login.user a{
	color:#fff;
}

.login.user #reg{
	padding-top:12px;
	width:216px;
}

.logintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-color:#FFFFFF;
	text-decoration:none;
	line-height:1.2em;
}

/* End User Login Index */

.annons{
	margin-bottom:16px;
}


#footer{
	background:url(/static/gfx/img/footer.png) 0 0 no-repeat;
	width:980px;
	height:100px;
	margin-top:10px;
	padding-top:12px;
	color:#fff;
}

#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .credit a{
	color:#838383;
}

.contact-col1{
	margin-left:130px;
	background:url(/static/gfx/img/footer-sep.png) 0 0 no-repeat;
	padding:6px 20px;
}


.contact-col2{
	background:url(/static/gfx/img/footer-sep.png) 0 0 no-repeat;
	padding:6px 20px;
}
.contact-col3{
	background:url(/static/gfx/img/footer-sep.png) 0 0 no-repeat;
	padding:18px 5px 15px 85px;
}

.credit{
	padding:15px 30px;
}

.picture{
	width:220px;
	background:#666;
	padding:10px;
	display:block;
	clear:both;
}


.startcol{
	width:333px;
	margin-right:4px;
	padding-top:20px;
}
.startbox{
	width:303px;
	padding:12px 15px;
}
.startbox p{
	color:#fff;
}
.startbox h2{
	color:#fff;
}
.startbox h1{
	color:#fff;
	font-size:20px;
}
.startbox.purplebg{
	background:url(/static/gfx/img/purple-box-bg.png) 0 0 no-repeat;
}
.startbox.orangebg{
	background:url(/static/gfx/img/orange-box-bg.png) 0 0 no-repeat;
}

/* Typography & Colors */

p{
	font-size:13px;
	line-height:1.5em;
	margin-bottom:1.5em;
}
#main ul {
	list-style-type: disc;
	margin:0 0 1.5em 1.5em;
	
}

#main ul ul, #main ul ol, #main ol ol, #main ol ul {
	margin:5px 0 5px 1.5em;
}

ol {
	
	list-style-type: decimal;
	margin:0 0 1.5em 2.5em;
}

#main li {
	font-size:13px;
	margin:0 0 8px;
	line-height:1.5em;
}

li p{
	font-size:1em;
}

#content .nodots{
	list-style:none;
	margin-left:0;
}


/* CV */
.cv-list span.cv{
	font-size:14px;
	padding-bottom:4px;
	display:block;
}
.cv-list span.cvedit{
	color:#ccc;
	font-size:11px;
	font-weight:bold;
	padding-top:4px;
	display:block;
}

.cv-list li{
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #eee;
}

/* */



h1,h2,h3,h4,h5,h6{
	color:#4e1b5c;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:0.3em;
}

h1{
	font-size:24px;
}

h2{
		color:#000000;
	font-size:19px;
}

h3{
	color:#000;
	font-size:17px;
}
h3 a{
	color:#000;
	text-decoration:none;
}

h4{
	font-size:15px;
}
li h4{
	font-size:1em;
}



a{
	color:#762e8a;
}

a:hover{
	color:#e67030;
}


.annons p{
	color:#7d7c7b;
	font-size:1.1em;
}

h3.tag{
	background:url(/static/gfx/img/tag.png) 0 0 no-repeat;
	display:block;
	padding:10px 15px 0;
	position:relative;
	margin-left:1px;
	width:241px;
	height:48px;
}
h3.tag-left{
	background:url(/static/gfx/img/tagleft.png) 0 0 no-repeat;
	display:block;
	padding:10px 25px 0;
	position:relative;
	margin-left:-32px;
	width:231px;
	height:48px;
}

.foretag-img{
	display:block;
	padding: 8px 15px 8px 15px;
	border-bottom:1px solid #eee;
	text-align:center
}

h3 span.loggedin{
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
}

h3.tag-up{
	background:url(/static/gfx/img/tag-up.png) 0 0 no-repeat;
	display:block;
	padding:15px 15px 0;
	position:relative;
	margin-left:1px;
	width:241px;
	height:48px;
}

a.edit-btn{
	background:#4e1b5c;
	color:#fff;
	margin-bottom:10px;
	padding:4px 10px;
	font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	display:block;
	text-align:center;
	float:right;
}


.btn{
	display:block;
	background:url(/static/gfx/img/btn-sprite.png) 0 0 no-repeat;
	height:25px;
	width:138px;
	color:#fff;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	padding:6px 10px 0;
}
.btn:hover{
	color:#fff;
}
.purple{
	background-position:0 0;
}
.purple:hover{
	background-position:0 -31px;
}
.orange{
	background-position:0 -62px;
}
.orange:hover{
	background-position:0 -93px;
}
.grey{
	background-position:0 -124px;
}
.grey:hover{
	background-position:0 -155px;
}	

p.date{
	color:#666;
	font-size:1.1em;
	margin-bottom:0.1em;
}

#nav{
	font-family:"Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#footer p{
	font-size:1.1em;
}

#main ul{
	margin:6px 0 20px 16px;
}
#main ul li{
	font-size:13px;
	margin-bottom:0.7em;
	
}


/* Forms & lists */


textarea{
	max-width:400px;
}

form{
	margin-bottom:20px;
}

.errorlist{
	color:#ff1349;
	list-style:none;
	padding-left:0;
	font-size:10px;
	font-weight:bold;
	margin:0 0 8px; 
}

label{
	width:140px;
	display:inline-block;
	vertical-align:top;
}

label.radio-label{
	width:auto;
}

input, textarea{
	padding:2px 3px;
}


textarea{
	font:1em Arial, Helvetica, sans-serif;	
}

#content form p{
	margin-bottom:0.5em;
}



ul.list{
	padding-left:1.5em;
	list-style-type:disc;
}
/* 	Various	*/

#sidebar-right hr, #main hr{
	display:block;
	clear:both;
	height:1px;
	background:#ebebeb;
	color:#ebebeb;
	border:0;
}

img.left{
	float:left;
	margin:0 10px 10px;
}


.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.lefttitle{float:left; width:600px}
hr{display:none;}

hr.clear{color:#fff; background:#fff; clear:both; border:0; display:block; height:1px;}

/* Tillägg av Tedde */

#main ul.applications { margin: 20px 0; }
#main ul.applications > li { overflow: auto;  }
#main ul.applications li img { display: block; float: left; margin: 0; padding: 0 15px 0 0;  }
#main ul.applications li ul { float: left; padding: /*0 0 0 15px*/0; margin: 0; }
#main ul.applications li ul li { font-size: 13px; margin: 0 0 3px 0; }
#main ul.applications li a { font-size: 18px; }

#cv-wrap h3 { margin-top: 15px; }
#cv-wrap ul.items { margin: 10px 0 5px 0; width: 380px; padding-bottom: 20px;  }
#cv-wrap ul.items li { margin: 5px 0 5px 0; padding: 20px; overflow: auto; border: 1px solid #ccc; background: #e5e6e5 url(/static/gfx/img/interesting-li-background.png) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#cv-wrap ul.items h4 { margin-bottom: 6px; }
#cv-wrap ul.items h5 { color: black; margin-top: 5px; padding-bottom: 3px; }
#cv-wrap ul.items p { margin-bottom: 0; }

#sidebar-right div.press { padding: 15px 15px; }

#main div.demo-movie { margin: 10px 0 20px 0; }
#main div.demo-movie p { margin-bottom: 4px; }

#main div.detail-wrap { overflow: auto; }
#main div.detail-wrap div.left { float: left; width: 500px; }
#main div.detail-wrap img { display: block; float: right; margin-bottom: 10px; }

.detail-wrap {float: auto; width: 630px; }
div.flashplayer { margin: 0 0 0 10px; }