/* CSS Document */

html{
height:100%;
margin:0;
padding:0px;
background-image: url("/rac_bgperimeter.gif");
background-repeat: repeat;
}

body {
 height:100%;
z-index:0;
margin:0;
padding:0px;
background-image: url("/intersticebg.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;


}



#perimeter {
z-index:10;
position:relative;
margin-left: auto ;
margin-right: auto ;
margin-top: auto ;
margin-bottom: auto ;
overflow:hidden;
width:100%;
height:100%;
max-width:1200px;
max-heigth:2304px;

background-position: center;
background-repeat:no-repeat;
}

#name {
display:inline-block;
margin-top: 5px;
margin-right: 5px;
float:right;
min-width:460px;
}


#namecontent{
	/*position:relative;
	z-index:100;*/
	
}



#name h1 {
	color:#FFFFFF;
	font-size: 40px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	}
#name #namecontent {
}
#name #namecontent .nametitle {
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
#name #namecontent .nametitle.first {
	margin-top: 0;
}
#name #namecontent .nametitle a {
	text-decoration: none; outline: 0;
	color:#FFFFFF; padding: -4 4 -4;
}
#name #namecontent .nametitle a:hover {
	color: #000000;} 
	
	#name #namecontent .thumb.first {
	margin-top: 0;
}
#name #namecontent .thumb a {
	text-decoration: none; outline: 0;
	
}
#name #namecontent .thumb a:hover {
	} 



#info {
overflow:hidden;


margin-left:auto;
margin-right:auto;

}

#content{
	position:relative;
	z-index:0;
	
}



	#new_box {
	border-style: dashed;
	border-width: 1px; 
	border-color: #666666;
	float: left;
	width: 230px;
	
	
	max-height: 430px;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	z-index:0;
	background-color:rgba(255,255,255,0.7);
	background-repeat: repeat;
	overflow-x:hidden; /* scroll horizontal */

overflow-y:scroll; /* hidden or scroll*/
	
}


#new_box h2 {
	font-size: 20px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-2px; padding: -2 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

#new_box h1 {
	font-size: 13px;
	outline: 0;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#new_box p {
	font-size: 11px;
	color:#333333;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#new_box #content {
}

#new_box #content .title {
}
#new_box #content .title.first {
	margin-top: 0;
}
#new_box #content .title a {
	text-decoration: none; outline: 0;
	color: #000000; padding: -4 4 -4;
}
#new_box #content .title a:hover {
	color: #666666;} 

#new_box img.thumb {
		border: 1px solid #CCCCCC;
		padding: 1px;
		margin-bottom: 0px;
	}



#new_box #content .history {
}
#new_box #content .history.first {
	margin-top: 0;
}
#new_box #content .history a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .history a:hover {
	color: #0968BF;
}

#new_box #content .crew {
}
#new_box #content .crew.first {
	margin-top: 0;
}
#new_box #content .crew a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .crew a:hover {
	color: #298E56;
}

#new_box #content .video {
}
#new_box #content .video.first {
	margin-top: 0;
}
#new_box #content .video a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .video a:hover {
	color: #909A20;
}

#new_box #content .music {
}
#new_box #content .music.first {
	margin-top: 0;
}
#new_box #content .music a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .music a:hover {
	color: #A97E07;
}

#new_box #content .forum {
}
#new_box #content .forum.first {
	margin-top: 0;
}
#new_box #content .forum a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .forum a:hover {
	color: #DE2F2F;
}

#new_box #content .events {
}
#new_box #content .events.first {
	margin-top: 0;
}
#new_box #content .events a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .events a:hover {
	color: #666666;
}





#scrollhide{
position:absolute;
margin-left: auto ;
  margin-right: auto ;
  width: 100%;
	height: 183px;
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0;
	margin-bottom: 64px;
	overflow:hidden;  /* cater to the older browsers */
z-index: 100;

overflow-x:hidden; /* scroll horizontal */

overflow-y:hidden; /* Hide vertical*/
}

#subbox {
 position:absolute;
   bottom:0;
  left:0;
	margin-left: auto ;
  margin-right: auto ;
	width: 100%;
	height: 220px;
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0;
	margin-bottom: 64px;
	overflow:scroll;  /* cater to the older browsers */
z-index: 50;
overflow: -moz-scrollbars-horizontal; /* for FF */

overflow-x:scroll; /* scroll horizontal */

overflow-y:hidden; /* Hide vertical*/
}


#boxcontent{
	/*position:relative;
	z-index:100;*/
	
	background-color:rgba(0,0,0,0.7);
	padding: 4px;
	display: inline-block;
	float: left;
	width: 4500px;
	height: 320px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	outline: 0;
}
#boxcontent h4 {
	color:#FFFFFF;
	font-size: 14px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 500;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

#boxcontent h2 {
border:none;
	font-size: 16px;
	color:#FFFFFF;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: -10px;
	margin-left: 0;
	}



#boxcontent p {
	font-size: 11px;
	color:#CC0000;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#boxcontent #newcontent {
}
#boxcontent #newcontent .prev {
}
#boxcontent #newcontent .prev.first {
	margin-top: 0;
}
#boxcontent #newcontent .prev a {
	text-decoration: none; outline: 0; border:none;
	color: #FFFFFF;
}
#boxcontent #newcontent .prev a:hover { border:none;
	color: #666666;}
	
	
	#boxcontent #newcontent .subtitle {
}
#boxcontent #newcontent .subtitle.first {
	margin-top: 0;
}
#boxcontent #newcontent .subtitle a { border:none;
	text-decoration: none; outline: 0;
	font-color: #FFFFFF;
}
#boxcontent #newcontent .subtitle a:hover {
	color: #666666; outline: 0;}


#projectprev{

display: inline;
	outline: 0;
	float: left;
	width: 220px;
	height: 292px;
	padding: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;	
}

#menu {z-index: 100;
overflow:hidden;
display:inline-block;
position:absolute;
   bottom:0;

margin-bottom:20px;
    display:block;
   

float:left;
height: 44px;	/* 97 - 33 */
list-style: none;

margin-top:auto;

margin-right:auto;
width:1440px;
background-color:rgba(0,0,0,0.7);
}

#nav {z-index: 100;
	
	margin:auto;
	
	list-style: none;
	padding-left: 50px;
	
	
}
#nav li {
	float: left;
	height: 50px;
	text-indent: 0px;
	margin-top: 0px;
	padding-right: 40px;
	overflow: hidden;

}
#nav li a {
	display: block;
	height: 30px;

	
}




#nav #h_projects {   }
#nav #h_cv {  }
#nav #h_bio { }
#nav #h_contact { }





#nav #h_projects a {
	
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family: arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_cv a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family:  arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_bio a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family: arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_contact a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family:  arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}


#nav #h_projects a:hover {color: #CC3333;} 
#nav #h_cv a:hover {color: #CC3333;}
#nav #h_bio a:hover{color: #CC3333;}
#nav #h_contact a:hover{color: #CC3333;}

#footer {
overflow:hidden;
display:inline-block;
width:100%;
height: 50px;
}


 
.hidden { display: none; }
.unhidden { display: inline; }