* {
margin : 0;
padding : 0;
margin-left: auto;
margin-right: auto;
}

body    {
	text-align : center;
	background : #fff url(../gfx/htmlbg.jpg) no-repeat right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676767;
	line-height: 20px;
}

h2 {
	font-size: 18px;
}

body A:visited {
color: #004D79;
text-decoration: none;
}
body A:link {
color: #006699;
text-decoration: none;
}
body A:active {
color: #006699;
text-decoration: none;
}
body A:hover  {
color: #CC6600;
text-decoration: none;
}


div#container {
position : relative;
width : 800px;
height : 768px;
top : 0px;
text-align : left;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}


div#wire {
	position: relative;
	left : -240px;
}

div#headline {
	color: #676767;
	padding: 2px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	background : #fff;
}

div#date {
	color: #6ba3a6;
}

#headline A:visited {
	color: #676767;
	text-decoration: bold;
}
#headline A:link {
	color: #676767;
	text-decoration: bold;
}
#headline A:active {
	color: #676767;
	text-decoration: bold;
}
#headline A:hover  {
	color: #006699;
	text-decoration: bold;
}

div#logo {
	position : relative;
	height : 90px;
	top : 30px;
	text-align : left;
}

div#toc {
	position : relative;
	height : 90px;
	top : 20px;
	left : 50px;
	color: #000;
	text-align : left;
background-position: center;
}
#sidebar
{

	position : absolute;	
	top : 188px;
	padding: 10px;
	margin-left: 545px;
	width: 190px;
	text-align : center;
}
	
div#toc img{
	padding: 0px 10px;
}


div#leftContent {
	position : absolute;
	width : 480px;
	height : 100%;
	top : 178px;
	text-align : left;
	background : #fff;
	padding: 10px;
}

div#post {

}

div#postContent {

	text-align : left;
}

div#postContent img{
	padding: 2px 10px 2px 0px;
}

/*comments and their styles*/
#comments, #respond{
	background : #fff;
}
#commentform 
{
	background : #fff;
}
#outer .commentlist {
	margin: 0;
	padding: 0;
	background : #fff;
}
.commentlist li 
{
	list-style:none;
	width : 480px;
	background : #fff;
}
.commentlist li p 
{
	margin:1em;
}
.commentlist li .cmtinfo 
{
	font-size:1em;
	width:  100%;	
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#eee 1px solid;
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align: left;
	font-style:normal;			
	color:#999;	
}
.commentlist li.alt .cmtinfo 
{
	font-size:1em;	
	width:  100%;
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#ddd 1px solid;
}
#outer .trackback 
{
	background:url(http://blog.hypergraphiaentertainment.com/wp-content/themes/default/images/links.gif) no-repeat left;
	padding:2px 20px;
}
#outer .commentsrss 
{
	background:url(http://blog.hypergraphiaentertainment.com/wp-content/themes/default/images/feed.gif) no-repeat left;
	padding:2px 17px;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}