/* LAYOUT */

body {
	padding:0;
	margin:0;
	font-family: Linux Biolinum, Verdana, DejaVu Sans, Bitstream Vera Sans, Arial, Liberation Sans, Helvetica, sans-serif;
	font-size: 110%;
	background: #000000; /* fallback */
	background: url('graphics/bg-curtains.jpg') no-repeat 50% 50% fixed;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}
#banner {
	padding:0;
	margin:0;
	position:absolute;
	top:0px;
	font-size: 0.9em;
	font-family: Linux Biolinum, Arial, Liberation Sans, Helvetica, sans-serif;
	width:100%;
}
#wrapper {
	padding:15px;
	margin-top:165px;
	margin-right:0px;
	margin-left:0px;
}
#leftwrapper {
	position:relative;
	width:185px;
	float:left;
	border: 0px;
}
#menu {
	position:relative;
	width:165px;
	float:left;
	background:#000000;
	border: 2px #555555 solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding:0px 10px 0px 10px;
	_padding-top:1px;
	#padding-top:1px;
	font-size: 0.85em;
	font-family: Linux Biolinum, Arial, Liberation Sans, Helvetica, sans-serif;
}
#menu2 {
	position:relative;
	width:165px;
	margin-top:19px;
	float:left;
	clear:left;
	background:#000000;
	border: 2px #555555 solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding:0px 10px 0px 10px;
	_padding-top:1px;
	#padding-top:1px;
	font-size: 0.85em;
	font-family: Linux Biolinum, Arial, Liberation Sans, Helvetica, sans-serif;
}
#content {
	position:relative;
	margin-top:0;
	margin-right:0;
	margin-left:205px;
	background:#191919;
	background: rgb(25, 25, 25); /* Fallback */
	background: rgba(255, 255, 255, 0.1);
	border: 2px #555555 solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	min-width:365px;
	padding:5px 15px 5px 15px;
}
#button1wrapper {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
#button1 {
	background: #000000;
	border: 1px solid #cccccc;
	margin: 10px;
	padding: 3px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
#button1:hover {
	background: #222222;
	border: 1px solid #ffffff;
}
#button1active {
	background: #222222;
	border: 2px solid #ffffff;
	margin: 10px;
	padding: 3px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* FORMATTING */

p {font-size:0.96em; color:#ffffff;}
h1 {font-family:Linux Biolinum, Arial, Liberation Sans, Helvetica, sans-serif; font-size:1.5em; color:#ffffff; text-align:center;}
h2 {position:relative; top:10px; font-family: Linux Biolinum, Arial, Liberation Sans, Helvetica, sans-serif; font-size: 1.25em; color: #eba6a6;}
h3 {position:relative; top:10px; font-size: 1em; color: #ffffff; font-style:italic;}
h4 {position:relative; top:10px; font-size: 0.93em; color: #cc7c7c;}
td {font-size:0.9em; color:#ffffff;}
.code {padding:12px; background: #c4d7f1; border: 1px #8394b1 solid; font-family: DejaVu Sans Mono, Courier New, Courier, monospace;}
table.center {margin-left: auto; margin-right: auto;}
img.photo {border: 1px #555555 solid;padding:2px;background:#cccccc;}
img.center {display: block; margin-left: auto; margin-right: auto;}
img.divider {vertical-align:middle; padding: 0 5px 0 5px;}
img.hdivider {display:block; margin-left: auto; margin-right: auto; padding: 2px 0 2px 0;}
img.socialicon {vertical-align:middle; padding: 0 7px 0 7px; border:0;}
a:link {color:#508ED8; text-decoration:none;}
a:visited {color:#8E79A5; text-decoration:none;}
a:hover {color:#7EBAFF; text-decoration:none;}
a:active {color:#ffffff; text-decoration:none;}
a:link.menu {
  color:#cccccc;
  text-decoration:none;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
a:visited.menu {
  color:#cccccc;
  text-decoration:none;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
a:hover.menu {
  color:#ffffff;
  text-decoration:none;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
a:active.menu {color:#ffffff; text-decoration:none;}
ul.menu {padding-left:12px; margin-left:0px;}
ul.menu li {font-size:100%;}
.buttonText {color:#ffffff;}
a:link.buttonText {color:#cccccc; text-decoration:none;}
a:visited.buttonText {color:#cccccc; text-decoration:none;}
a:hover.buttonText {color:#ffffff; text-decoration:none;}
a:active.buttonText {color:#ffffff; text-decoration:none;}
li {font-size:0.96em; color:#ffffff; margin-bottom:0.5em;}
.blue {color: #b0c0e9;}
.offset-blue {margin-left:1em; color: #b0c0e9;}
audio {background-color: #cccccc;}


/* FONTS */

@font-face {
  font-family: 'Linux Biolinum';
  src: url('fonts/LinBiolinum_Rah.ttf'),
       url('fonts/LinBiolinum_R.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Linux Biolinum';
  src: url('fonts/LinBiolinum_RIah.ttf'),
       url('fonts/LinBiolinum_RI.woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Linux Biolinum';
  src: url('fonts/LinBiolinum_RBah.ttf'),
       url('fonts/LinBiolinum_RB.woff');
  font-weight: bold;
  font-style: normal;
}