* {margin:0;padding:0}
body {padding:0;background:#4d2e01 url("images/main-background.jpg") no-repeat;color:#fff;font:100%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */
a,a:link,a:link,fa:link,a:hover {text-decoration:underline;cursor:pointer} 
a:link, a:visited {color:#58c0eb} 
a:hover,a:active {color:#fff} 

/* TYPOGRAPHY */
p, ul, ol {}
h1, h2, h3, h4, h5, h6 {font-size: 140%;color:#58c0eb;font-weight:bold}
.page-title {font-size: 200%;color:#58c0eb;font-weight:bold}

.error {color:#C00;border:1px #C00 solid;margin-top:6px;font-weight:bold;text-align:center;background:#fbb;margin-bottom:10px}
.success {color:#390;border:1px #390 solid;margin-top:6px;font-weight:bold;text-align:center;background:#bfb;margin-bottom:10px}

/* LISTS */
ul {list-style-type:none}
ol li {list-style-type: decimal}

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

/* LAYOUT - HEADER */
#header {background:transparent url("images/header_bgr.png") repeat-x;margin:0;padding:0;height:106px}
/* Logo - site name */
#site-name {position:absolute;margin:0;color:#ccc;border:none;background:transparent url("images/logo.png") no-repeat;height:252px}
#site-name a:link, #site-name a:visited {float:left;width:252px;height:88px;text-indent: -100em; overflow: hidden}
/* Logo - nettleden */
#nettleden {position:absolute;margin:0;border:none;top:490px;left:40px}
#nettleden a:link, #nettleden a:visited {float:left;background:transparent url("images/nettleden.png") no-repeat;width:164px;height:90px;text-indent: -100em; overflow: hidden}
	
/* NAV - top horizontal nav */
.menu {position:absolute;z-index:100;top:90px}
#nav {font-weight:bold;font: bold 100% arial;margin:0;padding-top:4px;width:246px}
#nav li {margin-bottom:8px;text-align:right;text-transform: uppercase;}
#nav a:link, #nav a:visited, #nav a:active {text-decoration:none;cursor:pointer;color:#58c0eb;font-size:125%}
#nav .active a:link, #nav .active a:visited, #nav .active a:active {text-decoration:none;cursor:pointer;color:#fff}
#nav a:hover {color:#fff}

/* LAYOUT - main body of page */
#wrap {width:900px;margin: 0 auto;position:relative}
#content-wrap {position:relative;width:100%;margin-top:16px}
#content {margin-left:260px;top:0px;right:0px;width:640px;min-height:650px !important;height:auto}

/* LAYOUT - homepage */
#megapod-wrap {padding:8px;background:transparent url("images/megapod-background.jpg");margin-bottom:8px}
#homepage-pods {list-style:none;position:relative;width:640px;height:530px}
#homepage-pods img {margin-bottom:5px}
#homepage-pods li {padding:8px;float:left;width:190px;margin-right:7px;margin-top:16px;background:transparent url("images/home-pod-background.jpg") no-repeat}
#homepage-pods a:link, #homepage-pods a:visited {color:#58c0eb;text-decoration:none;font-weight:bold}
#homepage-pods a:hover {color:#fff}

/* LAYOUT - footer */
#bottom-bar {background:#dd0 url("images/bottom-bar.jpg");padding-left:10px;margin-bottom:10px;margin-top:100px}
#bottom-bar a:link, #bottom-bar a:visited {color:#fff;font-size:125%;font-weight:bold;text-decoration:none}
#bottom-bar a:hover {color:#900}
#footer {font-size:75%;color:#210e05;margin-bottom:15px}
#footer a:link, #footer a:visited {color:#210e05}
#footer a:hover {color:#ccc}

/* GALLERY */
#gallery {background:#f0ebe2 url("images/gallery-background.jpg") no-repeat;padding:8px;width:624px;color:#000}
#gallery #title {font-size:100%;font-weight:bold}
#gallery #photo #dispImage {width:626px;overflow:hidden;height:416px;background: #000 url("images/loading.gif") 50% 50% no-repeat;text-align:center;}
#gallery #photo #img-nav {position:absolute;width:624px;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:22px;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:90%;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;right:6px}
#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}
#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:80%;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}
#gallery #photo #promo-slide .promotitle {font-size:140%;margin-left:120px;padding-bottom:4px;border:none}
#gallery #photo #promo-slide li img {margin-right:5px;margin-top:6px}

/* SECTIONAL - chat */
.sectional-chat {margin-top:20px;margin-bottom:20px}
.sectional-chat a:link, .sectional-chat a:visited {color:#58c0eb;text-decoration:none}
.sectional-chat a:hover {color:#fff}
a.commentlink:link, a.commentlink:visited, a.commentlink:hover, a.commentlink:active {font-size:12px;background: transparent url("images/comment-icon.gif") no-repeat 0 2px;padding-left:18px}
.commentlink span {position:absolute;left:-9999px;width:900px}

/* SECTIONALS - generic */
#pod, #pod ul {padding: 0;margin: 0;list-style: none;clear:both;min-height:680px !important;height:auto}
#pod li {font-size:100%;position:relative;float: left;display:block;margin-right:15px;margin-bottom:15px;padding:8px;width: 280px;background:transparent url("images/pod-background.jpg") no-repeat}
#pod li a:link, #pod li a:visited {font-weight:bold;font-size:120%;color:#58c0eb;text-decoration:none}
#pod li a:hover, #pod li a:active {color:#fff}
.podimage {padding-bottom:4px;}
#sectionaltext {font-weight:bold;margin-bottom:16px}

/* LAYOUT - pagination */
.pagination {background:#f0ebe2 url("images/gallery-background.jpg") no-repeat;padding: 8px 8px 1px 8px;margin-top:25px}
.pagination h4 {color:#000 !important;padding-top:4px !important}
.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;padding:2px 5px;border: 1px solid #ccc;color:#000}
.pagination p a:hover {background:#000;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}
		
/* ARTICLES */
#article #standfirst {font-weight:bold;font-size:100%;margin-bottom:18px}
.articleimage {margin-top:20px;border: 1px solid #ddd;padding:4px;display:none}
.date {display:none}

/* SOCIAL BOOKMARKS */
#socialbookmarks {font-weight:bold;font-size: 80%}
#socialbookmarks ul {margin: 0;padding: 0;list-style:none;padding-top:6px}
#socialbookmarks li {list-style:none;display:block;float:left;margin-right:5px}
#socialbookmarks a:link, #socialbookmarks a:visited {float:left;width:16px;height:16px;text-indent: -100em; overflow: hidden}
#socialbookmarks .like {position: absolute;margin-left: 200px;margin-top: -20px;}

/* COMMENTING */
#commentwrap {clear:right;font-size:100%}
#commentwrap #comments {width:300px;min-height:330px;height:auto !important;height:430px}
#commentwrap #commentholder {background: #eee; padding:5px;margin-bottom:10px;border:#ccc solid 1px}
#commentwrap #userdetail {color:#333;font-weight:bold;font-size: 80%;margin:0;padding:0}
#commentwrap #userdetail a:link, #commentwrap #userdetail a:visited {color:#333;text-decoration:none}
#commentwrap #userdetail a:active, #commentwrap #userdetail a:hover {color:#ff0;text-decoration:underline}
#commentwrap #date {font-size: 60%;color:#999;margin-top:-4px}
#commentwrap #comment {font-size: 80%;color:#333}
#commentwrap #commentholder .flag {position:relative;left:270px}
#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 #form {width:300px;position:absolute;right:0px;border:none;height:auto !important;height:430px}
.counter {text-align:right;font-size:75%;color:#fff}
form.commenting {width:100%}
form.commenting fieldset {width:auto;margin:0;border:0}
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:120%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.commenting div.req {color:#fff;font-size:75%;font-weight:normal;position:absolute;top:25px;right:.4em;left:auto;width:13em;text-align:right}
form.commenting div.req b {color:#c00;font-size:120%}
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}
.commentlogin a:link, .commentlogin a:visited {color:#444;font-weight:bold;text-decoration:underline}
.commentlogin a:hover, .commentlogin a:active {color:#2a8798;font-weight:bold;text-decoration:underline}

/* LAYOUT shop */
#shop {margin-top:16px;min-height:830px !important;height:auto}
#shop li {position:relative;float:left;width:100%;margin-top:8px}
#shop #item-details {position:absolute;background:transparent url("images/black-trans.png");margin-left:113px;height:100%;width:527px;padding-left:8px}
#shop #item-details a:link, #shop #item-details a:visited {font-weight:bold;text-decoration:none}
#shop #item-details .author {font-size:90%}
#shop #item-details .description {margin-top:2px;font-size:80%}
#shop #item-details .title {margin-top:4px !important}
#shop #item-details .price {font-weight:bold;font-size:90%;margin-top:4px}
.buybutton {position:absolute;top:4px;right:8px;width:61px;height:50px;background:transparent url("images/buy-button.png") no-repeat;text-indent: -100em; overflow: hidden}

/* CUSTOM FORMS */
#customform {width:100%;clear:right;padding-top:16px}
form.customform {width:100%}
form.customform fieldset {width:auto;margin: 0 1em}
form.customform label {clear:left;float:left;width:100%}
form.customform label input, form.customform label textarea, form.customform label select {float:left;margin-left:10px}
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:120%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.customform div.req {color:#fff;font-size:100%;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:120%}
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}
.customformlogin a:link, .customformlogin a:visited {color:#fff;font-weight:bold;text-decoration:underline}
.customformlogin a:hover, .customformlogin a:active {color:#ff0;font-weight:bold;text-decoration:underline}
.formcounter {font-size:80%;color:#fff;padding-left:110px}
#nocomment {padding-top:8px}
#captcha {position:absolute;right:0px}
#formTAC {display:none}

/* COMMERCIAL placement */
#adspot1 {position:absolute;width:468px;height:60px;text-align:center;margin-left:5px;margin-top:15px}
#adspot2 {position:absolute;width:728px;height:90px;text-align:center;right:0px;top:8px;background:#900}
#adspot3 {width:300px;height:250px;text-align:center;margin-top:10px}
#adspot4 {position:absolute;width:120px;height:600px;text-align:center;margin-left:-135px;margin-top:0px;padding-right:8px}

/* 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 !important;color: #eee;text-align: center;overflow:hidden;}
#login .login-form h4 {font-size:160%;margin-top:10px}
#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}