@charset "utf-8";
/* MORAOSCAR */
/* LAYOUT OBJECTS */
body, html {
	font-size: 92%;
	text-align:center;
	color: #FFFFFF;
	background: url(../img/bkg.jpg) bottom left repeat-x #3BA4AE;
	height:100%;
	margin:0px;
	font-family:"Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	background-attachment:fixed;
}
#site_holder{
	position:absolute;
	top:0px;
	left:50%;
	width:1006px;
	margin-left:-600px;
}
#mascot{
	float:left;
	width:246px;
	margin-top:406px;
}
#footer_mascot{
	background:url(../img/mascot.png) top left no-repeat;
	height:346px;
}
#footer_mascot h1{
	display:inline;
	margin:0px;
}
#footer_mascot h1 span{
	display:none;
}
#site_main{
	margin-left:-40px;
	float:left;
	width:782px;
}
#logo{
	width:411px;
	height:46px;
	float:left;
}
#bar_works{
	width:371px;
	height:46px;
	background:url(../img/bar_works.png) top left no-repeat;
	float:left;
}
#bar_works h2{
	display:inline;
	margin:0px;
}
#bar_works h2 span{
	display:none;
}
#works_container{
	overflow:hidden;
	width:782px;
	height:280px;
}
.works_frame{
	width:9400px;
}
.works{
	float:left;
	width:782px;
	height:280px;
	background:url(../img/works_bkg.jpg) top left no-repeat;
}
.works_left{
	float:left;
}
.works_right{
	float:right;
	text-align:left;
	padding:15px 30px 0px 0px;
	width:220px;
}
.works_right small{
	color:#000000;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:-1px;
	margin:0px;
	padding:0px;
}
.works_right h2{
	color:#384A00;
	font-size:1.3em;
	letter-spacing:-2px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	line-height:1em;
}
.works_right p{
	color:#000000;
	font-size:0.8em;
	line-height:0.9em;
	padding:2px;
	margin:0px;
}
.works_right hr{
	border-top:none 0px;
	border-bottom:dotted 1px #384A00;
	height:1px;
	margin:2px 0px;
	padding:0px;
}
.works_right a, .works_right a:link, .works_right a:visited{
	color:#000000;
	font-weight:bold;
	font-size:0.9em;
	padding-left:14px;
	letter-spacing:-1px;
	text-decoration:none;
	background:url(../img/miniskull.gif) top left no-repeat;
}
.works_right a:hover, .works_right a:active{
	color:#FFFFFF;
	background:url(../img/miniskull_f2.gif) top left no-repeat;
}
#big_button_left{
	float:left;
	width:58px;
	height:68px;
	margin-top:-180px;
	margin-left:-30px;
}
#big_button_right{
	float:right;
	width:58px;
	height:68px;
	margin-top:-180px;	
	margin-right:-30px;
}
#bar_pics{
	width:782px;
	height:70px;
	background:url(../img/bar_pics.png) top left no-repeat;
}
#pics{
	float:right;
	width:610px;
	padding-right:8px;
}
#pics a img{
	float:left;
	padding:4px;
	margin:2px;
	background-color:#222222;
	border-top:solid 1px #333333;
	border-right:solid 1px #111111;
	border-bottom:solid 1px #111111;
	border-left:solid 1px #333333;
}
#pics a:hover img{
	float:left;
	padding:4px;
	margin:2px;
	background-color:#333333;
	border-top:solid 1px #444444;
	border-right:solid 1px #222222;
	border-bottom:solid 1px #222222;
	border-left:solid 1px #444444;	
}
#port_dl_box{
	float:left;
	width:192px;
	height:280px;
}
#header_port_box{
	background:url(../img/header_dl_port.png) top left no-repeat;
	width:192px;
	height:133px;
}
#mid_port_box{
	background-color:#000000;
	text-align:center;
	color:#666666;
	font-size:0.9em;
}
#mid_port_box a, #mid_port_box a:link, #mid_port_box a:visited{
	color:#99CC00;
	font-weight:bold;
	text-decoration:none;
}
#mid_port_box a:hover, #mid_port_box a:active{
	color:#00FF00;
}
#footer_port_box{
	width:192px;
	height:30px;
	background:url(../img/footer_dl_port.png) top left no-repeat;
}
#twitter_box{
	float:left;
	width:186px;
	height:280px;
	margin-left:8px;
}
#header_twitter_box{
	width:186px;
	height:46px;
	background:url(../img/header_twitter.png) top left no-repeat;
}
#mid_twitter_box{
	position:relative;
	background-color:#000000;
	height:205px;
	overflow-y:auto;
	overflow-x:hidden;
}
/* arrange overflow due to a bug in ie*/
.ie7fix{
	position:relative;
	height:100%;
}
#footer_twitter_box{
	width:186px;
	height:11px;
	background:url(../img/footer_twitter.png) top left no-repeat;
}
#contact_and_buttons{
	float:left;
	width:387px;
	height:280px;
	margin-left:8px;
}
#button_bio{
	float:left;
	width:127px;
	height:35px;
}
#button_skills{
	float:left;
	width:260px;
	height:35px;
}
#header_contact_box{
	width:387px;
	height:41px;
	background:url(../img/header_contact_box.png) top left no-repeat;
}
#mid_contact_box{
	background-color:#000000;
	text-align:left;
	color:#666666;
	font-size:0.9em;
	padding:0px 4px 0px 4px;
}
#footer_contact_box{
	width:387px;
	height:11px;
	background:url(../img/footer_contact_box.png) top left no-repeat;
}
.form_line{
	width:370px;
	text-align:right;
}
.form_label{
	float:left;
	width:76px;
	color:#99CC00;
	font-weight:bold;
	font-size:0.8em;
	text-align:left;
	padding-left:4px;	
}
.form_object{
	float:right;
	width:290px;
}
form{
	margin:0;
}
input{
	font-size:1.1em;
	color: #666666;
	width:285px;
	height:28px;
	background: url(../img/input_text.gif) top left no-repeat;
	border:none 0px;
	padding-left:8px;
	padding-top:2px;
}
textarea{
	background: url(../img/input_textarea.gif) top left no-repeat;
	border:none 0px;
	width:280px;
	height:68px;
	font-size:1.2em;
	color:#333333;
	padding-left:8px;
	overflow:auto;
}
.submitGreen{
	font-size:1em;
	font-weight: bold;
	color: #000000;
	text-align:center;
	width:103px;
	height:30px;
	background: url(../img/input_submit.gif) top left no-repeat;
	border:none 0px;
	letter-spacing:-1px;
	padding-bottom:6px;
}
.form_sent{
	width:370px;
	height:160px;
	background:url(../img/bkg_formsent.gif) top left no-repeat;
}
#button_da{
	float:left;
	width:395px;
	height:40px;
}
#button_delicious{
	float:left;
	width:387px;
	height:40px;
}
#footer_space{
	width:782px;
}
/* styles for subsections */
#biography{
	width:480px;
	height:522px;
	background:url(../img/bkg_bio.jpg) top left repeat;
	padding:8px;
	text-align:center;
	font-size:1em;
	color:#000000;
}
#biography h1{
	width:480px;
	height:30px;
	padding:20px 0px 0px 0px;
	margin:0px;
	background:url(../img/header_bio.png) top left no-repeat;
}
#biography span{
	display:none;
}
#biography hr{
	border-top:none 0px;
	border-bottom:dotted 3px #384A00;
	height:1px;
	margin:2px 0px;
	padding:0px;
}
#skills{
	width:480px;
	height:522px;
	background:url(../img/bkg_skills.jpg) top left repeat;
	padding:10px;
	text-align:center;
	font-size:1em;
	color:#333333;
	text-align:center;
}
#skills h1{
	width:480px;
	height:30px;
	padding:20px 0px 50px 0px;
	margin:0px;
	background:url(../img/header_skills.png) top left no-repeat;
	text-align:center;
}
#skills span{
	display:none;
}
#skills h2{
	display:inline;
	font-size:2em;
	font-weight:bold;
	color:#777777;	
}
#skills h3{
	display:inline;
	font-size:1.8em;
	font-weight:bold;
	color:#666666;	
}
#skills h4{
	display:inline;
	font-size:1.5em;
	font-weight:bold;
	color:#555555;	
}
#skills h5{
	display:inline;
	font-size:0.8em;
	font-weight:bold;
	color:#444444;	
}
#skills p{
	display:inline;
	font-size:0.9em;
	color:#333333;
}
#skills hr{
	border-top:none 0px;
	border-bottom:dotted 3px #333333;
	height:1px;
	margin:2px 0px;
	padding:0px;
}
/*styles for 404 pages */
#holder_404{
	position:absolute;
	width:780px;
	left:50%;
	top:2%;
	margin-left:-390px;
}
#logo_404{
	width:780px;
	height:46px;
	text-align:center;
	padding-bottom:20px;
	border-bottom:dotted 8px #99CC00;
}
#oops{
	width:780px;
	height:290px;
	background:url(../img/oops.png) top left no-repeat;
}
#text_404{
	width:780px;
	margin-top:10px;
}
#text_404 a, #text_404 a:link, #text_404 a:visited{
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#text_404 a:hover, #text_404 a:active{
	color:#DDFF77;
}
#left_404{
	float:left;
	width:370px;
	padding:30px 10px 10px 0px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	border-right:dotted 4px #006666;
}
#right_404{
	float:right;
	width:370px;
	padding:30px 10px 10px 0px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
/*generic classes */
.clear{ clear:both; }
.pad{ padding:5px; }
.vspacer{ height:10px; }