/* CSS Document */

* { margin:0; padding:0 }

html { height:100%; /*font-size:100.01%*/}

body {
	xmin-height:101%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #fff;
	margin:9px 0px 0px 9px;
	padding-bottom:0px;
	background-color:#fff;
}

/* setup divs to generally float left - included diplay to counter IE 'double margin bug */
div { float:left; display:inline; width:auto;}

.RHText { display: block; float:left; margin: 3px 0 0 5px; }

tr { 
	vertical-align:top;
	line-height: 20px;
}

table {	padding: 2px 0px 0px 2px; }
a {color:#FFFFFF;}
a:hover { text-decoration:underline;}

/* basic margin & padding for all(ish) display 'boxes' */
.box {
	margin:1px;
	padding:4px 10px 17px 10px;
	background-color:#000;
	width:auto;
	overflow:hidden; /* not too keen or having this in */

}
.adminbox {
	padding:7px;
	background-color:#000;
}

img  {
	margin:0px; 
	padding:0px; 
	display:inline;
	border:0px solid #ddd;
}

/* set up images in .box divs ? types with text below & those that are 'solo' */
.box img { margin:-4px -10px 7px -10px }
.box img.solo { margin-bottom:-17px}


h1 { font-size: 14px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }

h1, h2, h3, h4 .mainmenuitem, .header {
	font-weight: bold;
	color: #fff;
	margin: 4px 0px 5px 0px;
	padding: 0;
	text-transform: capitalize;
	text-decoration: none;
}
img.format1 {
	margin-bottom: 0px;
}

h1 a, h2 a, h3 a  {
	color: #fff;
	text-transform:capitalize;
	text-decoration:none;
}

.menuitem, p div, .box p, .box div {
	xfont-weight:normal;
	line-height:15.5px;
}

p, p div, .box p div, .adminbox p div {
	font-size: 12px;
	xfont-weight:normal;
	line-height:15.5px;
	padding:0px;
	margin:5px 0px 5px 0px;
	
}

ol
	{
	margin-left:20px;
	}

.box p div, .adminbox p div {
	display:block;
}

#page {
	width:814px;
	display:block;
}

/* col1 - logo width: 4 cols, contains nav & content*/
/* col2 - 1 col width, loging etc*/
/* col3 - 1 col for ads*/

#col1 { 
	width:654px;
}

#col2 { 
	width:160px; 

	overflow:hidden;
}

#col3 {	
	width:161px; 

	overflow:hidden;
}

#col1and2 { 
	width:814px;

	overflow:hidden;
}

#loginbox, #userprofile { width:138px; }

#search 
{ 
width: 137px; 
padding-top:6px;
padding-bottom:6px;
}
#search input.inputtext
{
width:100px;
margin:2px 3px 0 0;
}
#search input.button
{
width:33px;
background:url(../../images/button_go.gif) center no-repeat;
padding:0;
margin:0;
}

html > body #search { width: 138px; }
#col1and2 #loginbox, #col1and2 #userprofile, #col1and2 #search { height:149px; }

#col2 div, #col2 p { width:138px;}
#col2 div { 
	background-image:url(../../images/box2.gif);
	background-repeat:no-repeat;
}

#col2 div div { 
	background-image:url(../../images/blank.gif);
	background-repeat:no-repeat;
}

#col3 div { 
	width:160px;
	margin:1px 0px 1px 1px;
}




/* col1 */

#logo { width:652px; height:173px; margin:1px; }

#menubox { 
	/*background-image:url(/images/box1.gif);
	background-repeat:no-repeat;*/ 
}


.logo1 img, .logo2 img, .logo3 img, .logo3 img, .logo4 img, .logo5 img, .logo6 img, .logo7 img { display:none; }

#logo a { width:652px; height:173px; display: block; }

#logo .logo span, #logo .logo img { display: block; }
.logo1 { background-image:url(../../images/logo1.gif); }
.logo2 { background-image:url(../../images/logo2.gif); }
.logo3 { background-image:url(../../images/logo3.gif); }
.logo4 { background-image:url(../../images/logo4.gif); }
.logo5 { background-image:url(../../images/logo5.gif); }
.logo6 { background-image:url(../../images/logo6.gif); }
.logo7 { background-image:url(../../images/logo7.gif); }



#leftpanel { 
	width:156px; 
	height:99%; 
	/*clear:left;*/
}

#leftpanel div, #menu, #menu2 { 
	width:134px;
}
#menu, #menu2, .submenu { list-style-type: none; }
#leftpanel a { 
	/*color:#fff;*/
	text-decoration:none
}

.submenu { 
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 5px;
}

.menuitem {
	font-size: 12px;
	/*font-size: 90%;*/
	margin:0px;
	padding:0px;
	width:100%;
	text-transform:capitalize;
}

/* content col */
#contentpanel { 
	width:498px;
}

.breadcrumbbox, .ErrFont, .MsgFont {
	width:476px;
	margin:1px;
	padding:6px 10px 4px 10px;
	background-color:#000;
	color:#C0F;
}
.breadcrumb, a:link.breadcrumb, a:visited.breadcrumb, a:hover.breadcrumb {
	color:#C0F;
	font-size: 12px;
	/*font-size: 110%;*/
	font-weight:normal;
	text-decoration:none;
	text-transform:capitalize;
}

span.delim { padding-left: 3px; padding-right: 3px }

/* 2/3 - 1/3 split homepage */
.content330 { width:332px; }
.content330 div { width:308px; }
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ .content330 div { width:310px; }

.content330 div img { width:330px; }




.content164 { width:166px; }
.content164 div { width:142px; }
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ .content164 div { width:144px; }

.content164 div img { width:164px; }

/* 1/2 - 1/2 split homepage & portrait image article*/
.content247 { width:249px; }
.content247 { width:249px; }
.content247 div { width:225px; }
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ .content247 div { width:227px; }
.content247 div img { width:247px; }


/* 413 - thumbnail row split landscape image article*/
.content413 { width:415px; }
.content413 div { width:391px; }
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ .content413 div { width:393px; }
.content413 img { width:413px;margin:1px 0 1px 1px; }

.numbered
{
margin:1px 1px 0 1px;
width:247px;
background:#000;
}
/* hack for keeping list boxes layout */

.prop { float:right; width:0px; }
.min50px { height:50px; }
.min70px { height:70px; }
.min110px { height:81px; }

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* margin & padding for article list display 'boxes' */

.articlebox, .articlebox table { 
	padding-top:4px;
	width:476px;
	position:relative;
}


.articlebox p { 
	max-width:430px;
}

.articleimg {
	width:165px;
	margin:-4px 9px -17px -10px;
	padding:0px;
	min-height:50px;
	height:100%;
}

.articlebox .articleimg {
	margin-top:-4px;
}


.articleimg img {
	width:164px;
	height:125px;
	margin:0px;
	padding:0px;	
}

.articletext, .articletextholder {
	width:292px;
	float:left;
	display:inline;
}


.links {
	margin:5px 0px -4px 0px;
	/*margin:0px;
	position:relative;
	bottom:-12px;*/
}

.links div , .links div a{
	/*line-height:18px;*/
	padding-bottom:1px;
	overflow:visible;
}

.width100 {
	width:100%;
}



/* button layouts and colours*/


 #relatedstuff a, .box a {
 	color:#fff;
 }

.yellowbutton, a.yellowbutton {
	font-weight:bold;
	color:#FFE800;
	text-decoration:none;
	padding:0px 0px 0px 1px;
	margin:0px;
}

input.yellowbutton
	{
	background:#000;
	border:0;
	color:#FFE800;
	line-height:20px;
	cursor:pointer;
	}

.readbutton, a.readbutton  {
	color:#C0F;
	font-weight:normal;
	text-decoration:none;
	text-transform:capitalize;
	margin-left:168px;
}

.whitebutton, a.whitebutton  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	/*text-transform:capitalize;*/
}

.lcase, a.lcase  {
	text-transform:lowercase;
}

.bold
	{
	font-weight:bold;
	}

.thumbnail {
	width:80px; 
	height:56px; 
	margin:1px; 
	float:left; 
	display:inline;
	border:0px;
	cursor:pointer;
}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ .thumbnail { width:81px; }

.left { float:left; }


.talkcolour, .GoodFor { color:#C0F; }

/* classes for forum layout */

#forumcontentpanel { width:658px; }


.forumbreadcrumbbox {
	width:636px;
	margin:1px;
	padding:7px 10px 7px 10px;
	background-color:#000;
	color:#C0F;
}

.forum {
	width:636px;
	margin:1px;
	padding:7px 10px 7px 10px;
	background-color:#000;
	color:#fff;
}

.clearmargin {
	margin-top:10px;
}

.forumicon {
	width:636px;
	margin:1px;
	padding:7px 10px 7px 10px;
	background-color:#000;
}

.forum p {
	margin-top:3px;
	margin-bottom:3px;
}

.forumicon p {
	margin-top:3px;
	margin-bottom:3px;
}

.forum div {
	font-size: 12px;
	/*font-size: 100%;*/
	width:160px;
	color:#fff;
}

.forum div.icon {
	width:25px;
}

.forumicon div.icon {
	width:25px;
}


.forum div.small {
	width:75px;
	text-align:center;
}

.forumicon div.iconcaption {
	margin-right:40px;
	text-align:left;
}

.forum div.topicwidth {
	width:170px;
}

/*classes for forum compose and reply interfaces */
.foruminputbox {
	margin:1px;
	padding:7px 10px 7px 10px;
	background-color:#000;
	color:#fff;
}

.foruminputbox p{
	margin-top:3px;
}

.leftcol {
	width:164px;
}
.inputcol {
	width:456px;
}
.lefthandpanel, .forum div.lefthandpanel {
	width:142px;
	text-align:left;
}
.inputpanel, .forum div.inputpanel {
	width:472px;
	text-align:left;
	color:#fff;
}

.box div.inputpanel, td.labelTD {
	width:334px;
}

.forum .inputpanel img {
	margin:5px;
}

.inputpanel input {
	margin-top:3px;
}

.inputpanel textarea {
	height:100px;
	width:350px;
	margin-top:3px;
}
.messagebox {
	height:110px;
}

.icon ul {
	padding:0px;
	margin:0px;
	display:block;
	width:470px;
}

.icon li {
	display:inline;
	list-style-type: none;
	padding:0px;
	margin:5px 2px 0px 0px;
	float:left;
}

.icon input {
	margin:4px 0px 0px 0px;
	float:left;
	display:inline;
}

.icon img {
	margin:2px 0px 0px 0px;
	float:left;
	display:inline;
}


/*end of forum layout classes*/

div.row { 
	display: block; 
	margin: 0px 0px 10px 0px;
	
	float:left; 
	border: 0px solid red;
	width:100%;
}

div.row1 { margin-top:10px; }

div.carbon .highlight { 
	float:right; 
	width:164px; 
	margin: 3px 0 5px 10px;
}

div.carbon div { font-size: 12px; }
div.carbon sub { font-size: 11px; }
div.carbon br.clear { clear: both; }
div.carbon .lefthand { border: 0px solid red; width: 280px; }
div.carbon .input { border: 0px solid blue; width:196px; }
div.carbon .input input.inputtext { width:60px; margin-top: 3px; }
div.carbon label { color: #FFFFFF; font-weight: bold; }
div.carbon span.calc { margin-left: 25px; color: #c0f; cursor: help; display:none;}
div.currentCarbon { 
	padding-bottom: 10px;
	margin-top: 3px; 
	}
#results { margin-top: 25px; }
#results h2.weird { font-size: 20px; }
.hidden { display: none; }
.visible { display: block; }

div.subscribe .highlight, div.register .highlight { 
	float:right;
	width:144px;
	margin: 0px 0px 5px 10px; 
}
.highlight
	{
	color:#FFE800;
	font-weight:bold;
	}

div.subscribe .lefthand, div.register .lefthand { border: 0px solid red; width: 120px; margin-top: 7px; }
div.subscribe .input, div.register .input { border: 0px solid blue; width:196px; margin-top: 7px; }
div.subscribe .input input.inputtext, div.register .input input.inputtext { width:180px; margin-top: 3px; }
div.subscribe label, div.register label { color: #FFFFFF; font-weight: bold; }
div.subscribe div.inputpanel { width:168px; }


/* .mainmenuitem a.ReadOn:link, .mainmenuitem a.ReadOn:visited { color: #c0f; } */
a:link.menuOn, a:visited.menuOn { color: #c0f !important; } 

.yellow { color: #FFE800; }
.reqd,.reqderr   { color: #FFE800; font-size: 22px; font-weight: bold; margin: 0px 0 0 4px; }
.reqderr { font-size: 11px; }
.sizeXS { font-size: 13px; margin: 2px 0px 0px -1px; padding: 0px;}
.sizeS { font-size: 15px; margin: -2px 0px 0px -1px; padding: 0px;}
.sizeM { font-size: 21px; margin: -2px 0px 0px -1px; padding: 0px;}
.sizeL { font-size: 26px; margin: -4px 0px 0px -1px; padding: 0px;}
.offer { font-size: 13px; margin: 0px 0px -2px -1px; padding: 0px;}
.offerM { font-size: 21px; margin: 0px 0px -6px -1px; padding: 0px;}

.articlebox .sizeM {
	margin-top:2px;
}

ul#menu li.mainmenuitem a { font-size: 14px; font-weight: bold; line-height:16px; }
ul#menu ul.submenu li.menuitem, ul#menu ul.submenu li.menuitem a { font-size: 11px; font-weight: normal; line-height:12px;}


/* form elements */

input, select, textarea {
	font-family:verdana;
	background-color:#ffffff;
	color:#000066;
	display:inline;
	float:left;
	margin: 10px 0px 10px 0px;
	padding:0px;
}

input.radio { background-color:#000; margin:0px 5px 0px 0px; }

label.radio { margin-top: 3px; }
html > body label.radio { margin-top: 0px; margin-left: 5px; }

input.checkbox { background-color:#000; }
label.checkbox { float: left; margin-top: 5px; margin-left: 5px; }

input.button { 
	border-width: 0; 
	background-color: #000; 
	background-image: url(../../images/button_bg.gif); 
	width: 60px; 
	height: 18px; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000;
	margin-bottom:10px;
	margin-right:0px;
}

input.inputtext {
	xwidth:98%;
	height:13px;
	background-color: #FFFFFF;
 	border: 1px solid #FFFFFF;
	margin: 10px 0px 10px 0px;
	padding:0px;
}

.inputpanel input.inputtext, .inputpanel select.inputtext {
	width:166px;
	margin:0px;
}

.inputpanel select.inputtext {
	width:168px;
	margin:0px;
	background-color: #FFFFFF;
 	border: 1px solid #FFFFFF;
	
}

#sendtofriend .short, #sendtofriend input.short, .box .short, .inputpanel input.short {
	width:110px;
	margin:0px;
}

.inputpanel textarea.inputtext {
	border: 1px solid #FFFFFF;
	width:166px;
	margin:0px;
}

input.inputPlus {
	margin: -5px 0px 10px 0px;
}

input.submitbutton {
	background-color:#000;
	border:0px;
	float:right;
	padding:0px;
	margin:0px -3px 0px 5px;
	cursor:pointer;
}

input.submitbuttonleft {
	background-color:#000;
	border:0px;
	float:left;
	padding:0px;
	margin:0px 5px 0px -3px;
	cursor:pointer;
}

.formtext {
	font-family:verdana;
	/*font-size:85%;*/
	font-size: 10px;
	color:#000066;
}

#loginform div label, #sendtofriend div label {
	font-size: 11px;
	/*font-size:95%;*/
	font-weight:normal;
	float:left;
	padding-right:5px;
	display:block;
	margin-top:10px;
}

#sendtofriend div label {
	font-size: 12px;
	/*font-size:95%;*/
	font-weight:normal;
}

#loginform div .inputtext {
	width:75px;
	float:right;
	display:block;
}


.formitem1 {
	padding:0px;
	margin:0px;
}

.formitem2 {
	padding:0px;
	margin:-14px 0px 0px 0px;
}

#loginform div .submitbutton {
	margin-bottom:10px;
}

input.inputtext:focus,
textarea.inputtext:focus
	{
	border: 1px solid #FFE800;
	}

#userprofile div.btn {
	margin-top:10px;
	/*text-align:right;*/
}

#userprofile .items {
	margin-top:10px;
	font-size: 11px;
}

#userprofile .items div {
	display:block;
}

#userprofile .label {
	color: #FFE800;
	font-size: 11px;
}

label, .label {
	font-size: 12px;
	font-weight:normal;
	float:left;
	padding-right:5px;
	display:inline;
}

.footer, .footer p, .footer a{
	color:#666;
	font-size:9px;
	line-height:7px;
}
.footer {
	clear:both;
	display:block;
	margin-top:20px;
	margin-bottom:0px; 
	width:90%;
}

.dataTD, .dataTD input {margin:0px;}
.dataTD textarea {width:330px;}

.blogitem
	{
	xbackground:#000;
	margin:0px 1px 0px 1px;
	padding:0 0 0 0;
	text-align:left;
	width:496px;
	}

p.blogdate
	{
	background:#000;
	font-size:11px;
	text-align:right;
	padding:2px 8px;
	font-weight:bold;
	font-family: georgia, serif;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	}



div.blogitem h4,
p.blogtime,
div.blogitem p,
div.blogitem input
	{
	margin:2px 8px;
	}

div.blogitem h4
	{
	font-size:16px;
	margin:0 0 15px 8px;
	padding:0;
	padding-top:8px;
	color:#fff;
	}

div.blogitem p
	{
	margin:0px 0;
	}

div.blogitem
	{
	background:url(../../images/blogbg2.gif) top right repeat-y #000;
	width:496px;

	}

img.blogimg
	{
	float:right;
	margin-top:1px;
	width:190px;
	height:190px;
	
	}

div.blogholder p
	{
	padding:0 8px 8px 8px;
	
	}
div.blogitem h4
	{
	
	}
	
div.blogitem input.editor_field
	{
	background:#fff;
	color:#000;
	border:0;
	font-weight:bold;
	font-size:16px;
	width:250px;
	}



div.blogitem ul,
div.blogitem ol
	{
	margin-left:30px;
	}


div.blogitem p.blogfooter
	{
	clear:both;
	color:#fff;
	font-weight:bold;
	margin:0px 0px 2px 0px;
	font-family: georgia, serif;
	font-size:11px;
	}

p.blogfooter img
	{
	vertical-align:middle;
	margin-right:3px;
	}
.blogfooter a
	{
	text-decoration:none;
	}
.blogfooter a:hover
	{
	color:#ffe800;
	}
.blogcomments
	{
	width:496px;
	margin:0px 1px 0px 0px;
	padding-bottom:5px;
	}
.blogcomments p,
.blogcomments h2,
.blogcommentsform p,
.blogcommentsform h2
	{
	padding:5px 10px;
	}


.blogcomments textarea
	{
	border:1px solid #666;
margin-right:50px;
width:400px;
height:100px;
background:#000;
color:#fff;
font-size:12px;
padding:4px;
font-family: Helvetica, Arial, sans-serif;

}

.blogcomments textarea:focus
	{
	border:1px solid #fee800;

}

div.blogitem div.blogcommentsform input
	{
	margin:0 10px 10px 10px;
	}

div.blogitem div.blogcommentsform input.button
{
margin-top:10px;
border:0;
}

.blogcommentsform input.title
	{
	width:280px;
border:1px solid #fff;
	}


.blogcommentsform input.title:focus
	{
	border:1px solid #ffe800;
	}

.blogcommentsform textarea
	{
	border:1px solid #000;
	margin:10px;
	width:464px;
	height:150px;
	padding:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	}
.blogcommentsform textarea:focus
	{
	border:1px solid #FFE800;
	}
	
.blogcommentsform  textarea.full
	{
	width:464px;
	height:200px
	}
div.ta
	{
	margin:0 0 0 10px;
	}
.says
	{
	color:#999
	}
.name
	{
	font-weight:bold;
	color:#fff;
	font-size:14px;
	}
.blogcomments p.time
	{
	font-size:10px;
	font-weight:bold;
	font-family:georgia, serif;
	color:#666;
	text-align:left;
	border-top:1px dotted #444;
	padding:3px 0;
	margin:0 10px;
	}

a.blg
	{
	text-decoration:none;
	display:block;
	margin:4px 0;
	font-size:11px;
	}
a.blg:hover
	{
	text-decoration:underline;	
	}



p.sml
	{
	font-size:11px;
margin:0;
padding:0 0 0 10px;
clear:left;
	}

div.errmsg
{
border:1px solid #fee800;
background:#222;
color:#fee800;
padding:10px;
width:451px;
margin:10px;
}

/* SHOP */

#shop
	{
	width:496px;
	background:url(../../images/shop/stars.jpg) #000;
	margin:1px;
	padding:5px 0px;
	color:#000;
	font-size:10px;
	}

#shop p
	{
	font-size:11px;
	line-height:11px;
	margin-top:0;
	}

div.shopleft,
div.shopright
	{
	width:246px;
	}

div.shopleft
	{
	float:left;
	}

div.shopleft img
	{
	float:right;
	margin-bottom:3px;
	}

div.shopright
	{
	float:right;
	}

div.shoptxtleft,
div.shoptxtright
	{
	background:url(../../images/shop/shoptxt.png);
	width:152px;

	padding:5px 10px 2px 10px;
	margin:0 0 8px 0;
	}

div.shoptxtleft p,
div.shoptxtright p
{
height:34px;
}
div.shoptxtleft
	{
	float:right;
	margin-right:6px;
	}

div.shoptxtright
	{
	margin-left:8px;
	}


#shop h3
	{
	color:#dd0067;
	font-size:14px;
	}
	
table.shop
	{
	width:100%;

	}
td.price
	{
	color:#dd0067;
	font-size:22px;
	}
td.buy
	{
	text-align:right;
	}

td.buy img
	{
	border:0;
	}

#col2 .rhmshop
	{
	background:url(../../images/rhm_shop2.jpg) top no-repeat #000;
	height:186px;
	}
	
#col2 .rhmmag
	{
	background:url(../../images/rhm_mag.jpg) #000;
	height:120px;
	}

#col2 .rhmblank
	{
	background:url(../../images/rhm_bg.jpg) top no-repeat #000;
	}

#shopheader
	{
	height:125px;
	width:100%;
	background:url(../../images/shop/shop_header.png);
	}

.shopleftimg
	{
	background:url(../../images/shop/imgboxleft.png);
	height:206px;
	width:200px;
	padding:15px 45px 0 0;
	}

.shoprightimg
	{
	background:url(../../images/shop/imgboxright.png);
	height:206px;
	width:200px;
	padding:15px 0 0 46px;
	}

.shopedit td
	{
	padding:2px 0;
	}
.shopedit
	{
	width:500px;
	margin:2px 0 0 498px;
	padding:5px 5px 10px 5px;
	background:#000;
	color:#fff;
	}
.shopedit h2
	{
	margin:5px 5px 20px 5px;
	}
.shopedit img
	{
	border:0;

	vertical-align:middle;
	}
.shopsummary
	{
	border:1px solid #333;
	margin:2px;
	padding:2px;
	}
.shopsummary img
	{
	vertical-align:middle;
	}
table.shpedit
	{
	width:100%;
	}
td.simg
	{
	width:60px;
	}
td.sed
	{
	width:16px;
	}
#footlinks
{
background:#ccc;
margin:3px 0 8px 0;
}
#footlinks a
{
color:#fff;
text-decoration:none;
margin:0 5px;
line-height:16px;
}