@charset "utf-8";
/* CSS Fenton Gee Official Website*/

body { background: #333 url(images/body-background.jpg) center top no-repeat; margin: 10px; font-family: Tahoma, Geneva, sans-serif; color: #CCC; }
#container { width: 1000px; margin-right: auto; margin-left: auto; background: url(images/dots.gif); height: 100%; position: relative; overflow: visible; clear:both; }
#main{ background: url(images/header-main.png) no-repeat center top; height: 100%; position: relative; }
#nav { width: 300px; margin-right: 10px; margin-left: 10px; margin-top:50px; float: left; }
#maincontent { font-size: 11px; padding: 5px; background: url(images/content-bg.png); }
#footer { background: url(images/footer-bg.png) top left no-repeat; }
#links { text-align: center; }
.pageheader { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #CCC; }
.newstitles { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #EEE; }
.postedby { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-style: italic; }
a { color: #C0F; text-decoration: none; }
a: hover { color: #C0F; text-decoration: underline; }

/* Navigation */
#menu { list-style-image: none; list-style:none; padding:0; margin:0; }
#menu li { height:36;}
#menu a { display: block; text-decoration: none; overflow: hidden; width:100%; height: 36px; }
#menu #home a { background: url(images/navigation.png) 0 0 no-repeat; width: 285px; height: 36px; }
#menu #news a { background: url(images/navigation.png) 0 26 no-repeat; width: 285px; height: 36px; }
#menu #press a { background: url(images/navigation.png) 0 -72 no-repeat; width: 285px; height: 36px; }
#menu #gallery a { background: url(images/navigation.png) 0 -108 no-repeat; width: 285px; height: 36px; }
#menu #music a { background: url(images/navigation.png) 0 -144 no-repeat; width: 285px; height: 36px; }
#menu #events a { background: url(images/navigation.png) 0 -180 no-repeat; width: 285px; height: 36px; }
#menu #video a { background: url(images/navigation.png) 0 -216 no-repeat; width: 285px; height: 36px; }
#menu #contact a { background: url(images/navigation.png) 0 -252 no-repeat; width: 285px; height: 36px; }
#menu #nlinks a { background: url(images/navigation.png) 0 -288 no-repeat; width: 285px; height: 36px; }

#menu #home a:hover  { background: url(images/navigation.png) -326 0 no-repeat; width: 285px; height: 36px; }
#menu #news a:hover  { background: url(images/navigation.png) -326 -36 no-repeat; width: 285px; height: 36px; }
#menu #press a:hover  { background: url(images/navigation.png) -326 -72 no-repeat; width: 285px; height: 36px; }
#menu #gallery a:hover  { background: url(images/navigation.png) -326 -108 no-repeat; width: 285px; height: 36px; }
#menu #music a:hover  { background: url(images/navigation.png) -326 -144 no-repeat; width: 285px; height: 36px; }
#menu #events a:hover  { background: url(images/navigation.png) -326 -180 no-repeat; width: 285px; height: 36px; }
#menu #video a:hover  { background: url(images/navigation.png) -326 -216 no-repeat; width: 285px; height: 36px; }
#menu #contact a:hover  { background: url(images/navigation.png) -326 -252 no-repeat; width: 285px; height: 36px; }
#menu #nlinks a:hover  { background: url(images/navigation.png) -326 -288 no-repeat; width: 285px; height: 36px; }

#player { position: relative; top: 5px; left: 650px; width: 300px; border: 1px solid #fff; }