/* ---------------------------------------------

Arensbak Computer Solutions
Ian Arensbak
ian@arensbakcomputersolutions.com 
http://www.arensbakcomputersolutions.com

------------------------------------------------ */

/* RESETS & BASIC PAGE SETUP
-------------------------------- */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Helvetica, sans-serif; background: #000000 url(../images/bg.jpg) no-repeat top center; color: #ffffff; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
img { border: 0px; }
.italics { font-style: italic; }
/* TOOLBOX
-------------------------------- */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { text-align: center; }
/* PAGE STRUCTURE
-------------------------------- */

#page-wrap { position:relative; width: 887px; margin:0px auto; }
#main { background-image: url(../images/main-body.png); background-repeat: no-repeat; background-position: center top; /* height: 497px; */
	height: 520px; width: 887px; color: #f6eec4; line-height: 1.4em; margin: 0px auto; clear: both; }
#logo { width: 756px; height: 104px; background: url(../images/logo.png); text-indent: -9999px; margin: 5px auto; }
#content { height:425px; position:relative; overflow:hidden; width: 867px; margin: 27px 10px 0px 10px; }
.section { position:relative; width:5500px; }
.section .sub { float:left; height:425px; padding: 0; position:relative; width:869px; overflow:hidden; }
.section .photos { float:left; height:425px; position:relative; width:869px; overflow:auto; }
.section img { /* padding-right: 20px; */ margin-right: 20px; }
.section a:link { color:#9A0201; text-decoration:none; }
.section a:visited { color:#9A0201; text-decoration:none; }
.main-content { width:490x; height:425px; overflow:auto; /* padding-right:10px; */
	margin-right: 15px; }
h1 { font: 2.4em Arial, Helvetica, sans-serif; margin-top:5px; color: #9A0201; letter-spacing: -.05em; }
h2 { font: bold 1.6em Arial, Helvetica, sans-serif; color: #ffffff; }
.news { margin-bottom: .2em; font: 1.2em Verdana, Arial, Helvetica, sans-serif; }
.first { font: 1.6em Verdana, Arial, Helvetica, sans-serif; color: #9A0201; }
.news-frame { width: 480px; height: 120px; overflow: auto; }
.bio { line-height: 1.4em; text-align: justify; padding-right: 20px; padding-bottom: 55px; }
p.event { font: 1.3em Verdana, Arial, Helvetica, sans-serif; color: #f6eec4; }
/* FORM STYLING
-------------------------------- */

label { display: block; }
fieldset { margin: 1.5em 0 0 1.5em; padding: 0; }
input { background-color: #000000; color: #ffffff; }
legend { margin-left: 1em; color: #000000; font-size: 1em; font-weight: bold; }
fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
fieldset li { padding-bottom: 1em; }
fieldset.submit { border-style: none; }
/* NAVIGATION 
-------------------------------- */

.menu { margin: 0 auto; padding: 5px 10px 0 10px; height: 34px; width: 670px; }
.menu a { color: #000000; text-decoration: none; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu li { float: left; display: inline; }
.menu li.blog { background: url(../images/symbol.jpg) center bottom no-repeat; }
.menu a { display: block; margin: 0; padding: 23px 30px 0 15px; text-decoration: none; font-family: Tahoma, Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.menu a:hover { /* background: url(../images/symbol.jpg) no-repeat left 65%; */ text-decoration: none; font-family: Tahoma, Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #cccccc; }
.menu img { padding: 10px; }
/* FOOTER
-------------------------------- */
.footer { height: 25px; width: 888px; margin: 2px auto; }
.footer-2  { height: 25px; widht: 888px; margin: 2px auto; }
.footer-links { margin: 0 10px 0 10px; }

ul#footer-links { float: left; }
ul#footer-links li { display: inline; }
ul#footer-links li a { display: block; height: 30px; text-indent: -9999px; float: left; }
ul#footer-links li.facebook a { width: 86px; background: url(../images/facebook.jpg) top center; }
ul#footer-links li.myspace a { width: 83px; background: url(../images/myspace.jpg) top center; }
ul#footer-links li.imeem a { width: 80px; background: url(../images/imeem.jpg) top center; }
ul#footer-links li.ilike a { width: 41px; background: url(../images/ilike.jpg) top center; }
ul#footer-links li.mtv a { width: 51px; background: url(../images/mtv.jpg) top center; }
ul#footer-links li.soundtrack a { width: 48px; background: url(../images/soundtrack.jpg) top center; }
ul#footer-links li.vh1 a { width: 56px; background: url(../images/vh1.jpg) top center; }
ul#footer-links li a:hover { background-position: bottom center; }
.credits { color: #3F3F3F; text-align: center; font: 1em Verdana, Arial, Helvetica, sans-serif; }
.credits a { color: #3F3F3F; }
.credits a:hover { color: #ffffff; }
/* GALLERY
-------------------------------- */
#gallery { background-color: #000000; margin: 10px; width:450px; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { padding: 0 5px 20px 5px; }
#gallery ul a:hover { color: #fff; }
/* MERCHANDISE
--------------------------------- */
.merchandise { width: 450px; }
.merchandise h1 { color: #ffffff; font: 2.2em Arial, Helvetica, sans-serif; }
.merchandise h2 { color: #9A0201; font: bold 2.0em Arial, Helvetica, sans-serif; }
.merch-left { float: left; width: 150px; }
.merch-right { float: right; margin-left: 20px; width: 260px; }
td { font: 1.1em Verdana, Arial, Helvetica, sans-serif; }
/* NEWS
--------------------------------- */
.tickerbox { width:460px; padding:0; height:140px; }
.tickerbox ul { width:450px; position:relative; }
.tickerbox li { width:100%; list-style:none; list-postion:inside; position:absolute; top:3px; left:3px; border:2px dotted #666; padding:5px; overflow:hidden; }

/* SHOWS
--------------------------------- */
table { font: 1em Verdana, Arial, Helvetica, sans-serif; }
table td { padding:.05em 1.0em .05em .5em;}