/*  

Theme Name: Steye
Theme URI: http://www.doxrecords.com
Description: Steyemusic
Version: 0.1
Author: Meinder Verheggen
Author URI: http://www.doxrecords.com
Tags: Steye & The Bizonkid

*/

/* reset */
html, body, h1, h2, h3, header, nav, p, article, section { padding: 0; margin: 0; }

/* tags */
html, body {font-family: Arial, sans-serif; font-size: 12px; }

body { background: #fff; } /* image */

h1, h2, h3 {font-family: 'Amatic SC', cursive; margin-bottom: 5px;}
h1 { font-size: 45px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}

a:link { font-weight: bold; color: black; text-decoration: none;}
a:visited { color: #000;}
a:hover { background: black; color: white; }
a:active {}

p {margin-bottom: 5px;}

.fb-like-box {position: fixed; top:5px; right: -200px;}

/* layout */
header.nav {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%; 
	padding-left: 20px;
	padding-top: 20px;
	height: 60px;
	background: #fff;
	z-index: 1;
	overflow: auto;
}
	header h1 {float: left;}
	nav.menu {float: left; margin: 0px 40px; font-family: 'Amatic SC', cursive;}
	
	nav.menu ul { padding: 0; list-style-type: none;}

	nav.menu ul li {margin-bottom: 5px; display: inline-block; margin-right: 20px; font-size: 20px; }
		nav.menu ul ul li {  font-size: 15px; margin-right: 10px;}	
		nav.menu ul ul li a {color: #a1a1a1;}
		nav.menu ul ul li a:before { content:"\21B3  ";}	

	.small a {color: #a1a1a1;}
	nav.menu ul li a.active {text-decoration: underline;}
	
main.container {
	min-width: 100px;
	position: absolute;
	top: 50%;
	margin-top: -240px;
	margin-left: 20px;
	white-space: nowrap;
	display: block;
}
article.post {
	background-color: #fff;
	border-bottom: 2px double #000;
	padding: 10px;
	min-width: 480px; 	
	height: 480px;	/* 10+480+10 = 500 */
	margin-right: 30px;
    display: inline-block;
    overflow: auto;
    white-space: normal;
}

article > section { float: left; }
	section.description {padding-left: 10px; width: 190px;}

/* main.container > article:nth-child(odd) {border-bottom: 2px dashed #000;} */

article.post.format-video {min-width: 750px; }
	article.post.category-steye-and-the-bizonkid {border-bottom-style: dotted; }
	article.post.category-wildvreemd {border-bottom-style: dashed; }
	article.post.category-corporate {border-bottom-style: solid; }

article.page {
	background-color: #fff;
	border-bottom: 2px double #000;
	padding: 10px;
	width: 580px; 	/* 10+480+10 = 500 */
	min-height: 480px;	/* 10+480+10 = 500 */
	margin-right: 20px;
    display: inline-block;
    overflow: auto;
    white-space: normal;
}	

.really_simple_share {position: absolute; bottom: 0px; opacity: 0.5;}
.really_simple_share > div {float: left;}


@media only screen and (max-width: 600px) {
	/* body:after { content: "Small"; } */

	
}
 
@media only screen and (min-width: 601px) and (max-width: 1200px) {
	/* body:after { content: "Medium"; } */
	

}
 
@media only screen and (min-width: 1201px) {
	/* body:after { content: "Large"; } */
  

}