body {margin:0;background-color: #000;}
a {text-decoration: none;color: #06f;}
a:hover {text-decoration: underline;color: #06f;}
hr {height: 2px;background:#06f;border:0;}
span {color: #06f;}
h1 {margin-top: 0px;color: #06f;letter-spacing: -2px;font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;}
h2 {margin-top: 20px;margin-bottom: 10px;color: #666;letter-spacing: -1px;font-size: 1.3em; font-weight: 400;font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;}
.clr{clear:both;}
#preload {width: 0;height: 0;display: inline;background-image: url('../img/menubg.jpg');}
.center {text-align:center;display:block;margin-top: 15px;}
.right {float: right;margin: 0 0 8px 12px;padding: 4px;background-color: #FFF;border: 1px solid #CCC;}

#header {width: 100%; height: 90px;margin: 0 0 0 0;background-color: #3b3b3b;vertical-align: bottom;z-index: 1;}
#header h1 {display: block;position: absolute;margin: 56px 0 0 0; padding: 0;background-color: transparent;color: #fff;font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;font-size: 35px;font-weight: 400;z-index: 4;}
#header h1 a {color:inherit;}
#header big {float: right;margin: -10px 0 0 0;position:relative;z-index:100;padding-right:5px;color: #444;font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;font-size: 100px;letter-spacing: -11px;}

#menu {position: absolute; top: 90px;width: 100%;height: 61px;margin: 0 0 0 0;background-color: #000;border-top: solid 1px #fff;border-bottom: solid 1px #fff;z-index: 3;text-align: center;}
#menu ul {margin-top: 20px;}
#menu ul li {display: inline;}
#menu ul li a {background-color: transparent;background-repeat: repeat-x;padding: 14px 20px 14px 20px;font-size: 0.8em;font-family: 'century gothic', verdana, sans-serif;color: #fff;font-weight: bold;text-decoration: none;border: solid 1px #000;}
#menu ul li a:hover {background: #06f url('../img/menubg.jpg') repeat-x top;text-decoration: none;border: solid 1px #fff;}
#menu ul li a.current {background: #06f url('../img/menugreen.jpg') repeat-x top;color: #fff;text-decoration: none;border: solid 1px #fff;}
#main {position: absolute; top: 153px;width: 100%;background: #fff url('../img/main.jpg') repeat-x top;}

#container {
   width: 90%;
   margin: 0 auto;
   padding-top: 20px;
   font-family: arial;
   font-size: 1em;
}

#content {
margin: 0 160px 10px 0;
border-right: 1px solid #ccc;
padding: 0 20px 0 0;
line-height: 1.6em;
color: #666;
font-size: 0.9em;
}

#extras {
clear: right;
float: right;
width: 140px;
margin-left: 10px;
margin-bottom: 20px;
padding: 0;
color: #666;
}

#extras p {
line-height: 1.5em;
margin: 0 0 1.5em 0;
font-size: 0.7em;
}

#footer {
   clear:both;
   font-family: 'century gothic', verdana, sans-serif;
   padding: 5px;
   margin-top: 30px;
   color: #fff;
   background: url(../img/menubg.jpg) repeat-x top left;
   font-size: 0.7em;
   text-align: center;
   border-top: 1px solid #000;
}
#footer a {color: #c0c0c0;text-decoration:underline;}
#footer ul {margin:0;padding:0;}
#footer ul li {display: inline;margin: 0 .75em;}


.box {
   background: #fff url('../img/boxbg.jpg') repeat-x top;
   border: 1px solid #ccc;
   width: 30%;
   height: 23em;
   float: left;
   margin: 0 10px 20px 10px;
   padding: 1px;
}
.box img {margin: .5em auto;}
.box h2{margin:0px;}
.boxC {margin: 0 4px 10px 4px;line-height: 1.3em;font-size: 0.8em;}

.pagination {text-align:center;}
.pagination img {vertical-align:middle;border:0;}
.pagination div {display:inline;margin:0 .5em;padding:.5em;line-height:22px;}
.pagination strong {color:black;background: #dfdfdf;padding:2px;}

/*#formError,#formSuccess{width:40em;position:relative;left:11em;}
#formError div {color:#000;text-align:left;font-size:.7em;border:2px solid #D22020;margin: 1em;padding:1em;background: #E33030 url(../images/errorbg.png) repeat-x bottom;}
#formError h3 {font-family:inherit;font-weight:bold;}
#formError ul {margin-left:1em;}
#formError li {font-size:1.2em;margin:.25em;}
#formSuccess div {color:#000;border:2px solid #86DB86;font-size:.7em;margin: 1em auto;padding:1em;background: #97EC97 url(../images/successbg.png) repeat-x 0 25px;position:relative;}*/

#contactInfo {padding:.5em;margin:1em;text-align:center;font-size:1.25em;}
#contactInfo #contactDetails {line-height:1em;}
#contactInfo fieldset {margin: 1em auto;width:25em;padding: .3em 1em;border: 1px solid #9A9A9A;}
#contactInfo fieldset br {display: none;}
#contactInfo legend {font-weight: bold;color: #353535;background:#fff;padding: .2em .5em;border: 1px solid #9A9A9A;}
#contactInfo fieldset div {clear: both;margin: .1em 0;position: relative;}
#contactInfo label {margin: 0;display: block;width: 6em;text-align: right;float: left;}
#contactInfo fieldset input {width: 20em;margin: .25em 0;}
#contactInfo fieldset textarea {width: 22.2em;margin: .25em 0;}
#contactInfo fieldset div label {margin-right: .25em;}
#contactInfo fieldset input#submit {width:12em;margin:0 auto;display:block}

.blogPost h2 {
   font-size: 1.8em;
   font-weight: bold;
   color: #76A7DC;
   margin-bottom: 5px;
   padding-left: 14px;
   background: url(../img/h2bg.gif) top left repeat-y;
}
.blogPost p {
   margin-bottom: 20px;
   padding-left: 14px;
   background: url(../img/articlebg.gif) top left repeat-y;
}

/*.postDate {background: #FFFFFF url(../img/date.gif);float: right;width: 45px;height: 50px;margin: 0;padding: 0;}
.postDate h3 {color: #000;font-size: 10px;margin: -2px 0 0 10px;text-transform: uppercase;}
.postDate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #999999;font-size: 21px;margin:0;text-align: center;}*/

#comments dd {border-bottom:1px dashed #b6c8b0;margin-bottom:.75em;}
#comments dt {position:relative;}
#comments dt img {position:absolute;top:1.5em;left:0;padding:2px;border:1px solid #ccc;background:#fff;}


.phpCode,.javascriptCode,.cssCode,.htmlCode,.mysqlCode,.xmlCode
    {width: 60em;margin:0 auto;background:#e6e6e6;border:1px solid #6e6e6e;}

.codeFooter {background:#a6a6a6;border-top:1px solid #393939;color:#000;line-height:1.5em;padding-left:.5em;}

#links {line-height: 1.5em;margin: 0 0 1.5em 0;font-size: 0.7em;margin:0;padding:0;list-style:none;}
#links li {margin:0;padding:0;}


#portfolio {width:680px;margin:0 auto;}
#portfolio ul {margin:0;padding:0;list-style:none;}
#portfolio li {
   background: #fff url('../img/boxbg.jpg') repeat-x top;
   border: 1px solid #ccc;
   width: 200px;
   height: 23em;
   float: left;
   margin: 0 10px 20px 10px;
   padding: 1px;
}
#portfolio li .box img {margin: .5em auto;}
#portfolio li .box h2{margin:0px;}
#portfolio li .boxC {margin: 0 4px 10px 4px;line-height: 1.3em;font-size: 0.8em;}


.jcarousel-next {cursor: pointer;}
.jcarousel-prev {cursor: pointer;}

.jcarousel-next-disabled {cursor: default;}
.jcarousel-prev-disabled {cursor: default;}
#formErrors {font-size:.75em;list-style:none;margin:0;padding:.5em;margin-bottom:1em;border:2px outset #FF6661;}
#formErrors li {margin:0;padding:0;line-height:1.25em;}