/* ---------------------- Global ------------------ */

html, body {
height: 100%;
margin: 0;
padding: 0;
}

p { 
margin: 15px 0 5px 0;
padding: 0;
}

ul { 
margin: 0 auto;
}

a, a:visited {
background-color: inherit;
text-decoration: none;
color: #428274;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

/* -------------- not sure what this does ---------------- */

#logo { 
padding: 10px 10px 0 0;
text-align: right;
}

span.pattern { 
color: #990000; 
}

a#toggle {
display: block;
width: 9px;
height: 9px;
background: transparent url(/images/6.gif) no-repeat;
}

#dragit {
width: 23px;
margin: 0;
text-align: left;
position: absolute;
}

/* ------ SLIDER ----------------------------------------------- */

#slider {
font-size: 11px;
background: #0b0f10;
border: 1px solid #ff9966;
height:0px;
padding: 0;
color: #b5c2b7;
overflow: hidden;
}
#slider ul {
padding: 0;
margin: 0;
}
#slider ul li {
padding: 0;
margin: 0;
}
#slider ul li a {
text-decoration: none;
padding: 0;
margin: 0;
}
#links ul li a {
color: #dbb987;
padding-left: 23px;
}
#links ul li a:hover {
text-decoration: underline;
}
#recent ul li a  {
color: #eee9dc;
padding-left: 23px;
}
#recent ul li a:hover {
text-decoration: underline;
}
#slider-container {
width: 760px;
text-align: left;
margin: 0 auto;
padding: 0;
padding-bottom: 10px;
overflow: hidden;
height: 370px;
}
#slider-container a {
color: #b5c2b7;
}
#slider-container a:hover {
text-decoration: underline;
}
#slider-container h3 {
margin: 0;
padding: 0;
margin-bottom: 5px;
margin-top: 20px;
padding-bottom: 1px;
color: #4a695a;
font-size: 11px;
}
#links {
width: 220px;
float: left;
margin: 0;
padding: 0;
}
#recent, #about {
float: left;
padding: 0;
margin: 0;
width: 220px;
padding-left: 40px;
width: 200px;
}
html>body #recent, html>body #about {
width: 220px;
}

/* ---------------- BODY ------------------------------------ */

body {
background-color: #000000;
background-image: url(/images/4.jpg);
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
letter-spacing: 1px;
line-height: 1.5em;
color: #382002;
height: 100%;
}

img {
  border: none;
}

img.left {
  float: left;
}

img.right {
  float: right
}

a img {
border: none;
}

.artimg {
  float: right;
  border: 1px solid #baa680;
  padding: 3px;
  margin: 0 0 10px 10px;
}

h1 { 
font-size: 4em; 
color: #274a51; 
letter-spacing: 2px; 
}

h2 { 
font-size: 1.5em;
font-weight: normal;
color: #274a51; 
letter-spacing: 1px; 
}

/* ----------------- CONTAINER ---------------------------- */

#container {
width: 960px;
margin: 0 auto;
padding-bottom: 20px;
background: transparent;
}

/* --------------- TOPLINKS ------------------------------- */

#header {
background: #e8cfa0;
}

.menu {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #baa680;
}

.menu a,
.menu a:visited { 
text-decoration: none; 
color: #382002; 
}

.menu a:hover { 
text-decoration: none; 
color: #666; 
}

.menu  ul {
padding: 0;
margin: 0 0 0 15px;
}

.menu ul li {
display: inline;
font-weight: bold;
color: #382002;
padding: 5px;
text-decoration: none;
letter-spacing: 1px;
}

.menu li:hover {
border-top: 3px solid  #e13c02;
border-bottom: 3px solid  #e13c02;
text-decoration: none;
}

.menu ul ul { 
display: none; 
text-decoration: none;}

.menu ul ul li { 
margin: 0; 
text-align: center; 
text-decoration: none; 
}

.menu ul ul { 
text-decoration: none; 
position: absolute; 
margin: 0; 
padding: 0; 
background: #dbb987; 
}

.menu ul ul li a { 
text-decoration: none; 
color: #000;
}

.menu ul ul li:hover { 
text-decoration: none; 
background: #FDE5C7; 
}

body#news a#newsnav,
body#bio a#bionav,
body#album a#albumnav,
body#gigs a#gigsnav,
body#contact a#connav {
border-top: 3px double  #144101;
border-bottom: 3px double  #144101;
text-decoration: none;
}

/* ---------------- SOCIAL NETWORKING ----------------- */

div#social {
float: right;
}

/* ----------------- SEARCH BOX ---------------------------- */

#search {
text-align: center;
padding: 0 15px 0 0px;
}

/* --------------- FLICKr AREA ---------------------------- */


.imgstream {
height:  80px;
margin: 3px 2px 3px 2px;
background: #e8cfa0;
}

.imgholder {
height: 85px;
border-bottom: 1px solid #baa680;
background: #e8cfa0;
}

/* ---------------- SOLID PAGE BACKGROUND -------------------- */

.content_background {
padding: 20px 15px 10px 30px;
clear: both;
background: #e8cfa0;
border-bottom : 1px solid #ddd;
}

/* ---------------- CONTACT PAGE ----------------------------- */

#middle_column {
  width: 550px;
  margin: 0px auto;
}


/* ---------------- NEWS ARTICLE ----------------------------- */

#news_article {
width : 455px;
float : left;
padding : 0 0 30px 0;
overflow: hidden;
}

#news_article img {
  margin: 0.5em 1em;
}

.stars {
margin-top: 1em;
}

/* ---------------- BIO ARTICLE ----------------------------- */

#bio_article {
margin: 0 10px 0 10px; 
padding : 0 0 30px 0;
}

#bio_article h2 {
font-size: 1.5em;
color: #382002;
font-weight: bold;
letter-spacing: 1px; 
text-align : center;
}

#bio_article p {
text-align : center;
font-size : 1.1em;
font-family: Georgia, serif;
}

.patch {
margin-top: 1em;
}


/* ---------------- ALBUM ARTICLE --------------------------- */

#album_article {
margin: 0 150px 0 150px; 
padding : 0 0 30px 0;
}

#album_article h2 {
font-size: 1.5em;
color: #382002;
font-weight: bold;
letter-spacing: 1px; 
text-align : center;
}

#album_article p {
text-align : left;
font-size : 1.1em;
}

#album_article a,
#album_article a:visited {
background-color: inherit;
text-decoration: none;
color: #428274;
font-weight: bold;
font-size : 1.1em;
}


/* ---------------- GIG ARTICLE --------------------------- */

#gig_article {
margin: 0 150px 0 150px; 
padding : 0 0 30px 0;
text-align : center;
}

#gig_article h2 {
font-size: 1.5em;
color: #382002;
font-weight: bold;
letter-spacing: 1px; 
text-align : center;
}

#gig_article p {
text-align : left;
font-size : 1.1em;
}

#gig_article a,
#gig_article a:visited {
background-color: inherit;
text-decoration: none;
color: #428274;
font-weight: bold;
font-size : 1.1em;
}


/* --------------- DATE / CATEGORY lines -------------------- */

.meta {
font-size: 10px;
color: #666;
margin-top: -12px;
margin-bottom: 5px;
}

/* -------------- SIDEBAR - links/text --------------------- */

#sidebar a {
color : #428274;
background-color : inherit;
text-decoration : none;
}

#sidebar p {
font-size : 0.9em;
line-height : 1.4em;
}

#sidebar {
margin-left : 10px;
padding-top : 0;
float : right;
width : 340px;
border-left: 1px solid #baa680;
}

#sidebar h3 {
text-align : center;
margin : 0;
padding : 0;
}


.sidenotes {
line-height : 1.5em;
padding: 1em;
}

.sidenotes+.sidenotes {
border-top: 1px solid #baa680;
}

.sidenotes ul {
padding-left : 0;
}

/* --------------------- FOOTER --------------------- */

#footer {
margin : 10px auto;
clear : both;
line-height : 16px;
text-align : center;
font-size : 10px;
color : #333;
padding : 5px 0 0 0;
border-top : 1px solid #ddd;
height : 1px;
}

#footer a {
font-size : 10px;
}

div#cpreview {
color : #333;
background-color : #f1f1f1;
border : 2px solid #ddd;
margin : 0 0 0 3px;
padding : 0 0 0 3px;
}

.navigation {
margin : 0 0 0 10px;
}
.navigation a {
font-size : 12px !important;
}
.nav-previous {
float : left;
}
.nav-next {
float : right;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
border: 1px dotted #333300;
padding: 4px;
letter-spacing: 1px;
}

textarea {
font-size: inherit;
}

input:focus,
textarea:focus {
background-color: #F4FBFF;
}

input[type="submit"] {
background-color: #F4FBFF;
}

.active img {
padding-top: 5px;
border-top: 3px solid  #0099FF;
}

.flickr {
width : 960px;
padding : 6px 0 6px 0px;
height : 62px;
text-align : center;
}

.flickr img {
width : 60px;
height : 60px;
margin : 1px 12px;
border : 1px solid #333333;
}

.flickr img:hover {
width : 72px;
height : 72px;
margin : -6px 5px;
border : 2px solid #333333;
}

#footer_image {
background-image: url("/images/9.png");
background-repeat: no-repeat;
background-position: center center;
height: 200px;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 5;
}

#footer_image_bio {
background-image: url("/images/12.png");
background-repeat: no-repeat;
background-position: center center;
height: 200px;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 5;
}