/*
Marcus Leatherdale
Main style sheet
*/

/* GLOBAL TAGS */

body {
	background-color: #000000;
	/* background-image:url(../images/global/background.gif);
	background-repeat:repeat; */
	margin:15px;
	/* margin: 15px auto;
	text-align:center; */
}

body, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

input, select, option {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

textarea {
	background-color: #FFFFFF;		
	border: 1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}


/* FRAMEWORK */

#page_fade {
	padding:15px;
	background-color:#000000;
	background-image:url(../images/global/page_fade.gif);
	background-repeat:repeat-x;
	width:900px;
	height:100%;
	border: 1px dotted #660000;
	/* margin:0px auto; */
}

#nav_bar {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	width:900px;
	height:100px;
	z-index:300;
}

#nav_ml {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#DD0000;
	width:150px;
	height:100px;
	background-image:url(../images/nav/nav_ml.jpg);
	border:0px;
	cursor:pointer;
}

#nav_pulls {
	position:absolute;
	background-color:#000000;
	left:150px;
	top:0px;
	width:600px;
	height:100px;
}

#nav_info {
	position:absolute;
	background-color:#CC0000;
	left:750px;
	top:0px;
	width:150px;
	height:10px;
	padding:75px 0px 15px 0px;
	text-align: center;
	color:#FFFFFF;
}

#nav_imagebar_images {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	background-image:url(../images/global/imagebar_fade_images.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:840px;
	height:90px;
	padding:30px 30px 30px 30px;
	text-align:center;
	font-size:72px;
	color:#3F0000;
	vertical-align:text-bottom;
	letter-spacing:-2px;
}

#nav_imagebar_info {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	background-image:url(../images/global/imagebar_fade_info.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:840px;
	height:90px;
	padding:30px 30px 30px 30px;
	text-align:center;
	font-size:72px;
	color:#3F0000;
	vertical-align:text-bottom;
	letter-spacing:-2px;
}

#nav_bar2 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:10px;
	padding:10px 0px 10px 15px;
	text-align:center;
}

#nav_bar3 {
	z-index:200;
	position:relative;
	left:0px;
	top:0px;
	width:570px;
	height:10px;
	padding:10px 0px 10px 0px;
	text-align:right;
}

#content_area_info {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	background-image:url(../images/global/content_fade.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:840px;
	height:100%;
	padding:30px 30px 0px 30px;
	z-index:10;
	text-align:left;
}

#content_area_images {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	background-image:url(../images/global/content_fade.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:840px;
	height:550px;
	padding:30px 30px 0px 30px;
	z-index:10;
}

#content_area_col1 {
	width:182px;
	height:100%;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
	float:left;
}

#content_area_col1 img{
	border: 1px solid #FFFFFF;
}

#content_area_col2 {
	width:628px;
	height:100%;
	padding:0px 0px 0px 30px;
	float:right;
}

#previous-next {
	padding:0px 0px 15px 0px;
	color:#999999;
}

#footer {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	width:840px;
	padding: 45px 0px 15px 40px;
	font-size: 8px;
	color: #999999;
	text-align: right;
}

#resume_date {
	float:left;
	width:45px;
	/* border-top: 1px dotted #556677; */
	border-color:#CCCCCC;
}

#resume_info {
	width:inherit;
	margin:0px 0px 15px 45px;
}

#image_gallery {
	z-index:100;
	position:absolute;
	left:15px;
	top:165px;
	width:930px;
	height:auto;
}


/* RULES */

.rule {
	margin: 15px 15px 15px 15px;
	padding: 0px;
	font-size: 1px;
	border-bottom: 1px dotted #556677;
}


/* LINKS */

a:link, a:visited {
	color: #FFFFCC;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#nav_bar2 a:link, #nav_bar2 a:visited {
	color: #000000;
	text-decoration: none;
	margin-right:30px;
}

#nav_bar2 a:hover, #nav_bar2 a:active #nav_bar2 a:focus {
	color: #FFFFCC;
	text-decoration: none;
	margin-right:30px;
}

#nav_bar3 a:link, #nav_bar3 a:visited {
	color: #000000;
	text-decoration: none;
}

#nav_bar3 a:hover, #nav_bar3 a:active #nav_bar3 a:focus {
	color: #FFFFCC;
	text-decoration: none;
}

#previous-next a:link, #previous-next a:visited {
	color: #666666;
	text-decoration: none;
}

#previous-next a:hover, #previous-next a:active {
	color: #999999;
	text-decoration: none;
}

/* a.interest:link, a.interest:visited {
	color: #FF0000;
	text-decoration: none;
}

a.interest:hover, a.interest:active {
	color: #FFFFCC;
	text-decoration: none;
} */


/* ALIGN */

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
	margin: auto;
}


/* HEADS */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 24px;
	line-height: 24px;
	color: #CC0000;
	margin:0px 0px 15px 0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	font-size: 18px;
	line-height: 24px;
	color: #999999;
	margin:0px 0px 10px 0px;
}

h2 strong {
	color: #333333;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}

.h2_alt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-transform:uppercase;
	font-variant:small-caps;
	letter-spacing:0px;
	font-size: 17px;
	line-height: 24px;
	color: #999999;
	margin:0px 0px 15px 0px;
}


h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #CC0000;
	text-align: center;
	margin-bottom: 15px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #CCCCCC;
	margin-bottom: -6px;
}

h4 strong {
	color: #999999;
	font-weight:bold;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #EE0000;
	text-align: left;
	margin:5px 0px 20px 0px;
}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	color: #666666;
	margin-top: -15px;
}


/* HEADER LINKS */

h4 a:link, h4 a:visited {
	color: #DD0000;
}

h4 a:hover, h4 a:active {
	color: #FF0000;
	text-decoration: none;
}


/* TEXT COLORS */

.white {
	color: #FFFFFF;
}

.gray {
	color: #CCCCCC;
}

.red {
	color: #EE0000;
}

.yellow {
	color: #FFFFCC;
}


/* Arrows */

.arrow {
	padding: 0px 5px 0px 0px;
	border: 0px;
	vertical-align: -1px;
}

.arrow_previous {
	padding: 0px 5px 0px 0px;
	border: 0px;
	vertical-align: -1px;
}

.arrow_next {
	padding: 0px 0px 0px 5px;
	border: 0px;
	vertical-align: -1px;
}


/* TABS */

.tabs {
	margin: -5px 0px 0px 0px;
	padding: 0px;
}

.tab, .tab_on {
	background-image: url("../images/tab/gray.gif");
	background-repeat: repeat-x;
	float: right;
	z-index: 10;
	padding: 0px;
	margin: 0px;
	height: 15px;
	font:Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
}

.tab_on {
	background-image: url("../images/tab/blue.gif");
	color: #FFFFFF;
}

.tab a, .tab_on a {
	padding: 4px 12px 0px 18px;
	line-height: 15px;
}

.tab a:link, .tab a:visited, .tab_on a:link, .tab_on a:visited {
	color: #FFFFFF;
}

.tab a:hover, .tab a:active, .tab_on a:hover, .tab_on a:active {
	color: #0066FF;
	text-decoration: none;
}

.tab_on a:link, .tab_on a:visited {
	color: #FFFFFF;
}

.tab_on a:hover, .tab_on a:active {
	color: #FFFFFF;
	text-decoration: none;
	cursor: default;
}

.tabrule {
	background-image: url("../images/tab/fade.gif");
	background-repeat: repeat-x;
	z-index: 20;
	top: -1px;
	height: 4px;
	font-size: 1px;
}


/* Lists */

.li_bullet {
	list-style: square;
	margin-left: -15px;
}

.li_number {
	list-style: decimal;
	margin-left: -15px;
}


/* IMAGES */

img.button {
	margin: 1px 0px 0px 0px;
	padding: 0px 5px 0px 0px ;
	vertical-align: top;
	top: 1px;
}

img.button-match {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px ;
	vertical-align: top;
	top: 1px;
}

img.disc {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	vertical-align: top;
	top: 1px;
}

image.inline {
	vertical-align: top;
}

a img {
	text-decoration: none;
}