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

h2, h6 { 
  color: #07E5F9;}

a, a:hover { 
  color: #141e2d;}

#site_content {
	background: #3e68a3;
}

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

nav, footer {
	background: #2f4e69; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#0e5192, #96bade);
	background: -o-linear-gradient(#0e5192, #96bade);
	background: -webkit-linear-gradient(#0e5192, #96bade);
	-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;
}

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

footer a:hover {
	color: #aaa;
}

#slideshow-caption {
  color: #FFF;
  background: #1d5b9c;}
 
.form_settings .submit { 
  background: #1d5b9c;
  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: #2f4e69;}

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: #97cfff;
}

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;
}