/*
	Ryerson Photography v2
	by Ben Ryerson
	http://www.ryersonphotography.com
	
	COLORS
	Blue: #3abdff
*/

*					{ margin: 0; padding: 0; }
body				{ background-image: url(../images/bg.png); color: white; font: 18px Helvetica, Arial, sans-serif; }
a					{ text-decoration: none; }
a img				{ border: 0; }
ul					{ list-style: none; }
.clear				{ clear: both; }
.right				{ float: right; }
.left				{ float: left; }
#page-wrap			{ width: 960px; margin: 0 auto; position: relative; }
#logo				{ background-image: url(../images/logo.png); position: absolute; top: 10px; left: 607px; text-indent: -9999px; width: 343px; height: 163px; }
.copyright			{ font-family: 'Comfortaa Bold'; position: absolute; top: 643px; left: 565px; font-size: 12px; }

/*
NAVIGATION STYLES
*/
#nav				{ display: block; text-transform: uppercase; font: 30px 'Comfortaa Regular'; position: absolute; top: 377px; left: 797px; text-align: right; }
#nav li	a			{ color: white; }
#nav li a:hover		{ color: #292929; }
.bullet				{ margin: 0 5px 5px -14px; }

/*
MAIN CONTENT STYLES
*/
#content			{ background: rgba(0, 0, 0, 0.7); width: 596px; height: 252px; position: absolute; top: 377px; left: 10px; }
#content h2			{ font-family: 'Comfortaa Bold'; font-size: 30px; margin: 5px 0 0 9px; letter-spacing: 1px; text-transform: uppercase; }
#content p			{ font-size: 16px; font-weight: bold; padding: 5px 10px 10px 10px; line-height: 18px; }
#content a			{ text-decoration: none; color: #3abdff; }
#content a:hover	{ text-decoration: underline; }

#content-thumbnails	{ background: rgba(0, 0, 0, 0.7); width: 596px; height: 252px; position: absolute; top: 377px; left: 10px; }
#content-thumbnails h2
					{ font-family: 'Comfortaa Bold'; font-size: 30px; margin: 5px 0 0 9px; letter-spacing: 1px; text-transform: uppercase; }
#content-thumbnails p
					{ font-size: 16px; font-weight: bold; padding: 5px 10px 10px 10px; line-height: 18px; }

/*
HOME PAGE STYLES
*/
.home				{ background-image: url(../images/home-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
#client-login		{ position: absolute; top: 575px; left: 838px; }
ul#client-login		{ list-style: none; text-decoration: none; }
ul#client-login li a
					{ text-indent: -9999px; display: block; overflow: hidden; height: 32px; }
ul#client-login li a.client-login-button
					{ background: url(../images/client-login-button.png) left center; width: 112px; margin: 0 10px 0 0; }
ul#client-login li a.client-login-button:hover
					{ background-position: right center; }
/*
CLIENT LOGIN STYLES
*/
#login				{ text-transform: uppercase; }
#login h2			{ font-family: 'Comfortaa Bold'; font-size: 30px; color: black; margin: 5px 0 10px 0; }
.submit-button		{ background: url(../images/submit-button.png) left center; width: 106px; height: 32px; text-indent: -9999px; list-style: none; text-decoration: none; display: block; overflow: hidden; border: 0; float: left; margin: -2px 0 0 10px; }
.submit-button:hover
					{ background-position: right center; }
.user-id			{ float: left; padding: 4px; }

/*
ABOUT PAGE STYLES
*/
.about				{ background-image: url(../images/self-portrait.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
#modal-windows		{ position: absolute; top: 195px; left: 122px; width: 350px; }
ul#modal-windows	{ list-style: none; text-decoration: none; }
ul#modal-windows li a
					{ text-indent: -9999px; display: block; overflow: hidden; height: 32px; }
ul#modal-windows li a.testimonials-button
					{ background: url(../images/testimonials-button.png) left center; width: 165px; margin: 10px 20px 0 0; float: left; }
ul#modal-windows li a.testimonials-button:hover
					{ background-position: right center; }
ul#modal-windows li a.pricing-button
					{ background: url(../images/pricing-button.png) left center; width: 165px; margin: 10px 0 0 0; float: left; }
ul#modal-windows li a.pricing-button:hover
					{ background-position: right center; }

/*
PRICING AND SUCH STYLES
*/
#price-info			{ color: black; }
#price-info h2		{ font-family: 'Comfortaa Bold'; font-size: 30px; text-transform: uppercase; margin: 5px 0 10px 0; }
#price-info p		{ padding: 0 0 10px 0; }
#contact-us			{ float: right; }
ul#contact-us		{ list-style: none; text-decoration: none; }
ul#contact-us li a	{ text-indent: -9999px; display: block; overflow: hidden; height: 32px; }
ul#contact-us li a.contact-us-button
					{ background: url(../images/contact-us-button.png) left center; width: 165px; margin: 10px 20px 0 0; }
ul#contact-us li a.contact-us-button:hover
					{ background-position: right center; }
#price-info span	{ text-transform: uppercase; font-size: 18px; font-weight: bold; }
#price-info em		{ font-style: italic; font-size: 14px; }
.bottom				{ float: left; width: 390px; }

/*
TESTIMONIAL STYLES
*/
#testimonials		{ color: black; padding: 10px; }
#testimonials h2	{ font-family: 'Comfortaa Bold'; font-size: 30px; text-transform: uppercase; margin: 5px 0 10px 0; }
.speech-bubble		{ background: url(../images/speech-bubble.png) no-repeat; width: 350px; height: 185px; }
.speech-bubble p	{ color: white; font-size: 14px; padding: 20px 20px 0 20px; }
#testimonials span	{ font-family: 'Comfortaa Bold'; font-size: 22px; text-transform: uppercase; margin: 5px 0 10px 0; float: right; letter-spacing: 1px; }
.spacer				{ margin: 60px 0 0 0; }

/*
PORTFOLIO PAGE STYLES
*/
.portfolio			{ background-image: url(../images/portfolio-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
.fineart			{ background-image: url(../images/fineart-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
.pets				{ background-image: url(../images/pets-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
.portrait			{ background-image: url(../images/portrait-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
.item 				{ width:125px; height:125px; border:4px solid #222; overflow:hidden; position:relative; float:left; margin: 25px 0 0 49px; }
.item .caption 		{ width:125px; height:125px; background:#000; color:#fff; font-weight:bold; position:absolute; left:0; display:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.item .caption a 	{ font-family: 'Comfortaa Regular'; text-decoration:none; color: #3abdff; font-size:24px;	padding:5px; display:block; position: absolute; top: 30px; letter-spacing: 0.5px; }
.item .caption p 	{ padding:5px;	margin:0; font-size:10px; }
.item img 			{ border:0;	position:absolute; }
#imgbrowz0r			{ margin: 10px 0 0 25px; }
#imgbrowz0r .img-row { padding: 10px; }
#imgbrowz0r .img-directory span.img-dir-name,
#imgbrowz0r .img-directory span.img-thumb-date 
					{ display: block; }
#imgbrowz0r .img-directory span.img-dir-name 
					{ font-weight: bold; font-size: 1.2em; }
#imgbrowz0r .img-column-1 
					{ clear: left; }
#imgbrowz0r .img-thumbnail,
#imgbrowz0r .img-directory 
					{ float: left; padding: 5px; text-align: center; }
#imgbrowz0r .img-thumbnail a,
#imgbrowz0r .img-directory a 
					{ display: block; width: 65px; height: 65px; line-height: 50px; background-repeat: no-repeat; background-position: 50% 50%; }
.back				{ font-family: 'Comfortaa Regular'; float: right; font-size: 14px; margin: -10px 40px 0 0; }
.back a				{ text-decoration: none; color: #3abdff; }
.back a:hover		{ text-decoration: underline; }


/*
CONTACT PAGE STYLES
*/
.contact			{ background-image: url(../images/contact-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; position: relative; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
.contact-info		{ font-family: 'Comfortaa Regular'; font-size: 14px; margin: 0 0 -22px 15px; letter-spacing: 1px; }
.contact-info a		{ text-decoration: none; color: white; }
.contact-info a:hover{ text-decoration: underline; }
#social				{ position: absolute; top: 63px; left: 66px; }
ul#social			{ list-style: none; text-decoration: none; }
ul#social li		{ display: inline; }
ul#social li a		{ text-indent: -9999px; overflow: hidden; display: block; float: left; }
ul#social li a.flickr
					{ background: url(../images/flickr-button.png) left center; width: 109px; height: 123px; }
ul#social li a.flickr:hover
					{ background-position: right center; }
ul#social li a.facebook
					{ background: url(../images/facebook-button.png) left center; width: 140px; height: 123px; margin: 0 51px 0 55px; }
ul#social li a.facebook:hover
					{ background-position: right center; }
ul#social li a.twitter
					{ background: url(../images/twitter-button.png) left center; width: 111px; height: 123px; }
ul#social li a.twitter:hover
					{ background-position: right center; }
#contact-form-button{ position: absolute; top: 203px; left: 121px; }
ul#contact-form-button
					{ list-style: none; text-decoration: none; }
ul#contact-form-button li a
					{ text-indent: -9999px; display: block; overflow: hidden; height: 32px; }
ul#contact-form-button li a.form-button
					{ background: url(../images/contact-form-button.png) left center; width: 353px; }
ul#contact-form-button li a.form-button:hover
					{ background-position: right center; }
					
/*
CONTACT FORM STYLES
*/
#contact-form		{ color: black; width: 390px; }
#contact-form h2	{ font-family: 'Comfortaa Bold'; font-size: 24px; text-transform: uppercase; margin: 5px 0 5px 0; }

/*
BLOG PAGE STYLES
*/
.blog				{ background-image: url(../images/blog-image.jpg); width: 960px; height: 640px; -moz-box-shadow: 5px 5px 20px #292929; -webkit-box-shadow: 5px 5px 20px #292929; filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=90,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d,direction=180,strength=6); }
#blog-posts			{ background: rgba(0, 0, 0, 0.7); width: 596px; height: 252px; position: absolute; top: 377px; left: 10px; }
#blog-posts h2		{ font-family: 'Comfortaa Bold'; font-size: 30px; margin: 5px 0 5px 9px; letter-spacing: 1px; text-transform: uppercase; }
#blog-posts p		{ font-size: 14px; margin: 0 4px 0 4px; padding: 0 10px 10px 10px; font-weight: bold; }
#blog-posts h3		{ font-family: 'Comfortaa Regular'; }
#blog-posts h3 a	{ text-decoration: none; color: #3abdff; letter-spacing: 1px; }
#blog-posts h3 a:hover
					{ text-decoration: underline; }
#visit-blog			{ position: absolute; top: 195px; left: 415px; }
ul#visit-blog		{ list-style: none; text-decoration: none; }
ul#visit-blog li a	{ text-indent: -9999px; display: block; overflow: hidden; height: 32px; }
ul#visit-blog li a.visit-blog-button
					{ background: url(../images/visit-blog-button.png) left center; width: 165px; margin: 10px 20px 0 0; }
ul#visit-blog li a.visit-blog-button:hover
					{ background-position: right center; }