@font-face 
{
    font-family: 'CaptureIt';
    src: url('../fonts/Capture_it.eot');
    src: url('../fonts/Capture_it.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/Capture_it.woff') format('woff'),*/
         url('../fonts/Capture_it.ttf') format('truetype'),
         url('../fonts/Capture_it.svg#Capture_it') format('svg');
    font-weight: normal;
}
@font-face 
{
    font-family: 'GeorgiaRegular';
    src: url('../fonts/georgia.eot');
    src: url('../fonts/georgia.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgia.woff') format('woff'),*/
         url('../fonts/georgia.ttf') format('truetype'),
         url('../fonts/georgia.svg#georgia') format('svg');
    font-weight: normal;
}
@font-face 
{
    font-family: 'GeorgiaItalic';
    src: url('../fonts/georgiai.eot');
    src: url('../fonts/georgiai.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgiai.woff') format('woff'),*/
         url('../fonts/georgiai.ttf') format('truetype'),
         url('../fonts/georgiai.svg#georgiai') format('svg');
    font-weight: normal;
}
@font-face 
{
    font-family: 'GeorgiaBold';
    src: url('../fonts/georgiab.eot');
    src: url('../fonts/georgiab.eot?#iefix') format('embedded-opentype'),
        /* url('../fonts/georgiab.woff') format('woff'),*/
         url('../fonts/georgiab.ttf') format('truetype'),
         url('../fonts/georgiab.svg#georgiab') format('svg');
    font-weight: bold;
}
@font-face 
{
    font-family: 'GeorgiaItalicBold';
    src: url('../fonts/georgiaz.eot');
    src: url('../fonts/georgiaz.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/georgiaz.woff') format('woff'),*/
         url('../fonts/georgiaz.ttf') format('truetype'),
         url('../fonts/georgiaz.svg#georgiaz') format('svg');
    font-weight: bold;
}

html,
body
{
	padding: 0;
	margin: 0;
	background-color: #000;
	/*Safari font size fix when viewed in iPhone.*/
	-webkit-text-size-adjust: 100%;
}
body
{
	background-color: #000;
	color: #fff;
	font-size: 14px;
}

body,
select{font-family: GeorgiaRegular;}

nav
{
	position: fixed;
	right: 0px;
	top: 50%;
	margin-top: -300px;
	background: url(../images/main/popup_bar.gif) no-repeat;
	width: 141px;
	height: 338px;
	z-index: 10;
	font-family: GeorgiaItalic;
}
nav ul
{
	padding-top: 32px;
	padding-right: 17px;
	text-align: right;
	font-size: 20px;
}
nav li{list-style-type: none;}

nav a{display: block;}
a
{
	color: #fff;
	text-decoration: none;
	outline : none;
}

a,
a img{outline : none;}

a:hover{color: #b00;}
select:focus{border-color: #c00;}

img{border : 0;}

#container .content,
#container{position: relative;}

#container .bg
{
	position: absolute;
	height: 100%;
}
.bg.center
{
	height: 6598px;
	left: 50%;
	margin-left: -683px;
	background: url(../images/bg.jpg) repeat-y;
	position: absolute;
}

.bg.center,
#container .content{width: 1263px;}

#container .content
{
	margin: 0 auto;
	line-height: 19px;
}
#container .content .main > p:nth-child(2),
#container .content .links,
#container .content .contact{text-transform:uppercase;}
#container .content > div{position: relative;}

.controls a{display: block;}
.title{font-family: GeorgiaBold;}

/***** Main *******/
#container .content .main
{
	width: 931px;
	height: 798px;
	z-index: 3;
}
#container .content .main > img
{
	position: absolute;
	left: 140px;
	top: -150px;
}
#container .content .main > p{position: absolute;}
#container .content .main > p:nth-child(2)
{
	left: 175px;
	top: 185px;
	width: 600px;
	text-align: center;
	font-family: CaptureIt;
	font-size: 17px;
	color: #E4E4E4;
	letter-spacing: 0.1em;
}
#container .content .main  > p:nth-child(3)
{
	left: 486px;
	top: 355px;
	width: 210px;
}
#container .content .main  > p:nth-child(4)
{
	right: -170px;
	top: 255px;
	width: 158px;
	line-height: 15px;
}
#container .content .main  > p:nth-child(5)
{
	width: 225px;
	right: -80px;
	top: 490px;
	line-height: 15px;
}
#container .content .main .lucifugous .title
{
	display: inline-block;
	padding-bottom: 10px;
	font-size: 15px;
}

#container .content .main .lucifugous a{font-family: GeorgiaBold; font-size: 15px;}

#container .content .main .lucifugous .title,
#container .content .main .owner{font-family: GeorgiaItalicBold;}

#container .content .main .quote{font-size: 13px;}

/***** News *******/
#container .content .news{height: 700px;}
#container .content .news img
{
	position: absolute;
	top: -50px;
	left: -10px;
}
#container .content .news p{position: relative;}
#container .content .news > div
{
	position: absolute;
	right: 230px;
	top: 140px;
	width: 630px;
	font-size: 14px;
        max-height: 290px;
        overflow-x: hidden;
        overflow-y: scroll;
}

#container .content .news > div::-webkit-scrollbar { display: block; width: 25px;}
#container .content .news > div::-webkit-scrollbar:hover { cursor: pointer; }
#container .content .news > div::-webkit-scrollbar-button { display: block; background-size: contain; background-repeat: no-repeat; cursor: pointer; }
#container .content .news > div::-webkit-scrollbar-button:start:decrement { height: 40px; background-image: url('news_scroll_arrow_top.png'); }
#container .content .news > div::-webkit-scrollbar-button:end:increment { height: 60px;  background-image: url('news_scroll_arrow_bottom.png'); }
#container .content .news > div::-webkit-scrollbar-track { display: none; }
#container .content .news > div::-webkit-scrollbar-track-piece {}
#container .content .news > div::-webkit-scrollbar-thumb {}
#container .content .news > div::-webkit-scrollbar-corner {}
#container .content .news > div::-webkit-resizer {}

#container .content .news a
{
text-decoration: underline;
}



#container .content .news .controls{right: 100px; display: none;}
#container .content .news .controls .next
{
	position: absolute;
	top: 280px;
}

/***** Bio *******/
#container .content .bio
{
	height: 825px;
	color: #000;
	z-index: 2;
}
#container .content .bio > img
{
	position: absolute;
	left: 50px;
	top: -15px;
}
#container .content .bio > div
{
	position: relative;
	top: 35px;
}
#container .content .bio .left
{
	width: 300px;
	float: left;
	padding-right: 30px;
	margin-left: 275px;
	font-size: 14px;
}
#container .content .bio .left,
#container .content .bio .right
{
	float: left; 
	top:25px;
}

#container .content .bio .left,
#container .content .bio .right,
#container .content .bio .right .content{height: 535px;}

#container .content .bio .right .content
{
	width: 340px;
	overflow: hidden;
}

#container .content .bio .right .controls,
#container .content .bio .right .controls .prev,
#container .content .bio .right .controls .next{position: absolute;}

#container .content .bio .right .controls
{
	top: -20px;
	right: -25px;
	z-index: 1;
}
#container .content .bio .right .controls .prev{right: -85px;}
#container .content .bio .right .controls .next
{
	right: -72px;
	top: 400px;
}

/***** Music *******/
#container .content .music
{
	height: 650px;
	position: relative;
	z-index: 1;
}
#container .content .music > img
{
	position: absolute;
	top: -145px;
	left: -35px;
}
#container .content .music > p:nth-child(1),
#container .content .music > p:nth-child(3),
#container .content .music > div{position: absolute;}

#container .content .music > p:nth-child(1)
{
	width: 775px;
	left: 510px;
	top: 360px;
}
#container .content .music > p:nth-child(3)
{
	width: 620px;
	left: 475px;
	top: 20px;
	line-height: 14px;
}

#container .content .music .content
{
	left: 540px;
	top: 240px;
	width: 345px;
	height: 265px;
	overflow: hidden;
}

#container .content .music .controls
{
	left: 935px;
	top: 220px;
	width: 60px;
}

#container .content .music .controls .next
{
	position: absolute;
	left: 3px;
	top: 215px;
}

#container .content .music .bottom
{
	position: absolute;
	left: 275px;
	top: 495px;
	width: 195px;
	line-height: 14px;
}

/***** Books *******/
#container .content .books
{
	height: 820px;
	z-index: 3;
}
#container .content .books a:hover{color: #350505;}

#container .content .books img
{
	position: absolute;
	top: -25px;
}
#container .content .books p
{
	position: absolute;
	top: 140px;
	left: 122px;
	width: 270px;
	height: 375px;
	overflow: hidden;
}

#container .content .books .prices img{position: absolute;}

#container .content .books .prices .left
{
	left: 407px;
	top: 411px;
}

#container .content .books .prices .center
{
	left: 659px;
	top: 264px;
}

#container .content .books .prices .right
{
	right: 145px;
	top: 365px;
}

/***** Films. *******/
#container .content .films{height: 690px;}
#container .content .films > img
{
	position: absolute;
	top: -120px;
}

#container .content .films .content
{
	width: 325px;
	height: 330px;
	left: 200px;
	top: 95px;
	overflow: hidden;
}

#container .content .films .controls
{
	width: 76px;
	height: 453px;
	overflow: hidden;
	position: absolute;
	left: 1000px;
	top: 65px;
}

#container .content .films .controls .prev,
#container .content .films .controls .next{position: relative;}

#container .content .films .controls .prev{left: 20px;}
#container .content .films .controls .next{top: 155px;}

/***** Dj. *******/
#container .content .dj{height: 690px;}

#container .content .dj > img
{
	position: absolute;
	top: -200px;
	left: -43px;
}

#container .content .dj div
{
	width: 400px;
	height: 445px;
	overflow: hidden;
	position: absolute;
	left: 100px;
	top: 80px;
}

#container .content .dj div.controls
{
	left: 510px;
	top: -10px;
	width: 115px;
	height: 540px;
}

#container .content .dj div.controls a:nth-child(2)
{
	position: absolute;
	left: 4px;
	top: 400px;
}

/***** Links *******/
#container .content .links
{
	height: 715px;
	z-index: 4;
}

#container .content .links > img
{
	position: absolute;
	top: -90px;
	left: -30px;
}

#container .content .links > div
{
	position: relative;
	top: 220px;
	left: 286px;
}

#container .content .links > div,
#container .content .links > div div{width: 600px;}

#container .content .links > div img{position: relative;}

#container .content .links .soundcloud
{
	left: -100px; 
	width: 400px;
}

#container .content .links .twitter
{
	left: 100px; 
	width: 350px;
}

#container .content .links .mentor
{
	width: 300px;
}

/***** Contact *******/
#container .content .contact{height: 710px;}
#container .content .contact > img:nth-child(1)
{
	position: absolute;
	top: -130px;
}

#container .content .contact .email
{
	position: absolute;
	left: 405px;
	top: 235px;
	display: block;
	width: 220px;
	height: 45px;
	background-image: url(../images/contact/email_black.png);
}
#container .content .contact .email:hover{background-image: url(../images/contact/email_red.png);}


/***** 
	http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
	iPhone 4+ Portrait or Landscape.
*****/
/*@media all and (min-device-width: 320px) and (max-device-width: 480px)
{
	#container .xho
	{
		bottom: -20px;
		position: absolute;
	}
}*/