/**** LINK-tag style sheet styles.css ****/

/* -------   GENERAL --------*/
body{

	
	font:200 9px/13px Verdana, Arial, Helvetica, sans-serif;
	font-family:"Helvetica", arial, sans-serif;
	font-size:10px;
	color:#9f9f9f;

	background-color:#111111; /* tmp color*/
	margin:0px;
	padding:0px;
}



/* ------ LINKS -------*/
a{color:#197b30; text-decoration:none;}
/*Removes focus ..... around mozilla links*/
a:focus{-moz-outline:none; outline:none;}
a.nav:focus{-moz-outline:none; outline:none;}


/* other style for the thumbs title links */
a.thumb-text{
	color:#0b959a;
	text-decoration:none;
}

a.movie-nav{
	color:#9f9f9f;
}

a.movie-nav-selected{
	color:#9f9f9f;
	background-color:#4b0049;
}



/*
 a.project-links{ }
 a.project-links:hover{ }
*/



/* -------   SPECIFIC --------*/

/* top padding for the site */ 
.site-topspace{
	position:relative;
	top:0px;
	left:50px; 
	width:875px;
	height:40px;
}

/* for title image of site */
.site-title{
	position:relative;
	top:0px;
	left:50px; 
	width:875px;
	height:70px;
}

/* div for our nav - no style just position and size */
.site-nav{
	position:relative;
	top:0px;
	left:50px; 
	width:875px;
	height:10px;
}

/* style for our nav (home / about) */
#nav-style, a.main-nav{
	font-size:11px;
	font-family:georgia;
	color:#9f9f9f;
	font-weight:normal;
}

/* dotted line that seperates nav from projects */
/* EM NEEDS TO UPDATE ME :) */
.nav-divider{
	position:relative;
	top:0px;
	left:50px; 
	width:78px;
	height:5px;
	background-image:url(../site_images/new/navDivide.jpg); 
}


/* 30 pixel high spacing for above and bellow featured content */
.site-shortspace{
	position:relative;
	top:0px;
	left:50px; 
	width:720px;
	height:30px;
}

/* THUMBS STUFF */
.project-thumb{
	width:200px;
	height:180px;
}


.project-thumb-img{
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	height:150px;
}

.project-thumb-title{
	position:relative;
	vertical-align:text-top;
	top:0px;
	left:0px;
	width:200px;
	height:16px;
}

.project-thumb-sub{
	position:relative;
	top:0px;
	left:28px;
	width:200px;
	height:14px;
}



/* PROJECT STUFF */

/* the container that has the title, text and links */
.project-leftSide{
	position:absolute;
	top:150px;
	left:50px;
	width:180px;
}

/* holds the title and subtitle */
.project-leftSide-top{
	position:relative;
	top:0px;
	left:0px;
	width:180px;
	height:25px;
}

/* style for the project the title and subtitle */
.project-title, .project-subtitle{
	color:#0b959a;
}

/* holds the title and subtitle */
.project-leftSide-main{
	position:relative;
	top:10px;
	left:0px;
	width:180px;
}

/* holds the description of the project */
.project-text{
	position:relative;
	top:0px;
	left:0px;
	width:180px;

	/* add style for text here */
}

/* links section at the bottom of the project */
.project-links-section{
	position:relative;
	top:0px;
	left:0px;
	width:180px;
}




/* the container that has the images boards and movies */
.project-rightSide{
	position:relative;
	top:0px;
	left:250px;
	width:720px;
	height:800px;
}

.project-movie-nav{
	position:relative;
	top:0px;
	left:0px;
	width:720px;
	height:20px;
}

.project-movie-top-bar{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:2px;
	background-image:url(../site_images/new/topBar.jpg); 
}

.project-movie-link{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:16px;
}

.project-movie-play{
	position:relative;
	top:0px;
	left:2px; 
	width:720px;
	height:16px;
}

.project-movie-text-shift{
	position:absolute;
	top:3px;
	left:33px; 
	width:720px;
	height:13px;
}

.project-movie-bottom-bar{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:2px;
	background-image:url(../site_images/new/btmBar.jpg); 
}

.project-top-spacer{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:16px;
}

project-images{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
}

.project-img-spacer{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:20px;
}

.projects-boards-divider{
	position:relative;
	top:0px;
	left:0px; 
	width:720px;
	height:2px;
	background-image:url(../site_images/new/redBar.jpg); 
}


/* MOVIE PAGE */
.movie-spacer-top{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:15px;
}

.movie-movie{
	position:relative;
	top:0px;
	left:15px; 
	width:400px;
	height:320px;
}
.movie-spacer{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:12px;
}
.movie-nav{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:20px;
}
.movie-top-bar{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:2px;
	background-image:url(../site_images/new/topBar.jpg); 
}

.movie-play{
	position:relative;
	top:0px;
	left:16px; 
	width:430px;
	height:16px;
}

.movie-text-shift{
	position:absolute;
	top:4px;
	left:48px; 
	width:430px;
	height:13px;
}

.movie-bottom-bar{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:2px;
	background-image:url(../site_images/new/btmBar.jpg); 
}

.movie-spacer2{
	position:relative;
	top:0px;
	left:0px; 
	width:430px;
	height:13px;
}

.movie-info{
	position:relative;
	top:0px;
	left:15px; 
	width:430px;
	height:25px;
}

.movie-short-info{
	position:relative;
	top:10px;
	left:15px; 
	width:430px;
}

/* ABOUT */
.about-contact{
	color:#9a959a;
	position:absolute;
	top:150px;
	left:50px;
	width:250px;
}

.about-friends{
	position:absolute;
	top:360px;
	left:50px;
	width:250px;
}

.about-bio{
	position:absolute;
	top:150px;
	left:275px;
	width:425px;
}