/*
Theme Name: Comfyrene 4
Theme URL: http://www.comfyrene.com
Description: Design made for the Comfyrene.com website
Version: 1.1
Author: Robin Johansen
Author URL: http://www.comfyrene.com
*/

/**********************************************************************************

BASIC CSS

**********************************************************************************/
html {
	overflow-y:scroll;
	background-color:#999;
	height:100%;}
body {
	font-family: arial, helvetica, verdana, sans-serif;
	height:100%;}	
/**********************************************************************************

GENERAL LAYOUT

***********************************************************************************/
#midlertidig {
	padding-top:10px;
	padding-bottom:10px;}
#outercontainer {
	width:950px;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#222;}
#container {
	margin-left:10px;
	margin-right:10px;
	width: 930px;
	background-color:#f1f1f1;}	
.clear {
	height:-0px;
	clear:left;
	margin:-4px;}
/**********************************************************************************

PAGE LAYOUT

***********************************************************************************/
#sidebar {
	margin-top: 0px;
	float: left;
	width: 309px;
	position:relative;
	left:-1px;
	border-left:1px solid #ccc;}
#sidebar p a {
	font-weight:bold;}
#sidebar td a {
	font-weight:bold;}
#content {	
	border-right:1px solid #ccc;
	margin-top: 0px;
	float: left;
	width: 619px;}
#content p a {
	font-weight:bold;}
#content p a.link {
	font-weight:normal;
	color:#222222;
	background-color:#FFFF66;
	border-bottom:0px solid #FF0000;}
#content p a.link:hover {
	background-color:#222222;
	color:#f1f1f1;}
#sidebar p {
	margin-top:0;}
.post {
	padding:10px;}
.extrapadding {
	padding:10px;}
/**********************************************************************************

HEADER

***********************************************************************************/
#headerfront {
	background-image: url("images/design/header.png");
	background-repeat: no-repeat;
	background-color:#990000;
	height: 200px;
	width:930px;
	margin:0 auto;
	border-top:0px solid #222;
	border-bottom:6px solid #222;
	clear: both;}
/**********************************************************************************

MENU

***********************************************************************************/
#menu {
	float:left;
	width:930px;
	border-bottom: 6px solid #222222;
	background-color: #222222;}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
	font-family: arial, helvetica, verdana, sans-serif; }
#menu ul li {
	float:left;
	width:155px;
	line-height:150%;
	text-align:center;}
#menu ul li a {
	display:block;
	border:0px solid red;
	padding:10px;
	text-decoration:none;
	text-decoration: none;
	color: #999999;}
#menu ul li a:hover {
	color: #f1f1f1;
	}
#menu ul li span {
	padding:2px;
	color:#555555;
	font-size:10px;}
#menu ul li a:hover span {
	color:#f1f1f1;}


/**********************************************************************************

ØVREBILDE

***********************************************************************************/
#toppbilde {
	background-image: url("images/design/toppbilde.png");
	background-repeat: no-repeat;
	height: 100px;
	width:930px;
	margin:0 auto;
	border-top:0px solid #222;
	clear: both;}	
/**********************************************************************************

NEDREBILDE

***********************************************************************************/
#bunnbilde {
	background-image: url("images/design/bunnbilde.png");
	background-repeat: no-repeat;
	height: 110px;
	width:930px;
	margin:0 auto;
	border-top:0px solid #222;
	clear: both;}	
/**********************************************************************************

OUTER FOOTER

***********************************************************************************/
#footer {
	width:930px;
	color: #666;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
	margin:0 auto;
	clear: both;}	

/**********************************************************************************

IMAGES

***********************************************************************************/
p img {
	max-width:100%;}
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	border:1px solid #999999;
	clear:both;
	background-color:#f1f1f1;}
img.alignright {
	margin:3px 0 2px 10px;
	padding:4px;
	border:1px solid #999999;
	float:right;
	clear:both;}
img.alignleft {
	margin:3px 10px 2px 0;
	padding:4px;
	border:1px solid #999999;
	float:left;
	clear:left;}
img.alignnone {
	border:1px solid #999999;
	padding:4px;}
a img:hover {
	border:1px solid #222222;
	padding:4px;}
/**********************************************************************************

GENERAL STYLING

***********************************************************************************/
p {
	margin:12px 0px 12px 0px;
	font-size: 14px;
	line-height:140%;
	color: #222222;
	}
table {
	font-size:12px;}
h1 {
	margin-top:0px;
	width:100%;
	font-size:24px;
	padding:8px 0px 8px 0px;
	border-bottom:1px dashed #999999;
	}
h2 {
	border-bottom:1px dashed #999999;
	border-top:2px solid #222222;
	padding:4px 0;
	clear:both;}
.editlink  {
	font-weight:bold;
	color:#222222;
	padding:2px;}
#page h2 {
	margin-top:40px;}
/**********************************************************************************

LINKS

***********************************************************************************/
a {
	text-decoration:none;
	color:#222222;
	outline:none;}
a:hover {
	text-decoration:none;
	color:#f1f1f1;
	background-color:#222;}
.editlink a {
	font-weight:bold;
	text-decoration:underline;
	color:#222222;
	padding:2px;}
.footerlinks {
	color:#666;}
.footerlinks:hover{
	color:#ffffff;
	background-color:#999;}
.editlink a:hover {
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	color:#f1f1f1;}
.more-link {
	font-weight:bold;
	text-decoration:underline;
	color:#222222;
	padding:2px;}
.more-link:hover {
	font-weight:bold;
	text-decoration:none;
	color:#f1f1f1;
	background-color:#222222;}
.navigation {
	text-align:center;}

.navigation a {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#222222;
	padding:2px;}
.navigation a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#f1f1f1;
	background-color:#222222;}

.entry-date {
	display:block;
	float:right;
	padding:4px;
	margin-bottom:0;
	color:#999;
	background-color:#222222;
	font-size:10px;
	font-style:italic;}
.entry-date2 {
	color:#666;
	font-size:12px;
	font-style:italic;}
.newsh {
	margin-top:0;}
h2 a {
	text-decoration:none;
	margin:0;
	color:#222222;}
h2 a:hover {
	background:transparent;
	color:#ff0000;}
.h2search {
	border:0;
	font-size:14px;
	margin:0;
	padding:0;}
/**********************************************************************************

COMFYRENE / OM OSS / ABOUT US

***********************************************************************************/	
#aboutus {
	clear:both;
	width:290px;}
#aboutus table {
	margin:0 auto;
	width:288px;
	}
#aboutus table td {
	font-size: 12px;
	line-height:140%;
	color: #222222;
	width:290px;
	vertical-align:top;
	}
#aboutus a {
	text-decoration:none;
	margin:0;
	padding:0;
	color:#990000;}
#aboutus a:hover {
	color:#f1f1f1;}
#aboutus td.aboutusimg {
	border-right:0px solid #999999;
	width: 80px;}
#aboutus td.aboutusinfo {
	border:1px solid #cccccc;
	text-align:right;
	padding-right:4px;
	width: 80px;}
#aboutus td.tdheadline {
font-size:14px;
	border:0px solid red;
	padding:0px;
	padding-left:10px;
	width:290px;
	text-decoration:none;
	text-decoration: none;
	color: #f1f1f1;
	background-color:#222222;
	border:1px solid #222222;}
#aboutus td.aboutustext {
	border:1px solid #cccccc;
	width:210px;
	text-align:left;
	padding-left:4px;}	
/**********************************************************************************

SIDEBAR MENY

***********************************************************************************/
#sidebar ul {
	float:left;
	width:290px;}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:14px;
	font-family: arial, helvetica, verdana, sans-serif; }
#sidebar ul li {
	float:left;
	width:290px;
	margin-top:2px;
	line-height:140%;
	text-align:left;}
#sidebar ul li.headline {
	display:block;
	border:0px solid red;
	padding:0px;
	padding-left:10px;
	width:278px;
	text-decoration:none;
	text-decoration: none;
	color: #f1f1f1;
	background-color:#222222;
	border:1px solid #222222;}
#sidebar ul li.headlinelink {
	float:left;
	width:290px;
	margin-top:2px;
	line-height:140%;
	text-align:left;}	
#sidebar ul li.headlinelink a {
	display:block;
	border:0px solid red;
	padding:0px;
	padding-left:10px;
	text-decoration:none;
	text-decoration: none;
	color: #f1f1f1;
	background-color:#222222;
	border:1px solid #222222;}
#sidebar ul li.headlinelink a:hover {
	color: #f1f1f1;
	background-color:#990000;
	border:1px solid #222;
	}	
#sidebar ul li a {
	display:block;
	border:0px solid red;
	padding:0px;
	padding-left:10px;
	text-decoration:none;
	text-decoration: none;
	color: #222222;
	background-color:#f1f1f1;
	border:1px solid #999;}
#sidebar ul li ul li a{ 
	color:#666666;
	background-color:#f1f1f1;}
#sidebar ul li ul li a:before {
	content: " - ";}
#sidebar ul li a:hover {
	color: #f1f1f1;
	background-color:#222;
	border:1px solid #222;
	}
/**********************************************************************************

FOOTER

***********************************************************************************/
#bottom {
	width: 930px;
	border-top: 0px solid red;
	border-bottom: 0px solid #999;
	background-color:#222222;
	clear:both;
	padding:0;
	margin:0;}
#bottom a {
	color:#ccc;}
#bottom a:hover {
	background-color:#cccccc;
	color:#222222;}
#bottomright {
	width: 530px;
	float: left;
	clear:right;}
#bottomleft {
	width: 400px;
	clear:both;
	float:left;}
#bottomleft p {
	font-size:12px;
	border:0px solid red;
	float:left;
	color:#999;
	padding:8px;}
#bottomright p {
	border:0px solid red;
	font-size:12px;
	color:#999;
	padding:8px;}
#bottomleft ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
	font-family: arial, helvetica, verdana, sans-serif; }
#bottomleft ul li {
	float:left;
	line-height:140%;
	text-align:center;}
#bottomleft ul li a {
	padding:0px;
	text-decoration:none;
	text-decoration: none;
	color: #666666;}
#bottomright ul li a:hover {
	color: #f1f1f1;
	background-color:#222;
	border:1px solid #222;
	}
/**********************************************************************************

PORTEFØLJE

***********************************************************************************/	

#portimg {
	width:160px;
	float:left;}
#portimg a img {
	width:150px;
	height:150px;
	padding:4px;
	border:2px solid #999999;}
#portimg a img:hover {
	border:2px solid #222222;}
#portright {
	padding-left:10px;
	width:416px;
	float:right;}
#portefolje {
	border:1px dashed #cccccc;
	padding-left:10px;
	padding-bottom:4px;
	margin-bottom:10px;
	width:590px;
	position:relative;
	float:left;}
.porta {
	font-size:14px;
	color:#222222;
	font-weight:bold;
	text-decoration:underline;
	padding:2px;}
.porta:hover {
	text-decoration:none;
	color:#f1f1f1;}
#portefolje h2{
	border-top:0px dashed #cccccc;
	border-bottom:0px dashed #cccccc;
	margin:0 0 0 0;
	color:#222;
	font-weight:bold;
	font-size:16px;}


	
/**********************************************************************************

PORTEFØLJE FRONTPAGE

***********************************************************************************/	
#frontportfolio {
	
	margin:0;
	padding: 0;
	border: 0;
	outline: 0;}
#frontportfolio ul {
	list-style:none;
	margin-bottom:10px;}
#frontportfolio ul li.thumbfront {
	display:block;
	float:left;
	text-align:center;
	margin:6px 4px 0 0;
	width:54px;
	height:54px;
	padding:0px;
	border:0;}
#frontportfolio ul li.thumbfront:hover {
	background-color:blue;}
#frontportfolio ul li a {
	border:0;
	padding:0;
	margin:0;}
#frontportfolio ul li a:hover {
	border:0;
	padding:0;
	margin:0;}	
#frontportfolio ul li a img {
	margin:0;
	background-color:#f1f1f1;
	padding:2px;
	width:50px;
	height:50px;
	border:1px solid #999;}
#frontportfolio ul li a img:hover {
	background-color:#222;
	border:1px solid #222;}
/**********************************************************************************

COMFYRENE 

***********************************************************************************/	

#comfyreneul ul li {
	width:284px;
	margin-left:3px;}
	
/**********************************************************************************

ARKIV

***********************************************************************************/	
.arkivul li a{
	text-transform:capitalize;}
/**********************************************************************************

CONTACT FORM

***********************************************************************************/
form {
	padding:0;
	margin:20px 0 20px 0;
	}
#formleft {
	border:0px solid red;
	display:block;
	float:left;
	width:280px;}
#formleft p {
	margin:0 0 10px 0;
	padding:0;}
#formright {
	width:280px;
	border:0px solid red;
	display:block;
	float:left;}
#formright p {
	margin:0 0 10px 0;
	padding:0;}
#formcenter {
	display:block;
	border:0px solid red;
	clear:both;}
.formtext {
	padding:2px;
	border:1px solid #999999;
	color:#666666;}
.formtext2 {
	padding:2px;
	border:1px solid #999999;
	color:#666666;}
.formtext:hover {
	border:1px solid #222222;}