*
{
	margin: 0;
	padding: 0;
	border: 0;
}

ul
{
	list-style-position: inside;
}

p
{
	font-size: 12px;
}

h1
{
	font-size: 28px;
	color: #888;
	margin-bottom: 10px;
	text-shadow: 0px 2px 2px black;
}

h2 {
font-size: 22px;
margin-bottom: 10px;
}

h3
{
	font-size: 20px;
	margin-bottom: 20px;
	text-shadow: 0px 1px 1px black;
}

h4
{
	font-size: 16px;
	color: #fff;
}

h4 a
{
text-decoration: underline;
line-height: 24px;
}

div.main_container { 

width:100%; margin-left:auto; margin-right:auto;

padding-top:0px;
margin-top:0px;

z-index:0;

position:relative;
}


body {
background-color:#000000;
background-image:url(tapmidi_background.png);
font-family:"Helvetica";
color:#efefef;
}

a {
color:inherit;
text-decoration:inherit;
}

div.navbar {

position:relative;
/*left:0px;
top:0px;*/

width:100%;
z-index:1;
}

div.nav_container {
    width:1000px; margin-left:auto; margin-right:auto;
    vertical-align:bottom;
    padding-top:10px;
    padding-bottom:0px;
}

div.navbar_content {
    margin-top:34px;
    margin-left:22px;
}

div.navbar_content.new
{
	color: #00baff;
	text-shadow: 0px 0px 10px #00baff;
}

div.row {

margin-top:0px; margin-bottom:0px;
}

div.footer {
margin-top:40px;
margin-bottom:20px;
font-size:10px;
vertical-align:middle;
text-align:center;
}

div.small {
    width: 1000px;
    margin: 0 auto;
}

div.divider {
width:100%;
height:50px;
}

div.ripped {
height: 25px;
background-image:url(tapmidi_section_divider.png);
}

div.rippedflipped {
height: 25px;
background-image:url(tapmidi_section_divider_flip.png);
}

div.inset {
background-color:#303030;
background-image:url(tapmidi_panel_background.png);
color:#efefef;

font-size:10pt;
border:1px solid #272727;
}

.container {
margin:20px;
font-size: 14px;
line-height: 18px;
}

div.quotebox {
width: 290px;
float:left;
margin:20px;
height:150px;
}

p.quote {
font-weight:bold;
float:left;
text-align:center;
width:100%;
}

p.quotename {
font-style:italic;
float:right;
}


div.splash {
float:left;
width:600px;
}

div.infobox {
float:left;
width:500px;
}

.container {
/* text-align:justify; */
}

div.topbutton {
position:absolute;
right:10px;
top:10px;
}

div.featurebox {
/*width:500px;*/
float:left;
margin: 0 auto;
padding-bottom: 5px;
position:relative;
}


div.featureicon {
width:64px;
height:64px;
margin:10px;
background-color:black;
}


div.featurepic {
width:400px;
height:300px;
margin:12px;
background-color:black;
}

.left { float:left; }
.right { float:right; }

div.featuretext {
margin:10px 0 20px;
font-size: 12px;
line-height: normal;
color: #ccc;
text-shadow: 0px 1px 1px #222;
/* margin-top: 10px; */
/* white-space:pre-wrap; */

}

.clear {
clear:both;
/* visibility:hidden; */
}


.fullwidth {
width:1000px;
}

.halfwidth {
width:470px;
}


.show {
visibility:visible;
}

hr {
border:0px;
border-top:2px dotted #777;
border-bottom:2px solid #444;
margin-top:16px; margin-bottom:16px;
}

.navbar h3 {
font-weight:normal;
text-shadow:inherit;
}

a:hover {
text-shadow:0px 0px 2px cyan;
}

.largecaption {
font-size:30px;
margin-top:20px;
margin-bottom:40px;
font-family:"Verdana";
font-weight:bold;
text-shadow: 0px 1px 1px white;
}

.center {
text-align:center;
}

.rounded10 {

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.roundedbottom {
    
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

}

.rounded20 {

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

}

.innershadow {
-webkit-box-shadow:inset 0 0 10px black;
-moz-box-shadow:inset 0 0 10px black;
box-shadow:inset 0 0 10px black;
}

.outershadow {
-webkit-box-shadow: 0px 1px 3px #000000; 
-moz-box-shadow: 0px 1px px #000000;
box-shadow: 0px 1px 3px #000000;
}


.gradientbright {

background-image: linear-gradient(top, #F9F9F9 0%, #707070 100%);
background-image: -o-linear-gradient(top, #F9F9F9 0%, #707070 100%);
background-image: -moz-linear-gradient(top, #F9F9F9 0%, #707070 100%);
background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #707070 100%);
background-image: -ms-linear-gradient(top, #F9F9F9 0%, #707070 100%);

background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0, #F9F9F9),
	color-stop(1, #707070)
);

color:black;

}


.gradientdark {

background-image: linear-gradient(bottom, #202020 0%, #505050 50%);
background-image: -o-linear-gradient(bottom, #202020 0%, #505050 50%);
background-image: -moz-linear-gradient(bottom, #202020 0%, #505050 50%);
background-image: -webkit-linear-gradient(bottom, #202020 0%, #505050 50%);
background-image: -ms-linear-gradient(bottom, #202020 0%, #505050 50%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0, #202020),
	color-stop(0.5, #505050)
);

}

.gradientverydark {
background-image: linear-gradient(bottom, #0F0F0F 0%, #404040 100%);
background-image: -o-linear-gradient(bottom, #0F0F0F 0%, #404040 100%);
background-image: -moz-linear-gradient(bottom, #0F0F0F 0%, #404040 100%);
background-image: -webkit-linear-gradient(bottom, #0F0F0F 0%, #404040 100%);
background-image: -ms-linear-gradient(bottom, #0F0F0F 0%, #404040 100%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0, #0F0F0F),
	color-stop(1, #404040)
);

}

.thumb
{
	width: 150px;
	float: left;
	margin: 20px;
	opacity: .5;
	filter:alpha(opacity=50);
	cursor: pointer;
}

.thumb.sel
{
	opacity: 1;
	filter:alpha(opacity=100);
}

.full
{
	width: 520px;
	margin: 20px 20px 20px 0;
	float: right;
}

.full img
{
	width: 520px;
}

.full p
{
	margin-top: 10px;
	padding: 10px;
	background: #222;
	font-size: 14px;
	color: #ccc;
}