/* @group general */

h1 {
	font-size: 32px;
}

h2 {
	font-size: 22px;
	line-height: 30px;
}

h3 {
	font-size: 16px;
	color: #444;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	margin-top: 24px;
}

h4 {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #444;
}

.floatRight {
	float: right;
}

a {
	text-decoration: none;
	color: #b50000;
}

a:hover {
	text-decoration: underline;
}

.DarkText {
	color: #4c4c4c;
}

.soft {
	color: #7f7f7f;
}

img {
	border-style: none;
}

body {
	color: black;
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #d1d1d1 url(images/bodyBg.jpg) repeat-x 0 top;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}

code {
	font-size: 12px;
	line-height: 18px;
	color: #444;
}

.center {
	text-align: center;
}

/* @end */

/* @group top header */

#header {
	width: 832px;
	margin-top: 44px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 64px;
	padding-right: 64px;
}

#logo {
	width: 278px;
	height: 50px;
/*	margin-top: 44px;*/
	margin-left: -4px;
}

/* @group navbar */

#navbar {
	float: right;
	height: 32px;
	margin-top: 16px;
	width: 480px;
	text-align: right;
}

a.navbarItem {
	width: 64px;
	height: 32px;
	margin: 0 0 0 16px;
	padding: 0;
	font-size: 14px;
	text-decoration: none;
	color: #404040;
}

a.navbarItem:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group projects box */

#homeProjectsBox {
	width: 896px;
	margin-right: auto;
	margin-left: auto;
	padding: 2px 32px 32px;
}

#homeFatGuy {
	width: 896px;
	background: url(images/fatGuy.jpg) no-repeat;
}

#fatGuyBlurb {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 284px;
	font-size: 20px;
	line-height: 28px;
	color: #dfdfdf;
	padding-bottom: 20px;
}

#projectsBoxBody {
	width: 832px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: #a4a3a3 url(images/projectsBoxBg.jpg) repeat-x 0 bottom;
}

.projectsBoxRow {
	text-align: left;
	width: 800px;
	margin-left: 16px;
}

/* @group project box */

.projectBox {
	height: 184px;
	margin-bottom: 0;
	width: 392px;
	background: url(images/projectBoxBg.jpg) no-repeat;
}

.projectBoxText {
	width: 216px;
	position: relative;
	top: -100px;
	left: 160px;
	text-align: justify;
	color: white;
	font-size: 12px;
}

.projectBoxTitle {
	font-size: 15px;
	line-height: 15px;
	margin-top: 0;
	margin-bottom: 10px;
}

a.projectBoxLink {
	color: white;
	text-decoration: none;
}

a.projectBoxLink:hover {
	color: white;
	text-decoration: underline;
}

.projectBoxImage {
	position: relative;
	top: 24px;
	left: 24px;
	width: 112px;
	height: 112px;
}

.readMoreBtn {
	position: relative;
	top: 32px;
	left: 44px;
}

/* @end */

#moreProjectsBtn {
	width: 100%;
	height: 60px;
}

/* @end */

#pageBody {
	width: 100%;
	display: table;
	margin-top: 64px;
	background-color: white;
}

#indexPageBody {
	width: 100%;
	display: table;
	background-color: white;
}

#pageTitleBar {
	width: 100%;
	display: table;
	background: black url(images/titleBg.jpg) repeat-x;
}

#pageTitle {
	width: 832px;
	height: 64px;
	color: white;
	font-size: 20px;
	line-height: 64px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 64px;
	padding-left: 64px;
}

#pageSubtitle {
	font-size: 16px;
}

#rssButton {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	line-height: 1px;
	padding: 0 35px 0 0;
	float: right;
}

#pageContent {
	width: 832px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 64px;
	margin-top: 48px;
	font-size: 13px;
	line-height: 20px;
}

.contentColumn {
	width: 608px;
	margin-right: 32px;
	float: left;
	text-align: justify;
	padding-bottom: 32px;
}

/* @group static pages */

.ContactsTable {
	margin-top: 48px;
	margin-bottom: 48px;
	padding-bottom: 48px;
}

.PageIntroText h2 {
	font-size: 18px;
	color: #666;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
}

.PageIntroText ul {
	font-size: 14px;
	color: black;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	margin: 24px 48px 24px 24px;
}

.PageIntroText li {
	padding-bottom: 12px;
}

.tagline {
	padding-top: 24px;
}

.SidebarImages {
	width: 160px;
	margin: 0;
	padding-left: 16px;
	padding-right: 16px;
}

.AvailabilityText {
	width: 160px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: justify;
	padding-bottom: 16px;
}

.SidebarImg {
	padding: 8px;
	margin-bottom: 16px;
	background-color: #c9c9c9;
	border-style: none;
	font-size: 11px;
	color: #444;
	line-height: 14px;
	text-align: center;
}

.SidebarImgLinked {
	padding: 7px;
	margin-bottom: 16px;
	background-color: #c9c9c9;
	border: 1px dotted #6e6e6e;
	font-size: 11px;
	color: #444;
	line-height: 14px;
	text-align: center;
}

.SidebarImgLinked:hover {
	border: 1px dotted #b50000;
	color: #b50000;
}

.BigImg {
	padding: 16px;
	margin-bottom: 64px;
	background-color: #c9c9c9;
	border-style: none;
	font-size: 11px;
	color: #444;
	line-height: 14px;
	text-align: center;
	margin-top: 40px;
}

/* @group projects */

.ProjectBlurb {
	width: 832px;
	background: url(images/projectBlurbBg.jpg) no-repeat;
	margin-bottom: 32px;
}

.ProjectBlurb td {
	vertical-align: top;
}

.ProjectBlurb h2 {
	color: #444;
	font-size: 18px;
	line-height: 22px;
	padding: 0;
	margin: 0 0 6px;
	font-weight: normal;
	font-style: normal;
}

a.ProjectBlurbTitle {
	color: #444;
	text-decoration: none;
}

a.ProjectBlurbTitle:hover {
	text-decoration: underline;
}

.ProjectBlurbImg {
	padding: 8px;
	background-color: #c9c9c9;
	border-style: none;
	width: 144px;
	height: 144px;
	margin: 24px;
}

.ProjectBlurbImgLinked {
	padding: 7px;
	background-color: #d4d4d4;
	border: 1px dotted #6e6e6e;
	width: 144px;
	height: 144px;
	margin: 24px;
}

.ProjectBlurbImgLinked:hover {
	border: 1px dotted #b50000;
}
.ProjectBlurbText {
	text-align: justify;
	padding: 24px 24px 0 0;
}

/* @end */

/* @end */

/* @group archives */

.ArchiveTitle {
	padding: 0;
	margin-bottom: 16px;
}

.ArchiveTitle h2 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	color: #999;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group sidebar */

#SidebarColumn {
	width: 192px;
	float: right;
}

.SidebarBox {
	width: 192px;
	margin-bottom: 32px;
	background-color: #d9d9d9;
}

.SidebarTop {
	width: 192px;
	height: 16px;
	background: white url(images/sidebarTop.gif) no-repeat;
	border-width: 0;
	border-style: none;
	margin: 0;
	padding: 0;
}

.SidebarBottom {
	width: 192px;
	height: 16px;
	background: white url(images/sidebarBottom.gif) no-repeat;
	border-width: 0;
	border-style: none;
	padding: 0;
	margin: 0;
}

.SidebarBody {
	width: 192px;
	background-color: #d9d9d9;
	/*padding: 0;
	margin: 0;
	border:  solid 1px red;*/
}

.SidebarItem {
	background: url(images/sidebarSeparator.gif) repeat-x 0 bottom;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 28px;
	margin-bottom: 8px;
	width: 160px;
}

.BottomSidebarItem {
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 6px;
	margin-bottom: 0;
}

.SidebarTitle {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 16px;
	color: #444;
}

.SidebarText {
	margin-bottom: 0;
	margin-top: 4px;
	line-height: 16px;
	font-size: 12px;
}

ul.SidebarList {
	list-style-type: none;
	line-height: 20px;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

li.SidebarList {
}

#search {
	width: 156px;
	margin: 0;
	padding: 0;
}

#searchForm {
	width: 160px;
	margin: 0 0 -8px;
	padding: 0;
}

.SidebarMore a{
	font-size: 11px;
	color: #444;
}

/* @group mybloglog */

body table#MBL_COMM {
	font: normal 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 160px;
	margin-right: 16px;
	margin-left: 16px;
}

body table#MBL_COMM th.mbl_h {
	font-weight: normal;
	font-style: normal;
	padding-bottom: 12px;
}

body table#MBL_COMM img {
	border: 1px solid #b6b6b6;
}

body table#MBL_COMM td.mbl_mem {
	font: normal 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

body table#MBL_COMM td.mbl_fo_hidden {
	color: #7f7f7f;
	margin-bottom: 0;
	margin-top: 0;
	padding: 8px 0 0;
}

/* @end */

/* @group digg */

.DiggLink {
	color: #444;
}

.rss-box {
	
}

.rss-item {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 12px;
}

/* @end */

/* @group delicious */

.delicious-posts {
	font-size: 11px;
}

.delicious-banner {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 12px;
}

.delicious-banner a{
	color: #444;
}

.delicious-posts ul {
}

.delicious-posts li {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px -40px;
	width: 152px;
}

/* @end */

/* @end */

/* @group blog post */

.BlogPost {

}

.BlogPostTitle {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
	color: #444;
	font-weight: normal;
	font-style: normal;
}

a.BlogPostTitleLink {
	color: #444;
	text-decoration: none;
}

a.BlogPostTitleLink:hover {
	text-decoration: underline;
}

.BlogPostDate {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 12px;
	color: #777;
}

.BlogPostBody {
	font-size: 13px;
	margin-top: 24px;
	line-height: 20px;
	margin-bottom: 32px;
	text-align: justify;
}

.BlogPostBody img {
	padding: 8px;
	background-color: #dedede;
	margin-top: 16px;
	margin-bottom: 16px;
}

.BlogPostFooter {
	width: 608px;
	margin-bottom: 48px;
}

.BlogPostFooterBox {
	width: 160px;
	vertical-align: top;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	background: url(images/blogFooterBoxBg.jpg) no-repeat;
}

.BlogPostFooterBox2 {
	width: 160px;
	vertical-align: top;
	padding-top: 16px;
	padding-right: 16px;
	padding-left: 16px;
	background: url(images/blogFooterBox2Bg.jpg) no-repeat;
}

blockquote {
	border-left: 4px solid #dedede;
	background-color: #eee;
	padding: 4px 16px;
	margin: 24px 32px;
	font-size: 12px;
	line-height: 18px;
	border-right: 4px solid #dedede;
}

.BlogPostBody ul {
	border-left: 4px solid #dedede;
	background-color: #eee;
	padding: 8px 16px;
	margin: 24px 32px;
	list-style-type: square;
	font-size: 12px;
	line-height: 18px;
	border-right: 4px solid #dedede;
}

.BlogPostBody ol {
	border-left: 4px solid #dedede;
	background-color: #eee;
	padding: 8px 16px;
	margin: 24px 32px;
	font-size: 12px;
	line-height: 18px;
	border-right: 4px solid #dedede;
}

.BlogPostBody li {
	margin-left: 12px;
	padding-top: 16px;
}

li h4 {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

li p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 0;
}

/* @end */

/* @group comments */

.CommentBox {
	width: 576px;
	text-align: justify;
	background: url(images/commentBg.jpg) no-repeat;
	padding: 16px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 24px;
}

.CommentAuthor {
	padding-bottom: 16px;
	text-align: right;
}

.CommentPostBox {
	width: 576px;
	background: url(images/commentBg.jpg) no-repeat;
	padding: 16px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 24px;	
}

#CommentTextArea {
	width: 576px;
}

.CommentsHeader {
	color: #444;
	padding-bottom: 16px;
	padding-top: 16px;
}

/* @end */

/* @group pageNav */

#pageNav {
	margin-top: 32px;
	width: 608px;
}

#nextButton {
	float: right;
	width: 192px;
	height: 24px;
}

#prevButton {
	width: 192px;
	height: 24px;
}

/* @end */

/* @group footer */

#footerBar {
	width: 100%;
	height: 64px;
	background: black url(images/titleBg.jpg) repeat-x;
	padding: 0;
	clear: both;
	margin: 0;
}

#footerBody {
	clear: none;
	width: 832px;
	height: 64px;
	line-height: 64px;
	padding-right: 64px;
	padding-left: 64px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

a.footerItem {
	color: white;
	font-size: 14px;
	margin-right: 16px;
}

#footerNav {
}

#footerText {
	float: right;
	vertical-align: middle;
	background: none no-repeat right;
	color: #666;
	font-size: 11px;
}

#footerText a {
	color: #666;
	text-decoration: none;
}

/* @end */