/* fonts
----------------------------------------------- */

body {
  font-size: 62.5%;
}

p {
  font-size: 1.6em;
}

blockquote, h3, p, li {
  font-size: 1.3em;
  line-height: 1.6em;
}

h1 {
  color: #75754A;
  padding: 20px 0 5px;
  margin-bottom: 0;
  line-height: 1em;
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
}

h1 a {
  color: #75754A;
}

h2 {
  color: #75754A;
  display: block;
  font-size: 1.7em;
  padding: 20px 0 0;
  margin: 0 0 0;
  border-bottom: 1px dotted #ccc;
}

small, .small {
  font-size: 0.9em;
}

#sidebar-2 a, #sidebar-1 a {
  font-size: 0.85em;
}

#foot {
  clear: both;
  height: 86px;
  background: url(/images/footer.gif) no-repeat 0 0;
  text-align: left;
  text-transform: uppercase;
  padding-top: 65px;
  padding-bottom: 20px;
  color: #aaa;
}


#foot p {
  font-size: 0.8em;
}

/* base
----------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #000;
}

h1, h2, h3 {
  margin: 0;
}

hr {
  margin: 2em auto;
  width: 370px;
  height: 1px;
  color: #7a7e7d;
  background-color: #7a7e7d;
  border: none;
}

ul {
  padding-left: 15px;
  margin-left: 0;
}

#content img {
  border: 1px solid #ccc;
  padding: 3px;
  margin-bottom: 10px;
}

img.right {
  float: right;
  margin-left: 10px;
}

img.left {
  float: left;
  margin-right: 10px;
}


/* links
----------------------------------------------- */

a {
  text-decoration: none;
  color: #CB152E;
  outline: none;
}

a img {
  border: none;
}

h1 a, h2 a, h3 a {
  border: none;
}

#site-name a {
  border: none;
}

#foot  a {
  color: #aaa;
  text-decoration: none;
}

#foot  a:hover {
  color: #C81428;
}

#headnav {
  position: absolute;  
  top: 210px; 
}

#headnav ul {
  margin: 0;
  padding: 0
}

#headnav ul li {
  display: block;
  float: left;
  margin-right: 16px;
  margin-left: 0;
  padding: 0;
}


#headnav ul li a {
  display: block;  
  text-indent: -5000px;  
  height: 26px;
  width: 76px;  
  background: url(/images/n/n-home.gif) no-repeat 0 -60px;
  outline: none;
}

#headnav ul li a:hover {
  background-position: 0 0;
}

#headnav ul li.n-practice-rooms a { width: 154px; background-image: url(/images/n/n-practice.gif) }
#headnav ul li.n-recording-studio a { width: 165px; background-image: url(/images/n/n-recording.gif) }
#headnav ul li.n-training-room a { width: 142px; background-image: url(/images/n/n-training.gif) }
#headnav ul li.n-instrument-repairs a { width: 180px; background-image: url(/images/n/n-instrument.gif) }


/* nav on states
----------------------------------------------- */

#home #headnav ul li.n-front a,
#front #headnav ul li.n-front a,
#rehersal-rooms #headnav ul li.n-practice-rooms a,
#recording-studio #headnav ul li.n-recording-studio a,
#training-room #headnav ul li.n-training-room a,
#instrument-repairs #headnav ul li.n-instrument-repairs a {
  background-position: 0 -30px;
}


/* side nav */

#sidebar-1 ul{
  margin: 10px;
  padding: 0; 
}

#sidebar-1 ul li {
  display: block;
  margin-bottom: 10px;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

#sidebar-1 ul li a {
  display: block;  
  text-indent: -5000px;  
  height: 26px;
  width: 152px;  
  background-image: url(/images/n/n-musicevents.gif); 
  background-position: 0 0;
  background-repeat: no-repeat;
  outline: none;
}

#sidebar-1 ul li a:hover {
  background-position: 0 -60px;
}

#sidebar-1 ul li.n-musicnews a { background-image: url(/images/n/n-musicnews.gif) }
#sidebar-1 ul li.n-rockschool a { background-image: url(/images/n/n-rockschool.gif) }
#sidebar-1 ul li.n-parties a { background-image: url(/images/n/n-parties.gif) }
#sidebar-1 ul li.n-education a { background-image: url(/images/n/n-education.gif) }
#sidebar-1 ul li.n-contact-us a { background-image: url(/images/n/n-contact.gif) }


/* nav on states
----------------------------------------------- */

#musicevents #sidebar-1 ul li.n-musicevents a,
#musicnews #sidebar-1 ul li.n-musicnews a,
#rockschool #sidebar-1 ul li.n-rockschool a,
#parties #sidebar-1 ul li.n-parties a,
#education #sidebar-1 ul li.n-education a,
#contact-us #sidebar-1 ul li.n-contact-us a {
  background-position: 0 -30px;
}


/* layout
----------------------------------------------- */

.clear {
 clear: both;
}

html {
  height: 100%;
  margin-bottom: .01em;
}

#accessibility {
  position: absolute;
  top: -10000px;
}

#container {
  margin: 0 auto;
  width: 800px;
  border-top: 0;
  position: relative;
}

.logo {
  position: absolute;
  top: 22px;
  left: 31px;
  border: 2px solid #fff;
}

#head {
 background: url(/images/header.jpg) no-repeat 0 60%;
 height: 240px;
}

#site-name {
  margin: 15px 0;
  position: absolute;
  top: -10000px;
}

#site-slogan {
  font-style: italic;
  position: absolute;
  top: -10000px;
}

#sidebar-1, #sidebar-2 {
 padding-top: 0;
 width: 176px;
 background: url(/images/nav_bg.gif) no-repeat 0 0;
}

#sidebar-1 ul {
   height: 230px;
}

#sidebar-2 {
  width: 0;
}

#sidebar-1 {
  float: left;
}

#sidebar-2 {
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#middle {  
  padding: 10px 0 10px;
}

#contentwrap {
  float: right;
  background: url(/images/cont_mid.gif) repeat-y 100% 0;
  margin: 0 0 0 0;
}

#content-bg {
  background: url(/images/cont_top.gif) no-repeat 100% 0;
  width: 610px;
}

#content-btm {
  background: url(/images/cont_btm.gif) no-repeat 100% 0;
  height: 21px;
  display: block;
}

#content {
  padding: 30px 39px 20px 39px;
  min-height: 500px;
}

.entry-content {
  padding-top: 0;
  margin-top: 0;
}

/* overrides
----------------------------------------------- */

div.divider {
  margin: 2em 0;
  text-align: center;
}


/* comments
----------------------------------------------- */

.comments_error {
  color: #000;
  background-color: #fff4f4;
}

ul.comments_error {
  padding : 0.3em;
  list-style-type: circle;
  list-style-position: inside;
  border: 2px solid #fdd;
}

div#cpreview {
  color: #000;
  background-color: #f1f1f1;
  border: 2px solid #ddd;
}

form#txpCommentInputForm td {
  vertical-align: top;
}

#comments-help {
  margin: 2px 0 15px 0;
}

/* error page
----------------------------------------------- */

.error-status {

}