/* GENERAL STYLES */
body {
  font: 80%/1.45em "Trebuchet MS",Arial,Helvetica,sans-serif;
  background: #000 url(../images/bg/home.jpg) no-repeat right bottom;
  background-attachment: fixed;
  color: #fff;
  margin:0;  
  padding: 0 1.66em; 
}

body.album { background-image: url(../images/bg/album.jpg);}
body.music { background-image: url(../images/bg/album.jpg);}
body.pics { background-image: url(../images/bg/music.jpg);}
body.contact { background-image: url(../images/bg/contact.jpg);}
body.gigs{ background-image: url(../images/bg/gigs.jpg);}
body.band{ background-image: url(../images/bg/band.jpg);}

body.test { background-image: url(../images/bg/test.jpg); background-position: left bottom;}

a { color:#fff; }
a:hover { color: #bbb; }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight: normal; text-transform: uppercase; }

h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }

p { text-align: justify; margin: .25em 0 1em 0; padding:0; }

ul.navigation { list-style: none; margin:0; padding:0; }

img { border: none; }


div#page { width: 935px; }

div#masthead { width: 275px; float: left; }

div#header {width: 275px; margin: 1em 0; }

div#mainmenu { width: 275px; margin: 2em 0; }

div#mainmenu ul.navigation {}
div#mainmenu ul.navigation li { display: block; margin:0; padding: 0 0 .66em 0; }
div#mainmenu ul.navigation li a { padding: 1px 2px; text-transform: uppercase; text-decoration: none; display: block; }

div#mainmenu ul.navigation li.selected a,
div#mainmenu ul.navigation li a:hover { background: #fff; color:#000; }


div#content {  margin: 1em 0; float: right; clear: none; width: 570px; }

div#content p { width: 80%; }

div#footer { position: absolute; left:0; bottom:5px; padding:0 1.66em; font-size: 80%;}
div#footer p {margin:0; padding:0;}

ul#gallery { list-style: none; margin:4em 0 0 0; padding:0; }

ul#gallery li img { border: 6px solid #ddd; }

ul.controls { list-style: none; margin:1em 0 0 0; padding:0;}
ul.controls li { display: block; float: left; width: 50%; text-align: right;  }
ul.controls li a { text-transform: uppercase; text-decoration: none; padding-right: 1em; }
ul.controls li a:hover { cursor: pointer; }
ul.controls li.last { text-align: left; }
ul.controls li.last a { padding-left: 1em; }


/* EDITOR PROPERTIES */