div#submenu-channels-layout { float: left; width: 50%; padding: 0px; }
div#submenu-login-layout { float: right; width: 29%; padding: 0px; }


/* Horror Magazine css */
body { background: #8aa url(../img/header/bg1000.jpg) 50% top repeat-y; text-align: center; margin: 0; font: normal 11px "Verdana",sans-serif; }
#page { width: 1000px; background: white; margin: 0 auto; position: relative; text-align: left; border: 1px solid #333; border-width: 0 1px; }


p, td { font: normal 12px "Verdana",sans-serif; }
a { color: #900; }
a:hover { color: #f00; }
td.service { font: normal 10px "Verdana",sans-serif; color: #999900; }
td.service a { text-decoration: none; color: black; font-weight:bold; }
td.service a:hover { text-decoration: underline; color: black; }

td.submenu { font: normal normal 10px "Verdana","Helvetica",sans-serif; color: #999900; }
td.submenu b { color: #ffc; }
td.submenu a { font-weight: bold; color: white; text-decoration: none; }
td.submenu a:hover { color: yellow; text-decoration: none; }

p.copy { font: normal 10px "Verdana",sans-serif; color: #666; text-align: center; margin-bottom: 0; padding-bottom: 15px; }
p.copy a { color: #666; }
p.copy a:hover { color: #fff; }

/* phpBB css */
font,th,td,p { font-family: "Verdana","Arial","Helvetica",sans-serif }
a:link,a:active,a:visited { color : #900; }
a:hover		{ text-decoration: underline; color : #f00; }
hr	{ height: 0px; border: solid #066 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: white; border: none; padding: 10px; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #ddd; border: 1px #666 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: white; }
td.row2	{ background-color: #eee4e4; }
td.row3	{ background-color: #ddd3d3; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
	background-color: #066;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #066; font-size: 11px; font-weight : bold; 
	background-color: #9CC; height: 25px;
/*	background-image: url(templates/subSilver/images/{T_TH_CLASS2}); */
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight {
			color: #fff;
			background-color:#066; border: #fff; border-style: solid; height: 22px;
			padding-left: 20px; 
}
td.cat a,td.catHead a,td.catSides a,td.catLeft a,td.catRight a {
			color: #fff;
}
td#catHeadLogin { padding: 1px; background-color: #066; }
td#catHeadDelosid { font: normal 10px "Arial","Helvetica",sans-serif; color: #666; }

td.catBottom {
	background-color:#eee4e4; border: #fff; border-style: solid; height: 22px;
}

/* background-image: url(templates/subSilver/images/{T_TH_CLASS1});
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 22px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #ddd; border-style: solid; height: 28px;
}
td.row3Right, {
	background-color: #ddd3d3; border: 1px solid #fff;
}
td.spaceRow {
	background-color: #066; padding: 1px; border-style: solid, border-color: white; border-width: 2px 0 2px 0;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: normal; font-size: 18px; font-family: "Georgia",serif;
	line-height : 120%; color : #666;
	text-decoration: none; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #666; }

td.cat .gen,td.catHead .gen,td.catSides .gen,td.catLeft .gen,td.catRight .gen {
			color: #fff;
}
td.cat .topictitle,td.catHead .topictitle,td.catSides .topictitle,td.catLeft .topictitle,td.catRight .topictitle {
			color: #fff;
}
td.cat a.topictitle,td.catHead a.topictitle,td.catSides a.topictitle,td.catLeft a.topictitle,td.catRight a.topictitle {
			color: #fff;
}

a.gen,a.genmed,a.gensmall { color: #900; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #f00; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 16px; color : #666 }
a.mainmenu		{ text-decoration: underline; color : #900;  }
a.mainmenu:hover{ text-decoration: underline; color : #f00; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px; color: #333; }
a.cattitle		{ text-decoration: none; color : white; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #900; }
a.forumlink 	{ text-decoration: underline; color : #900; }
a.forumlink:hover{ text-decoration: underline; color : #f00; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 10px; color : #666;}
a.nav			{ text-decoration: none; color : #900; }
a.nav:hover		{ text-decoration: none; color : #f00; }

td.cathead .nav			{ font-weight: bold; font-size: 10px; color : #ffc;}
td.cathead a.nav			{ text-decoration: none; color : #ffc; }
td.cathead a.nav:hover		{ text-decoration: none; color : #ff0; }


/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #666; }
a.topictitle:link   { text-decoration: underline; color : #900; }
a.topictitle:visited { text-decoration: underline; color : #900; }
a.topictitle:hover	{ text-decoration: underline; color : #f00; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #666;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #666; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
.postbody { width: 98%; overflow: hidden; }
a.postlink:link	{ text-decoration: underline; color : #900 }
a.postlink:visited { text-decoration: underline; color : #900; }
a.postlink:hover { text-decoration: underline; color : #f00}

/* Quote & Code blocks */
.code { 
	font-family: "Courier","Courier New",sans-serif; font-size: 11px; color: #666;
	background-color: #eee; border: #066; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: "Verdana","Arial","Helvetica",sans-serif; font-size: 11px; color: #666; line-height: 125%;
	background-color: #eee; border: #066; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: "Verdana","Arial","Helvetica",sans-serif; color: #666; }
a.copyright		{ color: #666; text-decoration: underline;}
a.copyright:hover { color: #666; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color: #666; background-color: #f8f4f4; 
	font: normal 11px "Verdana","Arial","Helvetica",sans-serif;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #f8f4f4;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #ddd3d3;
	color : #600;
	font-size: 11px; font-family: "Verdana","Arial","Helvetica",sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #ddd3d3; color : #600;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #ddd3d3; color : #633;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #ddd; border-style: none; }

/* COLONNA SITO */

div#layoutRight  { margin: 0px; padding: 0px; line-height: 1.2; background-color: #E4E8EE; border: 1px solid #999; border-top: none; }
div#mainright   { padding: 0px; width: 300px; }
div.APlistbox { font: normal normal 10px "Verdana",sans-serif; color: #666; margin: 0px; padding: 0px; width: 100%; }
div.APlistbox div.title { background: #eee url(/magazine/img/box/bg_innerright.gif) left top no-repeat; height: 24px; padding-left: 16px; margin-bottom: 4px; }
div.APlistbox h3 { background: #eee url(/magazine/img/box/bg_innerright.gif) right top no-repeat; height: 24px;  font: normal bold 11px "Arial","Verdana",sans-serif; color: white; line-height: 30px; padding: 0 4px; margin: 0px; vertical-align: middle; }

div.APlistbox h3 { 
	background: #eee url(/magazine/img/box/bg_innerright.gif) left top repeat-x;
	/* border-left: 1px solid #f00;  */
	border-top: 1px solid #ccc;
	height: 30px; 
	padding-left: 10px; margin-bottom: 4px;
	font: normal bold 14px "Arial","Verdana",sans-serif; color: white; 
	line-height: 30px; margin: 0px; 
}
div.APlistbox h3 a { display: inline; color: white; text-decoration: none; padding-right: 8px; }
div.APlistbox h3 a:hover { color: white; text-decoration: none; background: url(/img/box/title-go.gif) right 60% no-repeat; }

div.APlistbox h2 { white-space: nowrap; background: url(/img/box/bg_homeright.gif) top right repeat-x; height: 26px; color: white; padding: 0px 30px 0 0px; font: bold 11pt "Arial","Helvetica",sans-serif; margin-bottom: 5px;  }
div.APlistbox h2 a { display: block; background: url(/img/box/bg_homeright.gif) top left repeat-x; height: 26px; padding: 2px 10px 0 20px; color: white; text-decoration: none; font-size: 10pt; font-weight: bold; }
div.APlistbox h2 a:hover { text-decoration: underline; }
div.APlistbox p { font: normal normal 10px "Verdana",sans-serif; margin-left: 10px; padding-left: 10px; padding-right: 5px; margin-top: 2px; }
div.APlistbox form { margin: 2px 0px 2px 0px; background: #dde4e8; border: 1px solid #9ab; padding: 4px; }
div.APlistbox form > p { padding: 0; margin: 0; margin-bottom: 4px; color: #456; }
div.APlistbox input[type='text'] { font: normal normal 10px "Verdana",sans-serif; border: 1px solid white; background: #f4f8ff; width: 120px; color: #334; padding: 2px; }
div.APlistbox input[type='submit'] { margin: 0; font: bold normal 10px "Verdana",sans-serif; text-transform: uppercase; border: 1px solid #334; background-image: url("../img/tools/button.gif"); background-position: 0px 0px; background-repeat: repeat-x; color: white; padding: 0px 6px; height: 18px; }
div.APlistbox input[type='submit']:hover { background-position: 0px -20px; cursor: pointer; color: #c00; }
div.APlistbox form label:hover { text-decoration: underline; cursor: pointer; color: #c00; }
div.APlistbox ul { list-style-image: url(/img/box/link.gif); margin-left: 0px; padding-left: 10px; padding-right: 10px; margin-top: 2px; }
div.APlistbox li { clear: left; padding: 5px 0px; border-bottom: 1px solid #999; }
div.APlistbox li.APlistselected { list-style-image: url(/img/box/selected.gif); color: #003; }
div.APlistbox li.APlistgroup { list-style-type: none; list-style-image: url(/img/shim.gif); font: normal bold 10px "Verdana",sans-serif; color: #999; border-top: none; }
div.APlistbox li a { text-decoration: none; font: normal 12px "Arial",sans-serif;  }
div.APlistbox a:hover { text-decoration: underline; }
div.GalleriePreview { background: url(../img/box/bg_galleria.gif) top left no-repeat; margin: 0 0 5px 5px; }
div.GalleriePreview img { border: 2px solid #999; margin: 0 3px; margin-right: 4px; margin-bottom: 6px; width: 72px; height: 72px; }
div.GalleriePreview a img { border-color: #999; }
div.GalleriePreview a:hover img { border-color: #c00; }

div#layoutRightToggler { position: absolute; right: 0; width: 120px; margin: 0px; margin-top: 4px;  }
div#layoutRightToggler form { margin: 0; padding: 0; } 
div#layoutRightToggler form button { padding: 0; margin: 0; border: none; background: transparent; }
div#layoutRightToggler form button img { padding: 0; margin: 0; }