body {
background-color:#fff;
background-image: url("images/background.gif");
background-position: top left;
background-attachment: fixed;
background-repeat: no-repeat;

font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777777;
}
#box {
margin-left: 150px;
}
#top {
width:800px;
height:16px;
background-image:url(images/bgtop.jpg);
background-repeat:no-repeat;
}
#middle {
width:770px;
height:490px;
background-image:url(images/bgbody.jpg);
}
#bottom {
width:770px;
height:0px;
background-image:url(images/bgbottom.jpg);
background-repeat:no-repeat;
}
#nav {
width:770px;
height:44px;
background-color:#000;
margin:0 auto;
}
#gallery {

margin:0px;
}
#nav #logo {
display:inline;
float:left;
}
#nav #logo h1 {
padding:0;
margin: 14px 0 0 12px;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}
#nav #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav #logo h1 span{
color:#999;
}
#nav #menu {
display:inline;
float:right;
}
#nav #menu ul{
padding:0;
margin:16px 12px 0 0;
font-size:12px;
}
#nav #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 30px;
text-transform:uppercase;
}
#nav #menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
#nav #menu ul li a:hover{
color:#8a817c;
}
#main_img {
width:770px;
height:471px;
background-image:url(images/main_img.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#main_text {
width:770px;
height:74px;
background-color:#333;
margin:0 auto;
}
#main_text p {
margin:0;
padding:0;
}
#main_text p a{
color:#111111;
text-decoration:none;
}
#welcome {
width:770px;
margin:0 auto;
padding: 17px 0px;
}
#main_text h2 {
margin:0;
padding:0;
color:#ffffff;
font-size:14px;
}
#footer {
text-align:right;
color:#444444;
clear:both;
}
#footer a{
text-decoration:none;
color:#333;
}

/*for innerpages*/
#inner_box {
width:770px;
height:550px;
position:absolute;
}
#inner_middle {
width:770px;
margin-left: 150px;
background-image:url(images/bgbody.jpg);
display:table;
color:#333333;
}
#left {
float:left;
width:610px;
border-right: 0px #333 solid;
}
#left p{
width:575px;
margin:10px 0 10px 10px;
text-align:justify;
padding:0;
}
#left h2 {
width:520px;
margin: 0 0 0 10px;
font-size:20px;
padding:5px 0 0 0;
}
#right {
float:right;
width:160px;
}
#right h3 {
font-size:13px;
border-bottom:0px #333 solid;
width:153px;
margin:0;
padding:15px 0 0 0;
}
#right ul{
margin:0;
padding:3px 0 0px 20px;
font-size:10px;
;
}
#right ul li a{
color:#333;
text-decoration:none;
}
#right ul li a:hover{
text-decoration:underline;
}
#inner_img_art {
width:770px;
height:11px;
background-image:url(images/inner_img_art.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_about {
width:770px;
height:11px;
background-image:url(images/inner_img_about.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_music {
width:770px;
height:11px;
background-image:url(images/inner_img_music.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#inner_img_contact {
width:770px;
height:11px;
background-image:url(images/inner_img_contact.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
/* postmeta */
.postmeta {	
	padding: 7px 5px; margin: 20px 10px 30px 10px;	
	font-size: 1em;	
	color: #545454;
	border: 1px solid #111; 
	background: #070707; 
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
.post-info a, .post-info a:visited { color: #c5c397; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-bloc; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}