/*  
Theme Name: Ryan Leach Photography
Theme URI: http://ryanleachphotography.com/
Description: Wordpress theme for Ryan Leach Photography
Version: 1.0
Author: Andrew Hefter
Author URI: http://zappoartblog.com/services
*/

* { padding: 0; margin: 0; border: 0; }

html { margin: 0 auto 50px auto; background: #f5f5f5; font: 66%/16pt "trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; color:#333; }
body { margin: 0 auto 50px auto; }

form#searchform { margin: 20px; padding-top: 20px; display: block; }
textarea, input { background: #efefef; color: #777; border: 1px solid #aaa; padding: 2px; }

textarea { width: 90%; }

a { background: #f5f5f5; color: #6a6a6a; text-decoration:none; }
a:hover { background: #f5f5f5; color: #af0d05; }
div#header ul li a:hover  { background: #f5f5f5; color: #75a304; }

div#header { margin-top: 60px; margin-bottom: 20px; margin-right: 20%; float: right; width: 70%; color: #8f8f8f; background: #f5f5f5; border-bottom: 1px solid #aaa; }

div#header h1 a { float: right; margin-right: 10px; width: 410px; height: 25px; overflow: hidden; background: transparent; }
div#header h1 a:hover { background: transparent; }
div#header h1 a img { border: 0; }

div#header ul { clear: both; margin-right: 30px; float: right; list-style: none; text-transform: lowercase; }
div#header ul li { display: inline; margin-left: 10px; }
div#header ul li a { background: #f5f5f5; color: #666; font: 110%/12pt "lucida sans","trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; }

div#content { clear: both; width: 100%; text-align: center; }
div#content img { clear: both; margin-left: -5%; }
div#content img a { margin-bottom: 10px; border: 0; clear:both; }
div#content p { margin-left: 20%; width: 50%; text-align: left; }
div#content h2 { font: 120%/12pt "century gothic","trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; background: #f5f5f5; color: #00599e; margin: 10px; }
div#content h3 { margin: 1px 6px; font: 100%/9pt "trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; color: #999; background: #f5f5f5; }

div#photo{width:780px;margin:0 0 0 18%;}

ul#photonav { display: block; margin-left: 16.5%; text-transform: uppercase; letter-spacing: 2px; font: 95%/16pt "lucida sans","trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; background: #f2f2f5; color: #af0d05; }
ul#photonav li { display: block; float: left; width: 200px; margin: 35px 30px; list-style-type: none; text-align: center; }

ul#meta {  margin-left: -5%; padding-top: 20px; padding-bottom: 20px; clear: both; display: block; list-style-type: none; }

ul#footer { clear: both; margin-top: 50px; display: block; list-style-type: none; width: 90%; text-align: center; font: 96%/12pt "trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; }
ul#footer li { clear: both; margin: 0; display: block; }
ul#footer li.link { clear: none; margin: 0 10px; display: inline; }

ol { clear: both; margin-top: 10px; margin-bottom: 20px; margin-left: 20%; border-top: 3px solid #ddd; width: 50%; }
ol li { margin: 0; padding: 10px 0 10px 10px; border-bottom: 3px solid #ddd; text-align: left;}

div#commentsbox p { margin: 0 0 10px 0; padding: 0; }
p#commentstatus { padding-bottom: 20px; }
h2#comments { width: 50%; }
h2#respond { width: 42%; }
p#loggedin, form { clear: both; margin: 5px; }

span { background: #fafafa; color: #00599e; }
p.large { text-align: left; font-size: 150%; }
strong { font-size: 110%; }

div#archive { width: 50%; text-align: center; float: left; }
div#archive h2, div#side h2 { font: 160%/12pt "century gothic","trebuchet ms",tahoma,helvetica,verdana,arial,sans-serif; background: #f5f5f5; color: #00599e; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
div#archive div.entry { clear: none; margin: 0 5px 10px 5px; float: left; display: inline; width: 80px; height: 80px; border: 3px solid #cfcfcf; overflow: hidden; background: #000; color: #010101; }
div#archive img { border: 0; min-height: 80px; min-width: 80px; }

div#side { margin: 20px; float: left; width: 300px; }

ul.heatmap { margin: -10px 0 20px 0; }
ul.heatmap li {	margin: 0; padding: 0; display: block; }
ul.heatmap li a:hover { color:#000 !important; }