html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html { height: 100%; }
body { background: #000000 url(../images/bg.gif) top left repeat-y; color: #dddddd; font-family: Tahoma, Geneva, sans-serif; font-size: 100%; height: 100%; padding-top: 20px; }
a { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #aaaaaa; }
.clear { clear: both; }

div#nav { float: left; width: 290px; margin-top: 22px; }
ul#leftNav { font-family: "Lucida Grande", Verdana, sans-serif; border-top: 2px solid #000000; float: left; }
ul#leftNav li { clear: left; float: left; }
ul#leftNav li a { display: block; width: 180px; padding: 10px 25px; border-bottom: 2px solid #000000; clear: both;  float: left; 
		  text-decoration: none; font-size: .75em; cursor: pointer; }
ul#leftNav li a.normal { background: #333333; color: #eeeeee; font-weight: normal; }
ul#leftNav li a.highlighted { background: #888888; color: #000000; font-weight: bold; }
ul#leftNav li a.selected { background: #bbbbbb; color: #000000; font-weight: bold; }

div#skins { clear: both; padding: 18px 0px 0px 14px; }
.skin { float: left; width: 20px; height: 19px; padding: 6px 0px 0px 5px; border: 1px solid #000000; cursor: pointer; margin-right: 14px; 
	font-weight: bold; font-size: 11px; }
.skin:hover { border: 1px solid #aaaaaa; }
#default { background: #000000; color: #000000; }
#default:hover { color: #dddddd; }
#paper { background: #ffffff; color: #ffffff; }
#paper:hover { color: #222222; }

#help { clear: both; margin: 13px 0px 0px 15px; width: 197px; font-size: .65em; font-family: "Lucida Grande", Verdana, sans-serif; color: #bbbbbb; line-height: 1.4em; text-align: right; }
#help a { color: #bbbbbb; }
#help a:visited { color: #bbbbbb; }
#help a:hover { color: #dddddd; text-decoration: none; }
#helpIcon { float: left; padding-right: 7px; cursor: pointer; }
.help_normal { color: #bbbbbb; }
.help_active { color: #dddddd; }
#helpArrows { display: none;  }
.helpItem { display: none; }
#help p { margin-bottom: 16px; }
#help h1 { font-weight: normal; margin-bottom: 16px; }

div#main { margin: 0px 40px 0px 330px; }
#design, #beta, #links, #misc, #resume, #contact { display: none; }

#home { width: 657px; height: 140px; background: url(../images/home.gif) top left no-repeat; display: none; position: absolute; }

.sitePrev { float: left; margin: 15px 15px; padding: 15px; background: #222222; width: 210px; font-size: .7em; line-height: 1.3em; text-align: center; height: 275px; border: 1px solid #666666; }
.sitePrev img { border: 1px solid #999999; margin-bottom: 10px; }
.sitePrev img:hover { border: 1px solid #555555; }
.sitePrev p.siteTitle { font-weight: bold; padding: 0px 0px 15px 0px; }

.disclaimer { clear: both; font-size: .6em; color: #aaaaaa; text-align: center; padding: 30px; }

.betaItem { padding: 32px 15px; font-size: .8em; line-height: 1.35em; }
.betaThumb { border: 1px solid #999999; margin-right: 15px; }
.betaThumb:hover { border: 1px solid #555555; }
.betaTitleText { display: none; }
.betaItem p { margin-top: 20px; }

.linkGroup { padding: 10px; margin: 20px 30px; }
.linkGroupTitle { font-weight: bold; margin-bottom: 8px; font-size: 1.1em; }
.links { font-size: .8em; }
.links li { padding: 3px 2px; }

#miscList { list-style-type: square; padding-left: 15px; }
#miscList li { padding: 8px 8px; }

#resume { font-size: .8em; line-height: 1.5em; padding-left: 15px; }
#resume h1 { font-size: 1.3em;  margin-bottom: 7px; margin-left: -15px; font-weight: bold; }
#resume ul { padding-left: 35px; list-style-type: square; margin-bottom: 15px; }
#resume div { margin-bottom: 25px; }
#resume b { margin-left: -15px; }

#contact { width: 522px; height: 535px; background: url(../images/contact.gif) top left no-repeat; position: absolute; }
