html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}button{border: none;}
body{text-align:center;}
address, article, aside, canvas, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

html, body {width: 100%; background: black url('images/bg.jpg') top center no-repeat fixed;}

strong {font-weight: bold;}
em {font-style: italic;}

.hidden {height: 1px; width: 1px; overflow: hidden; text-indent: -9000px; position: absolute;}
.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}

body {overflow-x: hidden;}

@font-face {
    font-family: 'ragmag';
    src: url('ragmag-webfont.eot');
    src: url('ragmag-webfont.eot?#iefix') format('embedded-opentype'),
         url('ragmag-webfont.woff') format('woff'),
         url('ragmag-webfont.ttf') format('truetype'),
         url('ragmag-webfont.svg#ragmagregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'rejects';
    src: url('rejects-webfont.eot');
    src: url('rejects-webfont.eot?#iefix') format('embedded-opentype'),
         url('rejects-webfont.woff') format('woff'),
         url('rejects-webfont.ttf') format('truetype'),
         url('rejects-webfont.svg#rejectsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'glyphs';
    src: url('megaglyphs.eot');
    src: url('megaglyphs.eot?#iefix') format('embedded-opentype'),
         url('megaglyphs.woff') format('woff'),
         url('megaglyphs.ttf') format('truetype'),
         url('megaglyphs.svg#megaglyphsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cover';
    src: url('cover-webfont.eot');
    src: url('cover-webfont.eot?#iefix') format('embedded-opentype'),
         url('cover-webfont.woff') format('woff'),
         url('cover-webfont.ttf') format('truetype'),
         url('cover-webfont.svg#coverregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.tabnav {position: absolute; text-align: left; margin: 110px 0 0 768px;}
.tabnav ul li {margin: 10px 0;}
.tabnav ul li a {padding:5px 10px; text-decoration: none; height: 24px; font-size: 20px; display: block; font-family: "cover"; color: black; width: 100px;
	background: rgb(147,147,147); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(147,147,147,1) 0%, rgba(255,255,255,1) 22%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,147,147,1)), color-stop(22%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(255,255,255,1) 22%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(255,255,255,1) 22%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(255,255,255,1) 22%); /* IE10+ */
	background: linear-gradient(to right,  rgba(147,147,147,1) 0%,rgba(255,255,255,1) 22%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.tabnav ul li a:hover {text-indent: 10px; width: 110px;
	background: rgb(147,147,147); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(147,147,147,1) 0%, rgba(232,232,232,1) 22%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,147,147,1)), color-stop(22%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(232,232,232,1) 22%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(232,232,232,1) 22%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(147,147,147,1) 0%,rgba(232,232,232,1) 22%); /* IE10+ */
	background: linear-gradient(to right,  rgba(147,147,147,1) 0%,rgba(232,232,232,1) 22%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */
}

.tabnav ul .current a, .tabnav ul .current a:hover {text-indent: 10px; width: 110px; background: white;}

.wrapper {width: 768px; min-height: 1024px; margin: 0 auto 30px auto;
	background: white;
}
.wrapper .pageheader {position: absolute; z-index: 5; width: 768px; margin: 0 0 0 -170px;}
.wrapper .pageheader h1 {font-size: 6em; color: #ff00cc; font-family: "ragmag"; text-transform: uppercase;
		text-shadow: -.03em 0 white, 0 .03em white, .03em 0 white, 0 -.03em white, .03em .03em white, .03em -.03em white, -.03em -.03em white, -.03em .03em white,
		-.1em .1em .1em rgba(0,0,0,.5);
}
.wrapper .pageheader h1 span {font-family: "rejects"; text-shadow: none; position: absolute; color:#960000; font-size: .4em; z-index: 1200; margin: 2em 0 0 -2.8em; float: left; display: inline-block;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); /* IE 9 */
	-moz-transform:rotate(-15deg); /* Firefox */
	-webkit-transform:rotate(-15deg); /* Safari and Chrome */
	-o-transform:rotate(-15deg); /* Opera */
}
.wrapper .pageheader h2 {font-size: 14px; margin: -8px 0 0 0; color: #ff00cc;}
.booktilt { margin: 20px auto;
	/*transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); 
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);*/
}

.pages h2 {position: absolute; text-align:right; Width: 748px; font-size: 60px; font-family:"cover"; font-variant: smallcaps; padding: 20px 10px; background: #ddd; border-bottom: 5px solid #aaa; }
.pages .photoblock {padding: 120px 0 0 0; }
.pages .photoblock h2, .pages .about h2, .pages .store h2, .contactbox #con_top h2, .contactbox .contact h2 {position: relative; width: inherit; text-align: left; font-size: 20px; font-family:"cover"; font-variant: smallcaps; padding: 10px; background: none; border-bottom: none; }
.pages .photoblock .pics {text-align: left; margin: 0 0 0 10px;}

.videopane {padding: 118px 0 0 0;}
.videopane .vidthumbs {height: 464px; overflow-y: auto; overflow-x; hidden;}
.videopane .vidthumbs a {width: 225px; display: inline-block; text-decoration: none; margin: 5px;}
.videopane .vidthumbs a span {display: block; white-space: nowrap; width: 225px; overflow: hidden; text-overflow: ellipsis;}

.subscribe {background: red; display: none; position: absolute;}
.subscribe .subscribeframe {overflow: hidden; height: 100px; width: 300px; border: 0; display: block; background-color: white; margin: 5px; float: left;}
.showhidebuttons #hide {display: none;}

.showhidebuttons { width: 100px; position: absolute; top: 615px; margin: 0 0 0 -63px;
	transform: rotate(-90deg);
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Safari and Chrome */
-o-transform: rotate(-90deg); /* Opera */
-moz-transform: rotate(-90deg); /* Firefox */
}
.showhidebuttons a span {color: white; background: red; cursor: pointer; width: 100px; padding: 5px 0; display: block;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.aboutmenu {width: 768px; padding: 119px 0 0 0;}
.aboutmenu ul li {display: inline-block;}
.aboutmenu ul li a {background: black; color: white; display: block; cursor: pointer; padding: 5px 10px; font-family:"cover"; font-variant: smallcaps; font-size: 15px;}
.aboutmenu ul li a:hover {color: #ff00cc; }

#carly, #steph, #saraliz, #titania, #victoria, #about_default {text-align: left;}
#carly, #steph, #saraliz, #titania, #victoria {width: 768px; height: 880px;}
#carly, #steph, #saraliz, #titania, #victoria, #about_default {display: none; width: 768px;}
#about_default {text-align: center;}
#about_default p {padding: 10px; text-align: left;}
#about_default {display: block;}

#carly {background: url('images/about_carlotta.jpg') bottom left no-repeat;}
#steph {background: url('images/about_stephy.jpg') bottom left no-repeat;}
#saraliz {background: url('images/about_saraliz.jpg') bottom left no-repeat;}
#titania {background: url('images/about_titania.jpg') bottom left no-repeat;}
#victoria {background: url('images/about_victoria.jpg') bottom left no-repeat;}


.about .infobox {border: 4px solid #ff00cc; width: 300px; background: rgba(235,235,235,.5); float: right; margin: 20px 20px 0 0; padding: 0 0 10px 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.about .infobox p {padding: 5px 10px 5px 25px;}

.twitterfeedmod {position: absolute; width: 300px; height: 300px; overflow: auto; border: 4px solid #ff00cc; width: 300px; background: rgba(235,235,235,.5); top: 720px; margin: 0 0 0 440px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.twitterfeedmod .tweets {height: 299px; overflow-x: auto; }

.pages .store {padding: 120px 0 0 0; }
.pages .store h2 {text-align: center; font-size: 50px; margin: 100px 0 0 0; padding: 0;}
.pages .store h3 {font-size: 20px;}

.pages .contactbox {padding: 120px 0 0 0; }
.contactbox #con_top {text-align: left;}
.contactbox #con_top p { padding: 10px;}

.contactbox .contact {width: 135px; display: inline-block; border: 1px solid red; height: 100px; border: 4px solid #ff00cc; background: rgba(235,235,235,.5); margin: 10px 2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.contactbox .contact h2 { text-align: center; padding: 0; background: black; color: white; padding: 3px 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.contactbox .contact p, .contactbox .contactfoot p {padding: 5px 10px;}
.contactbox img {margin: 10px auto;}

.tweets {border:1px solid #e7e7e7;max-width:520px;font:10px/17px "Tahoma",Helvetica,Arial,sans-serif;color:#333;background-color:#fff;margin:auto;}
.tweets a {color:#0083b3;text-decoration:none;}
.tweets a:hover {text-decoration:underline;}
.tweets .tweet {border-bottom:1px solid #e7e7e7;padding:12px 12px;}
.tweets .tweets_header {border-bottom:1px solid #e7e7e7;padding:12px 12px;font-weight:bold;font-size:14px;}
.tweets .tweets_header a {color:#333 !important;text-decoration:none !important;font-weight:bold !important;font-style:normal !important;text-transform:lowercase !important;}
.tweets .tweets_header a:hover {text-decoration:underline !important;}
.tweets_footer {padding:6px 12px;text-align: center;}
.tweets_footer span.powered {font-size:9px;}
.tweets_footer span.powered p {margin:0;text-align: center;font-size:9px;color:#999;}
.tweets_footer span.powered a {font-size:9px;color:#999;text-decoration:none;}
.tweets_footer span.powered a:hover {text-decoration:underline;}
.tweets_footer #bird, .mt_footer .image_r {background:url("images/twitter_web_sprite_icons.png") no-repeat;}
.tweets_footer #bird{display:inline-block;margin:10px auto;background-position: 0 0;width: 34px;height: 26px;}
.tweets .tweet .time {float:right;color:#999;font-size:11px;}
.tweets .tweet .avatar {float:left;margin-right:12px;}
.mt_header {padding-bottom:2px;padding-left:60px;}
.mt_screen_name {font-size:12px;color:#999;}
.mt_header a {font-weight:bold;color:#333;text-decoration:none;}
.mt_text {padding-left:60px;}
.mt_footer {color:#999;font-size:12px;padding-left:60px;}
.mt_footer .image_r {display:inline-block;margin-bottom:-2px;margin-right:4px;background-position: -20px -290px;width: 14px;height:13px;background-color:#999;}
.mt_footer a{color:#999;}


@media (max-width: 1024px){
    .booktilt { margin-top: 43px;}
    .tabnav {width: 768px; margin: 0 auto; position: absolute; top: 0;}
    .tabnav ul li {display: inline-block;}
    .tabnav ul .current a, .tabnav ul .current a:hover {background:#ddd;}
    .tabnav ul .current a, .tabnav ul .current a:hover, .tabnav ul li a, .tabnav ul li a:hover {text-indent: 0; width: 70px;}
    .tabnav ul li {margin: 10px 0;}

    .tabnav ul li a {font-size: 15px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 78%, rgba(147,147,147,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(255,255,255,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
	}
	.tabnav ul li a:hover {
		background: rgb(232,232,232); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(232,232,232,1) 78%, rgba(147,147,147,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(232,232,232,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
	}
	.showhidebuttons {top: 638px;}
	.twitterfeedmod {top: 750px;}
}