/*
Theme Name: WordPress Customised for Sixty40
Theme URI: http://wordpress.org/
Description: Wordpress customisation for <a href="http://sixty40.com">Sixty40</a>. Design by Sixty40, Build by <a href="http://kat-hello.com">Kat</a>.
Version: 1.6
Author: Kat Clark
Author URI: kat-hello.com/
Tags: Video, 

	Sixty40 v1

	This theme was designed by sixty40 and built by Kat Clark,

*/

/* RESET */
@import url('./style-reset.css');

body { background: #000000 url(images/bg-body.gif) repeat-x 0 51px; color: #CDCDCE; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-size: 12px; line-height: 17px; font-weight: bold; overflow-x: hidden;}

/* STRUCTURE */
div#panda { width: 100%; overflow: hidden; position: relative;}
div#pandabody { width: 960px; float: left; display: inline; overflow: hidden; padding: 0px 0px 47px 0px;}

/* TEXT */
a:link, a:visited { color: #CDCDCE; text-decoration: underline; }
a:hover, a:active { color: #CDCDCE; text-decoration: underline; }

h1#logo { background: transparent url(images/bubble-sixty40.png) no-repeat center; width: 147px; height: 147px; font-size: 10px; line-height: 10px; text-indent: -2008px; position: absolute; top: 42px; left: 640px; z-index: 300; }
h1#logo span { cursor: pointer; background: transparent url(images/bubble-home.png) no-repeat center; width: 147px; height: 147px; text-indent: -2008px; position: absolute; top: 0; left: 0; display: none; z-index: 100; }
h1#logo a:link, h1#logo a:visited, h1#logo a:hover, h1#logo a:active { width: 100%; height: 100%; display: block;}

h2 {color: #ffffff; display: block; font-weight: bold; font-size: 14px; line-height: 16px; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #ffffff; font-weight: bold; text-decoration: none; display: block; width: 100%; height: 100%; }

h2.category {margin: 0px 0px 0px 47px;}

h2.block { display: block !important; float: none !important; clear: both !important; }

/* Page Headings */
h2#letitbegreat { float: none; display: block; clear: both; width: 100%; height: 346px; background: transparent url(images/letitbegreat.gif) no-repeat top left; text-indent: -5000px;}
div#fancy01 {position: absolute; z-index: 100; top: 30px; left: 31px; width: 42px; height: 25px; background: transparent url(images/libg-fancy01.png) no-repeat top left;}
div#fancy02 {position: absolute; z-index: 1; top: 22px; left: 502px; width: 48px; height: 33px; background: transparent url(images/libg-fancy02.png) no-repeat top left;}
div#fancy03 {position: absolute; z-index: 100; top: 400px; left: 632px; width: 128px; height: 118px; background: transparent url(images/libg-fancy03.png) no-repeat top left;}

h2#letitbework { float: none; display: block; clear: both; width: 100%; height: 176px; background: transparent url(images/letitbework.gif) no-repeat top left; text-indent: -5000px; margin: 1px 0px 0px 0px;}
h2#letitbehype { float: none; display: block; clear: both; width: 100%; height: 188px; background: transparent url(images/letitbehype.gif) no-repeat top left; text-indent: -5000px; }
h2#letitbereel { float: none; display: block; clear: both; width: 100%; height: 153px; background: transparent url(images/letitbereel.gif) no-repeat top left; text-indent: -5000px; }
h2#about { float: none; display: block; clear: both; width: 100%; height: 179px; background: transparent url(images/letitbeinfo.gif) no-repeat top left; text-indent: -5000px; margin: 1px 0px 20px 0px; }
h2#contact { float: none; display: block; clear: both; width: 100%; height: 137px; background: transparent url(images/letitbedetails.gif) no-repeat top left; text-indent: -5000px; margin: 2px 0px 20px 0px; }

h2#commercials { float: left; display: inline; width: 484px; height: 102px; background: transparent url(images/commercials.png) no-repeat top left; text-indent: -3002px; margin: -47px 0px 0px 20px;}
h2#broadcast   { float: left; display: inline; width: 461px; height: 100px; background: transparent url(images/broadcast.png) no-repeat top left; text-indent: -3002px; margin: -45px 0px 0px 46px;}
h2#content     { float: left; display: inline; width: 432px; height: 110px; background: transparent url(images/content.png) no-repeat top left; text-indent: -3002px; margin: -47px 0px 0px 74px;}
h2#independent { float: left; display: inline; width: 475px; height: 95px; background: transparent url(images/independent.png) no-repeat top left; text-indent: -3002px; margin: -48px 0px 0px 30px;}

h2#title { margin: 20px 0px 0px 47px; color: #ee5702; font-size: 25px; line-height: 27px;}

h3 { color: #ffffff; display: block; font-weight: bold; font-size: 14px; line-height: 16px; }
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #ffffff; font-weight: bold; text-decoration: none; }

h3.work-listing { width: 100%; padding: 10px 0px 0px 10px; }

p { padding: 0px 0px 10px 0px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; }

p.readmore { display: none; } 
p#discover { margin: 20px 0px 0px 52px; padding: 0;}

/* share */
div.addthis_container { float: right; width: 60px; padding: 0; margin: 0px 65px 0px 0px; display: inline; }
div.addthis_container .addthis_button_compact, div.addthis_container .addthis_separator { display: none; }
div#share { float: left; display: inline; margin: 0px 0px 0px 20px; padding: 10px; background-color: #515152; }
div#share div.addthis_container {float: left; width: 60px; margin: 0;}
div#col2 div#share { margin: 0; padding: 0px 10px 10px 0px; }


/* TID BITS */
.left47 { padding-left: 47px;}
.aligncenter { margin: 0px auto 10px auto; display: block; }
.alignleft { float: left; display: inline; margin: 0px 20px 20px 0px; }
.alignright { float: right; display: inline; margin: 0px 0px 10px 0px; }


/* home */
div#fav { float: left; display: inline; width: 650px; margin: 60px 0px 0px 42px; background-color: #515152;}
div#fav div.post { width: 100%; overflow: hidden; margin: 0; min-height: 135px;}
div#fav div.post img { padding: 0px 0px 17px 0px; float: left; display: inline;}
div#fav div.post div.post-content {width: 325px; float: left; display: inline; padding: 0px 0px 17px 0px;}
div#fav div.post div.post-content h3 { font-size: 12px; line-height: 17px; background-color: #606062; color: #ffffff; display: block; padding: 6px 14px 3px 14px; margin: 0px 0px 1px 0px;}
div#fav div.post div.post-content h3 a:link, div#fav div.post div.post-content h3 a:visited, div#fav div.post div.post-content h3 a:hover, div#fav div.post div.post-content h3 a:active { display: block; background-color: #606062; color: #ffffff; text-decoration: none;}


div.noimage { width: 324px; float: left; display: inline; height: 135px; }
div#fav div.last img { padding: 0px;}
div#fav div.last div.post-content { padding: 0px;}

div#news {float: right; display: inline; width: 196px; margin: 60px 42px 0px 0px; background-color: #6d6d6e; color: #cdcdce;}
div#news div.post { min-height: 152px;  width: 100%; margin: 0; }
div#news div.even { background-color: #585859;}
div#news div.post h3 {font-size: 14px; line-height: 16px; color: #ffffff; background-color: transparent; padding: 12px 9px 0px 9px; }
div#news div.post h3 a:link, div#news div.post h3 a:visited, div#news div.post h3 a:hover, div#news div.post h3 a:active { color: #ffffff; background-color: transparent; display: block; text-decoration: none; font-size: 14px; line-height: 16px; }
div#news div.post p { font-weight: normal; padding: 0px 9px 0px 9px;}

div#news div.last { min-height: 135px; }

/* not home */
img.thumbnail { display: block; margin: 0px auto; }
a.thumb:link, a.thumb:visited, a.thumb:hover, a.thumb:active { display: block; border: 0px solid red;}

div.post { float: left; display: inline; width: 412px; background-color: #515152; color: #b1b1b1; margin: 0px 0px 20px 47px; min-height: 292px;}
div.post h3 {  padding: 7px 12px 0px 10px; }
div.post p { padding: 0px 12px 0px 12px; }

div.category { width: 100%; float: left; display: inline;}
div#categorydesc {padding: 0px 0px 20px 0px; font-size: 17px; line-height: 20px; color: #aaacb2; float: left; display: inline; width: 412px;}


/* pagination */
div.navigation { display: block; width: 100%; overflow: hidden; padding: 20px 0px 0px 0px;}
body.single div.navigation { width: 569px; }
body.single div.alignright {padding: 0;}
div.alignleft { float: left; display: inline; padding: 0px 0px 0px 47px; font-size: 17px; line-height: 20px; }
div.alignright { float: right; display: inline; padding: 0px 47px 0px 0px; font-size: 17px; line-height: 20px; }
p#more { cursor: pointer; width: 56px; height: 11px; background: transparent url(images/link-more.gif) no-repeat top left; text-indent: -2000px; float: right; display: inline; margin: 0px 47px 0px 0px;}
p#less { cursor: pointer; display: none; width: 50px; height: 11px; background: transparent url(images/link-less.gif) no-repeat top left; text-indent: -2000px; float: right; margin: 0px 47px 0px 0px;}

/* navigation */
ul#menu-main-navigation { padding: 33px 0px 0px 62px; width: 710px; overflow: hidden; position: relative; z-index: 200; }
ul#menu-main-navigation li { height: 11px; overflow: hidden; text-indent: -7009px; float: left; display: inline; margin: 0px 33px 0px 0px; position: relative; }
ul#menu-main-navigation li a:link, ul#menu-main-navigation li a:visited, ul#menu-main-navigation li a:hover, ul#menu-main-navigation li a:active { height: 22px; color: #ffffff; text-decoration: none; display: block; position: absolute; width: 100%; top: 0; left: 0;}
ul#menu-main-navigation li.current-menu-item a:link, ul#menu-main-navigation li.current-menu-item a:visited, ul#menu-main-navigation li.current-menu-item a:hover, ul#menu-main-navigation li.current-menu-item a:active { color: #ffffff; text-decoration: underline;}

ul#menu-main-navigation li span { height: 22px; width: 100%; display: block; position: absolute; top: 0; left: 0; } 
ul#menu-main-navigation li.current-menu-item span, ul#menu-main-navigation li.current-post-ancestor span { top: -11px; }

/* reel */
ul#menu-main-navigation li#menu-item-1201 { width: 28px; }
ul#menu-main-navigation li#menu-item-1201 span { display: block; background: transparent url(images/nav-reel.gif) no-repeat top left; } 

/* commercials */
ul#menu-main-navigation li#menu-item-1203 { width: 85px; }
ul#menu-main-navigation li#menu-item-1203 span { height: 22px; background: transparent url(images/nav-commercials.gif) no-repeat top left; } 

/* braodcast */
ul#menu-main-navigation li#menu-item-1202 { width: 64px; }
ul#menu-main-navigation li#menu-item-1202 span { height: 22px; background: transparent url(images/nav-broadcast.gif) no-repeat top left; } 

/* content */
ul#menu-main-navigation li#menu-item-1204 { width: 51px; }
ul#menu-main-navigation li#menu-item-1204 span { height: 22px; background: transparent url(images/nav-content.gif) no-repeat top left; } 

/* independant */
ul#menu-main-navigation li#menu-item-1205 { width: 82px; }
ul#menu-main-navigation li#menu-item-1205 span { height: 22px; background: transparent url(images/nav-independant.gif) no-repeat top left; } 

/* about */
ul#menu-main-navigation li#menu-item-1200 { width: 38px; }
ul#menu-main-navigation li#menu-item-1200 span { height: 22px; background: transparent url(images/nav-about.gif) no-repeat top left; } 

/* contact */
ul#menu-main-navigation li#menu-item-1208 { width: 51px; }
ul#menu-main-navigation li#menu-item-1208 span { height: 22px; background: transparent url(images/nav-contact.gif) no-repeat top left; } 


ul#categories { width: 700px; overflow: hidden; margin: 0px 0px 0px 52px; float: left; display: inline;}
ul#categories li { float: left; display: inline; padding: 0px 33px 0px 0px; }

/* header jazz */
div#pandahead { width: 100%; height: 49px; background-color: transparent; }
body.home div#pandahead, body.page-id-1262 div#pandahead { width: 100%; height: 55px; background-color: transparent; }
div.news div#pandahead { height: 44px;}

p#blog-link { position: absolute; width: 97px; height: 76px; background: transparent url(images/bubble-blog.gif) no-repeat center; font-size: 10px; line-height: 10px; text-indent: -8008px; position: absolute; top:8px; left: 787px; padding: 0; margin: 0; }
p#blog-link span { cursor: pointer; background: transparent url(images/bubble-letitbeblog.gif) no-repeat center; width: 100%; height: 100%; text-indent: -8008px; position: absolute; top: 0; left: 0; display: none; z-index: 100; }

p#blog-link a:link, p#blog-link a:visited, p#blog-link a:hover, p#blog-link a:active { width: 100%; height: 100%; display: block; z-index: 300;}

/* footer */
img#bgimage { position: absolute; z-index: -1; top: 55px; left: 0px; display: none;}

/* body section */
div#col1 { overflow: hidden; float: left; display: inline; margin: 0px 0px 0px 47px; width: 560px;}
div#col1 span.vvqbox, div#col1 iframe {margin: 20px 0px 10px 0px;}

div#col2 { float: right; display: inline; width: 332px; margin: 0px; background-color: #515152; padding: 10px 10px 0px 10px;}

div.greyback { background-color: #515152; padding: 0px 0px 0px 0px; width: 504px !important; border: 9px solid #515152;}
div.nogreyback { background-color:  transparent !important; }

span.vvqbox, iframe { float: none; display: block; border: 9px solid #515152; margin: 0px 0px 0px 52px; background-color: #515152; }
span.vvqbox span { display: block; }

iframe#map { float: none; display: block; border: 9px solid #515152; background-color: #515152; }

div#fancydrip { position: absolute; z-index: 90; width: 54px; height: 451px; background: transparent url(images/fancy-drip.png) no-repeat top left; top: 235px; left: 875px; }
div#bubble-blue { position: absolute; z-index: 100; width: 74px; height: 74px; background: transparent url(images/bubble-blue.png) no-repeat top left; top: 175px; left: 854px; }
div#bubble-blue-orange { position: absolute; z-index: 100; width: 96px; height: 81px; background: transparent url(images/bubble-blue-orange.png) no-repeat top left; top: 100px; right: 15px; }

/* contact form */
div#subscribe { float: right; display: inline; margin: 26px 42px 0px 0px; background-color: #6d6d6e; height: 109px; }
div#subscribe form { width: 196px; background-color: #6d6d6e; color: #cdcdce; }
div#subscribe form p { background-color:transparent; color:#FFFFFF; display:block; font-size:14px; line-height:16px; padding: 12px 4px 0px 9px; }
div#subscribe form div#hello { width: 177px; float: left; display: inline; padding: 5px 9px 0px 9px; }
div#subscribe form input { border: 1px solid #909090; width: 130px; margin: 0px 0px 1px 0px; display: inline; float: left; font-size: 10px; line-height: 13px; }
div#subscribe form label { width: 40px; display: inline; float: left; padding: 0px 4px 1px 0px; text-align: left; }
div#subscribe form input#submit { border: 1px solid #606060; background-color: #333333; color: #ffffff; width: auto; height: auto; display: inline; line-height: 13px; padding: 1px 0px 0px 0px; float: right; margin: 5px 9px 5px 0px; }
/* contact form */