html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, sub, sup, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {padding:0 0 10px 20px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

img {display:block;}

/* FLOAT-elements */
.floatleft {float:left;}
.floatright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
}
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
}

/* MAIN */

body {
	font-family: "Georgia",Times New Roman, Times, serif;
	font-weight:normal;
	background: #837D7D;
	font-size:17px;
	color:#222222;
    /*background-image:url(../images/bg.jpg);*/
    margin-top:5px;
}

h1 {
	font-style: italic;
	font-size:32px;
	font-weight: normal;
	margin-bottom:20px;
}

h2 {
	font-style: italic;
	font-size:26px;
	font-weight: normal;
	margin:0 0 12px 0;
}

h2 a {
	color: #504c4c;
}

h2 a:hover {
	color:#000;
}

p a {
	color:#837D7D;
	border-bottom: 1px dotted #B6ADAD;
	padding-bottom: 1px;
}

p a:hover {
	color:#000000;
}


.author {
	font-style:italic;
	font-size:80%;
	font-weight: bold;
}
/*========== outer ==========*/
.outer
{
	width:100%;
	padding-bottom:25px;
	border-bottom:1px solid #d5d5d5;
	background-color:#f3f3f3;
    border-top:1px solid #ddd;
    margin-top:5px;
}

.wrapper
{
	width:965px;
	margin:0px auto;
	background:#f3f3f3 url(../img/bg_outer.jpg) repeat-x left top;
}

/*========== header ==========*/

.header
{
	margin-bottom:25px;
}

.logo
{
	text-align:center;
	padding:45px 0 35px 0;
}
.logo img {display:inline;}

.nav
{
	border:1px solid #ddd;
	padding-left:20px;
    /*background-image:url(../images/bg.jpg);*/
    background-color:#ffffff;
}

.nav ul
{
}

.nav ul li
{
	display: block;
	padding:0 16px;
}

.nav ul li a
{
	color:#222222;
	font-style:italic;
	font-size:17px;
	line-height:40px;
	text-decoration:none;
}
.nav ul li a:hover,.nav ul li:hover a
{
	color:#999999 ;
}
.nav ul ul
{
	display:none;
	text-align: left;
	background: url(../images/bg.jpg);
	padding:15px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

.nav ul li li
{
	display: block;
	padding:0 0px;
}

.nav ul li li a
{
	color:#222222 !important;
	font-style:italic;
	font-size:17px;
	line-height:25px;
	text-decoration:none;
}
.nav ul li li a:hover
{
	color:#656565 !important;
}

/*========== banner ==========*/

.banner
{
	margin-bottom:25px;
	height:360px;
}

.banner-img-wrapper
{
	margin-bottom:25px;
}

.banner-img-slider
{
	background-image:url('../images/slider-bg.jpg') ;
	background-repeat:no-repeat;
		display:block;
	float:left;
	height:360px;
	width:965px;
}

.banner-img ul
{

}
.banner-img ul li
{
	display:block;
	float:left;
	height:348px;
    background-color:#fff;
    padding:5px;
    border:1px solid #ddd;
}
.banner-img ul li img
{
}


.banner-img ul li.addpad
{
	padding: 5px;
    margin:0 4px;
}

.banner-text
{
	/*border-bottom:1px solid #c6c6c6;*/
	padding:0 0 25px 5px;
	/*text-align:center;*/
}

.banner-text p
{
	line-height:25px;
	font-size:16px;
}

.banner-text h3
{
	font-size:20px;
	line-height:normal;
	color:#222222;
	font-weight: normal;
	font-style:italic;
}

/*========== content-wrapper ==========*/

.content-wrapper
{
}

/*========== content-wide ==========*/
.content-single, .content-double
{
	line-height:26px;
	padding:15px 0px;
}
.img-left
{
	border:1px solid #d6d6d6;
	padding:5px;
	background:#FFF;
	float:left;
	margin-right:10px;
}
.img-right
{
	border:1px solid #d6d6d6;
	padding:5px;
	background:#FFF;
	float: right;
	margin-left:10px;
}
.content-single p, .content-double p
{
	padding:5px 0;
}


/*========== main_cont_left ==========*/

.main
{
	width:607px;
}

/*
.main h1
{
	font-size:30px;
	color:#222222;
	font-weight:normal;
	font-style:italic;
	padding-bottom:25px;
}
*/
/*
.main-wide
{
	border-bottom:1px solid #c6c6c6;
	padding-bottom:25px;
	margin-bottom:25px;
}
*/

.main-wide p
{
	padding-bottom:20px;
	line-height:24px;
}
.img-wide
{
	border:1px solid #d6d6d6;
	padding:5px 5px;
	background:#FFF;
    margin-bottom:20px;
}

.main-feature
{
	border-bottom:1px solid #c6c6c6;
	padding-bottom:25px;
	margin-bottom:25px;
}

.main-feature.on_border
{
	border-bottom: none;
	margin-bottom:0px;
}

.main-feature h2
{
	font-size:23px;
	color:#222222;
	font-weight:normal;
	font-style:italic;
	padding-bottom:15px;
}
.main-feature p
{
	padding-bottom:25px;
	line-height:24px;
}

.main-feature em
{
	font-size:17px;
	color:#666666;
	font-weight:normal;
	font-style:italic;
	display:block;
}

.main-feature em a
{
	color:#666666;
	text-decoration:none;
}

.main-feature em a:hover
{
	color:#222222;
}

.img-feature
{
	border:1px solid #d6d6d6;
	padding:5px 5px;
	background:#FFF;
	width:200px;
	height:200px;
	float:left;
	margin-right:15px;
}

.img-home
{
	border:1px solid #d6d6d6;
	padding:5px 5px;
	background:#FFF;
	width:307px;
	height:150px;
	float:left;
	/*margin-right:15px;*/
}
/*========== sidebar ==========*/
.sidebar
{
	width:310px;
	/*background-image:url(../images/bg.jpg);*/
	background-color:#e9e9e9;
	border:1px solid #dddddd;
}

.sidebar h2
{
	/*border-bottom:1px solid #dddddd;*/
	font-size:23px;
	font-style:italic;
	color:#222222;
	padding-bottom:8px;
	margin-bottom:20px;
}


.blog
{
    padding:15px 30px;
	border-top:1px dashed #d8d8d8;
}

.blog.title
{
	padding:30px 30px 0px 30px;
    border-top:none;
}

.blog p
{
	font-style:italic;
	line-height:26px;
	padding-bottom:10px;
}
.blog em
{
	font-style:italic;
	display:block;
	font-size:17px;
    margin-bottom:15px
}
.blog em a
{
	color:#666666;
}

.blog em a:hover
{
	color:#222222;
}

.categories
{
	padding:30px;
    border-top:1px solid #ddd;
}

.categories ul
{
}

.categories ul li
{
	display:block;
}

.categories ul li a
{
	color:#666666;
	font-size:17px;
	line-height:24px;
	text-decoration:none;
}

.categories ul li a:hover,.blog_categries ul li.active a
{
	color:#222222;
}

/*========== footer ==========*/
.footer
{
	width:965px;
	padding:25px 0px;
	margin:0px auto;
    /*background-image:url(../images/bg.jpg);*/
    background-color:#837D7D;
}

.copy_right
{
	width:200px;
	font-size:13px;
	color:#ddd;
}

.footer_nav
{
	width:730px;
	margin-right:5px;
}
.footer_nav ul
{
	float:right;
}

.footer_nav ul li
{
	font-size:13px;
	color:#ccc;
	display:block;
	float:left;
	padding:0px 15px;
    font-style:italic;
	}

.footer_nav ul li.nopad1
{
	padding:0px 20px 0 0 ;
}

.footer_nav ul li.nopad2
{
	padding:0px 0 0 20px;
}

.footer_nav ul li a
{
	color:#ddd;
	text-decoration:none;
}
.footer_nav ul li a:hover
{
	color:#fff;
	text-decoration:none;
}

.button:hover {
	background-color: #555;
}
.button
{
	font-family: "Georgia",Times New Roman, Times, serif;
	cursor: pointer;
	border: none;
	color: white;
	background-color: #837D7D;
	padding: 5px 10px;
	font-weight: bold;
	font-style: italic;
}

h2.reveal a, p.reveal a, div.hide a, p.hide a {
	color:#222222;
	text-decoration: none;
	border-bottom:1px solid #dddddd;
}
h2.reveal a:hover, p.reveal a:hover, div.hide a:hover, p.hide a:hover {
	border-bottom:1px solid #eeeeee;
	color:#837D7D;
}
h2.reveal a img, p.reveal a img {
    float:left;
    margin: 0px 10px 0 -22px;
}
div.hide a img {
    float:left;
    margin: -14px 10px 0 -29px;
}
p.hide a img {
    float:left;
    margin: -14px 10px 0 -22px;
}
h2.reveal, p.reveal {
	border-left: 5px solid #837D7D;
	padding:0 0 0 10px;
}
div.hide {
	border-left: 5px solid #837D7D;
	padding:0 0 0 17px;
}
p.hide {
	border-left: 5px solid #837D7D;
	padding:0 0 0 10px;
}

table.discography-table {
    border: 1px solid #CCC; font-family: Georgia, serif;
    font-size: 13px;
    width:100%;
}
.discography-table td {
    padding: 4px;
    margin: 3px;
    border: 1px solid #ccc;
}
.discography-table th {
    background-color: #B6ADAD;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    padding-left: 5px;
    font-style: italic;
}

/*========== index end ==========*/

/* contact form */

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; margin: 0 auto; padding: 35px; border: 1px solid #d6d6d6; background-color: #FFF;  }

/* Form style */

#contact label { display: inline-block; float: left;  width: 160px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 100%; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; margin-top: 15px;}
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }
