@import url("reset.css");

body { font-family:Geneva, Helvetica, Arial, sans-serif; background:url("../images/cc-space-bg.jpg") no-repeat #000 fixed; font-size:100%; background-position:center -35px; }

em, i { font-style:italic; }
b, strong { font-weight:900; }

div#nav { position:fixed; width:100%; top:5px; left:0; height:30px; background:rgba(0,0,0,0.7);  z-index:9; padding:15px 0 0 0; }

	div#nav ul { width:960px; margin:0 auto; }
	
	div#nav li { text-align:center; float:left; text-align:center; margin:-11px 10px 0 0; background:url("../images/nav-rollover.png") no-repeat; background-position:0px 0px; cursor:pointer;}
	
	div#nav li a { display:block; color:#fff; font-weight:bold; text-decoration:none; padding:5px 15px; text-align:center; }
	
	div#nav li:hover, div#nav li.active { text-shadow:#fff 0px 0px 15px; text-decoration:underline; color:#fff; }
	
	div#nav li:hover a { color:#fff; }
	
	
div#main-content { width:960px; overflow:hidden; margin:50px auto; z-index:1;}

h1 { font-size:2.6em; text-align:center; text-shadow:#fff 0 0 1px; color:#fff; line-height:normal;}

h2 { font-size:3em; clear:both; line-height:66px; padding:10px 10px 25px 10px; color:#fff; text-align:left; text-shadow:#000 1px 1px 1px; }

h3 { font-size:1.1em; text-shadow:#fff 0px 0px 1px; color:#fff; line-height:normal; margin:0 0 0.4em 0;}

h4 { font-size:1.0em; text-shadow:#fff 0px 0px 1px; color:#fff; line-height:normal; }

p { font-size:0.84em; line-height:1em; color:#fff; }

p, li { color:#fff; text-shadow: 1px 1px 1px #000; line-height:normal !important; }

a { color:#66FF33; text-decoration:underline; }

a:hover { color:#fff; }



div.box { padding:10px; background:rgba(0,0,0,0.5); max-width:100%; font-size:1em; margin:0 15px 15px 0; float:left;}

	div.box.box_1 { max-width:200px; }
	
	div.box.box_2 { max-width:250px; }
	
	div.box.box_3 { max-width:300px; }



div#main-content ul { display:block; max-width:900px; padding:10px 0; float:left; position:relative; margin:0 15px 0 0;}

div#main-content ul li { display:block; padding:2px 5px; background:rgba(0,0,0,0.5); margin:1px; font-size:0.75em; position:relative;}

div#main-content ul li.even { background:rgba(11,11,11,0.6); }

div#main-content ul li:hover { background:rgba(255,255,255,0.1); }

div#main-content ul.showcase li { margin:0 0 15px 15px; padding:10px; float:left; position:relative; width:260px; text-align:center; }

	ul.showcase li img { margin:5px 0; }
	
	ul.abbr-info li[title] a, .purple { color:#CC3366; }

	div#main-content ul.showcase li div.showcase-tooltip { position:absolute; width:250px; top:30px; left:0; background:rgba(0,0,0,0.9); display:none; padding:15px; }

	div#main-content abbr { border-bottom:1px #333 dotted; }
		
	p.email { background:#000; padding:15px; font-size:12px; }	
	
	p.small { font-size:11px; }
	
	code { font-family:"andale mono", "courier"; background:#333; }

	div#main-content form div.form-col { float:left; margin:0 15px 0 0; }

	form { float:left; margin:1em 0; }
	
	form input, form textarea { font-family:helvetica; font-size:12px; background:#000; color:#fff; border:1px #111 solid; }

	form label { display:block; float:left; color:#fff; font-size:0.8em; padding:0 10px 0.2em 0; width:100px; line-height:normal; text-align:right; }
	
	form input:focus, form textarea:focus { text-shadow:#fff 0px 0px 10px; border:1px #fff solid; }

	form input[type=text] { display:block; float:left; width:290px; margin:0 0 10px 0; padding:5px 6px;}

	form textarea { float:left; padding:5px; margin:0; width:290px; resize:none; overflow:auto; height:50px;}
	
	form input#submit-button { font-weight:bold; letter-spacing:0.05em; float:left; clear:both; margin:15px 0 0 110px; padding:5px; width:180px; background:url(../images/nav-rollover.png) -300px 0; border:2px #000 double; font-variant:small-caps; }


div.section { margin:20px auto; background:rgba(0,0,0,0.5); width:940px; padding:10px; overflow:hidden; display:none; position:relative; }

img.port-thumb { padding:5px; background:#111; }

div.box-rotator { float:right; width:300px; }

div.box-rotator div.box { max-width:300px; float:left; padding:10px;}

br { clear:both; }

div.portfolio-piece { background:#000; position:relative; height:100px; width:640px; overflow:hidden; float:left; margin:0 0 5px 0; max-width:900px; clear:both; padding:10px; }

	div.portfolio-piece img { display:block; margin:0 auto; width:620px;  }
	
	div.portfolio-piece div.portfolio-caption { width:400px; position:absolute; top:10px; left:100px; padding:10px; color:#fff; background:rgba(5,5,5,0.85); display:none; margin:10px; }
	
	body div#text-content div.portfolio-caption ul { background:none; margin:0px; padding:0px; }
	
	body div#text-content div.portfolio-caption li { background:#000; }
	
	div.tooltip { cursor:pointer; position:absolute; font-size:11px; left:80px; top:-25px; background:url(../images/nav-rollover.png) -350px 0px rgba(0,0,0,0.1); width:160px; text-align:left; padding:5px; z-index:900; border:1px #fff solid; color:#fff; line-height:normal;}

	div#form-output { display:none; padding:15px; background:#000; color:#fff; margin:15px 0; font-size:13px; line-height:18px; }