/*
Theme Name: Mac and Cheez
Description: Custom theme for Steve Fishman
Author: Aaron Stoddart
Author URI: http://www.inkbeard.com/

*/

/*  --- clean slate --- */
* {
margin:0;
padding:0;
text-decoration: none;
border:0;
list-style:none;
outline:none;
}

html, body {
font:13px/1.4em Arial, Helvetica, sans-serif;
letter-spacing:.5px;
text-align:center;
background:#949494;
color:#666;
}


/* --- wrapper --- */


#wrapper {
width:850px;
margin:0 auto;
}

#wrapper-top {
background:url(images/header.png) 0 0 no-repeat;
width:855px;
height:444px;
}

#wrapper-bottom {
background:url(images/footer.png) 0 0 no-repeat;
width:855px;
height:211px;
margin:0 auto -125px auto;
float:left;
position:relative;
z-index:1;
bottom:125px;
}


/* --- page --- */


#page {
background:#fff;
width:733px;
margin:0 0 0 69px;
float:left;
position:relative;
z-index:1;
}


/* --- header --- */


#header {
width:739px;
margin:0 auto;
}

#header a.logo {
display:block;
width:370px;
height:170px;
margin:0 0 0 20px;
position:relative;
top:35px;
}


/* --- sidebar --- */


#sidebar {
width:212px;
float:right;
margin:-150px 15px 100px 0;
position:relative;
z-index:100;
}


/* --- navigation --- */


li.about-button a {
display:block;	
background:url(images/about-button.png) 0 0 no-repeat;
width:150px;
height:78px;
margin:0 auto;
text-indent:-9999px;
}

li.about-button a:hover {
background-position:-150px 0;
}

li.reel a {
display:block;
background:url(images/reel-button.png) 0 0 no-repeat;
width:140px;
height:62px;
margin:0 auto;
text-indent:-9999px;
}

li.reel a:hover {
background-position:-139px 0;
}

h2.work {
background:url(images/work-button.png) 0 0 no-repeat;
width:141px;
height:65px;
margin:0 auto;
text-indent:-9999px;
}

li.contact a {
display:block;
background:url(images/contact-button.png) 0 0 no-repeat;
width:150px;
height:69px;
margin:0 auto;
text-indent:-9999px;
}

li.contact a:hover {
background-position:-151px 0;
}

li.news a {
display:block;
background:url(images/news-button.png) 0 0 no-repeat;
width:150px;
height:76px;
margin:0 auto;
text-indent:-9999px;
}

li.news a:hover {
background-position:-151px 0;
}

li.search {
display:block;
background:url(images/search.png) 0 0 no-repeat;
width:172px;
height:127px;
margin:0 auto;
}

.searchbox {
margin: 65px 0 10px -4px;
padding:3px 0;
}

.searchbox:hover, .searchbox:focus {
background:#ebf3ff;
}

#searchsubmit {
position:absolute;
left:-9999px;
}


/* --- content --- */


#content {
width:480px;
float:left;
margin:-150px 0 200px 21px;
}

.entry {
margin:0 auto 10px auto;
}

.navigation {
width:400px;
height:30px;
margin:20px auto;
font-size:1.8em;
}


/* --- misc --- */


img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a.twitter {
display:block;
background:url(images/twitter-button.png) 0 0 no-repeat;
width:47px;
height:49px;
text-indent:-9999px;
outline:none;
position:absolute;
z-index:100;
left:315px;
top:232px;
}

a.twitter:hover {
background-position:-50px 0;
}

a.email {
display:block;
background:url(images/email-button.png) 0 0 no-repeat;
width:50px;
height:40px;
text-indent:-9999px;
outline:none;
position:absolute;
z-index:100;
left:260px;
top:237px;
}

a.email:hover {
background-position:-54px 0;
}

/* --- hidden --- */

#sidebar span, hr, h1 span, h2 span, .entry p span {
position:absolute;
left:-9999px;
height:0px;
width:0px;
overflow:hidden;
}