/*
Theme Name: Wisted Productions Design
Theme URI: http://www.wisted.com
Description: The design for Wisted Productions
Version: 1.0
Author: Kirk Sigmon
Author URI: http://kirksigmon.com/
Tags: black, two column, video, circles
*/

* {border-collapse: collapse; border-spacing:0;}
body {margin:0; background:url(images/bg.jpg) top repeat-x #000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e2e2e2;}

a {text-decoration:none; color:#a7a224;}
a:hover {color:#faf693;}
q {display:block; border-left:solid 3px #FFFFFF; margin:10px 40px; padding:3px 10px; color:#FFFFFF}

a.jump {display:block; width:95%; text-align:right; font-weight:bold; font-size:14px; color:#f5ee31;}
a.jump:before {content:" >> ";}

h2 { font-variant:small-caps;}

table.layout {width:1000px; margin:0 auto;}
table.layout td {vertical-align:top;}
table.layout td.bg_cir {height:500px; background:url(images/bg_circles.jpg) bottom right no-repeat;}

div.h {display:block; width:1000px; heigth:59px; padding-top:20px;}
div.h h1 {background:url(images/wistedproductions_logo.gif) no-repeat; width:346px; height:59px; float:left;}
div.h h1 a {display:block; width:346px; height:59px;}
div.h h1 a b {display:none;}

div.h ul {display:block; width:540px; height:53px; float:left; margin-top:50px;}
div.h ul li {display:block; list-style:none; margin:0; float:left}
div.h ul li a {display:block; height:53px; width:125px; float:left;}
a#home {background:url(images/nav/home_0.gif) no-repeat center;}
a#home:hover, a#home.s {background:url(images/nav/home_1.gif) no-repeat center;}
a#works {background:url(images/nav/works_0.gif) no-repeat center;}
a#works:hover, a#works.s {background:url(images/nav/works_1.gif) no-repeat center;}
a#blog {background:url(images/nav/blog_0.gif) no-repeat center;}
a#blog:hover, a#blog.s {background:url(images/nav/blog_1.gif) no-repeat center;}
a#contact {background:url(images/nav/contact_0.gif) no-repeat center; width:150px;}
a#contact:hover, a#contact.s {background:url(images/nav/contact_1.gif) no-repeat center;}

div.blog_post {display:block; width:670px; background:#282828 url(images/blog_b.gif) bottom no-repeat; padding-bottom:10px; margin-top:5px;}
div.blog_post h2 {background:url(images/blog_t.gif) no-repeat; color:#f5ee31; padding:10px; padding-bottom:0; padding-left:30px; margin:0; font-variant:small-caps;}
div.blog_post p {margin:7px; padding:0 30px; color:#e2e2e2;}

a.thumb {display:block; width:300px; height:150px; padding:15px; background:url(images/thumb_bg.png) no-repeat !important; background:none;}
a.thumb div {display:block; width:300px; height:30px; padding-top:120px; border:none !important; border:solid 1px white;}
a.thumb b {display:inline; float:left; font-size:27px;}
a.thumb span {display:block; width:290px; height:20px; padding:5px; margin:0; background:url(images/bl_50.png); text-align:right; color:#f5ee31; font-weight:bold;}
a.thumb span:before {content:" >> ";}

div.footer {display:block; float:right; background:url(images/footer_circle.gif) no-repeat; width:207px; height:157px; text-align:center; padding-top:50px;}
div.footer b {color:#FFFFFF;}

#slider {width: 1000px; margin: 0 auto; position: relative;}
.scroll {height: 275px; width: 1000px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
div.panel {display:block; float:left; position:relative; width:1000px; height:275px;}
div.panel div {display:block; height:65px; padding-top:210px; width: 1000px; background:url(images/splash_corners.png) no-repeat !important; background:none;}
div.panel div b {display:block; float:left; width:50px; text-align:center; font-size:34px;}
div.panel div span {display:block; width:990px; height:65px; padding:5px; padding-top:0; background:url(images/bl_50.png);}
div.panel div h2 {color:#f5ee31; margin:0;}
div.panel div a.jump {margin-top:-10px;}
.hide {display: none;}

td.video {display:block; width:638px; height:385px; background:url(images/video_bg.jpg); padding:19px 180px;}
#thumbs {display:block; width:1000px;}
a.video_desc {display:block; width:500px; height:85px; float:left; text-decoration:none; font-weight:bold; font-size:16px; background:url(images/videothumb_b1.gif) no-repeat;}
a.video_desc:hover {background:url(images/videothumb_b2.gif);}
a.video_desc img {display:block; width:75px; height:75px; float:left; border:solid 1px #666666; margin:5px 10px;}
a.video_desc h4 {width:305px; margin:0; margin-top:10px;}
a.video_desc span {color:#999999; width:305px; font-weight:none; font-size:12px;}

td.contact {}
td.contact h3 {margin-left:20px; color:#666666;}
td.contact li {margin-left:50px; list-style:none;}

td.nowplaying h3 {display:block; background:url(images/nowplaying.jpg) left no-repeat; width:100%; height:60px; padding:0; margin:10px;}
td.nowplaying div {display:block; width:750px; margin:0 auto;}
td.nowplaying h4 {display:block; color:#D8C141;}

h3.otherworks {display:block; background:url(images/otherworks.jpg) left no-repeat; width:100%; height:60px; padding:0; margin:10px;}
h3.latestblog {display:block; background:url(images/latestblogpost.jpg) left no-repeat; width:100%; height:60px; padding:0; margin:10px;}

td.blog_right {width:350px; background:#252525 url(images/blog_r_b.gif) bottom no-repeat; padding:0;}
td.blog_right a.top {display:block; background:url(images/blog_r_t.gif); width:350px; height:10px;}
td.blog_right h2 {margin-left:10px;}
td.blog_right * {list-style:none; margin:0; padding:0;}
td.blog_right ul li li {list-style:disc inside; margin:3px 0 3px 20px;}
td.blog_right form {padding-left:10px;}
.widget_tag_cloud {list-style:none; padding:5px;}

.jr-post-img {float:none; clear:both; max-width:650px;}
.blog_post .entry a {display:block; float:none; width:100%; text-align:center;}
.blog_post .entry a img {float:none; border:0;}