﻿/*skin styles */
body {background-color:#3D3C44;}
.bordered{ border:dotted 2px #FCF0EF;}
#breadcrumb{ background:#57280C; border-top:dotted 2px #FCF0EF;}
#menuHolder{ text-align:center; left:0;}
#menu {  text-align:left; height:150px;
		padding: 0;
		background-image:url('../../WeblogHappyBanner.jpg');
		background-position:left top;
		background-repeat:no-repeat;
		left:70px;
		}
#PaneHolder{}
#contentTop {background:#57280C; line-height: 1.5em;}
#contentMain {background:#57280C; line-height: 1.5em;	}
.threeThirds{margin-left:auto;margin-right:auto;}
.twoThirds{width:65%; padding-right:5px; float:left;}
.oneThird{ width:27%;}
.generalContent{background-color:#57280C;line-height: 1.5em;}
.ContentPane{padding-left:5px;}
.SidePane{ float:left;padding-left:5px;}
.HalfPane{width:50%;}
.dateholder {padding-bottom:9px; 	vertical-align:bottom;	text-align:left;}
.loginholder{
    vertical-align:top;
    padding-bottom:3px;
}
.linksholder{
    vertical-align:bottom;
    padding-bottom:2px;
    text-align:center;
    color:#666666;
}
select, input {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
h1, h2
{
	font-family:  Arial, Helvetica, sans-serif;
}
h2
{
	font-size:26px;
	color:#FCF0EF;
}
h3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #6C6C6C;
	padding: 2px 0 1px 7px;
	background: #888;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
p {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
/* Current Date */
.date {
	color: #999999;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	padding-left:18px;
}
/* text style for the unselected tabs */
.OtherTabs {
    font-size: 10px;
    color: #666666;
    font-family: arial;
    text-decoration: none;
    vertical-align:bottom;
}
/* hyperlink style for the unselected tabs */
A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active {
    text-decoration:    none;
    color: #666666;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}
A.OtherTabs:hover    {
    text-decoration:    underline;
    color: #000000;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}
/* Main Menu */
.MenuBar 
{
	cursor:auto;
	font-size: 1.4em;
	font-family: Georgia; 
	font-weight: normal; 
	font-style: normal;
	height:40px;
}
.MenuContainer { }
.CSSNode 
{
	/*color: #C9DDE6; */
	color: #57280C; 
	cursor: pointer; 
	cursor: hand; 
	padding:10px 10px 10px 10px;
	height:30px;

}
.CSSNodeHover {
	color:white;
	background-color: #C9DDE6;
	border-bottom:dotted 5px #C9DDE6;
	padding:0px 10px 10px 10px;
}
.CSSBreadCrumbRoot
{
	/*background-color: #57280C;
	color:#FCF0EF;*/
	background-color: transparent;
	color:#57280C;
	cursor: pointer; 
	cursor: hand; 
	font-family: Georgia; 
	font-weight: bold; 
	font-style: normal;
	padding:0px 10px 10px 10px;
	border-bottom:dotted 5px #C9DDE6;
	height:30px;
	text-align:center;
}
.CSSNodeSelectedRoot
{
	cursor: pointer; 
	cursor: hand; 

}.CSSContainerSub {
/*	background:#57280C;*/
	text-align:left;
	background-color: #C9DDE6;
	color:#57280C;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	padding:10px 5px 5px 5px;
	top:5px;
}


/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {color: #2c2c2c;}
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}
/* Module Title Menu */
.ModuleTitle_MenuItem {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	color: #6C6C6C; 
	background: ;
	cursor: pointer; 
		cursor: hand; 
		font-family: arial; 
		font-size: 10px; 
		font-weight: bold; 
		font-style: normal;	
		padding-left: 2px;
		padding-right: 8px;
		height: 21px;
	}
.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand;
	color: #6C6C6C;
	text-align: center;
	padding-right: 0px;
	padding-left: 3px;
	background: transparent;
	display: none;
}
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	color: #fff;
	background: #fff;
	margin-top: 5px;
	border: 1px solid #6C6C6C;
	padding: 3px;
}
.ModuleTitle_MenuBreak {display: none;}
.ModuleTitle_MenuItemSel {
	color: #fff;
	font-family: arial; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal;
	padding-left: 2px;
	padding-right: 8px;
	height: 21px;
	border: 0;
	background: #6C6C6C;
}
.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10px; 
	cursor: pointer; 
	cursor: hand;
	display: none;
}
.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10px; 
	cursor: pointer; 
	cursor: hand;
	display: none;
}
/* for the date */
.SelectedTab {
    color: #999;
	font-family: arial;
	font-weight: normal;
	font-size: 10px;
}

/* Item titles on edit and admin pages */
.SubHead    {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
	padding: 0;
	color:white;
}
/* linky linky */
a.SubHead:link, a.SubHead:visited {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
}
a.SubHead:hover {
	text-decoration: none;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
}
/* BlogView*/
p{color:#FCF0EF; font-size:14px; line-height: 1.5em;}
.blog_body{color:#FCF0EF; font-size:10px; border-top:1px #FCF0EF dashed; }
.blog_footer{font-size:16px;padding-bottom:30px;border-bottom:0px;}
.blogfooter_left{line-height:12px;}
.BlogSubHead {
    font-family: arial;
    color: #77ADFF;
	padding-top: 3px;
}
/* BlogSubHeadLinks */
a.BlogSubHead:link, a.SubHead:visited {
    font-size: 18px;
	font-family: arial;
    font-weight: normal;
	padding-top: 3px;
	line-height: 18px;
}
a.BlogSubHead:hover {
	text-decoration: underline;
    font-size: 18px;
    font-family: arial;
    font-weight: normal;
	padding-top: 3px;
}
.Blog_RecentEntries{ border-bottom:thin white dashed;}
.Blog_RecentEntries_Dateline{font-size: 8px;}
.BlogPubDate{color:#57280C; font-weight:bold; font-size:14px;}
a.CommandButton:link, a.CommandButton:visited {
	color: #C9DDE6;	
	padding: 1px 2px 1px 3px;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
a.CommandButton:hover {
	color: #57280C;
	padding: 1px 2px 1px 3px;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	background: #C9DDE6;
}

a:link
{
	color: #C9DDE6;
	font-weight: normal;
	text-decoration: underline;
}
a:visited
{
	color: #C9DDE6;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #57280C;
	text-decoration: none;
	background: #C9DDE6;
}
a:CreateFrom:link, a:CreateFrom:visited {
	color: #77ADFF;
	font-family: arial;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}
a:CreateFrom:hover {
	color: #fff;
	font-family: arial;
	font-size: 10px;
	text-decoration: underline;
	background-color: #77ADFF;
}

.Head 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size: 20px;
	color:  #FCF0EF;
	letter-spacing: 3px;
	/*text-transform: uppercase;*/
}
.Normal {
	color: #FCF0EF;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
}
.NormalRed {
	color: #D08D00;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
}
.NormalBold {
	color: #6C6C6C;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
}
.NormalTextBox {
	color: BLACK;
	padding-left: 4px;
	line-height: 13px;
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc;
}
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 1px solid #f5f5f5;
}
td.SubHead {
	color: white;
}
.BreadCrumb
{
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
a.BreadCrumb:link, a.BreadCrumb:visited 
{
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
a.BreadCrumb:hover 
{
	color:#57280C;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}
.LoginCell{padding-bottom:10px;}
.mainTable{padding-top:10px;}
.login {
    font-size: 10px;
    color: #666666;
    font-family: arial;
    text-decoration: none;
    padding-left:0px;
   
}
/* hyperlink style for the unselected tabs */
A.login:link, A.login:visited, A.login:active {
    text-decoration:    none;
    color: #666666;
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
A.login:hover    {
    text-decoration:    underline;
    color: #000000;
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
.bottombar {
    font-size: 10px;
    color: #000000;
    font-family: arial;
    text-decoration: none;
    padding-left:0px;
    padding:0px 10px 0px 10px;
}
/* hyperlink style for the unselected links */
A.bottombar:link, A.bottombar:visited, A.bottombar:active {
    text-decoration:    none;
    color: #000000;
	background-color: transparent;
	border: 0;
	font-weight: normal;
	    padding:0px 10px 0px 10px;
}
A.bottombar:hover    {
    text-decoration:    underline;
    color: #333333;
	background-color: transparent;
	border: 0;
	font-weight: normal;
	    padding:0px 10px 0px 10px;
}
.Help {
    font-size: 10px;
    color: #666666;
    font-family: arial;
    text-decoration: none;
    padding-left:7px;
   
}
/* hyperlink style for the unselected tabs */
A.Help:link, A.Help:visited, A.Help:active {
    text-decoration:    none;
    color: #666666;
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
A.Help:hover    {
    text-decoration:    underline;
    color: #000000;
	background-color: transparent;
	border: 0;
	font-weight: normal;
}
.articleTopCell
{
	background-color:#57280C;
	}
.articleTitle
{
	font-family: Georgia;
	font-size: 18px;
}
.articleTable, .articleTextCell
{
	background-color:transparent;
	border: none;
	
}
ul{font-size:14px;line-height: 1.5em}
ol{font-size:14px;line-height: 1.5em}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
	
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12,.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{
	width:60px;
}

.container_12 .grid_2{
	width:140px;
}

.container_12 .grid_3{
	width:220px;
}

.container_12 .grid_4{
	width:300px;
}

.container_12 .grid_5{
	width:380px;
}

.container_12 .grid_6{
	width:460px;
}

.container_12 .grid_7{
	width:540px;
}

.container_12 .grid_8{
	width:620px;
}

.container_12 .grid_9{
	width:700px;
}

.container_12 .grid_10{
	width:780px;
}

.container_12 .grid_11{
	width:860px;
}

.container_12 .grid_12{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .prefix_1 {
	padding-left:80px;
}

    .container_12 .prefix_2 {
	padding-left:160px;
}

    .container_12 .prefix_3 {
	padding-left:240px;
}

    .container_12 .prefix_4 {
	padding-left:320px;
}

    .container_12 .prefix_5 {
	padding-left:400px;
}

    .container_12 .prefix_6 {
	padding-left:480px;
}

    .container_12 .prefix_7 {
	padding-left:560px;
}

    .container_12 .prefix_8 {
	padding-left:640px;
}

    .container_12 .prefix_9 {
	padding-left:720px;
}

    .container_12 .prefix_10 {
	padding-left:800px;
}

    .container_12 .prefix_11 {
	padding-left:880px;
}

    .container_12 .prefix_12 {
	padding-left:960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {
	padding-right:80px;
}

    .container_12 .suffix_2 {
	padding-right:160px;
}

    .container_12 .suffix_3 {
	padding-right:240px;
}

    .container_12 .suffix_4 {
	padding-right:320px;
}

    .container_12 .suffix_5 {
	padding-right:400px;
}

    .container_12 .suffix_6 {
	padding-right:480px;
}

    .container_12 .suffix_7 {
	padding-right:560px;
}

    .container_12 .suffix_8 {
	padding-right:640px;
}

    .container_12 .suffix_9 {
	padding-right:720px;
}

    .container_12 .suffix_10 {
	padding-right:800px;
}

    .container_12 .suffix_11 {
	padding-right:880px;
}

    .container_12 .suffix_12 {
	padding-right:960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {
	left:80px;
}

    .container_12 .push_2 {
	left:160px;
}

    .container_12 .push_3 {
	left:240px;
}

    .container_12 .push_4 {
	left:320px;
}

    .container_12 .push_5 {
	left:400px;
}

    .container_12 .push_6 {
	left:480px;
}

    .container_12 .push_7 {
	left:560px;
}

    .container_12 .push_8 {
	left:640px;
}

    .container_12 .push_9 {
	left:720px;
}

    .container_12 .push_10 {
	left:800px;
}

    .container_12 .push_11 {
	left:880px;
}

    .container_12 .push_12 {
	left:960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {
	right:80px;
}

    .container_12 .pull_2 {
	right:160px;
}

    .container_12 .pull_3 {
	right:240px;
}

    .container_12 .pull_4 {
	right:320px;
}

    .container_12 .pull_5 {
	right:400px;
}

    .container_12 .pull_6 {
	right:480px;
}

    .container_12 .pull_7 {
	right:560px;
}

    .container_12 .pull_8 {
	right:640px;
}

    .container_12 .pull_9 {
	right:720px;
}

    .container_12 .pull_10 {
	right:800px;
}

    .container_12 .pull_11 {
	right:880px;
}

    .container_12 .pull_12 {
	right:960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

