/*------------------------ Lora Kate Photography by GooCreative.co.uk ------------------------*/ /* If you put more thumbnails in, you will need to change the number below margin: (here)px 0 0 600px; Higher the number, the lower down the text will be. Default is 150px. */ #caption-min { margin: 280px 0 0 600px; position: absolute; color: #9a9a9a; font-size: 0.75em; line-height: 1.85em; display: none; width:290px; } #caption-min .title { color:white; width: 290px; display: block; margin:0px 0px 10px 0px; } #caption-min .smalltext { font-size: 0.9em; margin:5px 0 0 0; width: 290px; color:#333; display: block; } /* Dont Edit below this please */ /* Globals */ * { padding:0; margin :0; } html, body { background: #000; margin:0; padding:0; height: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #container-home { min-height: 100%; height:100%; width:100%; background: url(../img/bg-rose.jpg) center center no-repeat; } #container { min-height: 100%; height:100%; width:100%; background: url(../img/bg.jpg) center center no-repeat; } /* Layout Home */ #centerframe-home { width: 100%; height:75px; margin-top:18px; top:50%; position: absolute;} #middle-home { border-bottom: 2px solid black; width: 100%;} #header-home { width: 100%; margin: 0 auto; } #logo-home { width: 924px; margin:0 auto; padding:0 0 5px 0; } ul { list-style: none; padding: 0; margin: 0; } li { display: inline; padding: 0; margin: 0; } li a { text-decoration: none; padding:0; margin:0 5px 0 0; background: black; color: white; } /* Layout */ #centerframe { height:700px; width:100%; margin: -282px auto 0 auto; overflow: hidden; position: absolute; top:50%; } #header { width: 924px; margin: 0 auto; } #nav { width:70%; float: left; margin:0 0 0 55px; } #middle { height: 493px; min-width: 100%; width:100%; background: black; margin: 25px 0 0 0; } #middle-photo { height: 493px; min-width: 100%; width:100%; background:/*url(../img/bg-lens.jpg)*/ center center no-repeat black; margin: 25px 0 0 0; } #credit { width:20%; margin: 5px 0 0 0; float: right; color:white; text-decoration: none; text-indent: -5000px; background: url(../img/credit.gif) top left no-repeat; } #centerframe #credit { width:20%; margin: 10px 0 0 0; float: right; color:white; text-decoration: none; text-indent: -5000px; background: url(../img/credit.gif) top left no-repeat; } #aboveline-home { width: 960px; margin:0 auto; padding:0 0 5px 0; } #belowline-home { width: 960px; margin:0 auto; padding:0 0 5px 0; } .textcenter { width: 960px; margin: 0 auto; padding: 35px 0 0 0; } span { width: 30px; } #form { margin:0 0 0 0; padding: 0;} #form #name { width:212px; float: left; margin:0 10px; } #form #email { width:212px;float: left; margin:0 10px; } #form label { float: left; text-indent: 0px; margin: 0; padding: 10px 0 2px 0; line-height: 0; height: 22px; width: 50px; } #form #submit { background: #333; border: none; color: white; float: left; height:26px; margin:-4px 0 0 60px; padding: 0; width: 100px; } #form #submit:hover { background: #222; color: #ffa100;} #form p { clear: both; line-height: 30px; margin:0 0 5px 0; } #form #message { width:202px; margin: 0 0 0 10px;} #form input { border: 0; height:20px; background:white; padding: 4px 0 0 10px; } #form textarea { border:0; background:white; padding:10px; color:#000; width: 300px; } #sendEmail label { clear:left;} .errormsg { color:#fff; padding:1px 5px; border: 1px solid #b61919; margin:-20px 0 10px 0; width:280px; } /* Nav */ a:focus { outline: none; } .home { display:block; text-indent: -5000px; overflow: hidden; float: left; width:49px; height: 25px; background: url(../img/home-up.gif) 5px 5px no-repeat ; } .home:hover { background: url(../img/home-o.gif) 6px 5px no-repeat ; } .home-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:49px; height: 25px; background: url(../img/home-up.gif) 5px 5px no-repeat black; } .about { display:block; text-indent: -5000px; overflow: hidden; float: left; width:49px; height: 25px; background: url(../img/about-up.gif) 5px 5px no-repeat; } .about:hover { background: url(../img/about-o.gif) 5px 5px no-repeat ; } .about-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:49px; height: 25px; background: url(../img/about-up.gif) 5px 5px no-repeat black; } .photography { display:block; text-indent: -5000px; overflow: hidden; float: left; width:95px; height: 25px; background: url(../img/photography-u.gif) 5px 5px no-repeat ; } .photography:hover { background: url(../img/photography-o.gif) 5px 5px no-repeat ;} .photography-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:95px; height: 25px; background: url(../img/photography-u.gif) 5px 5px no-repeat black; } .projectwork { display:block; text-indent: -5000px; overflow: hidden; float: left; width:91px; height: 25px; background: url(../img/projectwork-up.gif) 5px 5px no-repeat ; } .projectwork:hover { background: url(../img/project-o.gif) 5px 5px no-repeat ; } .projectwork-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:91px; height: 25px; background: url(../img/projectwork-up.gif) 5px 5px no-repeat black; } .events { display:block; text-indent: -5000px; overflow: hidden; float: left; width:55px; height: 25px; background: url(../img/events.gif) 5px 5px no-repeat ; } .events:hover { background: url(../img/events-o.gif) 5px 5px no-repeat ; } .events-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:55px; height: 25px; background: url(../img/events.gif) 5px 5px no-repeat black; } .illustrations { display:block; text-indent: -5000px; overflow: hidden; float: left; width:90px; height: 25px; background: url(../img/illustrations-up.gif) 5px 5px no-repeat ; } .illustrations:hover { background: url(../img/illustration-o.gif) 5px 5px no-repeat ; } .illustrations-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:90px; height: 25px; background: url(../img/illustrations-up.gif) 5px 5px no-repeat black; } .contact { display:block; text-indent: -5000px; overflow: hidden; float: left; width:62px; height: 25px; background: url(../img/contact-up.gif) 5px 5px no-repeat ; } .contact:hover { background: url(../img/contact-o.gif) 5px 7px no-repeat ; } .contact-current { display:block; text-indent: -5000px; overflow: hidden; float: left; width:62px; height: 25px; background: url(../img/contact-up.gif) 5px 5px no-repeat black ; } /* Galleries*/ #gallery { width:924px; margin: 0 auto; padding:25px 0 0 0; } #gallery-min { width: 540px; float:left; } #thumbs-min { width: 300px; float: right; margin:0 24px 0 0; } #thumbs-min ul { width: 300px; padding: 0; margin: 0; } #thumbs-min li { margin: 0px 9px 9px 0px; padding: 0; height:51px; width: 51px; float: left; background: #333; } .image-wrapper a img { border: 1px solid #222; float: right; } .image-wrapper a img:focus { outline: none; } #gallerydesc { width:260px; float:right; background: url(../img/textblock.gif) 2px 5px no-repeat; margin:35px 28px 0 0; padding: 0 0 0 15px; color: #9a9a9a; font-size: 0.75em; line-height: 1.45em; } #gallerydesc a { color: white; text-decoration: none; } #gallerydesc a:hover { color:#ffa100; } /* Type */ h1 { display: block; text-indent: -5000px; background: url(../img/logo.gif) top left no-repeat; width:278px; height:29px;} #centerframe h1 { display: block; text-indent: -5000px; background: url(../img/logo.gif) top left no-repeat; width:278px; height:35px;} strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .text { width:450px; background: url(../img/photobg.jpg) 2px 5px no-repeat; padding: 0 0 0 250px; color: #9a9a9a; font-size: 0.75em; line-height: 1.85em; } .text p { margin: 0 0 25px 0; } .text a { color: white; text-decoration: none; } .text a:hover { color:#ffa100; }