@CHARSET "UTF-8";

/* -------------------------------------------------------------------------- */
/* General HTML elements                                                      */
/* -------------------------------------------------------------------------- */

html,body {
	height: 100%;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #9a0a08;
	background-image: url(images/canvas.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
body.dark {
	background-color: #000;
	background-image: url(images/canvas_darkroast.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

img {
	border: 0;
}

a,
a:hover,
a:visited,
a:link {
	color: #ffb910;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/* Container/placeholder positioning                                          */
/* -------------------------------------------------------------------------- */
#container {
	margin-left: 30px;
	margin-top: 0px;
	width: 910px;
}

#placeholder-top {
	float: left;
	background-image: url(images/evergood_head.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 4px;
	padding: 0px;
	height: 218px;
}
body.dark #placeholder-top {
	background-image: url(images/evergood_head_darkroast.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#placeholder-left {
	clear: both;
	float: left;
	background: url(images/content-background.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	width: 413px;
	min-height: 268px;
}

#placeholder-right {
	float: right;
	width: 453px;
	padding: 0px;
}

#placeholder-left-no-right {
	float: left;
	background-repeat: no-repeat;
	padding: 0px;
	width: 910px;
}

#placeholder-bottom {
	clear: both;
	padding-top: 10px;
}

#content-link {
	display: none;
}

/* -- Small Search input ----------------------------------------------------- */
.small-searchinput h3 {
	display: none;
}

.small-searchinput form  {
	margin: 0px;
}

.small-searchinput input.textinput {
	float: left;
	color: #000;
	border: 0px;
	background-image: url(images/search_background.png);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 131px;
	height: 16px;
	margin-top: 20px;
	margin-left: 715px;
}

.small-searchinput input.submit {
	float: left;
	color: #fff;
	font-size: 14px;
	border: 0px;
	background-color: transparent;
	width: 32px;
	margin-top: 18px;
	margin-left: 7px;
	padding: 0px;
}


/* -- Page header ----------------------------------------------------------- */
.page-header a {
	float: left;
	display: inline;
	margin-top: 41px;
	margin-left: 407px;
}

.page-header .logo {
	font-size: 1.85em;
	font-weight: bold;
}

/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */
/* 
   Tiles in top, bottom and content placeholders should not be styled using
   the general styles, so we reset these styles here. HTML element ID spesific
   styling, using the #html-element-id notion has precendence over styles set
   generally using only the css-class. If we want to override these styles later
   in the stylesheet, we must remember to use the full element path.
*/
#placeholder-top .tile-content,
#placeholder-top .tile-common,
#placeholder-top .tile-common h3,
#placeholder-bottom .tile-content,
#placeholder-bottom .tile-common,
#placeholder-bottom .tile-common h3,
#placeholder-content .tile-content,
#placeholder-content .tile-common,
#placeholder-content .tile-common h3 {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.tile-common {
	margin-bottom: 0px;
}

.tile-common h3 {
	padding: 0px;
	margin: 0px;
}

.tile-content {
	padding: 0px;
}

/* Lightbox */
#lightbox-overlay {
/* 
  Because of a Firefox bug (linux/osx) causing flash to become invisible
  when rendered above a fixed layer background, the lightbox javascript
  will override this background color, and set it to a transparent png
  image. Make sure that the image has the same color and opacity as the
  background configured here. The lightbox.js will by default set opacity
  to 80% and set background image to:
  projectroot/html/images/lightbox/ff-overlay-img.png

  More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/
*/
	z-index: 999;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#lightbox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#lightbox-container {
	z-index: 1000;
	position: absolute;
	top: 84px;
	left: 88px;
	overflow: hidden;
	padding: 10px;
	width: auto;
	height: auto;
	/*width: 772px;
	height: 536px;*/
	background-color: #ede7e7;
}

#lightbox-content {
	overflow: hidden;
	/*height: 510px;*/
}

#lightbox-spinner {
	background: #fff url(images/lightbox/spinner.gif) center no-repeat;
	width: 220px;
	height: 19px;
	margin: 15% auto;
}

#lightbox-close-container {
	position: relative;
	float: left;
	clear: left;
}

#lightbox-close span {
	display: block;
	background-image: url(images/lightbox-back-btn.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	width: 42px;
	height: 9px;
}

/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */
.horizontal-menu h3 {
	display: none;
}

.horizontal-menu ul {
	display: inline;
	float: left;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.horizontal-menu li {
	display: inline;
	padding-left: 10px;
}

/* -- Article display ------------------------------------------------------- */
.full-articledisplay {
	clear: both;
}

.full-articledisplay h1 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-transform: none;
}

.full-articledisplay h2.digest {
	display: none;
}

.full-articledisplay .bodytext {
	display: block;
	float: left;
	width: 413px;
	margin: 0px;
	padding: 0px;
}

.bodytext p {
	margin: 0px;
	margin-bottom: 13px;
}
.bodytext h4 {
	margin: -6px 0px 0px 0px; /*minus margin to get correct space between images and text in a specific article*/
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}
.bodytext img {
	margin-bottom: 10px;
	margin-top: 2px;
}

.headerWrap a.print-link {
	display: block;
	float: left;
	margin: 0px;
	margin-top: -4px;
	margin-bottom: 4px;
	padding: 0px;
}

.headerWrap h1 {
	display: block;
	float: left;
	clear: both;
	margin: 0px;
	margin-bottom: 9px;
	padding: 0px;
}

.full-articledisplay input,
.full-articledisplay textarea {
	font-family: arial, sans-serif;
	width: 306px;
	height: 18px;
	border: none;
	background: url(images/input-background.png) no-repeat right;
	padding: 3px 3px 3px 8px;
	margin: 7px 3px 7px 3px;
	margin: 0px 3px 14px 7px;
}

.full-articledisplay textarea {
	height: 145px;
	background: url(images/textarea-background.png) no-repeat right;
	overflow: hidden;
	margin-bottom: 0px;
}

.full-articledisplay input.cpform-button {
	height: 30px;
	width: auto;
	padding: 0px 10px 0px 10px;
	border: none;
	background: #d47815;
	color: #fff;
	font-size: 14px;
	margin: 0px 0px 0px 12px;
}

.full-articledisplay form td {
	height: 0px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	height: 0px;
	vertical-align: top;
}
.full-articledisplay form table {
	border-spacing: 0px;
	border-collapse: collapse;
}
.full-articledisplay form {
	clear: both;
	width: 100%;
}
.full-articledisplay td img {
	display: none;
}

/* -- placeholder-right  -------------------------------------------------------------- */
#placeholder-right h3 {
	display: none;
}

#placeholder-right p {
	margin: 0px;
	padding: 0px;
}

#container.frontpage #placeholder-right .small-articledisplay-nolayout {
	float: left;
	margin-top: 4px;
}

/* -- Digest ---------------------------------------------------------------- */
h2.digest {
	clear: both;
	color: #1b2b58;
	font-size: 12px;
	font-weight: normal;
}


#placeholder-right .tile-content {
	float: right;
}

/* -- small articledisplay nolayout ------------------------------------------ */
#placeholder-top .small-articledisplay-nolayout {
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}

#placeholder-top .small-articledisplay-nolayout p {
	padding: 0;
	margin: 0;
}

#placeholder-top .small-articledisplay-nolayout h1 {
	display: none;
}

/* -- Full articlelist -------------------------------------------------------- */
.full-articlelist {
	float: left;
	margin: 0px;
	padding: 0px;
}

.full-articlelist h2 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.full-articlelist ul {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0px;
	width: 412px;
}


.full-articlelist li {
	float: left;
	clear: left;
	width: 410px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 12px;
}

.full-articlelist li li {
	padding-bottom: 20px;
}

.full-articlelist li .articlelist-link-internal li {
	margin: 0px;
	padding: 0px;
	width: 50px;
}

.full-articlelist li .list-thumbnail-left {
	float: left;
	margin-right: 20px;
}

.full-articlelist h3 a,
.full-articlelist h3 a:visited,
.full-articlelist h3 a:link	{
	color: #fff;
}

.full-articlelist li a {
	color: #ffb910;
}

.full-articlelist li em {
	display: none;
}

.full-articlelist li p {
	display: inline;
	width: 400px;
	margin: 0px;
}

.full-articlelist li .articlelist-link-internal {
	float: left;
}

.full-articlelist li .articlelist-link-internal ul {
	margin: 0px;
	padding: 0px;
	width: 50px;
}

#placeholder-content .full-articlelist h3 {
	margin-top: 30px;
	margin-left: 20px;
}

#placeholder-left-no-right .full-articlelist {
	padding: 20px;
	padding-top: 15px;
	width: 870px;
	background: url(images/content-background.jpg) no-repeat;
}

.full-articlelist h3 i,
.full-articlelist span.excerpt i{
	font-style: normal;
}

/* -- archive link -------------------------------------------------------- */
.full-articlelist .archivelink {
	display: block;
	float: left;
}

/* -- full-articlelist-image   ------------------------------------------------------------ */
.full-articlelist-image {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 320px;
}

.frontpage .full-articlelist-image {
	margin-top: 0px;
}

#placeholder-left-no-right .full-articlelist .full-articlelist-image {
	clear: left;
} 

/* -- error messages  -------------------------------------------------------------- */
div.error {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding-top: 10px;
}

div.full-articlelist-message {
	background: url(images/content-background.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding-top: 0px;
	padding: 30px 0px 30px 10px;
}

/* -- List-navigation  -------------------------------------------------------------- */
.list-navigation {
	float: left;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

.list-navigation ul {
	margin: 0px;
}

.list-navigation li {
	display: block;
	float: left;
	clear: none;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	margin-bottom: 0px;
}

.list-navigation li a {
	font-size: 12px;
	font-weight: bold;
}

.list-navigation li.first {
	padding-left: 0px;
}

.list-navigation span.stepLink {
	display: none;
}

.list-navigation-text {
	display: none;
}

.frontpage .list-navigation {
	display: none;
}

/* -- Digest ---------------------------------------------------------------- */
h2.digest {
	color: #1b2b58;
	font-size: 12px;
	font-weight: normal;
}

#placeholder-right .tile-content {
	float: right;
}

/* -- vertical menu ---------------------------------------------------------- */
#placeholder-left .vertical-menu {
	padding-top: 20px;
}

#placeholder-left .vertical-menu h3 {
	display: none;
}

/* -- placeholder-content-no-right -------------------------------------------------------------- */
#placeholder-left-no-right form {
	float: right;
}

#placeholder-left-no-right .tile-content-left {
	float: right;
	width: 453px;
	height: 288px;
	text-align: center;
	background: url(images/right-background.jpg) no-repeat;
}

#placeholder-left-no-right .tile-content-right {
	float: left;
	min-height: 268px;
	width: 413px;
	padding: 20px;
	background: url(images/left-background.jpg) no-repeat;
}

#placeholder-left-no-right .digest {
	clear: both;
	width: 400px;
}

#placeholder-left-no-right .tile-content-left-dark {
	float: right;
	width: 453px;
	height: 288px;
	text-align: center;
	background: none;
	background: url(images/right-background-darkroast.jpg) no-repeat;
}

#placeholder-left-no-right .tile-content-right-dark {
	float: left;
	min-height: 288px;
	width: 433px;
	background-image: url(images/dark-background.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#placeholder-left-no-right h1 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-transform: none;
}

#placeholder-left-no-right h2.digest {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#placeholder-left-no-right p {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	/*width: 400px;*/
}

/* -- placeholder-left  -------------------------------------------------------------- */
#placeholder-left h1 {
	padding-top: 20px;
}

#placeholder-left div.error {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding-top: 10px;
}

#placeholder-left div.full-articlelist-message {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding-top: 0px;
}

/* -- placeholder-bottom -------------------------------------------------------- */
#placeholder-bottom a {
	color: #ffb910;
	font-size: 12px;
	text-decoration: none;
}

#placeholder-bottom,
#placeholder-bottom p {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.tile-content p {
	margin-top: 0;
	padding-top: 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#coretrek-colofon a {
	color: #ffb910;
	font-size: 10px;
	text-decoration: none;
	float: right;
}

#extended-debug-info {
	margin: 30px;
	font-size: 12px;
	color: #871021;
}