/********** structure **********/

.hidden {
	display: none;
	}
	
body {
	background: #fff;
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	
	line-height: 1.4em;
	
	color: #333;
	margin: 0;
	padding: 0;

	/* centering hack for ie5.5 win */
	text-align: center;
	}
	
body .popup {
	background: #fffff0;
	}

#wrapper {
	position: relative;
  	margin: 0 auto;
	width: 720px;
	
	/* unhack ie5.5 win */
	text-align: left;
	}
	
#content {
	float: left;
	width: 100%;
	background: #fffff0 url(img/bg_content.gif) repeat-x top;
	padding: 0 0 20px 0;
	}

#header {
	float: left;
	width: 100%;
	height: 60px;
	}
	
#header .id {
	float: left;
	margin-top: 17px;
	}

#title {
	margin: 25px 0 0 20px;
	}
	
#byline {
	float: right;
	font-size: 11px;
	line-height: 1.4em;
	margin: 12px 0 0 0;
	}
	
#byline li {
	float: left;
	display: inline;
	height: 20px;
	margin-top: 12px;
	}
	
#byline li.first {
	border-right: 1px solid #c7dcdf;
	margin-right: 8px;
	padding-right: 8px;
	}

#body {
	float: left;
	width: 100%;
	background: url(img/bg_sub.gif) repeat-y top right;
	margin: 8px 0 0 0;
	}

#bodyonecol {
	float: left;
	padding: 0 20px;
	}

#main {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0 0 20px 20px;
	}

#sub {
	float: right;

	width: 160px;
	margin: 0 0 20px 0;
	padding: 10px 20px;
		voice-family: "\"}\""; 
	  	voice-family: inherit;
		width: 120px;
		padding: 10px 15px;
	}

	html>body #navbar ul {
		width: 120px;
		}	
	
#footer {
	clear: left;
	color: #fff;
	text-align: center;
	background: #6b9b9b;
	margin: 0 0 30px 0;
	padding: 1px 0 4px 0;
	}

.footshadow {
	float: left;
	width: 730px;
	height: 12px;
	}

.entry {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #369;
	margin-bottom: 16px;
	padding-bottom: 10px;
	}

/********** text **********/

a:link 		{color: #006699;}
a:visited 	{color: #336699;}
a:hover 	{color: #006699; background: #fcf6db;}
a:active 	{color: #006699;}

#footer a:link 		{color: #fff;}
#footer a:visited 	{color: #fff;}
#footer a:hover 	{color: #fff; background: none;}
#footer a:active 	{color: #fff;}

.first {
	margin-top: 0;
	padding-top: 0;
	}

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	}

h2 {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
h3 {
	font-size: 11px;
	line-height: 1.7em;
	font-weight: bold;
	color: #333;
	margin: 1em 0 0 0;
	padding: 0;
	}

#main h2.title {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	}

h3.date {
	font-weight: bold;
	color: #333;
	margin: 0 0 6px 0;
	padding: 0;
	}

h3.author {
	font-weight: normal;
	color: #333;
	margin: 6px 0;
	padding: 0;
	}

ul {
	font-size: 12px;
	line-height: 18px;
	list-style-image: url(img/bullet.gif);
	margin: 10px 0 20px 20px;
	}

ul.resume {
	list-style-image: none;
	list-style-type: none;
	margin-top: 0;
	}

#main li {
	margin: 0 0 10px 0;
	}

#sub ul {
	font-size: 11px;
	line-height: 1.4em;
	list-style-type: none;
	list-style-image: none;
	margin: 10px 0 20px 0;
	padding: 0;
	}
	
#sub li {
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	padding: 0;
	}

#main h2 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 5px;
	}

#sub h2 {
	font-size: 11px;
	line-height: 18px;
	}

#sub h3 {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
	}

.soft {
	font-weight: normal;
	}

#main p {
	font-size: 12px;
	line-height: 1.7em;
	margin: 0 0 1em 0;
	}

#main p.details {
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 20px;
	}

#main p.closing {
	font-size: 11px;
	font-weight: bold;
	}

#main strong {
	font-weight: bold;
	}
	
#footer p {
	margin: 0;
	}

#footer .divider {
	color: #97c1c0;
	}
	
#gameslist th {
	font-weight: normal;
	padding: 4px 0;
	background: #E1EDED;
	}

#gameslist th.title {
	width: 115px;
	padding-left: 4px;
	padding-right: 10px;
	}

#gameslist a.selected {
	font-size: 13px;
	font-weight: bold;
	}

#gameslist td {
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	}

#gameslist td.title {
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	}

#gameslist .date {
	width: 100px;
	padding-right: 10px;
	}

#gameslist .type {
	width: 70px;
	padding-right: 10px;
	}

#gameslist .comments {
	line-height: 1.5em;
	width: 300px;
	}

.divider {
	font-weight: normal;
	color: #ccc;
	}

img.right {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	}
	
img.left {
	float: left;
	margin: 0 20px 20px 0;
	}

/********** home page **********/

#feature {
	margin: 0 0 10px 0;
	}
	
#newsletter {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #369;
	margin-top: 20px;
	padding: 0;
	}

#newsletter h2 {
	margin: 0;
	padding: 0;
	}

#newsletter img {
	float: left;
	padding: 10px 15px 15px 0;
	}
	
#newsletter p {
	font-size: 11px;
	line-height: 1.4em;
	margin: 10px 0 0 0;
	}
	
#newsletter form {
	float: left;
	margin: 10px 0 0 0;
	}
	
#projects {
	float: left;
	width: 100%;
	margin: 15px 0;
	}
	
#projects h2 {
	margin: 0;
	padding: 0;
	}
	
#projects img {
	float: left;
	margin: 0;
	}

#projects dl {
	float: left;
	margin-top: 15px;
	}

#projects dt, #projects dl {
	float: left;
	}

#projects dd {
	margin-left: 65px;
	}
	
.group1 {
	float: left;
	width: 215px;
	margin-right: 20px;
	}

.group2 {
	float: left;
	width: 215px;
	}

/********** form elements **********/

#orderform {
	display: inline;
	margin: 0;
	padding: 0;
	}

.textfield {
	border-top: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	border-left: 1px solid #369;
	}

.inputsubmit {
	font-family: verdana, arial, helvetica, sans serif;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background: #369;
	}
	
.inputnormal {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	color: #333;
	background: #fff;
	}

#sub .inputsubmit {
	margin: 3px 0 6px 0;
	}

#orderform {
	border-bottom: none;
	margin: 15px 0 0 0;
	}
	
#orderform th, #orderform td {
	padding: 10px;
	}

#orderform th {
	background: #e1eded;
	padding: 4px 10px;
	}

#orderform td {
	font-size: 13px;
	background: #fff;
	border-bottom: 1px dotted #ddd;	
	}
	
#orderform .select {
	text-align: left;
	}

#orderform .type {
	width: 300px;
	}

#notes {
	float: left;
	width: 100%;
	margin-top: 30px;
	}

#notes, #notes p {
	font-size: 11px;
	line-height: 1.5em;
	}
	
.current {
	font-weight: bold;
	color: #333;
	}
	
.past {
	color: #999;
	}

#actions {
	height: 2em;
	background: #e1eded;
	padding: 10px;
	}

.multiples {
	float: left;
	font-size: 11px;
	}

#actions .submit {
	float: right;
	}
	
/********** table elements **********/

table {
	width: 100%;
	}
	
th, td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	}
	
th {
	font-size: 11px;
	color: #333;
	width: 70px;
	}
	
/********** popup elements **********/

#popbanner {
	text-align: left;
	color: #fff;
	background: #369;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	}

.comments-body {
	border-top: 1px dotted #ddd;
	margin: 5px 0;
	padding: 5px 0;
	}

.comments-body p {
	margin: 5px 0;
	padding: 5px 0;
	}

.comments-add {
	border-top: 1px dotted #ddd;
	margin: 10px 0;
	padding: 10px 0;
	}

.blog {
	text-align: left;
	padding: 20px;
	}
	
#personalinfo {
	margin-top: 10px;
	}
	
#personalinfo td.label {
	text-align: right;
	padding-right: 4px;
	}
	
.blog h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#success {
	text-align: center;
	margin: 70px 0 100px 0;
	}