@charset "utf-8";
/*
Theme Name: Northern Lights
Theme URI: http://wordpress.org/
Description: Wordpress theme with 1-2-3 column layout, jQuery dropdown menu, widget-ready, email form integrated, easy to customize. Meny features. Enjoy!
Version: 1.2
Author: Phi - Andreas Wilthil
Author URI: 

*/

/*---Reset ---*/


/* CSS Document */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--- Global styles ---*/
* {
	margin:0px;
	text-align:left;
}
html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-repeat:repeat-x;
}
h1, h2, h3, h4, h5, h6, li.blog-header, .post-header, #slides p {
	font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h6 a:hover {
	text-decoration:none;
}
h6 a {
	font-weight:normal;
}
/*--- Structure ---*/
#wrapper {
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	background-repeat:no-repeat;
	background-position: top center;
	margin: 0 auto -140px;
}
#inner-wrapper {
	width:940px;
	margin:0 auto;
}
#header {
	margin:0 auto;
	width:960px;
	height:107px;
}
#nav {
	margin:0 auto;
	width:940px;
	background:#000;
	height:40px;
	border-bottom:1px solid #111;
}
#nav-menu {
	float:left;
	width:790px;
	height:auto;
}
#nav-search {
	position:relative;
	float:left;
	width:150px;
	height:auto;
	padding:4px 0px;
}
#feature {
	margin:0 auto 20px;
	width:940px;
}
#content {
	margin:0 auto;
	width:940px;
	height:auto;
	padding-top:0px;
}
#content.page {
	height:auto;
	min-height:400px;
	display:block;
	padding-top:30px;
	background:url(images/interface/default/bg-content-page.jpg) repeat-x;
}
.content-3-3 {
	display:inline;
	float:left;
	width:900px;
	margin:0px 20px 0px 20px;
}
.content-2-3 {
	display:inline;
	float:left;
	height:auto;
	width:585px;
	margin:0px 10px 20px 20px;
}
.content-1-3 {
	display:inline;
	float:left;
	height:auto;
	width:280px;
	margin:0px 10px 20px 20px;
}
.content-1-3 p {
	font-size:12px;
}
.content-1-3 img {
	margin-bottom:0px;
	clear:both;
	margin-bottom:20px;
}
#footer-wrapper {
	bottom:0px;
	width:100%;
	background:url(images/interface/default/bg-footer.gif) repeat-x;
	background-color:#fff;
	height:140px;
	overflow:hidden;
}
#footer-inner {
	background:url(images/interface/default/bg-footer-inner.gif) no-repeat top center;
	height:140px;
	text-align:center;
}
#footer-content {
	margin:0px auto;
	width:900px;
	padding-top:24px;
}
/*--- Lists ---*/
#nav-menu ul {
	margin:0px;
	padding:2px 0px 0px 10px;
	list-style:none;
}
#nav-menu li {
	width:auto;
	float:left;
	margin-right:30px;
	font-size:90%;
	display:inline;
	text-transform:uppercase;
	position:relative;
	z-index:200;
}
#nav-menu li a {
	margin-top:6px;
	padding:4px 0px 7px 10px;
	display:inline;
	float:left;
	color:#bbb;
}
#nav-menu li.current_page_item a, #nav-menu li.current_page_parent a {
	padding:0px;
	display:inline-block;
	background:url(images/interface/common/btn-left.gif) no-repeat top left;
	cursor:pointer;
	width:auto;
	color:#282828;
	margin-top:5px;
}
#nav-menu li.current_page_item a span, #nav-menu li.current_page_parent a span {
	display:inline-block;
	margin-left:10px;
	background:url(images/interface/common/btn-right.gif) no-repeat top right;
	padding:5px 30px 6px 4px;
}
#nav-menu li a:hover {
	text-decoration:none;
	color:#efefef;
}
#nav-menu li.current_page_item li a span {
	padding:0px;
}
#nav-menu li.current_page_item a:hover, #nav-menu li.current_page_parent a:hover {
	text-decoration:none;
	color:#282828;
}
#nav-menu li ul {
	margin: 0px 0px 0px -9px;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	width:336px;
	z-index:1000;
	top:40px;
	left:0px;
	background:#000;
}
#nav-menu li ul li {
	width:auto;
	float: left;
	display: inline;
	font-size:100%;
}
#nav-menu li ul li a {
	width: 300px;
	background:#111;
	color: #ccc;
	margin:0px;
	padding:10px 18px;
	float:left;
}
#nav-menu li.page_item ul li {
	display:inline;
	float:left;
}
#nav-menu li.page_item ul li a {
	width: 300px;
	background:#111;
	background-image:none;
	color: #ccc;
	margin:0px;
	padding:10px 18px;
	float:left;
}
#nav-menu li.page_item ul li a span {
	display:inline;
	background-image:none;
	margin:0px;
}
#nav-menu li.page_item ul li a:hover {
	background: #000;
	color:#ccc;
}
#footer-content ul {
	margin:0px 0px 50px 0px;
	padding:0px;
	list-style:none;
	clear:both;
}
#footer-content li {
	width:auto;
	float:left;
	margin-right:20px;
	font-size:100%;
	display:inline;
}
#footer-content li a {
	margin-top:0px;
	padding:0px;
	display:inline;
	float:left;
}
#footer-content li a:hover {
	text-decoration:none;
	color:#999;
}
#sidebar {
	display:inline;
	float:left;
	height:auto;
	width:280px;
	margin:0px 10px 20px 20px;
}
ul.submenu, #sidebar ul, .widget ul, .content-1-3 ul, .portfolio-list ul {
	margin:0px 0px 30px 0px;
	line-height:24px;
}
ul.submenu li, #sidebar li, .widget li, .content-1-3 li, .portfolio-list li {
	font-size:11px;
	background:url(images/interface/common/listarrow.gif) no-repeat 0px 8px;
	list-style-type:none;
	width:auto;
	border-bottom:1px solid #bbb;
	padding:0px 0px 0px 16px;
}
ul.submenu li a, #sidebar li a, .widget li a, .content-1-3 li a, .portfolio-list li a {
	margin:0px;
	padding:0px;
}
ul.submenu li a:hover, #sidebar li a:hover, .widget li a:hover {
	color:#999;
}
#sidebar ul {
	border-top:0;
}
/*-- Paginator --*/
#pager ul {
	margin:0;
	padding:20px 0px;
}
#pager li {
	float:left;
	display:inline;
	height:auto;
}
#pager li a {
	float:left;
	display:inline;
	background-color:#fff;
	width:auto;
	height:10px;
	margin-right:4px;
	padding:10px 14px;
}
#pager li.active {
	font-weight:bold;
}
/*--- Typography ---*/
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
p {
	line-height:18px;
	font-size:12px;
	margin-bottom:14px;
	font-size:100%;
}
ul {
	list-style-type:square;
	margin:10px 10px 10px 30px;
	line-height:14px;
}
ol {
	list-style-type:decimal;
	margin:10px 10px 10px 30px;
	line-height:14px;
}
h1 {
	font-weight:normal;
	font-size:250%;
	line-height:30px;
	margin-bottom:10px;
	color:#333;
	border-bottom:1px solid #bbb;
	padding-bottom:10px;
}
h2 {
	font-weight:normal;
	font-size:170%;
	margin-bottom:10px;
}
h3 {
	font-size:130%;
	font-weight:normal;
	line-height:34px;
	height:44px;
}
h4 {
	font-weight:normal;
	font-size:15px;
	line-height:18px;
	margin-bottom:12px;
}
h5 {
	font-size:120%;
	font-weight:normal;
	line-height:18px;
}
h6 {
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	font-weight:bold;
	min-height:16px;
}
blockquote {
	border-left:2px solid #000;
	color:#666;
	margin:20px 0px 20px 40px;
	width:auto;
	line-height:14px;
	font-size:100%;
	padding-left:20px;
}
hr {
	height:1px;
	background-color: #999;
	width:100%;
	border:0;
}
/*--- Forms ---*/
form {
	margin:0px;
}
input:focus, textarea:focus {
	background-color: #efefef;
	border:1px solid #999;
}
input.search {
	position:absolute;
	top:8px;
	border:none;
	background:url(images/interface/common/bg-search.png) no-repeat top left;
	height:16px;
	padding:7px 0px 0px 10px;
	width:116px;
	font-size:80%;
	color:#999;
}
input.search-button {
	border:none;
	position:absolute;
	top:8px;
	left:116px;
}
#contact-form ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#contact-form li {
	margin:0;
	padding:4px 0px;
}
#contact-form input {
	margin:0;
	padding:0px 10px;
	width:350px;
	height:28px;
	color:#666;
	border:1px solid #999;
}
#contact-form input.button {
	margin:0;
	padding:0px 10px;
	width:auto;
	height:28px;
}
#contact-form textarea {
	margin:0;
	padding:10px 10px;
	width:555px;
	height:auto;
	color:#666;
}
#contact-form p {
	margin:12px 0px 0px 0px;
	padding:0;
	font-weight:bold;
}
#post-comment {
	width:585px;
	height:200px;
}
/*--- Classes ---*/

.textwidget {
	margin:0px;
}
.push {
	height:160px;
	width:100%;
	clear:both;
}
.content-divider {
	height:50px;
	background:url(images/interface/default/bg-content-divider.jpg) no-repeat top center;
	height:76px;
	clear:both;
}
.clear {
	clear:both;
	height:20px;
	width:900px;
	margin-left:20px;
}
.zoom {
	background:url(images/interface/common/zoom.jpg) no-repeat;
	width:280px;
	height:auto;
	display:inline;
	float:left;
	margin-bottom:20px;
}
.widget {
	margin:0px;
	padding:0;
	list-style-type:none;
	float:left;
	width:280px;
}
.rsswidget img {
	display:none;
}
/*--- Misc ---*/
a.more-link {
	clear:both;
	font-weight:bold;
}
a.btn {
	display:inline-block;
	background:url(images/interface/common/btn-left.gif) no-repeat top left;
	width:auto;
	color:#741c1c;
	margin-right:10px;
}
a.btn span {
	display:inline-block;
	margin-left:10px;
	background:url(images/interface/common/btn-right.png) no-repeat top right;
	padding:4px 30px 5px 4px;
}
a.btn:hover {
	background:url(images/interface/common/btn-left-hover.gif) no-repeat top left;
	text-decoration:none;
	cursor:pointer;
}
a.btn:hover span {
	background:url(images/interface/common/btn-right-hover.gif) no-repeat top right;
}
/*--- Blog styles ---*/
.post-wrapper {
	margin-bottom:40px;
}
.post-header {
	clear:both;
	font-size:240%;
	margin:0px 0px 0px 0px;
	padding-bottom:10px;
	line-height:24px;
}
.post-header .smalltitle, .post-header .smalltitle a {
	font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin:0px 1px;
	line-height:20px;
	clear:both;
}
.post-header .title, .post-header .title a {
	font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin:0px 0px 0px 0px;
	line-height:28px;
}
.post-header .smalltitle a:hover {
	text-decoration:none;
}
.post-header .title a:hover {
	text-decoration:none;
}
.post-meta {
	float:left;
	width:100%;
	margin-bottom:40px;
	padding:10px 0px;
	border-bottom:1px solid #bbb;
	border-top:1px solid #bbb;
}
.post-date {
	float:right;
	clear:right;
}
.post-image {
	clear:both;
	margin:0px 0px 20px 0px;
}
.post-entry {
}
.post-comment img {
	float:left;
	margin:4px 10px 0px 0px;
}
/*--- Portfolio styles ---*/
.portfolio-list {
	display:inline;
	float:left;
	height:auto;
	min-height:150px;
	width:280px;
	margin:0px 10px 10px 20px;
	background:url(images/interface/common/zoom.jpg) no-repeat;
}
.portfolio-list img {
	clear:both;
	margin-bottom:10px;
}
/*--- Slideshow styles --*/
#feature {
	width:940px;
	height:418px;
	position:relative;
}
#feature #slides {
	margin:0px;
	top:0px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#feature #slides a img {
	border: 0px;
}
#feature #slides .slide-content {
	display:inline;
	padding:0px;
	width:940px;
	height:418px;
}
#feature #slides .slide-content .slide-image {
	float:left;
	width:940px;
	height:300px;
	margin:0px;
}
#feature #slides .slide-content .slide-text {
	float:left;
	height:118px;
	width:940px;
	background:url(images/interface/default/bg_feature.jpg) no-repeat;
}
#feature #slides .slide-content .slide-text .slide-header {
	font-size:24px;
	text-align:center;
	margin:38px 0px 8px 0px;
}
#feature #slides .slide-content .slide-text .slide-desc p {
	font-size:12px;
	text-align:center;
	margin:0px 70px 8px 70px;
	font-weight:normal;
	width:800px;
}
#feature #slides .slide-content .slide-text .slide-desc a {
	color:#777;
}
.forward {
	background:url(images/interface/common/btn-next.png) no-repeat;
	width:50px;
	height:50px;
	position: absolute;
	top: 330px;
	cursor: pointer;
	right: 15px;
	z-index:500;
}
.back {
	position: absolute;
	top: 330px;
	cursor: pointer;
	left: 15px;
	background:url(images/interface/common/btn-prev.png) no-repeat;
	width:50px;
	height:50px;
	z-index:500;
}
/*--- Post comments ---*/
#comments {
	margin-bottom:20px;
	clear:both;
}
h3 #comments {
	margin-bottom:20px;
	margin-top:-20px;
}
.comment {
	list-style-type:none;
	margin-bottom:30px;
	padding:10px;
	background-color:#efefef;
}
.comment-meta {
	float:right;
	margin-top:-40px;
}
.comment-author {
	margin-bottom:30px;
}
.avatar {
	float:left;
	margin:0px 10px 10px 0px;
}
.fn {
	font-size:14px;
	font-style:normal;
}
.says {
	display:none;
}
.children {
	margin-top:20px;
}
/*--- Lightbox styles ---*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
/*--- Wordpress spesific styles ---*/
a.box {
}
img.alignright {
	float:right;
	margin:0 0 1em 1em
}
img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
a img.alignright {
	float:right;
	margin:0 0 1em 1em
}
a img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
#comment {
	width:585px;
}
