html {
	background: #F1F3F6 url(http://www.theonegrand.com/blog/layout/bg.jpg) top right repeat-y;
} 

body {
	margin: 0px;
	background: url(http://www.theonegrand.com/blog/layout/bg_tree.jpg) top right no-repeat fixed;
	text-align: left;
	font-family: 'Lucida Grande',Verdana,Geneva,sans-serif;
	font-size: 85%;
	color: #000;
}

hr.NoDisplay { display: none; }

td.formlabel { padding: 4px 15px 4px 0; white-space: nowrap; }

div#PrimaryContainer { margin: 0 140px 0 0; padding: 30px 0; text-align: center; }

div#InnerContainer {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	text-align: left;
	font-size: 90%;
}

/*************************************
* BEGIN logo-related CSS
*************************************/

div#Logo {
	margin: 0 0 35px 0;
	padding: 0;
	width: 457px;
	height: 83px;
	background: url(http://www.theonegrand.com/blog/layout/logo.gif) no-repeat;
}

div#Logo h1 { margin: 0; padding: 0; width: 457px; height: 83px; }

div#Logo h1 b { display: none; }

div#Logo a { background: none; }

/*************************************
* END logo-related CSS
*************************************/

/*************************************
* BEGIN left column-related CSS
*************************************/

div#ColumnLeft { float: left; width: 545px; }

h4.date { margin: 0; font-size: 90%; color: #596D92; }

div.blogbody { clear: both; margin: 15px 0 0 0; font-size: 110%; line-height: 160%; }

div.blogbody img { border: 1px solid #000; }

h3.PostTitle { margin: 0; font: bold 130%/100% Georgia,serif; }

h3.PostTitle a:link,
h3.PostTitle a:visited { color: #000; border-bottom: 1px solid #D3D8E2; text-decoration: none; }

h3.PostTitle a:hover,
h3.PostTitle a:active { background-color: #364157; border: 0; color: #FFF; }

h4.extended { margin: 10px 0; text-align: right; }

h4.CommentsTitle { margin: 50px 0 10px 0; font: bold 130%/100% Georgia,serif; }

h5.posted { margin: 5px 0 60px 0; font-size: 80%; text-align: right; }

h5.PostedComments { margin: 5px 0 20px 0; font-size: 80%; text-align: right; }

div#ColumnLeft h5 a:link,
div#ColumnLeft h5 a:visited { color: #364157; text-decoration: none; }

div#ColumnLeft h5 a:hover,
div#ColumnLeft h5 a:active { color: #FFF; }

pre {
	font-family: 'Lucida Grande',Verdana,Geneva,sans-serif;
	font-size: 100%;
}

/*************************************
* END left column-related CSS
*************************************/

/*************************************
* BEGIN right column-related CSS
*************************************/

div#ColumnRight {
	float: left;
	margin: 0 0 0 35px;
	padding: 0;
	width: 200px;
	font-size: 90%;
	line-height: 150%;
}

div#ColumnRight p { text-align: center; }

div#ColumnRight dl { margin: 4px 0 0 0; }

div#ColumnRight dt {
	margin: 25px 0 8px 0;
	padding: 0;
	width: 200px;
	height: 18px;
	background-repeat: none;
}

div#ColumnRight dt#RecentComments { background-image: url(http://www.theonegrand.com/blog/layout/recent_comments.gif); }
div#ColumnRight dt#OtherBloggers { background-image: url(http://www.theonegrand.com/blog/layout/other_bloggers.gif); }
div#ColumnRight dt#StuffWeLike { background-image: url(http://www.theonegrand.com/blog/layout/stuff.gif); }

div#ColumnRight dt b { display: none; }

div#ColumnRight dd { margin: 0; padding: 0 0 0 10px; }

div#ColumnRight dd.RecentComment { margin-bottom: 10px; }

div.SideTitle {
	margin: 25px 0 8px 0;
	padding: 0;
	width: 200px;
	height: 18px;
}

div.SideTitle h4 {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 18px;
	background-repeat: none;
}

div.SideTitle h4#SearchTheGrand { background-image: url(http://www.theonegrand.com/blog/layout/search.gif); }
div.SideTitle h4#Calendar { background-image: url(http://www.theonegrand.com/blog/layout/calendar.gif); }

div.SideTitle b { display: none; }

div#ArchiveForms { margin: 0; }
div#ArchiveForms form { margin: 0 0 6px 8px; }
div#ArchiveForms select { margin: 0; width: 160px; }

/*************************************
* END right column-related CSS
*************************************/

/*************************************
* BEGIN calendar-related CSS
*************************************/

div.Calendar { margin: 5px 0 20px 8px; font-size: 9px; line-height: 16px; }

div.Calendar th { width: 26px; height: 16px; background-color: #364157; font-weight: bold; text-align: center; color: #FFF; }

div.Calendar td { height: 16px; text-align: center; }

div.Calendar td a:link,
div.Calendar td a:visited { border: 0; }

div.Calendar td.HasEntries { background-color: #D3D8E2; font-weight: bold; }

/*************************************
* END calendar-related CSS
*************************************/

/*************************************
* BEGIN text-related CSS
*************************************/

.formlabel,
.subtitle { font-weight: bold; font-size: 90%; line-height: 150%; }

.subcontent { font-size: 90%; line-height: 150%; }

/*************************************
* END text-related CSS
*************************************/

/*************************************
* BEGIN comments-related CSS
*************************************/

div.comments-body { font-size: 110%; line-height: 140%; }

textarea { width: 350px; height: 125px; }

/*************************************
* END comments-related CSS
*************************************/

/*************************************
* BEGIN trackback-related CSS
*************************************/

/*************************************
* END trackback-related CSS
*************************************/

/*************************************
* BEGIN link-related CSS
*************************************/

a:link { color: #364157; border-bottom: 1px dotted #364157; text-decoration: none; }

a:visited { color: #000; border-bottom: 1px dotted #000; text-decoration: none; }

a:hover,
a:active { background-color: #364157; border: 0; color: #FFF; text-decoration: none; }

/*************************************
* END link-related CSS
*************************************/