/* @override http://www.bysupersim.no/wp-content/themes/supersim/style.css */

/*
Theme Name: SuperSim
Theme URI: http://supersim.no/
Description: SuperSim Theme.
Version: 1.0
Author: Magnus Kolstad
Author URI: http://magnuskolstad.no/
Tags: corporate, business, minimal, gray, jquery, lightbox
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li { 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:''}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

/***** General Styles ******/

html {
	height: 100%;
	margin-bottom: 1px;
}

.clear {
	clear: both;
}

body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #f2f2f2 url(includes/img/BG_wrap.png) repeat-y center;
	font-size: 13px;
	font-weight: normal;
	color: #4f4f4f;
	line-height: 23px;
}

ul {
	list-style-type: disc;
	margin: 0px 0px 20px 40px;
	font-size: 11px;
	font-weight: normal;
	color: #4f4f4f;
	line-height: 18px;
}

ol {
	list-style-type: decimal;
	margin: 0px 0px 20px 40px;
	font-size: 11px;
	font-weight: normal;
	color: #4f4f4f;
	line-height: 18px;
}

blockquote {
	margin-left: 20px;
	border-left: 3px solid #999;
	font-size: 11px;
	font-weight: normal;
	color: #4f4f4f;
	margin-bottom: 25px;
	line-height: 18px;
	padding-left: 10px;
	font-style: italic;
}

p {

	font-weight: normal;
	color: #4f4f4f;
	margin-bottom: 25px;
	line-height: 22px;
}

h1 {
	font-size: 25px;
	font-weight: normal;
	color: #4f4f4f;
	margin-bottom: 20px;
	line-height: 36px;
}

h2 {
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 10px;
}

.widget h2 {
	font-size: 20px;
}

h2 a, .excerpt h2 a {
	font-size: 25px;
	line-height: 35px;
}

h2.portfolio-title a {
	font-size: 20px;
}

h3 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

h4 {
	font-size: 15px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: normal;
	color: #4f4f4f;
	margin-bottom: 10px;
}

h6 {
	font-size: 8px;
	font-weight: normal;
	color: #4f4f4f;
	margin-bottom: 10px;
}

a:link, a:active, a:visited {
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

.alignleft {
	float: left;
	margin: 10px 15px 10px 0px;
}

.alignright {
	float: right;
	margin: 10px 0px 10px 15px;
}

pre {
	margin-bottom: 20px;
}

/***** Header Styles ******/

#header-wrap {
	margin: 0px auto;
	width: 900px;
	padding: 20px 30px 0px 30px;
}

#header {
	height: 75px;
	border-bottom: 1px solid #cdcdcd;
	position: relative;
}

#logo {
	width: 300px;
	float: left;
}

/***** Navigation Styles *****/

#access {
	display: block;
	float: right;
	margin-top: 35px;
}

#access .menu-header,
div.menu {
	margin-left: 12px;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}

#access a {
	font-size: 18px;
	display: block;
	line-height: 38px;
	text-decoration: none;
	margin-left: 25px;
}

#access a:hover {
	text-decoration: underline;
}

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	font-size: 15px;
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access ul li:hover > ul {
	display: block;
}
#access li:hover > a,
#access ul ul :hover > a,
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #333;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #333;
}

/***** Featured Area Styles ******/

#loopedSlider {
	position: relative;
	width: 900px;
	margin: 20px auto;
}

#loopedSlider .container {
	overflow: hidden;
	position: relative;
	height: 300px
}

#loopedSlider .slides {
	position: absolute;
	top: 0;
	left: 0;
}

#loopedSlider .slides div.slide {
	position: absolute;
	top: 0;
	width: 900px;
	display: none;
}

#loopedSlider .slide-content {
	position: absolute;
	top: 40px;
	right: 0px;
	color: #fff;
	text-align: right;
	max-width: 350px;
}

#loopedSlider .slide-content h2 {
	font-family: Georgia, serif;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.6);
	padding: 10px 20px;
}

#loopedSlider .slide-content h2 a {
	font-size: 25px;
	color: #fff;
}

#loopedSlider .slide-content p {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.6);
	padding: 10px 20px;
}

#loopedSlider .slide-content .category {
	background: rgb(0,0,0);
	background: rgba(0,0,0,.6);
	padding: 10px 20px 4px 20px;
}

#loopedSlider .slide-content .category a {
	font-size: 10px;
	font-family: arial, helvetica, san-serif !important;
	color: #ccc;
	text-transform: uppercase;
}

#loopedSlider a.previous {
	position: absolute;
	bottom: 5px;
	right: 50px;
	opacity: 0.6;
}

#loopedSlider a.next {
	position: absolute;
	bottom: 5px;
	right: 15px;
	opacity: 0.6;
}

#loopedSlider a.previous:hover, #loopedSlider a.next:hover {
	opacity: 1;
}

/***** Main Content Styles ******/

#main {
	margin: 25px auto 0px auto;
	width: 875px;
	padding: 0px 12px;
	overflow: hidden;
	position: relative;
}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

#tagline-center {
	font-size: 19px;
	width: 900px;
	margin: 0 auto;
	padding: 12px 0px;
	text-align: center;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #000;
}

#tagline-right {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	text-align: right;
	border-bottom: 1px solid #cdcdcd;
}

.tagline-big {
	font-size: 25px;
	margin-bottom: 5px;
	display: block;
	clear: both;
}

.tagline-small {
	color: #888;
	font-size: 17px;
}

.column_small {
	width: 270px;
	border-right: 1px solid #d4d7dd;
	padding-right: 15px;
	float: left;
	margin-right: 15px;
	height: 290px;
}

.column_medium {
	width: 570px;
	border-right: 1px solid #d4d7dd;
	padding-right: 15px;
	float: left;
	margin-right: 15px;
	padding-bottom: 0;
}

.column_large {
	width: 875px;
	float: left;
}

.column_half {
	width: 420px;
	padding-right: 15px;
	float: left;
	margin-right: 15px;
	padding-bottom: 0;
}

.column_last {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.column_small img {
	position: absolute;
	bottom: 10px;
}

.column_small p {
	margin-bottom: 0;
}

.service {
	width: 900px;
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
}

.service .image {
	float: left;
	width: 320px;
}

.service .description {
	float: left;
	width: 540px;
	padding: 0px 20px
}

.service p {
	margin-bottom: 0px;
}

.visit_portfolio:link, .visit_portfolio:active, .visit_portfolio:visited, .visit_portfolio:hover {
	padding: 3px 7px;
	border: 1px solid #cdcdcd;
	float: right;
	color: #4f4f4f;
	margin-right: 15px;
}

#blog_entries .excerpt {
	margin-bottom: 25px;
	border-bottom: 1px solid #cdcdcd;
}

#blog_entries_last {
	margin-bottom: 0;
}

.excerpt h1 {
	margin-bottom: 5px;
}

.excerpt h1 a:link, .excerpt h1 a:active, .excerpt h1 a:visited {
	font-size: 24px;
	font-weight: normal;
	color: #404040;
	line-height: 24px;
}

.excerpt h1 a:hover {
	text-decoration: none;
}

.excerpt .snippet {
	font-weight: normal;
	color: #404040;
	margin-bottom: 25px;
	line-height: 22px;
}

.excerpt .snippet img {
	float: left;
	margin: 5px 15px 0 0;
}

.excerpt .snippet .full-image {
	margin-bottom: 15px;
}

.excerpt .meta, .excerpt .meta a {
	margin-bottom: 10px;
	font-style: italic;
}

.excerpt .meta {
	font-size: 12px;
}

.excerpt {
	margin-bottom: 25px;
}

h2#comments {
	margin-bottom: 25px;
}

#respond h2 {
	margin: 15px 0 0;
	clear: both;
}

.commentlist {
	list-style: none;
	margin-left: 0;
}

.commentlist li {
	width: 560px;
}

.commentlist li .comment_left {
	float: left;
	width: 60px;
	text-align: center;
	margin-right: 15px;
}

.commentlist li .comment_left img {
	margin-bottom: 10px;
}

.commentlist li .comment_right {
	float: left;
	width: 465px;
	margin-bottom: 20px;
}

.commentlist li .comment_right .comment_meta {
	height: 20px;
}

.commentlist li .comment_right .name {
	float: left;
	width: 180px;
}

.commentlist li .comment_right .date {
	float: right;
	width: 200px;
	text-align: right;
}

.pagination a:link, .pagination a:active, .pagination a:visited {
	background: #ffffff;
	border: 1px solid #cdcdcd;
	padding: 4px 8px;
	display: block;
}

.pagination a:hover {
	color: #eaeaea;
	text-decoration: none;
	border: 1px solid #cdcdcd;
	padding: 4px 8px;
}

.business-details {
	margin-top: 15px;
}

.business-details p {
	margin-bottom: 5px;
}

/**** Form Styles ****/

input#name, input#email, input#url, input#author {
	background: #ffffff;
	border: 1px solid #cdcdcd;
	padding: 4px;
	font-size: 11px;
	width: 200px;
}

input#s, .wpcf7-text {
	background: #ffffff;
	border: 1px solid #cdcdcd;
	padding: 4px;
	font-size: 11px;
	width: 180px;
}

input#submit, input#searchsubmit, .wpcf7-submit {
	background: #ffffff;
	border: 1px solid #cdcdcd;
	padding: 3px 6px;
	font-size: 11px;
}

input#submit:hover, input#searchsubmit:hover {
	border: 1px solid #cdcdcd;
	padding: 3px 6px;
	font-size: 11px;
	color: #eaeaea;
	cursor: pointer;
}

label {
	margin: 10px;
}

textarea#comment, textarea#message {
	background: #ffffff;
	border: 1px solid #cdcdcd;
	padding: 4px;
	width: 500px;
	height: 150px;
	font-size: 11px;
}

/***** Portfolio Styles ****/

.portfolio {
	margin: 0;
	list-style: none;
}

.shop {
	margin-top: 30px;
}

.portfolio .snippet {
	margin-top: 20px;
}

.portfolio li {
	width: 282px;
	float: left;
	margin: 20px 0 15px 9px;
}

.portfolio li img {
	margin: 5px 0px;
}

.portfolio li h3 a:link, .portfolio li h3 a:active, .portfolio li h3 a:visited {
	font-size: 20px;
	font-weight: normal;
	color: #404040;
	margin-bottom: 5px;
}

.portfolio li h3 a:hover {
	margin-bottom: 15px;
	text-decoration: none;
}

.project-name {
	font-size: 35px;
	margin-bottom: 35px;
	display: block;
}

.portfolio .release-date {
	display: block;
	margin: 10px 0 0 0;
	font-size: 15px;
}

.portfolio .client, .portfolio .client a {
	font-size: 15px;
}

.portfolio-image {
	margin-bottom: 10px;
}

/****** Sub Navigation Styles *****/

ul.subnav {
	list-style: none;
	margin: 15px 0px 25px 0px;
}

ul.subnav li {
	border-top: 1px solid #d4d7dd;
	width: 270px;
	padding: 0px;
	margin: 0;
}

ul.subnav li:last-child {
	border-bottom: 1px solid #d4d7dd;
}

ul.subnav li a:link, ul.subnav li a:active, ul.subnav li a:visited {
	text-decoration: none;
	color: #414141;
	width: 255px;
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

ul.subnav li a:hover {
	background: #fafafa;
}

ul.subnav li.current_page_item a {
	width: 252px;
	border-left: 3px solid #a40d0d;
}

/***** Footer Styles ******/

#footer {
	width: 900px;
	margin: 20px auto 0 auto;
	height: 10px;
	padding: 15px 0px 30px;
	color: #4f4f4f;
	border-top: 1px solid #cdcdcd;
}

#copyright {
	font-weight: normal;
	width: 450px;
	font-size: 12px;
	float: left;
}

#footer_navigation {
	list-style: none;
	width: 450px;
	float: right;
	margin: 1px 0 0 0;
	padding: 0px;
	text-align: right;
}

#footer_navigation li {
	display: inline;
	padding: 0px;
}

#footer_navigation li a:link, #footer_navigation li a:active, #footer_navigation li a:visited {
	text-decoration: underline;
	margin: 0px 5px;
	font-size: 12px;
	padding: 0px;
	color: #4f4f4f;
}

.xoxo {
	margin-left: 0;
}

/******* Widget Styles *******/

.widget li, .widget a {
	font-size: 13px;
}

.textwidget p {
	font-size: 13px;
}

.widget_recent_entries ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .blogroll {
	list-style: none;
	margin: 15px 0px 25px 0px;
}

.widget_recent_entries ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .blogroll li {
	border-top: 1px solid #d4d7dd;
	width: 270px;
	padding: 0px;
	margin: 0;
}

.widget_recent_entries ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_meta ul li:last-child, .blogroll li:last-child {
	border-bottom: 1px solid #d4d7dd;
}

.widget_recent_entries ul li a:link, .widget_recent_entries ul li a:active, .widget_recent_entries ul li a:visited, .widget_categories ul li a:link, .widget_categories ul li a:active, .widget_categories ul li a:visited, .widget_archive ul li a:link, .widget_archive ul li a:active, .widget_archive ul li a:visited, .widget_meta ul li a:link, .widget_meta ul li a:active, .widget_meta ul li a:visited, .blogroll li a:link, .blogroll li a:active, .blogroll li a:visited {
	text-decoration: none;
	color: #414141;
	width: 255px;
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .blogroll li a:hover {
	background: #fafafa;
}

.widget_search {
	margin-bottom: 25px;
}

.widget_search label {
	display: none;
}

.widget_pages ul {
	list-style: none;
	margin: 15px 0px 25px 0px;
}

.widget_pages ul li {
	border-top: 1px solid #d4d7dd;
	width: 270px;
	padding: 0px;
	margin: 0;
}

.widget_pages ul li:last-child {
	border-bottom: 1px solid #d4d7dd;
}

.widget_pages ul ul li:last-child {
	border-bottom: none;
}

.widget_pages ul li a:link, .widget_pages ul li a:active, .widget_pages ul li a:visited {
	text-decoration: none;
	color: #414141;
	width: 255px;
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

.widget_pages ul li a:hover {
	background: #fafafa;
}

.widget_pages ul li.current_page_parent a {
	width: 252px;
	border-left: 3px solid #a40d0d;
}

.widget_pages ul ul {
	margin: 0;
}

.widget_pages ul ul li a:link, .widget_pages ul ul li a:active, .widget_pages ul ul li a:visited {
	text-decoration: none;
	color: #414141;
	width: 240px;
	display: block;
	padding: 5px 5px 5px 25px;
	margin: 0;
}

.widget_recent_comments ul {
	list-style: none;
	margin: 15px 0px 25px 0px;
}

.widget_recent_comments ul li {
	border-top: 1px solid #d4d7dd;
	padding: 5px 10px;
	margin: 0;
}

.widget_recent_comments ul li:last-child {
	border-bottom: 1px solid #d4d7dd;
}

.widget_recent_comments ul li a:hover {
	text-decoration: underline;
}

.widget_tag_cloud div a {
	padding: 3px;
	border: 1px solid #cdcdcd;
	margin: 5px;
	line-height: 30px;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .menu li a, .tagline, h2.blog-title a, h2.portfolio-title a, .josefin, .slide-content h2 a {
	font-family: 'Neuton', arial, serif;
}

.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}