/*  
Theme Name: Oceanfilm
Author: Interspace
Author URI: http://www.interspace.se
Description: Oceanfilm is a simple Widget ready Theme with left sidebar and Top Menu, based off Demolision Black from <a href="http://www.themesdb.de">Themes Database</a>.
Version: 1.0
Tags: white, two columns, fixed width, light, minimal 
*/

html,body{margin:0;padding:0; /*background:#dfeacd url(images/bg.gif);*/ font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; background-color:#FFFFFF;} 
body{font:76% verdana; text-align:center;}
p{margin:0 14px 10px}
#container{text-align:left; width:789px; margin:0 auto 0;}
#content p{line-height:1.4}
a {color: #2f516b; text-decoration:none;}
h3 { margin-top:60px;}
img {margin-right: 8px; margin-bottom: 2px; border: 1px solid #c0c0c0;}
/* Header xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.head_part1 { background:url(images/head1.png); width:789px; height:42px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom: 1px solid #FFFFFF; padding-left: 0px; padding-top:1px; }
.head_part1 a {color:#666; text-decoration:none; font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.head_part1 a:hover {text-decoration:none; }
/*.description { margin-top:-10px; color:#999; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-indent:50px;}*/
/* Internet explorer 6! only */
*html .head_part1 { height: 80px; padding-top:25px; }

.head_part2 { background:url(images/head2.png); width:789px; height:200px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding-left: 0px; padding-top:0px; }
.head_part2 a {color:#666; text-decoration:none; font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.head_part2 a:hover {text-decoration:none; }
/*.description { margin-top:-10px; color:#999; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-indent:50px;}*/
/* Internet explorer 6! only */
*html .head_part2 { height: 80px; padding-top:25px; }

.head_part3 { background:url(images/head3.png); background-color: #9099a6; width:789px; height:29px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding-left: 0px; padding-top:0px; }
*html .head_part3 { height: 80px; padding-top:25px; }


.head_part3 { /*background:url(images/head3.png);*/ background-color: #9099a6; width:789px; height:29px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding-left: 0px; padding-top:0px; }

/* Top Navigation xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.top_navi_wrap { padding-top: 0px; float:left; width:80px;}
.top_navi { width:789px; height:29px; /*background:url(images/bg_navi.gif);*/  position:relative; float:left; /*border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom:1px #ffffff solid;*/ }

/*.top_navi em { display:none}
.top_navi ul { list-style:none; margin:0px; padding:0px 8px;}
.top_navi ul li ul { display:none;}
.top_navi li { padding:0px; margin:0px; display:inline; font-size:11px; font-family:arial; font-weight:bold; text-transform:uppercase; color:#fff; line-height:12px;}
*html .top_navi li { line-height:10px;}
.top_navi a { padding:10px 6px 9px 6px; margin-right:1px; display:block; text-decoration:none; float:left; color:#000;}
.top_navi a:hover { background: url(images/bg_menu_top_hover.gif) repeat-x;  color:#000; text-decoration:none; }
.top_navi li.current_page_item  a { background: url(images/bg_menu_top_hover.gif) repeat-x;  color:#000; text-decoration:none; }*/

/* THED */

/*.top_navi_wrap{padding: 3em 0 0 1em; border-bottom: 1px solid #000000; background: #a9c0c6 url(bakgrund.jpg) no-repeat;}*/
.top_navi_wrap ul{padding: 0.4em 0; margin: 0;  font: 10px Verdana, Helvetica, sans-serif;}
.top_navi_wrap li{margin: 0; padding: 0; display: inline; list-style: none;}
.top_navi_wrap li a{text-decoration: none; padding: 0.55em 1em; margin-left: 1em; border: 1px solid #60777d; border-bottom: none; background: #c9d3d6;}
.top_navi a { padding:10px 6px 9px 6px; margin-right:1px; display:block; text-decoration:none; float:left; color:#000;}
.top_navi_wrap a:link{color: #000000;}
#meny a {color: #000; background-color:#fff; font-weight:bold;}
#meny a:visited{color: #000;}
#meny a:hover{background-color: #eeeeee; color:#000000;}
#meny a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}

/* opacitetsbox för IE */
#opacitet {width: 100%; padding: 1px 0 0 0; opacity: 0.9; filter: alpha(opacity=80);}









/* Content Entry Post xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#contentwide{ width:789px; margin-left:0px; margin-bottom: -10px;}
#content{ width:582px; margin-left:206px; margin-bottom: -10px; /*border: 1px solid black;*/}
.wrapper{float:left; width:789px; /*background:#fafafa url(images/bg_wrapper.gif) repeat-y ;*/ border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;}






/* ENTRY (PAGE) START*/
.post {width:560px; display:block; float:left; padding-left:20px; padding-top:20px; padding-bottom:14px; }
.postindex {width:560px; display:block; float:right; padding-left:0px; padding-top:0px;}
.entry {width: 540px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:0px;  padding-top:0px; }
.entryindex {width: 560px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:33px;  padding-top:24px; }
.top_row { background:#ffffff;  height:30px;  float:left; width:510px; padding-left:12px; line-height: 35px; padding-right:4px; padding-bottom: 10px}
.top_rowindex { background:#eeeeee; border:0px solid #f1f1f1;  height:30px;  float:left; width:580px; padding-left:6px; line-height: 35px; padding-right:4px;}

.bottom_row { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:360px; padding-left:6px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.bottom_rowindex { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:360px; padding-left:6px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.entry h4 {padding-left: 14px;}
.top_row_right {float:right;}
.top_row_left { float:left;}
.top_row a { font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.admin_symbol { background:url(images/user_symbol.gif); width:13px; height:18px; }
.top_row_left_page { color: #91a6b4; font-size:24px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom: 10px;}

/* IE 6 only */
*html .entry {margin-top:-19px;}
*html .top_row_left { margin-top:-7px;}
*html .top_row {padding-top:5px; height:25px;  }







/* NEWSLISTING START*/
.newspost {width:388px; display:block; float:left; padding-left:0px; padding-top:20px;  }
.newspostindex {width:388px; display:block; float:left; padding-left:0px; padding-top:0px;  }
.newsentry {width: 388px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:0px;  padding-top:24px;  }
.newsentryindex {width: 388px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:33px;  padding-top:2px; }
.newstop_row { background:#ffffff;  height:30px;  float:left; width:388px; padding-left:0px; line-height: 35px; padding-right:4px;}
.newstop_rowindex { background:#ffffff; border-bottom:1px dotted #c0c0c0; height:30px;  float:left; width:374px; line-height: 40px; padding-right:0px; margin-left: 14px;}

.newsbottom_row { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:388px; padding-left:0px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.newsbottom_rowindex { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:388px; padding-left:0px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.newstop_row_right {float:right;}
.newstop_row_left { float:left;}
.newstop_row a { font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.newsadmin_symbol { background:url(images/user_symbol.gif); width:13px; height:18px; }
.newstop_row_left_page { color: #cc9900; font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.newsentryindex img {margin-right: 8px; margin-bottom: 2px; border: 1px solid #c0c0c0;}

/* IE 6 only */
*html .entry {margin-top:-19px;}
*html .top_row_left { margin-top:-7px;}
*html .top_row {padding-top:5px; height:25px;  }

/* REFERENSLISTING START*/
.referenspost {width:348px; display:block; float:left; padding-left:0px; padding-top:20px;}
.referenspostindex {width:348px; display:block; float:left; padding-left:0px; padding-top:0px; }
.referensentry {width: 348px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:33px;  padding-top:24px; }
.referensentryindex {width: 348px; /*background: url(images/content_head.gif) repeat-x;*/ margin-top:33px;  padding-top:2px; }
.referenstop_row { background:#eeeeee; border:1px solid #f1f1f1;  height:30px;  float:left; width:348px; padding-left:0px; line-height: 35px; padding-right:4px;}
.referenstop_rowindex { background:#ffffff; border-bottom:1px dotted #c0c0c0;  height:30px;  float:left; width:334px; padding-left:0px; line-height: 40px; padding-right:4px; margin-left:14px;}

.referensbottom_row { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:348px; padding-left:6px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.referensbottom_rowindex { background:#f5f5f5; border:1px solid #f1f1f1;  float:left; width:348px; padding-left:6px; padding-top:2px; padding-bottom:2px; padding-right:4px;}
.referenstop_row_right {float:right;}
.referenstop_row_left { float:left;}
.referenstop_row a { font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.referensadmin_symbol { background:url(images/user_symbol.gif); width:13px; height:18px; }
.referenstop_row_left_page { color: #cc9900; font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.referens img {margin-right: 8px; margin-bottom: 2px; border: 1px solid #c0c0c0;}
/* IE 6 only */
*html .entry {margin-top:-19px;}
*html .top_row_left { margin-top:-7px;}
*html .top_row {padding-top:5px; height:25px;  }


/* Entry List xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.postmetadata { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:10px; color:#999; line-height:13px;} 
.postmetadata a { color:#cc9900; font-size:10px;  } 
.postmetadata a:hover { color:#cc9900; text-decoration:none; border-bottom: 1px dashed #cc9900;} 
.metaauthordate { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#2f516b;}
/* Internet explorer 6! only */
*html .news_border { margin-top:-25px; border-bottom: 1px dashed #000;}

/* Comments Listings xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.comments_bg { float: right; padding-top:20px; padding-right:20px; padding-bottom:10px; margin-bottom: 10px;}
.comments_count {background: url(images/comments_button.gif) no-repeat; width:98px; height:42px; padding:5px 16px 16px 13px; font-size:11px;  }
.edit {/*background: url(images/edit_button.gif) no-repeat; width:92px; height:42px;margin-left: 10px;  padding:4px 11px 16px 11px;*/  text-align:center;}
.edit a {color:#FF0000;}
.comment_form { padding-left:40px; }
.comment_form textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif;} 

/* Entry Listings xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.entry ul { font-size:1em; padding:25px; margin:0px; padding-left:30px; padding-top:0px; padding-bottom:5px; line-height: 20px;} 
.entry ol{ font-size:1em; padding:25px; margin:0px; padding-left:40px; padding-top:0px; padding-bottom:5px; line-height: 20px;} 
.entry dl{ font-size:1em; padding:25px; margin:0px; padding-left:30px; padding-top:0px; padding-bottom:5px; line-height: 20px;} 
.entry dir{ font-size:1em; padding:25px; margin:0px; padding-left:30px; padding-top:0px; padding-bottom:5px; line-height: 20px;} 
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block;}


/* Sidebar Left (NOT IN USE /Thed) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.leftsidebar_wrapper { float:left; width:245px; background:#fafafa url(images/menu_headpart.gif) no-repeat right; padding-top:10px; border-top: 1px solid #fff; }
.leftsidebar_wrapper ul { list-style-image:url(images/bubble.gif); margin-left: 10px; padding-left:20px;}
.sidebar_left li a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:12px; display: block;
padding: 4px 0px 4px 0px; line-height:13px;}
.sidebar_left a:hover { color:#cc9933; text-decoration:none;}
.sidebar_left h2{color:#666666; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:14px;}
.sidebar_left ul {list-style: outside; list-style-image:none; padding:0px; margin:0px; }
.sidebar_left ul li {list-style:none; line-height:10px; background: url(images/menu_button.gif) no-repeat left; left center no-repeat; text-indent:14px;}
.sidebar_left ul li li {display:none;}
.sidebar_gradient { background: url(images/bg_sidebar_gradient.gif); height:15px; list-style:none; list-style-image:none;}

/* Internet explorer 6! only */
*html .sidebar_left a {padding: 0px 0px 0px 0px; line-height:13px;}
*html .sidebar_left li ul li {line-height:12px; height:16px; margin-top:3px; }
*html .sidebar_left li {margin-top:10px; }


/* Footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ 
.footer2{background: url(images/footer.png) repeat-x; height:26px; width:789px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; clear:both; text-align:center; margin-bottom:10px; line-height:24px;}
.footer1 { background:url(images/head3.png); repeat-x; height:29px; width:789px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; clear:both; text-align:center; }




.footer2 p{margin:0;padding-top: 2px; padding-left:5px; color:#666; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer2 a {color:#666666; text-decoration:none;}
.footer2 a:hover {color:#c0c0c0; border-bottom:1px dotted #cc9900;}

/* Commentform xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.comments_metadata {margin-top:2px; margin-bottom:10px;}
.comments_head {background:url(images/comments_head.gif) no-repeat; width:421px; height:18px; margin-top:4px; overflow:hidden;}
.comments_body {background:#f2f2f2; width:421px; min-height:20px;}
.comments_response { width:430px; margin:0 auto 0; padding-top:10px; }
.comments_foot {background:url(images/comments_foot.gif) no-repeat; width:421px; height:10px; margin-bottom:20px;}
.comments_form {margin-left:10px;}
.nocomments {padding-left:10px; color:#ff0000; padding-top:5px;}
.respond {font-size:14px; padding-left:15px; color:#333;}
.responses_comment{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#999; margin-left:20px;}
.leave_reply {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding-left: 7px; margin-bottom:10px;}
#submit {background:url(images/button.gif); width:130px; height:24px; border:none; color:#336600;}
.moderation_comments { margin-top:4px; font-style:italic;}

/* Internet explorer 6! only  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
*html .leave_reply {margin-bottom:-10px;}
*html .comments_foot {margin-bottom:-5px;}
*html .comments_metadata {margin-top:-10px; margin-bottom:10px;}
*html .moderation_comments { margin-top:-20px; margin-bottom:-40px;}

/* Calendar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#wp-calendar {empty-cells: show; font-size: 90%; margin: 0; width: 90%; padding: 0px;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar td {color: #999; font-size: 70%; letter-spacing: normal; padding: 2px 0; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar #today { color: #cc9933; font-weight:bold; font-size:12px; }

/* Comments xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 50; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; display: block;}
.commentlist li .avatar { float:left;}
.commentlist p { margin: 10px 0 10px 5px;}
.alt { background-color: #f5f5f5; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.h3_center { padding-left:40px; font-size:14px; color:#cc9900;   }
.submit_button { background: #000; color:#fff;}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


.firstpagetop {
	height: 320px;
	/*background-color:#CCCCCC;*/
	display:block;
	margin-left: 10px;

}

.firstpagebuttons {
	margin-left: 0px;
	float: left;
	width: 480px;
	display:block;
	/*background-color:#33FF00;*/
}

.firstpagebuttons a {
	display:block;
	background-color:#ffffff;
	border: 1px dotted #c0c0c0;
	width: 138px;
	height: 130px;
	margin-top: 18px;
	margin-left: 0px;
	margin-right: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	vertical-align:middle;
	text-align:center;
	float:left;
	color: #666;

	}

.firstpagebuttons a:hover {
	background-color:#eeeeee;
	border: 1px solid #c0c0c0;
	text-align:center;
	}
	
.firstpagebuttons img {
	border:1px solid black;
	margin-left: 2px;
	page-break-after:always;
	}
	
	
	
	.firstpagepresentation {
	margin-left: 11px;
	float: left;
	display:block;
	vertical-align:top;
	/*background-color:#666666;*/
	margin-right: 2px;
	margin-top: 10px;
	width: 760px;
	height: 150px;
	background:url(images/pres_top_inverted.png);
	background-repeat: no-repeat;
	
}


.firstpagelistings {
padding-top: 6px;
margin-left: 11PX;
}

.newslisting {
float: left;
width: 388px;
/*background-color: #c0c0c0;*/
/*border-right: 1px dotted #c0c0c0;*/
}

.referenslisting {
float: left;
width: 348px;
/*background-color: #c0c0c0;*/
margin-left: 20px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}
	
	#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}


	
	#sidebar
{
	padding: 20px 0 0px 0;
	margin-left: 10px;
	width: 190px;
	float:left;
	/*border: 1px solid black;*/
	}
	
	#sidebar a
{
	color: #2f516b;
	font-weight: bold;

	}
	
	#sidebar a:after
{
    content: " \bb\ ";
}

	#sidebar a:hover
{
	color: #2f516b;
	font-weight: bold;	
	border-bottom:1px dotted #999;
	margin-left: 0px;

	}	

/* End Sidebar */

.underrubrik { color: #91a6b4; font-size:18px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom: 2px; margin-left: 14px;}
.huvudrubrik { color: #91a6b4; font-size:24px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; }
.sidrubrik { color: #91a6b4; font-size:24px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; }