/* CSS Document */

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* D*Rock CSS */



/* Text */
body, td, th, h1, h2, p {
margin: 5px 0 5px 0;
line-height: normal;
padding: 0;
font-size: 1em;
color:#2E1414;
font-family:Verdana,Arial,Helvetica,sans-serif
}

p{
margin: 5px 0 12px 0;
}

h2 {
font-size:110%;
font-weight:bold;
color:#b9582d;
text-transform: uppercase;
}

h3 {
margin: 0 0 10px 0;
padding: 0;
color:#b9582d;
font-size:70%;
font-weight: bold;
text-transform: uppercase;
}

h4 {
text-align:right;
margin: 0 0 10px 0;
padding: 0;
color:#b9582d;
font-size:70%;
font-weight: bold;
text-transform: uppercase;
}


h5 {
font-size:100%;
font-weight:bold;
color:#b9582d;
text-transform: uppercase;
}

ul.projects p{
color:#b9582d;
list-style:none;
text-align:left;
margin: 0;
padding: 0;
font-size:70%;
}


A:link {text-decoration: none; color:#462300;}
A:visited {text-decoration: none; color:#462300;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color:#b9582d;}

p#fine {
margin: 20px 0 5px 0;
text-align:center;
font-size:65%;
color:#e1b150;
}

/* END Text */


/* Objects */
body {
background: #501d08
}

div#background_image{
background: url("../images/website_images/bg_wood.jpg") top center repeat-y;
width: auto;
height: auto;
margin: auto; 
border: none;
padding: 0px 0px 0px 0px;
z-index:-1;
}

div#header {
background-image: url("../images/website_images/header_750x145.jpg"); 
width: 750px;
height: 145px;
margin:-8px auto; 
border: none;
}

/* Navigation */
div#navigation {
	background-image:url("../images/website_images/bg_nav.jpg");
	width: 750px;
	height:22px;
	line-height::20px;
	margin: 0px 0px 15px 0px;
}

#navigation ul{
    margin: 0 auto;
}

#navigation ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
}

#navigation a {
	display:block;
	font-size:0.8em;
	letter-spacing:1px;
	padding:0 18px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#navigation a:hover {
	background-color:#92442E;
}
/* END Navigation */

div#content {
position: inherit;
background-image:url("../images/website_images/bg_content_750.jpg");
background-repeat: repeat-y; 
width: 750px;
height: auto;
margin: auto; 
border: none;
padding: 0px 0px 0px 0px;
z-index:4;
}

div#text {
width: 650px;
margin: 0; 
border: 0px;
padding: 15px 50px 15px 50px;
z-index:5;
}

div#text img{
vertical-align:top;
border:1px solid #400000;
margin: 2px;
z-index:5;
}

div#text img.no_border{
border:0px;
}

img.float {
float:left;
position:relative;
clear:none;
}

div#featured{
position:inherit;
width: 700px;
margin: 0; 
border: 0px;
padding: 15px 25px 25px 25px;
z-index:5;
}

div#featured img.featured {
border:2px solid #400000;
width: 225px;
height: 72px;
margin: 2px 2px 2px 2px;
padding: none;
z-index:6;
}

div#project_height{
width: 750px;
height: 980px;
}

div#text img#me{
border:0px;
vertical-align:text-top;
float:right;
}

div#favicon {
float:right;
padding: 50px 0 0 0;
}

div#featured a.linkopacity img {
filter:alpha(opacity=40);
-moz-opacity: 0.4; 
opacity: 0.4;
-khtml-opacity: 0.4;
}

div#featured a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

a.linkopacity img {
filter:alpha(opacity=40);
-moz-opacity: 0.4; 
opacity: 0.4;
-khtml-opacity: 0.4;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

div#footer {
background: url("../images/website_images/footer_750x50.jpg");
width: 750px;
height: 50px;
margin:0px auto; 
border: none;
z-index:1;
}

div#footer_bg{
background:url("../images/website_images/bg_footer.jpg") top center repeat-y;;
width: auto;
height: 202px;
margin: auto; 
border: none;
padding: 0px 0px 0px 0px;
z-index:-1;
}

ul.projects li a.block {
height:72px;
width:320px;
float:left;
text-align:left;
border:1px solid #b9582d;
background-color:#efd9ac;
margin: 3px 3px 15px 26px; 
padding: 5px 5px 10px 5px;
z-index:10;
filter:alpha(opacity=40);
-moz-opacity: 0.4; 
opacity: 0.4;
-khtml-opacity: 0.4;
}

ul.projects a.block:hover {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

ul.projects img {
float: left;
border:2px solid #b9582d;
width: 72px;
height: 72px;
margin: 0px 5px 0px 0px;
padding: 0;
z-index:6;
}

img.arrow_icon {
width: 10px;
height: 10px;
}