/*
Abstrakt Reflections
http://www.abstraktreflections.net/
Web Development by THEPOSTHUMAN @ www.theposthuman.net
/*

/* Body */

* { letter-spacing: normal; }
body {background-color: #000000; color: #E3E3E3; font: 12px Arial, Helvetica ,sans-serif; padding: 20px; letter-spacing: 0px; }
#wrap {background-color:#000; color: #CDCDCD; margin:0 auto; width:100%; max-width: 960px; margin: 0 auto; display: none; }
.wrapper { width: 450px; display: inline-block; }
strong { color: #FFFFFF; font-weight: bold; }
.strong { font-weight: bold; }
.fa { color: #FFF; }
h1 { margin: 0px !important; padding: 0px !important; }
h2,h3,h4,h5,h6 { color: #FFF; }
h3.rules { font-size: 24px; font-style: italic; padding: 10px; padding-left: 0px; color: #a6343c; }

/* Links */

a { color: #FFF; text-decoration: none; }
a:hover { color:#ffffff; text-decoration: line-through; }
a img { border:0; }

.button { background: #FFF; color: #000; font-weight: bold; }
.button:hover, .button:focus { background: #FFF; color: #000; text-decoration: line-through; }

/* Header */
#header { float: left; width: 100%; height: 320px; border-bottom: 1px solid #FFF; margin: 20px 0; margin-top: 50px; position: relative; }
#header .logo { float: left; }
#header .logo img { max-width: 100%; margin-left: 15px; }

/* Navigation */
#navigation { position: absolute; bottom: 132px; left: 20px; }
#navigation .menu { margin: 0px; padding: 0px; }


/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content { padding: 20px; padding: 1em; float: left; width: 100%; }
#contentwide { width: 100%; min-height: 100%; vertical-align: top; line-height:1.2em; padding:0; margin-left: 20px; }
#content img,#contentwide img { max-width: 100%; height: auto; }
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 10px 0px;}
/*#content li,#contentwide li { padding-top: 3px; padding-bottom: 6px; }
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px; }*/
#content p { letter-spacing: 0px; line-height: 20px; }

/* Artists */

#artists { }
#artists img { margin-top: 3px; border: 5px solid #000; }
#artists img:hover { border: 5px solid #FFF; }
#artists .artist strong { display: block; }
.releases-on { width: 100%; }

#artist .content-right p:first-child > br { display: none; }

/* Footer */

#prefooter { display: block; clear: both; float: left; padding-top: 20px; margin-top: 20px; border-top: 1px solid #FFF; line-height: 20px; }

#footer { font-size: 9px; text-align: left; width: 100%; clear: both; padding-top: 20px; margin: 20px 0; border-top: 1px solid #FFF; float: left; letter-spacing: 1px; }
#footer span { display: block; }
#footer .title a:hover, #footer .title a:hover img, #footer .title a img:hover  { border: 0px !important; text-decoration: none !important; }
#footer img.logo { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; display: block; text-align: center; }
#footer i { font-size: 2.5em; padding: 10px; }
#footer .social-networks { text-align: right; }
#footer .left-container { width: 75%; float: left; }
#footer .right-container { width: 25%; float: right; }
#footer p { margin: 8px; margin-bottom: 0px; line-height: normal; }

/* Various classes */
img.left { margin-right: 10px; margin-bottom: 10px; }
.left { float:left; }
.right { float:right; }
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post { margin: 0px; margin-top: 8px; line-height:1.3em; top: 0px; }
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin: 0px; padding:0; text-align:center; float: right; }
.navigation span { display: block; }
.navigation a { color: #FFF !important; }
.navigation p {margin:0; padding:0;}
.prevlink
.nextlink {}
.upcoming { border: 5px solid #FFFFFF; display: block; margin-top: 5px; margin-bottom: 8px; }
.post { margin: 0px; }
.nopadding { margin: 0px; padding: 0px; }
.white {color: #FFFFFF; }

.note { width: auto; padding: 8px; float: left; margin-top: 5px; margin-bottom: 5px; font-weight: bold; font-size: 10px; color: #000000; ; background-color: #FFFFFF; }
.note a { color: #000000; text-decoration: underline; }
.separator { border-top: 1px dotted #111111; min-width: 450px; display: inline-block; padding: 0px; margin-top: 5px; margin-bottom: 5px; }
.separator-white { border-top: 1px solid #FFF; min-width: 450px; display: inline-block; padding: 0px; margin-top: 5px; margin-bottom: 5px; }
.line-separator { width: 100%; display: block; border-top: 1px solid #FFF; margin: 40px 0; }
.note { background: #FFF; color: #000; font-size: 10px;  padding: 3px; width: 450px; }
.note a { color: #000 !important; }
.note strong { color: #000; }

.info { display: table;  font-size: 10px; line-height: 12px; background: #FFF; color: #000; padding: 5px; margin-top: 10px; margin-bottom: 10px; }

.links { font-weight: bold; color: #FFF; }
.links a { font-weight: normal; }
.tracklist { margin-bottom: 20px; }
.tracklist a { color: #888; }
.tracklist ul { padding: 0px; }
.tracklist li { color: #FFF; font-weight: bold; list-style-type: none; margin: 0px; padding: 0px !important; line-height: 20px; }
.discography p { margin: 0px !important }
.big { font-size: 65px; letter-spacing: -5px; font-weight: bold; display: inline-block; width: 100%; line-height: 55px; margin-top: 0px; margin-bottom: 25px; color: #FFFFFF; padding-bottom: 5px; }
.coming-soon { font-size: 20px; font-weight: bold; display: inline-block; width: 100%; line-height: 20px; margin-top: 10px; color: #FFFFFF; }
.download { font-size: 3em; letter-spacing: -5px; font-weight: bold; }
/*.upcoming-release { font-size: 10px; text-transform: uppercase; display: inline-block; background: #FFF; color: #000; letter-spacing: 3px; padding: 5px; }*/
a.download_link:hover { background: #FFF; color: #000; }

.no-border { border: 0px !important; }
.border-yes { border: 5px solid #FFF; }

/*.catalog { font-size: 9px; letter-spacing: 2px; color: #999; margin-top: 2px; }*/

.photoby { font-size: 9px; color: #000; background: #FFF; display: inline-block; padding: 2px; }
.photoby a { color: #000; }

.post-meta { color: #FFF; list-style-type: none; text-transform: uppercase; }
.post-meta-key { font-size: 10px; font-weight: bold; text-transform: uppercase; background: #FFF; color: #000; padding: 2px; }

.subpages li { padding: 10px 0 !important; font-size: 10px; text-transform: uppercase; line-height: 1.3; border-bottom: 1px dotted #333; list-style-type: none; }
.subpages li a { background: #000; color: #FFF; }
.subpages li a:hover { background: #FFF; color: #000; }

.no-margin-top { margin-top: 0px; }

/* Menu */

#new-menu { padding-left: 0px; padding-bottom: 5px; border-bottom: 1px solid #FFF; margin-bottom: 40px; }
#new-menu ul { padding: 0 0 0 5px; }
#new-menu li { display: inline-block; }
#new-menu li.current-menu-item a { background: #FFF; color: #000; }
#new-menu li a { text-transform: uppercase; padding: 5px; margin: 0 10px; }

/* Alignments */

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.title { font-size: 5em; line-height: 1em; font-weight: bold; color: #FFFFFF; letter-spacing: -3px; }
.title, .big { margin-bottom: 20px; }
.title.artist { padding: 12px; }
.subtitle { font-size: 20px; font-weight: bold; display: inline-block; letter-spacing: -1px; color: #FFFFFF; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #FFF; margin-top: 15px; margin-bottom: 10px; }
.subtitle.download { font-size: 50px; border: 0px; }
.subtitle.tracklist { margin-top: 0px; }
.subtitle.listen-online {}

#content .title_news { padding-left: 2px; padding-right: 2px; }

.post .title_news { font-weight: bold; background: #FFF; padding: 2px; padding-left: 4px; padding-right: 4px; !important; display: table; }
.post .title_news a { color: #000 !important; font-size: 24px;  letter-spacing: -1px; line-height: 24px; }

.date { font-size: 10px; text-transform: uppercase; margin: 0px; color: #222; padding-bottom: 5px; letter-spacing: 1px; background: #FFF; display: table; padding: 3px; margin: 10px 0 20px; }

.title_news + .date { margin: 0px; padding: 5px; padding-left: 2px; }

.contenttext { margin-bottom: 5px; padding: 5px 0; color: #CDCDCD; width: 100%; }
.contenttext .border.img { border: 5px solid #FFF; }
.contexttext a { color: #000 !important; }
.pure-padding { padding: 1em; }

iframe { width: 100%; /*height: 100%;*/ }
/*.pure-g { letter-spacing: inherit !important; }*/
.pure-g > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padding-box { padding: 1em; }
.content-right.padding-box { padding-top: 0px; }
.post-edit-link { display: none; }
.hidden { display: none !important; }

/* About */

#about .manifesto { font-size: 2em; color: #FFF; }
#about .manifesto p { line-height: 1.5em; }
#about .creative-commons .image { margin-top: 20px; }
#about .creative-commons .text { margin-bottom: 30px; }
#about i { padding-right: 1em; }
#about .text { background: #FFF; color :#000; padding: 5px; width: auto; display: inline-block; }
#about .text strong, #about .text a { color: #000; }

/* Releases */

.information { padding: 0px; margin: 0px; }
.information li { font-size: 11px; padding: 5px 0; list-style-type: none; }

.release_info .information li span { color: #CCC; }
.bandcamp-player { display: inline-block; }

.releases { height: 140px; width: 140px; }

.releasecontainer { }
.releasecontainer img { border: 5px solid white; }
#releases .releasecontainer .release { color: #CCCCCC; max-width: 170px; }
#releases .releasecontainer .release_text { }
#releases .releasecontainer .release_text .title { background: #000; padding: 0px; color: #FFF; font-size: 14px; margin: 5px 0; margin-bottom: 2px; letter-spacing: 0px; }
.catalog { font-size: 10px; color: #666; margin-top: 2px; }
#releases .releasecontainer .release_description { display: none; }
#releases .releasecontainer .border-bottom { border-bottom: 1px dotted #333; margin: 5px 0; display: none; }
#releases .separator { display: none; }

.release .release_text .title { font-size: 14px; padding: 0px; padding-bottom: 2px; margin: 0px; letter-spacing: 0px; }
.separator { display: none; }
.contest-separator { border: 1px solid #FFF; width: 100%; display: block; }
.single-releases .title { margin: 0px; padding: 0px; }

/* Single Release */

#release { }
#release .release-description { margin-bottom: 20px; }
#release .content-left { padding-top: 0px; }
#release .info-download { }
#release .info-download li a { padding: 5px; }
#release .info-download li a:hover { text-decoration: none; }
#release .info-download input[type=image] { max-width: 150px; padding-left: 10px; }

.really_simple_share { padding-left: 12px; padding-top: 30px !important; }

ul.steps { padding: 0px; list-style-type: none; }
ul.steps li { line-height: 20px; margin-bottom: 20px; }
ul.steps li i { padding-right: 10px; }

/* Sample Packs */

#sample-packs { margin-top: 20px; }
#sample-packs .button { float: left; padding: 10px; text-transform: uppercase; margin-top: 20px; }

.download-samplepack { padding: 10px; letter-spacing: 3px; font-weight: bold; background: #d4c7a5; color: #a73d3f; display: inline-block; }
.download-samplepack:hover { background: #a73d3f; color: #d4c7a5; text-decoration: none; }

/* Contests */

#contests { }
#contests h3 { font-size: 16px; line-height: 24px; }
#contests .button { padding: 10px; font-weight: normal; letter-spacing: 3px; margin-top: 10px; float: left; }

/* Newsletter */

.mc4wp-form { }
.mc4wp-form input[type=email] { width: 195px; padding: 5px; border: 0px; color: #000; margin-left: 10px; }
.mc4wp-form input[type=submit] { color: #FFF; background: #000; letter-spacing: 3px; padding: 10px; text-transform: uppercase; border: 1px solid #FFF; }
.mc4wp-form input[type=submit]:hover { background: #FFF; color: #000; }

div#___gcse_0 { display: none; }
.hidden { display: none; }

/* Media Queries */

@media (max-width: 768px) {
	#content { padding: 0px; }
	#header { height: auto; border-bottom: 0px; }
	#header img { max-width: 90%; padding-left: 7%; }
	#navigation { position: relative; left: inherit; bottom: inherit; margin: 20px 50px; }
	.toggle { text-transform: uppercase; margin-bottom: 20px; }
	.toggle:hover:after { background: #FFF; color: #000; }
	.toggle:after { border-radius: 0px; margin: 0px; color: #FFF; background: #000; border: 1px solid #FFF; letter-spacing: 8px; }
	.menu > li { float: inherit; }
	.menu > li > a { text-align: center; }
	.title { font-size: 4em; }
	#prefooter { margin: 10px; }
	.title { padding: 0 20px; }
	.date { margin-left: 20px; }
}

@media (max-width: 568px) {
	#footer { border-top: 0px; }
	#footer .left-container, #footer .right-container { width: 100%; float: none; text-align: center; }
	#footer .social-networks { padding: 20px 0; }
	.title { font-size: 3em; }
	#prefooter { padding-top: 0px; }
	#prefooter .block-about-the-label { display: none; }
	.date { margin-bottom: 0px; }
}

@media (max-width: 380px) {
	#header { height: 180px; }
	#navigation { position: relative; }
	#footer { letter-spacing: normal; margin: 0px; }
	#footer .left-container p {}
	.mc4wp-form input[type=email] { margin-left: 0px; mrgin-top: 5px; }
	.mc4wp-form input[type=submit] { padding: 8px; }

}