/* General Styles for the site */
body { color: black; margin: 0; padding: 0; background: #ac7 url(images/pixel_logo_bg.jpg) 100% 100% no-repeat fixed; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; } 
#page { margin: 0; padding: 0; background: url(images/page_bg.gif) 0 0 repeat-x; }
h2, #asides h3, h4, #footer p, .answers td.field, #projectDesc h3, p.post-date, #copy h3.post-title, .commentlist cite,
#blogAside .postTitle
	{ font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif; }
.quote { font-size: 0.9em; line-height: 1.5em; }

/* Header specifications */
#header { background: url(images/site_title.gif) 0 0 no-repeat;  height: 80px; margin: 0; padding: 0; }
#header h1 { display: none; }

/* Site Navigation */
#siteNav { list-style: none; margin: 0; padding: 20px 100px; font-weight: bold; font-size: 10pt; }
#siteNav, #siteNav a { color: #cd9; text-decoration: none; }
#siteNav a { padding: 0 5px 0 10px; }
#siteNav a:hover { color: #dd5; background: url(images/nav_hover_bg.gif) 0 0 no-repeat; }
#siteNav li { display: inline; margin: 0 5px 0 0; border-left: 1px solid #563; }
#siteNav .last { border-right: 1px solid #563; padding-right: 3px; }

/* Main Content Area */
#mainContent { background: url(images/main_content_bg.gif) 0 0 repeat-y; width: 678px; position: relative; 
	z-index: 1; left: 20px; top: 6px; }
#contentText { background: url(images/main_content_top.gif) 0 0 no-repeat; margin: 0; padding: 0; }
#contentText h2 { padding: 2px 0 0 0; margin: 0 8px;  color: #dd5; font-size: 14pt; font-weight: normal; }
#copy { padding: 0; margin: 25px 20px 0 20px; }
/* Copy Links */
#copy a { font-weight: bold; }
#copy a:link, #copy a:visited, #copy a:active { color: #834; }
#copy a:visited { color: #301; }
#copy a:hover { color: #267; text-decoration: none; }
/* Copy Text */
#copy h3 { font-size: 1.2em; background: url(images/copy_header_bg.gif) 0 0 repeat-x; 
	margin: 15px 0 10px 0; padding: 10px 0 0 0; clear: right; color: #341; }
#copy h3.firstHead { background: none; }
#copy h3.portTitle { background: url(images/copy_header_bg.gif) 0 100% repeat-x; padding: 0 0 10px 0; 
	margin: 0 0 20px 0; }
#copy h4 { color: #462; margin: 0; font-size: 1.2em; }
#copy p { line-height: 1.5em; margin: 0 0 20px 0; padding: 0; }
#copy p.last { margin: 0; padding: 0; }
#copy p.leftcol { float: left; }
#copy p.rightcol { text-align: right; }
.regList li { list-style-image: url(images/list_bullet.gif); margin-bottom: 0.5em; font-size: 0.85em; }

/* Portfolio Pages Styles */
.thumbList { padding: 0; margin: 0 15px 10px 0; }
.thumbList img { border: 1px solid black; margin: 10px 10px 0 0; }
.currentSmallThumb { padding: 5px; background: #bc9; border-color: #ac8; }
.smallThumbs { margin: 15px 5px 5px 0; }
.titleList { float: right; border-left: 1px solid #bc7; width: 33%; margin: -15px 0 0 15px; padding: 0 0 0 15px; }
.mainThumbWeb { border: 1px solid #666; }
.titleList ul { margin: 0; padding: 0; list-style-image: none; }
.titleList ul li { list-style-image: none; list-style: none; font-size: 0.7em; margin: 0.8em 0 0 0; }
#projectDesc h3 { clear: none; background: none; padding: 0; margin: 0; }
p.projdesc { font-size: 0.85em; line-height: 1.5em; }
.pdfLink { margin: 20px 0; padding: 0 30px 0 10px; font-size: 11pt; }
.pdfLink a { background: url(images/pdf_link.gif) 100% 50% no-repeat;  padding: 10px 30px 10px 0; 
	display: block; width: 40%; }
.webLink { margin: 20px 0; padding: 0 30px 0 10px; font-size: 11pt; }
.webLink a { /*background: url(images/web_link.gif) 100% 50% no-repeat;*/ padding: 10px 30px 10px 0; 
	display: block; width: 15%; }
.noWebLink { margin: 20px 0; padding: 0 30px 0 10px; font-size: 11pt; }
.noWebLink span { /*background: url(images/no_web_link.gif) 100% 50% no-repeat;*/  padding: 10px 30px 10px 0; 
	display: block; width: 30%; font-size: 9pt; font-weight: normal; color: #794; }
.prevNext { background: url(images/prev_next_row.gif) 0 0 repeat-x; width: 270px; margin: -37px 0 0 0; 
	padding: 0 0 10px 0; float: right; }
.prevNext span { display: none;  }
.prevNext .prevButton { display: block; float: left; background: url(images/prev_item_button.gif) 0 0 no-repeat; 
	width: 122px; height: 24px; margin: 0 5px; }
.prevNext .nextButton { display: block; float: left; background: url(images/next_item_button.gif) 0 0 no-repeat; 
	width: 122px; height: 24px; margin: 0 5px; }
/* Questions & Answers Table styles */
.answers { margin: 0 auto; width: 100%; }
.answers td { margin: 0; padding: 12px 0 8px 0; background: url(images/table_row_line.gif) 0 0 repeat-x; 
	vertical-align: top; }
.answers td.field { font-weight: bold; color: #462; font-size: 1.2em; padding-right: 3em; }
.answers .lastRow td { text-align: left; }
.answers .h3 { margin-top: 0; padding-top: 0; }

/* Footer */
#bottomClear { clear: both; }
#footer { background: #ac7 url(images/footer_bg.gif) 0 0 no-repeat; padding: 0; margin: 0; height: 95px; }
#footer p { padding: 47px 0 10px 0; text-align: center; margin: 0; color: #dfc; font-size: 10pt; }
#footer span { color: #341; }
#footer p a { color: #dfc; text-decoration: none; padding: 1px 5px; border: 1px solid #341; background: #573; }

/* Latest (one) Portfolio Item */
.latestPortfolio { float: right; text-align: center; margin: -10px 0 20px 20px; padding: 0; 
	background: url(images/latest_port_button_bg.gif) 0 100% repeat-x; }
.latestPortfolio h4 { color: #672; margin: 0; padding: 0; font-size: 1em; }
.latestPortfolio img { border: 1px solid #351; margin: 2px 0; padding: 0; }
.latestPortfolio .moreItem { float: left; display: block; background: url(images/more_item_button.gif) 0 0 no-repeat; 
	width: 124px; height: 24px; margin-left: 3px; }
.latestPortfolio .portfolio { display: block; float: left; 
	background: url(images/portfolio_button_latest.gif) 0 0 no-repeat; width: 70px; height: 24px; }
.latestPortfolio .moreItem span, .latestPortfolio .portfolio span, .submitButton span { display: none; }

/* Right-Side Items */
#asides { position: absolute; top: 0; right: 0; background: url(images/logo_top_corner.gif) 100% 0 no-repeat; 
	width: 220px; padding-top: 86px; z-index: 0; }
#asides h4 { margin: 0;  padding: 5px 10px 0 5px; }
#asides img { margin: 5px 5px 0 0; border: 1px solid #146; }
.asideBottom span { display: none; }

/* Blog Aside */
#blogAside { background: url(images/blog_aside_bg.gif) 0 0 repeat-y; padding: 0; margin: 0 20px 13px 0; }
#blogAside h3 { background: url(images/blog_aside_title.gif) 0 0 no-repeat; color: #ebc; font-size: 12pt; 
	margin: 0; padding: 5px 8px; }
#blogAside h4, p.post-date { float: right; color: #c8a; font-size: 11pt; line-height: 1.3em; font-weight: bold; 
	text-align: center; margin: 0 0 0.2em 0.5em; }
#blogAside h4 { color: #c8a; }  p.post-date { color: #873; }
#blogAside h4 span, p.post-date span { font-size: 18pt; display: block; }
#blogAside .postTitle { font-size: 1.2em; font-weight: bold; color: #fcd; border-bottom: 1px dashed #835; 
	padding: 1px 0; }
#blogAside p, #blogAside ul, #blogAside form { color: #eac; 
	background: url(images/blog_aside_paragraph.gif) 100% 0 no-repeat; margin: 5px; 
	font-size: 0.9em; line-height: 1.7em; padding: 0 5px 5px 5px; }
#blogAside ul { list-style-image: none; padding: 29px 5px 5px 5px; }
#blogAside li { list-style-image: none; list-style: none; font-size: 0.9em; padding: 0 0 0.2em 1.2em; 
	background: url(images/blogAsideBullet.gif) 0 0.5em no-repeat; }
#blogAside a { color: #fcd; text-decoration: none; font-weight: bold; }
#blogAside a:hover { text-decoration: underline; }
#blogAside .asideBottom { background: url(images/blog_aside_bottom.gif) 0 0 no-repeat; margin: 0; padding: 0; 
	text-align: center; height: 24px; }
#blogAside .moreBlog { display: block; background: url(images/more_blogs_button.gif) 0 0 no-repeat; 
	width: 122px; height: 24px; margin: 0 auto; }
#blogAside .noBlog { display: block; width: 122px; height: 24px; margin: 0 auto; }
#blogAside > form { text-align: center; }

/* Style Switcher Aside */
#portAside { background: url(images/port_aside_bg.gif) 0 0 repeat-y; padding: 0; margin: 0 20px 13px 0; }
#portAside h3 { background: url(images/port_aside_title.gif) 0 0 no-repeat; color: #9c5; font-size: 12pt; 
	margin: 0; padding: 5px 8px; }
#portAside h4 { float: right; color: #7a5; font-size: 11pt; line-height: 1.3em; }
#portAside h4 span { font-size: 11pt; }
#portAside p { color: #9c6; background: url(images/port_aside_paragraph.gif) 100% 0 no-repeat; margin: 5px; 
	font-size: 1em; line-height: 1.7em; padding: 5px 5px 0 5px; }
#portAside .asideBottom { background: url(images/port_aside_bottom.gif) 0 0 no-repeat; margin: 0; padding: 0 0 15px 0; 
	text-align: center; }
#portAside .moreBlog { display: block; background: url(images/more_ports_button.gif) 0 0 no-repeat; 
	width: 82px; height: 24px; margin: 0 auto; }
#portAside .moreInfo { display: block; background: url(images/more_info_button.gif) 0 0 no-repeat; 
	width: 82px; height: 24px; margin: 0 auto; }
#blogAside { background: url(images/blog_aside_bg.gif) 0 0 repeat-y; padding: 0; margin: 0 20px 13px 0; }
#blogAside h3 { background: url(images/blog_aside_title.gif) 0 0 no-repeat; color: #ebc; font-size: 12pt; 
	margin: 0; padding: 5px 8px; }
#blogAside h4, p.post-date { float: right; color: #c8a; font-size: 11pt; line-height: 1.3em; font-weight: bold; 
	text-align: center; margin: 0 0 0.2em 0.5em; }
#blogAside h4 { color: #c8a; }  p.post-date { color: #873; }
#blogAside h4 span, p.post-date span { font-size: 18pt; display: block; }
#blogAside .postTitle { font-size: 1.2em; font-weight: bold; color: #fcd; border-bottom: 1px dashed #835; 
	padding: 1px 0; }
#blogAside p, #blogAside ul, #blogAside form { color: #eac; 
	background: url(images/blog_aside_paragraph.gif) 100% 0 no-repeat; margin: 5px; 
	font-size: 0.9em; line-height: 1.7em; padding: 0 5px 5px 5px; }
#blogAside ul { list-style-image: none; padding: 29px 5px 5px 5px; }
#blogAside li { list-style-image: none; list-style: none; font-size: 0.9em; padding: 0 0 0.2em 1.2em; 
	background: url(images/blogAsideBullet.gif) 0 0.5em no-repeat; }
#blogAside a { color: #fcd; text-decoration: none; font-weight: bold; }
#blogAside a:hover { text-decoration: underline; }
#blogAside .asideBottom { background: url(images/blog_aside_bottom.gif) 0 0 no-repeat; margin: 0; padding: 0 0 15px 0; 
	text-align: center; }
#blogAside .moreBlog { display: block; background: url(images/more_blogs_button.gif) 0 0 no-repeat; 
	width: 122px; height: 24px; margin: 0 auto; }
#blogAside .noBlog { display: block; width: 122px; height: 24px; margin: 0 auto; }
#blogAside > form { text-align: center; }

/* Style Switch Aside */
#styleSwitchAside { background: url(images/blog_aside_bg.gif) 0 0 repeat-y; padding: 0; margin: 0 20px 13px 0; }
#styleSwitchAside h3 { background: url(images/style_aside_title.gif) 0 0 no-repeat; color: #ebc; font-size: 12pt; 
	margin: 0; padding: 5px 8px; }
#styleSwitchAside div.styleImages { margin: 5px 10px; }
#styleSwitchAside img { border: 1px solid #835; }
#styleSwitchAside div.currentStyle { background: url(images/current_style_bg.gif) 0 0 no-repeat;  
	float: left; text-align: center; vertical-align: center; margin-right: 5px; }
#styleSwitchAside div.currentStyle img { padding: 0; margin: 5px; }
#styleSwitchAside img.choosable { float: left; margin-right: 5px; }
#styleSwitchAside p.clear { clear: left; margin: 0; padding: 0; font-size: 0; }
#styleSwitchAside .asideBottom { background: url(images/style_aside_bottom.gif) 0 0 no-repeat; margin: 0; 
	padding: 0 0 15px 0; 
	text-align: center; }
#styleSwitchAside .latestStyle { display: block; background: url(images/latest_style_button.gif) 0 0 no-repeat; 
	width: 122px; height: 24px; margin: 0 auto; }
	
/* Blog Pages Styles */
#copy h3.post-title { background: url(images/blog_date.gif) 100% 0 no-repeat; clear: none; 
	padding: 0 0 1em 0; margin: 0; font-size: 1.5em; }
p.post-date: { margin: 1em; }
span.catagory { margin: 0; font-size: 0.8em; display: block; font-family: Verdana, Arial, sans-serif; 
	font-weight: normal; font-size: 0.5em; }
div.post-content { margin: 0 15px; font-size: 0.9em; line-height: 1.7em; }
div.post-footer { margin: 5px 0; padding: 5px 0; background: url(images/copy_header_bg.gif) 0 50% repeat-x; 
	clear: right; }
#copy h3#comments { margin: -10px 0 10px 0; padding: 0; }
.commentlist li { border-top: 1px solid #bc7; }
.commentlist cite { padding-bottom: 0.5em; font-size: 1.2em; }
.comment-text { font-size: 0.9em; line-height: 1.7em; }
.blogList { float: right; border-left: 1px solid #bc7; width: 20%; margin: -5px 0 0 15px; padding: 1em 0 1em 15px; }
.blogList ul { margin: 0; padding: 0; list-style-image: none; }
.blogList ul li { list-style-image: none; list-style: none; font-size: 0.75em; margin: 2px 0 0 0; }