/* Moved import rules because of gzip compression */
/* this contains all our Colours for our site 
if there's a colour used, put it here.*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Body, Containers and Headings    */
body{
background:url(/media/images_v2/main-bg.jpg) repeat-x center top;
}
#bg{
position:absolute;
margin:auto; height: 505px; width:100%; }
#container{
/*background:#fff;
background:#fff url(/media/images_v2/bg_top.jpg) no-repeat top;*/
}
/*#leftpiece{
position:absolute; top:0; left:-143px; width:143px; height:505px;
background:url(/media/images_v2/bg_left.jpg) no-repeat;
}
#rightpiece{
position:absolute; top:0; right:-132px; width:132px; height:505px;
background:url(/media/images_v2/bg_right.jpg) no-repeat;
}*/
#content h1{
color: #666;
}
#content h2, #content h3, #content h4, #content h5, #content h6{
color: #000;
}
#content h6{
color: #999;
}
p{color:#333;}

#intro h1{color: #53B5B5;}
#feeds h3{color: #53B5B5; background:#34231d; border: dotted 1px #333; }
#feeds h4{
border-bottom:1px dotted #CCCCCC;
margin-bottom:11px;
padding-bottom:10px;
}
#feeds small{color:#53B5B5}
#content #feeds h4 a{display:block; color:#34231d; text-decoration:none;}
#content #feeds h4 a:hover{color:#53B5B5}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Main Content List-items    */
#featured_pics li img{border: solid 1px #ddd;} 
#content li{

}
#content li a{
color: #999;
}
#content li a:hover{
/*text-decoration:underline;*/
color: #333;
}
#content.shop{
padding-bottom:40px;
}
#content.shop ul li h3{color:#63B7BC;}
#content.shop ul li span{background:#63B7BC; color:#fff;}
.featured_pics a img{border: solid 2px #fff;}
.featured_pics a:hover img{border:solid 2px #63B7BC;}
#intro ul li{background:url(/media/images/bullet.gif) no-repeat left;}

/*~~~~~~~~~~~~~~~~~~~~~
 Links (Sitewide)    */
 
a:link, a:visited{
color: #53B5B5;
}

a:active, a:hover{
color: #34231D
}


/*~~~~~~~~~~~~~~~~~~~~~
 Atom or RSS Feeds   */
 
#atom img{
border: Solid 1px #cfcfcf;
}
#atom em{
color: #999;
}
/* !important because there are hardcoded styles in atom feeds sometimes. */
#atom span{
color: #333 !important;
}


/*~~~~~~~~~~~~~~~~~~~~
 Logo and Colours   */
#logo{}
#logo span{
background:url(/media/images_v2/ilikesleeping_logo-trans.png) no-repeat;
}
#logo a{
color: #333;
overflow:hidden;
text-indent:-999px;
display:inline-block;

}


/*~~~~~~~~~~~~~~~~~~~~~~
 Navigation Colours   */
#nav-main{background:url(/media/images_v2/nav-main-trans.png) no-repeat left top;}
#nav-main li{
}
#nav-main li a{
color: #000;
text-indent:-999px;
overflow:hidden;
}
#nav-main li.Selected a{
color: #000;
text-decoration:underline;
}
#nav-main li.Selected a:hover{
color: #000;
}
#nav-main li a:hover{
color: #000;
}
#nav-main li#nav-illustration a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat 0 0;}
#nav-main li#nav-crafty a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -159px 0; }
#nav-main li#nav-shop a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -282px 0; }
#nav-main li#nav-contact a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -387px 0;}
/*#nav-main li#nav-contact a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -576px 0;}*/

#nav-main li#nav-illustration a:hover span, #nav-main li#nav-illustration.selected a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat 0 -56px;}
#nav-main li#nav-crafty a:hover span, #nav-main li#nav-crafty.selected a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -159px -56px; }
#nav-main li#nav-shop a:hover span, #nav-main li#nav-shop.selected a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -282px -56px; }
#nav-main li#nav-contact a:hover span, #nav-main li#nav-contact.selected a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -387px -56px;}
/*#nav-main li#nav-contact a:hover span, #nav-main li#nav-contact.selected a span{background:url(/media/images_v2/nav-main-trans.png) no-repeat -576px -56px;}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~
 Sub-Navigation Colours   */
 
#nav-sub{

}
#nav-sub li{

}
#nav-sub li a{
color: #999;
}
#nav-sub li.Selected a{
border-bottom: Solid 1px #333;
color: #333;
}
#nav-sub li.Selected a:hover{
color: #333;
}
#nav-sub li a:hover{
border-bottom: Solid 1px #333;
color: #333;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Styles for our home page       */

#content a:link, #content a:active, #content a:visited{
color: #333;
}
#content-home h2, #content-main.home h2{
color: #006699;
}
#content-main.home #logo{
border-bottom: none;
}


/*~~~~~~~~~~~~~
 Table Stuff */

fieldset{
border: Solid 1px #ccc;
}
#content #print_sets li h2 a{
color: #9F772B;
}


/*~~~~~~~~~~~~~~~~~~~
 Site Info/ Footer */

#site-info{
color: #999;
border-top: 0 none;
background:url(/media/images_v2/ground-repeat2.jpg) repeat-x;
}
#site-info .contents{background:url(/media/images_v2/ground-repeat1.jpg) no-repeat 0px -2px;}

#sitemap a:hover{
border: 0 !important;
}

/*input stuff,  don't you love asp.net id's?*/

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_RunwayMasterContentPlaceHolder_ctl02_Contact_5_lb_success{
background: #C7E7E6;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Body, Containers and Headings    */
*:focus { outline: none }
body{
width: 100%;
}
html, body, #container, form {height: 100%;}
body > #container {height: auto; min-height: 100%;}


#container{
width: 926px;
padding:0 18px 0 18px;
margin: auto;
position:relative;
}

#content-main{
padding:0px 0 250px 0;
}

#content{
clear: both;
padding-top: 3px;
}
#content p{
margin-bottom: 16px;
}
#content.japanese p{
line-height:1.1em;
}
#content h1{
margin-left: -1px;
margin-bottom: 12px;
}
#content h2, #content h3, #content h4, #content h5, #content h6{
margin-bottom: 8px;
}
#content h6{
padding-bottom: 8px;
}
#intro h3{padding:0px;}
#intro{margin-top:2px;}
#intro h1{letter-spacing:-1px; /* position:absolute; top:134px; right: 160px;*/ padding:9px 0px 8px 3px; margin-left:-4px; display:block; }
#feeds h3{padding:3px 6px; margin-left:-6px; display:inline; }

#language_select{
    position:absolute;
    top:-42px;
    right:107px;
    margin-right:0px
}
#choose-language{margin:13px 12px; width:101px; height:13px; position:relative; display:block;}
#choose-language span{
position:absolute; height:100%; width:100%; display:block;
background: url(/media/images_v2/footer-text.png) no-repeat 0 -100px;
}


#language_select ul{ line-height:normal;}
#language_select ul li{float:left; padding:2px; display:block}
#language_select a{
  width:41px;
  height:41px;
  display:block;
  position:relative;
  overflow:hidden;
  text-indent:-999px;
}
#language_select a span{
  width:100%;
  height:100%;
  position:absolute;
  display:block;
}


#ilikesleeping-English a span{
  background:url(/media/images_v2/flags-trans.png) no-repeat -98px 0px;
}

#ilikesleeping-Japanese a span{
  background:url(/media/images_v2/flags-trans.png) no-repeat -41px 0px;
}

#ilikesleeping-English a:hover span, #language_select li.selected#ilikesleeping-English a span{
  background:url(/media/images_v2/flags-trans.png) no-repeat 0px 0px;
}

#ilikesleeping-Japanese a:hover span, #language_select li.selected#ilikesleeping-Japanese a span{
  background:url(/media/images_v2/flags-trans.png) no-repeat -139px 0px;
}

#sitemap-link{margin:13px 12px; width:67px; height:14px; position:absolute; display:block;overflow:hidden;
right:145px; top:183px;}
#sitemap-link span{ 
position:absolute; height:100%; width:100%; display:block;
background: url(/media/images_v2/footer-text.png) no-repeat 0 -81px;
}
#rss-feed{width:67px; height:14px;position:absolute; display:block;overflow:hidden;right:244px;top:195px;}
#rss-feed span{ 
position:absolute; height:100%; width:100%; display:block;
background: url(/media/images_v2/footer-text.png) no-repeat 0 -117px;
}
#column1{width:268px; padding-right:26px; float:left;}
#column1 h3{ width:121px; height:73px; position:absolute; display:block; top:-52px; left:-9px; }
#column1 h3 span{width:100%; height:100%; position:absolute; display:block; background:url(/media/images_v2/hire-me.png) no-repeat 0px 0px; }
#column2{padding:16px 0px 0px 15px; width:268px; padding-right:34px; float:left;}
#column2 h3{margin-bottom:4px; position:relative; display:block; height:15px; width:80px; overflow:hidden; margin-left:-2px;}
#column2 h3 span{display:block; position:absolute; width:100%; height:100%; background:url(/media/images_v2/footer-text.png) 0 -48px;}
#column3{padding-top:16px; width:268px; float:left}
#column3 h3{margin-bottom:4px; position:relative; display:block; height:15px; width:80px; overflow:hidden; margin-left:-2px;}
#column3 h3 span{display:block; position:absolute; width:100%; height:100%; background:url(/media/images_v2/footer-text.png) 0 -64px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Main Content List-items    */
 
#featured_pics{float:left; width:340px; padding-right:26px;}
#feeds{float:left; width:248px; margin-top:10px;}
#product-info{margin-top:47px;}
.feedList{padding-top:14px;}
#intro{float:left; padding-left:10px;}
#content.other #intro{float:left; width:490px; padding-right:70px; padding-bottom:70px;}
#content.other img{padding-bottom:15px;}
#content.home{overflow:hidden;}
.loading{background:url(/media/images_v2/ajax-loader.gif) no-repeat center;}
#content.portfolio #intro{float:left; width:860px; padding-bottom:45px;}

#content.shop ul{margin-left:-5px;}
#content.shop ul li{display:block; float:left; padding:0 19px 44px 0;}
#content.shop ul li img{float:left}
#content.shop ul li.last{padding:0;}
#content.shop ul li h3{margin:0; padding:4px 0 0 6px; display:block; clear:left; text-align:right}
#content.shop ul li span{padding:4px 8px; display:block; float:right; margin:-4px 0 0 10px}
/*#intro ul li{margin-left: 10px; padding-left: 10px; display:block; line-height:1.5em;}*/
#featured_pics li{padding:0px;}
h2.recent{display:none !important}
#featured_pics{width:100%;}
#featured_pics li{float:left; padding:15px}

#content.portfolio ul#featured_pics li{display:none;}
#content.portfolio ul#featured_pics li.shown{display:block;}
.featured_pics ul{ height:200px;}
.featured_pics ul li{width:90px; height:90px; float:left; display:block; padding:0 5px 5px 0;}

.voucher{
position:relative;
border: dashed 1px #ccc; padding:14px; height:140px;
-moz-box-shadow: -2px 2px 2px #ccc;
-webkit-box-shadow: -2px 2px 2px #ccc;
}
.voucher img, .info{float:left; display:block}
.voucher img{padding-right:18px;}
.info{width:280px;}
.info p{font-size:1.3em;}
#percentoff{
display:block;
width:94px;
height:95px;
background: url(../media/images_v2/20percent-off.png) no-repeat;
position:absolute; top:14px; left:14px;
}

#product-browser li{
display:none;
background:#3B2B27;

}
#product-browser li.shown{
display:block;
background:#34221D;
padding:9px 9px 5px 9px;
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;    
}
#product-browser li.shown img{padding:0;}
.products #content.other #intro{
padding-right:49px;
width:518px;
}
.products #product-thumbs{
background:#34221D;padding-left:7px; height:40px; padding-bottom:11px; margin-bottom:70px;
-moz-border-radius:0px 0px 8px 8px;
-webkit-border-radius:0px 0px 8px 8px;  
}
.products #product-thumbs li{
background:#ccc;
float:left;
margin:0 6px 0 0;
display:block;
width:40px;
height:40px;
}
.products #product-thumbs li img{
border:solid 2px #34221D;
display:block;
padding:0;
}
.products #product-thumbs li a:hover img{
border:solid 2px #53B5B5;
}
#product-thumbs li.active img{
border:solid 2px #53B5B5; /*53B5B5;*/
}
#product-thumbs li.hover img{
border:solid 2px #53B5B5;
}
.products #product-thumbs li:last-child{
margin:0;
}
#content h5.price{font-weight:bold; color:#34221D}
#content h5.del, #content h5 span{font-weight:bold; color:#999}

/*~~~~~~~~~~~~~~~~~~~~~
 Atom or RSS Feeds   */

#atom{
width: 75%;
}
#atom img{
margin: 0px !important;
padding: 4px;
}
#atom a{
width: 416px;
display: inline;
margin-bottom: 12px;
}
#atom em{
display: block;
margin-top: -8px;
}
#atom p{
margin-top: 14px;
}
#atom h3{
margin-top: 14px;
}
div.blogger-post-footer{
display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~
 BRANDING               */
#branding{position:relative; height:84px; padding-bottom:20px;}
/*#branding h1{
position:absolute;
top:10px;
left:323px;
top:17px;
}*/

/*~~~~~~~~~~~~~~~~~~~~~~~~
 Logo and Positioning   */

#logo a{
position: relative;
padding:26px 12px 12px 9px;
margin-bottom: 11px;
margin-left:0px;
display:block;
height:58px;
width:202px;
}
#logo span{
width: 100%;
height: 100%;
position: absolute;
display:block;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~
 Navigation Positioning   */

#nav-main{
position:absolute;
top:36px; left:199px;
height: 52px;
margin: 0px 0px 10px 4px;
width:724px;
}
#nav-main li{
float: left;
display: block;
}
#nav-main li a{
display: block;
height: 52px;
position:relative;
}
#nav-main li.Selected a{

}

#nav-main li#nav-illustration a{width:159px;}
#nav-main li#nav-crafty a{width:123px;}
#nav-main li#nav-things-to-wear a{width:199px;}
#nav-main li#nav-shop a{width:105px;}
#nav-main li#nav-contact a{width:310px;}
#nav-main li a span{position:absolute; width:100%; height:100%; display:block;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Sub-Navigation Positioning   */
 
#nav-sub{
clear: both;
padding-top: 21px;
height: 23px;
white-space: nowrap;
width: 760px;
}
#nav-sub li{
float: left;
display: block;
padding: 0px 10px 0px 10px;
}
#nav-sub li a{
display: block;
}
#nav-sub li.Selected a{
padding-bottom: 10px;
}
#nav-sub li a:hover{
padding-bottom: 10px; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~
 Features                 */
 
#features{ width:20%; float:left; background:#efefef; padding:10px 20px;}
#features ul{padding:0px;}
#features ul li{
background:none;
display: block;
padding: 0px;
}
#features ul li p{padding-top:10px;}
#article{width:60%; float:left; padding:10px 24px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Home Page Specific           */

#content-main.home #logo{
margin-bottom: 0px;
}
#content-home h2, #content-main.home h2{
float: left;
width: 200px;
padding-left: 23px;
margin-top: -7px;
}
#content-main.home #language_select{
float: right;
}
#content-main.home #logo{
width: 132px;
height:96px;

}
#content-main.home #language_select{
position: inherit;
top: auto;
right: auto;
}
#content-home{
padding-top: 8px;
height: 333px;
}
/*~~~~~~~~~~~
 Hire me   */
#hire-me{padding-top:16px; margin-left:7px;}
#hire-me label{height: 16px; width:90px; margin-left:-3px;}
#name label{ text-indent:-999px; background:url(/media/images_v2/footer-text.png) 0 0;}
#email label{text-indent:-999px; background:url(/media/images_v2/footer-text.png) 0 -16px; margin-top:6px;}
#requirements label{text-indent:-999px; background:url(/media/images_v2/footer-text.png) 0 -32px;margin-top:6px;}
#hire-me .text {padding:3px; width:217px; border: solid 1px #fff; color:#000}
#hire-me .text:focus {border: solid 1px #291812; background:#D5C9A3;}
#hire-me input.text{background:#C7E7E6;}
#hire-me textarea.text{background:#C7E7E6; color:#000;}
#hire-me #send{ text-align:right; padding-top:4px; margin-right:36px}
#send input{
width:79px; height:29px; border:0;
background:url(/media/images_v2/send-trans.png) no-repeat;
text-indent: -9999;
cursor:pointer;
}
/*~~~~~~~~~~~
 Tables    */
 
fieldset{
padding: 14px;
}
legend{
margin-left: -2px;
}
label{
display: block;
}
.col1{
width: 12%;
vertical-align: top;
}
.col2{
vertical-align: top;
}

#paypal-stuff{
position:absolute;
right:30px;
top:123px;
}

/*~~~~~~~~~~~~~~~~~~
 Sitemap Page     */
#sitemap{margin-bottom:60px;}
#sitemap ul{
margin-bottom: 20px;
}
#sitemap ul li{
float: none;
display: block;
margin: 8px;
}
#sitemap ul li ul li{
display: block;
}
#sitemap ul li ul{
margin-left: 20px;
display: block;
float: none;
}
.clearfix{
clear: both;
display: block;
}


/*~~~~~~~~~~~~~~~~~~~~~
 SiteInfo/ Footer    */
 
#site-info{
clear: both;
width:100%;
margin:auto;
height:230px;
position: relative;
margin-top: -231px; /* negative value of footer height */
}

#site-info .contents{min-height:100px; position:relative; width:920px; margin: -4px auto 0 auto;}
#site-info li.left{
float: left;
}
#site-info li.right{
float: right; padding-right:60px;
}

/*input stuff,  don't you love asp.net id's?*/
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_RunwayMasterContentPlaceHolder_ctl02_Contact_5_tb_msg{
width: 60%;
height: 120px;
}

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_RunwayMasterContentPlaceHolder_ctl02_Contact_5_lb_success{
display: block;
padding: 4px;
}

/* misc styles */
span#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_bws_MasterContentPlaceHolder_ctl03_Contact_2_lb_success{
display:block; padding:2px 4px;
}
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_bws_MasterContentPlaceHolder_ctl03_Contact_2_lb_company,
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_bws_MasterContentPlaceHolder_ctl03_Contact_2_tb_company{display:none;}

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_bws_MasterContentPlaceHolder_ctl03_Contact_2_tb_msg{height:163px;}
.clearfix{
clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Easy Slider */

  #ils_portfolio{padding-bottom:160px}
  #intro ul li{background:none;}
  #content.home #intro{padding-left:0px; padding-bottom:30px}
  #slider ul{margin-left:-10px;}
  #slider ul li{background:url(/media/images_v2/photoholder-trans.png) no-repeat left 10px; }
  #slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    height:480px;
    }
  #slider, #slider li{ 
    /* 
      define width and height of container element and list item (slide)
      list items must be the same size as the slider area
    */ 
    width:935px;
    /*overflow:hidden; 
     height:335px;
    padding-bottom:50px;*/
    }
    a#prevBtn span, a#nextBtn span{ display:none;}
    /* this is actually our next button */
  a#prevBtn{ display:block; width:42px; height:54px; background:url(/media/images_v2/arrows-trans.png) no-repeat 0 20px; float:left;
position:absolute;
right:147px;
top:34px;
z-index:2;
}
  /* this is actually our previous button */
  a#nextBtn{display:block; width:84px; height:54px; background:url(/media/images_v2/arrows-trans.png) no-repeat -53px 20px; float:right;
position:absolute;
right:65px;
top:34px;
z-index:2;
}


.slide-images{float:left; width:566px; overflow:hidden; display:block;}
.special{overflow:visible; margin:24px 19px 0 30px; position:relative;}
/*.special img{ margin-left:-40px; padding-right:60px; margin-top:-10px;}
.slide-images img{padding:0 30px 30px 0;}*/
.slide-text{float:left; width:314px;}
.tape-left{
width:52px;
height:52px;
display:block;
background:url(/media/images_v2/tapeL-trans.png) no-repeat;
position:absolute;
top:-22px;
left:-22px;
}
.tape-right{
width:52px;
height:52px;
display:block;
background:url(/media/images_v2/tapeR-trans.png) no-repeat;
position:absolute;
top:-22px;
right:0px;
}




/* CLEAR FIX*/
.clearfix:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */