/*
Theme Name: Helheten-red-green
Theme URI: http://energiterapi.no
Description: A neat, light green/grey theme with a ribbon-like sidebar and a 3D effect.
Version: 1.3
Author: ABA
Author URI: http://energiterapi.no
Tags: grey, fixed width, two columns, widgets, left sidebar

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {background-color:#CCC; margin:0; padding:0;}
a:link, a:visited {color: #38a567; text-decoration:none; border-bottom:1px dotted #CCC;}
a:hover, a:active {color:#900; text-decoration:none; border-bottom:1px dotted #999;}
#page {background-image:url(images/bg.jpg); background-position: 0 0; background-repeat:repeat-y; width:820px; margin: 0 auto;}
#header {background-image:url(images/header.jpg); background-position: 0 0; background-repeat:no-repeat; width:820px; height:140px; margin: 0 auto;}
#content {background-image:url(images/spirale.gif); width:590px; margin: 0; background-repeat: no-repeat; float:right;}
#sidebar {width: 210px; float:left; background-image:url(images/sidebar-bg.jpg); background-position: 0 0; background-repeat:repeat-y; font-family: Arial, Helvetica, sans-serif;}
#footer {background:url(images/footer.jpg) 0 0 no-repeat; width:820px; height:130px; margin: 0 auto; clear:both;}

/* header */
#head1 {float:left; width:130px; margin:0; padding:40px 0 0 50px; color:#CCC; height:80px; font-size:11px; font-family: Arial, Helvetica, sans-serif; text-shadow: #000 1px 2px 2px; overflow:hidden;}
#header h1, #header h2 {margin:0; color:#900; text-align:right; font-family:"Avant Garde","Century Gothic",Verdana,Arial, Helvetica, sans-serif; font-weight:normal;}
#header h1 {padding:45px 40px 0 0; font-size:30px;}
#header h2 {font-size:16px; padding:0 40px 0 0;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#900; text-decoration:none; border:none;}
#head1 a:link, #head1 a:visited {color:#CCC;}
#head1 a:hover, #head1 a:active {color:#900;}

/* sidebar */
#sidebar-cont {padding:0 10px 0 40px;}
#sidebar h2  {font-size:12px; line-height:20px; margin:15px 0 5px 0;}
#sidebar p  {font-size:11px; line-height:16px;}
#sidebar ul {font-size:11px; line-height:16px; list-style:none; margin:0; padding:0;}
#sidebar li li {font-size:11px; line-height:16px; margin:0; background-image: url(images/bullet_lilac.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.2em;}
#sidebar li li li {font-size:11px; line-height:16px; margin:0; background-image: url(images/bullet_triangle.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.2em;}
#sidebar-end {width: 210px; height:30px; background:url(images/sidebar-end.jpg) 0 0 no-repeat;}
#sidebar h2 a:link, #sidebar h2 a:visited {color: #666666;}
#sidebar p, .textwidget {font-size:11px; padding:0 10px;}
#sidebar table {margin:0 auto; font-size:11px;}

/* content */
#linkbar {text-align:right; font-size:11px; font-family:Arial; color:#999; letter-spacing:0.1em; padding:0 30px 30px 0;}
#linkbar ul {display:inline;}
#linkbar li {display:inline; padding:0 6px; border-left:1px solid #CCC;}
#linkbar ul > li:first-child {border-left:0;}

.post {padding:0 40px 0 0;}
.post h1 {font-size:24px; }
.post h2 {font-size:20px; }
.post h1, .post h2 {font-family:"Trebuchet MS"; color:#900; font-weight:normal; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#900; text-decoration:none; border-bottom:none;}
.post h2 a:hover, .post h2 a:active, .post h1 a:hover, .post h1 a:active {color:#900; text-decoration:underline; border-bottom:none;}
.post a:link, .post a:visited {color:#38a567; text-decoration:none; font-weight:bold; border-bottom:none;}
.post a:hover, .post a:active {color:#900; text-decoration:underline; border-bottom:none;}
.post small {font-family:Arial; font-size:11px; color:#BBB;}
.post blockquote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#999;}

.entry {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#333;}
.entry img {padding:4px; margin: 4px; border: 3px double #CCC;}
img.wp-smiley {border:none;}
.entry li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
.postmetadata {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:right; margin-bottom:30px; color:#333; clear:both; padding-top:10px;}
.postmetadata a:link, .postmetadata a:visited {border:none;}
.more-link {font-style:italic;}
.more-link a:link, .more-link a:visited {border:none;}

#comments {text-align:center; font-size:18px; padding:0 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:50px;}
#commentform {font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:40px; }
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 40px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;}
.commentlist li {padding:5px; background:url(images/sfum.png) 0 0 repeat-x; border:1px solid #CCC; margin:10px 0 0 0;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#respond {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:center; margin-top:30px;}
.nocomments {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:0 20px; font-size:11px; color:#999;}

/* footer */
#footer p {text-align:center; color:#CCC; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
#footer a:link, #footer a:visited {color:#CCC; }
#footer a:hover, #footer a:active {color:#900;}

/* misc */
#searchform {text-align:center;}
.navigation {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:20px; padding:10px;}

/* align */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* table design */
table {
	width: 100%;
	color: #333333;
	margin: 0 0 1em 0;	
}

table, tr, th, td {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
/*	border: 1px solid #38A567;  */
}

caption {
	width: 100%;
	height: 39px;
	font-size: 0;
	line-height: 0;
	text-indent: -5000em;
	background: url(caption.gif) no-repeat 98% 0;
}
caption:hover {
	background-position: 98% 100%;
}

/* BODY */
tbody tr td {
	background: #E1F4D1 url(bg_cell.gif) no-repeat top left;
}
tbody tr.odd td {
	background-color: #DCF1C7;
}
/*tbody tr td:hover, tbody tr.odd td:hover {
	background: #c5e894;
}
*/
tbody tr th, tbody tr td {
	padding: 0.1em 0.4em;
	border-top: 1px solid #b9dbba;
	border-left: 0px solid #a6ce39;
	border-right: 0px solid #a6ce39;
	border-bottom: 1px solid #b9dbba;
}
tbody tr th {
	padding-right: 1em;
	text-align: right;
	font-weight: normal;
	background: #E1F4D1 url(bg_cell.gif) no-repeat top left;
	text-transform: uppercase;
}
/*
tbody tr th:hover {
	background: #D0EBA6;
}
*/
/* HEADER */
thead {
	background: #D1EEB7;
}
thead tr th {
	padding: 1em 0;
	text-align: left;
	color: #595959;
	font-weight: bold;
	border-top: 1px solid #b9dbba;
	border-left: 0px solid #a6ce39;
	border-right: 0px solid #a6ce39;
	border-bottom: 1px solid #b9dbba;
}

/* FOOTER */
tfoot {
	color: #333333;
	background: transparent;
	border: none;
}
tfoot tr th, tfoot tr td {
	padding: .2em .6em;
	border: none;
}
tfoot tr th {
}
tfoot tr td {
	text-align: left;
}

/* LINKS */
table a {
	color: #3cb371;
	text-decoration: none;
}
table a:hover {
	color: #b22222;
	text-decoration: underline;
}
/* table a:visited {
	text-decoration: line-through;
}
*/