﻿/* 
===================
TOC 
===================
1. YUI Global Reset
2. Body
3. Header
4. Misc
	4.1 Breadcrumbs
	4.2 Question
	4.3 Blog Post
5. Side Column
	5.1 Categories Table
	5.2 Recent Entries Table
	5.3 Archives Table
6. Blog Nav Links
7. Footer

*/

/* ===================
1. YUI Global Reset
=================== */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:none; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { outline:none; }
/* ====================
2. Body
==================== */
body { font: 0.7425em/1.5 Arial, sans-serif; background: #daecf5; padding:10px 0;}
#wrapper { width: 986px; margin:10px auto 0 auto; background: url(../images/frame/bck.gif) repeat-y left top; }
	a, a:visited { text-decoration:none; }
	a:hover { text-decoration:underline; }
	input { color:#232323; vertical-align:middle;  }
	
/* ================
3. Header
================= */
#header { background: url(../images/frame/bck-header.jpg) no-repeat left top; height:100px; padding:20px;}
#header #headerLinks { float:right; color:#fff; margin-bottom:41px; }
#header #headerLinks a, #header #headerLinks a:visited { color:#fff; }
#header #tabs { clear:right; float:right; padding-top:9px; }
#header span.date { display:block; width:auto; margin-top:5px; color:#fff; padding-top:10px; font-size:.9em; font-weight:bold; }

/* ===============
4. Misc.
============== */
#contentWrapper { padding:10px 0 20px 50px; clear:both;}
#main { margin:0 250px 0 0; }
#col { float:right; width:210px; }

/* =================
X.x Content Only Pages
================== */

.content h4 {font-weight: bold; font-size: 1.0em; line-height: 1.0em; }
.content h2 {font:bold 1.5em Helvetica, Arial, sans-serif; color:#232323; padding-bottom: 10px; }
.content p {margin-bottom: 12px; }
.content em { font-style: italic; }
.content {  margin-left: 30px; } 
.content ul { list-style-type:disc; margin-left:25px; margin-bottom:10px; margin-top: 5px; }
.content li { list-style: disc; }
.content ul li { padding-bottom:3px; }

.thanks { margin-left: 75px; color: #eb7d0e; font-weight: bold; }
	/* ===============
	4.1 Breadcrumbs
	================ */
	#breadcrumbs { font-style:italic; font-size:.9em; color:#054e83; }
	#breadcrumbs a, #breadcrumbs a:visited { font-style:italic; color:#054e83;}	
	
	/* ============
	4.2 Question
	=========== */
	.question { background:#daecf5 url(../images/frame/bck-questionTop.gif) no-repeat top left; width:604px; margin:10px 0 40px 50px; padding-top:30px; }
	.question p { color:#eb7d0e; background:url(../images/frame/bck-questionBottom.gif) no-repeat bottom left; width:100%; padding:0 10px; }
	.question input { height:26px; border:1px solid #58aed5; line-height: 26px; }
	.question input.smallInput { height: 18px; border:1px solid #58aed5; line-height: 18px; }
	
	/* =============
	4.3 Blog Post 
	============== */
	.post { margin-top:20px; }
	
	/* thumbnail */
	.personThumb { float:left; width:120px; text-align:center; font-size:.9em; font-weight:bold; }
	
	/* post body */
	.postBody { margin-left:130px; }
	.postBody h2 { font:bold 1.5em Helvetica, Arial, sans-serif; color:#232323; }
	.postBody h2 a, .postBody h2 a:visited, .postBody h2 a:hover { font:bold Helvetica, Arial, sans-serif; color:#232323; }
	.postBody .date { font-size:.9em; font-weight:bold; color:#58aed5; }
	.postBody .postCategory { font-weight: bold; font-size:.9em; color:#58aed5; }
	.postBody .postCategory a, .postBody .postCategory a:visited { font-weight: bold; color:#eb7d0e; }
	a.postCategory, a.postCategory:visited { color: Black; }
	
	.postBody p { margin-top:15px; font-size: 1em; line-height:1.5em; color:#232323; }

	
	/* post footer */
	.postFooter { margin-top:2px; border-top:1px solid #58aed5; padding:2px 0; }
	.postFooter .postTags{ color: #58aed5; font-weight:bold; font-size:.9em; }
	.postFooter .postTags a, .postFooter .postTags a:visited  { color: #eb7d0e; font-weight:bold; }
	.postFooter .postComments { float:right; color:#054e83; font-size:.9em; }
	.postFooter .postComments a, .postComments a:visited { color:#054e83; }
	
	.PostCommentHeading { text-align: left; }
	
/* ===========
5. Side Column
=========== */
#col { padding-bottom:20px; }
#col h2 { background:url(../images/frame/bck-subheader.gif) no-repeat top right; margin-top:15px; 
	padding-left:20px; line-height:71px; color:#fff; font-style:italic; font-size:1.6em; }
	
	.searchBox { margin:10px 0; }
	.searchBox input { margin-left:15px; border:1px solid #58aed5; }
	.searchBox input.searchButton { margin-left:0px; border:none; }
	
	/* 5.1 Categories Table */
	table.categoriesTable { margin:5px 0 0 15px; width:185px; }
	table.categoriesTable td { background:#daecf5; padding:5px; border-bottom:1px solid #fff; }
	table.categoriesTable td a { font-weight:bold; color:#054e83; }
	table.categoriesTable td a:visited { color:#054e83; }
	
	/* 5.2 Recent Entries Table */
	table.recentEntriesTable { margin:5px 0 0 15px; width:185px; }
	table.recentEntriesTable td { padding:5px; }
	table.recentEntriesTable td a, table.recentEntriesTable td a:visited { color:#054e83; font-size:.925em; }
	
	/* 5.3 Archives Table */
	table.archivesTable { margin:5px 0 0 15px; width:185px; }
	table.archivesTable td { padding:0; }
	table.archivesTable td a { font-weight:bold; color:#054e83; }
	table.archivesTable td a:visited { color:#eb7d0e; }
	
	/* */
	.btnRSS { margin:10px 0 0 10px; }
	
/* =======================
6. Blog Navigational Links
======================= */
.blogNavLinks { margin:30px 0 20px 130px;}	
.blogNavLinks a.previous { float:left; }
.blogNavLinks a.next { float:right; }
.blogNavLinks a, .blognavLinks a:visited { color:#eb7d0e; font-weight:bold; }	

/* ===========
7. Footer
=========== */	
#footer { clear:both; padding:10px 20px; background:#daecf5 url(../images/frame/bck-footer.gif) no-repeat top left;  }
#footer p { color:#232323; line-height:1.5em; text-align:left; }

/* ===========
    Modal
=========== */	

.modalBackground
{
    background-color: #ffffff;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/* BEGIN Errors */
.pnlSuccess{
   background-color:#92e4a0;
   border:1px solid #007700;
   color:#007700;
}

.appError
{
	background-color: #EAB1B1;
	border: solid 1px #842525;
	color: #842525;
}
/* End Errors*/

