/* 
	TEMPLATE NAME / RBP
	AUTHOR: Sam Wieck
	AUTHOR WEBSITE: N/A
	VERSION: 1.0
	Valid xHTML & CSS
*/


/* CSS Document */


/* STANDARDS */

body {background-color: #333; font-size:12px; line-height:18px; font-family: Helvetica, Arial, Verdana, sans-serif; padding:0px; margin:0px; color:#fefefe; text-align:center;}

html {min-height:100.1%;}


/* RESET */

h1, h2, h3, h4, h5, h6, p, ul, li, img{margin:0px; padding:0px; border: none;}


/* BASIC ELEMENTS */

h1 {text-align:left;}

h2 {text-align:left; color: #999999}
	
h3 {font-size:14px; letter-spacing:1px; color:#333333; text-align:left; padding: 5px 0 0 10px;}

hr {display:none;}

p {text-align:left;}

a {color:#fefefe; text-decoration:none;}

a:hover {color:#999999; text-decoration:none;}


/* CUSTOM CLASSES */

.inside {width:620px; margin:0px auto;}
	
.leftimg {float:left; margin:0px 10px 10px 0px;}

.clear {clear:both;}

.left {float:left;}
	
.text_center {text-align: center;}

.right {float:right;}
	
.image2 {clear: both; padding: 0 0 0 10px;}


/* HEADER + NAVIGATION */

#header {width:100%; height:60px; background-image: url(../images/header_bg.gif); background-position: top left; background-repeat: repeat-x;}

#header .inside {height:60px;}

#header .inside ul {float:right; margin-top:36px;}

#header .inside li {font-family:Helvetica, Arial, Verdana, sans-serif; font-weight:bold; letter-spacing:2px; text-transform:uppercase; font-size:10px; display:inline;}
	
#header .inside li a {color:#FFF; margin: 0 0 0 10px;}
		
#header .inside li a:hover {text-decoration:none;color:#999999; border-bottom: 1px #999999 dotted;}
	

/* MAIN PHOTO AREA  */

#photobox {background-image: url(../images/body_bg.gif); background-position: top left; background-repeat: repeat-x;  background-color: #fefefe; padding: 20px 0px 10px; width:100%; text-align:center;}
	
#photo {background:#333; padding:10px; margin-bottom:10px; border: none;}


/* IMAGE NAVIGATION */

#infobox {width:100%; text-align:left;}
	
#browser {width:100%; text-align:left; background-image: url(../images/body_bg.gif); background-position: top left; background-repeat: repeat-x; background-color: #fefefe; padding: 5px 0 5px 0;}
	
#image-navigate {padding:5px 0px 20px 0; background-color: #fefefe;}
	
#image-navigate li {text-transform:uppercase; font-size:10px; letter-spacing:2px; list-style:none; width:33%; color: #333333;}

#image-navigate a {color: #333333;}
	
#image-navigate a:hover{color: #999999;}


/* GALLERIES */

#page {text-align:center; width:620px; margin:0px auto; padding: 10px 0;}
	
#page_bottom {padding: 1px 0px; text-align:center; width:620px; margin:0px auto;}

#thumbnails img {background:#333; padding:3px; border: none; margin: 6px;}

#thumbnails {margin: 20px 0 10px 0;}

#paginate {color: #333; text-transform: uppercase;}

#paginate a{padding: 5px; color:#333;}

.archive_active_page_number {padding: 5px; text-align: center; background: #ccc;}

#page_bottom p {padding: 10px 10px 7px 10px;}

/* COLUMNS ON INFO PAGE */

#subbox {margin: 30px 0 0 0;}

#col1 {width:60%; float:left; text-align: left;}

#col2 {width:39%; float:left; border-left: 1px dotted #999; text-align: left;}

/* FOOTER */

#footer {clear:both; width:620px; margin: 0px auto; padding: 20px 0 20px 0; background: url(../images/footerbg.gif); background-position: top center; background-repeat: no-repeat;}
	
#footer_bottom {padding: 1px 0px; text-align:left; width:620px; margin:0px auto;}
	
#footer_bottom p {text-align: center; font-size:10px; padding: 0 0 5px 0; margin: 15px 0px 0px 0px; color: #999;}
	
#footer_bottom a {color: #ccc; text-decoration: none; border-bottom: 1px dotted #999;}