@charset "utf-8";
/* CSS Document */

/* Tags */
html
{
	width: 100%;
	height: 1280px;
	margin: 0px;
	padding: 0px;
}

body
{
	background-image: url(graphics/toxic_background_colors.png);
	background-repeat: repeat-x;
	background-color:#000B01;
	width: 100%;
	height: 1280px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color:#FFCC00;
	font-family: Arial, Helvetica, sans-serif;
}

a
{
	text-decoration: none;
	color: #DFFF00;	
}

a:Hover
{
	text-decoration: underline;
	color: #FFFF66;
	
}

.mini
{
	font-size: small;
	font-style: italic;
	color: #FF3300;

}

/* ID's */
#toxicBackground
{
	background-image: url(graphics/toxic_background_image.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: center top;
}

#navigationBar
{
	background-image: url(graphics/navigation_bar-trans.png);
	width: 820px;
	height: 72px;
	position: relative;
}

/*
#navigationLinks
{
	width: 820px;
	height: 72px;
	position: relative;
}
*/
#navigationBarShift
{
	width: 820px;
	position: relative;
	top: -72px;
}

#navigationBarShiftBack
{
	width: 820px;
	position: relative;
	top: 72px;
	text-align: left;
}

#tabShiftBack
{
	width: 720px;
	position: relative;
	top: -531px;
	text-align: left;
	padding-left: 60px;
}

#largeMelShiftBack
{
	width: 720px;
	position: relative;
	top: -1031px;
	text-align: left;
	padding-left: 60px;
}

#reeltabShiftBack
{
	width: 720px;
	position: relative;
	top: -765px;
	text-align: left;
	padding-left: 60px;
}

/* Tabs */
#tab_aboutme
{
	background-image:url(graphics/tab_aboutme-trans.png);
	background-repeat: no-repeat;
	width: 367px;
	height: 332px;
	position: relative;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
	top: 110px;
	left: 35px;
	vertical-align: top;
}

#text_aboutme
{
	height: 210px;
	width: 287px;
	position: absolute;
	top: 65px;
	left: 40px;

}

#tab_reel
{
	background-image:url(graphics/tab_reel-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 765px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_reel_flash
{
	background-image:url(graphics/tab_reel_flash-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 711px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_gallery
{
	background-image:url(graphics/tab_gallery-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 531px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_melscripts
{
	background-image:url(graphics/tab_melscripts-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 531px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_melscripts_large
{
	background-image:url(graphics/tab_melscripts_large-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 1031px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}


#tab_resume
{
	background-image:url(graphics/tab_resume-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 1031px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_notes
{
	background-image:url(graphics/tab_notes-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 531px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

#tab_contact
{
	background-image:url(graphics/tab_contact-trans.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 531px;
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-top: 72px;
}

/* Tab Specifics */

#links
{
	position: absolute;
	height: 221px;
	width: 209px;
	top: 186px;
	left: 522px;

}

#contactInfo
{
	position: absolute;
	height: 387px;
	width: 309px;
	left: 186px;
	top: 81px;
}

#pdfButton
{
	position: absolute;
	height: 57px;
	width: 235px;
	left: 60px;
	top: 79px;
}

#linkedinButton
{
	position: absolute;
	height: 57px;
	width: 235px;
	left: 310px;
	top: 79px;
}

#reelPlayback
{
	position: absolute;
	height: 560px;
	width: 700px;
	left: 67px;
	top: 74px;
}

#reelNotes
{
	position: absolute;
	height: 66px;
	width: 738px;
	left: 45px;
	top: 556px;
}

#thumbnails
{
	position: absolute;
	height: 392px;
	width: 703px;
	left: 58px;
	top: 76px;

}

#melscripts
{
	position: absolute;
	height: 227px;
	width: 216px;
	left: 71px;
	top: 143px;
}

#tutorials
{
	position: absolute;
	height: 227px;
	width: 216px;
	left: 308px;
	top: 143px;
}

#other
{
	position: absolute;
	height: 227px;
	width: 216px;
	left: 544px;
	top: 143px;
}

#melscripts_basic
{
	position: absolute;
	height: 824px;
	width: 703px;
	left: 58px;
	top: 149px;

}

#melTitle
{
	position: absolute;
	height: 57px;
	width: 454px;
	left: 307px;
	top: 78px;
}

/* Classes */
.center
{
	margin-left: auto;
	margin-right: auto;
	width: 820px;
}

.centerthumbs
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.subtext
{
	font-size: 12px;
	color: #DE5A1B;
	font-weight: bold;

}

.subject
{
	font-weight: bold;
	color: #FD6707;

}

.name
{
	font-size: x-large;
	font-weight: bold;
	color: #FFCC00;

}

.mel_bigtitle
{
	font-weight: bold;
	font-size: x-large;

}

.mel_smalltitle
{
	font-weight: bold;
	color: #E06600;
	font-size: large;

}

.mel_version
{
	font-style: italic;
	color: #FF6600;

}

a.thumbnail_link
{
	padding: 3px;
}

/* Navigation */
a.nav_home
{
	display: block;
	position: absolute;
	background-image:url(graphics/navigation_bar_home_norm.png);
	width: 77px;
	height: 23px;
	left: 98px;
	top: 10px;
}

a.nav_reel
{
	display: block;
	position: absolute;
	background-image:url(graphics/navigation_bar_reel_norm.png);
	width: 64px;
	height: 23px;
	left: 188px;
	top: 10px;
}

a.nav_gallery
{
	display: block;
	position: absolute;
	background-image:url(graphics/navigation_bar_gallery_norm.png);
	width: 115px;
	height: 23px;
	left: 266px;
	top: 10px;
}

a.nav_resume
{
	display: block;
	position: absolute;
	background-image:url(graphics/navigation_bar_resume_norm.png);
	width: 107px;
	height: 23px;
	left: 393px;
	top: 10px;
}

a.nav_notes
{
	display: block;
	position: absolute;
	background-image:url(graphics/navigation_bar_notes_norm.png);
	width: 86px;
	height: 23px;
	left: 512px;
	top: 10px;
}

a.nav_contact
{
	position: absolute;
	width: 114px;
	height: 23px;
	display: block;
	left: 610px;
	top: 10px;
	background-image:url(graphics/navigation_bar_contact_norm.png);
}

a.nav_home:hover
{
	background-image: url(graphics/navigation_bar_home.png);
}

a.nav_reel:hover
{
	background-image: url(graphics/navigation_bar_reel.png);
}

a.nav_gallery:hover
{
	background-image: url(graphics/navigation_bar_gallery.png);
}

a.nav_resume:hover
{
	background-image: url(graphics/navigation_bar_resume.png);
}

a.nav_notes:hover
{
	background-image: url(graphics/navigation_bar_notes.png);
}

a.nav_contact:hover
{
	background-image: url(graphics/navigation_bar_contact.png);
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
	position:absolute;
	z-index:1000;
	width:220px;
	background:#000;
	border:2px double #001C1A;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
}
body div#toolTip p {
	margin:0;
	padding:0;
	color:#FFCC33;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
}
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

/* Thumbnail Gallery Picture Displayer */
#thumbBox
{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar
{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage
{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading
{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid #0B332B;
	background-color: #374832;
	padding: 5px;
	z-index: 5;
}