/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    Created 2007.05.20
   PURPOSE: Colours for the dark version of the template
 **************************************************************/


/**************************************************************
   HTML Elements
 **************************************************************/

body {
  color: #FFF;
  background-color: #464646;
}

a,
a:visited,
#header #meta h1 span,
ul.thumbs li a .details .title .price,
ul.thumbs li a .details .link {
  color: #F8C64A;
}

a:hover {
  color: #FF9;
}



/**************************************************************
   Layout Elements
 **************************************************************/

/* Gallery cover page */
#horizon #center #overlay .title {
  color: #F8C64A;
  border-bottom: 1px solid #FFF;
}

#horizon #center #overlay .links a {
  border-right: 1px solid #515050;
}


/* Site containers */ 
#container {
   background: url(../img/bg/header_gray.gif) repeat-x top left;
}

#topbar {
  background: #353535;
}
 
#topbar a {
  color: #757575;
}

#topbar a:hover {
  color: #FFF;
}

#header #meta h1 { 
  color: #FF9;
  border-bottom: 1px solid #FFF;
}

#header #meta h1 span.sold {
  color: red;
  background: url(../img/icons/sold.gif) no-repeat right center;
}

#header #meta ul li a {
  border-right: 1px solid #515050;
}

#header #nav p span,
#footer p span {
  color: #515050;
}

#footer {
  background:  url(../img/bg/container_gray.gif) repeat-x top left;
}

/* Thumbnail lists on album and item pages */
ul.thumbs li a .details {
  color: #FFF;
}

ul.thumbs li a .details .title {
  color: #FF9;
  border-bottom: 1px solid #FFF;
}

ul.thumbs li a .details .title .sold {
  color: red;
  background: url(../img/icons/sold.gif) no-repeat right top;
}

ul.thumbs li a:hover {
  background: url(../img/bg/a_thumbs.gif) repeat-x top left;
}

ul.thumbs li a:hover .details .link {
  color: #FF9;
}

ul.thumbs li a:hover .thumb img,
ul.views li.here a img,
ul.views li a:hover img {
  border-bottom: 1px solid #FFF;
}


/* Slideshow */
#slideshow div.sgControls {
  background: #191919;
}

#slideshow div.sgControls a {
  color: #757575;
}

#slideshow div.sgControls a:hover {
  color: #FFF;
}

#slideshow div.sgControls a img {
  background-color: #444;
}

#slideshow div.sgControls a:hover img {  		
  background-color: #FFF;  	
}
#slideshow div.sgControls span {
  color: #757575;
}


/* Credit popup */
#credit {  	
  background: #000 url(../img/bg/container_gray.gif) repeat-x top left;
  border-color: #191919;
}

#credit ul li a:hover {
  background-color: #191919;
}

#credit ul li a .desc {
  color: #FFF;
}

#credit h1 {
  color: #FECA4B;
}

a.closeIcon {
  background: url(../img/icons/close.gif) no-repeat center left;
}


/* Generic colours */
.gray {
  color: #9B9B9B;
}

/* Previous and next arrows */
.previous {
  background: url(../img/icons/small_arrow_left.gif) no-repeat center left;
}

.next {
  background: url(../img/icons/small_arrow_right.gif) no-repeat center right;
}

#nav .previous {  
  background-image: url(../img/icons/large_arrow_left.gif);
}

#nav .next {
  background-image: url(../img/icons/large_arrow_right.gif);  
}

/* In-image rollovers */
#fullImage a {
  background-color: #000;
}