/* why hello there.   *******************************************************/
/* the following css is most definitely all copyright (c) ted davis 2007 *******************************************************/
/* enjoy your stay.   *******************************************************/


body {
	font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		text-align:center;
		background-image: url(images/top_line.jpg) ;
		background-repeat: repeat-x;
	}
#just_below_the_neck {
	margin:0px;
}

img {
	margin: 0;
	border: 1px solid #000;
	}

h1 {
	font-size: 13pt;
	color: #ffffff;
	}
body, p {
	font-size: 8pt;
	color: #ffffff;
	}
#port_box h1 {
	color:#e7bf1d;
	padding-right: .5em;
	font-size:9pt;
	margin:0px;
}

headline {
	font-size: 24pt;
	color: #ffffff;
	}
headline:hover {
	color: #e7bf1d;
	}
p {
	line-height: 1.4em;
	text-align: justify;
	}
p.saveyourself {
	font-size:9pt;
	padding-right:75px;
}

a {
	text-decoration: none;
	color:#ffffff;
	}
a:hover, p.saveyourself a:hover {
		text-decoration: none;
		color: #e7bf1d;
			cursor:hand;
		}
		
p.saveyourself a {
			color:#fff;
			text-decoration:underline;
		}
span.tips {
	font-style:italic;
	color:#cd8c0f;
}
span.strikeout {
	text-decoration:line-through;
}

span.form {

}

span.ital {
	font-style:italic;
}
a.desc_link{
	color:#cd8c0f;
}
#hide {
	font-size:6pt;
	color:#220000;
	float:left;
	margin-left:-30px;
	position:relative;
	bottom:-48px;
	border:0px;
	z-index:999;
	font-style:italic;
}

hl {
		color:#e7bf1d;
		font-weight:bold;
		
}

#textrotator a {
	color:#996600;
}

#textrotator a:hover {
	color:#cd8c0f;
		cursor:hand;
}

		
/* keep em seperated  *******************************************************/

#container {
	width:730px;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:0px solid #000;
}

#left {
	margin-left:-122px;/*must be 1 pixel less than width */
	float:left;
	width:110px;/* this width is the same as the margin on #middle */
	position:relative;
	left:-2px;/* line it up exactly without losing pressure on footer*/
}
#left p {padding-left:5px}
#middle {
	border-left:0px solid #fff;
	margin-left:110px;/*this is the space for the left column */
}
#inner{width:99%;float:left;margin-right:-5px;}/* contain cleared elements from clearing other floats*/

#content_footer {
	clear:both;
	border-top:1px solid #000;
	height:50px;
	background:yellow;
	text-align:center;
}

/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 

    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/



#masterdiv, #masterdiv_index {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width: 800px;
	height:590px;
	border: 1px solid #fff;
	background-color: #860000;

	}
	
#masterdiv {
	background-image:url(images/foot_bg_85.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#masterdiv_index {
	background-image:url(images/foot_bg_color.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
	
#header img {
	margin-top:2px;
	margin-left: 500px;
	border:0px;
	position:relative;
	z-index:999;
}

#desc_box, #help {
	padding-top:0em;
	padding-left:2em;
	bottom:0px;
	width:560px;
	margin-top:0em;
	margin-right:0em;
	margin-left:0em;
	margin-bottom:-30px;
	
}

#title {
	border: 1px solid #330000;
	padding: 4px 4px 8px 16px;
	margin-top:5px;
	margin-bottom:1em;
	background-image:url(images/hl_bg_40.png);
	height:12px;
}

#desc_box h1, #help h1{
	float:left;
	margin:0px;
	color:#e7bf1d;
	font-size:9pt;
}

#desc_box h1 a, #help h2, #help_nav h2 {
	font-style:italic;
}
#desc_box p {
	border: 1px solid #330000;
	border-top:0px;
	padding: 4px 16px 4px 16px;
	margin-left:0px;
	margin-top:-10px;
	font-size:8pt;
	background-image:url(images/hl_bg_25.png);
	
}
#help {
	margin-top:3em;
}
#help a, #help h2 a{
	color:#e7bf1d;
	margin-left:0px;
}
#help h3 {
	float:left;
	margin-left:15px;
	margin-top:2px;
	font-size:8pt;
}

#help_nav h2 {
	
	margin-left:5px;
	margin-top:2px;
	color:#e7bf1d;
	font-size:12pt;
	line-height:1.2em;
}
#help_nav:hover {
		background-image:url(images/hl_bg.png);
			color:#fff;
				cursor:hand;
}


#help h2 a {
	float:left;
	font-size:12pt;
	line-height:15px;

	
}
#help h2 a:hover, #help a:hover {
	padding:3px 3px 3px 0px;
	color:#fff;
	background-image:url(images/hl_bg.png);
		cursor:hand;
}
#help_box {

	clear:both;
	margin-bottom:0px;
}

#view_nav {
	padding-right:4px;
	float:right;
	color:#e7bf1d;
}

#sample_numb {
	border:1px solid #330000;
	padding:4px;
	float:left;
	margin-left:-28px;
	background-image:url(images/hl_bg_30.png);
	width:15px;
	padding-bottom: 8px;
	height:12px;
	color:#e7bf1d;
	text-align:center;
	visibility:hidden;
}

#view_nav a {
	padding:3px;
	color:#fff;
	font-size:9pt;
	font-weight: bold;	
}

#view_nav a:hover {
	color:#e7bf1d;
		cursor:hand;
}

#header {
	height: 45px;
	display:block;
	}

#side_nav_btn:hover, #side_nav_btn_last:hover, #extra_nav_btn:hover {
	font-weight:bold;
	background-image:url(images/hl_bg.png);
		cursor:hand;
}
#side_nav_btn_last img{
	border:0px;
}


#content {
	height: 498px;
	text-align:left;
	border: 1px solid #990000;
	margin:0px 20px;
	background-image:url(images/dark_bg.png);	
	background-repeat:repeat-y;
}



/* button button, whos got the button  *******************************************************/

#side_nav, #info_nav, #info_nav_resume, #info_nav_print, #info_nav_web, #info_nav_video, #info_nav_alt, #info_nav_photo, #info_nav_contact {


}
#extra_ex_nav {
	position:relative;
	bottom:64px;
	margin-bottom:-30px;
	float: left;
	border-top: 1px dashed #888;
	text-align:right;
	z-index:14;
}
#extra_nav_btn {
	width: 1.2em;
	float:left;
	margin-bottom:5px;
	padding:.75em;
	border-bottom: 1px dashed #888;
	border-right: 1px dashed #888 ;
	text-align:center;	
}

#examples {
	margin-left: 10px;
	margin-top:0px;
		clear:both;
			float:left;
}

#side_nav {
	float: left;
	width:4em;
}

#thumb {
	position:absolute;
	float: left;
	padding:0px;
	width:65px;
	height:65px;
	margin-left: -100px;
	margin-top:-350px;
	margin-bottom:5px;
	border:0px dashed #888;
}
#thumb img {
	border:1px dashed #888;
}

#resume_icon {
	float: left;
	width:100px;
	padding-bottom:2em;
	margin-left: 5px;
	margin-top:1em;
	margin-bottom:5px;
	text-align:center;
}

#resume img, #resume_icon img {
	border:0px;
}

#info_nav, #info_nav_contact, #info_nav_resume, #info_nav_border, #info_nav_portfolio {
	
		margin-bottom:2px;
		border-bottom:0px dashed #880000;
			
}

#info_nav_border {
	border-bottom:0px dashed #880000;
}


#info_nav a, #info_nav_border a{
	font-size:7pt;
}
#side_nav_btn, #side_nav_btn_last, #side_nav_btn_hl {
	padding:.75em;
	border: 0px solid #888 ;
	border-left: 0px;
	text-align:left;
	background-image:url(images/hl_bg_dark.png);
		cursor:hand;
}


#side_nav_btn_last {
	border-bottom: 0px;
}

#side_nav_btn_hl {
	border-bottom: 0px;
	background-color:#860000;
	font-weight:bold;
}

#nav_portfolio {
 border:0px;
display:block;
}

#go_back {
	float:left;
	cursor:hand;
}
#go_back:hover {
	background-image: url(images/hl_bg.png);
}


/* portfolio_item  *******************************************************/
#port_box {
	padding-top:35px;
	margin: 2em;
	margin-top:.5em;
	margin-bottom:0px;
	text-align:left;
	height:360px;

}

#print_index{
	width:558px;
	height:358px;
	background-image: url(images/p_index.gif);
	background-repeat:no-repeat;
	border: 1px solid #880000 ;
}


#footer {
		clear:both;
	position: relative;
	float:right;
	margin-right:25px;
	padding: .4em 4em .4em 4em;
	border-top:1px dashed #880000;
	border-left:1px dashed #880000;
	border-right:1px dashed #880000;
	bottom: -22px;
	color:#880000;
	text-align:right;
	z-index:999;
}
#footer a, #footer p {
	color:#880000;
}
#footer:hover {
		color:#e7bf1d;
		background-image:url(images/hl_bg.png);
			cursor:hand;
}

#footer a:hover {
		color:#e7bf1d;
			cursor:hand;
}


/* popup tag  *******************************************************/

.popup {
	float:left;
	margin-left:-30px;
	margin-top:-180px;
   	position:absolute; width:230px; height:110px;
   	padding:.5em;
	padding-left:0px;
	padding-top:120px;
	background-image:url(images/bubble_cloud.png);
	background-repeat:no-repeat;
   	z-index:999;
  	visibility:hidden;
	font-size:8pt;
	font-weight:bold;
	color:#550000;
}

.popup:hover {
	background-image:url(images/bubble_cloud_hl.png);
	background-repeat:no-repeat;
	color:#660000;
		cursor:hand;
}

#animation img {
	float:left;
	margin-left:-82px;
	position:relative;
	bottom:28px;
	border:0px;
	z-index:999;
}



#resume
{
width:565px;
height:425px;
overflow: auto;
border:1px dashed #888;
}

#pano
{
width:480px;
height:360px;
border:1px solid #000;
}

#viola_bg {
	width:560px;
	height:360px;
	padding-top:3em;
	background-image: url(images/w_viola_bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:center;
}

#portal {
	clear:both;
	position: relative;
	bottom:10px;
	margin-left:355px;
	float:right;
	z-index:999;
	display:none;;

}
#portal p {
	font-size:7pt;
	margin-bottom:0px;
}

#multihat {
	border:0px;
}
#multihat_index{
	float:left;
	margin-left:-20;
	margin-top:55px;
	margin-bottom:0px;
	border:1px dashed #333;
}

#valid {
	margin:0px;
}