@charset "utf-8";

* { margin: 0px; padding: 0px; }

p {
    text-indent: 25px;
 }
 
 li {
    list-style-type: none;
}

a {
    border: none;
    color: #3299bb;
}

div {
    display: block;
}

textarea {
    background-color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    color: black;
}

input {
    background-color: white;
    border: none;
    border-radius: 5px;
    margin: 5px 0;
    padding: 7px;
    color: black;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #424242;
    text-align: center;
    color: #E9E9E9;
}

#header {
    padding-bottom: 5px;
    width: 100%;
    background-color: #424242;
    border-top: 1px solid #589977;
    border-top-left-radius: 10px 10px;
}

#header_content {
    width: 800px;/* 800px; */
    margin: 0 auto;
}

#main {
    width: 800px;
    margin: 0 auto;
}

#main_content {
    padding: 40px 30px 40px;
    width: 740px;
    min-height: 400px;
    margin: 0 auto;
    border-top-left-radius: 10px 10px;
    background-color: #BCBCBC;
    color: #444;
    text-align: left;
}

#footer {
    width: 100%;
}

#footer_top {
    background-color: #3299BB;
    width: 800px;
    min-height: 250px;
    margin: 0 auto;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
}

#footer_bottom {
    height: 20px;
    width: 100%;
}

#copyright {
    margin-top: 11px;
	text-align: center;
    font-size: 8px;
    color: #E9E9E9;
    clear: both;
}

#recent_updates {
    margin: 25px 5px;
    /* height: 150px;
    width: 226px;
    background-color: #fdd; */
    float: right;
    overflow: hidden;
    clear: all;
}

#recent_updates ul {
    text-align: left;
    font-size: 10pt;
    margin-top: 10px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-top-left-radius: 5px 5px;
    -moz-border-top-right-radius: 5px 5px;
    border: 2px dashed #FF9900;
    background-color: #1a4750;
    list-style-type: circle;
}

#recent_updates ul li {
    text-indent: 10px;
}

#recent_updates h3 {
    text-align: left;
}

#screenshots {
    margin: 25px 30px 25px 30px;
    height: 150px;
    width: 400px;
    float: right;
}

#screenshots h3 {
    text-align: left;
}

#screenshots_container {
    margin-top: 10px;
    width: 100%;
    height:115px;
}

#screenshots_container ul li {
    color: #000;
    display: inline;
    float: left;
    margin: 0 7px;
}

/***   Other functions   ***/


#image_holder1 {
    margin: 30px auto;
    width: 500px;
    height: 350px;
    /*background-color: #b3ff50;  dickskin box - ##b3ff50 is neat green color */
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
}

#image_holder2 {
    width: 115px;
    height: 115px;
    background-color: #222;
    -moz-box-shadow: 10px 10px 5px #FF9900; /* Firefox */
    -webkit-box-shadow: 5px 5px 5px #FF9900; /* Safari and Chrome */
    box-shadow: 10px 10px 5px #FF9900;

}

#comment {
    color: black;
}

#submit{
    font-size: 12px;
    font-weight: bold;
}

/***   Navigation Bar   ***/
/*** Navbar 1 ***/
#nav_container {
    margin-top: 50px;
    text-align: right;
}

#navlist {
    margin-top: 10px;
    margin-bottom: 4px;
}

#navlist li {
    display: inline;
}

#navlist li a {
    color: black;
    text-decoration: none;
    padding: 10px 10px 9px;
    background-color: #3299BB;
    /* background-image: url("lazer_cursor.png");
    
    cursor: url("lazer_cursor.png"); */
    /*
    border-bottom: 1px solid #1b585c;
    border-left: 1px solid #1b585c;
    border-right: 1px solid #589977;
    border-top: 1px solid #589977;
    */
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-top-left-radius: 5px 5px;
    -moz-border-top-right-radius: 5px 5px;
}

#navlist li a:hover, #navlist li a:active {
    text-shadow: 5px 5px 5px #424242;
    background-color: #3299BB;
    color: #FF9900;
}

#active_link a:link, #active_link a:visited, #active_link a:hover {
    /*text-shadow: 5px 5px 5px #3299BB;*/
    background-color: #1a4750;
    border-bottom: 1px solid #424242;
    color: white;
}

/*** Navbar 2 ***/
#nav_container2 {
    margin: 40px 10px 0 0;
    border-left: 3px solid #FF9900;
    float: right;
}

#navlist2 li{
    margin: 10px;
}

#navlist2 li a {
    color: #fff;
    text-decoration: none;
}

#navlist2 li a:hover {
    color: #FF9900;
    text-shadow: 2px 2px 2px #424242;
}

/* this is all photo_slider stuff for media and team bio */
a img { border: none; }

.clear { clear: both; }

/*#page-wrap {
	margin: 20px;
	padding: 10px;
} */

a.close {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	width: 20px;
	height: 21px;
	background: url("../images/photo_slider/close_button.jpg");
	text-indent: -9999px;
}

.photo_slider_img {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	overflow: hidden;
}

td {
	vertical-align: top;
}

.photo_slider {
	position: relative;
	width: 100px;
	height: 130px;
	padding: 10px;
	border: 1px solid black;
	overflow: hidden;
	margin: 25px 10px 10px 10px;
	background: white;
	float: left;
}

.info_area {
	display:none;

}

.more_info {
	display: block;
	width: 89px;
	height: 26px;
	background: url("../images/photo_slider/moreinfo.jpg");
	text-indent: -9999px;
	cursor: pointer;
}