/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*
Kyle James-Patrick for Roach Productions
©2009 Roach Productions
http://www.roachproductions.com
Contact: kyle@roachproductions.com
Colours:
Light Brown: #ba9f65
Dark Brown: #715926
*/
h1 {margin:10px 0 10px 0; color:#715926; font-size:42px; font-weight:normal;}
h2 {margin:10px 0 10px 0; color:#715926; font-size:32px; font-weight:normal;}
h2 a {margin:10px 0 10px 0; color:#715926; font-size:32px; font-weight:normal;}
h3 {margin:5px 0 5px 0; color:#715926; font-size:20px; font-weight:normal;}
/*
TYPOGRAPHY
*/
.datetext {color:white; font-size:11px; margin-bottom:10px;}
.bigger {font-size:20px;}
.white {color:#FFFFFF;}
.smaller {font-size:10px;}
a {color:#715926;}
a:hover {color:#715926;}
/*
BASICS
*/
html { overflow-y: scroll; }
html, body { height:100%; }
body { font-size: 14px; color:#ba9f65; font-family:Georgia, "Times New Roman", Times, serif; background:url(style/images/rough-bg2.jpg) top center fixed no-repeat; }
a img { border:none; }
a { outline:none; text-decoration:none;}
img { vertical-align:middle;}
table { border-collaspse: collapse; }
p { margin:10px 0 10px 0; }
hr {color:#715926; background-color:#715926; size:1px; height:1px; margin:20px 0 20px 0; border:0; }
br {margin:2px 0 2px 0;}
/*
UTILITY
*/
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.button {border:1px solid #272727; background: #715926; padding:3px 8px; -moz-border-radius: 5px; -webkit-border-radius: color: #ba9f65; }
.button:hover {background:#ba9f65; color: 715926;}
/*
STRUCTURE
*/
#page-wrap {width:1219px; margin:20px auto -250px; min-height:100%; height:auto !important; height: 100%;}
#push {height: 250px; }
#top-header {width:1219px; background:url(style/images/header-top.png) no-repeat top; height: 40px;}
#flash {width:1219px; height:556px; background: url(style/images/flash2.png) no-repeat top; }
#content {width:755px; height:auto; min-height:100%; height:auto !important; height: 100%; float:left; margin:0px 25px 25px 30px;}
/*
NAVIGATION
*/
#nav-wrapper {width:1219px; height:69px; background:url(style/images/nav-end.jpg) no-repeat right;}
#nav-footer {width:1219px; height:111px; background:url(style/images/nav-footer.png) no-repeat;}
h1#homebutton {background:url(style/images/nav-home.jpg) no-repeat; width:118px; height:69px; text-indent:-9909px;}
h1#homebutton:hover {background: url(style/images/nav-home2.jpg);}
h1#videobutton {background:url(style/images/nav-video.jpg) no-repeat; width:105px; height:69px; text-indent:-9909px;}
h1#videobutton:hover {background: url(style/images/nav-video2.jpg);}
h1#promobutton {background:url(style/images/nav-promo.jpg) no-repeat; width:205px; height:69px; text-indent:-9909px;}
h1#promobutton:hover {background: url(style/images/nav-promo2.jpg);}
h1#webbutton {background:url(style/images/nav-web.jpg) no-repeat; width:93px; height:69px; text-indent:-9909px;}
h1#webbutton:hover {background: url(style/images/nav-web2.jpg);}
h1#workbutton {background:url(style/images/nav-work.jpg) no-repeat; width:250px; height:69px; text-indent:-9909px;}
h1#workbutton:hover {background: url(style/images/nav-work2.jpg);}
h1#contactbutton {background:url(style/images/nav-contact.jpg) no-repeat; width:154px; height:69px; text-indent:-9909px;}
h1#contactbutton:hover {background: url(style/images/nav-contact2.jpg);}
h1#linksbutton {background:url(style/images/nav-links.jpg) no-repeat; width:95px; height:69px; text-indent:-9909px;}
h1#linksbutton:hover {background: url(style/images/nav-links2.jpg);}
h1#endbutton {background:url(style/images/nav-end.jpg) no-repeat; width:199px; height:69px; text-indent:-9909px;}
li#homebutton {background:url(style/images/nav-home.jpg) no-repeat; width:118px; height:69px; text-indent:-9909px;}
li#homebutton:hover {background: url(style/images/nav-home2.jpg);}
li#videobutton {background:url(style/images/nav-video.jpg) no-repeat; width:105px; height:69px; text-indent:-9909px;}
li#videobutton:hover {background: url(style/images/nav-video2.jpg);}
li#promobutton {background:url(style/images/nav-promo.jpg) no-repeat; width:205px; height:69px; text-indent:-9909px;}
li#promobutton:hover {background: url(style/images/nav-promo2.jpg);}
li#webbutton {background:url(style/images/nav-web.jpg) no-repeat; width:93px; height:69px; text-indent:-9909px;}
li#webbutton:hover {background: url(style/images/nav-web2.jpg);}
li#workbutton {background:url(style/images/nav-work.jpg) no-repeat; width:250px; height:69px; text-indent:-9909px;}
li#workbutton:hover {background: url(style/images/nav-work2.jpg);}
li#contactbutton {background:url(style/images/nav-contact.jpg) no-repeat; width:154px; height:69px; text-indent:-9909px;}
li#contactbutton:hover {background: url(style/images/nav-contact2.jpg);}
li#linksbutton {background:url(style/images/nav-links.jpg) no-repeat; width:95px; height:69px; text-indent:-9909px;}
li#linksbutton:hover {background: url(style/images/nav-links2.jpg);}
li#endbutton {background:url(style/images/nav-end.jpg) no-repeat; width:199px; height:69px; text-indent:-9909px;}
/*
SEARCH BAR
*/
#searchbar {width:280px; .width:300px; height:50px; float:right; z-index:9;}
.buttonie { .margin-top:10px;}
/*
COMMENTS PAGE
*/
#comment-response {width:500px; height:auto; margin:20px; padding-left:40px;}
#comment-response .comment-text {width:100%; height:auto; margin-left:40px;}
#comment-reply {width:600px; height:auto; margin:10px; padding-left:10px;}
#comment-reply .box {width:500px; height:100px; background-color:#000000; border-color:#715926; border-style:dotted; color:#ba9f65; padding:5px; }
#comment-reply .smallbox { height:15px; margin-bottom:5px; background-color:#000000; border-color:#715926; border-style:dotted; color:#ba9f65; padding:5px; margin-left:5px;}
#comment-reply .smallbox-margin-left { height:15px; margin-bottom:5px; background-color:#000000; border-color:#715926; border-style:dotted; color:#ba9f65; padding:5px; margin-left:50px;}
/*
CLIENTS PAGE
*/
.client {width:180px; margin:0 5px 0 0; height:144px; float:left; font-size:10px; }
.client-tall {width:180px; margin:0 5px 0 0; height:244px; float:left; font-size:10px; }