@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("960.css");
@import url("text.css");
@import url("thickbox.css");
html, body {
	background-color:#262626;
	background-image:url(../img/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	color:#9d968d;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:21px;
}
.main {
	background:url(../img/container_bg.jpg) no-repeat center top;
	background-attachment:fixed;
}
#header {
	z-index:99;
	position:fixed;
	height:200px;
	background-image:url(../img/header_img.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
}

#top {
	height:220px;
}

/*  About Me  */
#about_h2 {
	height:32px;
	background-image:url(../img/about_h2.gif);
}
div#about_me {
	background:#000000;
	padding:10px 0px;
	margin-top:20px;
	background-image:url(../img/about_bg.jpg);
	background-repeat:no-repeat;
}

div#about_me p {
margin-top:25px;
}

#hire_me_btn {
	float:left;
	display:inline;
	width:100px;
	height:30px;
	background-image:url(../img/hire_me_btn.jpg);
	margin-right:20px;
}
	
#resume_btn {
	float:left;
	display:inline;
	width:100px;
	height:30px;
	background-image:url(../img/resume_btn.jpg);}
/*  Web  */
#web_h2 {
	margin-top:40px;
	height:32px;
	background-image:url(../img/web_h2.gif);
}
/*  Print  */
#print_h2 {
	margin-top:40px;
	height:32px;
	background-image:url(../img/print_h2.gif);
}
/*  Hire Me  */
#hire_h2 {
	margin-top:40px;
	height:32px;
	background-image:url(../img/hire_h2.gif);
}
/*  Footer  */
#footer {
	width:100%;
	height:60px;
	background-image:url(../img/footer_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#000000;
	margin-top:85px;
	padding-top:30px;
	text-align:center;
}
/* other */
div.portfolio {
	background:#000000;
	padding:10px 0px;
	margin-top:20px;
	font-variant: small-caps;
}
div.portfolio .details {
	margin-top:10px;
}
.portfolio_img{
	height:175px;
}
.align_r {
	text-align:right;
}
.adobe {
	height:175px;
	vertical-align:bottom;
}
.adobe img {
	margin-bottom:5px;
}

/* Contact form */
#contact_form_holder { 
    font-variant: small-caps; 
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family:inherit; /* we must set this, because it doesn't inherits it */ 
    padding:3px;
}
#contact_form_holder textarea { 
    height:50px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:200px !important; /* the width of the submit button  */ 
	margin-top:5px;
	background-color:#6f0000;
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid #5c5c5c; /* remove the default border and put a normal black one */
	color:#9d968d;
    cursor:pointer;
}
#cf_submit_p { text-align:center; } /* show the submit button aligned with the right side */

.error { display: none; padding:3px;font-size:12px;background-color: #6f0000;}
.success { margin-top:5px; display: none; padding:3px; color: #044406; font-size:12px;background-color: #B7FBB9;}
.error img { vertical-align:top; }
/* txt */
h2 {
	visibility:hidden;
}
a:link {
	color:#6f0000;
	font-weight:bold;
}
a:visited {
	color:#5c5c5c;
}
a:hover {
	color:#9d968d;
}
a:active {
	color:#5c5c5c;
}