@font-face {
	font-family: 'BPscriptRegular';
	src: url('BPscript.eot');
	src: local('BPscript Regular'), local('BPscript'), url('BPscript.woff') format('woff'), url('BPscript.otf') format('opentype'), url('BPscript.svg#BPscript') format('svg');}
	
@font-face {
	font-family: 'ComfortaaThin';
	src: url('Comfortaa_Thin.eot');
	src: local('Comfortaa Thin'), local('Comfortaa-Thin'), url('Comfortaa_Thin.woff') format('woff'), url('Comfortaa_Thin.ttf') format('truetype'), url('Comfortaa_Thin.svg#Comfortaa-Thin') format('svg');
}

@font-face {
	font-family: 'ComfortaaRegular';
	src: url('Comfortaa_Regular.eot');
	src: local('Comfortaa Regular'), local('Comfortaa'), url('Comfortaa_Regular.woff') format('woff'), url('Comfortaa_Regular.ttf') format('truetype'), url('Comfortaa_Regular.svg#Comfortaa') format('svg');
}

@font-face {
	font-family: 'ComfortaaBold';
	src: url('Comfortaa_Bold.eot');
	src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url('Comfortaa_Bold.woff') format('woff'), url('Comfortaa_Bold.ttf') format('truetype'), url('Comfortaa_Bold.svg#Comfortaa-Bold') format('svg');
}

*, html{margin: 0; padding: 0;} html,body{height: 100%}
	
body{
	font-family: 'ComfortaaRegular', Arial, sans-serif;
	font-size:1em; /* 1em=16px */
	letter-spacing: 1px;
	background: #ffffff;}

strong, h1, h2, h3, h4, h5, h6{
	font-family: 'ComfortaaBold', Arial, sans-serif;
	font-weight: normal;
	color: #ffd200;}
	
h1, h2, h3, h4, h5, h6{color: #ffd200;}
fieldset {border: 0;}

a{color:#FFFFFF;}
a:hover{color:#999999;}

	
/* CENTERING CSS */

#floater {position:relative; float:left; height:60%; margin-bottom:-200px; width:1px;}

#bone {position:relative; clear:left; height:106px; width:440px; margin:0 auto; border: 1px solid #f6e32c;}
#btwo {border: 4px solid white; background: #f6e32c;}
#bthree{border: 1px solid white; width: 330px; margin: 10px auto;}
#bfour{border: 3px solid #f6e32c; background: white;}
#bfour img{border: 0; padding: 5px; display: block; margin: 0px auto;}
#bone #menu{margin-left: 16px;}
#bone #menu ul {margin-left: 37px;}
#bone #menu a {border-bottom: 0;}

#cwrapper{
	width: 400px;
	margin:  0 auto;
	border: 4px solid white;
	background: #f6e32c;}
	
#ctop {float:right; width:300px; text-align:center;}

/* CENTERING CSS */


#wrapper{
	font-size: .75em;
	line-spacing: 1.2em;
	width: 820px;
	margin:  0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f6e32c;
	border-right: 1px solid #f6e32c;
	border-left: 6px solid #f6e32c;}
	
#header img{margin: 0px 0px 5px 53px; border: 0; padding: 0; display: block;}

#menu{
	padding: 0;
	width: 100%;
	background: #f6e32c;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-family: 'BPscriptRegular', Arial, sans-serif;}

#menu ul{
	margin:0;
	margin-left: 71px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;}

#menu li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;}

#menu a{
	float: left;
	display: block;
	color: #001052;
	margin: 0 1px 0 0;
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background: #f6e32c;
	border-bottom: 2px solid white;}

#menu a:hover{background: #ffd200;}
#menu .active a{background: #ccc;}

#content{
	border: 1px solid #cccccc;
	padding: 4px;
	min-height: 350px;
	margin: 10px;}
	
#content p{
	margin-bottom: 10px;}

#gallery{}

#thumbs{
	background: #aba490;
	padding: 5px;
	border: 1px solid #cccccc;}
		
#sidebar{
	width: 245px;
	height: 492px;
	background: #4b3f2b;
	padding: 10px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	color: white;
	float: left;
	opacity: 0.93; filter:alpha(opacity=93); -moz-opacity:0.93;}
	
#sidebar ul.thumbs {clear: both; margin: 100; padding: 13px;}

#sidebar ul.thumbs li {float: left; padding: 0; margin: 5px 15px 10px 0; list-style: none;}
	
#sidebar a.thumb {display: block; width: 50px; height: 50px; border: 3px solid white; overflow: hidden;}

#sidebar a.thumb:focus {outline: none;}
	
#sidebar ul.thumbs img {border: none; display: block;}