body{
 text-align: left;
 background-color: #000;
 padding: 0;
 margin: 0;
 font-family: Georgia, Verdana, Arial;
 color: #DDD;
 font-size: 10pt;
}

#top {
 width: 960px;
 margin: 0 auto;
 padding: 10px;
}

#logo {
 width: 930px;
 margin: 0 auto;
 background: #000;
 padding: 15px 0 0 0;
}

#twitter {
 clear: both;
 width: 770px;
 padding: 0;
 margin: 0 auto;
 background: url(../images/twitter_bird.png) no-repeat right 14px;
 text-align: right;
 font-style: italic;
 font-size: 12pt;
 color: #777;
}

#twitter_status {
 width: 685px;
 height: 50px;
 margin: 10px auto 0 auto;
 padding: 24px 15px 0 0;
 border-top: solid 1px #444;
}

#links_section {
 width: 880px;
 margin: 0 auto 0 auto;
 padding: 0 0 0 0;
 text-align: right;
 font-size: 24pt;
 color: #777;
}

strong {
 font-weight: normal;
 color: #BA0000;
}

h1 {
 font-size: 26pt;
 font-weight: normal;
 padding: 20px 0;
 margin: 0 0 10px 0;
 border-top: 1px solid #444;
 border-bottom: 1px solid #444;
}

h2 {
 font-size: 24pt;
 font-weight: normal;
 padding: 0;
 margin: 0 0 10px 0;
}

h3 {
 font-size: 18pt;
 font-weight: normal;
 padding: 0;
 margin: 10px 0;
 color: #FFF;
}

em {
 color: #444;
 margin-right: 2px;
}

p {
 padding: 2px 0;
 margin: 0;
 line-height: 14pt;
 font-size: 10pt;
 text-align: justify;
}

#getintouch {
 display: block;
 float: left;
 width: 430px;
 margin: 5px;
}

#getintouch input, #getintouch textarea {
 width: 400px;
 margin: 0 0 10px 15px;
}

input, select, textarea {
 background: #222;
 border: 1px solid #444;
 color: #666;
 font-family: Georgia, Verdana, Arial;
 font-size: 16px;
 font-style: italic;
 font-weight: normal;
 padding: 8px 4px;
}

#getintouch input.contact_button {
 float: right;
 background: #000;
 border: solid 1px #444;
 cursor: pointer;
 display: block;
 font-size: 20px;
 font-style: normal;
 font-weight: bold;
 margin: 0 5px 20px 0;
 padding: 8px;
 text-align: left;
 width: 94px;
}

#getintouch input.contact_button:hover {
 background: #222;
}

#getintouch label {
 width: 150px;
 margin: 0 0 5px 15px;
 float: left;
}

.error {
 width: 120px;
 text-align: right;
 float: right;
 color: #BA0000;
 margin: 0 5px 0 0;
}

.section {
 width: 880px;
 margin: 10px auto;
 padding: 20px 0 0 0;
}

.section_header {
 font-size: 26pt;
 font-weight: normal;
 padding: 20px 0;
 margin: 0 0 30px 0;
 border-top: 1px solid #444;
 border-bottom: 1px solid #444;
 height: 40px;
}

.section_header_text {
 float: left;
 width: 400px;
}

.top_arrow {
 width: 40px;
 float: right;
 clear: none;
}

.example_row {
 clear: both;
 width: 880px;  overflow: hidden;
}

.example {
 display: block;
 float: left;
 width: 430px;
 margin: 5px;
}
.example h3 { font-size: 15pt; width: 420px; margin: 0 auto 10px auto;}
.example_image{ 
 width: 410px; 
 height: 169px; 
 margin: 0 auto 20px auto; 
 padding: 5px;
 background:#222; 
 border: solid 1px #444; 
 overflow: hidden; 
 position: relative; 
}

.example_image img{ 
 position: absolute; 
 top: 5px; 
 left: 5px; 
 border: 0; 
}

.example_image p {
 font-family: Georgia, Verdana, Arial;
 font-size: 10pt;
 font-weight: normal;
 padding: 0;
 margin: 8px 0;
 color: #FFF;
 text-align: right;
}

.boxcaption { 
 float: left; 
 position: absolute; 
 background: #000; 
 height: 37px; 
 width: 400px; 
 padding: 5px 10px;
 background: transparent url(../images/boxcaption.png) repeat 0 0;
}

.captionfull .boxcaption {
 top: 292px;
 left: 0;
}

.example_text {
 width: 420px;
 margin: 0 auto 10px auto;
}

.social_img {
 margin: 10px 10px 0 0;
 width: 32px;
 height: 32px;
}a.footer_img_link:link {	border: 0;}.footer_img_link .social_img { margin: 0 10px 3px 0; width: 16px; height: 16px;}

/* Slideshow */
#slideshow {
 margin: 15px auto 0 auto;
 width: 960px;
 height: 350px;
 background: #000;
 position: relative;
}
#slideshow #slidesContainer {
 margin: 0 auto;
 width: 850px;
 height: 350px;
 overflow: auto; /* allow scrollbar */
 position: relative;
 background: #222;
 border: 1px solid #444;
 padding: 5px;
}
#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 830px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height: 350px;
}

.control {
  display:block;
  width:39px;
  height:315px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.gif) no-repeat 0 0;
}

#footer {
 clear: both;
 width: 880px;
 margin: 0 auto 10px auto;
 border-top: 1px solid #444;
 padding: 10px 0;
 font-size: 8pt;
 text-align: right;  overflow: hidden;
}

#footer_left {
 float: left;
 width: 300px;
 text-align: left;  line-height: 18px;
}

#footer_right {
 float: right;
 width: 500px;
 text-align: right;  line-height: 18px;
}

/*Normal Links */
a:link {
 color: #BDF;
 text-decoration: none;
 border-bottom: 1px dotted #AAA;
}

a:visited {
 color: #FDB;
 text-decoration: none;
 border-bottom: 1px dotted #AAA;
}

a:active, a:hover{
 color: #D80000;
 border-bottom: 1px dotted #BA0000;
}

h3 a:link, h3 a:visited{
 border: 0;
 color: #FFF;
}

h3 a:hover, h3 a:active{
 border: 0;
 color: #BA0000;
}


a.header_link:link, a.header_link:visited{
 border: 0;
 color: #777;
}

a.header_link:hover, a.header_link:active{
 border: 0;
 color: #BA0000;
}

/* Image Links - No border on hover*/
a.img_link:link, a.img_link:visited{
 border: 0;
}

a.img_link:hover, a.img_link:active{
 border: 0;
}

#tooltip { 
 display: none; 
 background: transparent url(../images/tooltip.png); 
 font-size: 20px; 
 height: 70px; 
 width: 160px; 
 padding: 25px;
 margin: 0;
 color: #888; 
 text-align: center; 
}#lastfmrecords ol {	width: 430px;	height: 198px;	overflow: hidden;	margin: 0 auto;	display: block;	padding: 0;}#lastfmrecords ol li {	width: 80px;	height: 80px;	float: left;	display: block;	padding: 0 11px 8px 11px;	border: 0;}#lastfmrecords ol li a {	width: 80px;	height: 80px;	float: left;	display: block;	border: 0;}#lastfmrecords ol li a img {	float: left;	display: block;	position: relative;	left: 0;	top: 0;	width: 80px;	border: 0;}