@charset "UTF-8";
/* CSS Document */

html { background: #360101 url(images/background.jpg) repeat-x top left; }
body { margin: 0; padding: 0; }

#frame { background: #1b1b1b; margin: 0 auto; padding: 0 10px 30px; width: 765px; }

a       {}
a:hove  {}
a:focus { outline:none; }

/* Header */

#header a.logo { background:url(images/logo.png) no-repeat top left; display:block; height:127px; position:absolute; text-indent:-999999px; width:256px; z-index:999; }

#header ul    { float:right; list-style:none; margin:0; padding:0; }

#header ul li         { float:left; margin:0px; position:relative; z-index:999; }
#header ul li:hover   { background:url(images/navLI_Over.jpg) repeat-x top left; border:1px solid #790101; }
	
#header ul a          { background:url(images/navbg-main.png) no-repeat 0 0; display:block; height:20px; padding:70px 20px 40px; margin:0 3px; text-indent:-999999px; width:100px; }
#header ul li:hover a { background-image:url(images/navbg-over.png); padding:69px 19px 10px; }

	#header .home a      { background-position:8px 60px;      width:12px; }
	#header .gallery a   { background-position:-44px 60px;  width:26px; }
	#header .story a     { background-position:-111px 60px; width:14px; }
	#header .community a { background-position:-165px 60px; width:46px; }
	#header .contact a   { background-position:-251px 60px; width:27px; }
	#header .other a     { background-position:-320px 60px; width:13px; }

	#header ul li ul                  { display: none; }
	#header ul li.hover ul            { display: block; position: absolute; width: 150px; background:#1b1b1b; padding: 10px 2px 1px; margin:0 0 0 -10px }
	#header ul li.hover ul li         { background: none; border: none; display: block; padding:0; width: 150px; }
	#header ul li.hover ul li a       { background: none; text-indent:0;  padding: 7px 5px; margin:2px 0; width: 140px; color:#fff; text-decoration:none; text-transform: uppercase; height:auto; }
	#header ul li.hover ul li a:hover { background: #ccc; border: none; width: 140px; color:#555 }

/* Features */
#features                     { margin-top:-30px; }
#features #rotation           { border:1px solid #666; display:block; height:306px; overflow:hidden; width:764px; }
#features #rotation img       { position:absolute; }
#features #rotation img.shown { z-index:2; }

#features span   { background:url(images/sidestacks.png) no-repeat; display:block; float:right; height:211px; margin:-120px -40px 0 0; position:relative; width:421px; z-index:200; }
#features a.prev,
#features a.next { background:url(images/feature-next.png) no-repeat top left; display:block; float:none; height:63px; margin:-200px 0 0 700px; position:absolute; text-indent:-999px; width:52px; z-index:199; }
#features a.prev { background-image:url(images/feature-previous.png); margin-left:15px; }



/* Content */
#content  {}

#content_wide   { color:#fff; float:left; font: 11px normal Arial, Helvetica, sans-serif; line-height:1.7em; margin:-75px 0 0 0; position:relative; width:450px; }

#content_wide h1 { background:url(images/h1Updates.png) no-repeat top left; display:block; height:23px; text-indent:-999999px; width:100px; }

#content_wide .update            { clear:both; display:block; margin:20px 0 40px 20px; width: 400px; }
#content_wide .update h2         { font-size:17px; font-weight:bold; margin:0; padding:0; }
#content_wide .update .date      { background:url(images/update-date.png) no-repeat top left; display:block; float:left; font-size:24px; font-weight:bold; height:75px; margin:0 0 0 -50px; padding:13px 0 0; text-align:center; width:41px; }
#content_wide .update .date span { display:block; text-transform:uppercase; font-style:normal; font-size:13px; font-weight:bold; margin-top:3px; text-align:center; }
#content_wide .update span       { font-size:10px; font-style:italic; }
#content_wide .update p          {}

#content_narrow { background:#222222 url(images/shoutOutsbg.jpg) no-repeat; color:#fff; float:right; margin:-100px 0 0 0; padding:100px 10px 0px; width:260px; }

#content_narrow h2 { background:url(images/h2ShoutOuts.png) no-repeat; display:block; height:22px; text-indent:-999999px; width:85px; }
#content_narrow .shoutout h2 { background-image:url(images/h2ShoutOuts.png); }
#content_narrow .poll h2     { background-image:url(images/h2LatestPoll.png); width:88px; }
#content_narrow .recent h2   { background-image:url(images/h2RecentUploads.png); width:120px; }

#content_narrow .shoutout h3 { background:url(images/h3ShoutOuts.png) no-repeat; display:block; height:17px; text-indent:-999999px; width:100px; }

#content_narrow .shoutout              { clear:both; }
#content_narrow .shoutout iframe       { border:none; background:none; height:230px; margin:0 0 10px; width:260px; }
#content_narrow .shoutout input        { border:1px solid #ccc;; padding:5px; margin:5px; width:240px; }
#content_narrow .shoutout button       { background:url(images/buttonShoutOut.png) no-repeat; border:none; display:block; float:right; height:38px; margin:10px 10px 0 0; width:53px; }
#content_narrow .shoutout button.smile { background:none; }

#content_narrow .poll                     { clear:both; display:block; margin:20px 0 0; position:relative; z-index:3; }
#content_narrow .poll span                { display:block; margin:0px 0; padding:5px; }
#content_narrow .poll span.buttons        { background:url(images/buttonPolls.png) no-repeat top left; display:block; float:right; height:38px; margin-top:15px; width:140px; }
#content_narrow .poll span.buttons .input { background:none; border:none; display:block; float:left; height:38px; cursor:pointer; text-indent:-999999px; width:52px;  }
#content_narrow .poll span.buttons a      { background:none; border:none; display:block; float:right; height:38px; cursor:pointer; text-indent:-999999px; width:85px; }

#content_narrow .recent { background:#1b1b1b; padding:30px 15px 10px; margin:-30px 0 0 -10px; width:250px; z-index:2; }
#content_narrow .recent ul    { clear:both; list-style:none; margin:0; padding:0; }
#content_narrow .recent ul li { float:left; margin:5px 10px 5px 0; }
#content_narrow .recent li a  { border: 1px solid #333; display:block; }
#content_narrow .recent a img { border: none; }


#footer { font:10px normal Arial, Helvetica, sans-serif; }
#footer .logo   { background:url(images/logo-footer.png) no-repeat top left; display:block; float:left; height:85px; margin:-35px 0 0 -40px; postion:relative; text-indent:-999999px; width:136px; }
#footer span    { background:url(images/footer-girl.png) no-repeat top left; display:block; float:right; height:178px; margin:-160px 0 0; position:relative; width:101px; }
#footer ul      { background:#960101 url(images/background-footer.png) repeat-y top right; border:1px solid #960101; display:block; height:25px; list-style:none; margin:0 0 0px -20px; padding:0 0 0 130px; width:675px; }
#footer ul li   { display:block; float:left; line-height:16px; padding:5px 7px; }
#footer li a    { color:#fff; display:block; text-decoration:none; text-transform:uppercase; }
#footer a:hover { color:#ccc; }