body{
margin:0;
padding:0;
background: url("Images/bg.jpg");}

#index {
	position:relative;
	width:700px;
	height:200px;
	background: url("Images/index.jpg") no-repeat;
}
a{
	color:#9bbe7c;
	text-decoration: none;
	cursor: crosshair;}
a:hover{
	background: #285362;}
.box a{
	color:#dadada;}

#title{
	position:absolute;
	top:0;
	left:0;
	padding: 20px 0 0 0px;
	margin: 0 0 -15px 90px;
	font: 48px century gothic, sans-serif;
	color:#7d709a;}
#title:first-letter{
	font: 90px garamond, serif;
	color:#95b874;}
#byline{
	position:absolute;
	top:0;
	left:0;
	margin: 75px 0 0 100px;
	font: small-caps 12px century gothic, sans-serif;
	color: #316373;
	text-transform:lowercase;}

#toplinks{
	position: absolute;
	top:0;
	left:0;
	margin: 0px 0 0px 365px;}
#toplinks ul, #toplinks li{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;}
#toplinks li{
	width: 60px;}
#toplinks li a{
	float:left;
	display:block;
	margin: 0 5px 50px 5px;
	font: small-caps 14px century gothic, sans-serif;
	color:#8879a9;
	padding: 30px 0px 5px 0px;
	width: 60px;
	overflow:hidden;
	text-align: center;
	background: #2b5151;}
#toplinks a:hover{
	width: 60px;
	margin: 0 5px 0 5px;
	padding: 79px 0px 5px 0px;
	background: #221b35;}

#main{
padding: 110px 0 0 0;
width: 700px;
text-align:justify;}

#side{
float:right;
margin: 0 0 0 -475px;
width:700px;}

#side2{
margin: 0 0 0 475px;
width:198px;}

#side2 h1{
text-align:right;
margin: 0 0 -5px 0;
font: small-caps 16px century gothic, sans-serif;
color:#040404;
text-transform:lowercase;}

#side2 .box{
background: url("Images/box.jpg") repeat-y;
font: 10px century gothic, sans-serif;
color:#95b874;
line-height:12px;
margin: 0 0 10px 0;
padding: 5px;}

#side2 .box ul{
list-style: none;
margin: 0 0 0px 0;
padding: 0;}

#side2 .box li{
margin: 0 0 2px 0;
list-style:none;
text-align:center;
border-bottom:1px solid #1d1a24;}

#side2 .box li a{
width: 100%;
display:block;
font: small-caps 12px century gothic, sans-serif;
color:#3e7f95;
background: none;}

#side2 .box li a:hover{
background: #322d3e;}

#cont{
float:left;
width: 442px;
margin-top:40px;}
#cont2{
margin: 0 0 0 40px;}

#cont h1{
font: 26px garamond, serif;
color:#a0c67d;
text-transform:lowercase;
margin: 20px 0 0 0;
background: #221b35;
padding-left: 15px;
border-left: 25px solid #040404;}

#cont h1:first-letter{
font: 36px century gothic, sans-serif;
color:#4a99b3;}

#cont h1 a{
color: #5eaaaa;
font: small-caps 12px century gothic, sans-serif;
background: none;}
#cont h1 a:hover{
color: #407993;}

#cont .date{
margin: 0 5px 0px 0;
float: left;
background: #221b35;
width: 25px;
height: 45px;
text-align: center;
overflow: hidden;}

.date .day{
font: 22px century gothic, sans-serif;
color:#3e7f95;
margin-bottom: -8px;
margin-left: 2px;}
.date .month{
font: small-caps 12px century gothic, sans-serif;
color: #b2b2b2;
text-transform: lowercase;
margin-bottom: -6px;}
.date .year{
color:#3e7f95;
font: 12px century gothic, sans-serif;
letter-spacing: .3em;
margin-left: 2px;}

#cont p{
color:#dadada;
font: 12px century gothic, sans-serif;
margin: 2px 0 5px 0;
line-height:15px;}

#cont h2{
margin: 20px 0 -5px 0;
font: small-caps 18px century gothic, sans-serif;
letter-spacing: .2em;
text-align:right;
color: #17112d;}

#cont .box{
background: url("Images/cbox.jpg") repeat-y;
margin: 0;
padding: 5px;}

#cont .box p{
color:#9bbe7c;
font: 11px century gothic, sans-serif;}

#foot{
width: 700px;
height:100px;
background:url("Images/foot.jpg") no-repeat;
clear:both;}

#foot #credit{
padding: 75px 0 0 20px;
float:left;
font: small-caps 12px century gothic, sans-serif;
color:#3e7f95;}
#foot #credit a{
background: none;
font: 18px century gothic, sans-serif;
color:#7d709a;}
#foot #credit a:hover{
color:#95b874;}

#foot #credit #markup{
margin-left: 10px;}
#foot #credit #markup a{
font: small-caps 10px century gothic, sans-serif;}


#foot #top {
padding: 60px 0 0 510px;}
#foot #top a{
background: none;
font: 14px century gothic, sans-serif;
color:#a0c67d;}
#foot #top a:hover{
color:#3e7f95;}

p{
padding:0;
margin:0 0 5px 0;}

ul{
margin: 0 0 5px 15px;
padding: 0 0 0 15px;
list-style: square;
font: 12px century gothic, sans-serif;
color: #6dcfcf;}
li{
margin: 0 0 2px 0;}


hr{
color: #17112d;
background: #17112d;
margin: 0;
height:4px;}

img{
border: 3px solid #7d709a;
margin: 5px;}

input, textarea, button
{font: 10px century gothic, sans-serif;
color:#dadada;
background: #7d709a;
margin: 0 0 5px 0;
border: 1px solid #9bbe7c;}

.avat{
float: left;
margin: 5px;
border: 3px solid #2b5151;}