/* www.dirtroadphoto.com - Alexander Albrecht */

body {           font-family: Verdana, Arial, Helvetica, sans-serif;
                 color: #cccccc;
                 background-color: black;
                 margin: 0;
		padding: 0; }

div#left {       float: left;
		width: 235px; }

div#main {      	background: #333333 url(img/drp_banner.jpg) no-repeat;
                 margin-left: 235px;
                 min-width: 512px;
                 max-width: 1010px;
                 padding: 161px 10px 10px 10px; }

div#footer {	background-color: #333333;
                 margin-left: 235px;
                 min-width: 512px;
                 max-width: 1010px;
                 border-top: 1px solid white;
                 padding: 10px; }

p.small { 	font-size: 10pt; }

a { 		color: #cccccc;
         	text-decoration: underline; }
a:hover { 	color: #333333;
         	background-color: #cccccc; }

h1, h2 {		color: white;
		padding: 0; }

h1 {		font-size: 13pt; }

h2 {         	font-size: 12pt; }

img.center {    	display: block;
    		margin: 25px auto 25px auto;
    		border: 1px solid white; }

img.thumb {	border: 1px solid white;
		margin-right: 10px;
                 margin-bottom: 20px; }

/* Left Navigation Bar */

ul#nav {        	color: #cccccc;
                 text-align: right;
                 font-weight: bold;
         	font-size: 13pt;
                 letter-spacing: 3pt;
    		margin: 0;
                 padding: 0; }

ul#nav li {	list-style: none;
    		margin: 0px;
                 padding: 0px;
                 border-bottom: 1px solid white;
                 line-height: 250%; }

ul#nav li ul {   margin: 0;
                 padding: 0; }

ul#nav li ul li {border: none;
                 line-height: 135%;
                 font-size: 10pt;
                 letter-spacing: 0; }

ul#nav a {	display: block;
    		color: #cccccc;
    		text-decoration: none;
                 padding-right: 10px;
                 height: 100%; } /* Fix for IE, hope it doesn't break anything else */     

ul#nav a#active {color: white;
                 text-decoration: none;
                 background-color: #333333; }

ul#nav a:hover {	color: #333333;
                 text-decoration: none;
                 background-color: #cccccc; }

/* Gallery Thumbnails */

ul.thumbs {	display: block;
		width: 510px;
                 height: 170px;
                 margin: 0 auto;
                 list-style: none;
                 padding: 0; }

ul.thumbs li {	float: left; }

ul.thumbs a {	display: block;
                 width: 170px;
                 height: 170px;
                 margin: 0;
                 padding: 0; }

ul.thumbs img {  margin: 33px 8px;
		border: 1px solid white; }

ul.thumbs img.vert { margin: 8px 33px;
		border: 1px solid white; }

ul.thumbs a:hover { background-color: #cccccc; }

/* Gallery Navigation Arrows */

ul#arrows {     	display: block;
                 width: 150px;
                 height: 25px;
         	margin: 0 auto;
                 list-style: none;
   		padding: 0; }

ul#arrows li {	float: left; }

ul#arrows li a, ul#arrows li div { display: block;
         	width: 50px;
                 height: 25px; }

ul#arrows li a span { display: none; }

a#next { 	background: url(img/ar.gif) no-repeat 0 0; }
a#next:hover { 	background: url(img/ar_.gif) no-repeat 0 0; }

a#prev { 	background: url(img/al.gif) no-repeat 0 0; }
a#prev:hover {	background: url(img/al_.gif) no-repeat 0 0; }

a#index { 	background: url(img/in.gif) no-repeat 0 0; }
a#index:hover {	background: url(img/in_.gif) no-repeat 0 0; }