/* @override http://ars/kellyclinger.com/style2.css */

body { margin:0;padding:0;font:normal 15px/1.4 Futura, "Tw Cen MT", Arial, sans-serif;background: #181410 url('img/bg.jpg') fixed center top no-repeat; }
#wrap { width:940px;margin:0 auto; position: relative; }
a img { border: 0; }
a:active { outline: none; }

#head { padding-top:1px; height: 110px; margin: 0; padding: 1px 0; }
#head h1 { float:left;font-size:32px;line-height:48px;position:absolute;top:25px;left:30px;margin:0;padding:0;width: 346px; height: 70px; background: transparent url('img/kc.png') top left no-repeat; text-indent: -9000px; }
#head ul { font-size:16px;float:right;list-style:none;padding:0;margin:0;position:absolute;top:52px;right:30px; }
#head li { display:inline; }
#head li a { color: #ccb; text-decoration: none; margin: 0; padding: 0 10px 0 8px; border-right: 1px solid #e7a; text-transform: lowercase; }
#head li a:hover { color: #e7a; }


#main { color: #fff; width: 940px; height: 513px; overflow:visible; background: transparent url('img/paper.png') center top no-repeat; margin: 0; padding: 1px 0 20px 0; text-shadow: 0px 0px 4px #000; }
#main p { padding: 0 20px 0 46px; margin: 1.4em 0; text-align: right; }
#main img.photo { float: left; padding:0; margin: -1px 0 20px 0px; }
#main a { text-decoration: none; color: #f8b; }
#main a:hover { text-decoration: underline; }
h3 { text-align: right; font-weight: normal; color: #ffe; padding: 0 20px 0 0; font-size: 24px; text-transform: lowercase; }
h3.about { text-align: left; height: 48px; background: transparent url('img/biography.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; }
h3.blog { text-align: left; height: 48px; background: transparent url('img/blog.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; margin: 10px 10px -10px 0;  }
h3.booking { text-align: left; height: 48px; background: transparent url('img/booking.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; margin: 10px 30px -10px 0; }
h3.contact { text-align: left; height: 48px; background: transparent url('img/contact.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; margin: 10px 10px -10px 0; }
h3.media { text-align: left; height: 48px; background: transparent url('img/media.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; margin: 10px 10px -10px 0; }
h3.store { text-align: left; height: 48px; background: transparent url('img/store.png') top right no-repeat; margin-right: 10px; text-indent: -9000px; margin: 10px 10px -10px 0; }
#foot { color: #776; text-align: center; padding: 20px; font-size: .8em; }

/* Blog */

#blogtext { float: right; width: 537px; height: 513px; margin-right: -20px; padding-right: 20px; overflow-y: auto; overflow-x: hidden;  }
#blogtext h4 { text-align: left; font-weight: normal; font-size: 26px; text-transform: lowercase; color: #f8b; margin: 16px 0; }
#blogtext p.date { margin: -14px 0 16px 0; padding: 0; font-size: 90%; color: #edc; text-align: left; }

/* Media */

.media { position: relative; }
.media h4 { ext-align: left; font-weight: normal; font-size: 24px; text-transform: lowercase; color: #edc; margin: 16px 0; }
.media h4.networks { position: absolute; top: 54px; left: 420px; }
.media h4.music { position: absolute; top: 110px; left: 420px; }
.media h4.wallpapers { position: absolute; top: 290px; left: 580px; }
.media h4.photos { position: absolute; top: 290px; left: 420px; }
.media p.sizes { position: absolute; top: 325px; left: 700px; text-align: left !important; }
.media a.fb { display: block; height: 27px; width: 132px; position: absolute; top: 70px; left: 550px; }
.media a.my { display: block; height: 31px; width: 116px; position: absolute; top: 70px; left: 710px; }
.media img.cd { display: block; position: absolute; top: 170px; left: 450px; }
.media img.wp { display: block; position: absolute; top: 350px; left: 580px; }
div#flashPlayer { position: absolute; top: 173px; left: 605px; }
a.photo { display: block; height: 50px; width: 50px; position: absolute; top: 350px; }
a.photo img { height: 50px; width: 50px; }
a.p1 { left: 420px; }
a.p2 { left: 475px; }
a.p3 { left: 420px; top: 405px;  }
a.p4 { left: 475px; top: 405px; }


/* Store */

.store p  { text-align: center !important; font-size: 1.3em; padding-top: 0 !important; margin-top: 0 !important; padding-right: 80px !important; }
.store p img { margin: 10px 0; }
.store form { display: block; text-align: center; margin: 0 70px 0 0 !important; padding: 0; }
.bookings p, .bookings h3 { padding-right: 40px !important; }

/* Contact */

label { display: block; margin: 16px 0 9px 0; }
input.txt, textarea.txt { font-size: 100%; font-family: Futura, "Tw Cen MT", Arial, sans-serif; padding: 5px !important; line-height:1.4; width: 250px; }
textarea.msg { height: 100px; width: 400px; }
form p { text-align: left !important; }
div.formmsg { text-align: center; border: 1px solid #eac; border-right: none; color: #fbd; font-weight: bold; background: rgba(255,255,255,.12); padding: 4px 0; display: none; }