/*************** Colour Change Options **************/
/** Dark**/
form#mainform legend, form.default legend {color:#ffcc00;}
.indexart {color:#000;}
/*.article, h5, a:link, a:visited, a:active, body, form#catsearch {color:#fff;}*/
.indexart h4, a.artbtt:link, a.artbtt:visited, a.artbtt:active {color:#990000;}

.indexart {background-color:#fff;}

.indexart {border-bottom:5px solid #000;}
form#catsearch #goButton {border:1px solid #fff;} 

.error {color:#f00; font-weight:bold;}

/*************** HTML tag styles *****************/ 
html {height:100%; margin-bottom: 1px;}

body{z-index:0; font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.166; margin:0px; padding:0px; background-color:#000; color:#ccc;}

a:link, a:visited, a:active {text-decoration:none; color:#ccc;} a:hover {text-decoration:underline;}

a.linkbutton {padding:5px; background-color:#fc0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family: Verdana,Arial,sans-serif; text-align:left; margin:0 0 10px 0; padding: 0em; color:#fff;}
h1 {font-size:3em; letter-spacing:-3px;}
h2 {font-size:2.5em;}
h3 {font-size:22px; letter-spacing:-1px;}
h4 {font-size:17px; letter-spacing:-1px;}
h5 {font-size:13px;}
h6 {font-weight:normal; font-size:0.5em; text-align:center;}

img {float:right; padding:0; margin: 0; border:1px solid #fff;}

hr {border:0; background-color:#fff; color:#fff; height:1px;}

p {margin-top:0;}

#boxLink {margin-top:10px; height:30px;}
#boxLink a {margin:5px 5px 5px 0; font-size:10px; font-weight:bold; padding:5px; background-color:#Fc0; color:#000;}


/*************** Layout Divs **************/
#master {width:1000px; padding:0; position:relative; background:#000; overflow:auto;}

#header {width:840px; height:80px; text-align:left; float:right; background:url(images/layout/header.gif); background-repeat:no-repeat; margin-bottom:5px;}

#navSide {width:160px; float:left; padding-bottom:99px; color:#000;}
#navSide img {border:0px solid #000; margin-bottom:2px;}
#navSideB {width:150px; float:left; padding:5px; background-color:#fc0; background-image:url(images/layout/rt_bm.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:99px; color:#000;}
#navSideB img {width:148px; border:1px solid #000; margin-bottom:2px;}

#mainSide {width:830px; float:right; text-align:left; overflow:auto;}

#insideLeft {width:580px; float:left; margin-bottom:5px;}
#insideRight {width:240px; float:right;}

.article-container {overflow:auto; border-bottom:1px solid #fc0; margin-bottom:5px;}
.homeArticle {margin-bottom:5px; width:265px; float:left; margin-right:5px; margin-left:4px;}
.homeArticle h4 a {color:#fc0;}
.homeArticle img {float:right; width:70px; border:1px solid #fc0;}

#latests {margin-bottom:10px; padding:5px; border:3px solid #fc0;}
#latests ul {list-style-image:url(images/layout/li_lt.gif); padding-left:15px; margin-left:0;}
#latests li {}

#footer {width:1000px; padding:0.7em 0 0.7em 0;}

/*************** .indexart styles ***************/
.boxArticle {width:100%; overflow:auto; background:url(images/layout/title_bg.gif); background-repeat:repeat-x; margin-bottom:5px; background-position:0px 25px; padding-bottom:5px; border-bottom:1px solid #fc0;}
.boxArticle p {margin-top:5px;}
.boxArticle h4 {color:#000; margin:26px 0 5px 5px;}
.boxArticle h4 a, .boxArticle h4 a:hover {color:#000; text-decoration:none;}
/*.boxArticle a:link, .boxArticle a:visited, .boxArticle a:active {color:#ff0; font-weight:bold;}*/
.image {margin-right:5px; margin-top:5px; border:1px solid #ccc; float:left;}

/*********************** Default Form ***********************/
form.default {border:0px solid #000; margin:0;}
form.default fieldset {display:block; border:1px solid #fc0; padding:5px 5px 5px 5px; margin-top:5px; line-height:1.5em;}
form.default legend {font-weight:bold;}
form.default label {clear:left; display:block; float:left; width:300px; text-align:right; padding-right:10px; color:#ccc; margin-top:2px;}

form.default select, form.default input, form.default textarea {margin-bottom:5px;}

form.default .button {font-weight:bold; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; text-decoration:none; text-align:center; background-color:#fc0; color:#000; display:block; border:1px solid #fff; padding:5px 3px; margin:2px auto; font-size:11px; cursor:pointer;}

form.default .button:hover {background-color:#F90;}

.required {font-weight:bold;}

.success {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

form.narrowLeft label {width:120px;}

form.narrow {margin-top:5px; text-align:right;}
form.narrow label {width:100px;}
form.narrow textarea {width:450px;}
form.narrow input {width:250px;}
form.narrow .button {width:auto;}
form.narrow p {text-align:left;}

form.rightSide {border:0px solid #fff;}
form.rightSide label {width:80px;}
form.rightSide select {width:100%; padding:0;}
form.rightSide input {width:98%; padding:0;}
form.rightSide .button {width:auto;}
/*********************** Default Form ***********************/
form.horizontal {margin:5px 0; text-align:center;}
form.horizontal fieldset {display:block; border:1px solid #fc0; padding:5px 5px 5px 5px; margin:0;}
form.horizontal legend {font-weight:bold;}
form.horizontal label {padding-right:5px; color:#fff; margin-left:10px;}
form.horizontal input {border:1px solid #cccccc; padding-left:0.2em;}
form.horizontal .button {font-family:verdana, Arial, sans-serif; background-color:#fc0; border:1px solid #fff; margin:0 5px 0 0; font-size:10px; padding:2px; cursor:pointer; font-weight:bold;}
form.horizontal .button:hover {background-color:#f90;}
form.horizontal select {}
.required {font-weight:bold;}
.success {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

form.vertical {text-align:left;}
form.vertical fieldset {border:1px solid #fc0;}
form.vertical label {display:block; width:100%; margin-bottom:2px; text-align:left;}
form.vertical input {margin-bottom:5px; width:100%;}
form.vertical .button {font-family:verdana, Arial, sans-serif; background-color:#fc0; border:1px solid #fff; margin:0 5px 0 0; font-size:10px; padding:2px; cursor:pointer; font-weight:bold; width:auto;}
form.vertical .button:hover {background-color:#f90;}

/*********************** search form ************************/
.search {position:absolute; top:13em; left:0.5em;}
.digital {position:absolute; top:0em; right:0em;}
/*#searchbox {z-index:21; width:30em; padding:0.4em 0 0 0; height:4.5em; padding-left:0.7em; background-color:#000000;}*/

form.archivesearch {float:right; text-align:left; font-weight:bold; height:45px; padding:15px 5px 0 5px; margin-top:30px; color:#000;}

form.archivesearch #search_string {color:#fff; background-color:#000; width:125px; margin-right:0.3em;}

form.archivesearch #category {color:#000000; margin-right:0.3em;}

form.archivesearch #year {color:#000000; margin-right:0.3em;}

form.archivesearch #goButton {color:#000000; background-color:#fc0; cursor:pointer; width:65px; font-size:11px; font-weight:bold; padding:2px;}
form.archivesearch #goButton:hover {background-color:#ff0; color:#000;}

form.searchform {padding:5px; background-color:#333;}
form.searchform input {height:30px;}
form.searchform .button {
  font-weight:bold;
  letter-spacing:-1px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  position:relative;
  text-decoration:none;
  text-align:center;
  color:#000;
  display:block;
  border:1px solid #fff;
  font-size:13px;
  cursor:pointer;
  height:25px;
  background:#fc0 url('images/layout/button.gif') no-repeat;
  }

#searchresult {overflow:auto; margin:3px 0; padding-bottom:3px; border-bottom:1px solid #333;}
#searchresult img {float:left; width:70px; margin-right:5px;}

/************* nav buttons *********** */
.menu a, .menu a:visited, .form_button {font-weight:bold; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; text-decoration:none; text-align:center; background-color:#fc0; color:#000; background-color:#000; color:#ccc; display:block; width:142px; border:1px solid #fc0; padding:5px 3px; margin:2px auto; float:left; font-size:11px;}
.menu a:hover, .form_button:hover {top:0px; left:0px; background-color:#000; color:#ccc; background-color:#fc0; color:#000; border:1px solid #000;}

.horiMenu a {margin-right:5px; float:left;}

.accountMenu a, .accountMenu a:visited {background-color:#f00;}
.accountMenu a:hover {background-color:#c00;}

.form_button {cursor:pointer; float:none;}

.basket_button {font-weight:bold; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; background-color:#fc0; color:#000; background-color:#000; color:#ccc; width:150px; border:1px solid #000; padding:5px 3px; margin-top:2px; cursor:pointer; float:none; font-size:11px;}
.basket_button:hover {background-color:#fc0; color:#000;}

/*************** .article styles ***************/
.article {display:none; overflow:auto; padding-bottom:5px;}
.article p {margin-top:0; margin-bottom:10px;}
.articlewrap  {padding-left:5px; margin-top:5px; display:block; border-left:1px solid #fc0; border-bottom:1px solid #fc0;}
.article img {padding:0 0 0 0; margin:0 0 0 0.4em; float:right; border:1px solid #fc0;}
.description {font-weight:bold; color:#fc0;}


/*********************** Buy Now Form ***********************/
.buyedition {width:100%; margin:10px 0; text-align:center; overflow:auto;}
.buyedition h3 {text-align:center;}

.buy_edition {float:left; border:1px solid #fc0; margin-bottom:10px; padding:5px;}

/*form#buyissue {width:200px; padding:5px; margin:5px; color:#fff; font-size:0.9em; border:1px solid #f60;}
form#buyissue a {padding:0.2em; margin:0 0 1em 0; color:#fff;}
form#buyissue input {padding-left:0.2em; margin-bottom:-0.4em; margin-top:0.4em;}
form#buyissue h2, form#buyissue h3 {text-align:center; color:#fff;}
form#buyissue select {font-size:0.9em;} */

/*********************** archive page ************************/
#archind {float:left; position:relative; width:187px; height:270px; text-align:center; margin:5px 5px 0 0; font-size:14px;}
#archind img {border:1px solid #ffffff; width:185px; height:245px; padding:0; margin:0;}

.archmain {font-size:13px; text-align:left;}
#toparch {padding: 0px 0px 5px 0px; font-size: 10px;}
#toparch img {float: right; padding: 0px 0px 0px 0px; margin: 0 0 5px 0; vertical-align:top;}

/*************** Lists **************/
ul#smalltext 	{list-style-type:none; font-size:11px; padding:0; margin-bottom:5px; text-align:left;}
ul#largetext	{list-style-type:none; font-size:13px; padding:0; margin-bottom:5px; text-align:left;}
ul#bullets		{font-size:13px; padding:0 0 0 15px; margin:0; width:300px; float:left; text-align:left;}

/*************** Link Styles **************/
a.blackbold:link, a.blackbold:visited, a.blackbold:active {color:#000000; font-weight:bold;}
a.yellowbold:link, a.yellowbold:visited, a.yellowbold:active {color:#FFCC00; font-weight:bold;}
a.artbtt:link, a.artbtt:visited, a.artbtt:active {font-size:0.9em; color:#cc0000; text-decoration:none; padding-bottom:0.5em;}

/*************** Account Management Page **************/
#accmanheader {margin:0.5em 0.5em 0 0.5em; padding:0.3em 0.5em 0 0.5em; font-family:Verdana,Arial,sans-serif; background-color:#fff; height:1.7em; color:#000; font-weight:bold;}

.accman {margin:0 0.5em 0.5em 0.5em; padding:0.5em 0.5em 1em 0.5em; font-family:Verdana,Arial,sans-serif; border:0.1em solid #fff; background-color:#000; display:block;}

.accman td {padding-right:0.9em;}

#accexpanded {margin:0 0 2em 1em; padding:0.5em; border:1px solid #ff6600;}

.subsinfo {margin:0 0 0.5em 1em; padding:0 0 0.5em 0.5em; width:30em; font-family:Verdana,Arial,sans-serif; border:0.1em solid #fff; background-color:#000; display:none;}

/*********************** booking form ************************/
#bookingform {width:700px; background-color:#FFFFFF; padding:1em;}
form.bookingform {color:#000000; text-align:left; border:1px solid #000; padding:0.5em; margin-bottom:1em;}
form.bookingform label {margin-top:0.5em; width:250px; display:block; float:left; font-weight:bold;}
form.bookingform input {margin-top:0.5em;}
form.bookingform select {margin-top:0.5em;}
form.bookingform textarea {margin-top:0.5em;}
form.bookingform .button {padding:2px; background-color:#FF6600; cursor:pointer;}
form.bookingform .button:hover {padding:2px; background-color:#FFcc00;}

.merch {margin-bottom:10px;}
.merch img {float:right; margin-left:5px; border:2px solid #fff;}
.merch:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.merchBox {margin-bottom:10px; padding:10px; background-color:#fff; color:#000; border:4px solid #c00; text-align:right;}
.merchBox h4 {color:#c00; text-align:right;}
.merchBox img {border:1px solid #000;}
.merchBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#comments {float:right; width:100%; margin-top:10px;}

.commentsHeading {background-color:#fc0; padding:5px 0;}
.commentsHeading h4 {color:#000; margin:0 0 0 5px;}

/*************** Article Styles ********************/
.infoBox {float:right; width:200px; padding:5px; margin-left:5px; background-color:#fc0; color:#000;}
.infoBox table {font-size:11px; color:#000;}
td.bold {font-weight:bold;}
.infoBox table td {vertical-align:top;}
.rating {font-weight:bold; font-size:14px; color:#fff;}

/******** SEARCH **************/
form.searchbox {width:300px;}

form.searchbox .wrap {
font-size:12px;
height:24px;
padding:0 72px 0 0;
text-align:center;
}

form.searchbox span.search_text input.text {
background:none repeat scroll 0 0 transparent;
border-width:0;
float:none;
height:99%;
margin-top:0;
padding:0;
width:99%;
}

form.searchbox span.search_text span.field {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#ccc;
border-width:1px 0 1px 1px;
display:block;
height:20px;
padding:4px 6px 0;
}

form.searchbox span.search_text {
float:left;
text-align:left;
width:100%;
}

form.searchbox span.submit span.btn {
background:url("images/layout/button.gif") no-repeat scroll 0 0 #ffcc00;
display:block;
height:100%;
position:relative;
width:100%;
}

form.searchbox span.submit {
background:none repeat scroll 0 0 #ff9900;
float:right;
height:22px;
margin:0 -72px 0 0;
overflow:hidden;
padding:1px;
width:70px;
}

form.searchbox button.submit, form.searchbox input.submit {
background:none repeat scroll 0 0 transparent;
border:0 none;
margin:0;
padding:0;
vertical-align:top;
}

form.searchbox button.submit, form.searchbox button.submit span, form.searchbox input.submit {
color:#000000;
cursor:pointer;
display:block;
font:bold 12px/22px verdana,arial,helvetica,sans-serif;
height:100%;
text-align:center;
width:100%;
}