/* -----------------------------------------------------------------------

   Jason Walker website screen styles v1.0
   Paul Bellamy, BellamyStudio 2008

----------------------------------------------------------------------- */
body {background:#4a4343 url('/images/template/header_bar.png') top left repeat-x;color:#bbb;margin-bottom:0}
a {color:#E45627; text-decoration:none}
a:hover {color:#ff6633}
h1, h2, h3 {font-size:22px; font-weight:normal; color:#999; margin-bottom:0.5em}
h4 {font-size:16px; font-weight:normal; color:#999; margin-bottom:1.5em}
#header {margin:30px 0; position:relative}
#content {margin-bottom:30px}
/* navigation */
#Nav ul {position: absolute; top: 0px; left: 500px; width: 403px; height: 62px; padding: 0; margin: 0;}
#Nav li {list-style: none; margin: 0; padding: 0; display: inline;}

#Nav li a:link, #Nav li a:visited, #Nav li a:hover {display: block; position: absolute; background-image: url('/images/template/nav09.png'); background-repeat: no-repeat; top: 0px; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 62px 0 0 0; cursor:pointer; z-index:1}
/* regular links */
#Nav .li1 a {left: 0; width: 69px;}
#Nav .li2 a {left: 69px; width: 66px; background-position: -69px 0}
#Nav .li3 a {left: 137px; width: 107px; background-position: -137px 0}
#Nav .li4 a {left: 244px; width: 69px; background-position: -244px 0}
#Nav .li5 a {left: 313px; width: 90px; background-position: -313px 0}
/* hover states */
#Nav .li1 a:hover {background-position: 0 -62px}
#Nav .li2 a:hover {background-position: -69px -62px}
#Nav .li3 a:hover {background-position: -137px -62px}
#Nav .li4 a:hover {background-position: -244px -62px}
#Nav .li5 a:hover {background-position: -313px -62px}
/* active states */
.home #Nav .li1 a {background-position: 0 -124px}
.work #Nav .li2 a {background-position: -69px -124px}
.bio #Nav .li3 a {background-position: -137px -124px}
.blog #Nav .li4 a {background-position: -244px -124px}
.contact #Nav .li5 a {background-position: -313px -124px}
/* sorry, couple of ie6 fixes */
#Nav li a {cursor: pointer; background:inherit}

#thumbs {padding:0;margin:-5px 0 0 0}
#workthumbs {width:100%; clear:both}
#thumbs a, #workthumbs a.pic {float:left; width:166px; height:166px; display:block; overflow:hidden; padding:0}
#thumbs a {margin:0 10px 15px 0}
#workthumbs a.pic {margin:0 16px 15px 0}
/*#thumbs a:hover, #workthumbs a.pic:hover {border:2px solid #4d3737}*/
#thumbs a img, #workthumbs a.pic img {margin:0;padding:0}
.blogpic {float:right; margin:0 0 10px 10px}

.pagination {float:left;width:100%;padding:0;margin:10px 0}
span.previous {float:left;width:50%;margin:0;padding:0;}
span.next {float:right;width:50%;margin:0;padding:0;text-align:right}

#footer {width:100%; clear:both; background-color:#3c3737;padding:20px 0;font-size: 85%;letter-spacing: 0.09em}
ul#insidefooter {width:950px;margin:10px auto;list-style:none}
ul#insidefooter li {display:inline;margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #4a4343}
#footer p {color: #fff;margin:20px 0;padding:0;}

/* historical work tab display */
#shows  p {margin:0 0 .5em 0}
#shows a {cursor:pointer;display:block;padding:5px 0;font-weight: bold;font-size: 1.2em;border-bottom: 1px solid #555;}

#shows a.selected {color: #dedede}

/*form stuff */
input.text, textarea { background-color:#A5A1A1; width:250px; font-family:Arial, Helvetica, sans-serif; color:white;font-size:1.2em }
input.text:focus, textarea:focus {background-color:#D2D0D0; color:#333}
textarea {height:10em}
label.error { float:right;padding:3px; width:236px; background:transparent; border:none; color:#f30}