/*
    jeremyolson.com web site CSS
    by Jeremy OLson
    developed for XHTML/HTML
*/

/* ===== global styles ===== */

body {
    font-family: "helvetica", sans-serif;
    margin: 0;
   	color: #ffffff; 
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li {
	color: #ffcc33; 
	font-family: "helvetica", arial, sans-serif;
}

h1 {
	color: #fff;
	font-size: 1em;
}

table {
    margin: 0;
    padding: 5em;
    border-collapse: collapse;
    text-align: left;
    vertical-align: bottom;
}

tr, td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

a:link {
    color: #ffffff;
    border-bottom: none;
    text-decoration: none;
}

a:hover {
    color: #ffcc33;
    text-decoration: none;
}


a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover:visited {
	color: #ff3333;
}






#homeNavs {
    position:fixed;
	width:550px;
	height:80px;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left: -180px;
}

#navs { 
	line-height:2em 
}



/* ===== WORK page styles ===== */



#workNavs {
    position:fixed;
	width:550px;
	height:80px;
	top:50%;
	left:50%;
	margin-top:-120px;
	margin-left: -180px;
}

#portlaunchers {
	font-size: .75em;	
}

p.portnavs {
	color: #555555;
}

#portNavs {
    position:fixed;
	width:550px;
	height:80px;
	margin-top: 0px;
	margin-left:30px;
}

td#portlinks p {
    color: #555555;
    text-decoration: none;
}

td#portlinks a:hover {
    color: #ffff00;
    text-decoration: none;
}

td#portlinks a:link {
    color: #555555;
    border-bottom: none;
    text-decoration: none;
}

td#portlinks a:visited {
    color: #555555;
    text-decoration: none;
}


/* ===== portfolio page styles ===== */



#sidescroller td {
    margin: 0;
    padding: 31px;
    border-spacing: 0px;
    text-align: left;
}

#sidescroller p {
	color: #555555;
	font-size: .75em;
}

#sidescroller {
	position: absolute; 
	top: 46px; left: 0px;
}

#sidescroller p {
	color: #555555;
	font-size: .75em;
}

#copyright p {
	color: #444444;
	font-size: .5em;
	position: fixed; 
	top: 640px; 
	left: 35px;
}

#videolink p {
	color: #444444;
	font-size: 1em;
	position: fixed; 
	top: 550px; 
	left: 35px;
}

#videolink a:link {
	color: #444444;
}

#videolink a:visited {
	color: #444444;
}


#videolink a:visited:hover {
	color: #ff3333;
}

#videolink a:hover {
	color: #ff3333;
}


/* ===== vidoe screener styles ===== */


#videoframe {
    position:fixed;
	margin-top: 30px;
	margin-left:30px;
}

#copyright2 p {
	color: #888888;
	font-size: .5em;
	position: fixed; 
	top: 550px; left: 35px;
}


/* ===== CV styles ===== */


#cvText {
    position:absolute;
	margin-top: 110px;
	margin-left:30px;
}

#cvText p {
	color: #888888;
	font-size: .75em;
}