/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	padding-top: 50px;
	background: black url(images/background.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464032;
}

#wrapper {
	width: 820px;
/*	margin: 0 100px 0 80px;*/
	margin:0 auto 0 auto;
	padding: 0;
}

@font-face {
  font-family: Optimus;
  src: url(fonts/Optimus.eot); /* IE */
}
@font-face {
  font-family: Optimus;
  src: url(fonts/Optimus.ttf) format("truetype"); /* non-IE */
}

.optimus {font-family: Optimus;}
.righty {text-align:right; float:right;}
.itals{font-style: italic;}
.greenspan {color: #6F0}
.bluespan {color: #06F}
.smallkid {font-size: 42px;}

a {color:white;}
a:visited {color:white;}
a:hover {color:#CCC;}

h3 {display:inline;
	color: black; 
	font-family: Optimus, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-left:0;
	margin:0;
}

.h3inline {
	color: black; 
	font-family: Optimus, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:80%;
}

/* Menu */

#menu {
	width: 620px;
	height: 36px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	background: white;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	height: 36px;
	width: 124px;
	margin-bottom: 5px;
/*	padding: 10px 20px 0px 20px;*/
	text-decoration: none;
	text-align: center;
	font-family: Optimus, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: black;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	background: white;
	text-decoration: none;
}

#menu .current_page_item a {
	background: black;
	color:white;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* Content */

#content {
	float: right;
	width: 620px;
	padding: 0px 0px 0px 15px;
}

.box  {
	width:610px;
	margin:0px 0px 10px 0px;
	background-color:white;
	border: solid 5px white;
}

.box img {float:right; margin-left:10px;}
.box img.left {float:none; margin-right:10px;}

.box p  {
	margin:0px 0px 30px 0px;
	padding: 10px;
	color:black;
}

.box a {color:black;}

#gallery-wrapper {
	width: 620px;
/*	height: 500px;*/
/*	margin-bottom: 20px;*/
}

#output {
	display:block;
	background-repeat:no-repeat;
	width: 610px;
	height: 375px;
	margin-bottom: 0px;
	border: solid 5px white;
}

/* Logo */

#logo {margin:0; padding:0; border:none;}

/* Sidebar */
#sidebar {
	float: left;
	width: 185px;
	padding: 0px;
	margin-left: 0px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar h2 {
	font-family:Optimus;
	padding-left: 10px;
	background: white;
	font-size: 18px;
	color: black;
	height: 31px;
	width: 175px;
	margin-bottom: 5px;
}

#sidebar p {
	font-size:12px;
	margin-bottom: 30px;
	padding-left: 10px;
	text-align: left;
	color: white;
	line-height:14px;
}

#sidebar a {
	text-decoration: none;
	text-align: center;
	color: black;
	border: none;
}

#sidebar a.plain {
	text-decoration: underline;
	color: white;
	border: none;
}

/* Footer */

#footer {
	width: 620px;
	height: 20px;
	margin: 0;
/*	border-top: 4px solid #EBE6D1;*/
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 10px;
	color:#666;
}

#footer a {
	color:#999;
}