*{ margin: 0; padding: 0; }
p{ margin: 8px 0; }
body{ background: #000 url(/i/hibiscus_background.jpg) top center no-repeat fixed; text-align: center;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }
#container{ width: 760px; margin: 0 auto; text-align: left; }
#header{ width: 205px; height: 130px; float: left; }
#nav{ width: 500px; height: 60px; float: left;  margin: 40px 0 0 40px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em; }
#nav ul{ list-style: none; color: #fff; }
#nav ul li{ float: left; padding: 5px 20px; }
#nav a{ color: #fff; text-decoration: none; }
#nav a:hover, #nav li.current a{ border-bottom: 1px solid #fff; }
#content{ clear: left; }

#leftbox{ width: 400px; margin: 10px 0 10px 13px; padding: 5px 10px 0 10px; background: #000; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; filter:alpha(opacity=77);-moz-opacity:0.77;opacity:0.77;  font-size: 1.3em; float: left; display: inline;}

#leftbox h2, .bigbox h2, .columnthin h2, #pane-left h2{ font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; }
#leftbox h3, .bigbox h3, .columnthin h3, #pane-left h3{ font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin-top: .5em; }

.bigbox{ width: 715px; margin: 10px 0 10px 13px; padding: 5px 10px 0 10px; /*background: #000 url(i/roundedtop.gif) top left no-repeat; */ background: #000; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; filter:alpha(opacity=77);-moz-opacity:0.77;opacity:0.77; font-size: 1.3em; float: left;}

.bigbox_noopacity{ width: 715px; margin: 10px 0 10px 13px; padding: 5px 10px 5px 10px; /*background: #000 url(i/roundedtop.gif) top left no-repeat; */ background-color: #26020C; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 1.3em; float: left;}

.borders{ border-top: 1px solid #ddd; border-bottom: 1px solid #999; border-left: 1px solid #ddd; border-right: 1px solid #999; }

#rightbox{ width: 270px; margin: 10px 0 10px 10px; padding: 0 15px; float: right; color: #fff; background-color: #1C0411;  font-size: 12px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; display: inline; }

#leftbox p, #rightbox p, .bigbox p, .columnthin p, #pane-left p{ color: #ddd; }

/* #leftbox:hover, #rightbox:hover, .bigbox:hover, .columnthin:hover{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } */

#rightbox h2{ font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; }

.right{ text-align: right; }
.viewportfolio{ text-align: right; margin: 15px 0 15px 0; }

.featured{ font-weight: bold; font-family: Arial, Helvetica, sans-serif;  }

#the3{ text-align:left; clear: left; width: 300px; margin-left: -10px; }
#leftbox.the3background{ background: #000 url(../i/the3.gif) bottom left no-repeat; padding-bottom: 140px; }

#content a.hi{ color: #000; background-color: #B3FF00; padding: 2px 4px 2px 4px; text-decoration: none; }
#content a.hi:hover{ color: #000; background-color: #D5FF71; }

#content a{ color: #ccc; }
#content a:hover{ color: #fff; }

#footer{ width: 735px; clear: left; margin-left: 13px; margin-bottom: 20px; color: #ccc; text-align: right; line-height: 1.5em; font-size: 1.1em; }
#footer a{ color: #ddd; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

.portfolioimg{ border: 1px solid #333; }

.leftportfolio{ width: 520px; float: left; }
.rightportfolio{ margin-left: 15px; width: 175px; float: left; }


.rightportfolio{ font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #CCC; }

.quote{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #fff; }

.leftportfolio p{ color: #ccc; font-size: .9em; font-family: Arial, Helvetica, sans-serif; }

.testimonialphoto{ margin-right: 4px; border: 1px solid #333; }

span.hi{color: #000; background-color: #B3FF00; padding: 0 0; height: 5px; text-decoration: none; font-weight: bold; }
span.hitext{color: #D5FF71;  padding: 0 0; height: 5px; text-decoration: none; }

blockquote{ margin-left: 20px; }

.noborder{ border: 0; }

.columnthin{ width: 216px; margin: 10px 0 10px 13px; padding: 5px 10px 0 10px; background: #000; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; filter:alpha(opacity=77);-moz-opacity:0.77;opacity:0.77; font-size: 1.3em; float: left;}

#content ul{ margin: .5em 1em 1em 1.5em; }
#content li{ padding: 1px 0; }

#pane-left{ width: 530px; margin-left: 13px; float: left; }

#pane-left .post-James{  width: 515px; margin: 0 0 10px 0; padding: 2px 10px 15px 15px; background: #26020C url(../i/posted_by_james.gif) top right no-repeat; }
#pane-left .post-Kevin{  width: 515px; margin: 0 0 10px 0; padding: 2px 10px 15px 15px; background: #26020C url(../i/posted_by_kevin.gif) top right no-repeat; }
#pane-left .post-Patrick{  width: 515px; margin: 0 0 10px 0; padding: 2px 10px 15px 15px; background: #26020C url(../i/posted_by_patrick.gif) top right no-repeat; }

#pane-left .post-{ width: 515px; margin: 0 0 10px 0; padding: 2px 10px 15px 15px;  background-color: #26020C; }

#sidebar{ width: 170px; margin-left: 17px; float: left; }
#sidebar h3{ color: #fff; font-size: 1.2em; }

#searchform{ margin-bottom: 5px; }

.storycontent{ font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;  }

#pane-left h3.storytitle{ font-size: 2em; }
#pane-left h3.storytitle a{ color: #D5FF71; text-decoration: none; }
#pane-left h3.storytitle a:hover{ color: #B3FF00; text-decoration: underline; }
#pane-left h3.storytitle small{ font-size: .5em; color: #ccc; font-style: italic; }
#pane-left h3.storytitle small a{ color: #ccc; }
#pane-left h3.storytitle small a:hover{ color: #fff; text-decoration: underline; }
#commentform textarea{ width: 400px; height: 150px; }
#commentform small{ font-weight: bold; }
#respond{ color: #fff; margin-top: 8px; }

ol.commentlist{ margin: 0 0 0 20px; filter:alpha(opacity=77);-moz-opacity:0.77;opacity:0.77; color:#ccc; }
ol.commentlist li{ margin-top: 10px; background-color: #000; padding: 10px !important;}

.about{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #fff; font-size: 1.2em; }

.status{ background-color:#B3FF00; padding: 3px; font-weight: bold; color: #000 !important; font-size: 1.2em; font-style: italic; }