html, body { background-color: #051325; margin: 0; padding: 0; color:#dcdcdc; font: 12px Verdana; height: 800px}
#layer1 { background: url(files/layer1.gif) no-repeat; visibility: visible; position: absolute; z-index: 2; top: 0; left: 0; width: 250px; height: 289px }
#content  { padding-right: 50px; padding-bottom: 50px; position: relative; top: 50px; right: 300px; left: 250px; width: 70%; overflow: visible}

#darkbluemenu { color: #9d9e9e; font: 12px/20px Verdana; text-align: left; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 3; top: 145px; left: 77px; width: 120px }
#darkbluemenu li { display: block; margin: 0; width: 100% }
#darkbluemenu li a { color: #9d9e9e; text-decoration: none; display: block; padding-right: 0; padding-left: 0; width: 100% }
#darkbluemenu li a:hover { background:url(files/bullet.gif) no-repeat; padding-left: 25px; background-position:left center;}

/* styles to choose the "current" tab in nav bar */
body.about #darkbluemenu li a.about, 
body.projects #darkbluemenu li a.projects,
body.news #darkbluemenu li a.news,
body.blog #darkbluemenu li a.blog,
body.production #darkbluemenu li a.production,
body.cool #darkbluemenu li a.cool,
body.photos #darkbluemenu li a.photos,
body.buy #darkbluemenu li a.buy,
body.links #darkbluemenu li a.links,
body.contact #darkbluemenu li a.contact,
body.plays #darkbluemenu li a.plays {
 	background:url(files/bullet.gif) no-repeat; 
	padding-left: 25px; 
	background-position:left center; 
	list-style-type: none; 
	border-top: 1px orange solid; 
	border-bottom: 1px orange solid; }

a  { color: orange; font-weight: bold; text-decoration: none }

a:hover  { color: white; text-decoration: underline }

h2 {color:white; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif}



#left  { margin-top: 0; margin-left: 15px; padding-right: 25px; position: absolute; width: 350px }
#left_socket   { margin-top: 35px; margin-left: 5px; padding-right: 25px; width: 400px; float: left }
#right    { margin-right: 25px; margin-left: 450px; position: absolute; width: 350px }
#right_socket  { margin-right: 25px; width: 400px; float: left }
.cool_content      { position: relative; top: 75px; width: 100%; overflow: visible; border: 0  }


#links_container  { margin: 0 20px 20px 0; float: right }
#links_container_full  { margin: 0 auto; position: relative; float: right }
.project_title { font-size: medium; color: #dcdcdc; font-weight: bold; background-color: #227bbf; padding: 3px;  padding-left: 10px;}
.project_links { font-size: medium; color: #ffa500; font-weight: bold; background-color: #2b3c4c; text-align: center; padding: 3px; width: 200px; border: 2px solid #051325; }
.project_links_full { color: #ffa500; font-size: medium; font-weight: bold; background-color: #2b3c4c; text-align: center; list-style-type: none; display: inline; padding: 3px; width: 150px; float: left; border: solid 2px #051325 }
.project_links a:link   { font-weight: bold; text-decoration: none }
.project_links a:visited    { color: #a9a9a9; font-weight: bold; text-decoration: none }
.project_links a:hover  { color: #ffa500; font-weight: bold; text-decoration: underline; }
.project_links a:active   { color: #ffa500; font-weight: bold; text-decoration: underline; }
.trailers  { color: #051325; font-size: small; font-weight: bold; background-color: #a9a9a9; margin: 0 0 0 20px; padding: 3px 3px 3px 10px; width: 150px; border: solid 2px }
.trailers a:link   { font-weight: bold; text-decoration: none }
.trailers a:visited    {color: black; font-weight: bold; text-decoration: none }
.trailers a:hover  { color: #ffa500; font-weight: bold; text-decoration: underline; }
.trailers a:active   { color: #ffa500; font-weight: bold; text-decoration: underline; }

.image_right_border { margin-left: 20px; padding: 0; float: right; border-width: 5px; border-color: #ffa500 }
.image_left_border { margin-right: 20px; padding: 0; float: left; border-width: 5px; border-color: #ffa500 }



.bio_header_orange  { color: #2b3c4c; font-weight: bold; background-color: #ffa500; padding: 3px }
.bio_header_gray   { color: #ffa500; font-weight: bold; background-color: #2b3c4c; padding: 3px }

.synopsis {color:#dcdcdc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }

div.float {float: left; padding: 50px; }
div.float_big {float: left; padding-right: 20px; width:45% }

div.float p  { text-align: left }

.float_pix { margin: 5px; margin-bottom: 10px; padding: 0; float: left; border: 0 }
.bio {min-height: 125px; height:auto !important; height:125px; padding-bottom: 10px}

.current_page { color: #2b3c4c; font-weight: bold; background-color: #ffa500; padding: 3px;  clear: left }
.current_page_flip { color: #ffa500; font-weight: bold; background-color: #2b3c4c; padding: 3px;  clear: left }

/* play page */

#plays {
		margin: 10px auto;
		padding: 10px 25px;
		color:orange; 
		font-size: 12px; 
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		border-bottom: 1px dashed #dcdcdc;
		height: 100%;
}

#clear {
	clear:both;
}

#top {
	padding: .5em;
}

.play_photo {
	float: left;
	width: 260px;
	margin: 0;
	padding: 1em;
}

.play_photo p {
	font-weight: normal
}

.play_photo img {
	width: 260px;
}

.reviewer {
	color: #fff;
	display:inline;
}

.play_blurb {
	margin-left: 300px;
	border-left: 1px solid gray;
	padding: 1em;
	max-width: 36em;
}

.play_description {
	color:#dcdcdc; 
	font-style:italic; 
	font-size: 11px; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif 
}


/*Credits: code below this line courtesy of Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu { background: transparent; padding: 0; width: 100%; voice-family: "\"}\""inherit }

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: right;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid black;
}

#modernbricksmenu a:hover{
background-color: #2b3c4c; /*Menu hover bgcolor - site gray*/
}

/* styles to choose the "current" tab in Projects nav bar */
#content.full #modernbricksmenu a.full,
#content.socket #modernbricksmenu a.socket,
#content.porn #modernbricksmenu a.porn,
#content.wildcat #modernbricksmenu a.wildcat,
#content.switch #modernbricksmenu a.switch,
#content.socket2 #modernbricksmenu a.socket2
{background-color: #ffa500; /*site orange*/
border-color: #ffa500; /*site orange */
color: #2b3c4c;
}

#modernbricksmenu #current a /*currently selected tab*/
{background-color: #ffa500; /*site orange*/
border-color: #ffa500; /*site orange*/
color: #2b3c4c;
} 

#modernbricksmenuline { color: #2b3c4c; 
font-size: 1.2em; 
font-weight: bold; 
line-height: 15px; 
background: #ffa500;  
margin-right: 0; 
margin-bottom: 15px; 
padding: 10px; 
width: 100%; 
clear: both }

.quote { font-size: 14px; font-weight: bold }

.quoter { font-size: 11px; font-style: italic; font-weight: normal }

ul.awards { list-style-type: none; list-style-position: inside; margin-left: 0; overflow: visible }