* {margin:0;padding:0}
body {padding: 0;background: #000 url("images/main_background.jpg") repeat-x;color:#444;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */
a:link, a:visited {color:#3B5998;text-decoration:none}
a:active, a:hover {color:#3B5998;text-decoration:underline}

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

#formTAC {display:none}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#444;padding:0}
h1 {font-size: 196%;border-bottom: 1px solid #CCC}
h2 {font-size: 130%;padding-bottom:15px;}
h3 {font-size: 115%}
h4 {font-size: 150%;border-bottom:#CCC solid 1px;padding-top:10px;}
h4 a:link, h4 a:visited {color:#444}
h4 .date {font-size:60%}
h5 {font-size: 100%}
h6 {font-size: 90%}
.highlight {color:#E17000}
.subdued {color:#999}

.error, .success {font-weight:bold;text-align:center;margin-bottom:10px}
.error {color:#C00;border:1px #C00 solid;background: transparent url("images/error_bgr.png") repeat-x;}
.success {color:#390;border:1px #390 solid;background: transparent url("images/success_bgr.png") repeat-x;}

.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#666;display:block;letter-spacing: 1px}
small {font-size:11px}

.input-fail {color:#C00;border:1px #C00 solid;margin-left:8px;font-weight:bold;text-align:center;background:#fbb;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px}
.input-pass {color:#390;border:1px #390 solid;margin-left:8px;font-weight:bold;text-align:center;background:#bfb;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px}
.input-help {color:#333;border:1px #ddd solid;margin-left:8px;font-weight:bold;text-align:center;background:#bbb;padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px}
.input-help img {position:relative;top:3px}

/* LISTS */
ul {list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#333;height:1px;color:#333;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* SITE MAP */
#sitemap {padding-left:18px;font-size: 112%}
#sitemap ul {margin: 0;padding: 0;list-style:none;background-image:none}
#sitemap ul ul {margin-left: 15px;padding: 0;list-style:none;background-image:none}
#sitemap ul ul ul {margin-left: 30px;padding: 0;list-style:none;background-image:none}
#sitemap ul li {list-style:disc;background-image:none}
#sitemap ul li ul li {list-style:disc;background-image:none}
#sitemap ul li ul ul li {list-style:circle;background-image:none}

/* LAYOUT - HEADER */
#header {background: #666 url("images/header_bgr.jpg") repeat-x 0 100%;margin: 0;padding:0;height:150px}
#header #site-name a {position:absolute;text-indent:-100em;background:transparent url("images/main_title.png") no-repeat;width:230px;height:90px;margin-top:20px;margin-left:14px}
#header #subscribe, #header #search-title, #header #search {position:absolute;left:530px;}
#header #subscribe {top:70px;font-weight:bold;font-size:140%;padding-left:23px;background:transparent url("images/main_rss.gif") 0 5px no-repeat}
#header #subscribe a:link, #header #subscribe a:hover {color:#000;text-decoration:none}
#header #search-title {top:94px;font-weight:bold;color:#000;font-size:110%;}
#header #search {top:118px;}

/* SEARCH */
#header #search form {margin:0}
#header #search input {width:200px;margin: 0 0 -1px;height:1.2em}
#header #search label {padding:5px 0 0;display:inline}
#header #search input.f-submit {width:20px;height:20px;text-indent:-100em;border:0px;padding-bottom:4px;background:#000 url("images/main_button.jpg")}

.loginStatus {padding-left:8px;top:3px;color:#eee}
.loginStatus a:link, .loginStatus a:visited {color:#eee;text-decoration:none;font-weight:bold;}
.loginStatus a:hover, .loginStatus a:active {color:#eee;text-decoration:underline;font-weight:bold;}
.half-banner {position:absolute;top:5px;right:23px;}

/* NAV */
.menu{position:relative;z-index:100;top:15px;background: #000 url("images/main_boxhead.jpg")}
#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav {font-weight:bold;height:2.09em;font: bold 96% arial}
#nav li {position:relative;background: transparent;float: left;width: 10em;display:block;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#FFF;display: block;padding: 4px 10px 2px}
#nav a:hover {color:#F7D118}
#nav li:hover {border-bottom: 3px solid #F7D118}
#nav li.active {border-bottom: 3px solid #F7D118}
#nav li.active:hover {border-bottom: 3px solid #FFF}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#F7D118}
#nav li.active a:hover {color:#FFF}
/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/* BODY */
#wrap {width:900px;margin: 0 auto;position:relative;background:transparent url("images/main_pageholder.png") repeat;padding-left:15px;padding-right:15px}
#content-wrap {position:relative;width:100%;height:100%;padding-top: 15px;}
#content {background:#fff;margin:0;padding-top:6px;padding-left:8px;padding-right:8px;color:#444;margin-top:15px;padding-bottom:15px}

a.commentlink {text-transform:capitalize;padding-left: 18px;background: transparent url("images/icon_comments.jpg") 0 4px no-repeat;}

/* HOME PAGE */
#content-home #blog {background: #000 url("images/main_blog.jpg") 0 100% no-repeat;width: 593px; height: 267px;margin-top:15px;}
#content-home #blog #post-wrap {background: transparent url("images/main_overlay.png");width: 300px; height: 267px;padding-left:8px;padding-right:8px;color:#fff;overflow: hidden;}
#content-home #blog #post-wrap h2 {color:#F7D118;padding:0;}
#content-home #blog #post-wrap a {color:#F7D118;}
#content-home #blog #post-wrap .post {font-size:90%;margin-bottom:8px}
#content-home #blog #post-wrap .post .date {color:#fff}

#content-home #videos {position:absolute;left:610px;margin-top:-267px;background:#000;overflow:hidden;width:290px;height:267px;}
#content-home #videos {font-size: 90%;}
#content-home #videos h2 {color:#F7D118;padding:0 0 0 8px;background:#000 url("images/main_boxhead.jpg")}
#content-home #videos h3 {color:#F7D118;padding-left:8px}
#content-home #videos a {color:#F7D118}
#content-home #videos p {color:#FFF;padding-left:8px;font-size:90%;}
#content-home #video-play-button a {position:absolute;text-indent:-100em;width:68px;height:48px;overflow:hidden;top:95px;left:110px}
#content-home #video-play-button a:link, #video-play-button a:visited {background:transparent url("images/video-play-button.png") 0 0 no-repeat}
#content-home #video-preview:hover #video-play-button a {background:transparent url("images/video-play-button.png") 0 100% no-repeat}

#content-home #custom {position:absolute;right:0px;margin-top:15px}

/* LATEST PODCAST */
#content-home #podcast {background: #FFF;width: 593px; height: 165px;margin-top:15px;}
#content-home #podcast h2 {color:#F7D118;padding: 0 0 0 8px;background:#000 url("images/main_boxhead.jpg")}
#content-home #podcast img {margin:5px;float:left;}
#content-home #podcast #download {margin-left: 8px;}
#content-home #podcast #download a {height: 20px;}
#content-home #podcast #download a.podcast-download {padding-left: 20px;padding-right: 20px;background: #FFF url("images/main_download.jpg") no-repeat;height: 20px;}
#content-home #podcast #download #xpsf-player {position: absolute;height: 20px;}
#content-home #podcast #download #xpsf-player #label {position: absolute;width: 100px;padding-left: 3px;}

/* CONTACT LINKS */
#content-home #contact {background:#FFF;width:593px;height:65px;margin-top:15px;}
#content-home #contact h2 {color:#F7D118;padding: 0 0 0 8px;background:#000 url("images/main_boxhead.jpg")}
#contact ul {list-style:none;padding-left:15px;margin-top:4px}
#contact li {height:32px;width:32px;float:left;margin-right:15px}
#contact li a:link, #contact li a:visited {float:left;text-indent:-100em;overflow:hidden}
#contact li.icq a:link, #contact li.icq a:visited {width:32px;height:32px;background:#fff url("images/contact01.gif") no-repeat}
#contact li.msn a:link, #contact li.msn a:visited {width:32px;height:32px;background:#fff url("images/contact02.gif") no-repeat}
#contact li.skype a:link, #contact li.skype a:visited {width:32px;height:32px;background:#fff url("images/contact03.gif") no-repeat}
#contact li.yahoo a:link, #contact li.yahoo a:visited {width:32px;height:32px;background:#fff url("images/contact04.gif") no-repeat}
#contact li.aol a:link, #contact li.aol a:visited {width:32px;height:32px;background:#fff url("images/contact05.gif") no-repeat}
#contact li.twitter a:link, #contact li.twitter a:visited {width:32px;height:32px;background:#fff url("images/contact07.gif") no-repeat}
#contact li.bebo a:link, #contact li.bebo a:visited {width:32px;height:32px;background:#fff url("images/contact08.gif") no-repeat}
#contact li.myspace a:link, #contact li.myspace a:visited {width:32px;height:32px;background:#fff url("images/contact09.gif") no-repeat}
#contact li.home-facebook a:link, #contact li.home-facebook a:visited {width:32px;height:32px;background:#fff url("images/contact11.gif") no-repeat}
#contact li.youtube a:link, #contact li.youtube a:visited {width:32px;height:32px;background:#fff url("images/contact10.gif") no-repeat}
#contact li.flickr a:link, #contact li.flickr a:visited {width:32px;height:32px;background:#fff url("images/contact12.gif") no-repeat}
#contact li.email a:link, #contact li.email a:visited {width:32px;height:32px;background:#fff url("images/contact06.gif") no-repeat 50% 0}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:10;border: 1px solid #eee;float:right;padding:5px;background:#000}
.thumbnail img {border: 1px solid #eee}

/* PAGINATION */
.pagination {background: #fff;color:#444;padding: 4px 2px 2px 7px;border: 1px solid #444;margin-top:20px;}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#FFF;color:#444;padding:2px 5px;border: 1px solid #444}
.pagination p a:hover {background:#F7D118;color:#000}
.pagination p span {text-decoration:none;background:#FFF;padding:2px 5px;border: 1px solid #444;color:#ccc}
.pagination * {margin:0}
.pagination h4 {font-size:120%;margin-top:-22px;padding:0;border:none}
	
#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
#resultslist-wrap li dd {font: normal 73% arial}
#resultslist-wrap li dl {margin:0}
#resultslist-wrap dd {line-height:1.3}
#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

/* ARTICLES */
#article #standfirst {font-weight:bold;margin-bottom:15px;}
.articleimage {border: 1px solid #ddd;padding:4px;margin-bottom:10px;}
.blogavatar {margin-right:8px;margin-top:24px;border: 1px solid #ddd;padding:4px}

#socialbookmarks .like {display:none;}

/* ARTICLE RATINGS */
#article_rating {float:right;margin-top:-25px}
#article_rating ul li a:link, #article_rating ul li a:visited {position:absolute;color:#000;width:17px;text-indent: -100em; overflow: hidden}
#article_rating ul li a:hover, #article_rating ul li a:active {position:absolute;color:#fff;width:17px;text-indent: -100em; overflow: hidden}
#article_rating ul {margin: 0;padding: 0;list-style-type: none;}
#article_rating ul li {display: inline; float:left; width:17px;height:17px}
#article_rating .on {background:transparent url("images/rating_stars.jpg") 0px 17px}
#article_rating .off {background:transparent url("images/rating_stars.jpg")}
#article_rating #label {padding-left:5px;font-size:80%;color:#666}

/* LAYOUT - FOOTER */
#footer {background:#000 url("images/footer_bgr.jpg");margin-top:15px;height:100px;clear:both;padding-left:8px;padding-top:20px;padding-bottom:10px;font-size:86%;color:#eee}
#footer p {margin:0;height:23px;padding-top:4px;padding-left:23px;background:transparent url("images/main_rss.gif") 0 5px no-repeat}
#footer a:link, #footer a:visited {color:#eee}
#footer a:hover, #footer a:active {color:#eee}

/* RELATED LINKS */
#relatedlinks {float:right;margin-left:15px;margin-top:15px;margin-right:10px;margin-bottom:30px}
#relatedlinks a:link, #relatedlinks a:visited {font-weight:bold;text-decoration:none}
#relatedlinks a:hover, #relatedlinks a:active {text-decoration:underline}
#relatedlinks h4 {font-size:120%;padding-top:5px;}
#relatedlinks li {margin-left:-10px;text-indent:25px}
.mpu {width:290px}

/* COMMENTING */
#commentwrap {clear:both}
#commentwrap #comments {width:450px;min-height:400px;height:auto !important;height:330px}
#commentwrap #commentholder {background: #666; border: 1px solid #fff;padding:5px;margin-bottom:10px}
#commentwrap #userdetail {font-weight:bold;font-size: 120%;margin:0;padding:0}
#commentwrap #userdetail a:link, #commentwrap #userdetail a:visited {color:#eee;text-decoration:none}
#commentwrap #userdetail a:active, #commentwrap #userdetail a:hover {color:#ff0;text-decoration:underline}
#commentwrap #commentholder .flag {position:relative;left:426px}
#commentwrap #commentholder .flag a:link, #commentwrap #commentholder .flag a:visited {position:absolute;width:11px;height:12px;background:transparent url("images/icon_flag.gif") no-repeat;text-indent:-100em;overflow:hidden}
#commentwrap #date {font-size: 75%;color:#999;margin-top:-4px;border-bottom: 1px solid #444}
#commentwrap #comment {font-size: 90%;color:#fff;padding-top:5px}
#commentwrap #form {width:420px;position:absolute;right:8px}
.counter {text-align:right;font-size:80%;color:#999;padding-right:15px}
form.commenting {width:100%}
form.commenting fieldset {width:auto;margin: 0 1em}
form.commenting label {clear:left;float:left;width:100%}
form.commenting label input, form.commenting label textarea, form.commenting label select {width:15em;float:left;margin-left:10px}
form.commenting label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.commenting label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.commenting div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.commenting div.req b {color:#c00;font-size:140%}
form.commenting label select {width: 15.5em}
form.commenting label textarea.f-comments {width: 20em}
form.commenting div.f-submit-wrap {padding: 5px 0 5px 8em}
form.commenting input.f-submit {margin: 0 0 0 10px}
form.commenting fieldset.f-checkbox-wrap, form.commenting fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.commenting fieldset.f-checkbox-wrap b, form.commenting fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.commenting fieldset.f-checkbox-wrap fieldset, form.commenting fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.commenting fieldset.f-checkbox-wrap label, form.commenting fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.commenting label input.f-checkbox, form.commenting label input.f-radio {width:auto;float:none;margin:0;padding:0}
.commentlogin {margin-top:-4px}

/* CUSTOM FORMS */
.customrule {display:none}
#customform {width:700px;padding-left:100px;clear:right;padding-bottom:30px}
form.customform {width:100%}
form.customform fieldset {width:auto;margin: 0 1em}
form.customform label b {float:left;min-width:100px;line-height: 1.7;display:block;position:relative}
form.customform label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.customform div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.customform div.req b {color:#c00;font-size:140%}
form.customform label select {width: 15.5em}
form.customform label textarea.f-comments {width: 30em}
form.customform div.f-submit-wrap {text-align:center;padding-top:15px}
form.customform input.f-submit {margin: 0 0 0 10px}
form.customform fieldset.f-checkbox-wrap, form.customform fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.customform fieldset.f-checkbox-wrap b, form.customform fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.customform fieldset.f-checkbox-wrap fieldset, form.customform fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.customform fieldset.f-checkbox-wrap label, form.customform fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.customform label input.f-checkbox, form.customform label input.f-radio {width:auto;float:none;margin:0;padding:0}
.customformlogin {margin-top:-4px}
.formcounter {font-size:80%;color:#999;padding-left:380px}
#nocomment {padding-top:8px}
#captcha {padding-left:10px;padding-bottom:5px}

/* SECTIONALS */
#blogstandfirst {font-weight:bold;margin-bottom:15px;margin-top:10px}
#promo, #promo ul {padding: 0;list-style: none}
#promo li {font-size:100%;position:relative;background: #212121 url("images/pod_bgr.jpg") repeat-x;display:block;padding:4px;margin-bottom:10px;marign-right:8px;clear:right;height:200px;color:#fff}
#promo li a:link, #promo li a:visited {font-weight:bold;color:#fff;text-decoration:none}
#promo li a:hover, #promo li a:active {font-weight:bold;color:#F7D118;text-decoration:underline}
.promomore {font-size:80%}
.promoimage {border: 1px solid #ddd;padding:4px;margin-right:8px}
.promotitle {font-size:140%;margin-left:306px;padding-bottom:4px;border-bottom: 1px solid #ddd}
#promo a.commentlink {text-transform:capitalize;padding-left: 18px;background: transparent url("images/icon_grey_comments.png") 0 4px no-repeat;}
#promo #video-play-button a {position:absolute;text-indent:-100em;width:68px;height:48px;overflow:hidden;top:80px;left:120px}
#promo #video-play-button a:link, #video-play-button a:visited {background:transparent url("images/video-play-button.png") 0 0 no-repeat}
#promo #video-preview:hover #video-play-button a {background:transparent url("images/video-play-button.png") 0 100% no-repeat}

/* PODCAST SECTIONAL */
#podcast-links {clear:both;float:left;}
img.podimage {margin-top:5px;margin-right:5px;margin-bottom:5px;float:left;}
a.podcast-download {padding-left: 20px;padding-right: 20px;background: #FFF url("images/main_download.jpg") no-repeat;height: 20px;}
#xpsf-player {position: absolute;height: 20px;}
#xpsf-player #label {position: absolute;width: 100px;padding-left: 3px;}

/* GALLERY */
#gallery {background:#fff;padding:8px;width:624px;margin-left:120px;}
#gallery #title {position:absolute;left:8px;top:30px;font-size:196%;font-weight:bold;color:#444;border-bottom:1px solid #444;width:880px;letter-spacing: -1px;font-family: arial,verdana,sans-serif;}
#gallery #photo #dispImage {margin-top:55px;width:626px;overflow:hidden;height:416px;background: #fff url("images/loading.gif") 50% 50% no-repeat;text-align:center;}
#gallery #photo #img-nav {position:absolute;width:610px;margin-top:-280px;padding-left:8px;padding-right:8px}
#gallery #photo #img-nav a:link, #gallery #photo #img-nav a:visited {width:50px;height:50px;text-indent: -100em; overflow: hidden}
#gallery #photo #img-nav #left {position:absolute;left:8px;display:none}
#gallery #photo #img-nav #right {position:absolute;right:8px;display:none}
#gallery #photo #img-nav #left:link, #gallery #photo #img-nav #left:visited {background:transparent url("images/gallery-icon-left.png")}
#gallery #photo #img-nav #right:link, #gallery #photo #img-nav #right:visited {background:transparent url("images/gallery-icon-right.png")}
#gallery #photo:hover #img-nav #right, #gallery #photo:hover #img-nav #left {display:block}
#gallery #photo #caption {position:absolute;margin:1px;width:594px;font-size:100%;color:#fff;height:42px;margin-top:-46px;padding-left:8px;padding-right:22px;padding-top:4px;background:transparent url("images/black-trans.png");overflow:hidden}
#gallery #photo #caption a:link, #gallery #photo #caption a:visited {position:absolute;right:4px;width:15px;height:8px;margin-top:4px;background:transparent url("images/gallery-captions-down.gif");text-indent: -100em; overflow: hidden}
#gallery #photo #captions-hidden {display:none;position:absolute;margin:1px;width:20px;font-size:100%;color:#fff;height:15px;margin-top:-15px;padding-left:2px;background:transparent url("images/black-trans.png");overflow:hidden;left:738px}
#gallery #photo #captions-hidden a:link, #gallery #photo #captions-hidden a:visited {position:absolute;right:4px;width:15px;height:8px;margin-top:4px;background:transparent url("images/gallery-captions-up.gif");text-indent: -100em; overflow: hidden}
#gallery #thumbnail-wrap {background:#000;height:83px;overflow:hidden;padding-top:5px;width:594px;border-left:#666 solid 1px;border-right:#666 solid 1px;padding-left:30px}
#gallery #thumbnail-wrap #thumbnails {height:70px;width:10000px;position:relative;margin-left:0px}
#gallery #thumbnail-wrap #thumbnails img {border:#000 solid 4px;margin-left:8px;margin-right:8px}
#gallery #thumbnail-wrap #thumbnails .active-thumb {border:#fff solid 4px}
#gallery #thumbnail-wrap #thumbnails .inactive-thumb {border:#000 solid 4px}
#gallery #thumbnail-wrap #thumb-nav {position:absolute;width:624px;font-size:100%;margin-top:-75px}
#gallery #thumbnail-wrap #thumb-nav #left {position:absolute;left:-30px}
#gallery #thumbnail-wrap #thumb-nav #right {position:absolute;right:30px}
#gallery #thumbnail-wrap #thumb-nav a:link, #gallery #thumbnail-wrap #thumb-nav a:visited {width:30px;height:88px;text-indent: -100em; overflow: hidden}
#gallery #thumbnail-wrap #thumb-nav #left:link, #thumbnail-wrap #thumb-nav #left:visited {background:transparent url("images/gallery-scroll-left.png")}
#gallery #thumbnail-wrap #thumb-nav #right:link, #thumbnail-wrap #thumb-nav #right:visited {background:transparent url("images/gallery-scroll-right.png")}
#gallery #sub-bar {}
#gallery #sub-bar #dispCount {font-size:120%;margin-top:10px}
#gallery #sub-bar #button-slideshow {position:relative;float:right;margin-top:-22px}
#gallery #sub-bar #button-slideshow:link, #gallery #sub-bar #button-slideshow:visited {width:101px;height:20px;text-indent: -100em; overflow: hidden}
#gallery #sub-bar .off:link, #gallery #sub-bar .off:visited {background:transparent url("images/gallery-slideshow-play.jpg")}
#gallery #sub-bar .on:link, #gallery #sub-bar .on:visited {background:transparent url("images/gallery-slideshow-stop.jpg")}
#gallery #photo #promo-slide {position:absolute;background:transparent url("images/main_overlay.png");margin-top:1px}
#gallery #photo #promo-slide ul {padding: 0;list-style: none;width:400px;margin-left:115px;margin-top:80px}
#gallery #photo #promo-slide li {font-size:100%;position:relative;background:#212121 url("images/pod_bgr.jpg") repeat-x;display:block;padding:4px;margin-bottom:10px;marign-right:8px;clear:right;height:120px;color:#fff}
#gallery #photo #promo-slide li a:link, #gallery #photo #promo-slide li a:visited {font-weight:bold;color:#fff;text-decoration:none}
#gallery #photo #promo-slide li a:hover, #gallery #photo #promo-slide li a:active {font-weight:bold;color:#ff0;text-decoration:underline}
.promomore {font-size:80%}
.promoimage {border: 1px solid #ddd;padding:4px;margin-right:8px}
#gallery #photo #promo-slide .promotitle {font-size:140%;margin-left:120px;padding-bottom:4px;border:none}

/* ABOUT PAGE */
#split-left {
	position: relative;
	width: 560px;
}
#split-right {
	position: absolute;
	right: 8px;
	top: 36px;
	width: 300px;
}
#split-right h2 {
	font-size: 196%;
	border-bottom: 1px solid #CCC;
	padding: 0;
}

/* POP-UP INFO BOX */
#pop-up {display:none;z-index: 100}
#pop-up h4 {color:#FFF}
#pop-up .holder {position:fixed;top: 20%;left: 300px;z-index: 100;margin: 0 auto;width: 300px;height: 240px;background: transparent url("images/main_overlay.png") repeat;padding:60px;text-align: center;}
#pop-up .info {width: 300px;height: 240px;border-width: 1px;border-style: solid;border-color: #000;background: #444;color: #eee;text-align: center;overflow:hidden;}
#pop-up a:link, #pop-up a:visited {color:#fff;text-decoration:none}
#pop-up a:hover, #pop-up a:active {color:#fff;text-decoration:underline}

/* WWJD */
#ask-jacko {
	position: relative;
	height: 499px;
}
#ask-jacko #jacko {
	position: absolute;
	text-indent: -100em;
	overflow: hidden;
	background: #fff url("images/jacko.jpg") no-repeat;
	width: 208px;
	height: 499px;
	right: 0px;
	top: 0px;
}
#ask-jacko #ouija {
	text-indent: -100em;
	overflow: hidden;
	background: #fff url("images/ouija-board.jpg") no-repeat;
	width: 635px;
	height: 499px;
}
#ask-jacko #planchette {
	left: 283px;
	top: 249px;
	position: absolute;
	cursor: pointer;
	text-indent: -100em;
	overflow: hidden;
	background: transparent url("images/planchette.gif") no-repeat;
	width: 67px;
	height: 83px;
}
#ask-jacko #answer {
	text-transform: capitalize;
	text-align: center;
	position: absolute;
	width: 350px;
	top: 350px;
	left: 145px;
	text-indent: 0;
	font-size: 150%;
	color: #da0;
	z-index: 100;
}

/* LOGIN BOX */
#login {display:none;z-index: 100}
#login .login-box {position:fixed;top: 20%;left: 300px;z-index: 100;margin: 0 auto;width: 300px;height: 240px;background: transparent url("images/main_overlay.png") repeat;padding:60px;text-align: center;}
#login .login-form {width: 300px;height: 240px;border-width: 1px;border-style: solid;border-color: #000;background: #444;color: #eee;text-align: center;overflow:hidden;}
#login .login-form h4 {font-size:160%;margin-top:10px;color:#fff}
#login form label {text-align:left;font-weight:bold;float:left;width:100%;display:block;position:relative;padding-left:25px;clear:left}
#login form input {float:right;margin-top:-15px;margin-right:50px}
#login .login-submit {position:absolute;bottom:60px;padding-left:80px}
#login a:link, #login a:visited {color:#fff;text-decoration:none}
#login a:hover, #login a:active {color:#fff;text-decoration:underline}