/*Begin Main-Layout*/
*
{
	margin: 0px;
	padding: 0px;
}
/*The style for html, body has been posotioned in the index for a full css background*/
BODY
{
	background: #333333;
	color: #444444;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.page
{
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 750px;
}
#content
{
	float: left;
	margin: 0 0 20px 20px;
	width: 470px;
}
#sidebar
{
	float: left;
	margin: 0 0 20px 20px;
	width: 220px;
}
#footer
{
	border-top: 1px solid #DDDDDD;
	clear: both;
	margin: 0 10px;
	padding: 10px 0;
	text-align: center;
}
#footer P
{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#subfooter
{
	background: #3366CC;
}
/*End Main-Layout
Begin Header*/
H1
{
	font: 1.9em Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 20px 0;
	color: #FFFFFF;
}
.ms
{
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 20px 0 30px;
	color: #333333;
}
/*h1 a: link, h1 a: visited, h1 a: active, h1 a: hover*/
#INVALID-RULE
{
	text-decoration: none;
	color: #FFFFFF;
}
#header
{
	background: #3366CC url(http://www.demandgrfx.com/blog/images/header_V3.jpg) no-repeat;
	background-position: center;
	width: 750px;
	height: 222px;
}
#menu
{
/*background: #666666;*/
	margin: 0 0 0 -1px;
	padding: 0;
	border-left: 1px solid #333333;
	height: 36px;
	list-style-type: none;
}
#menu LI
{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
/*color: #333333;*/
	text-align: left;
	text-indent: 10px;
	text-transform: uppercase;
	line-height: 36px;
	border-right: 1px solid #333333;
	width: 130px;
	height: 36px;
	position: relative;
	float: left;
}
#menu LI A, #menu LI A:visited
{
	display: block;
	text-decoration: none;
	color: #999999;
/*color: #333333;*/
}
#menu LI A SPAN, #menu LI A:visited SPAN
{
	display: none;
/*needed to trigger IE*/
}
#menu LI A:hover
{
	border: 0;
}
#menu LI A:hover
{
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	text-indent: 10px;
	text-transform: uppercase;
	line-height: 36px;
	background: #666666;
	width: 130px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	cursor: pointer;
}
/*End Header
Begin Content*/
H2, H3, H4, H5, H6
{
	color: #000033;
	font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
}
H2, H3
{
	border-bottom: 1px solid #DDDDDD;
}
/*h2 a: link, h2 a: visited, h2 a: active, h2 a: hover, h3 a: link, h3 a: visited, h3 a: active, h3 a: hover*/
#INVALID-RULE
{
	color: #000033;
	text-decoration: none;
}
.post
{
	text-align: justify;
}
.postmetadatatop
{
	color: #555555;
	font-size: 0.85em;
	padding: 2px 0 7px;
}
/*.postmetadatatop a: link, .postmetadatatop a: visited, .postmetadatatop a: active*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: none;
}
/*.postmetadatatop a: hover*/
#INVALID-RULE
{
	text-decoration: underline;
}
.postmetadatabottom
{
	color: #555555;
	font-size: 0.85em;
	padding: 2px 0 20px;
	border-top: 1px solid #DDDDDD;
}
/*.postmetadatabottom a: link, .postmetadatabottom a: visited, .postmetadatabottom a: active*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: none;
}
/*.postmetadatabottom a: hover*/
#INVALID-RULE
{
	text-decoration: underline;
}
.entry, .entrytext
{
	line-height: 140%;
	margin: 2px 0 5px;
}
.entrytext P
{
	margin: 0 0 15px;
}
/*a: link, a: visited, a: active, a: hover*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: none;
}
/*a: hover*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: underline;
}
/*End Content
Begin Lists*/
.entry UL, .entry OL, .entrytext UL, .entrytext OL
{
	margin: 5px 0 5px 26px;
}
#categories
{
	padding: 0px 0px 0px 20px;
}
/*#categories a: active, #categories a: link, #categories a: visited*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: none;
}
/*#categories a: hover*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: underline;
}
#bookmarks
{
	font-size: 9px;
	padding: 0px 0px 0px 20px;
}
/*#bookmarks a: active, #bookmarks a: link, #bookmarks a: visited*/
#INVALID-RULE
{
	font-size: 9px;
	color: #3F77B2;
	text-decoration: none;
}
/*#bookmarks a: hover*/
#INVALID-RULE
{
	font-size: 9px;
	color: #3F77B2;
	text-decoration: underline;
}
#sidebar UL LI
{
	list-style: none;
}
#sidebar UL LI UL LI
{
	padding: 2px 0;
}
/*#sidebar ul li ul li a: link, #sidebar ul li ul li a: visited, #sidebar ul li ul li a: active*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: none;
}
/*#sidebar ul li ul li a: hover*/
#INVALID-RULE
{
	color: #3F77B2;
	text-decoration: underline;
}
#sidebar H2, H3, H4, H5, H6
{
	color: #000033;
	font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 23px 0 6px;
}
#sidebar H2, H3
{
	border-bottom: 1px solid #DDD;
}
/*End Entry Lists
Begin Images*/
P IMG
{
	padding: 0;
	max-width: 100%;
}
IMG.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
IMG.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
IMG.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
/*End Images
Begin Form Elements*/
#searchform
{
	margin: 2px 0;
	padding: 5px 0;
}
#sidebar2 #searchform #s
{
	width: 130px;
	padding: 2px;
}
#sidebar2 #searchsubmit
{
	padding: 1px;
}
.entry FORM
{
	text-align: center;
}
SELECT
{
	width: 130px;
}
#commentform INPUT
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform TEXTAREA
{
	width: 100%;
	padding: 2px;
}
#commentform #submit
{
	margin: 0;
	float: right;
}
/*End Form Elements
Begin Various Tags & Classes*/
CODE
{
	font: 1em Verdana, Arial, Helvetica, sans-serif, Fixed;
}
ACRONYM, ABBR, SPAN.caps
{
	cursor: help;
	font-size: 0.9em;
	letter-spacing: 0.07em;
}
ACRONYM, ABBR
{
	border-bottom: 1px dashed #000033;
}
BLOCKQUOTE
{
	background: #EEE;
	border: 1px dashed #CCC;
	line-height: 120%;
	margin: 10px 0 0;
	padding: 5px 10px;
}
BLOCKQUOTE CITE
{
	margin: 5px 0 0;
	display: block;
}
.center
{
	text-align: center;
}
HR
{
	clear: both;
	display: none;
}
A IMG
{
	border: none;
}
.navigation
{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*End*/
.nextNav
{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*End Various Tags & Classes*/
