@font-face {
	font-family: 'EarthsMightiestExpandedExpan';
	src: url('../fonts/trustrum1.eot');
}

@font-face {
	font-family: 'EarthsMightiestExpandedExpan';
	src: url(//:) format('no404'), url('../fonts/trustrum1.woff') format('woff'), url('../fonts/trustrum1.ttf') format('truetype');
}

@font-face {
	font-family: 'FreebooterRegular';
	src: url('../fonts/trustrum2.eot');
}

@font-face {
	font-family: 'FreebooterRegular';
	src: url(//:) format('no404'), url('../fonts/trustrum2.woff') format('woff'), url('../fonts/trustrum2.ttf') format('truetype');
}
 body{
  margin:0;
  padding:100px 180px 0 0;
  background:#ffcc99;
	font-size: 14px;
 }
 
 div#header{
	position:absolute;
	top:0;
	left:0;
	padding:0 10px 0 5px;
	width:100%;
	height:100px;
	color: #000;
	background-image: url(../img/headerbg.png)
 }
 
 div#right-sidebar{
	position:absolute;
	top:110px;
	right:10px;
	width:150px;
	color: #736357;
	background-image: url(../img/sb_middle.png)
 }
 
 div#content{
	background:#ffcc99;
	height: 400px;
	padding:5px 5px 5px 15%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
 }
 
 @media screen{
  body>div#header{
   position: fixed;
  }
  body>div#right-sidebar{
   position: fixed;
  }
 }
 
 * html body{
  overflow:hidden;
 }
 
 * html div#content{
  height:100%;
  overflow:auto;
 }
 
 a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a.sidebar {
	margin-left:15px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #736357;
	text-decoration: none;
}

a.sidebar:hover {
	color: #000000;
}

a.sidebar2 {
	text-align:left;
	margin-left:25px;
	font-family: Impact;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

hr {
	color: #ffcc99;
	background-color: #736357;
	height: 5px;
	width:80%;
}

img.bottomleft {
	position: fixed;
	bottom: 0px;
	left: 0px;
}

img.bottomright {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

img.left {
	position: fixed;
	top: 200px;
	left: 5px;
}

img.works {
padding:10px;
}

b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #663300;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-decoration: none;
}


h1 {
	color: #ffcc99;
	font-family: FreebooterRegular, Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-decoration: none;
	background-color: #736357;
	height: 40px;
	width: 40%;
	padding-left: 10px;
}

h2 {
	color: #ffcc99;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #663300;
	font-weight: bold;
}

h3 {
	color: #736357;
	text-align:center;
	font-family: EarthsMightiestExpandedExpan, Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	text-decoration: none;
	color: #663300;
	font-weight: bold;
	text-shadow:#b29578 10px 5px;
}

p.indent {
	padding-left:30px;
}

p.index {
font-size:14px;
text-indent:20px;
}

#content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-shadow: #ffffff 2px -2px;
}

#content a:hover {
	color: #ffffff;
	text-shadow: #000000 2px -2px;
}


#content li {
	margin-left:30px;
	padding-left:20px;
	list-style-image: url(../img/bullet.png);
}

#content li.deepindent {
	margin-left:330px;
	padding-left:20px;
	list-style-image: url(../img/bullet.png);
}