/*
Project:	CarlMagnusPalm.com
Style:		General stylesheet
Version:	1.0
Author:	    Tomas Frieberg, Disco Works
Updated: 	2009-05-04

Sections:
01. GENERAL
	- Images
	- Links
	- Clearfix
	- Button
	
02. COLORTHEMES

------------------------------------------------------------ */


/* 01. GENERAL
------------------------------------------------------------ */
html { font-size: 125%; font-family: Georgia, Verdana, Sans-serif; }
body { font-size: 60%; }
body { background: #45453e url(/lib/img/BgFade.jpg) repeat-x left top; }

p { margin: 0px 0px 12px 0px; }

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
abbr, acronym { text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid; }
hr { width:100%; height:1px; border:0; clear:both; float:none; margin:0 0 15px 0; }
.hidden { display: none; }

/* IMAGES */
img { vertical-align:bottom; }
img.left { float:left; }
img.right { float:right; }

/* LINKS */
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; cursor:pointer; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.showmore { display: none; }

/* CLEARFIX */
#main-content:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* BUTTON */
button { border:0; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; outline:0; -moz-padding-end: 7px; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; outline:0; -moz-padding-start: 9px; }
button:focus::-moz-focus-inner { border-color: transparent ! important; }

/* Fades out block */
.unavailable { filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; }
p.unavailable,
p.unavailable a:link,
p.unavailable a:visited,
p.unavailable a:hover,
p.unavailable a:active,
p.unavailable a:focus { color: #d0d0d0 ! important; }

/* Flash Movie */
object { outline: none; }

.alert { background-color: #f05f00; color: White; }

/* 02. COLORTHEMES
------------------------------------------------------------ */

/* BLUE */
body.blue {  }
	body.blue h1, body.blue h2, body.blue h3, body.blue h4, body.blue h5, body.blue h6, body.blue p {  }
	
	body.blue a:link,
	body.blue a:visited,
	body.blue a:hover,
	body.blue a:active,
	body.blue a:focus { color:#f05f00; }
	body.blue a:hover,
	body.blue a:active,
	body.blue a:focus { text-decoration: none; color:#f05f00; }
	
	body.blue div#SubLine { color: white; background: #0fc2b8 url(/lib/img/MainCorner_NE_Blue.gif) no-repeat right top; }
		body.blue div#SubLine h3 { color: #eaeace; }
		body.blue div#SubLine p.BigText { font-size: 2.2em; font-style: italic; color: #eaeace; line-height: 1.1em; letter-spacing: -0.02em; }
	body.blue div#HeaderImage div#Corner { background: url(/lib/img/CornerFilledSE_Blue.png) no-repeat right bottom; }
	
	body.blue div#Footer #LeftFooter { background: #0fc2b8 url(/lib/img/MainCorner_SW_Blue.gif) no-repeat left bottom; color: #f9f9ed; }
	body.blue div#Footer .LeftArrow { background: url(/lib/img/CornerFilledSW_Blue.png) no-repeat left top; }
	
	
/* ORANGE */
body.orange {  }
	body.orange h1, body.orange h2, body.orange h3, body.orange h4, body.orange h5, body.orange h6, body.orange p {  }
	
	body.orange a:link,
	body.orange a:visited,
	body.orange a:hover,
	body.orange a:active,
	body.orange a:focus { color:#f05f00; }
	body.orange a:hover,
	body.orange a:active,
	body.orange a:focus { text-decoration: none; color:#f05f00; }
	
	body.orange div#SubLine { color: white; background: #f05f00 url(/lib/img/MainCorner_NE_Orange.gif) no-repeat right top; }
		body.orange div#SubLine h3 { color: #eaeace; }
		body.orange div#SubLine p.BigText { font-size: 26px; font-style: italic; color: #eaeace; line-height: 1.1em; letter-spacing: -0.02em; }
	body.orange div#HeaderImage div#Corner { background: url(/lib/img/CornerFilledSE_Orange.png) no-repeat right bottom; }
	
	body.orange div#Footer #LeftFooter { background: #f05f00 url(/lib/img/MainCorner_SW_Orange.gif) no-repeat left bottom; color: #f9f9ed; }
	body.orange div#Footer .LeftArrow { background: url(/lib/img/CornerFilledSW_Orange.png) no-repeat left top; }

	
/* 03. PAGE ELEMENTS
------------------------------------------------------------ */

/* MAIN SHADOW */
div#TopShadow { position: relative; background: url(/lib/img/MainShadow_N.gif) repeat-x left top; width: 950px;	height: 4px; margin: 0px auto; }
	div#TopShadow div#TopShadowW { position: absolute; width: 11px; height: 4px; top: 0px; left: 0px; }
	div#TopShadow div#TopShadowE { position: absolute; width: 11px; height: 4px; top: 0px; right: 0px; }
div#LeftShadow { float: left; width: 4px; margin-right: -4px; position: relative; z-index: 10; }
	div#LeftShadow div#LeftShadowN { background: url(/lib/img/MainShadow_WN.gif) no-repeat left top; width: 4px; height: 876px; }
div#RightShadow { float: left; width: 4px; margin-left: -4px; }
	div#RightShadow div#RightShadowN { background: url(/lib/img/MainShadow_EN.gif) no-repeat left top; width: 4px; height: 876px; }
div#BotShadow { clear: both; position: relative; background: url(/lib/img/MainShadow_S.gif) repeat-x left top; width: 950px; height: 4px; margin: 0px auto; z-index: 10; }
	div#BotShadow div#BotShadowW { width: 11px; height: 4px; top: 0px; left: 0px; overflow: hidden; }
	div#BotShadow div#BotShadowE { position: absolute; width: 11px; height: 4px; top: 0px; right: 0px; overflow: hidden; }
	div#BotShadow div#LeftShadowS { position: absolute; width: 4px; height: 11px; top: -11px; left: -4px; overflow: hidden; }
	div#BotShadow div#RightShadowS { position: absolute; width: 4px; height: 11px; top: -11px; right: -4px; overflow: hidden; }

div#MainWrapper { width: 958px; margin: 12px auto; padding: 0px 13px; }

div#ContentContainer { float: left; width: 950px; background: url(/lib/img/Bg.gif) repeat-y left top; padding: 0px 4px; }

/* PAGE HEADER */
div#PageHeader { position: relative; width: 950px; height: 325px; }
	div#PageHeader div#Tools { position: absolute; top: 0px; left: 0px; width: 700px; height: 48px; background: #eaeace url(/lib/img/MainCorner_NW.gif) no-repeat left top; text-align: right; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; padding-right: 20px; color: #7a7a7a; }
		div#PageHeader div#Tools div#BreadCrumbs { float: left; margin: 28px 0px 0px 21px; }
			div#PageHeader div#Tools div#BreadCrumbs a.Parent:link,
			div#PageHeader div#Tools div#BreadCrumbs a.Parent:visited { color: #7a7a7a; }
			div#PageHeader div#Tools div#BreadCrumbs a.Parent:hover,
			div#PageHeader div#Tools div#BreadCrumbs a.Parent:active { color: #f05f00; }
		div#PageHeader div#Tools div { float: right; margin: 27px 0px 0px 10px; }
		div#PageHeader div#Tools a#Rss:link,
		div#PageHeader div#Tools a#Rss:visited { background: url(/lib/img/IconRss.gif) no-repeat 0px 0px; width: 12px; height: 12px; line-height: 10px; color: #7a7a7a; text-decoration: none; padding: 1px 0px 0px 17px; display: block; }
		div#PageHeader div#Tools a#Rss:hover,
		div#PageHeader div#Tools a#Rss:active { background: url(/lib/img/IconRss.gif) no-repeat 0px 0px; width: 12px; height: 12px; line-height: 10px; color: #f05f00; text-decoration: none; padding: 1px 0px 0px 17px; display: block; }
		div#PageHeader div#Tools a#Newsletter:link,
		div#PageHeader div#Tools a#Newsletter:visited { background: url(/lib/img/IconMail.gif) no-repeat 0px 0px; height: 12px; line-height: 10px; color: #7a7a7a; text-decoration: none; padding: 1px 0px 0px 22px; display: block; }
		div#PageHeader div#Tools a#Newsletter:hover,
		div#PageHeader div#Tools a#Newsletter:active { background: url(/lib/img/IconMail.gif) no-repeat 0px 0px; height: 12px; line-height: 10px; color: #f05f00; text-decoration: none; padding: 1px 0px 0px 22px; display: block; }
	div#PageHeader div#SubLine { position: absolute; top: 0px; left: 720px; width: 200px; height: 325px; padding: 0px 15px; }
		div#PageHeader div#SubLine table { width: 200px; height: 325px; }
			div#PageHeader div#SubLine table td { vertical-align: bottom; padding-bottom: 15px; line-height: 1.4em; }
		div#PageHeader div#SubLine h3 { font-size: 200%; font-style: italic; font-weight: normal; line-height: 1.2em; margin-bottom: 8px; }
	div#PageHeader div#HeaderImage { position: absolute; top: 48px; left: 0px; width: 720px; height: 277px; }
		div#PageHeader div#HeaderImage div#Corner { position: absolute; bottom: 0px; right: 0px; width: 27px; height: 27px; z-index: 10; }

/* PAGE CONTENT */
div#MainContentWrapper {  }
	
/* LEFT MENU */
div#LeftMenu { float: left; width: 230px; padding: 19px 0px 20px 0px; }
	div#LeftMenu h3 { margin: 5px 15px 4px 23px; font-size: 1.7em; font-weight: normal; color: #939178; text-transform: uppercase; }
	div#LeftMenu ul { margin: 0px 15px 0px 23px; }
		div#LeftMenu ul ul { margin: 4px 0px 4px 0px; }
		div#LeftMenu ul li.Nav2,
		div#LeftMenu ul li.Nav3 { font-style: italic; }
		div#LeftMenu ul li { margin: 0px 0px 4px 0px; background: url(/lib/img/NavBullet.gif) no-repeat 0px 4px; padding: 0px 0px 0px 9px; }
			div#LeftMenu ul li a:link,
			div#LeftMenu ul li a:visited { color: #454545; text-decoration: none; }
			div#LeftMenu ul li a:hover,
			div#LeftMenu ul li a:active { color: #f05f00; text-decoration: none; }
			div#LeftMenu ul li a.NavSelected:link,
			div#LeftMenu ul li a.NavSelected:visited { color: #f05f00; text-decoration: none; }
			div#LeftMenu ul li a.NavSelected:hover,
			div#LeftMenu ul li a.NavSelected:active { color: #f05f00; text-decoration: none; }
	div#LeftMenu .DotLine { width: 230px; height: 1px; background: url(/lib/img/DotBeige.gif) repeat-x left top; margin: 9px 0px 4px 0px; }

/* BODY */
div#Body { float: left; width: 490px; background-color: #f9f9f0; padding: 0px 0px 0px 0px; line-height: 1.5em; min-height: 551px; _height: 551px; overflow: visible; }
	div#Body .DotLine { width: 490px; height: 1px; background: url(/lib/img/DotBeige.gif) repeat-x left top; margin: 0px 0px 0px 0px; }
	div#Body h1 { color: #0fc2b8; font-size: 3em; font-weight: normal; margin: 0px 0px 15px 0px; line-height: 1.2em; letter-spacing: -1px; }
		div#Body h1 a:link,
		div#Body h1 a:visited { text-decoration: none; color: #0fc2b8; }
		div#Body h1 a:hover,
		div#Body h1 a:active { color: #f05f00; }
	div#Body h2 { color: #939178; font-size: 2em; font-weight: normal; margin: 0px 0px 15px 0px; line-height: 1.2em; }
		div#Body h2 a:link,
		div#Body h2 a:visited { text-decoration: none; color: #939178; }
		div#Body h2 a:hover,
		div#Body h2 a:active { color: #f05f00; }
		div#Body h2 a.Listing:link,
		div#Body h2 a.Listing:visited { text-decoration: none; color: #0fc2b8; }
	div#Body .Block,
	div#Body .Block01 { padding: 16px 15px 0px 15px; }
		div#Body .Block01 img { float: right; margin: 0px 0px 14px 14px; }
	div#Body .Block02 { padding: 16px 15px 0px 15px; background-color: #f3f3e4; }
		div#Body .Block02 img { float: left; margin: 0px 14px 14px 0px; }
	div#Body .SubLine { text-transform: uppercase; color: #939178; font-size: 0.8em; line-height: 1em; margin: 0px 0px 12px 0px; letter-spacing: 1px; }
		div#Body .SubLine .Category { color: #f05f00; }
		div#Body .SubLine a:link,
		div#Body .SubLine a:visited { color: #939178; }
		div#Body .SubLine a:hover,
		div#Body .SubLine a:active { color: #f05f00; }
	div#Body a.BlockLink:link,
	div#Body a.BlockLink:visited { font-size: 1.1em; font-weight: bold; }
	div#Body a.BlockLink:hover,
	div#Body a.BlockLink:active { font-size: 1.1em; color: #0fc2b8; font-weight: bold; }
	div#Body .Pager { margin: 0px 0px 20px 0px; color: #939178; }
	div#Body .Introduction { font-style: italic; }
	div#Body .Orange { color: #f05f00; }
	div#Body a.discrete:link,
	div#Body a.discrete:visited { color: inherit; }
	div#Body a.discrete:hover,
	div#Body a.discrete:active { color: #f05f00; }
	
/* RIGHT COLUMN */
div#RightColumn { float: left; width: 230px; font-size: 0.9em; line-height: 1.5em; }
	div#RightColumn .PicText { color: #6e6e67; font-style: italic; margin: 4px 0px 0px 0px; line-height: 1.4em; letter-spacing: -0.01em; }
	div#RightColumn .Block01 { width: 196px; padding: 15px 17px 5px 17px; }
		div#RightColumn .Block01 h2 { font-size: 1em; color: #f05f00; text-transform: uppercase; margin: 0px 0px 2px 0px; letter-spacing: 1px; }
		div#RightColumn .Block01 .ListItem { clear: both; margin: 0px 0px 8px 0px; }
			div#RightColumn .BulletArrow { float: left; font-size: 1.2em; font-weight: bold; width: 10px; }
			div#RightColumn .ListHead { float: left; width: 186px; }
				div#RightColumn .ListHead a:link,
				div#RightColumn .ListHead a:visited { color: #454545; }
				div#RightColumn .ListHead a:hover,
				div#RightColumn .ListHead a:active { color: #f05f00; }
				div#RightColumn .Block01 .ListItem .ListHead .Date { color: #939178; }
	div#RightColumn .Block02 { width: 196px; padding: 15px 17px 5px 17px; background-color: #d9d6b8; }
		div#RightColumn .Block02 h2 { font-size: 1em; color: #f05f00; text-transform: uppercase; margin: 0px 0px 2px 0px; letter-spacing: 1px; }
		div#RightColumn .Block02 .ListItem { clear: both; margin: 0px 0px 8px 0px; }
			div#RightColumn .BulletArrow { float: left; font-size: 1.2em; font-weight: bold; width: 10px; }
			div#RightColumn .ListHead { float: left; width: 186px; }
				div#RightColumn .Block02 .ListItem .ListHead .Date { color: #939178; }
	div#RightColumn .DotLine { width: 230px; height: 1px; background: url(/lib/img/DotBeige.gif) repeat-x left top; margin: 0px 0px 0px 0px; }
	div#RightColumn .Block01 li { list-style-type: none; margin: 0px; background: url(/lib/img/ArrowBulletLight.gif) no-repeat left 5px; padding: 0px 0px 0px 10px; color: #454545; margin: 0px; }
		div#RightColumn .Block01 li a:link,
		div#RightColumn .Block01 li a:visited { color: #454545; }
		div#RightColumn .Block01 li a:hover,
		div#RightColumn .Block01 li a:active { color: #f05f00; }
	div#RightColumn .Block02 li { list-style-type: none; margin: 0px; background: url(/lib/img/ArrowBulletDark.gif) no-repeat left 5px; padding: 0px 0px 0px 10px; color: #454545; margin: 0px; }
		div#RightColumn .Block02 li a:link,
		div#RightColumn .Block02 li a:visited { color: #454545; }
		div#RightColumn .Block02 li a:hover,
		div#RightColumn .Block02 li a:active { color: #f05f00; }
	div#RightColumn .ListFooter { font-style: italic; text-align: right; padding-bottom: 5px; }
	div#RightColumn .SearchBlock { position: relative; padding-bottom: 5px; }
		div#RightColumn .SearchBlock input.SearchBox { background: transparent url(/lib/img/SearchFieldBg.gif) no-repeat left top; border: 0px; width: 139px; height: 19px; padding: 2px 5px 3px 5px; color: #a9a9a9; font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; display: inline; margin-top: -5px; }
		div#RightColumn .SearchBlock .SearchButton { position: absolute; right: 13px; top: 17px; border: 0px; width: 55px; height: 19px; margin: -7px 0px 0px -3px; cursor: pointer; }
	
/* FOOTER */
div#Footer { position: relative; font-size: 0.8em; line-height: 1.6em; }
	div#Footer #LeftFooter { position: absolute; top: -84px; left: 0px; background: #0fc2b8 url(/lib/img/MainCorner_SW_Blue.gif) no-repeat left bottom; color: #f9f9ed; width: 186px; height: 46px; padding: 19px 22px 19px 22px; }
		div#Footer #LeftFooter a:link,
		div#Footer #LeftFooter a:visited { color: #f9f9ed; text-decoration: none; }
		div#Footer #LeftFooter a:hover,
		div#Footer #LeftFooter a:active { color: #f9f9ed; text-decoration: underline; }
	div#Footer .LeftArrow { position: absolute; top: -100px; left: 0px; width: 16px; height: 16px; background: url(/lib/img/CornerFilledSW_Blue.png) no-repeat left top; }
	div#Footer #RightFooter { position: absolute; top: -10px; right: 0px; width: 10px; height: 10px; background: url(/lib/img/MainCorner_SE.gif) no-repeat right bottom; }