/**/ <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Brandon's Website
---------------------------------------------- */


body {
  margin:0;
  padding:40px 20px;
  font-family:arial;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
  body {background-color:#000000; background-image:url(../images/gradient.jpg);
	background-repeat: repeat-x;}
a:link {
font-family:arial;
font-weight: bold;font-size:10pt;
  color:orange;
  }
a:visited {
font-family:arial;
font-weight: bold;font-size:10pt;
  color:orange;
  }
a:hover {
	font-family:arial;
	font-weight: bold;
	font-size:10pt;
  	color:#0CF;
  }
a img {
  border-width:0;
  }
a.title {
	font-size:16pt;
	line-height:1em;
	font-variant:small-caps;
	font-style:italic;
}
a.title:hover {
	font-size:16pt;
	line-height:1em;
	font-variant:small-caps;
	font-style:italic;
	color:black;
}
a.announcement_box {
	font-size: .8em;
}
a.orange_button {
	background-color:orange;
	color:white;
	font-size:36px;
	font-style:oblique;
	font-variant:small-caps;
	border:solid;
	border-width: 1px;
	margin-top: 10%;
	padding: 0 1em;
	text-decoration:none;
}
a:hover.orange_button {
	background-color:#C60;
	color:black;
}
a.blue_button {
	color:#000;
	background-color:#0CF;
	font-size:24px;
	border:solid;
	border-color:black;
	border-width: 1px;
	margin-top: 10%;
	padding: 0 .5em;
	text-decoration:none;
}
a:hover.blue_button {
	color:#FFF;
	background-color:#006;
}
a p {
	font-size:inherit;
	color:inherit;
}
p {font-family: arial;
	font-weight: bold;font-size:10pt; color:#fff;}

h2.underline { border-bottom: #817a79 1px dotted;  overflow: hidden;  margin-top: 1.2em;  margin-bottom: 0.2em;  padding-bottom: 0.1em; }
p.links, ul.links, div.links { font:  0.9em Verdana, Helvetica, Tahoma, Arial, "Lucida Grande", Lucida, sans-serif; 
                    color: #fff;  margin: -0.4em 0 1.25em 0;  padding: 0.4em 0 0.1em 0; }
p.title {
	font-size:16pt;
	line-height:1em;
	font-variant:small-caps;
	font-style:italic;
}
p.rights {
	font-size:14pt;
	font-style:italic;
	color:#fff;
	line-height:1.2em;
}
p.synopsis {
	font-size:11pt;
	color:#fff;
	line-height:1.1em;
	margin-top:-.25em;
}

p.devtitle {
	font-size:14pt;
	color:#000;
	line-height:1em;
}
p.devrights {
	margin-top:.5em;
	font-size:14pt;
	font-style:italic;
	color:#fff;
	line-height:1.4em;
}
p.devsynopsis {
	margin-top:.5em;
	font-size:10pt;
	color:#fff;
	line-height:1.2em;
}
p.contact{
	font-size:12pt;
	font-style:italic;
	color:#000;
	line-height:1.2em;
}
p.type{
	font-family:arial;
	font-size:9pt;
	color:#000;
	line-height:1.4em;
	margin-left:.5cm;
}


div.white li {
	color:white;
}

div.links ul.links { margin: 0 0 0.2em 0;  padding: 0 0 0 0;  font-size: 1.0em;}
.links li { list-style-type: none;  display: inline;  padding-left: 0;  text-indent: 0; }
   .links a:link { color:#999; }
   .links a:visited { color:#999; }
   .links a:hover { color:#ccc;}
/* Header
----------------------------------------------- */
@media all {
  #header {
    width:510px;
    margin:0 auto 0px;
    border:0px solid #ccc;
	z-index:1;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:0px 5px 0;
  padding:0px 5px 0px;
  border-bottom:0px solid #eee;
  border-width:0px 0px 0;
  font-size:250%;
  line-height:1.2em;
  font-weight:lighter;
  color:#E0E0E0;
  text-transform:none;
  letter-spacing:0em;
  align:center;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:5px 5px 5px;
  padding:0px 20px 0px;
  border-top:0px solid #eee;
  border-width:0 0px 0px;
  max-width:700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
 
  }
  
  /* SiteNav
----------------------------------------------- */
#navbar { 
z-index:100;
margin:0; padding:0px 0 0 0px;
font-family:arial;
font-weight:bold;
font-size:12px;
}
#navbar ul {
margin:0; padding:0;
list-style-type:none;
}
#navbar ul li {
float:left;/*change to center to turn into a vertical navbar*/
position:relative;
margin:0; padding:0; text-indent:0;
}
#navbar ul li a, #navbar ul li a:visited {
display:block;
padding:0 10px;
background:transparent; color:black/*#412700*/;
text-decoration:none;
font-style:oblique;
text-align:center; line-height:24px;
border-bottom:0px solid #fff;
}
#navbar ul li a.nav {
width:45px;
font-variant:small-caps;
font-size:13px;
}
#navbar ul li a.navmed {
width:90px;
font-variant:small-caps;
font-size:13px;
}
#navbar ul li a.navsm {
width:105px;
font-variant:small-caps;
font-size:13px;
}
#navbar ul li a.navlong {
width:165px;
font-variant:small-caps;
font-size:13px;
}
#navbar ul li a.active {

}
#navbar ul li ul {
display:none;
}
#navbar ul li:hover a,#navbar ul li a:hover {
background:transparent; color:#000;
text-decoration:underline;
border-bottom:0px solid #fff;
text-shadow:#000000 0px -1px 5px;
}
#navbar ul li:hover ul,#navbar ul li a:hover ul {
display:block; position:absolute;
left:0; top:23px;
width:150px;
margin-top:1px;
}
* html #navbar ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}
#navbar ul li:hover ul li ul,#navbar ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0; width:0;
}
#navbar ul li:hover ul li a,#navbar ul li a:hover ul li a {
display:block;
height:auto; width:100px;
padding:5px 0 5px 0px;
margin-left:15px;
background:#000; color:#fff;
line-height:18px; text-align:center;
border:3px solid #fff;
border-width:3px;
}
* html #navbar ul li a:hover ul li a {
width:150px;
w\idth:129px;
}
#navbar ul li:hover ul li a:hover,#navbar ul li a:hover ul li a:hover {
background:#fff; color:#000;
border:3px solid #000;
    border-width:3px;
}
#navbar ul li:hover ul li:hover ul,#navbar ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:150px; top:0;
width:150px;
}
#navbar ul li:hover ul li:hover ul.left,#navbar ul li a:hover ul li a:hover ul.left {
left:-150px;
}

/* Content
----------------------------------------------- */
@media all {
#backgroundbox{
	position:absolute;
	background-color:#666;
	background-image:url(../images/boxgrad.jpg);
	background-repeat: repeat-y;
	height:600px;
	width:700px;
	top:88px;
	left:100px;
	border:1px #333 solid;
	Border-width: 0px 1px 1px 1px;
}
#banner{
	position:absolute;
	top:13px;
	left:100px;
	height:75px;
	border: #333 solid;
	Border-width: 1px 1px 0px 1px;
}
#alphabet{
	position:absolute;
	top:45px;
	left:500px;
	visibility:hidden;
}
#navbar{
	text-align:center;
	position:absolute;
	width:590px;
	top:88px;
	left:153px;
	border:1px #333 solid;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
	}
#teaser{
	position:relative;
	padding:45px 0px 0px 15px;
	width:360px;
	height:240px;
	background:transparent;
	z-index:5;
	}
#blog{
    width:270px;
	height:490px;
	position:absolute;
	top:32px;
	right:00px;
	background:transparent;
	padding:5px; 
	margin: 1em 1em 0em 1em;
	border:1px solid #333;
    border-width:3px;
	}
#lftbio{
    width:400px;
	height:500px;
	padding:2em 2em 0em 2em;
	position:absolute;
	top:35px;
	left:100px;
	background:transparent;
	border:0px white solid;
    border-width:0px;
	text-align:justify;
	}
#rtbio{
    width:270px;
	position:absolute;
	top:48px;
	right:25px;
	background:transparent;
	}
#devlft{
   position:absolute;
	top:35px;
	left:205px;
	width:360px;
	height:400px;
	background:transparent;
	z-index:105;
	}
#devrt{
    width:350px;
	height:300px;
	position:absolute;
	top:175px;
	left:640px;
	background:transparent;
	z-index:105;
	}
#text{
	width:350px;
	height:260px;
	text-align:left;
	position:absolute;
	top:125px;
	left:220px;
	background:transparent;
	border:3px solid #333;
    border-width:3px;
}
#synopsis{
	width:360px;
	height:215px;
	text-align:left;
	position:absolute;
	top:485px;
	left:220px;
	background:transparent;
	border:3px solid #333;
    border-width:3px;
}
#mission{
	position: relative;
	padding:10px 0 0 15px;
	width:360px;
	height:150px;
	padding-top:10px;
	font-family:arial;
	font-size:13pt;
	text-align:center;
	background:transparent;
	color:#FFFFFF;
}
#distribution{
	position:absolute;
	top:35px;
	left:20px;
	width:600px;
	background:transparent;
	padding:10px;
	z-index:105;
}
#development{
	position:absolute;
	top:145px;
	left:220px;
	width:360px;
	height:500px;
	color:#999999;
	background:transparent;
	z-index:105;
}
#spacer{
	position:static;
	width:340px;
	line-height:1em;
	margin:5px;
	border-bottom:2px solid #FFFFFF;
}
#contact{
	position:absolute;
	top:45px;
	left:47px;
	z-index:105;
}
#bioback{
	position:absolute;
	left:20px;
	bottom:20px;
	padding-left:1em;
	font-size:10pt;
	color:#FFFFFF;
}
#rtbioback{
	position:absolute;
	top:515px;
	left:640px;
	font-size:10pt;
	color:#FFFFFF;
}
#footer{
	position:absolute;
	left:0px;
	bottom:-25px;
	font-size:10pt;
	color:#FFFFFF;
}
#sponsorship{
   position:absolute;
	width:600px;
	margin:3em;
	background:transparent;
	z-index:105;
	}
}

/* Project Data Sheets
----------------------------------------------- */
#projectdata{
	position:absolute;
	top:45px;
	left:20px;
	width:500px;
}
#projectimage{
	position:absolute;
	top:150px;
	left:200px;
}
p.projectname{
	font-size:18pt;
	color:#000;
	text-shadow:#000000 0px -1px 3px;
	line-height:.1em;
}
p.projectstatus{
	font-size:12pt;
	color:#fff;
	font-style:italic;
	line-height:.5em;
}
p.projectattachments{
	font-size:12pt;
	color:#fff;
	line-height:1em;
}
p.projectsynopsis{
	font-size:11pt;
	color:#fff;
	line-height:1.2em;
}


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#660000
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/*Gallery Controls*/

h2.gallery { font-family: times;  text-transform: uppercase;
             margin-bottom: 0.2em;  margin-top:-.2em; font-size: 1.3em;  letter-spacing: 0.3em;  text-align: center; }
h3.gallery { margin-top: 0.4em;  text-transform: uppercase;  margin-bottom: -0.1em;  font-size: 1.1em;
             letter-spacing: 0.4em;  text-align: center; }
    a:link h3.gallery    { color:#999; }
    a:visited h3.gallery { color:#999; }
    a:hover h3.gallery   { color:#E0E0E0;  border-bottom: 0;  letter-spacing: 0.45em; }
h2.gallerypage, h2.encounterspage { font: 1.35em/1.0em times;  font-weight: bold; margin-top:1em; }
h3.gallerypage, h3.encounterspage { color:#999; font-size: 1em; }
h4.byline { font-size: .75em; color:#999; }
h5.gallerypage { font: 0.9em;  letter-spacing: 0.15em; }
div.gallerypage { clear: both; }

div.thumbs { padding: 20px 0;  margin-bottom: 5px; }
div.thumbs div { width: 30%; min-height: 94px;  min-width: 94px; }
.thumbs div { float: left;  margin: 0 11.25px 20px 0; }
	.thumbs a:hover { border-bottom: 0; }
    .thumbs a:visited:hover { border-bottom: 0; }
    .thumbs a:link img  { border: 2px solid #999; }
	.thumbs a:visited img { border: 2px solid #999; }
    .thumbs a:hover img { border: 2px solid #e0e0e0; }
	
div.gallery_index {
	position:relative;
	margin-left:-10px;
	padding:15px 0;
	background-color:#333;
}
div.gallery_index div {
	width:50%;
	float:left;
	margin-bottom:5px;
}
div.gallery_index p {
	font-variant:small-caps;
	font-size:1em;
}
    .gallery_index a:link img {
		margin-top:2px;
		border-width: 2px;
		border-style:solid;
		border-color:#999;
	}
	.gallery_index a:visited img {
		margin-top:2px;
		border-width: 2px;
		border-style:solid;
		border-color:#999;
	}
	.gallery_index a:hover img {
		margin-top:2px;
		border-width: 2px;
		border-style:solid;
		border-color:#FFF;
	}
   /* .gallery_index a:hover img { border: 2px solid #e0e0e0; }*/
	
/*end gallery controls*/
  p.bottomlinks, ul.bottomlinks { font:  0.6em times; 
                 color: #817a79;  margin: -0.4em 0 2.0em 0;  padding: 0.4em 0 0.1em 0;
                 border-bottom: #817a79 1px dotted;  overflow: hidden; }
ul.bottomlinks li img  { border: none; }
ul + p.bottomlinks, { margin: -0.6em 0 2.0em 0; }
p + p.bottomlinks { margin: -0.4em 0 2.0em 0; }
.bottomlinks li { list-style-type: none;  display: inline;  padding-left: 0;  text-indent: 0; }





</style>