/*
Theme Name: Elastic Grid
Theme URI: http://elastic-grid.com/blog
Description: Custom blog design by Modern Blue	
Version: 1.0
Author: Patrick Bennett / Modern Blue
Author URI: http://www.modernblue.com
*/

body
{
	background:url(images/Background.jpg) repeat-x 	#022742;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", "Verdana", sans-serif;
	font-size: 10pt;
	color: #6B6868;
}

p
{
	padding: 0;
	margin: 0;
}

a, a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
}

img
{
	border: none;
}

.Clear
{
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

.PageHeader
{
	width: 895px;
	margin: auto;
	padding-top: 21px;
	height: 102px;
}

.BodyTop, .BodyCenter, .BodyBottom,
.FooterTop, .FooterCenter, .FooterBottom
{
	width: 903px;
	margin: auto;
}

.BodyTop
{
	background-image: url(images/BodyTop.png);
	background-repeat: no-repeat;
	height: 14px;
}

.BodyCenter
{
	background-image: url(images/BodyCenter.png);
	background-repeat: repeat-y;
}

.BodyContent
{
	padding: 6px;
	margin: 0;
}

.BodyBottom
{
	background-image: url(images/BodyBottom.png);
	background-repeat: no-repeat;
	height: 7px;
}

.FooterTop
{
	background-image: url(images/FooterTop.png);
	background-repeat: no-repeat;
	height: 5px;
}

.FooterCenter
{
	background-image: url(images/FooterCenter.png);
	background-repeat: repeat-y;
	height: 163px;
}

.FooterContent
{
	padding: 10px;
	margin: 0;
}

.FooterBottom
{
	background-image: url(images/FooterBottom.png);
	background-repeat: no-repeat;
	height: 16px;
}

.FooterReflection
{
	margin:auto;
	width:904px;
	height:100px;
}

/*
*	Header and tabs
*/

.PageHeader .Logo
{
	float: left;
}

.PageHeader .Tabs
{
	margin-top: 75px;
	margin-right: 37px;
	margin-bottom: -5px;
	float: right;
}

.PageHeader .Tabs li
{
	background-image: url(images/TabsCenter.png);
	
	display: block;
	float: left;
	
	height: 31px;
	margin: 0;
	
	line-height: 31px;
	font-family: "Arial", sans-serif;
	font-size: 9pt;
}

.PageHeader .Tabs .StartTabs
{
	background-image: url(images/TabsLeft.png);
	width: 10px;
	padding: 0;
}

.PageHeader .Tabs .StartTabs.On
{
	background-image:url(images/TabsLeftOn.png);
}

.PageHeader .Tabs .EndTabs.On 
{
	background-image:url(images/TabsRightOn.png);
}

.PageHeader .Tabs .EndTabs
{
	background-image: url(images/TabsRight.png);
	width: 10px;
	padding: 0;
}

.PageHeader .Tabs li a
{
	display: block;
	background-image: url(images/TabSeparator.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 8px;
	color: #7492AD;
}

.PageHeader .Tabs li a:hover {
	color:#333;
}

.PageHeader .Tabs li.LastItem a
{
	background-image: none;
}

.PageHeader .Tabs li.Selected
{
	background-image: url(images/TabsCenterSelected.png);
}

.PageHeader .Tabs li.Selected a
{
	color: white;
	background-image: none;
}

.PageHeader .Tabs li.NoBorder a
{
	background-image: none;
}


/*
*	"SideBox" / boxes in right sidebar
*/

.SideBox
{
	float: left;
	width: 256px;
	padding: 14px;
	margin-left: 10px;
	background:#e7f3f8 no-repeat;
	overflow: hidden;
}

.BodySidebar .SideBox.alt {
	background:#f7f7f7 none;
}

.SideBox h3
{
	margin: 0;
	padding: 0;
	font-size:15pt;
	font-weight:normal;
	border-bottom:1px solid #eee;
}

.SideBox img
{
	width: 64px;
	float: left;
	margin-right: 11px;
	margin-top: 16px;
}

.SideBox a.MoreLinkTop img
{
	width: 47px;
	height: 23px;
	float: right;
	margin: 0;
	margin-top: -15px;
	margin-right: -14px;
}

.SideBox a.MoreLinkBottom img
{
	width: 24px;
	height: 24px;
	float: right;
	clear:right;
	margin: 0;
	margin-right: -14px;
}

.SideBox p, .SideBox ul
{
	margin-top: 3px;
	margin-left: 15px;
	font-size: 10pt;
	padding: 0;
	list-style-type: none;
	line-height: 14pt;
}

.SideBox ul li
{
	margin: 0;
	padding: 0;
}

.FooterSection
{
	/* 294px total width */
	width: 278px;
	float: left;
	height: 155px;
	overflow: hidden;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px solid #E5E5E5;
	border-right-width: 1px;
}

.FooterSection h3
{
	color: #6581A1;
	margin: 0;
}

.FooterSection ul {
	list-style-image:url(images/bullet.png);
	font-size:12px;
}

.FooterSection li {
	margin:5px 0 0 0;
}

.EcoSection
{
	position: relative;
	background-image: url(images/EcoGreen.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	right: -7px;
	border-right-width: 0px;
	width: 284px;
	padding-left: 0;
	height: 164px;
}

.EcoSection h3
{
	background-image: url(images/EcoPlant.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 27px;
	padding-top: 33px;
	padding-left: 70px;
	color: #67A153;
	font-size: 14pt;
	margin: 0;
}

.EcoSection p
{
	margin: 0;
	padding: 0px 10px 0 10px;
	font-size: 8pt;
	line-height: 10pt;
}

.EcoSection p a
{
	color: #67A153;
	font-weight: bold;
}

/* Sub page */

h1
{
	width: 901px;
	height: 65px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-weight: normal;
	color: white;
}

h1 .PageHeaderLeft
{
	width: 13px;
	height: 65px;
	background-image: url(images/BodyTitleLeft.png);
	float: left;
}

h1 .PageHeaderRight
{
	width: 13px;
	height: 65px;
	background-image: url(images/BodyTitleRight.png);
	float: right;
}

h1 .PageHeaderText
{
	/* 895px - left and right end caps (13 and 13 px) - left padding of 51px */
	width: 824px;
	height: 65px;
	background-image: url(images/BodyTitleCenter.png);
	float: left;
	margin: 0;
	padding: 0;
	line-height: 65px;
	padding-left: 51px;
}

/* Body content is 587px wide -- sidebar gets 895-587 = 308px */
.BodyContent
{
	width: 557px;
	float: left;
	background-position: right top;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
}

.BodySidebar
{
	width: 300px;
	margin-left: 595px;
	padding-top: 18px;
	font-family:Arial, Helvetica, sans-serif;
}

.BodySidebar a {
	color:#006699;
}

.BodySidebar a:hover {
	color:#333;
	text-decoration:underline;
}

.BodyContent h2 img
{
	float: left;
}

.BodyContent h2
{
	font-size:22px;
	border: 0px dotted silver;
	border-bottom-width: 1px;
	background-image: none;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #F06921;
	font-weight: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.BodyContent small {
	padding:3px 0 10px 0;
}

.BodyContent h3
{
	border: 0px dotted silver;
	border-bottom-width: 1px;
}

.BodyContent .entry {
	line-height:17px;
}

.BodyContent p {
	margin:12px 0;
}

.BodyContent .post a {
	color:#006699;
	text-decoration:none;
}

.BodyContent .post a:hover {
	color:#222;
	text-decoration:underline;
}

.BodyContent .strong {
	color: #F06921;
}

.BodyContent .post {
	padding:0 0 25px 0;
}

.BodyContent .post .tags {
	padding:5px;
	border:1px solid #ccc;
	overflow:hidden;
	margin:0 0 10px 0;
}

.BodyContent .post h2 a {
	color: #F06921;
	text-decoration:none;
}

.BodyContent .post h2 a:hover {
	color:#222;
}

.BodyContent .post .com a {
	color:#333;
	background:#f7f7f7;
	padding:5px;
}

.BodyContent .post .com a:hover {
	background:#333;
	color:#fff;
	text-decoration:none;
}

ul.Screenshots
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.Screenshots li
{
	display: inline;
	margin-right: 22px;
}

.LoginBox
{
	width: 263px;
	margin: auto;
}

.LoginBox h2
{
	background-color: #F4F7F9;
	border: 1px solid #F0EFEF;
	width: 254px;
	height: 29px;
	line-height: 29px;
	font-size: 11pt;
	font-weight: normal;
	padding-left: 7px;
	margin: 0 0 3px 0;
}

.LoginBoxContent
{
	background-image: url(images/LoginBox.png);
	width: 263px;
	height: 110px;
	padding-top: 24px;
}

.LoginBoxContent label
{
	width: 100px;
	height: 19px;
	display: block;
	float: left;
	text-align: right;
	padding: 0 5px;
	line-height: 19px;
}

.LoginBoxContent input[type="text"],
.LoginBoxContent input[type="password"]
{
	width: 110px;
	height: 19px;
	border: 1px solid #F0EFEF;
	display: block;
	margin-bottom: 6px;
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	color: #BCBAB9;
}

.LoginBoxContent input[type="submit"]
{
	background-image: url(images/LoginButtonBackground.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	width: 83px;
	height: 20px;
	cursor: pointer;
	margin-left: 138px;
	margin-top: 7px;
	color: #BCBAB9;
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	line-height: 20px;
}

.BodySidebar ul li {
	list-style:none;
}

.BodySidebar .SideBox
{
	background: #f5fafc;
	/* 263px total - 28 padding */
	width: 235px;
	overflow:hidden;
	margin: 11px auto;
	float: none;
	padding: 14px;
	border:1px solid #eee;
}

.FooterContent
{
	width: 557px;
	float: left;
	background-position: 4px bottom;
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 154px;
}

.EcoContent
{
	background-image: url(images/EcoGreenLeft.png);
	background-repeat: no-repeat;
	background-position: 4px bottom;
	
	z-index: 9999;
	position: relative;
}

.EcoContent h2
{
	color: #829F06;
	font-weight: normal;
	margin: 10px 0 0 0;
	background-image: url(images/EcoSmallPlant.png);
	background-position: right center;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 38px;
	height: 23px;
}

.EcoContent .HeaderContainer
{
	margin-bottom: 4px;
}

.FooterSidebar
{
	width: 300px;
	margin-left: 595px;
	padding-top: 18px;
}

.FooterSidebar h2
{
	background-color: #FDAD0D;
	color: white;
	border: 1px solid #F0EFEF;
	/* 262 minus 14 hpadding */
	width: 248px;
	height: 31px;
	line-height: 31px;
	margin: auto;
	padding: 0 7px;
	font-weight: normal;
}

.FooterSidebar p
{
	width: 248px;
	margin: 13px auto;
}

.FooterSidebar p a
{
	display: block;
	margin-left: -3px;
	margin-top: 15px;
	width: 170px;
}

.navigation {
	padding:5px;
	background:#f7f7f7;
	margin-bottom:15px;
}

.navigation a {
	color:#006699;
}

.navigation a:hover {
	color:#222;
}

.BodyContent h1 {
	color:#006699;
	margin:0;
	padding:0;
	height:auto;
	border-bottom:2px solid #ccc;
	width:100%;
}

/* Calendar */
#calendar_wrap, #calendar_wrap table {
	width:100%;
}

.comments a {
	color:#006699;
}

.comments a:hover {
	color:#222;
}

.ichat {
	margin:15px 0 15px 20px;
}