/* Sets global styles */

body {
	background-color: #000000;
    }

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
   }
   
p.bio {
	text-align: center;
	padding: 0 100px;
	}   
   
p.small {
    font-size: 0.6em;
	color: #999999;
	}   
   
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: xx-large;
	font-weight: bold;
	color: #FF00CC;
    }

h2 {
    font-family:"Times New Roman", Times, serif;
	font-size: xx-large;
	font-weight: bold;
	color: #999999;
    }
	
/* Style for the heading */	
	
#title {
    font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	text-align:center;
	}
	
.pinkletters {
    color: #FF00CC;
	}
	
.greyletters {
    color: #999999;	
	}
	
.subtitle {
    font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-style:italic;
	color: #CCCCCC;
	}	
	

	
/* Main document styles */	
	
#centre {
	margin: 30px auto 10px auto;
	text-align: center;
	}	

#centreblock {
    margin: 25px 25% 15px 25%;
	text-align: center;
	}
	
#centreblock a {
	color:#FFFFFF;
	text-decoration: none;
	}
	
#centreblock a:hover {
    color: #FF9900;
	text-decoration: underline;
	}    	    	
	
/* Controls opacity of the labels on top of Caymen picture on intro page of folio section */	
	
#trans {
     width: 654px;
	 height: 440px;
	 background: url(graphics/caymen.jpg) no-repeat;
	 margin: 5px auto 10px auto;
	 }

#transbox {
	width: 175px;
	margin: 5px 5px 5px 460px;
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity: 0.5;
	}

#transbox * {
	position: relative;
	}

#transbox div {
	padding: 5px;
	font-weight: bold;
	color: #000;
	text-align: right;
	border-top: 1px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #666666;
	}
	
#transbox div a {
    color: #000000;
	text-decoration: none;
	}
	
#transbox div a:hover {
    color: #FF00CC;	
	}
	
	
/* Aligns the two animated star links on the index page */	
	
.cell {
	padding: 1px 1px 1px 1px;
	margin: 2px auto 2px auto;
	width: 49%;
	text-align: center;
	/* clear: both; */
	float:left;
}	

.cell a {
 	font: 0.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.cell a:hover {
    color: #FF00CC;
	}	
	
.sponsor {
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 25px;
	text-align: center;
	}
	
div#sponsor {
    clear:both;
	width: 300px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 25px;
	text-align: center;
	}
   
	
/* Portfolio pages - align the thumbnails in rows */

#folio_array {
    margin: 30px auto 10px auto;
	}
	
#folio_array ul {
    list-style: none;
	text-align: center;
	}
	
#folio_array ul li {
    display: inline;
	/*border: 2px black; */
	}		
	
#folio_array ul li img {
    border: 5px solid black;
	padding: 6px 6px;
	}	

/* Links at the foot of the page */

div#site_links {
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

div#site_links ul {
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    padding: 3px 0 1px 0;
	color: #FF00CC;
	list-style: none;
	}	
	
div#site_links ul.line2 {
    padding: 1px 0;
	}	
	
div#site_links ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #FFF;	
	}	
	
div#site_links ul li.first {
	border-left: 0px none;
	}
	
div#site_links ul li a {
	font: 0.7em /1 Geneva, Arial, Helvetica, sans-serif;
    color: #FF00CC;
	text-decoration: none;
	}
	
div#site_links ul li a:hover {
    text-decoration: underline;
	}	
	
div#site_links ul li a.redletters {
	color: #FF0000; 
	}	

/* Basic Nav is the buttons under the portfolio array and individual close-ups for navigating
to Page 2, Back, etc */
	
div#basic_nav {
    font: 0.8em /1 Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	}
	
div#basic_nav a {
    color: #FFFFFF;
	text-decoration: none;
	}
	
div#basic_nav a:hover {
    color: #FF00CC;
	}			
	
/* Copyright notice at the foot of the Index page */
	
.copyright {
    clear: both;
    text-align: center;
	font: 0.7em Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 35px auto 2px auto;
	padding: 25px;
	}