/*  
Theme Name: NoX 7.0
Theme URI: http://fnix.no
Description: Theme made by <a href="http://fnix.no/">Henrik 'Fnix' Viken</a> for NoX.no
Version: 7.0
Author: Fnix
Author URI: http://fnix.no
*/

/*-------------------------------
              Basics
---------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/bg.jpg) repeat;
	font-family: Exo, Verdana, sans-serif;
	color: #cccccc;
	text-align: center;
}

p {
	line-height: 1.5em;
	margin: 1.2em 0;
}

ol {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0 0 0 15px;
}

ol {
	padding: 0 0 0 20px;
}

h1, h2, h3, h4, h5, h6 {
	color: #f9f9f9;
	font-size: 18px;
}

hr {/* to be styled */}

a:link,
a:visited {
	color: #ffb22d;
	text-decoration: none;
}

a:hover,
a:active {
	color: #FFF;
	text-decoration: underline;
	transition: 0.2s color linear;
}

input, textarea, select {
	border: 1px solid #aaaaaa;
	background: #333333;
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: Verdana, sans-serif;
}

.button { background: #333333 none; }

blockquote {
	margin: 0 20px;
	padding: 0 10px 0 25px;
	border-left: 4px solid #FFFFFF;
}

code {
	font-family: monospace;
	color: #666;
}

form, img, img a {
	margin: 0;
	padding: 0;
	border: 0;
}

.small {
	font-size: 0.9em;
	color: #999;
}

.alignleft {
	float: left;
	margin-right: 10px;
	clear: left;
}
.alignright {
	float: right;
	margin-left: 10px;
	clear: right;
}


/*-------------------------------
              Layout
---------------------------------*/

#sosial-meny {
	width: 100%;
}

#sosial-senter {
	width: 1150px;
	margin: 0 auto;
	padding-top: 0px;
}

#toppmeny {
	width: 100%;
	height: 45px;
	/* background: url(images/bg_toppmeny.png) repeat; */
}

#topp-senter {
	width: 1150px;
	margin: 0 auto;
	padding-top: 0px;
}

#wrapper {
	width: 1118px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 14px;
	/* background-image: url(images/op_60.png); */
	overflow: hidden;
}

#header {
	height: 90px;
	padding: 10px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#content {
	float: left;
	margin: 0 0 20px 15px;
	padding: 0px;
	width: 652px;
	overflow: hidden;
}

#page_content {
	float: right;
	margin: 50px 0 0 20px;
	padding: 0 10px 0 10px;
	width: 650px;
	overflow: hidden;
	/* background-image: url(images/op_60.png); */
}

#page_content h2 {
	text-transform: uppercase;
	font-weight: normal;
}

#pagespacer {
	width: 900px;
	height: 35px;
}

#bottom_ad {
	margin: 0 auto;
	width: auto;
	height: auto;
}

#sidebar {          
	float: right;
	margin: 15px 20px 20px 15px;
	padding: 10px 0 15px 0;
	width: 270px;
	overflow: hidden;
	background-image: url(images/op_60.png);

}

/*----   maskebilde  ----*/

	@keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: -1700px 0; }
	}
	@-webkit-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: -1700px 0; }
	}
	@-ms-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: -1700px 0; }
	}
	@-moz-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: -1700px 0; }
	}

#animasjon {
	margin-top: 150px;
	background-image: url(images/logo_bg.jpg);
	overflow: hidden;
	width: 408px;
	height: 357px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	float: left;

	animation: animatedBackground 40s linear infinite;
	-ms-animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;

}

/*-------------------------------
             Col widgets
---------------------------------*/

#col-sidebar {
	display: block;
	width: 950px;
	margin-right:0;
}

#col-sidebar1 h2, #col-sidebar2 h2, #col-sidebar3 h2, #col-sidebar4 h2, #col-sidebar5 h2, #col-sidebar6 h2 {
	color: #f9f9f9;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	margin: 10px 30px 0 10px;
	text-transform:uppercase;
	font-family: Exo, Verdana, sans-serif;
}

#col-sidebar1 {
	width: 320px;
	height: 500px;
	float: left;
	margin: 15px 15px 10px 30px;
	padding: 5px;
}

#col-sidebar2 {
	height: 500px;
	width: 275px;
	float: left;
	margin: 15px 15px 10px 15px;
	padding: 5px;
}

#discordframe {
	top: -300px;
	height: 300px;
}


/*-------------------------------
              Sidebar    
---------------------------------*/

#sidebar h2 {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
#sidebar ul li {
	margin: 0;
	padding: 0 0 15px 0;
	display: block;
}

#sidebar ul li a {
	display: inline;
}

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

#sidebar ul ul {
	background: none;
}

#sidebar ul ul ul {
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar ul ul li {
	padding: 0;
}

#sidebar #s {
	margin: 0;
	width: 140px;
}

/*---    toppmenyen  ---*/

#nav {
	font-size: 14px;
	bottom: 0;
	left: 0;
	margin: 0;
	position: static; 
	width: 100%;
	z-index: 10;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
}

#nav, #nav ul {
	line-height: 20px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#nav a:link, #nav a:visited {
	border: medium none;
	display: block;
	text-decoration: none;
	color: #413b3b;
	text-transform:uppercase;
}

#nav a:hover, #nav a:active {
	color: #FFF;
}

#nav li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#nav a, #nav a:visited {
	display: block;
	padding: 5px 30px;
}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {
	text-decoration: none;
}

#nav li ul {
	height: auto;
	left: -999em;
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 10;
	overflow: hidden;
}

#nav li li {
	width:220px;
	background: #aaaaaa;
	overflow: hidden;
	text-align: center;
}

#nav li li a, #nav li li a:visited {
	background: #aaaaaa;
	font-size: 0.9em;
	font-weight: normal;
}

#nav li li a:hover, #nav li li a:active {
	background: #3D3D3D;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	background: #3D3D3D;
}

/*---    sosialmenyen  ---*/

#nav2 {
	bottom: 0;
	margin: 0px;
	margin-left: 250px;
	margin-bottom: 55px;
	position: static; 
	width: 100%;
	z-index: 10;
	overflow: hidden;
	text-align: center;
	font-weight: 300;
}

#nav2, #nav2 ul {
	line-height: 20px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#nav2 a:link, #nav2 a:visited {
	border: medium none;
	display: block;
	text-decoration: none;
	color: #ccc;
	text-transform:uppercase;
}

#nav2 a:hover, #nav2 a:active {
	color: #ccc;
}

#nav2 li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#nav2 a, #nav2 a:visited {
	display: block;
	padding: 5px 20px;
}

#nav2 a:hover, #nav2 a:active, .current_page_item a, #home2 .on {
	text-decoration: underline;
}

#nav2 li ul {
	height: auto;
	left: -999em;
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 10;
	overflow: hidden;
}

#nav2 li li {
	width:220px;
	background: #aaaaaa;
	overflow: hidden;
	text-align: center;
}

#nav2 li li a, #nav2 li li a:visited {
	background: #aaaaaa;
	font-size: 0.9em;
	font-weight: normal;
}

#nav2 li li a:hover, #nav2 li li a:active {
	background: #3D3D3D;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
	background: #3D3D3D;
}

/*-------------------------------
              Featured Image 
---------------------------------*/

#news-wrapper { 
	margin-bottom:24px; 
}
.news-item { 
	border-bottom:1px solid #DDD; 
	margin-bottom:30px; 
	padding-bottom:25px; 
}

.wp-post-image { 
	background: url(images/op_80.png);
}

.news-thumb-wrapper { 
	position:relative; 
	z-index:1;
}

.news-thumb-wrapper h1 {
	position:absolute; 
	color:#f9f9f9;
	left:50px; 
	top:102px;
	height:30px;
	background-image: url(images/op_80.png);
	padding:8px 9px 7px 9px; 
	font-size:24px; 
	font-family:Verdana;
}

.news-thumb-wrapper h1 a { 

}

.news-arrows {
	position:absolute;
	left:0;
	top:130px;
	height:46px;
	width:50px; 
	background:url(images/icon_80.png) no-repeat;
}

.news-heading { 
	font-size: 20px; 
	font-family: Verdana;
	margin-bottom: 0px; 
}

.news-heading a {
	color:#9c8fde; 
}

/*-------------------------------
              Entries
---------------------------------*/

.post {
	clear: both;
	margin: 0 0 35px 10px;
	background-image: url(images/op_80.png);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.posttitle {
	margin-bottom: -8px;
	padding: 0 0 0 2px;
	width: 100%;
	color: #9c8fde;
	overflow: auto;
}

.posttitle a {
	padding: 0;
}

.posttitle a:link,
.posttitle a:visited {
}

.posttitle a:hover,
.posttitle a:active {
	text-decoration: underline;
}

.postmeta {
	background-image: url(images/op_80.png);
	padding: 5px 15px 5px 15px;
	font-family: Verdana;
	font-size: 0.9em;
}
.postmeta a {
}

.postentry {
	width: 595px;
	margin: 0;
	padding: 15px 15px 0 15px;
	clear: both;
}

.postentry a:hover {
	text-decoration: underline;
}

/* .img in the post */


.postentry img {
}

.postentry a:hover img {
}

.left {
	border: 1px solid #aaaaaa;
	float: left;
	clear: left;
	margin: 3px 11px 12px 0px;
}

.right {
	border: 1px solid #aaaaaa;
	float: right;
	clear: right;
	margin: 3px 0px 12px 11px;
}

img.noborder {
	padding: 0;
	border: none;
}

.postfeedback {
	padding: 0 20px 0 20px;
	text-align: right;
}

div.wp-caption p, dl.wp-caption dd.wp-caption-dd {
	background: #FFE1D9;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	font-size: 0.8em;
	margin: 0px 8px 10px 0px;
	padding: 3px 10px;
}

/* Page Navigation */
.pagenavmain,
.pagenavmain-alt {
	float: left;
	margin: 10px 0;
	padding: 0 5px 1px 5px;
	background: #FFE1D9;
	font-family: Verdana;
	font-size: 0.9em;
}
.pagenavmain-alt {
	width: 460px;
	text-align: right;
}


/*-------------------------------
              Footer   
---------------------------------*/

#footer {
	clear: both;
	margin: 0;
	padding: 50px 0;
	text-align: center;
	/* background-image: url(images/op_80.png); */
}

#footer p {
	margin: 20px 0 0 0;
	padding: 10px 15px;
	font-family: Verdana, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
}

#footer p a,
#footer p a:link,
#footer p a:visited {
	text-decoration: none;
}

#footer p a:hover,
#footer p a:active {
	text-decoration: underline;
}