body { margin:0; padding:0; border:0; font-size:76%; font-family:"Lucida Grande", arial, verdana, sans-serif; color:#e6edcc; background:#06f url(../img/bg_5.png) repeat fixed left top; min-width:760px; }
* {margin:0; padding:0; }
/*------------Basic styles------------*/
div { padding:10px 0; }
p, h1, h2, h3,h4, h5, h6, blockqoute, span#copyright, span#design { margin:0 30px; color:#fff; text-align:left; font-weight:normal; text-decoration:none; background:transparent; }
p { font-size:1.0em; line-height:1.4em; margin:10px 30px; }
h1, h2, h3, h4, h5, h6 { line-height:1.4em; color:#9f3; text-shadow: 2px 2px 2px #000; }
h1 { margin:0 0 0 30px; font-family:"Trebuchet MS", arial, verdana, sans-serif; font-size:1.8em; line-height:1.4em; letter-spacing:0.2em; }
h2 { font-size:1.5em; }
h3 { margin:5px 30px 0 30px; font-size:1.2em; color:#ff9; }
h4 { font-size:1.1em; color:#fc9; }
h5 { font-size:1.0em; color:#f6c; }
blockquote, q, blockquote p { color:#ff9;   }
blockquote p { margin:0 40px; padding:10px; border:1px dotted #393; }
.grey h2 { margin:0 15px; color:#6cf; }
h3 + h4 { margin-top:3px; }
ul + h3 { margin-top:10px; }
.grey h3 { margin:0 15px 10px 15px; }
.grey h4 { margin:10px 15px; }
abbr, acronym, span.abbr { border-bottom:1px dashed #c3ff6e; cursor:help; }
abbr, span.abbr { speak:spell-out; }
acronym { speak:normal; }
ul { margin:7px 30px 5px 50px; list-style:url(../img/bullet.png); }
ol { margin:7px 30px 5px 50px; list-style:decimal; }
ol li, ul li, dl dd { color:#fff; line-height:1.4em; margin:5px 0 5px 0; padding:0; }
dl, dt { margin:10px 15px; color:#fc6; }
dl dd { margin:10px 30px 10px 30px; }
body#art dl { margin:10px 25px; }
.grey ul { margin:5px 20px 10px 35px; list-style:url(../img/bullet.png); }
img { margin:0; padding:0; border:0; }
img.right { float:right; margin:5px 0 0 10px; }  
img.left { float:left; margin:5px 10px 0 0; }
img.pleft { margin:30px 30px 20px 30px; }
img.pleftf { float:left; margin:5px 30px 20px 30px; }
img.prightf { float:right; margin:5px 30px 20px 30px; }
h2 + img.pleftf, h2 + img.prightf { margin-top:10px; }
h3 + img.pleftf, h3 + img.prightf { margin-top:15px; }
.clear { height:1px; clear:both; }
a, a:link { text-decoration:none; color:#c3ff6e; border-bottom:1px solid #c3ff6e; }
a:visited { color:#cbedb5; border-bottom:1px dotted #cbedb5; }
a:hover, a:active { color:#000; background-color:#c3ff6e; }
a:visited:hover { color:#000; background-color:#cbedb5; border-bottom:1px solid #cbedb5; }
a:focus { color:#fff; background-color:#093; }
a img { border:0; }
img.icon, a img.icon a:link { margin:0; padding:0; border: 0; text-decoration: none; vertical-align:text-top; }
.update { color:#f99; }
/*-------------Layout----------------*/
#header { float:left; width:100%; height:150px; margin-bottom:5px;  }
#frog { position:absolute; top:114px; left:598px; height:75px; width:75px; z-index: 2; } 
.rowcontainer {	float:left; border-bottom:3px solid #000; width:100%; overflow:hidden; background:#141414; }
#footer { float:left; width:100%; font-size:1.0em; }
/*------Columns: Note they don't add up to 100%, this is intentional to avoid problems!----------*/ 
.full { float:left; width:99%; }		/* full width column */
.threequart { float:left; width:74%; }		  /* 3/4 width column */
.twothird { float:left; width:65%; }		/* 2/3 width column */
.half { float:left; width:49%; }		/* 1/2 width column */
.onethird { float:left; width:33%; }		/* 1/3 width column */
.onequart { float:left; width:24.5%; }		/* 1/4 width column */
.grey { background:#282829 url(../img/grey_bg3.png) no-repeat top right; }
/*------------------------------Main Navigation------------------------------------------*/
#nav { position:absolute; top:145px; left:0; height:25px; width:100%; border-bottom: 5px solid #000; }
ul#nav { margin:0; }
#nav li { font-size:13px; float:left; position:relative; list-style:none; text-align:center; margin:0; }
#nav li a { display:block; margin-left:5px; padding:0; border:0; width:90px; line-height:25px; text-decoration:none; }	 
#nav a:link, #nav a:visited  { color:#fff; background:#3f3f3f; }
#nav a:hover, #nav a:active { color:#c3ff6e; background:#000; }
body#home li a#nhome, body#port li a#nport, body#art li a#nart, body#abt li a#nabt, body#cont li a#ncont, body#blog li a#nblog { color:#c3ff6e; background:#000; }
/*-----------------------------------Typography-----------------------------------------*/
#header a { color:#c3ff6e; text-decoration:none; font-weight:normal; border:0; background:transparent; }
#header a strong { color:#fff; text-decoration:none; font-weight:normal; }
#header a:hover { color:#fff; text-decoration:none; font-weight:normal; }
#header a:hover strong {color:#c3ff6e; text-decoration:none; font-weight:normal; }
#header ul { margin:0; padding:0; position:absolute; top:1.0em; right:0.7em; }
#header ul li { display:inline; list-style:none; line-height:1.2em; }
#header ul li a, #header ul li a:visited { float:left; position:relative; padding:0 0.5em; letter-spacing:0.1em; color:#fff; background:transparent; border:0; border-right:1px solid #c3ff6e; }
#header ul li a:hover, #header ul li a:active { color:#fff; background:transparent; text-decoration:underline; }
#header ul li a.last { padding-right:0; border-right:0; }
span#copyright { font-size:1.0em; line-height:30px; }
span#design { float:right; font-size:1.0em; line-height:30px; } 
span#design a, span#design a:visited { letter-spacing:0.1em; color:#fff; background:transparent; border:0;}
span#design a:hover, span#design a:active { color:#fff; background:transparent; text-decoration:underline; }
/*-----------------------------------Portfolio links-----------------------------------------*/
#portlinks ul { margin:0; padding:0; list-style:none; list-style-image:none; }
#portlinks li { margin:0 10px 5px 10px; padding:5px 5px; }
#portlinks li a { padding:0; display:block; position:relative; border:5px solid #ccc; border-width:5px 5px 2px 5px; color:#222; background:#ccc url(../portfolio/img/thumbs/filler.png) repeat-x left top; text-align:center; text-decoration:none; }
#portlinks li a img { border:0; padding:0 0 2px 0; display:block; text-align:center; }
#portlinks li a:visited { color:#222; background:#ccc url(../portfolio/img/thumbs/filler.png) repeat-x left top; border:5px solid #ccc; border-width:5px 5px 2px 5px; }
#portlinks li a:visited:hover, #portlinks li a:visited:focus, #portlinks li a:visited:active { color:#03c; background:#fff url(../portfolio/img/thumbs/filler.png) repeat-x left top; border:5px solid #fff; border-width:5px 5px 2px 5px; }
#portlinks li a:hover, #portlinks li a:active, #portlinks li a:focus { color:#03c; background:#fff url(../portfolio/img/thumbs/filler_h.png) repeat-x left top; border:5px solid #fff; border-width:5px 5px 2px 5px; }
#portlinks a span, #portlinks span { display:block; }