/* CSS Document for CS Soundoff */

/* --- background stuff --- */
html, body { background: #bbb url('../../images/leather.jpg') repeat; color: #fff; text-align: left; }


/* --- baseline calculations --- */
body {
	font-size: 13px;
	line-height: 1.4615384615384615em;
	margin: 0; padding: 0
}
h1 {
	margin: 0;
	font-size: 1.6153846153846154em;
	line-height: 0.9047619047619048em;
	margin-bottom: 0.9047619047619048em;
}
h2 {
	margin: 0;
	font-size: 1.4615384615384615em;
	line-height: 1em;
	margin-bottom: 1em;
}
h3 {
	margin: 0;
	font-size: 1.3076923076923077em;
	line-height: 1.1176470588235294em;
	margin-bottom: 1.1176470588235294em;
}
h4 {
	margin: 0;
	font-size: 1.1538461538461537em;
	line-height: 1.2666666666666666em;
	margin-bottom: 1.2666666666666666em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.4615384615384615em;
	margin-bottom: 1.4615384615384615em;
}
p.small {
	margin: 0;
	font-size: 0.8461538461538461em;
	line-height: 1.7272727272727273em;
	margin-bottom: 1.7272727272727273em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.4615384615384615em;
}


/* --- general styles --- */

/*p, h1, h2, li, ul, blockquote, pre, td, th, label { text-shadow: 0 0 0 #fff; align: justify; }*/

/*p, h1, h2, li, ul, blockquote, pre, td, th, label { text-align: justify; }*/

em, i { font-style: italic; }

strong, bold { font-weight: bold; }

fieldset { padding-top: 8px; border: 0;}

input[type="text"] { color: #666; vertical-align: top; }

select { vertical-align: top; }

label { width: 100px; display: inline-block; text-align: right; padding-right: 10px; vertical-align: middle;}

hr { border: 1px solid #333; margin-bottom: 20px; color: #333; }

ul, ol { margin: 0; padding: 0; }
	li { margin-left: .75em; list-style-type: none; }

h1 { font-weight: bold; color: #f00; background-color: inherit; }

table {
	width: 100%;
	border: 0;
}
	th { font-weight: bold; text-indent: .5em; }
	td { 
		/*border-bottom: 1px solid #cecece;*/
		border: 0;
		padding: 5px 0 5px 0;
		text-indent: .5em;
		}
		
img, object { max-width: 100%; width: 100%; }

.carousel ul li { margin: 0; padding: 5px; }

a, a:link, a:visited {
	color: #f00;
	background-color: inherit;
	text-decoration: underline;
}

a:hover, a:hover {
	text-decoration: none;
	color: #fff;
	background-color: inherit;
}

img { cursor: pointer; }
	
	
/* -------------------- */
/* --- navigation --- */
/* -------------------- */

#nav { margin-top: 50px; background-color: #000; /*vertical-align: right;*/ right: 1px; }

ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	/*vertical-align: right;*/
	right: 20px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-top: .5em;
	padding-bottom: .5em;
}

#navlist a { padding: 3px 10px; color: #fff; background-color: inherit; }
	#navlist a:link, #navlist a:visited { text-decoration: none; }
	#navlist a:hover, #navlist a:active { text-decoration: underline; color: #000; background-color: #fff; }
	#navlist .active { color: #000; background-color: #fff; font-weight: bold; }
	

/* --- css image gallery --- */
div.img { float: left; }	


/* -------------------- */
/* --- body styles --- */
/* -------------------- */

#bd { margin-top: 35px; padding-left: 15px; }

/*--div.img img { display: inline; }--*/

div.img a:hover img { border: 1px solid #0000ff; }

div.desc {
	text-align: left;
	font-weight: normal;
	width: 100%;
	padding: .25em 0 .25em .25em;
	color: #fff;
	background-color: #000;
}

.inline-block {
	display: inline-block;
	width: 50px;
}

.links, .installs { 
	padding-top: 20px;
}