/*
Theme Name: Empty
*/

@import url(http://www.goreki.com/fonts/font-face.css);
@import url(imagebox.css);
@import url(konami.css);

	body {
		color: #1a1a1a;
		background-color: #fff;
		font-size: 1em;
		padding: 0;
		letter-spacing: 0.08em;
		position: relative;
		margin: 0;
	}
	
	body, input, textarea { font-family: "gesta-1", "gesta-2", Helvetica, Verdana, Arial, sans-serif;}
	
	img { border: 0; }
	
	input, textarea {
		border-bottom-color: #000;
		border-bottom-style: dashed;
		border-width: 0 0 1px 0;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}
	
	textarea {
		margin: 10px 0 0 0;
		border-bottom-color: #000;
		border-color: #837d83;
		border-style: dashed;
		border-width: 1px;
	}
	
	input#submit {
		color: #000;
		cursor: pointer;
		background-color: #c8c8c8;
		border-width: 0;
		padding: 5px;
	}
	
	input#submit:hover { background-color: #7b7b7b; }	
	
	blockquote { font-family: Georgia, "Times New Roman", Times, serif; }
	
	.htmltag {
		color: #d4d4d4;
		display: none;
		font-size: 0.7em !important;
		font-family: Helvetica, Verdana, Arial, sans-serif !important;
		margin: 0 auto;
		width: 900px;
	}
	
	.holdAll {
		width: 100%;
		height: 100%;
	}
	
	/* @group scrollbar */

	/* http://almaer.com/scrollbar/debug.html */
	
	::-webkit-scrollbar {
	    width: 10px;
	    height: 10px;
	}
	
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment {
	    display: block;
	    height: 10px;
	}
	
	::-webkit-scrollbar-button:vertical:increment {
	    background-color: #fff;
	}
	
	::-webkit-scrollbar-track-piece {
	    background-color: #eee;
	    -webkit-border-radius: 5px;
	}
	
	::-webkit-scrollbar-thumb:vertical {
	    height: 50px;
	    background-color: #000;
	    -webkit-border-radius: 5px;
	}
	
	::-webkit-scrollbar-thumb:horizontal {
	    width: 50px;
	    background-color: #000;
	    -webkit-border-radius: 5px;
	}

	/* @end */
	
	.fix:after {
		content: ".";
    	display: block;
    	height: 0;
    	clear: both;
   		visibility: hidden;
	}
	
	.fl { float: left; }
	.fr { float: right; }
	
	a, a:active, a:visited {
		color: #1a1a1a;
	}
	
	a:hover {
		color: #ff4245;
		text-decoration: none;
	}
	
	h2,h3,h4,h5,h6,h7,h8,h9 {
		color: inherit;
		font-weight: 100;
	}
	h2, h3, h4, h5 {
		margin: 0 0 20px 0;
		padding: 0;
	}
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.8em; }
	h5 { font-size: 2.0em; }
	
	.panel a, .panel a:active, .panel a:visited {
		color: #fff !important;
	}
	
	.panel a:hover {
		color: #ff4245;
		text-decoration: none;
	}
	
	.archiveHolder {
		color: #fff;
		margin: 0 auto;
		padding: 50px 0 0 0;
		width: 900px;
	}
	
	.titleHolder {
		margin: 0 auto;
		padding: 0 0 20px 0;
		width: 900px;
	}
	
	.pageHolder {
		margin: 0 auto;
		width: 900px;
	}
	
	#nav {
		height: 50px;
		margin: 0 auto;
		padding: 0 25px 0 0;
		width: 875px;
	}
	
	#nav li {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
	}
	
	#nav .logo {
		background-repeat: no-repeat;
		float: left;
		height: 50px;
		margin: 0;
		padding: 0;
		position: relative;
		width: 200px;
	}
	
	#nav .logo div {
		position: absolute;
		top: 0;
		display: none;
	}
	
	#nav .logo:hover div {display: block;}
	
	#nav .menu {
		float: right;
		padding: 10px 10px 10px 30px;
		background-repeat: no-repeat;
		background-position: 5px 10px;
	}
	
	#nav .menu a { text-decoration: none; }
	
	#nav .menu:hover { background-color: black; }
	
	#nav .menu:hover a {
		color: #ff4245;
		text-decoration: none;
	}
	
	a.openPanel { text-decoration: none; }
	
	.panelHolder { position: relative; }
	
	.panel {
		background-color: #000 !important;
		color: #fff !important;
		display: none;
		left: 0px;
		margin: 0 auto;
		padding: 10px;
		position: absolute;
		right: 0;
		top: 38px;
		width: 880px;
		z-index: 99;
	}
	
	.panel .closePanel {
		font-size: 1.5em;
		padding: 0 0 20px 0;
	}
	
	.panel .closePanel:hover {
		color: #ff4245 !important;
		cursor: pointer;
	}
	
	.panel .panelSide {
		float: left;
		font-size: 0.7em;
		line-height: 1.7em;
		padding: 0 20px 0 0;
		width: 270px;
	}
	
	.panel .panelContent {
		float: right;
		width: 590px;
	}
	
	.panel .panelContent a { text-decoration: none; }
	
	.panel .panelContent p {
		line-height: 1.5em;
		margin: 0 0 20px 0;
	}
	
	
	.panelContent img, .panelContent p img {
		clear: both;
		float: right;
	}
	
	.panel .panelContentFull .panelMixtapeThumb {
		height: 100px;
		margin: 0 10px 20px 0;
		padding: 0;
		width: 275px;
	}
	
	.panelContentFull .panelMixtapeThumb .mixtapeTitle {
		background-color: #000;
		font-size: 1.5em;
		padding: 10px;
		margin: 10px;
		width: 200px;
	}
	
	.panelSide .workThumb {
		margin: 0 0 10px 0;
	}
	
	.panelSide .workThumb a {
		text-decoration: none;
	}
		
	.navHolder {
		position: relative;
		padding: 20px 0 25px 0;
		margin: 0 auto;
		width: 900px;
		z-index: 999999;
	}
	
	.next, .previous {
		float: left;
		padding: 0 0 0 30px;
	}
	
	.num {
		background-image: url(img/blank_circle.png);
		color: #fff;
		float: right;
		height: 19px;
		margin: 0 20px 0 0;
		padding: 6px 0 0 2px;
		text-align: center;
		width: 23px;
	}
	
	.sideContent {
		font-size: 0.8em;
		float: left;
		margin: 10px 50px 0 10px;
		padding: 0;
		width: 215px;
	}
	
	.hidden {
		display: none;
	}
	
	.tohide { margin: 10px 0 25px 15px; }
	
	.sideContent li {
		color: #939494;
		line-height: 1.4em;
		list-style-type: none;
		margin: 0 0 10px 0;
	}
	
	.sideContent li a {
		color: #5a5b5b ;
		text-decoration: none;
	}
	
	.sideContent li a:hover { color: #242121 ; }
	
	.sideTitle {
		color: #939494;
		cursor: pointer;
		line-height: 1.4em;
		list-style-type: none;
		margin: 0 0 10px 0;
		padding-left: 15px;
	}
	
	.arr-r {
		background-position: 1px;
		background-image: url(img/cat-arrow-right.png);
		background-repeat: no-repeat;
	}
	
	.arr-d {
		background-position: 1px;
		background-image: url(img/cat-arrow-down.png);
		background-repeat: no-repeat;
	}
	
	.contentHolder {
		float: left;
		width: 500px;
	}
	
	.entryInfo {
		color: #b2b1b3;
		padding: 15px 0 0 50px;
		position: relative;
		width: 550px;
	}
	
	
	.entryInfoSingle {
		color: #b2b1b3;
		padding: 50px 0 0 25px;
	}
	
	.entryInfo .date, .entryInfoSingle .date {
		float: left;
		margin: 2px 0 20px 0;
		width: 200px;
	}
	
	.entryInfo .tags {
		font-size: 0.8em;
		float: left;
		height: 10px;
		left: 320px;
		overflow: hidden;
		padding: 2px 0 5px 0;
		position: absolute;
		width: 235px;
	}
	
	.entryInfo .tags:hover{height: auto;}
	
	.entryInfo .tags .arrow-init,.entryInfo .tags .arrow-hover {
		color: #ff2d1b;
		display: inline;
		float: left;
		padding: 0;
		margin: -2px 10px 0 0;
		width: 10px;
	}
	
	.entryInfo .tags .arrow-init {display:inline;}
	.entryInfo .tags .arrow-hover {display:none;}
	.entryInfo .tags:hover .arrow-init {display:none;}
	.entryInfo .tags:hover .arrow-hover {display:inline;}
	
	.entryInfoSingle .tags {
		font-size: 0.8em;
		height: 40px;
		padding: 2px 0 0 0;
	}
	
	.retweet {
		float: right;
		margin: 0 20px 0 0;
	}
	
	.entryInfo .tags a, .entryInfoSingle .tags a { color: #b2b1b3; }
	
	.entryInfo .entryTitle,.entryInfo .entryTwitter, .entryInfo .entryDelicious { width: 500px; }
	
	.singleTitle {
		color: #ff4245;
		font-size: 3em;
		line-height: 0.85em;
		margin: 0 0 50px 0;
	}
	
	.entryTitle {
		color: #ff4245;
		font-size: 3em;
		float: left;
		line-height: 0.85em;
		margin: 0 0 50px 0;
	}
	
	.entryTwitter {
		color: #000;
		font-size: 1em;
		float: left;
		line-height: 1.2em;
		margin: 0 0 50px 0;
	}
	
	.entryTwitter p  {padding:0;margin:0;}
	
	.entryDelicious {
		color: #000;
		font-size: 1em;
		float: left;
		line-height: 1.2em;
		margin: 0 0 50px 0;
	}
	
	.entryTitle a,.entryTwitter a,.entryDelicious a {
		color: #ff2d1b ;
		text-decoration: none;
	}
	
	.entryTitle a:hover,.entryTwitter a:hover,.entryDelicious a:hover { color: #242121 ; }
	
	.pageTitle {
		color: #ff4245;
		float: right;
		margin: 0 auto;
		width: 860px;
		font-size: 2.5em;
		padding: 40px 0 40px 40px;
	}
	
	.singleContent {
		float: left;
		line-height: 2em;
		margin: 0 0 50px 0;
		padding: 0;
		max-width: 900px;
	}
	
	.singleContent,.singleContent p {
		position: relative;
	}
	
	.singleContent p, .pageContent p, .pageContent-nc p {
		margin: 0 25px 10px 0;
		padding: 0 0 10px 0;
	}
	
	.singleContent img, .singleContent * img, .pageContent img, .pageContent * img {
		clear: both;
		margin: 0 25px 20px 0;
	}
	
	img.border {
		border-color: #000;
		border-style: solid;
		border-width: 3px;
	}
	
	.pageSide {
		float: left;
		margin: 0 20px 0 40px;
		padding: 0;
		width: 240px;
	}
	
	.pageSide li {
		list-style-type: none;
	}
	
	.pageContent {
		float: left;
		line-height: 2em;
		margin: 0;
		padding: 0;
		width: 600px;
	}
	
	.pageContent-nc { /** Page with no Children **/
		line-height: 2em;
		margin: 0 10px 0 10px;
		padding: 0;
	}
	
	blockquote {
		border-color: #ced0d0;
		border-style: solid;
		border-width: 1px 0 1px 0;
		padding: 5px 10px 5px 10px;
		margin: 0 50px 20px 50px;
	}
	
	div.wp_syntax, pre {
		background-color: transparent;
		border-width: 0;
	}
	
	code, div.code {
		border-color: #ced0d0;
		border-style: solid;
		border-width: 1px 0 1px 0;
		font-family: helvetica, verdana, arial, sans-serif;
		font-size: 0.75em;
		line-height: 1.3em;
		margin: 0 50px 20px 50px;
		padding: 5px 10px 5px 10px;
	}
	
	blockquote p, code p { margin: 0 !important; padding: 0 !important;}
	
/** Comments Area **/

	.commentsInset, ul.commentInfo li, .theComment { color: #1a1a1a !important; } /** GLOBAL COLOUR 1 **/

	.commentsHolder {
		background-color: #fff !important;
		padding: 0 0 50px 0;
	} /** GLOBAL BACKGROUND 1 **/
	
	.commentsInset {
		margin: 0 auto;
		width: 900px;
		padding: 20px 0 0 0;
	}
	
	.post-type {
		float: left;
		text-align: center;
	}
	
	.bubble {
		background-image: url(img/comment-bubble.png);
		background-repeat: no-repeat;
		float: left;
		height: 30px;
		margin: 0 20px 0 20px;
		padding-top: 2px;
		text-align: center;
		width: 31px;
	}
	
	.bubble a, .bubble a:active, .bubble a:visited { color: #5E5E5E !important; }
	
	.bubble-closed {
		background-image: url(img/comment-bubble-closed.png);
		background-repeat: no-repeat;
		float: left;
		height: 30px;
		margin: 0 20px 0 20px;
		padding-top: 2px;
		width: 31px;
	}
	
	.border { 
		border-bottom-color: #b0afaf;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	.commentsInset .title {
		font-size: 2em;
		height: 50px;
		margin-left: 300px;
	}
	
	ul.commentInfo {
		float: left;
		margin: 0;
		padding: 0;
		width: 300px;
	}	
	ul.commentInfo li {
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul.commentInfo li.commentAuthor {
		font-size: 1.2em;
	}
	
	ul.commentInfo li.commentDT {
		font-size: 0.6em;
	}
	
	.theComment {
		color: #3a3a3a !important;
		float: right;
		width: 600px;
	}
	
	.theComment p {
		line-height: 2em;
		margin: 0 0 10px 0;
	}
	
	.author { background-color: #dfdfdf; }

/** Page Specifics **/

	.page-nums { margin: 0 0 20px 0; }
	
	.page_item {
		margin: 10px 0 10px 0;
	}

	.pageContent li.del {
		color: #61B329;
		list-style-type: none;
		list-style-position: outside;
		padding-left: 0;
		text-decoration: line-through;
	}

	.pageContent li.del:before {
		content: "\2713 ";
		padding-right: 0.5em;
		margin-left: -20px;
		text-decoration: none;
	}

/*** About Page ***/
	.about-head {
		border-color: #939494;
		border-style: solid;
		border-width: 0 0 1px 0;
		color: #939494;
		font-size: 2.5em;
		font-family:"museo-slab-1","museo-slab-2", Georgia, "Times New Roman", Times, serif ;
		line-height: 1em;
		padding-bottom: 20px;
		position: relative;
		top: -100px;
	}

/** Bottom Pane **/
	
	.twitter {
		background-color: #b2e0ff;
	}
	
	.twitter a:hover {
		color: #3f79a0;
	}
	
	#twitter {
		background-image: url(img/feathers.png);
		background-position: bottom;
		background-repeat: no-repeat;
		font-size: 0.85em;
		padding-left: 0;
		padding-bottom: 50px;
		padding-right: 0;
		padding-top: 20px;
		list-style-position: outside;
		list-style-type: none;
		margin: 0px;
	}
	
	#twitter li {
		float: left;
		height: 100px;
		padding: 0 10px 0 10px;
		width: 160px;
		white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
		white-space: -pre-wrap; /* Opera 4 - 6 */
		white-space: -o-pre-wrap; /* Opera 7 */
		white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
		word-wrap: break-word; /* IE 5.5+ */
	}
	
/** Mixtape Page **/
	.mixtape {}

	.mixtapeTitleHolder {
		background-color: #fff;
		float: left;
		margin: 0 10px 20px 0;
		padding: 10px 10px 20px 10px;
		width: 400px;
	}

	.mixtapeTitle {
		color: #ff4245;
		font-size: 2.5em;
		line-height: 0.5em;
		padding-left: 35px;
	}
	
	.viewmix {
		background-color: #000;
		color: #fff;
		cursor: pointer;
		padding: 10px 20px;
		width: 860px;
	}
	
	#ViewMixDetails {display: none;}
	
	#coverList {
		display: none;
		float: right;
	}
	
	#coverList a {
		color: #fff;
		cursor: pointer;
		position: relative;
	}
	
	
	#coverList a:hover {color: #fff;}
	
	#coverList a img {display: none;}
	
	#coverList a:hover img {
		border-color: #000;
		border-style: solid;
		border-width: 5px;
		display: block;
		position: absolute;
		left: -275px;
	}
	
	.mixtape {
		height: 800px;
		margin: 0 0 40px 0;
		padding:  80px 10px 10px 10px;
		width: 880px;
	}
	
	.mixtape-left {
		background-color: #fff;
		float: left;
		margin: 0 10px 20px 0;
		padding: 10px;
		width: 400px;
	}
	
	.mixtape-right {
		background-color: #fff;
		float: right;
		font-size: 0.8em;
		line-height: 1.8em;
		padding: 10px;
		width: 430px;
	}
	
	ol.mixtape-right {
		list-style-position: inside;
		margin: 0 0 20px 0;
	}
	
	.mixtape-right h3, mixtape-left h3 {
		font-size: 3em;
		line-height: 1em;
		padding: 0;
		margin: 0;
	}
	
	.mixtapeThumb {
		border-color: #fff;
		border-style: solid;
		border-width: 5px;
		cursor: pointer;
	}
	
	.panelMixtapeThumb {
		cursor: pointer;
		float: left;
		height: 100px;
		width: 275px;
	}
	
	.footer {
		background-color: #000;
		bottom:0px;
		color: #fff;
		font-size: 0.7em;
		margin: 0;
		padding: 10px 0;
		position: relative;
		width: 100%;
	}
	
	.footer div div { padding: 10px; }
	
	.pageSide .commentAuthor {
		font-size: 2em;
	}
	
	.cat-item {
		font-size: 1.3em;
		list-style-position: inside;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.cat-item .children {
		font-size: 75%;
		padding: 10px 0 0 20px;
		margin: 0;
	}