html, body, form { height: 100%; }
body { background-repeat: no-repeat; background-attachment: fixed; background-position: center top; margin: 0px; padding: 0px; }

p { color: white; }

/* TEMPLATE CONTENT */
#DocumentContent { width: 100%; position: relative; min-height: 100%; }

/** html #DocumentContent { height: 100%; }*/

body > #content-wrap {height: auto; min-height: 100%;}


#ContentContainer { width: 870px; margin: 0px auto; padding: 96px 82px 183px 0px; }

.DocumentFooter { position:relative; background: black url(/lib/img/backstage/FooterBackground.png) repeat-x left top; color: white; /*margin-top: -31.9em;*/ margin-top: -183px; height: 183px;  }
	.DocumentFooter .Line1 { color: white; margin: 10px 0px 2px 0px; font-weight: bold; }
	.DocumentFooter .Line2 { color: #a5a5a5; margin: 0px; font-weight: bold; }
		.DocumentFooter .FooterContent { color: white; width: 967px; margin: 0px auto; padding: 40px 0px; height: 103px; overflow: auto; }
		.DocumentFooter .FooterContent .FooterLeft { float: left; margin: 0px 20px 0px 0px; }
		.DocumentFooter .FooterContent .FooterRight { float: left; padding-top: 25px; display: none; }

#PreHead { display: none; }
		
#HeadContent { background: url(/lib/img/backstage/BlogHead.png) no-repeat left top; width: 878px; height: 157px; text-align: center; padding: 80px 0px 0px 0px; }
	#HeadContent h1 { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 3.6em; margin: 0px; padding: 0px; color: black; }
	#HeadContent p { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.1em; margin: 0px; padding: 0px; color: #cf0072; text-transform: uppercase; }

#BodyContent { color: white; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.1em; }

h1 { color: white; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 3.1em !important; line-height: 1.1em; }
#BodyContent h1 a,
#BodyContent h1 a:hover,
#BodyContent h1 a:active,
#BodyContent h1 a:visited { color: White; }
h2 { color: White; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.4em !important; line-height: 1em; }
h3 { color: White; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.1em !important; line-height: 1em; font-weight: bold; }

a:link, #BodyContent a:visited,
a:active, #BodyContent a:hover { color: #ffe400; }

.BodyContentLeft { float: left; width: 550px; margin: 0px 30px 0px 0px; }
	.BodyContentLeft .PostContainer { margin: 0px 0px 85px 0px; }
		.BodyContentLeft .PostContainer .Ingress { margin: 0px 0px 12px 0px; }
		.BodyContentLeft .PostContainer .Body {  }
		.BodyContentLeft .PostContainer p.Ingress { font-size: 1.2em; }
		.BodyContentLeft .PostContainer p { font-size: 1.1em; }
			.BodyContentLeft .PostContainer a:hover h1,
			.BodyContentLeft .PostContainer a:active h1 { text-decoration: underline; }
	.BodyContentLeft .PostItem { position: relative; background: white; color: black; margin: 15px 0px 0px 0px; padding: 12px 14px; width: 522px; }
		.BodyContentLeft .PostItem #mainImage { width: 522px; height: 295px; overflow: hidden; }
		.BodyContentLeft .PostItem .ImageMatrix { width: 536px; margin: 14px -14px 0px 0px; }
			.BodyContentLeft .PostItem .ImageMatrixItem { width: 133px; margin: 0px 14px 14px 0px; float: left; }
		.BodyContentLeft .PostItem .PostItemTop { position: absolute; top: -5px; left: 0px; }
		.BodyContentLeft .PostItem .PostItemBot { position: absolute; bottom: -2px; left: 0px; }
		.BodyContentLeft .PostItem .PostItemFooter { _height: 1%; overflow: auto; margin: 25px 0px 0px 1px; }
			.BodyContentLeft .PostItem .PostItemFooter div { float: left; margin: 8px 11px 0px 0px; }
			.BodyContentLeft .PostItem .PostItemFooter div img { margin: 0px 4px; vertical-align: bottom; }
			.BodyContentLeft .PostItem .PostItemFooter a:link,
			.BodyContentLeft .PostItem .PostItemFooter a:visited,
			.BodyContentLeft .PostItem .PostItemFooter a:active,
			.BodyContentLeft .PostItem .PostItemFooter a:hover { color: #bbbbbb !important; }
	
	.BodyContentLeft .PostIt { width: 494px; background: #fffdc9; color: #333333; padding: 40px 28px 30px 28px; }
		.BodyContentLeft .PostIt h3,
		.BodyContentLeft .PostIt h3 a,
		.BodyContentLeft .PostIt p { color: #333333 !important; }
		.BodyContentLeft .PostIt h3 a { text-decoration: underline; }
		.BodyContentLeft .PostIt .Comments { margin: 0px 0px 60px 0px; }
		.BodyContentLeft .PostIt .Footer { margin-bottom: 0px; }
			.BodyContentLeft .PostIt .Footer .ContentRight img { display: block; float: left; height: 14px; margin: 1px 0px; }
			.BodyContentLeft .PostIt .Footer .ContentRight div { float: left; line-height: 16px; height: 16px; margin: 0px 4px 0px 0px; }
			.BodyContentLeft .PostIt .Footer a:link, .BodyContentLeft .PostIt .Footer a:visited,
			.BodyContentLeft .PostIt .Footer a:active, .BodyContentLeft .PostIt .Footer a:hover { color: #00a4dd !important; }
			.BodyContentLeft .PostIt .Footer a.ActivePage:link, .BodyContentLeft .PostIt .Footer a.ActivePage:visited,
			.BodyContentLeft .PostIt .Footer a.ActivePage:active, .BodyContentLeft .PostIt .Footer a.ActivePage:hover { display: block; float: left; background: url(/lib/img/backstage/ActivePinkBg.gif) repeat-x left top; color: white !important; padding: 0px 4px; line-height: 16px; height: 16px; }

.BodyContentLeft .CommentArea { margin: 40px 0px 80px 0px; }

	.BodyContentLeft .FormArea { margin: 15px 0px 0px 0px; }
		.BodyContentLeft .FormArea div { margin: 0px 0px 10px 0px; }
			.BodyContentLeft .FormArea div .ValidatorErrorMessage { display: block; margin: 10px 0px 2px 0px; }
		.BodyContentLeft .FormArea input[type=text],
		.BodyContentLeft .FormArea textarea { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; color: #00a4dd; line-height: 1.3em; font-size: 1.3em; padding: 5px 15px; background: white url(/lib/img/backstage/TextFieldBackground.gif) repeat-x left top; border: 0px; }
		.BodyContentLeft .FormArea input[type=text].RedAlert,
		.BodyContentLeft .FormArea textarea.RedAlert { color: #00a4dd; background-image: url(/lib/img/backstage/TextFieldBackgroundRedAlert.gif) !important; background-color: #fcb2b2; }
		.BodyContentLeft .FormArea input[type=text] { width: 270px; }
		.BodyContentLeft .FormArea textarea { width: 520px; }
	
	.BodyContentLeft .Footer { _height: 1%; overflow: auto; margin: 0px 0px 80px 0px; }
		.BodyContentLeft .Footer .ContentLeft { float: left; line-height: 18px; }
		.BodyContentLeft .Footer .ContentRight { float: right; }
			.BodyContentLeft .Footer .ContentRight img { vertical-align: 0px; height: 20px; display: block; float: left; }
			.BodyContentLeft .Footer .ContentRight div { float: left; margin: 0px 4px 0px 0px; height: 20px; line-height: 18px; }
		.BodyContentLeft .Footer a.ActivePage:link, .BodyContentLeft .Footer a.ActivePage:visited,
		.BodyContentLeft .Footer a.ActivePage:active, .BodyContentLeft .Footer a.ActivePage:hover { display: block; float: left; background: url(/lib/img/backstage/ActivePageBg.png) repeat-x left top; color: #870259 !important; /*color: #00b6f0 !important;*/ padding: 0px 4px; line-height: 18px; height: 20px; }
	
.TwoColContainer { _height: 1%; overflow: auto; }
	.TwoColContainer .Left { float: left; }
	.TwoColContainer .Right { float: left; }

.SubmitFieldLeft { width: 404px !important; font-size: 1.1em; padding-top: 2px !important; }
.SubmitComment { width: 168px !important; }
	.SubmitComment input[type=image] { width: 168px; height: 32px; }
#ButtonIE6 { display: none; }
	
	.BodyContentLeft .TwoColContainer {  }
		.BodyContentLeft .TwoColContainer h1 { font-size: 1.6em !important; }
		.BodyContentLeft .TwoColContainer .Left { width: 260px; padding: 0px 15px 0px 0px; }
		.BodyContentLeft .TwoColContainer .Right { width: 260px; padding: 0px 0px 0px 15px; text-align: right; }

.BodyContentRight { float: left; width: 290px; }
	.BodyContentRight h1 { font-size: 1.4em !important; margin: 0px 0px 13px 8px; text-transform: uppercase; font-weight: bold; }

.PostMediumContainer { _height: 1%; overflow: hidden; margin: 0px 0px 50px 0px; width: 550px; }
	.PostMediumContainer .PostImage { position: relative; top: 6px; float: left; background: white; padding: 4px 6px 28px 6px; width: 179px; margin-right: 23px; }
		.PostMediumContainer .PostImage .PostItemTop { position: absolute; top: -6px; left: 0px; }
		.PostMediumContainer .PostImage .PostItemBot { position: absolute; bottom: -16px; left: 0px; }
	.PostMediumContainer .PostText { float: left; color: white !important; width: 336px; }
		.PostMediumContainer .PostText a:hover h1,
		.PostMediumContainer .PostText a:active h1 { text-decoration: underline; }
	.PostMediumContainer h1 { font-size: 2.2em !important; margin: 0px 0px 0px 0px; line-height: 1em; }
	.PostMediumContainer p { color: white; font-size: 1.1em; }
	.PostMediumContainer .Bubble { top: -25px; z-index: 10; }

.BubbleMedium { position: relative; z-index: 10; top: -30px; left: -20px; width: 110px; height: 57px; margin-bottom: -57px; }
	.BubbleMedium .Clicks { position: absolute; z-index: 15; top: 3px; left: 10px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.4em; color: white; font-weight: bold; }
	.BubbleMedium .Comments { position: absolute; z-index: 15; top: 23px; left: 10px; width: 110px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1em; color: white; background: url(/lib/img/backstage/IconComments_Pink.gif) no-repeat left 2px; padding: 0px 0px 0px 18px; }
.Comments a:link, .Comments a:visited,
.Comments a:active, .Comments a:hover { color: white !important; }

.BubbleFooter { width: 85px; height: 47px; }
	.BubbleFooter .Content { position: relative; z-index: 15; top: -42px; left: 12px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.4em; color: white; }
.BubbleFooter .Content a:link, .BubbleFooter .Content a:visited,
.BubbleFooter .Content a:active, .BubbleFooter .Content a:hover { color: white !important; }


.Bubble { position: absolute; z-index: 10; top: 25px; left: -32px; width: 110px; height: 57px; padding: 3px 12px; }
	.Bubble .Clicks { position: absolute; z-index: 15; top: 7px; left: 22px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.4em; color: white; font-weight: bold; }
.Bubble .Comments { position: absolute; z-index: 15; top: 27px; left: 22px; width: 110px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1em; color: white; background: url(/lib/img/backstage/IconComments_Pink.gif) no-repeat left 2px; padding: 0px 0px 0px 18px; }

.PostMeta {  }

.Isolate { margin: 80px 0px; }

.Shadow { margin-bottom: -12px; }

/**/
.BodyContentRight .Footer { _height: 1%; overflow: auto; margin: 0px 0px 0px 0px; }
	.BodyContentRight .Footer {  }
		.BodyContentRight .Footer img { display: block; float: left; height: 14px; margin: 1px 0px; }
		.BodyContentRight .Footer div { float: left; line-height: 16px; height: 16px; margin: 0px 4px 0px 0px; }
	.BodyContentRight .Footer a.ActivePage:link, .BodyContentRight .Footer a.ActivePage:visited,
	.BodyContentRight .Footer a.ActivePage:active, .BodyContentRight .Footer a.ActivePage:hover { display: block; float: left; background: url(/lib/img/backstage/ActiveBlueBg.gif) repeat-x left top; color: white !important; padding: 0px 4px; line-height: 16px; height: 16px; }

.Container { /*height: 107px;*/ margin: 0px 0px 50px 0px; }
	.Container .ContentLeft { position: relative; float: left; padding: 3px 5px; margin: 2px 17px 0px 0px; width: 98px; background: white; }
		.Container .ContentLeft .ItemTop { position: absolute; top: -6px; left: 0px; }
		.Container .ContentLeft .ItemBot { position: absolute; bottom: -20px; left: 0px; }
	.Container .ContentRight { float: left; padding-top: 20px; }

.ItemContainer { position: relative; margin: 2px 0px 0px 0px; padding: 18px 13px 21px 13px; background: white; color: black; }
	.ItemContainer p { color: Black; }
	.ItemContainer .ItemContainerTop { position: absolute; top: -6px; left: 0px; }
	.ItemContainer .ListContainer { margin: 0px 5px; }
	.ItemContainer .PostItems { margin: 14px 0px 45px 0px; }
	.ItemContainer ul { list-style-type: none; color: #666666; margin: 6px 0px 0px 0px; }
		.ItemContainer li.Inactive { background: url(/lib/img/backstage/BulletInactive.gif) no-repeat left 4px; font-size: 1em; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 14px; }
		.ItemContainer li.Active { background: url(/lib/img/backstage/BulletActive.gif) no-repeat left 3px !important; font-size: 1em; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 14px; }
		.ItemContainer a:link, .ItemContainer a:visited,
		.ItemContainer a:hover, .ItemContainer a:active { color: #00b6f0 !important; }
.ItemContainerBot { margin-bottom: 22px; }

.PostIt { margin-top: 0px; background-color: #fffdc9; color: #333333; padding: 40px 20px 4px 20px; }
	.PostIt .ItemContainerTop { top: -4px; }
	.PostIt .CommentItem { margin: 0px 0px 36px 0px; }
		.PostIt .CommentItem a:link, .PostIt .CommentItem a:visited,
		.PostIt .CommentItem a:hover, .PostIt .CommentItem a:active { color: #00b6f0 !important; }
.PostItItemContainerBot { position: relative; top: -2px; }

.BodyContentRight .ItemContainer a:link, .BodyContentRight .ItemContainer a:visited,
.BodyContentRight .ItemContainer a:active, .BodyContentRight .ItemContainer a:hover, .BodyContentRight .ItemContainer a:visited { color:#850057 !important; /*color: #32b5e2 !important;*/ }
.BodyContentRight .ItemContainer li.Active > a:link, BodyContentRight .ItemContainer li.Active > a:visited,
.BodyContentRight .ItemContainer li.Active > a:active, BodyContentRight .ItemContainer li.Active > a:hover { font-weight: bold; }

.BlogSort { width: 100%; color: #908f8f; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-weight: bold; margin: 0px 0px 10px 0px; }

.ImageMatrix { _height: 1%; overflow: auto; width: 267px; }
	.ImageMatrixItem { width: 86px; margin: 0px 3px 3px 0px; float: left; }

.LogoHolder { text-align: right; margin: 6px 0px 20px 0px; }

.Showreel { height: 366px; overflow: hidden; }

.TopLink { margin: 0px 0px 50px 0px; }

/* BLUE */
body.blue { background-color: #377690; background-image: url(/lib/img/backstage/BgBlog.jpg); color: white; }
	body.blue #DocumentContent { background: url(/lib/img/backstage/BackgroundSymbols.png) no-repeat center 35px; overflow: hidden; }

/* YELLOW */
body.yellow { background-color: #ff9a00; background-image: url(/lib/img/backstage/BG_Casereel.jpg); background-position: center top; color: white; }
	body.yellow #BodyContent { text-align: center; }
	body.yellow .Shadow { margin: 0px 0px 0px 40px; }
	body.yellow h1 { /*color: #fff9e6;*/ margin-bottom: 40px; }

/* PINK */
body.pink { background-color: #850057; background-image: url(/lib/img/backstage/BgBlog_pink.jpg); color: white; }
	body.pink #DocumentContent { background: url(/lib/img/backstage/BackgroundSymbols_v2.png) no-repeat center 23px; overflow: hidden; }
	
.tag-cloud 
{
	font-size: 1em;
}

.tag-cloud a { padding-right: 1px; }



/* ExpandBox */
div.expandbox.plus,
div.expandbox-fake.plus,
div.expandbox.minus { float: right ! important; margin: 0 ! important; overflow: hidden; }
	div.expandbox.plus div,
	div.expandbox-fake.plus div,
	div.expandbox.minus div { color: #850057; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 12px; margin-top: 6px; padding: 0 0 0 40px; width: 168px; height: 32px; }

	div.expandbox.plus a span.text-plus, div.expandbox-fake a span.text-plus { display: inline; }
	div.expandbox.plus a span.text-minus { display: none; }
	div.expandbox.minus a span.text-plus { display: none; }
	div.expandbox.minus a span.text-minus { display: inline; }

	div.expandbox.plus a,
	div.expandbox-fake.plus a,
	div.expandbox-fake.plus a:visited,
	div.expandbox.minus a { color: #850057; display: block; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 12px; margin-top: 6px; padding: 0 0 0 40px; width: 168px; height: 32px; }

    div.expandbox-fake a span { color: #850057; }

	div.PostItem div.PostItemFooter div.expandbox a:hover,
	div.PostItem div.PostItemFooter div.expandbox-fake a:hover,
	div.PostItem div.PostItemFooter div.expandbox a:active { color: #850057 ! important; cursor: pointer; text-decoration: underline; } 

div.expandbox.plus, div.expandbox-fake.plus { background: url('/lib/img/backstage/ExpandBoxPlus.png') no-repeat left top; width: 168px; height: 32px; }
div.expandbox.minus { background: url('/lib/img/backstage/ExpandBoxMinus.png') no-repeat left top; width: 168px; height: 32px; }