/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/* @license
 * MyFonts Webfont Build ID 2108385, 2012-02-24T05:13:51-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Sugar Pie by Sudtipos
 * URL: http://www.myfonts.com/fonts/sudtipos/sugar-pie/sugar-pie/
 * Copyright: Copyright (c) 2008 by Alejandro Paul. All rights reserved.
 * Licensed pageviews: 60,000
 *
 * Webfont: Museo Slab 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * 
 * Webfont: Museo Slab 500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2108385
 * 
 * Â© 2012 Bitstream Inc
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

@font-face {font-family: 'SugarPie';src: url('webfonts/202BE1_0_0.eot');src: url('webfonts/202BE1_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/202BE1_0_0.woff') format('woff'),url('webfonts/202BE1_0_0.ttf') format('truetype');}
@font-face {
    font-family: 'MuseoSlab';
    src: url('webfonts/20203D_0_0.eot');
    src: url('webfonts/20203D_0_0.eot?#iefix') format('embedded-opentype'),
         url('webfonts/20203D_0_0.woff') format('woff'),
         url('webfonts/20203D_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSlabItalic';
    src: url('webfonts/20203D_1_0.eot');
    src: url('webfonts/20203D_1_0.eot?#iefix') format('embedded-opentype'),
         url('webfonts/20203D_1_0.woff') format('woff'),
         url('webfonts/20203D_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#supersize{
	position:fixed;
	z-index:-1;
	top:0;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
p{margin-bottom:10px;}
a.main-nav{font-family:'SugarPie';font-size:200%; text-decoration:none;color:#fff;position:absolute;padding-right:3px;}
.nav-line{position:absolute;}
body{font-family:'MuseoSlab';font-size:90%;background-color:#000;}
h2{font-size:100%;margin:0;font-weight:normal;text-transform:uppercase;}

.logo{margin:20px;float:left;}
.small{font-size:80%;}
.content a{color:inherit;}
.content a.audio{text-decoration:none;}

#footer{position:fixed;bottom:0;width:100%;padding:5px 0;background-color:#fc0;}/* background-color:#fc0; */
#footer .nav{width:900px;line-height:1.5em;margin-left:20px;}
#footer li{float:left;margin-left:10px;font-size:80%;text-align:center;}
#footer a{color:#000;text-decoration:none;text-transform:uppercase;width:100%;display:block;}
#VNAudio{float:left;margin-top:3px;}
.social-sound{float:right;margin-right:10px;height: 20px;padding-top: 1px;}
.fb-like, #footer .tw-blue{float:left;width:auto;margin-right:10px;}
#footer .tw-blue{margin-top:1px;}
.factual{position:absolute;bottom:50px;right:10px;}

/* widest format */
#container{
	width:1024px;
	margin:0 auto;
	height:100%;
	position:relative;
}
.container{min-width:960px;max-width:1024px;margin:0 auto;}

/* Very good price - quote (10), very approximate (13)  */
#nav-quote{position:absolute;top:13.4%;right:0; color:#4fb52d;}
#content-10,#content-13{position:absolute;bottom:0;left:5%;width:80%;}
#content-10 .text,#content-13 .text {background-color:#4fb52d;padding:20px 4% 120px 4%;width:50%;float:left;}
#content-10 .wpcf7-form,#content-13 .thanks{background-color:#4fb52d;padding:20px 4% 20px 4%;width:34%;color:#edfe02;float:left;}
#content-10 input, #content-10 textarea{background-color:#83ca6a;border:none;font-family:'MuseoSlab';padding:2px;font-size:100%;width:95%;}
#content-10 .wpcf7-submit{background-color:#4fb52d;font-family:'MuseoSlab';color:#edfe02;width:auto;}
#content-10 div.wpcf7-mail-sent-ok {border:none;}
#content-10 div.wpcf7-response-output {margin: .5em 0em .5em;padding: 0.2em 0;width: 260px;}
#line-10,#line-13{width:107px;height:395px;top:13.4%;right:10%;background:url('images/quote-line.png') no-repeat;}
.page-id-10 #footer, .page-id-13 #footer{background-color:#4fb52d;}

/* Very Creative - the team  */
#nav-team{color:#e0ec64;left:19%;bottom:29.5%}
#content-8{background-color:#e0ec64;position:absolute;right:0;bottom:37.5%;width:80%;padding:20px 2% 20px 2%;}
#line-8{width:274px;height:332px;bottom:29.5%;left:25%;background:url('images/creative-line.png') no-repeat;}
.page-id-8 #footer{background-color:#e0ec64;}

/* Very interesting - about */
#nav-about{bottom:45%;right:0; color:#ffea01;}
#content-2 {position:absolute;left:0;bottom:30%;width:50%;padding:20px 20px 20px 80px;background-color:#ffea01;}
#line-2{width:400px;height:78px;bottom:45%;right:20%;background:url('images/about-line.png') no-repeat;}
.page-id-2 #footer{background-color:#ffea01;}

/* Quite Handy - contact  */
#nav-contact{top:35%;left:30%;} 
#content-16{background-color:#fff;position:absolute;bottom:0;width:94%;padding:30px 3% 60px 3%;}
.twocolumns{float:left;width:300px;}
.threecolumns{float:left;width:550px;margin-left:40px;}
.handy1, .handy2{float:left;margin-bottom:10px}
.handy2{width:150px;}
.handy1{width:130px;}

#line-16{width:8px;height:469px;top:35%;left:35%;background:url('images/contact-line.png') no-repeat;}
.page-id-16 #footer{background-color:#fff;}

/*  Very Flash - showreels */
#nav-showreels{bottom:66%;left:10%;color:#99eafb;}
#content-6 #content{position:absolute;top:0;width:56%;margin:0 5% 0 40%;padding:0}
#content-6 #content div{background-color:#99eafb;padding:5px 1%;width:48%;float:right;}
#content-6 ul{font-size:90%;list-style-type: none;padding:0 0 20px 30px;margin-top:0;}
#line-6{left:23%;bottom:66%;width:546px; height:175px;background:url(images/showreels-line.png) no-repeat top left;}
.page-id-6 #footer{background-color:#99eafb;}
.vflash1{padding:80px 1% 20px 1% !important;clear:both;}
.vflash2{width:98% !important;padding-bottom:50px;}

/* Very Happy - testimonials */
#nav-testimonials{top:48%;left:0px;color:#f86ff3}
#line-74{left:50px;top:48%;width:238px; height:237px;background:url(images/testimonials-line.png) no-repeat left bottom;}
#content-74{position:absolute;top:0;}
#content-74>div{float:left;clear:both;width:580px;padding:10px 20px;}
.quote1{margin:40px 0 0 445px;background-color:#f796f5;}
.quote2{margin:0 0 0 170px;background-color:#f567f1;}
.quote3{margin:0 0 0 330px;background-color:#ce89cc;}
.quote4{margin:0 0 0 -50px;background-color:#f5c7f5;}
.page-id-74 #footer{background-color:#f796f5;}

/* Not very nice - links */
#nav-links{position:absolute;top:35%;left:55%;display:block;overflow:hidden;background:url(images/notverynice.png) no-repeat;width:326px;} 
#nav-links span{position:relative;left:2000px;}
#content-18{background-color:#ff0303;position:absolute;bottom:0;padding:20px 2% 200px 2%; width:40%;margin-left:10%;color:#fff;}
#content-18 a{color:#fff;}
.page-id-18 #supersize #pagebg{z-index:-100;}
#line-18{width:250px;height:372px;position:absolute;top:35%;left:38%;background:url(images/links-line.png) no-repeat; background-position:left 50px;}
.page-id-18 #footer{background-color:#ff0303;}


.narrowthird{width:29%;float:left;margin-right:2%;}
.widethird p{margin-bottom:5px;}
.widethird{width:36%;float:left;margin-right:2%;}

#supersize #pagebg{z-index:100;}
#supersize #pagenotbg{z-index:0;}

.lightbox{width:100%;height:100%;overflow:hidden;background-color:#000;z-index:2000;position:fixed;}
#skip{color:#fff;position:absolute;bottom:20px;right:20px;}
#intro{width:100%;height:100%;}
/*  prettyPhoto */

  .pp_content .ppt{color:#f8f8f8}
  .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
  .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
  .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
  .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
  .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
  .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
  .pp_close{width:30px;height:30px;background:url(images/pp_buttons.png) -40px 0 no-repeat;cursor:pointer}
  .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
  .pp_social{margin-top:7px}
  .pp_gallery a.pp_arrow_previous,  .pp_gallery a.pp_arrow_next{position:static;left:auto;}
  .pp_nav .pp_play,  .pp_nav .pp_pause{display:none;}
  .pp_nav .pp_pause{background-position:-51px -29px}
  a.pp_arrow_previous,  a.pp_arrow_next{background:url(images/pp_buttons.png) -20px 0 no-repeat;height:20px;width:20px;margin:4px 0 0;}
  a.pp_arrow_next{margin-left:10px;background-position:0 0}
  .pp_content_container .pp_details{margin-top:5px}
  .pp_nav{clear:none;height:30px;width:70px;position:relative}
  .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:45px;line-height:25px;position:absolute;margin:0;padding:0 0 0 10px}
  .pp_close:hover,  .pp_nav .pp_play:hover,  .pp_nav .pp_pause:hover,  .pp_arrow_next:hover,  .pp_arrow_previous:hover{opacity:0.7}
  .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
  .pp_loaderIcon{background:url(images/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px;padding:15px;background-color:#99eafb;}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:11px 30px 0 0;}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;margin-top:3px;overflow:hidden;text-indent:-10000px;}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;position:absolute;right:30px;text-indent:-10000px;top:10px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
  #pp_full_res .pp_inline{color:#000}
  .pp_gallery ul li a:hover,  .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
  .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}