BODY { background-color:#000000;color: #000;margin-top: 0px;padding: 0px;text-align: center;font-family:verdana, arial, sans-serif;font-size: 12px;}



#restrict img {
max-width:420px;
max-height:300px;
}



IMG {border: 0;padding: 0;margin: 0;}



/* Header cells in tables */



TH {background:#fcfafa;        color: #d6caba;font-weight: bold;text-size: 12px;}







/* Any link not already styled in a class */



A { color: #7a7b74;font-weight: bold;text-decoration: none;        }



A:active {color: #7a7b74;font-weight: bold;text-decoration: none;}



/* hovering links */



A:hover {color:  #a7ad86;font-weight: bold;text-decoration: none;}



/* this is mainly for the categories to sit right */



#columncontainer { margin: 0 20% !important; }







/* for the width of the paged to be displayed */



#container {width:800px;margin: auto;text-align: center;background-color: #fcfafa;border:5px solid #fcfcfc;}







#banner {height: 300px;        background-color: #fcfafa;background-image: url(images/chamberbannerA.png);}







/* welcome message */



#welcome { margin-left: 0px; margin-top: 0; text-align: center; padding-bottom: 2em;



 font-size: 12px; font-weight: ;        }



#welcome .blocktitle {background:url(images/welcome.gif);background-color:#fcfafa; color:#000;height: 35px;}



#welcome .blockcontent {line-height:16px; color: #000000; background-color:#fcfafa;text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1.2em; text-align: center;}



#welcome a {color:  #57594c;}



#welcome a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}







/* the menu is for the top row */



#menu {margin-top: -.75em; padding-left: 3px;padding-right:3px;background-color: #fcfafa;}







#menu UL {margin-left: 2px;padding-left: 3px;padding-right: 3px;white-space: nowrap;}







#menu LI {padding-left: 3px;padding-right: 3px;display: inline; list-style-type: none;}







#menu LI A {color: #7a7b74;text-decoration: none;font-weight: bold; padding-left: 3px; padding-right: 3px;}







#menu LI A:hover {color:#a7ad86;background-color: none;text-decoration: underline;font-weight: bold;



 padding-left: 3px; padding-right: 3px;}







#menu #current {padding-left: 3px;padding-right: 3px;}







/* the submenu is for the second line of menu */



#submenu {padding: 7px; background-color: #fcfafa;}







#submenulist {padding: 0px;margin: 0px;margin: 0px;text-align: center;background-color: #fcfafa;}







#submenulist ul {margin-top: -.75em; margin-left: 0; padding-left: 0; white-space: nowrap;}







#submenulist li { display:inline; list-style-type: none;}







#submenulist a {



 padding-top: 8px;



 padding-bottom: 8px;



 padding-left: 7px;



 padding-right: 7px;



 margin-right: 3px;        }







#submenulist a:link, #submenulist a:visited {



 color: #7a7b74;



 background-color: none;



 text-decoration: none;



 font-weight: bold;}







#submenulist a:hover{



 color: #a7ad86;



 text-decoration: underline;



 font-weight: bold;}







#leftindex { width: 190px; float: left;}







#rightindex {



 margin-left: 200px;



 width: 580px;



 background-color: #fcfafa;}







/* this is for the main footer bit */



#footer {



 color: #fcfafa;



 background-color: #000000;



 clear: both;



 width: 800px;



 margin-left:auto;



 margin-right:auto;}







#footertext {padding-left:10px;padding-right:10px;background-color: #000000; text-align: center;}







/* this is for the links bit */







#footernav {background: #000000;text-align: center;padding:4px;margin-top:0em;border-top:0px solid #000;}



#footernav A {  color: #7a7b74; font-weight: bold; text-decoration: none;padding: 7px;}



#footernav a:hover { color: #a7ad86; font-weight: bold; text-decoration: underline;padding: 7px; }







/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */



.tblborder { padding: 6px; border-collapse: collapse;}







/* Main page surrounds the text between the header and the footer.



For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.



And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px



*/



#mainpage {        height: 550px;padding: 5px;background: #fcfafa;text-align: left;}







html>body #mainpage { height: auto;        min-height: 550px;}







/* for the title of each page if you want a line, add border-bottom */



#pagetitle {text-align:center;font-size:14px;color:#000000;font-weight:bold;margin-top: 1em;margin-bottom:1em;}







/* the alphabet listings and the next page, next previous etc */







#alphabet, #pagelinks {text-align: center;word-spacing:.1em;margin:1em;}







#alphabet A, #pagelinks A {        color: #7a7b74;text-decoration:none;font-weight:bold;border:1px solid #7a7b74;



        border-collapse: collapse;padding: 0 2px;font-size: 12px;}







#alphabet A:hover, #pagelinks A:hover {



        background: #fcfafa        ;color:  #a7ad86;}







#alphabet #current_letter, #pagelinks #currentpage {



        color: #000000;        font-weight: bold;        border: 1px solid #a99884;        padding: 0 2px;}







/* labels in forms mostly defined by divs */



LABEL, .classification {color: #000;font-weight: bold;}



.label {color: #000;font-weight: bold;background-color: #fcfafa;}







/* Admin options.  */



.adminoptions {color:  #000000;font-weight: bold;}







/* for the story headings*/



.sectionheader {text-align: center;font-size: 14px;font-weight: bold;color: #000;}







/* container for each story */



.listbox {margin:1em 5%;border:2px solid #000000;background-color:#fcfafa;padding-left:10px;padding-right: 10px;        padding-bottom: 5px;padding-top: 5px;}







/* The title bar for each story box. */



.listbox .title {background-color:#fcfafa;color:#000000;font-weight:bold;padding:4px;padding-left: 8px;}







/* the inside of the story box. */



.listbox .content {        padding: 6px;background-color: #fcfafa;        }







/* the bottom ribbon of the box */



.listbox .tail {background-color: #fcfafa;        padding: 4px; }







/* to get the featured/retired to float on the right see listings.tpl for mod */



#fimage { float: right;  margin: 4px;}







/* to get the reviews to sit nicer */



#reviews .listbox .title {margin-left: 10px;}







/* .listboxa was an extra bit i put in so i could have different colours for story/reveiws etc*/



.listboxa {        margin: 1em 10%;         border: 4px solid #000000;   }







.listboxa .title {background-color: #fcfafa;padding: 6px;color:  #000000;font-weight: bold;        font-size: 12px;}







.listboxa .content {padding: 6px;background-color: #fcfafa;line-height: 16px;}







.listboxa .labela {        color:#000000;}



.listboxa .tail {background-color: #fcfafa;padding: 6px;color:  #000000;font-weight: bold;        font-size: 12px;}







.listboxr {        margin:auto;align:center;width:80%;        border: 5px solid #000000;        padding: 1px;}







/* This edits the author/story notes. */



.noteinfo {border: 3px solid #000000;padding: 7px;margin-right:20px;margin-left:20px;}







/* how the story looks */



#story { margin-left: 5px; margin-top: 0; text-align: left; padding-bottom: 2em; padding-top: 1em; padding-left: 12px; padding-right: 12px; background-color:#fcfafa; text-align:justify;}







/* title info series and challenges */



#titleblock {margin: 0 10%;}







/* The dropdown jump menus */



.jumpmenu {text-align: right;margin-right: 1em;}







/* story page, dropdown to be centred */



#pagelinks .jumpmenu {text-align: center;}







/* for responses, like authors response */



.respond {text-align: center;padding: 2px;}







/* sort menu on the categories page */



#sort { text-align: center; }







/* pages not using listings using output */



#output { padding: 10px;}







/* user profile */
#profile img {max-width: 420px;max-height:300px;
-moz-box-shadow: 6px 6px 5px #3A3838;
 -webkit-box-shadow: 6px 6px 5px #3A3838;
 box-shadow: 6px 6px 5px #3A3838;
margin-bottom:10px;}



#profile {margin: 1em 10%;}







#profile #sort {         text-align: right;        font-weight: bold;        color: #000000;}







#tabs {        text-align: center;        margin: 0;        padding: 0;}







#tabs span {font-size: 10px;padding: 3px;}







#tabs #active {color:  #000000;}



.newsbox  {text-align: left background-color:#fcfafa;}







.block {margin-bottom: .2em;}







/* --------------------------  my individual blocks --------------------------------------  */



#sitenews {border: 0px solid #030303;background-color:#fcfafa;}



#sitenews .blocktitle {background:url(images/news1.gif);background-color:#fcfafa; color:#000;height: 35px;}



#sitenews .blockcontent {line-height:14px; color: #000000; background-color:#fcfafa; padding-left: 1.2em; padding-right: 1.2em; text-align: left;}



#sitenews a {color:  #57594c;}



#sitenews a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#newsarchive {text-align: center;background-color:#fcfafa;}



.newstitle {text-align: center; font-weight: bold; font-size: 12px: color:#104c0b;}



.newssig {text-align: center; font-style: italic; font-size: 10px: color:#104c0b;}



#poll {border: 0px solid #030303;background-color:#fcfafa;}



#poll .blocktitle {background:url(images/poll1.gif); background-color:#fcfafa;color:#000;height: 35px;}



#poll .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: center; margin-left: 40%; padding-right: 1.2em;}



#poll a {color: #57594c;}



#poll a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#stats {border: 0px solid #030303;background-color:#fcfafa;}



#stats .blocktitle {background:url(images/info1.gif); background-color:#fcfafa;color:#000;height: 35px;}



#stats .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: .4em; padding-right: .4em;padding-top: 1em;}



#stats a:hover{ color:  #a99884; text-decoration: underline;  font-weight: bold;}



#categories {border: 0px solid #030303;background-color:#fcfafa;}



#categories .blocktitle {background:url(images/cats1.gif);height: 35px;}



#categories .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em; }



#categories a {color: #57594c;}



#categories a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#recent {border: 0px solid #030303;background-color:#fcfafa;}



#recent .blocktitle {background:url(images/recent1.gif); color:#000;height: 35px;}



#recent .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#recent a {color: #57594c;}



#recent a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



.recentstory {padding-bottom:12px;}
.featuredstory {padding-bottom: 20px;}



#linkies {border: 0px solid #030303;background-color:#fcfafa;}



#linkies .blocktitle {background:url(images/linkies1.gif); color:#000;height: 35px;}



#linkies .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#linkies a {color: #57594c;}



#linkies a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}

#linktous {border: 0px solid #030303;background-color:#fcfafa;}



#linktous .blocktitle {background:url(images/linktous.gif); color:#000;height: 35px;}



#linktous .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#linktous a {color: #57594c;}



#linktous a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#vids {border: 0px solid #030303;background-color:#fcfafa;}



#vids .blocktitle {background:url(images/vids1.gif); color:#000;height: 35px;}



#vids .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: center; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#vids a {color: #57594c;}



#vids a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



.recentstory {padding-bottom:12px;}



#skinchange {border: 0px solid #030303;background-color:#fcfafa;}



#skinchange .blocktitle {background:url(images/skin1.gif); background-color:#fcfafa;color:#000;height: 35px;}



#skinchange .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: center; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#skinchange a {color: #000000;}



#skinchange a:hover{ color: #d6caba; text-decoration: underline; font-weight: bold;}



#online {border: 0px solid #030303;background-color:#fcfafa;}



#online .blocktitle {background:url(images/online1.gif); background-color:#fcfafa;color:#000000;height: 35px;}



#online .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;}



#online .right {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;padding-top: 1em;float:right;width:70%;}



#online a {color: #57594c;}



#online a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#random {border: 0px solid #030303;background-color:#fcfafa;}



#random .blocktitle {background-color:#fcfafa;background:url(images/random1.gif); color:#000;height: 35px;}



#random .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em;;}



#random a {color: #57594c;}



#random a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#shouts {border: 0px solid #030303;background-color:#fcfafa;}



#shouts .blocktitle {background:url(images/shout1.gif);background-color:#fcfafa; color:#000;height: 35px;}



#shouts .blockcontent {background-color:#fcfafa; line-height:16px; color:  #000000; text-align: left; padding-left: 1.2em; padding-right: 1.2em; }



#shouts a {color: #57594c;}



#shouts a:hover{color: #a7ad86; text-decoration: underline; font-weight: bold;        POSITION:relative;TOP:1.5px; LEFT:1.5px;}



#shout {border: 4px ridge #fcfafa;background-color:#000000; color: #fcfafa;}



#rss {position: center;}



#next { float: right; }



#prev { float: left; }



#browse #category_content { width: 95% !important; margin: 1em auto; }



#desc {margin-left: 0px;margin-right: 12px;}



.shorttextarea { margin-left: 23%; background-color: #fcfafa;}



.tinytogglea {margin-left: 41%;}



/* button top colors, check mark box outsides, input small text boxes (log in size) */



 INPUT



        { background-color:#fcfafa;        color:  #000000;}



SELECT /* scroll down menu */



        {background-color: #fcfafa;        color:  #000000;}



TEXTAREA



        {background-color: #fafafa;        }



FORM {background-color: #fcfafa;}



#reviews { margin-left: 10px;}



.listbox .contentodd i {



display: block;



background: url(images/divider.gif) top center no-repeat;padding-top: 30px;}



.listbox .contenteven i {display: block;background: url(images/divider.gif) top center no-repeat;padding-top: 30px;}



#skinby {text-align: center; text-weight: normal;}



#skinby a{text-weight: bold; text-decoration: none;}



hr {height: 0px; border: 0px; color: #000000; background-color: #000000; width: 50%;}


#story img {max-width:420px;max-height:300px;}
.listboxa img {max-width: 420px;max-height:300px;}