@charset "utf-8";
/* Begin Resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;} li { list-style:none;}caption, th { text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}abbr, acronym {border:0;font-variant:normal;}input, textarea, select {font-family:inherit;font-size:inherit;}
/* end resets */
body {font-family:Arial, Helvetica, sans-serif; background:#FFF; }
/* header */
#header { width:960px; padding-top:.25em;margin:auto;}
#header h1 {color: #006EDD; font-size:2em; font-weight:bold; display:inline; float:left;}
#header h1 a {color: #006EDD;text-decoration: none;}
#header h1 a:active, #header h1 a:hover{ text-decoration: underline;}
#nav { margin-top:.5em;}
#header #nav ul { display:inline;float:right; text-align:right; }
#header #nav li { display:inline; margin-left:2em; }
#header #nav a:link, #header #nav a:visited { color:#CC0000; text-decoration:none;  font-size:1.5em; text-transform: uppercase;}
#header #nav a:hover, #header #nav a:focus, #header #nav a:active {color:#CC0000;   text-decoration: underline;}
/* art */
#art {margin:1em 0; }
#art img { margin: .5em .35em 0 0; }
/* home */
#leftcol { width:15.5em; display:inline; float:left; padding:.15em; font-size:.95em; }
#leftcol p, #leftcol h2,  #leftcol ul { margin-bottom:1em;}
#leftcol h2 {  font-family:Georgia, "Times New Roman", Times, serif;}
.other a:link, #rss  a:link,  .other a:visited,  #rss  a:visited  { color: #006EDD;  text-decoration:none; }
.other a:hover,  .other a:focus, .other a:active, #rss  a:hover,  #rss  a:focus, #rss  a:active { color: #006EDD;  text-decoration: underline;}
#main { width:960px; margin:auto; margin-top:.25em; border-top:3px solid #999; padding-top:1em; }
#images, #music {width:43.75em;}
/* music */
#music h3 { font-weight:bold; font-size:1.45em; margin-bottom:.5em;}
#images img, #music img {vertical-align: top; margin-bottom:.75em;}
#music img { display:block; } #music ul {margin-bottom:2em;} #music p { width:20em; text-align:justify; margin-bottom:1.5em;}
/* footer */
#footer { width:960px; background:#000; color:#CCC; margin:auto; padding:.5em;}
#footer a:link, #footer a:visited { color:#FF0000; text-decoration: underline;}
#footer a:hover, #footer a:focus, #footer a:active { color:#FF0000;text-decoration:none; }
#footer p {font-size:.85em; margin-bottom:.75em;} #footer h3 { font-weight:bold;margin-bottom:1em;color:#006EDD;}
#footer img { margin-right:.25em;}
#footer div { display:inline; width:30%; float:left; margin-right:3%; margin-bottom:.5em;}
 /* contact */
#imbalance label, #imbalance p { font-size: .85em;color: #999999;display:block; }
#imbalance { background: url(../images/1.jpg) no-repeat top right; text-align:left; height:430px; padding-left:10px;}
#contact {font-weight: bold; text-decoration: underline; color: #fff;}
#contact a:active, #contact a:hover {text-decoration: none;}
#consent { margin:2em; }
/* portfolio*/
#login {/* color:#FFF; background:#333;*/  } 
#login {  } 
#login input { margin:.25em; float:right;}
#examples { color:#090; padding:.5em 0 0 70px; background:url(../images/star.gif) top left no-repeat;
height:70px;}
/* Generic Styles */
.borderright { padding-left:.25em; border-right:1px solid #999;}
.indent { margin:0 2em;}
.floatcols {display:inline;float:left;margin-top:2em;text-align:left;background-color:#FFFFFF;}
.floatleft {float:left;display:inline;}
.floatright {float:right;display:inline;}
.marginleft {margin-left:2em;} .marginright {margin-right:2em;}
.imgleft {margin-left:4px;}
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;}
.decimal li { list-style-position: inside; list-style-type:decimal;margin-left:2em; }
.loweralpha li { list-style-type:lower-alpha; margin-left:2em;}
.pdf { background:url(../images/pdf.gif) right top no-repeat; height:16px; padding-right:17px;}
.doc { background:url(../images/doc.gif) right top no-repeat; height:16px; padding-right:17px;}
.email { background:url(../images/mail.gif) right top no-repeat; height:16px; padding-right:18px;}
.externallink { background:url(../images/popout.gif) right top no-repeat; height:12px; padding-right:13px;}
.secure { background:url(../images/secure.gif) right top no-repeat; height:15px; padding-right:17px;}
.hideme { display: block; height: 0; overflow: hidden; }
.split{ width:48%; display:inline; float:left; margin-bottom:2em; font-size:.95em; text-align:justify;}
.serif{font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:.25em;}
.work { margin:0 0 1em 2em;  }
.work li { margin:.25em 0 .25em 0; list-style-type:square;}
.desc {text-align:left; margin: 1em;}