/* @override 
	http://localhost/Jobs/Matsuri%20Taiko/css/styles.css
	http://matsuritaiko.com.au/NEW/css/styles.css
*/

/*
	MATSURI TAIKO
	CSS Stylesheet
	Created by Rhys Lloyd; midnight pixel
	(c) 2010 midnight pixel. All rights reserved.
*/

/* @group Layout Classes */

body {
  width: 650px;
  margin: auto;
}

#container {
  margin-top: 50px;
}

#header {
  text-align: center;
}

#header img {
	
}

#navigation {
  text-align: center;
  border-bottom: 1px solid #969696;
  padding-bottom: 5px;
}

#navigation ul li {
  display: inline;
}

#footer {
  margin: 150px 0px 50px 0px;
  clear: both;
}

/* @group Column Layout */

#leftColumn {
  display: block;
  float: left;
  width: 210px;
  margin-right: 30px;
  margin-bottom: 100px;
  font-size: 0.9em;
}

#leftColumn h3 {
  text-transform: uppercase;
  margin-bottom: 1em;
  margin-top: 2em;
  font-weight: bold;
}

#leftColumn h3:first-child {
  margin-top: 0px;
}

#leftColumn h4 {
  font-weight: bold;
}

#leftColumn ul {
  margin-bottom: 2em;
  margin-top: 1em;
}

#leftColumn ul li {
  list-style-type: square;

}

#rightColumn {
  float: right;
  width: 390px;
}

#rightColumn img.headerImage {
  margin-bottom: 0px;
}

#rightColumn h3 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: lighter;
  margin-bottom: 0.8em;
  margin-top: 40px;
}

#rightColumn p {
	
}

/* @end */

/* @end */

/* @group Formatting */

body {
  color: #ffffff;
  font-family: 'ArialMT', 'Arial', sans-serif;
  background: #000000;
  font-size: 0.8em;
  line-height: 1.5em;
}

a {
  color: inherit;
}

a:hover {
  color: #ccc;
}

p {
  margin-bottom: 1em;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
  margin-top: 20px;
}

h2 {
  margin-bottom: 1em;
}

#footer {
  text-align: center;
  font-size: 0.6em;
  color: #969696;
}

ul {
  margin-left: 2em;
  margin-bottom: 2em;
}

li {
  list-style-type: square;
  list-style-position: outside;
  margin-bottom: 0.8em;
}

li > span {
  font-style: italic;
  font-size: 0.9em;
}

.nav-selected {
  text-decoration: none;
  cursor: default;
  color: #ccc;
}
.nav-selected:hover {
  color: #fff;
}

/* @end */

/* @group Special Cases */

.indexPage h1 {
  background: url(../images/header-image.jpg) no-repeat;
  display: block;
  height: 550px;
  width: 650px;
  text-indent: -9999px;
  margin-bottom: 30px;
}

.indexPage h2 {
  font-size: 1.2em;
  margin-bottom: 10px;
  margin-top: 40px;
}

.aboutPage h1 {
  background-image: url(../images/aboutus-header.png);
  display: block;
  height: 28px;
  width: 98px;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  text-indent: -9999px;
}

.videoPage h1 {
  display: block;
  height: 37px;
  width: 76px;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  text-indent: -9999px;
  background: url(../images/video-header.gif) no-repeat;
}

#footer a:hover {
  color: #eee;
}

#extra-image {
  background: url(../images/drums414.jpg);
  display: block;
  width: 373px;
  height: 500px;
  float: right;
}

object.YouTube {
  margin-bottom: 30px;
}

p.review {
  margin-bottom: 0px;
}
p.reviewer {
  text-align: right;
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 2em;
}


/* @end */

/* @group Event Layout */

div.events_list {
  margin-left: 22px;
}

.events_list h4 {
  position: relative;
  left: -16px;
}

.events_list a {
  text-decoration: none;
}

.events_list a:hover {
  text-decoration: underline;
}

.events_list .icon_event {
  float: left;
  background: url(../images/imagelist2.png) no-repeat -1px -189px;
  display: block;
  height: 15px;
  width: 15px;
  position: relative;
  left: -22px;
  top: 2px;
}

.eventListItem {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}

.eventListItem p {
	
}

.events_list dl {
  display: block;
  font-size: 0.9em;
}

.events_list dl dt {
  float: left;
  display: block;
  width: 5em;
  color: #eee;
}

.events_list dl dd {
  padding-left: 5em;
}

.events_list ul {
  margin-left: 0;
}

.events_list ul li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

.events_list .event_image {
  float: right;
}

/* @end */