/*
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: #0b0b0b url(images/bg_diagonal.gif) repeat top left; 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: 822px; margin: 0px auto; position: relative; z-index: 2; }
div#pandabody { width: 822px; position: relative; padding: 34px 0px; margin: 0px auto; }
div#pandahead { width: 100%; height: 69px; border-bottom: 1px solid #d3005b; }
img#bg-logo { position: fixed; top: 50%; left: 50%; margin: -330px 0px 0px -720px; z-index: 1; display: none; }
/* TEXT */
h1#logo { background: transparent url(images/logo_sixty40.gif) no-repeat center; width: 592px; height: 121px; font-size: 10px; line-height: 10px; text-indent: -9008px;  z-index: 300; margin: 0px 0px 0px 10px; }
h1#logo span { cursor: pointer; background: transparent url(images/bubble-home.png) no-repeat center; width: 10px; height: 10px; 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;}
h1,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 0px;}
h2.block { display: block !important; float: none !important; clear: both !important; }
h2#title { margin: 20px 0px 0px 0px; color: #ffffff; 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; }
h4 { color: #959595; }
p, ul { padding: 0px 0px 10px 0px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; }
p.readmore { display: none; } 
p#discover { margin: 20px 0px 0px 0; padding: 0;}
a:link, a:visited { color: #CDCDCE; text-decoration: underline; }
a:hover, a:active { color: #CDCDCE; text-decoration: underline; }
/* share */
div.addthis_toolbox { float: left; display: inline; }
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;  }
div#share div.addthis_container {float: left; width: 60px; margin: 0;}
div#col2 div#share { margin: 0; padding: 0px 10px 10px 0px; }
a.addthis_button_facebook_like { margin-top: -2px; }
#likebox-frame { border: none !important; width: 223px; z-index: 10; height: 64px; overflow: hidden; position: absolute; top: 399px; left: 721px; }
#likebox-frame iframe { left: -1px; overflow:hidden; position:relative; top:-1px; }

/* TID BITS */
.alignnone { display: block; }
.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 */
body.home div.heading { margin: 14px -8px 0px 0px; position: relative; height: 41px; padding: 0; top: auto; left: auto; }
body.home div.heading h3 { height: 32px; float: right; display: inline; text-transform: uppercase; }
body.home div.heading img.tail { width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; left: auto; padding: 0 !important; }
body.home div.pink h3 { background-color: #d3005b; padding: 0 !important; line-height: 30px !important; text-align: right; font-weight: normal !important; }
body.home div.darkgrey h3 { background-color: #4b4845; color: #000000; padding: 0 !important; line-height: 30px !important; text-align: right; font-weight: normal !important; }
body.home div.noimage { width: 267px; margin: 0; height: 154px; float: left; display: inline; }

/* Work listing */
body.page-id-1262 div.heading { margin: 14px -8px 0px 0px; position: relative; overflow: hidden; padding: 0 0px 9px 0px; top: auto; left: auto; }
body.page-id-1262 div.heading h3 { float: right; display: inline; text-transform: uppercase; }
body.page-id-1262 div.heading img.tail { width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; left: auto; padding: 0 !important; }
body.page-id-1262 div.pink h3 { background-color: #d3005b; padding: 0 !important; text-align: right; font-weight: normal !important; display: block; }
body.page-id-1262 div.heading img.tail { width: 9px; height: 9px; position: absolute; bottom: 0; right: 0; left: auto; padding: 0 !important; }
body.page-id-1262 div.pink h3 a { display: block; padding: 3px 24px 0px 10px; }
body.page-id-1262 div.noimage { width: 267px; margin: 0; height: 154px; float: left; display: inline; }

/* favourite posts */
div#left { float: left; display: inline; width: 587px; margin: 28px 0px 0px 0px;}
div#left div.post { width: 100%; overflow: hidden; margin: 0; min-height: 135px; background-color: transparent; }
div#left div.post img { padding: 0px 10px 10px 0px; float: left; display: inline;}
div#left div.post div.post-content { width: 313px; height: 144px; float: left; display: inline; padding: 0px 0px 0px 0px; background-color: #202020; text-align: right; }
div#left div.post div.post-content h3 { font-size: 16px; line-height: 16px; color: #ffffff; }
div#left div.post div.post-content h3 a:link, div#left div.post div.post-content h3 a:visited, div#left div.post div.post-content h3 a:hover, div#left div.post div.post-content h3 a:active { color: #ffffff; text-decoration: none; padding: 0px 24px 0px 10px;}
div#left div.post div.post-content p { padding: 0px 8px; color: #ffffff; }
div.noimage { width: 316px; height: 151px; margin: 0px 0px 0px 10px; }

/* news */
div#right { float: right; display: inline; width: 203px; margin: 6px 0px 0px 0px; color: #cdcdce; }
div#right div.heading { height: 31px; margin: 0px 0px -9px 0px; }
div#right div.heading h3 { width: 75px; height: 22px; line-height: 22px !important; font-size: 19px; text-align: center; }
div#right div.post { width: 194px; height: 144px; min-height: 100px; float: left; display: inline; margin: 0px 0px 10px 0px; background-color: #0d0d0d; }
div#right div.post h4 { font-size: 12px; line-height: 14px; background-color: transparent; padding: 10px 12px 0px 12px; font-weight: normal; color: #959595; }
div#right div.post h4 a:link, div#right div.post h4 a:visited, div#right div.post h4 a:hover, div#right div.post h4 a:active { color: #959595; background-color: transparent; display: block; text-decoration: none; }
div#right div.post p { font-weight: normal; padding: 0px 12px; color: #ffffff; font-size: 10px; }

/* contact form */
div#subscribe { float: right; width: 203px; display: inline; margin: 0px 0px 0px 0px; height: 109px; }
div#subscribe form { width: 194px; height: 144px; background-color: #0d0d0d; color: #cdcdce; overflow: hidden; }
div#subscribe form p { background-color:transparent; color:#959595; display:block; font-size:12px; line-height:15px; 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: 120px; 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; font-size: 10px; }
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 19px 5px 0px; }

/* social links */
div#social { position: fixed; top: 79px; right: 0; height: 122px; width: 91px; }
div#social a:link, div#social a:visited, div#social a:hover, div#social a:active { height: 27px; width: 100%; float: left; display: inline; margin: 0px 0px 5px 0px; position: relative; }
div#social a img { position: absolute; top: 0; right: 0; z-index: 20;}
div#social a span { height: 10px; display: block; text-indent: -99999px; position: absolute; left: 63px; top: 9px; width: 60px; z-index: 10; }
div#social a#blog span { background: transparent url(images/link-blog.gif) no-repeat 29px 0px; }
div#social a#facebook span { background: transparent url(images/link-facebook.gif) no-repeat center left; }
div#social a#twitter span { background: transparent url(images/link-twitter.gif) no-repeat 12px 0px; }
div#social a#vimeo span { background: transparent url(images/link-vimeo.gif) no-repeat 23px 0px; }

/* not home */
div#pandatummy { padding: 28px 0px 0px 0px; width: 100%; overflow: visible; }

div.post { float: left; display: inline; width: 410px; color: #b1b1b1; margin: 0px 0px 0px 0px; min-height: 245px; position: relative; }
a.thumb:link, a.thumb:visited, a.thumb:hover, a.thumb:active { display: block; }
img.thumbnail { display: block; padding: 0px 0px 0px 9px; }
div.heading { position: absolute; left: 0; top: 149px; padding: 0px 0px 15px 0px; }
div.heading h3 { line-height: 18px; display: block; text-transform: uppercase; padding: 0 17px; font-weight: normal; }
div.heading h3 a {color: #000000;}
div.heading img.tail { position: absolute; bottom: 0; left: 0; padding: 0; }
div.post div.post-summary { width: 316px; min-height: 80px; margin: 0px 0px 0px 9px; padding: 0; background-color: #323233; }
div.post div.post-summary p { padding: 18px 9px 5px 9px; font-size: 11px; }

div.yellow div.heading h3 { background-color: #fdff2f; color: #000000; }
div.pink div.heading h3 { background-color: #d3005b; color: #000000; }
div.green div.heading h3 { background-color: #aad11e; color: #000000; }
div.blue div.heading h3 { background-color: #6afff1; color: #000000; }
div.grey div.heading h3 { background-color: #b9b9b9; color: #000000; }

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

/* pagination */
div.navigation { display: block; width: 100%; overflow: hidden; padding: 20px 0px 0px 0px;}
div.alignleft { float: left; display: inline; padding: 0; font-size: 17px; line-height: 20px; }
div.alignright { float: right; display: inline; padding: 0; font-size: 17px; line-height: 20px; }
p#more { cursor: pointer; width: 41px; height: 13px; background: transparent url(images/link-more-pink.gif) no-repeat top left; text-indent: -99999px; float: right; display: inline; margin: 0px 0px 0px 0px;}
p#less { cursor: pointer; display: none; width: 41px; height: 13px; background: transparent url(images/link-less-pink.gif) no-repeat top left; text-indent: -2000px; float: right; margin: 0px 0px 0px 0px;}
div.pink p#more { background: transparent url(images/link-more-pink.gif) no-repeat top left;}
div.green p#more { background: transparent url(images/link-more-green.gif) no-repeat top left;}
div.yellow p#more { background: transparent url(images/link-more-yellow.gif) no-repeat top left;}
div.blue p#more { background: transparent url(images/link-more-blue.gif) no-repeat top left;}
div.grey p#more { background: transparent url(images/link-more-grey.gif) no-repeat top left;}
div.pink p#less { background: transparent url(images/link-less-pink.gif) no-repeat top left;}
div.green p#less { background: transparent url(images/link-less-green.gif) no-repeat top left;}
div.yellow p#less { background: transparent url(images/link-less-yellow.gif) no-repeat top left;}
div.blue p#less { background: transparent url(images/link-less-blue.gif) no-repeat top left;}
div.grey p#less { background: transparent url(images/link-less-grey.gif) no-repeat top left;}


/* navigation */
ul#menu-main-navigation { padding: 48px 0px 0px 0px; width: 822px; overflow: hidden; position: relative; z-index: 200; margin: 0px auto; }
ul#menu-main-navigation li { height: 16px; overflow: hidden; text-indent: -7009px; float: left; display: inline; margin: 0px 10px 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: 11px; color: #ffffff; text-decoration: none; display: block; position: absolute; width: 100%; top: 2px; left: 0; z-index: 10; background-position: top center; background-repeat: no-repeat; background-color: transparent;  }
ul#menu-main-navigation li a:hover, ul#menu-main-navigation li a:active,
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,
ul#menu-main-navigation li.current-post-ancestor a:link, ul#menu-main-navigation li.current-post-ancestor a:visited, ul#menu-main-navigation li.current-post-ancestor a:hover, ul#menu-main-navigation li.current-post-ancestor a:active
 { color: #ffffff; text-decoration: underline; background-position: bottom center; background-repeat: no-repeat; background-color: transparent;}

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

/* reel */
ul#menu-main-navigation li#menu-item-1201 { width: 56px; }
ul#menu-main-navigation li#menu-item-1201 a { display: block; background-image: url(images/nav-reel.png); } 
ul#menu-main-navigation li#menu-item-1201 span { background-color: #fdff2f; }

/* commercials */
ul#menu-main-navigation li#menu-item-1203 { width: 117px; }
ul#menu-main-navigation li#menu-item-1203 a { background-image: url(images/nav-commercials.png); } 
ul#menu-main-navigation li#menu-item-1203 span { background-color: #d3005b; }

/* braodcast */
ul#menu-main-navigation li#menu-item-1202 { width: 103px; }
ul#menu-main-navigation li#menu-item-1202 a { background-image: url(images/nav-broadcast.png); } 
ul#menu-main-navigation li#menu-item-1202 span { background-color: #aad11e; }

/* content */
ul#menu-main-navigation li#menu-item-1204 { width: 86px; }
ul#menu-main-navigation li#menu-item-1204 a { background-image: url(images/nav-content.png); } 
ul#menu-main-navigation li#menu-item-1204 span { background-color: #2fffe1; }

/* independant */
ul#menu-main-navigation li#menu-item-1205 { width: 109px; }
ul#menu-main-navigation li#menu-item-1205 a { background-image: url(images/nav-independant.png); }
ul#menu-main-navigation li#menu-item-1205 span { background-color: #fdff2f; }

/* about */
ul#menu-main-navigation li#menu-item-1200 { width: 70px; float: right; }
ul#menu-main-navigation li#menu-item-1200 a { background-image: url(images/nav-about.png); } 
ul#menu-main-navigation li#menu-item-1200 span { background-color: #d3005b; }

/* contact */
ul#menu-main-navigation li#menu-item-1208 { width: 89px; float: right; margin: 0px 75px 0px 0px; }
ul#menu-main-navigation li#menu-item-1208 a { background-image: url(images/nav-contact.png); } 
ul#menu-main-navigation li#menu-item-1208 span { background-color: #aad11e; }

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

/* bubble headers */
#bubble { position: absolute; min-width: 148px; height: 37px; font-size: 19px; line-height: 24px; top: 12px; left: 554px; padding: 0; margin: 0; text-align: left; overflow: hidden; }
h2#bubble { text-transform: uppercase; }
#bubble a:link, #bubble a:visited, #bubble a:hover, #bubble a:active { width: 100%; height: 24px; display: block; z-index: 300; background-color: #b9b9b9; color: #000000; text-decoration: none; padding: 0px 7px; }
#bubble img.tail { position: absolute; bottom: 0; left: 0; }
#bubble span { width: 100%; height: 24px; display: block; z-index: 300; color: #000000; text-decoration: none; padding: 0px 7px;  }
#bubble span.yellow,
#bubble a.yellow:link, #bubble a.yellow:visited, #bubble a.yellow:hover, #bubble a.yellow:active  { background-color: #fdff2f; color: #000000; }
#bubble span.pink,
#bubble a.pink:link, #bubble a.pink:visited, #bubble a.pink:hover, #bubble a.pink:active { background-color: #d3005b; color: #000000; }
#bubble span.green,
#bubble a.green:link, #bubble a.green:visited, #bubble a.green:hover, #bubble a.green:active { background-color: #aad11e; color: #000000; }
#bubble span.blue,
#bubble a.blue:link, #bubble a.blue:visited, #bubble a.blue:hover, #bubble a.blue:active { background-color: #6afff1; color: #000000; }
#bubble span.grey,
#bubble a.grey:link, #bubble a.grey:visited, #bubble a.grey:hover, #bubble a.grey:active  { background-color: #b9b9b9; color: #000000; }

/* body section */
div#col1 { overflow: hidden; float: left; display: inline; margin: 0; width: 504px;}
body.page-id-5 div#col1 { width: 453px; }
body.page-id-5 div#col2 { width: 332px; }
div#col1 span.vvqbox { margin: 20px 0px 10px 0px; }
div#col2 { float: right; display: inline; width: 273px; margin: 0px; background-color: #323233; padding: 10px 10px 0px 10px; position: relative; overflow: visible; }
div#col2 div.heading { position: relative; left: auto; top: auto; margin: 0px 0px -5px -19px; padding: 0px 0px 15px 0px; z-index: 100; overflow: hidden; }
div#col2 div.heading h3 { float: left; display: inline; line-height: 18px; text-transform: uppercase; padding: 0 17px; font-weight: normal; margin: 0 !Important; }
div#col2 div.heading h3 a { color: #000000; }

div.greyback { background-color: #323233; padding: 0px 0px 0px 0px; width: 489px !important; border: 9px solid #323233;}
body.page-id-5 div.greyback { width: 435px !important; } 
div.nogreyback { background-color:  transparent !important; }
/* vimeos */
span.vvqbox { float: none; display: block; background-color: #323233; }
span.vvqbox span { display: block; }
/* contact */
iframe#map { float: none; display: block; }