/* @group Generic */

body {
	margin: 0 0 30px 0;
	padding: 0;
}

a, a:hover, a:visited, a:visited {
	color: #000;
}

.container {
	width: 20cm;
	/*border: 1px solid #CCC;*/
	padding: 0.25cm 0.5cm;
	margin: 0.25cm;
	font-family: monospace;
	font-size: 14px;
}

/* @end */

/* @group controlBox */

#controlBox {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #EEE;
	border-top: 1px solid #CCC;
	padding: 5px;
}
#controlBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#controlBox ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#controlBox ul li.title {
	float: right;
}
#controlBox ul li a {
	display: block;
	padding: 5px;
	margin: 0 5px 0 0;
	border: 1px solid #000;
	background-color: #333;
	color: #FFF;
	font-family: monospace;
	font-size: 12px;
	text-decoration: none;
}
#controlBox ul li a:hover {
	text-decoration: underline;
}
#controlBox ul li a.title {
	background-color: #EEE;
	border-color: #EEE;
	color: #000;
	margin: 0;
}
#controlBox ul li a.title:hover {}

/* @end */

/* @group / */

#indexBody .container {
	width: 400px;
}

#indexBody .container h1 {
	padding: 0;
	width: 398px;
	height: 54px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
}
#indexBody .container h1 span {
	display: none;
}

#indexBody .container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#indexBody .container ul li {
	margin: 0 0 10px 0;
	padding: 0;
}
#indexBody .container ul li a {
	display: block;
	padding: 10px 10px 10px 36px;
	border: 1px solid #CCC;
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#indexBody .container ul li a:hover {
	background-color: #333;
	color: #FFF;
	border-color: #000;
}

#indexBody .container #resume        { background-image: url(../img/page_copy.png); }
#indexBody .container #mail          { background-image: url(../img/email_edit.png); }
#indexBody .container #ubuntu        { background-image: url(../img/tux.png); }
#indexBody .container #rhyme         { background-image: url(../img/sound_none.png); }
#indexBody .container #screenplay    { background-image: url(../img/film.png); }
#indexBody .container #soundboard    { background-image: url(../img/telephone.png); }
#indexBody .container #tattoo        { background-image: url(../img/anchor.png); }
#indexBody .container #documentation { background-image: url(../img/book_open.png); }
#indexBody .container #status        { background-image: url(../img/error.png); }
#indexBody .container #webcam        { background-image: url(../img/webcam.png); }

#indexBody .infoBox {
	position: absolute;
	width: 400px;
	margin-left: 410px;
	display: block;
	padding: 10px;
	border: 1px solid #FFF;
	background-color: #FFF;
	color: #CCC;
}

/* @end */

/* @group Support E-Mail */

/* nothing */

/* @end */

/* @group Resume */

#resumeBody h1 {
	font-size: 20pt;
	font-weight: bold;
	font-family: serif;
	text-align: center;
}
#resumeBody h2 {
	font-size: 16pt;
	font-weight: bold;
	font-family: sans-serif;
	text-decoration: underline;
}
#resumeBody hr {
	margin-bottom: 32pt;
}
#resumeBody .container p,
#resumeBody .container strong,
#resumeBody .container li,
#resumeBody .container div,
#resumeBody .container a,
#resumeBody .container td {
	font-family: sans-serif;
	font-size: 12pt;
}
#resumeBody td {
	vertical-align: top;
}
#resumeBody .addr {
	text-align: center;
	font-size: 10pt;
}
#resumeBody .jobtitle {
	font-style: italic;
}

/* @end */

/* @group Ubuntu */

#ubuntuBody .container {
	width: 400px;
}
#ubuntuBody #nameBox {
	padding: 10px 10px 10px 36px;
	border: 1px solid #CCC;
	background-color: #EEE;
	background-image: url(../ubuntu/arrow_rotate_clockwise.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#ubuntuBody #ubuntuName {
	float: left;
}

/* @end */

/* @group Rhyme */

#rhymeBody {
	background-color: #000;
}
#rhymeBody .container {
	color: #FFF;
	font-family: sans-serif;
	font-size: 12pt;
}
#rhymeBody .container #lyrics {
	background-color: #111;
	padding: 20px;
}

/* @end */

/* @group Tattoo */

#tattooBody {
	background-color: #000;
}
#tattooBody .container {
	color: #FFF;
	font-family: monospace;
	font-size: 12pt;
}

/* @end */

/* @group Documentation */

#documentationBody .container {
	font-family: Verdana, sans-serif;
	border: 1px solid cornflowerblue;
	padding: 0;
}

#documentationBody #logo {
	float: right;
	margin: 50px 10px 10px 10px;
}

#documentationBody h1 {
	background-color: cornflowerblue;
	color: whitesmoke;
	margin: 0 0 20px 0;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

#documentationBody h2 {
	background-color: whitesmoke;
	color: cornflowerblue;
	padding: 10px;
	font-size: 14px;
}

#documentationBody p {
	padding: 10px;
	margin: 0;
}

#documentationBody ul {
}
#documentationBody ul li {
}

/* @end */

/* @group Status */

#statusBody .container {
	width: 25cm;
}

#statusBody h1,
#statusBody h2,
#statusBody td,
#statusBody th,
#statusBody a,
#statusBody p {
	font-family: Verdana, sans-serif;
}

#statusBody h2 {
	color: #000;
	padding: 10px;
}

#statusBody h2.red    { background-color: #F00; }
#statusBody h2.yellow { background-color: #FF0; }
#statusBody h2.green  { background-color: #0F0; }
#statusBody h2.blue   { background-color: #00F; color: #FFF; }

#statusBody p {
}

#statusBody table tr td, #statusBody table tr th {
	vertical-align: top;
	padding: 0 10px;
}

#statusBody table.updates {
	margin: 0;
	border-collapse: collapse;
}

#statusBody table.updates tr {
	margin: 0;
}

#statusBody table.updates th {
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 10px;
	text-align: left;
}
#statusBody table.updates td {
	padding-bottom: 20px;
	margin: 0;
	padding: 10px;
}
#statusBody table.updates td.time {
	font-weight: bold;
	border-right: 1px solid #CCC;
}

/* @end */

/* @group About */

#aboutBody table tr td {
	padding-right:  20px;
}

/* @end */

/* @group WebCam */

#webcamBody .container {
	margin: 20px;
	padding: 0;
	width: 320px;
	background-color: #000;
	color: #FFF;
}

#webcamBody p {
	margin: 0;
	padding: 0 5px 5px 5px;
	text-align: right;
}

/* @end */

/* @group #loc Band names */

#locBandsBody {
	text-align: center;
	background-color: #000;
}

#locBandsBody .container {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}
#locBandsBody h1 {
	color: #0F0;
	text-align: center;
	margin: 25px 0 0 0;
}
#locBandsBody p.label {
	color: #0F0;
	margin: 50px 0 0 0;
}
#locBandsBody #bandBox, #locBandsBody #albumBox {
	color: #0F0;
	margin: 5px 0 0 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #0F0;
	background-color: #000;
	font-size: 24px;
	text-align: center;
}
#locBandsBody #ubuntuName {
	float: left;
}

/* @end */