@charset "UTF-8";
/* CSS Document */
/* Written by Matthew Moore on October 4th, 2009 */
/* www.matthewmooredesign.com */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; color: #FFFFFF }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* GENERAL */

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #FFF;
	background: url(../bgs/rotator.php) no-repeat center top #000;
	}
	
.clear { clear: both; }
.displace { position: absolute; left: -9000px; }

#wrapper { width: 984px; margin: 134px auto 0 auto; }
#player { height: 545px; width: 662px; padding: 16px; background: url(../img/bgPlayer.png) no-repeat top left; float: left; }
#text { height: 545px; width: 258px; padding: 16px; background: url(../img/bgText.png) no-repeat top left; float: left; }
#contact ul { margin-top: 20px; }
#contact li { height: 30px; font-size: 8pt; line-height: 18pt; color: #fff; padding-top: 5px; border-bottom: 1px dotted #666; }
#text a:link, a:visited { color: #fff; text-decoration: none; }
#text a:hover, a:active { color: #fff; text-decoration: underline; }
.phone { background: url(../img/icoPhone.png) no-repeat top left; list-style-type: none; padding-left: 23px; } 
.email { background: url(../img/icoEmail.png) no-repeat top left; list-style-type: none; padding-left: 23px; } 
.pdf { background: url(../img/icoPDF.png) no-repeat top left; list-style-type: none; padding-left: 23px; } 
.twitter { background: url(../img/icoTwitter.png) no-repeat top left; list-style-type: none; padding-left: 23px; } 
.fod { background: url(../img/icoFoD.png) no-repeat top left; list-style-type: none; padding-left: 23px; } 


#pane1 { font-size: 8pt; }
#pane1 .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; }
#pane1 .tweet_list li { padding: 10px 10px 10px 0; border-bottom: 1px dotted #666; font-style: italic; color: #ccc; }
#pane1 .tweet_list li a { }
#pane1 .tweet_list .tweet_even { }
#pane1 .tweet_list .tweet_first { border-top: 1px dotted #666; }
#pane1 .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
#pane1 .tweet_text { font-size: 10pt; color: #fff; font-style: normal; line-height: 15pt; }
#pane1 .tweet_list .tweet_avatar img { vertical-align: middle; }



/* TWITTER FEED */
.twitted { }
.twitted h2 { margin: 0; line-height: 17pt; font-size: 11pt; color: #fff; }
.twitted p.preLoader { margin: 0; padding: 10px; text-align: center; font-size: 10pt; }
.twitted ul#twitter_update_list { margin: 0; list-style-type: none;}
.twitted ul#twitter_update_list li { margin: 0; padding: 10px 10px 10px 0; border-bottom: 1px dotted #666; }
.twitted ul#twitter_update_list li span { display: block; font-size: 10pt; line-height: 14pt; }
.twitted ul#twitter_update_list li span a { color: #999; }
.twitted ul#twitter_update_list li a { color: #999; }
.twitted ul#twitter_update_list li.firstTweet { padding-top: 0px; }
.twitted ul#twitter_update_list li.lastTweet { border-bottom: none; }



/* SCROLL */

.holder { float: left; margin: 10px; }
.scroll-pane { width: 240px; height: 309px; overflow: auto; float: left; }
.scroll-pane2 { width: 660px; height: 110px; overflow: auto; float: left; }
#pane2 { }
#pane2 .news_item { margin-bottom: 10px; border-bottom: 1px dotted #666; }
#pane2 h2 { font-size: 8pt; font-style: italic; color: #ccc; line-height: 14pt; }
#pane2 p { font-size: 10pt; line-height: 14pt; margin-bottom: 10px; }



/* GALLERY */

#thumbs { overflow: auto; height: 125px; width: 660px; padding: 0; margin-top: 12px; float: left; position: absolute; }
#thumbs ul { width: 640px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
#thumbs ul a img { border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 6px; }
#thumbs ul li { display:block; float:left; padding-right: 16px; height: 135px; width: 111px; }
#thumbs p { font-size: 8pt; line-height: 11pt; }
#thumbs a:link, a:visited { color: #fff; text-decoration: none; }
#thumbs a:hover, a:active { color: #fff; text-decoration: underline; }
.thumb { border: 0; float: left; width: 100px; height: 75px; margin-right: 10px; }		

#embed { height: 371px; width: 660px; float: left; margin: 0 auto 6px 0; }
#portrait { float: left; margin-right: 5px; max-width: 100px; }
#stats { clear: both; margin-bottom: 20px; }






/* FOOTER */

#footer { width: 984px; background: #000; margin: 0 auto 20px auto; }
#footer_left { width: 476px; margin: 15px 0 25px 15px; float: left; text-align: left; font-size: 9pt; #fff; }
#footer_left p { font-size: 8pt; color: #ccc; font-weight: bold; line-height: 12pt; }
#footer_left a:link, a:visited { font-size: 8pt; color: #ccc; text-decoration: none; }
#footer_left a:hover, a:active { font-size: 8pt; color: #ccc; text-decoration: underline; }
#footer_right { width: 470px; margin: 15px 15px 25px 0; float: left; text-align: right; }
#footer_right p { font-size: 8pt; color: #ccc; line-height: 12pt; }
#footer_right a:link, a:visited { font-size: 8pt; color: #ccc; text-decoration: none; }
#footer_right a:hover, a:active { font-size: 8pt; color: #ccc; text-decoration: underline; }