/* Title : 								Robert Charles Photography Stylesheet	*/

body{									background: #000; color: #fff; font: 14px Arial, helveticaa, sans-serif; }
#container{						width: 800px; \width: 820px; w\idth: 800px; margin: 10px auto; padding: 10px; background: url(../images/logo.gif) top left no-repeat; }

#header{ 							padding: 0; margin-bottom: 0; }
#header h1{ 						width: 525px; height: 185px; padding: 0; margin: 0; text-indent: -9000px; }
#header h1 a{ 					width: 525px; height: 185px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{						clear: both; background: url(../images/navigation.jpg) center center no-repeat; }
#global{								margin: 0; padding: 0; text-align: center; font: 19px/37px Arial, helvetica, sans-serif; }
#global li{							list-style-type: none; display: inline; margin: 0; padding: 0; }
#global li a:link,
#global li a:visited{			color: #fff; text-decoration: none; padding: 15px; white-space: nowrap; }

a:link{									color: #fff; }
a:visited{ 							color: #66353C; }
a:hover, a:active{				text-decoration: none; }

#page_body{					padding: 0; }
#content{							height: 475px; overflow: auto; }
h1, h2, h3, h4, h5, h6 { 	font-family: Palatino, Georgia, Times, "Times New Roman", serif; font-weight: normal; color: #66353C; }
h1 {										font-size: 218%; margin: 0; }
h2 {										font-size: 164%; }
h3 {										font-size: 145%; }
h4 {										font-size: 118%; }

#collage{							border-collapse: collapse; width: 100%; }
#collage td{						vertical-align: bottom; }

#about{								width: 450px; height: 450px; margin: 20px auto; }
#album{								width: 796px; height: 400px; margin: 20px auto; }
.instructions{						text-align: center; font: italic 10px Arial, helvetica, verdana, arial, sans-serif; }
#slideshow{						width: 500px; height: 525px; margin: 0 auto; }

body#testimonials{			background: #000 url(../images/testimonials.jpg) center 200px no-repeat; }
body#testimonials
#page_body{					height: 728px; }
body#testimonials
#page_body h1{				text-indent: -99999px; }

img.figure-a{						display: block; margin: 0 auto 10px auto; border: none; }
img.figure-b{						float: right; margin: 0 0 10px 10px; }
img.figure-c{						float: left; margin: 0 10px 10px 0; }

#resources ul{					margin: 0; padding: 0; }
#resources li{					list-style-type: none; padding: 5px 0; }

#portfolio{							width: 630px; height: 350px; display: block; margin: 10px auto 0 auto; padding: 0; }
#portfolio ul{						margin: 0; padding: 0; }
#portfolio li{						display: block; float: left; margin: 7px 7px; width: 300px; height: 140px; text-align: center; font: 16px Arial, helvetica, sans-serif; }
#portfolio li a.image{		width: 300px; height: 125px; overflow: hidden; display: block; margin: 0; border: 2px solid #fff; }
#portfolio li a.image{		padding-left: 0; }
#portfolio li a img{			border: none; }


a img{									border: 1px solid #999; }
#lightbox{							background-color: #efefef; padding: 10px 10px 25px 10px; }
#lightbox img{					margin-bottom: -3px; }
#lightboxCaption{			font-size: 0em; padding-top: 0em; text-align: right; color: #000; }
#overlay{ 							background-image: url(../images/overlay.png); }
#gallery{							width: 700px; margin: 20px auto; display: table; }
.thumbnails{						margin: 0; padding: 0; }
.thumbnails li{					display: block; float: left; width: 175px; height: 100px; margin: 0; padding: 0; overflow: hidden; }
.thumbnails li a img{		border: none; opacity: 0.5; }
.thumbnails li a:hover img{opacity: 1; }


fieldset{								padding: 10px; margin: 0; border: 1px solid #B9B6B7; width: 350px; }
fieldset fieldset{				clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{		width: 335px; }
legend{								color: #66353C; }
label{									display: block; float: left; clear: left; width: 75px; font-size: 12px; margin-top: 3px; }
.required{							color: #fff; font-weight: bold; }
input[type="checkbox"],
input[type="radio"]{			margin: 0 15px 0 0; }
input[type="text"],
textarea{							width: 200px; float: left; margin: 3px; }
input[type="submit"],
input[type="reset"]{			margin: 3px; }
input[type="submit"]:hover,
input[type="reset"]:hover{cursor: pointer; }

#footer{								clear: both; padding: 0; margin-top: 20px; text-align: center; font-size: 12px; }
.vcard div{							display: inline; padding-right: 20px; }