* {margin:0;padding:0}
body {padding:4px;color:#333;font:100%/1.5 arial,tahoma,verdana,sans-serif}

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

/* TYPOGRAPHY */
p, ul, ol {}
h1, h2, h3, h4, h5, h6 {font-size: 125%;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 {display:none}
hr {display:none}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
.page-title {font-weight:bold;color:#58c0eb}

/* Logo - site name */
#site-name a:link, #site-name a:visited {font-size:150%;font-weight:bold}
#nettleden {position:absolute;margin-top:-110px}

/* NAV - top horizontal nav */
#nav {margin-top:30px;font-weight:bold;font-size:80%;font-weight:bold;height:80px}
#nav li {margin-right:8px;float:left}

/* LAYOUT - main body of page */
#wrap {width:320px;margin:0}
#content-wrap {width:100%;clear:both}

/* LAYOUT - homepage */
#megapod-wrap {display:none}
#homepage-pods {display:none}

/* LAYOUT - footer */
#footer {font-size:75%;color:#bbb;margin-bottom:15px;margin-top:15px}
#footer a:link, #footer a:visited {color:#bbb}
#footer a:hover {color:#00D}

/* GALLERY */
#gallery {color:#58c0eb;width:320px}
#gallery #title {font-size:100%;font-weight:bold}
#gallery #photo img {width:220px;height:147px;display:block}
#gallery #photo #img-nav {position:absolute;width:320px;margin-top:-120px}
#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:0px}
#gallery #photo #img-nav #right {position:absolute;right:0px}
#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 #caption {width:100%;font-size:80%;color:#333;padding-left:4px;padding-right:4px;padding-top:4px;overflow:hidden}
#gallery #photo #caption a:link, #gallery #photo #caption a:visited {display:none}
#gallery #photo #captions-hidden {display:none}
#gallery #thumbnail-wrap {display:none}
#gallery #sub-bar #dispCount {padding-left:4px;color:#333;font-size:80%}
#gallery #sub-bar #button-slideshow {position:relative;float:right;margin-top:-22px;margin-right:4px}
#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")}

/* SECTIONAL - chat */
.sectional-chat {margin-top:20px;margin-bottom:20px}
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}
#pod li {font-size:100%;position:relative;float: left;display:block;margin-right:15px;margin-bottom:15px;padding:8px;width: 280px}
.podimage {padding-bottom:4px;display:block}
#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;margin-bottom:18px}
.articleimage {display:none}
.date {display:none}

/* SOCIAL BOOKMARKS */
#socialbookmarks {display:none}

/* COMMENTING */
#commentwrap {clear:right}
#commentwrap #comments {width:100%}
#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 #form {width:100%}
.counter {margin-left:4px;font-size:75%}
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 b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.commenting label b .req {color:#c00}
form.commenting div.req {font-size:75%;font-weight:normal;text-align:right}
form.commenting div.req b {color:#c00;font-size:120%}
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 img {display:block;width:60px;height:92px}
#shop {margin-top:16px}
#shop li {position:relative;float:left;width:100%;margin-top:8px;height:280px}
#shop #item-details {position:absolute;margin-left:68px;height:100%}
#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 .price {font-weight:bold;font-size:90%;margin-top:4px}
.buybutton {display:none}

/* CUSTOM FORMS */
#customform {width:100%}
form.customform {width:100%}
form.customform fieldset {width:100%}
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}
form.customform label b .req {color:#c00}
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: 20em}
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%;padding-left:4px}
#nocomment {padding-top:8px}
#captcha {position:absolute;right:0px;display:block}
#formTAC {display:none}

/* COMMERCIAL placement */
#adspot1 {display:none}
#adspot2 {display:none}
#adspot3 {display:none}
#adspot4 {display:none}

/* EDIT MENU */
.hiddenform {margin:0;padding:0}
.editbarOff {display:none;}
.editbar {font: 165% arial;background: #3b5326 url("../cms/images/cms-header.jpg") repeat-x 0 100%;height:47px;margin-bottom: 20px;padding-left: 40px;color:#fff;padding-top:4px}
.editbar a:link, .editbar a:visited {color:#fff;text-decoration:none;padding:0;margin:0}
.editbar a:hover, .editbar a:active {bold;color:#ff0;text-decoration:underline;padding:0;margin:0}

/* LOGIN BOX */
.login-holder {position: absolute;top: 200px;left: 0px;width: 100%;height: 100%;display: none;z-index: 99;text-align: center;}
.login-box{position:fixed;top: 40%;left: 35%;padding: 5px;z-index: 100;margin: 0 auto;width: 30%;height: 180px;border-width: 1px;border-style: solid;border-color: #eee;background-color: #444;color: #eee;text-align: center;}
.login-remember {margin-top:10px;}
.login-submit {margin-top:10px;}