/* dark theme */
body { 
  background: #282828 url(../images/dark.png);
  color: #BBB;}

h2, h6 { 
  color: #07E5F9;}

a, a:hover { 
  color: #C5E105;}

#site_content { 
  background: #333;}

#left_content ul li { 
  background: url(../images/dark_bullet.png) no-repeat left center;}

nav, footer {
  background: #444; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#555, #333);
  background: -o-linear-gradient(#555, #333);
  background: -webkit-linear-gradient(#555, #333);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #444;}

footer { 
  color: #AAA;
  text-shadow: 1px 1px #000;}

footer a:hover {
  color: #AAA;}

#slideshow-caption {
  color: #FFF;
  background: #151515;}
 
.form_settings .submit { 
  background: #444;
  text-shadow: 1px 1px #000;
  color: #FFF;}

.form_settings input, .form_settings textarea, .form_settings select { 
  border-color: #777;}

#blog_container h4.select {
  background: url(../images/dark_blog.png) no-repeat right top;}

.blog h3 {
  color: #111;}
  
#blog_text {
  background: #444;
  color: #EEE;}

ul#nav li a {
  text-shadow: 1px 1px #000;
  color: #FFF;}

ul#nav ul { 
  background: #222;}

ul#nav ul li a { 
  color: #FFF;}

ul#nav li.selected a, ul#nav li a:hover, ul#nav ul li a:hover, ul#nav ul li a:focus, ul#nav li.selected ul a:hover { 
  color: #C5E105;}

a.thumb, ul.thumbs li.selected a.thumb {
  background: #FFF;}
  
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
  background: #444;
  color: #AAA;}
  
div.pagination a:hover {
  background: #EEE;
  color: #111;}
  
div.pagination span.current {
  background: #444;
  color: #FFF;}

h1, h3, h4, h5, a:hover, #logo h1, #logo h1 a:hover, 
footer a, #slideshow-caption p, .form_settings input, .form_settings textarea,
#blog_container h4, .blog h2, ul#nav li.selected ul a, div.image-title { 
  color: #FFF;}

div.navigation a.prev {
  background: url(../images/prev_arrow_white.gif) no-repeat left;}
  
div.navigation a.next {
  background: url(../images/next_arrow_white.gif) no-repeat right;}

span.sf-arrow { 
  background: url(../images/arrows-white.png) no-repeat 0 0;
}
