/********
Lostphotograph.co.uk Stylesheet
Copyright Matt Godwin
********/

/* General HTML Styles */

* { margin: 0; padding: 0; }

html, body { height: 100%; width: 100%; }

body { background: #FFF; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; }

a { color: #3B5998; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: none; }

h1, h2, h3, h4, h5, h5, h6, p { margin-bottom: 15px; }
h3 { font-size: 16px; }

p { line-height: 160%; text-align: justify; }

form label { float: left; width: 100px; padding-top: 3px; }
form input, form textarea, form button { padding: 4px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 13px; }
form input, form textarea { width: 260px; }
form button { cursor: pointer; }

/* Few random styles */

.float-left { float: left; width: 48%; }
.float-right { float: right; width: 48%; }

.clear-all { clear: both; }

.see-more { text-align: right; }
.see-more a { font-size: 12px; }

/* Main Wrapper */

#wrapper { width: 100%; min-height: 100%; _height: 100%; position: relative; }

/* Header Div */

#header { width: 100%; height: 138px; background: url( /img/header-bg.png ) repeat-x top left; }
#header .inner { width: 800px; height: 100%; margin: 0 auto; position: relative; }

#header .inner #logo { width: 100%; height: 122px; background: url( /img/logo-bg.png ) no-repeat center center; position: absolute; bottom: 0; text-indent: -2000px; }

#header .inner ul { list-style: none; position: absolute; }
#header .inner ul li { float: left; }
#header .inner ul li a { font-size: 16px; }

#header .inner ul.nav-left { top: 80px; left: 0px; }
#header .inner ul.nav-left li { margin-right: 60px; }

#header .inner ul.nav-right { top: 80px; right: 0px; }
#header .inner ul.nav-right li { margin-left: 60px; }

/* Content Div */

#content { width: 800px; margin: 20px auto 0 auto; padding-bottom: 130px; }

#content .photo-holder { width: 100%; overflow: hidden; margin-bottom: 15px; }
#content .photo-holder .padding { padding-left: 35px; }
#content .photo-holder .padding img { float: left; padding: 10px; margin: 10px; border: 1px dotted #CDDAE7; }

/* Footer Div */

#footer { width: 100%; height: 115px; background: url( /img/footer-bg.png ) repeat-x top left; position: absolute; bottom: 0px; color: #FFF; }
#footer .inner { width: 800px; height: 100%; margin: 0 auto; position: relative; }

#footer .inner a { color: #FFFFFF; }

#footer .inner p.footer-links { position: absolute; left: 0; top: 50px; }
#footer .inner p.copyright { position: absolute; left: 0; top: 70px; }

#footer .inner #footer-logo { width: 183px; height: 58px; background: url( /img/footer-logo-bg.png ) no-repeat center center; position: absolute; right: 0; top: 41px; }
#footer .inner #footer-logo a { width: 100%; height: 100%; display: block; text-indent: -4000px; }