/*
Theme Name: Atmosphere
Theme URI: http://nthdesign.com/
Description: A Theme By NthDesign.
Version: 1.0
Author: Nicklas Gustafsson
Author URI: http://nthdesign.com/
Tags: distorted, custom header, fixed width, two columns, widgets

*/

/*std-tags*/
body, html {
	margin: 0px;
	width:100%;
	overflow-x:hidden;
}
body {
	background-color:#000;
}
object {
	outline:none;
	text-decoration:none;
}
a {
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, p, a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px;
}
h2, h2 a {
	font-size: 30px;
}
#leftCol p, #leftCol #page p a {
	color:#fff;
	font-size:14px;
	font-family: "Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin:0px;
	padding:0px;
	margin-top:5px;
}
#leftCol #page p a {
	color:#199ad9;
}
#leftCol #page p a:hover {
	text-decoration:underline;
}
p#information, p#information a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#199ad9;
	margin:0px;
	padding:0px;
}
p#information a:hover {
	text-decoration:underline;
}
p#introduction {
	font-style:italic;
	margin-top:20px;
	margin-bottom:20px;
}
/*Top*/
#topContainer {
	width:100%;
	height:526px;
	background-color:#000;
}
#topContainer #topContent {
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	height:526px;
	background-image: url(images/topContentBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#topContainer #topContent #twitter a {
	position:absolute;
	left:473px;
	top:250px;
	width:32px;
	height:32px;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#topContainer #topContent #rssFeed a {
	position:absolute;
	left:545px;
	top:250px;
	width:32px;
	height:32px;
	background-image: url(images/rssFeed.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#topContainer #topContent #fBook a {
	position:absolute;
	left:509px;
	top:250px;
	width:32px;
	height:32px;
	background-image: url(images/fBook.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#topContainer #topContent #meMyselfAndI {
	position:absolute;
	left:197px;
	top:67px;
	padding-left:10px;
	padding-top:10px;
}
#topContainer #topContent #citat {
	position:absolute;
	left:363px;
	top:67px;
	width: 218px;
	padding-right:5px;
	padding-top:5px;
}
#topContainer #topContent #citat p {
	margin:0px;
	padding:0px;
	color:#6FC5EE;
	font-size:20px;
	font-style:italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#topContainer #topContent #ohlspelet_icon a {
	height:138px;
	position:absolute;
	left:630px;
	top:200px;
	width: 136px;
	background-image: url(images/ohl_icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#topContainer #topContent #meny {
	height:32px;
	position:absolute;
	left:197px;
	top:390px;
	width: 559px;
}
#topContainer #topContent #meny ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#topContainer #topContent #meny li {
	height:24px;
	width:24%;
	float:left;
	text-align:center;
}
#topContainer #topContent #meny li a {
	font-size:24px;
	color:#ffc636;
	outline:none;
}
#topContainer #topContent #meny li a:hover {
	color:#fff;
}
/*Content*/


#centerContainer {
	width:100%;
	background-color:#000;
	background-image: url(images/contentBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#centerContainer h2, #centerContainer h2 a {
	color: #d63030;
	margin-top:25px;
	margin-bottom:10px;
}
#centerContainer #centerContent {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:20px;
}
/*LEFT COLUMN*/
#leftCol {
	width:500px;
	float:left;
	overflow:hidden;
	padding-top:45px;
}
ol li a { color:#199ad9}
/*BLOG*/
.blogEntry, .entryTop, .entryFoot {
	width:500px;
	float:left;
	font-size:18px;
}
.blogEntry {
	margin-bottom:25px;
}
.blogEntry a {
	outline:none;
}
.entryTop {
	height:30px;
	background-color:#01080d;
	color:#199ad9;
	position:relative;
}
.entryTop .title {
	position:absolute;
	top:2px;
	left:7px;
}
.entryTop .title h3 a {
	margin:0px;
	padding:0px;
	color:#199ad9;
}
.entryTop .title a h3:hover {
	color:#fff;
}
.entryTop .social {
	position:absolute;
	top:6px;
	right:7px;
	width:122px;
}
.entryTop .social img {
	margin-left:5px;
	float:right;
}
.entryTop .social a img {
	border:none;
}
.entryPic a {
	width:486px;
	float:left;
	background-color:#020f19;
	border: 7px solid #020f19;
	height:180px;
}
.entryPic a img {
	border:none;
}
.entryPic a:hover {
	background-color:#031625;
	border: 7px solid #031625;
}
.entryFoot {
	height:30px;
	background-color:#01080d;
	color:#ffc636;
	font-size:14px;
	position:relative;
}
.entryFoot .postedIn {
	position:absolute;
	top:6px;
	left:7px;
}
.entryFoot .postedIn h4, .entryFoot .postedIn h4 a {
	margin:0px;
	padding:0px;
	color:#ffc636;
	font-weight:normal;
}
.entryFoot .postedIn h4 a {
	text-decoration:none;
}
.entryFoot .postedIn h4 a:hover {
	text-decoration:underline;
}
.entryFoot .comments {
	position:absolute;
	top:6px;
	right:7px;
}
.entryFoot .comments h4, .entryFoot .comments h4 a {
	margin:0px;
	padding:0px;
	color:#ffc636;
	font-weight:normal;
}
.entryFoot .comments h4 a {
	text-decoration:none;
}
.entryFoot .comments h4 a:hover {
	text-decoration:underline;
}
#prevNext {
	width:100%;
	overflow:auto;
	padding-top:0px;
	padding-bottom:3px;
}
#next a {
	float:right;
	color:#ffc636;
	padding-right:5px;
	font-size:12px;
}
#prev a {
	float:left;
	color:#ffc636;
	padding-left:5px;
	font-size:12px;
}
#prev a:hover, #next a:hover {
	text-decoration:underline;
}
/*PAGE*/

#leftCol #page {
	margin:0px;
	padding:0px;
	float:left;
	width:500px;
	overflow:hidden;
}
#leftCol #page h3, #leftCol #page h3 a {
	color:#91e3e7;
	margin-top:35px;
}
#leftCol #page #pageHeading {
	position:relative;
	margin-top:25px;
	margin-bottom:25px;
	width:500px;
	height:50px;
}
#leftCol #page #pageHeading h2, #leftCol #page #pageHeading h2 a {
	margin:0px;
	padding:0px;
}
#leftCol #page #pageHeading #day, #leftCol #page #pageHeading #month {
	color:#ffc636;
	text-align:center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
#day {
	width:50px;
	position:absolute;
	top:10px;
	left:0px;
	text-align:center;
}
#month {
	width:50px;
	position:absolute;
	top:30px;
	left:0px;
	text-align:center;
}
#leftCol #page #pageHeading #theTitle {
	position:absolute;
	top:0px;
	left:60px;
	padding-left:10px;
	border-left: 3px solid #FFF;
	width: 427px;
}
#leftCol #page img, #leftCol #page a img {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	border: 7px solid #020f19;
	max-width:486px;
}
#leftCol #page img.no-border{ border:none; padding:0px; margin:0px;}
#leftCol #page a img:hover {
	border: 7px solid #031625;
}
#leftCol #page ul {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	padding-left:10px;
	list-style:none;
	background-color:#000;
	border-left: 7px solid #020f19;
}
#leftCol #page li, #leftCol #page li a {
	color:#FFC636;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#leftCol #page li a { color:#199ad9}
#leftCol #page li a:hover {
	text-decoration:underline;
}
/*RIGHT COLUMN*/
#rightCol {
	float:right;
	width:220px;
	overflow:auto;
	padding-top:45px;
	background-image: url(images/twitterbird.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#rightCol ul {
	list-style:none;
	margin:0px;
	padding:0px;
	border-left: 7px solid #ffc636;
}
#rightCol li a {
	padding:2px;
	padding-left:7px;
	text-decoration:none;
	color:#FFF;
	display:block;
	font-size:14px;
	font-weight:normal;
}
#rightCol li a:hover {
	background-color:#01080d;
}
/*FOOTER*/
#footerContainer {
	width:100%;
	height:407px;
	background-color:#000;
	background-image: url(images/footerContainerBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footerContainer #footerContent {
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	width:800px;
	overflow-y:auto;
	overflow-x:hidden;
}
#footerContainer #footerContent .box {
	width:250px;
	float:left;
	margin-right:15px;
}
#footerContainer #footerContent h3 {
	font-size:24px;
	color: #d63030;
	margin:0px;
	margin-bottom:10px;
}
#footerContent ul {
	list-style:none;
	margin:0px;
	padding:0px;
	border-left: 7px solid #ffc636;
}
#footerContent li a {
	padding:2px;
	padding-left:7px;
	text-decoration:none;
	color:#FFF;
	display:block;
	font-size:14px;
	font-weight:normal;
}
#footerContent li a:hover {
	background-color:#01080d;
}
/*Comments*/

#comments, #respond {
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}
.commentlist li {
	padding: 5px 10px;
	position: relative;
	color:#199ad9;
}
.commentlist li p {
	font-size:12px;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #6cd7ff;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #01080d;
}
#leftCol #page .commentmetadata a {
	text-decoration:none;
	outline:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #199ad9;
}
.commentmetadata a:hover {
	text-decoration:underline;
}
#centerContainer #centerContent #leftCol .commentlist cite, #centerContainer #centerContent #leftCol .commentlist cite a, #centerContainer #centerContent #leftCol .commentlist cite a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #ffc636;
	font-weight: bold;
}
#centerContainer #centerContent #leftCol .commentlist cite a:hover {
	text-decoration:underline;
}
.says {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.navigation {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
	color:#fff;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#commentform input {
	width: 153px;
	background:#01080d;
	border: 1px solid #CCC;
	padding: 3px;
	margin-top: 3px;
	color:#fff;
	border: 3px solid #020f19;
}
#commentform textarea {
	width: 425px;
	height: 115px;
	background:#01080d;
	border: 3px solid #020f19;
	padding: 2px;
	margin-top: 3px;
	color:#fff;
}
#leftCol #page .wp-smiley {
	border:none;
	margin:0px;
}
/*contact form*/
.wpcf7-form input {
	width: 153px;
	background:#01080d;
	border: 1px solid #CCC;
	padding: 3px;
	margin-top: 3px;
	color:#fff;
	border: 3px solid #020f19;
}
.wpcf7-form textarea {
	width: 425px;
	height: 115px;
	background:#01080d;
	border: 3px solid #020f19;
	padding: 2px;
	margin-top: 3px;
	color:#fff;
}
.wpcf7-form p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	margin-top:10px;
}
.wpcf7-form #submit {
	width:77px;
}
#page .wpcf7-form p img {
	border: 0px solid #020f19;
}
/*caption*/
.wp-caption {
	border: 1px solid #020f19;
	text-align: center;
	background-color: #01080d;
	padding: 0px;
	padding-top:4px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#leftCol #page .wp-caption a img {
	border: none;
	padding:0px;
	margin:0px;
}
#leftCol #page .wp-caption img {
	border: none;
	padding:0px;
	margin:0px;
}
.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 5px;
}
/*social PAGE*/
#page .social {
	width:100%;
	overflow:auto;
	margin-top:10px;
}
#leftCol #page .social img {
	margin-left:5px;
	float:right;
	border:none;
}
#leftCol #page .social a img {
	border:none;
}
/**
02	 * Twitter Widget
03	 */
     #rightCol ul.twitter {
	border:none; margin-left:-6px;
}
#rightCol p#atnajklas a {
	color:#343434;
	text-decoration:none;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-bottom:2px;
} 
#rightCol p#atnajklas a:hover { text-decoration:underline}
li.twitter-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	margin-bottom:21px;
	padding-bottom:7px;
	color: #FFF;
	list-style:circle;
	margin-left:20px;
	position:relative;
}
p.twitter-message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #FFF;
}
.twitter-timestamp {
	display:block;color:#199ad9; position:absolute; right:0px;
}
#rightCol a.twitter-link {
	display:inline;
	color:#ffc636;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
#rightCol a.twitter-link:hover {
	text-decoration:underline;
}
#rightCol a.twitter-user {
	display:inline;
	color:#199ad9;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}