/*

Theme Name: Ryerson Photography Blog

Theme URI: http://blog.ryersonphotography.com

Description: A companion theme for ryersonphotography.com

Version: 2.0

Author: Ben Ryerson

Author URI: http://benryerson.com

*/



/*

COLORS

	main orange			#d07a00

	button orange light	#ff8700

	button orange dark	#E97B00

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";



/*

@FONT-FACE

*/

@font-face {

	font-family: 'Droid Sans Regular';

	src: url('style/css/Droid-Sans-fontfacekit/DroidSans.eot');

	src: local('Droid Sans Regular'), local('DroidSans'), url('style/css/Droid-Sans-fontfacekit/DroidSans.ttf') format('truetype');

}

@font-face {

	font-family: 'Droid Sans Bold';

	src: url('style/css/Droid-Sans-fontfacekit/DroidSans-Bold.eot');

	src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('style/css/Droid-Sans-fontfacekit/DroidSans-Bold.ttf') format('truetype');

}

@font-face {

	font-family: 'Droid Serif';

	src: url('style/css/Droid-Serif-fontfacekit/DroidSerif-Regular.eot');

}

@font-face {

	font-family: 'Droid Serif Regular';

	src: local('Droid Serif Regular'),

	     local('DroidSerif-Regular'),

	     url('style/css/Droid-Serif-fontfacekit/DroidSerif-Regular.ttf') format('truetype');

}

@font-face {

	font-family: 'Droid Serif Italic';

	src: local('Droid Serif Italic'),

	     local('DroidSerif-Italic'),

	     url('style/css/Droid-Serif-fontfacekit/DroidSerif-Italic.ttf') format('truetype');

	font-style: italic;

}

@font-face {

	font-family: 'Droid Serif Bold';

	src: local('Droid Serif Bold'),

	     local('DroidSerif-Bold'),

	     url('style/css/Droid-Serif-fontfacekit/DroidSerif-Bold.ttf') format('truetype');

	font-weight: bold;

}

@font-face {

	font-family: 'Droid Serif Bold Italic';

	src: local('Droid Serif Bold Italic'),

	     local('DroidSerif-BoldItalic'),

	     url('style/css/Droid-Serif-fontfacekit/DroidSerif-BoldItalic.ttf') format('truetype');

	font-weight: bold;

	font-style: italic;

}



*					{ margin: 0; padding: 0; }

body				{ background-image: url(images/bg.png); color: white; font-family: 'Droid Serif Regular', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 18px; border-top: 20px solid white; }

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

a:hover				{ color: white; }

a:active			{ position: relative; top: 1px; }

a img				{ border: 0; }

ul					{ list-style: none; }

.button				{ background: #ff8700 url(images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; float: right; text-transform: uppercase; }

.button:hover		{ background-color: #E97B00; color: #FFFFFF; }

.alignleft 			{ float: left; }

.alignright 		{ float: right; }

.clear 				{ clear: both; }

::selection			{ background: white; color: black; }

::-moz-selection	{ background: white; color: black; }

#page-wrap			{ width: 960px; margin: 0 auto; position: relative; z-index: 1; }

.ngg-singlepic 		{ background-color:#FFFFFF !important; margin: 0 0 5px 0 !important; }

/*

HEADER STYLES

*/

#logo				{ background: url(images/logo.png) no-repeat; width: 343px; height: 178px; margin: 3px 0 100px 0; text-indent: -9999px; float: left; position: relative; z-index: 100; }

.logo-highlight		{ position: absolute; top: 0; left: -45px; margin: 0 0 0 -120px; z-index: 1; height: 450px; width: 707px; }

.blog-title			{ position: absolute; top: 80px; left: 483px; }



/*

RSS + EMAIL STYLES

*/

.rss				{ position: fixed; left: 0; top: 110px; clear: both; z-index: 100; }

.rss-icon			{ background: url(images/RSS.png) left center; width: 32px; height: 32px; display: block; }

.rss-icon:hover		{ background-position: right center; }

.email-icon			{ background: url(images/email.png) left center; width: 32px; height: 32px; display: block; }

.email-icon:hover	{ background-position: right center; }



/*

MAIN NAVIGATION STYLES

*/

#navigation			{ position: absolute; z-index: 110; top: 0px; /*left: 389px;*/ right: -29px; }

ul#main-nav li		{ display: inline; }

ul#main-nav li a	{ list-style: none; text-decoration: none; text-transform: lowercase; font-family: 'Droid Sans Bold'; font-size: 26px; font-weight: bold; color: white; margin: 0 28px 0 28px; position: relative; z-index: 120; }

ul#main-nav li a:hover

					{ color: #d07a00; }

ul#main-nav li.page-item-3.current_page_item

					{ background: url(images/home-tab-active.png) center no-repeat; width: 123px; height: 54px; position: relative; z-index: 90; padding: 14px 0 33px 0; }

ul#main-nav li.page-item-3.current_page_item a

					{ color: black; }

ul#main-nav li.page-item-22.current_page_item

					{ background: url(images/about-tab-active.png) left center no-repeat; width: 129px; height: 54px; position: relative; z-index: 90; padding: 14px 0 33px 0; }

ul#main-nav li.page-item-22.current_page_item a

					{ color: black; }

ul#main-nav li.page-item-5.current_page_item

					{ background: url(images/archive-tab-active.png) center no-repeat; width: 161px; height: 56px; position: relative; z-index: 90; padding: 14px 0 33px 0; }

ul#main-nav li.page-item-5.current_page_item a

					{ color: black; }

ul#main-nav li.page-item-11.current_page_item

					{ background: url(images/contact-tab-active.png) center no-repeat; width: 161px; height: 54px; position: relative; z-index: 90; padding: 14px 0 33px 0; }

ul#main-nav li.page-item-11.current_page_item a

					{ color: black; }



/*

HOME PAGE STYLES

*/

#main-content		{ width: 615px; float: left; position: relative; z-index: 90; overflow: hidden; }

#main-content a		{ position: relative; z-index: 90; }

#main-content h2, #about-content h2

					{ font-size: 48px; text-transform: uppercase; margin: -12px 0 0 -2px; }

#main-content h3	{ font-size: 36px; position: absolute; z-index: 100; top: -9px; left: 115px; }

#main-content h3 a	{ color: white; }

#main-content h4, #about-content h4

					{ font-size: 24px; text-transform: uppercase; }

#main-content h5, #footer h5

					{ font-size: 14px; }

span 				{ text-transform:uppercase;	color:#d07a00; }





/*

ABOUT PAGE STYLES

*/

#about-content		{ width: 615px; float: left; position: relative; z-index: 90; overflow: hidden; }

#about-content p	{ margin: 0 0 20px 0; }

#about-content a:hover

					{ text-decoration: underline; }

blockquote			{ margin:30px 40px; color: #CCCCCC; padding: 0 40px; background: url(images/blockquote.png) no-repeat 0 0; font-size: 24px; }



/*

ARCHIVE PAGE STYLES

*/

#archive			{ width: 615px; float: left; position: relative; z-index: 90; overflow: hidden; }

#archive a			{ position: relative; z-index: 90; }

#archive h2			{ font-size: 48px; text-transform: uppercase; margin: -12px 0 0 -2px; }

#archive h3			{ font-size: 36px; position: absolute; z-index: 100; top: -8px; left: 115px; }

#archive h3 a		{ color: white; }

.current-date		{ margin: 0 0 40px 0; font-style: italic; font-size: 14px; }

.date-and-title		{ padding: 0 0 33px 0; }

.date				{ background: url(images/date-box.png) no-repeat; width: 117px; height: 42px; position: absolute; z-index: 110; top: 0; left: -5px; font-size: 20px; font-weight: bold; text-align: center; padding: 4px 0 0 0; }

.post-excerpt		{ margin: 0 0 50px 0; position: relative; z-index: 90; }

.posts-nav			{ float: right; margin: 20px 0 0 0; }



/*

POST PAGE STYLES

*/

#posts				{ width: 615px; float: left; position: relative; z-index: 90; overflow: hidden; }

#posts h2			{ font-size: 48px; text-transform: uppercase; margin: -12px 0 0 -2px; border-bottom: 1px solid white; }

#posts a:hover		{ text-decoration: underline; }

.ind-post-date		{ float: right; }

.post p				{ margin: 0 0 10px 0; }

.wp-image-37		{ margin: 0 0 0 8px; }

/*

COMMENTS STYLES

*/

.comment-title		{ background: url(images/comment-box.png) no-repeat; width: 436px; height: 42px; position: relative; z-index: 100; text-align: center; font-size: 24px; text-transform: uppercase; margin: 60px 0 -12px -4px; padding-top: 3px; }

.avatar				{ float: right; }

#post-comments		{ background-color: white; color: black; padding: 18px 20px 20px 20px; position: relative; z-index: 1; }

#post-comments h3	{ font-size: 24px; text-transform: uppercase; margin-bottom: 10px; }

ol.commentlist		{ display: block; }

.commentlist a		{ color: #d07a00; }

.commentlist a:hover { text-decoration: underline; }

.comment			{ border-bottom: 1px dotted black; margin: 0 0 50px 0;}

cite.fn				{ font-size: 24px; }

span.says			{ display: none; }

.comment-meta		{ font-size: 13px; margin: 0 0 5px 0; }

.comment-meta a		{ color: #999999; }

.comment-body p		{ margin: 0 0 5px 0; }

.reply				{ margin: 5px 0 5px 0; font-size: 13px; float: right; }

#post-comments form p { font-size: 14px; }

#post-comments form a { color: #d07a00; }

#post-comments form a:hover

					{ text-decoration: underline; }

input#author		{ margin: 0 0 5px 0; }

input#email			{ margin: 0 0 5px 0; }

textarea#comment	{ width: 570px; margin: 5px 0 5px 0; }





/*

CONTACT PAGE STYLES

*/

#name-social		{ border-left: 1px solid white; padding-left: 10px; }

.name				{ margin-top: 10px; }

#social				{ margin: 15px 0 6px 0; width: 375px; height: 80px; }

ul#social			{ list-style: none; text-decoration: none; }

ul#social li a		{ display: block; text-indent: -9999px; margin: 0 20px 0 0; overflow: hidden; float: left; }

ul#social li a.facebook

					{ background: url(images/facebook-button.png) left center; width: 72px; height: 72px; }

ul#social li a.facebook:hover

					{ background-position: right center; }

ul#social li a.flickr

					{ background: url(images/flickr-button.png) left center; width: 72px; height: 72px; }

ul#social li a.flickr:hover

					{ background-position: right center; }

ul#social li a.twitter-social

					{ background: url(images/twitter-button.png) left center; width: 72px; height: 72px; }

ul#social li a.twitter-social:hover

					{ background-position: right center; }

#contact-form		{ width: 555px; margin: 20px 0 0 0;}

#contact-form span	{ font-size: 10px; color: white; text-transform: lowercase; }

.button-margin		{ margin: 5px 25px 0 0; }

.contactalignleft	{ float: left; margin: 0 15px 5px -2px; }

.message			{ float: left; margin: 0 0 0 -2px; position: relative; }

span.wpcf7-not-valid-tip

					{ color: black !important; }

div.wpcf7-response-output

					{ margin: 300px 200px 0 55px !important; padding: 10px 10px 20px 10px!important; }

div.wpcf7-validation-errors

					{ padding: 10px; border: 2px solid #d07a00 !important;}

span.wpcf7-not-valid-tip 

					{ position: absolute; top: -7px !important; left: 0px !important; z-index: 100;	background-color: #FFFF00 !important; border: 2px solid #d07a00 !important; font-size: 10pt; width: 226px !important; padding: 2px; text-transform: uppercase !important; padding: 3px !important; }

div.wpcf7-mail-sent-ng 

					{ border: 2px solid #d07a00 !important; }

					

/*

SIDEBAR STYLES

*/

#sidebar			{ background-color: black; width: 290px; height: 810px; padding: 10px; float: right; position: relative; z-index: 90; margin: 0 0 30px 0; }

#sidebar h2			{ font-size: 30px; margin: 0 0 5px 0; }	

#searchform			{ margin: 10px 0 30px 0; }

.search-query		{ width: 208px; padding: 2px 0 1px 0; }

.search-button		{ background: url(images/search-button.png) left center; width: 73px; height: 26px; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer; }

.search-button:active { background-position: right center; position: relative; top: 1px; }

.twitter			{ position: relative; width: 290px; margin: 0 0 15px 0; }

.twitter-paragraph	{ font-style: italic; font-size: 14px; width: 208px; height: 81px; }

.twitterbird		{ position: absolute; top: 40px; left: 210px; }

.flickr				{ width: 290px; margin: 0 0 15px 0; }

.flickr p			{ text-align: center; }

.flickr a img:hover	{ outline: 1px solid #d07a00; }

.flickr-thumbnail img { margin: 8px; }

.facts				{ width: 290px; margin: 0 0 15px 0; }

.facts ul			{ margin: 0 0 0 10px; }

.facts li			{ margin: 0 0 8px 0; }

.facts em			{ font-size: 14px; font-style: italic; }

.facts a			{ font-weight: bold; }



/*

FOOTER STYLES

*/

#footer				{ width: 960px; margin: 40px 0 10px 0; border-top: 1px solid white; border-bottom: 1px solid white; }

#footer h3			{ font-size: 24px; margin: 0 0 5px 0; }

.footer-column		{ width: 319px; height: 180px; text-align: center; float: left; padding: 20px 0 0 0; }

.middle				{ border-left: 1px solid white; border-right: 1px solid white; }

ul.footer-nav		{ font-size: 16px; font-weight: bold; }

ul.footer-nav li	{ display: block; padding: 0 0 7px 0; }

ul#footer-contact	{ list-style: none; text-decoration: none; }

ul#footer-contact li.page-item-11 a

					{ background: url(images/contact-button.png) left center; width: 167px; text-indent: -9999px; display: inline-block; overflow: hidden; height: 40px; margin: 25px 0 0 0 ; }

ul#footer-contact li a:active

					{ background-position: right center; }

.about-blurb		{ font-size: 12px; float: right; margin: 0 0 50px 0; }