/*
Theme Name: Amanda Fotes
Theme URI: http://amandafotes.com/
Description: Custom for amandafotes.com
Version: 1.2
Author: Gavin Smith
Author URI: http://gavinsmith.ca
*/

@import url(reset.css);

body{ background: url(img/body.png) repeat; color: #333; font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#wrapper{ background: url(img/wrapper.png) repeat-x; padding-top: 30px; }

#header{ position: relative; }
#header #menu{ background: url(img/menu-outer.png) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; font-size: 1.2em; height: 32px; line-height: 30px; position: absolute; text-transform: lowercase; top: 1.4em; right: 0; }
#header #menu li{ background: url(img/menu-inner.png) repeat-x; float: left; margin: 1px; }
#header #menu li:first-child{ margin-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#header #menu li:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#header #menu li a{ color: #959595; display: block; line-height: 30px; padding: 0 1em; position: relative; text-decoration: none; }
#header #menu li a:hover{ color: inherit !important; }

#page{ margin-left: 40px; width: 721px; }

.meta{ height: 34px; margin-left: 7px; }
.meta li{ color: #777; float: left; font-size: 1.2em; height: 34px; line-height: 32px; padding: 0 0.8em; }
.meta li a{ color: #777; text-decoration: none; }
.meta .date{ background: url(img/meta-tab-bg.png) repeat-x; font-size: 1.6em; text-transform: uppercase; }
.secondary-meta{ height: 24px; margin-left: 7px; }
.secondary-meta li{ background: url(img/meta-tab-secondary-bg.png) repeat-x; color: #777; float: left; font-size: 1em; height: 24px; line-height: 22px; margin-right: 1em; padding: 2px 0.8em 0 0.8em; }

h2{ font-size: 1.7em; }
h2 a{ background: #fff; color: #555; display: block; padding: 0.5em 0 0.5em 7px; text-decoration: none; }
h3{ color: #4b4b4b; font-size: 2em; text-transform: uppercase; }
h4{ color: #5d5d5d; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1.9em; text-transform: uppercase; }

a{ color: #555; }
a:hover{ color: #222 !important; }

.post{ margin-top: 5em; line-height: 1.6em; }

.post img, .post .vvqbox{ border: 7px solid #fff; }

.blog-page .entry{ padding-left: 7px; }
.blog-page .entry p,.blog-page .entry ol,.blog-page .entry ul{ font-size: 1.2em; margin-top: 1em; }
.blog-page .entry ol{ list-style-type: decimal-leading-zero; margin-left: 3em; }
.blog-page .entry ul{ list-style-type: disc; margin-left: 2em; }
.blog-page .post .wp-caption-text{ color: #6c6c6b; margin: 0; padding: 4px 0 0 7px; }

.blog-page .entry .fotesmail{ margin-bottom: 2em; }
.blog-page .entry .fotesmail a{ font-size: 2em; text-decoration: none; }

.entry .blogroll{ list-style-type: none !important; }

#twat{ background: url(img/twitter-top.png) no-repeat; margin-top: 1em; padding-top: 18px; }
#twat p{ background: url(img/twitter-bottom.png) no-repeat bottom left; color: #777; font-size: 1.2em; padding: 4px 18px 12px 18px; }
#twat a{ color: #777; font-weight: bold; text-decoration: none; }
#twat .aktt_tweet_time{ color: #aaa; font-weight: normal; }

.post .wp-caption{ margin-top: 1.5em; position: relative; }
.post .wp-caption.alignright{ float: right; }
.post .wp-caption.alignleft{ float: left; }
.post .exif{ background: url(img/exif-left.png) no-repeat 0 25px; display: none; position: absolute; min-width: 230px; padding-left: 19px; top: 0; right: 0; z-index: 100;  filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; }
/*EXIFS THAT OVERLAY PHOTOS TO THEIR RIGHT*/
.post .alignleft .exif{ filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.post .exif ul{ background: #fff; padding: 0.3em 0.8em 0.8em 0.8em; list-style-type: none !important; margin: 0 !important; }
.post .exif strong{ color: #8b8b8b; display: block; margin-top: 0.5em; }


.navigation{ font-size: 1.5em; margin-top: 5em; text-align: center; text-transform: lowercase; }
.navigation a{ background: #161616; color: #fff; border: 1px solid #fff; display: inline-block; padding: 0.5em 0.75em; text-decoration: none; }
.navigation a:hover{ background: #333; color: #fff !important; }


h3#comments{ margin-top: 2em; }
.commentlist{ padding-left: 7px; }
.comment{ margin-top: 2em; }
.comment .comment-author{ color: #666; font-size: 1.4em; }
.comment .comment-author a{ color: #666; }
.comment-body{ background: url(img/comment-bg.png) repeat; border: 1px solid #c6c6c6; border-width: 1px 0 0 1px; font-size: 1.1em; padding: 1.5em; }
.bypostauthor>.comment-body{ background: url(img/comment-author-bg.png) repeat; border-color: #aeaeae; }
.depth-2{ margin-left: 3em; }
.comment-meta a{ color: #999; text-decoration: none; }
.comment-body p{ font-size: 1.1em; margin-top: 0.5em; }
.comment-body .reply{ margin-top: 0.5em; }
.comment-body .reply a{ color: #999; text-decoration: none; }
.bypostauthor>.comment-body .reply a, .bypostauthor>.comment-body>.comment-meta a{ color: #666; }

#respond{ margin-top: 3em; }
#respond h3{ margin-bottom: 0.5em; }
#respond.commentform{ margin-left: 7px; }
#respond textarea{ background: url(img/comment-bg.png) repeat; border: 1px solid #c6c6c6; color: #444; float: left; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.3em; height: 180px; padding: 1em; width: 320px; }
#respond #alt-info{ float: right; width: 350px; }
#respond .loggedin{ font-size: 1.2em; margin-bottom: 2em; }
#respond input{ background: url(img/comment-bg.png) repeat; border: 1px solid #c6c6c6; color: #444; margin-bottom: 1em; padding: 0.5em; }
#respond label{ color: #555; font-size: 1.5em; display: block; margin-bottom: 0.4em; text-transform: lowercase; }
#respond input#submit{ background: none; border: none; font-size: 1.9em; padding: 0; text-transform: lowercase; }
#respond input.active, #respond textarea.active{ background: #fff; }

#footer{ background: url(img/footer.png) repeat; margin-top: 5em; }
#footer .inner{ background: url(img/footer-inner.png) repeat-x; padding: 40px; }

#footer .column{ float: left; width: 350px; }
#footer .column.right{ background: url(img/border-vertical.png) repeat-y; }
#footer .column .inner{ background: none; }
#footer .column.left .inner{ padding: 0 1.5em 0 0; }
#footer .column.right .inner{ padding: 0 0 0 1.5em; }
#footer ul, #footer p{ color: #6e6e6e; font-size: 1.1em; margin-top: 1.2em; margin-left: 7px; }
#footer a{ color: #383838; text-decoration: none; }
#footer .rights{ color: #aaa; }
#footer .rights a{ color: #888; }
#footer ul{ padding-left: 90px; }
#footer .cameras{ background: url(img/icon-camera.png) no-repeat; min-height: 62px; }
#footer .lenses{ background: url(img/icon-lens.png) no-repeat; min-height: 77px; }
#footer .byline{ color: #777; display: block; font-size: 1.2em; margin-bottom: 0.2em; }
#footer .byline a{ color: #777; text-decoration: underline; }

#footer .fotesmail{ display: block; font-size: 1.8em; }
#footer .fotesmail a{ color: #414141; text-decoration: none; }