/* home.css for bitfume.com */
/* (include after common.css) */

/* general */
body { margin-bottom: 1em; }

/* headings */
h2 { border-bottom: 2px solid #cc0000; margin-top: 1.67em; margin-bottom: 1em; }

/* title logo and logotype */
div.logo {
	display: inline-block;
	width: 342px;
	
	max-width: 100%;

	/* background-image:url('../images/bitfume.gif'); */
	border: none;
	margin-right: 8px;
}
img.logo {
	max-width: 100%;
}
.title {
	display: block;
	clear: both;
	margin-bottom: 2em;
}
.title .logotype{
	position: relative;
	display: inline-block;
	font-size: 48px;
	top: -56px;
	margin-bottom: 0;
}
.title .sublogotype{
	/* software and design */
	position: relative;
	display: inline-block;
	font-size: 24px;
	top: 0px;
	left: 0px;
	margin-top: 8px;
	margin-bottom: 0;
	color: #444444;
}

/* content */
#content{
	margin-top: -12px;
}

/* tab navigation */
#tabs{
	/* empty */
}
#tabs a{
	line-height: normal;
	display: inline-block;

	padding-bottom: 0.3em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.3em;

	margin-left: 0;
	margin-right: 2pt;
	margin-bottom: 0.3em;
	
	border: 2px solid #ccc;
	text-align: center;
	font-size: 16pt;
	text-decoration: none;
	
	min-width: 6em;
	
	background-color: white;
	filter: drop-shadow(0px 2px 1px rgba(0,0,0,0.2));
	
}
#tabs a.selected{
	border: 2px solid #ccc;
	border-bottom: none;
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}
#tabs a:hover{
	/* empty */
}

/* tab content */
#tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9 { display: none; }
/* #tab1.selected, #tab2.selected, #tab3.selected, #tab4.selected { display: none; } */

/* mobile */
@media only screen and (max-width: 5in) {
	/* portrait */
	#tabs a{
		padding-left: 0.3em;
		padding-right: 0.3em;
		min-width: 4em;
	}
}

p.intro {
	margin-top: 3em;
}