/* Colors used in *fusion v1:
#000066 = dark blue (top colour logo background)
#5B5B9B = medium dark blue (bottom colour logo background)
#C9C9C9 = medium grey (background colour)
#996633 = brown-orange (menuhome colour)
#336699 = medium dark blue (menupoetry colour)
#660000 = dark red (menugallery colour)
#006600 = dark green (menublog colour)
#CC00CC = pink (menumusic colour)
#660066 = dark purple (menuprofile colour)
#999999 = medium grey (menuhistory colour)
*/



/* general text and body settings */

/*
html {
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #696969;
	scrollbar-highlight-color: #C9C9C9;
	scrollbar-shadow-color: #C0C0C0;
}
*/

body {
	background: #C9C9C9 url("fusionlogobg.gif") no-repeat center 200px;
	color: #CCCCCC;
	font-family: Verdana, "Times New Roman";
	font-size: 10pt;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.maintable {
	width: 762px;
	border: 0px;
	background: #252525;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border-spacing: 0px;
}

.maintable td {
	padding: 0px;
}

.maintable tr {
	padding: 0px;
}

a:link, a:visited, a:active {
	color: #CCCCCC;
	text-decoration: none;
}

img {
	border: 0px;
	padding: 0px;
}

.pageslogan {
	font-family: Verdana, "Times New Roman";
	font-size: 14pt;
	color: #393939;
	padding: 20px 40px 0px 0px;
	text-align: right;
}





/* shadow settings */

.topshadow {
	height: 6px;
	background: #C9C9C9 url("topshadow.gif") repeat-x;
	border-bottom: 0px solid #777777;
	padding: 0px;
}

.bottomshadow {
	height: 6px;
	background: #C9C9C9 url("bottomshadow.gif") repeat-x;
	border-top: 0px solid #777777;
	padding: 0px;
}

.leftshadow {
	width: 6px;
	background: #C9C9C9 url("leftshadow.gif") repeat-y;
	border-right: 0px solid #777777;
	padding: 0px;
}

.rightshadow {
	width: 6px;
	background: #C9C9C9 url("rightshadow.gif") repeat-y;
	border-left: 0px solid #777777;
	padding: 0px;
}

.tlshadow {
	height: 6px;
	width: 6px;
	background: #C9C9C9 url("tlshadow.gif") no-repeat;
	padding: 0px;
}

.trshadow {
	height: 6px;
	width: 6px;
	background: #C9C9C9 url("trshadow.gif") no-repeat;
	padding: 0px;
}

.blshadow {
	height: 6px;
	width: 6px;
	background: #C9C9C9 url("blshadow.gif") no-repeat;
	padding: 0px;
}

.brshadow {
	height: 6px;
	width: 6px;
	background: #C9C9C9 url("brshadow.gif") no-repeat;
	padding: 0px;
}





/* header element settings */

.logobar {
	height: 125px;
	background: #000066 url("fusionlogo.gif") no-repeat;
	padding: 0px;
}





/* menu element settings */

.menubar {
	height: 25px;
	background: #000000 url("menugrad.gif") repeat-x;	/* Old Settings #333333 */
	border-bottom: 1px solid #777777;
	border-top: 1px solid #777777;
	padding: 0px;
	margin: 0px;
}

.menubar a:link, .menubar a:visited, .menubar a:active {
	display: block;
	float: left;
	padding: 0px;	/* Old Settings 6px 10px 0px 30px */
	border-right: 1px solid #777777;
	text-align: center;
	height: 25px;
}

.menubar a:hover {
	background: url("menugradon.gif") repeat-x;
	text-decoration: none;
}

.menubar li {
	list-style: none;
}

.menubutton {
	display: inline;
}

/* Old Menu Button Icon Placement
.menu#### {
	background: url("####.gif") no-repeat 9px 4px;
}
*/

.clock {
	font-weight: bold;
	font-size: 7pt;
	text-transform: none;
	padding: 6px 15px 0px 0px;
	margin: 0px;
	float: right;
	height: 19px;
	display: inline;
	color: #888888;
}

.headertext {
	color: #FFFFFF;
	font-size: 13pt;
	text-align: left;
	padding: 6px 0px 6px 15px;
	background: url("headertextgrad.gif") repeat-x;
}

.headertext table {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.headertext td {
	width: 375px;
}





/* infobar settings */

.infobar {
	padding: 0px;
}

.infobar table {
	width: 650px;
	background: #303030;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 40px;
	padding: 0px;
	text-align: left;
	border-spacing: 0px;
	border: 0px;
}

.infobar .infoicon {
	height: 19px;
	background: #696969 url("infoicon.gif") no-repeat 4px 2px;
	padding: 0px 0px 0px 23px;
	font-size: 7pt;
	border: 1px #888888 solid;
}

.infobarnew {
	color: #FF0000;
	font-size: 9pt;
	font-weight: bold;
}

.infobarnewtext {
	font-size: 9pt;
	color: #969696;
	padding: 0px 0px 0px 25px;
}

.infobarinfo {
	font-size: 8pt;
	font-weight: bold;
	color: #33CC33;
}

.infobarmusic {
	color: #FF9900;
	font-size: 8pt;
	font-weight: bold;
}

.infobar .home {
	padding: 3px 0px 3px 23px;
	border-left: 1px #996633 solid;
	border-right: 1px #996633 solid;
	border-bottom: 1px #996633 solid;
}

.infobar .poetry {
	padding: 3px 0px 3px 23px;
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	border-bottom: 1px #336699 solid;
}

.infobar .music {
	padding: 3px 0px 3px 23px;
	border-left: 1px #CC00CC solid;
	border-right: 1px #CC00CC solid;
	border-bottom: 1px #CC00CC solid;
}

.infobar .profile {
	padding: 3px 0px 3px 23px;
	border-left: 1px #660066 solid;
	border-right: 1px #660066 solid;
	border-bottom: 1px #660066 solid;
}

.infobar .history {
	padding: 3px 0px 3px 23px;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}





/* footer element settings */

.footer {
	color: #888888;
	font-size: 7pt;
	margin-top: 50px;
	padding: 8px 0px 10px 0px;
	background: #000000 url("footergrad.gif") repeat-x;
	border: 0px;
	line-height: 1.5em;
}

.created {
	font-weight: bold;
}

.modified {
	color: #0000FF;
	font-weight: bold;
}

.copyright {
	font-weight: bold;
}

.xhtml a:link, .xhtml a:visited, .xhtml a:active {
	color: #0099FF;
	font-weight: bold;
	border: 0px;
}

.xhtml a:hover {
	border-bottom: 1px dashed #0099FF;
}

.css a:link, .css a:visited, .css a:active {
	color: #33CC33;
	font-weight: bold;
	border: 0px;
}

.css a:hover {
	border-bottom: 1px dashed #33CC33;
}

.author {
	color: #FF9900;
}

.hits {
	color: #CC0000;
	font-weight: bold;
}





/* index.php */

.welcome {
	color: #3399FF;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 5px;
	font-weight: bold;
}

.welcometext {
	font-size: 11pt;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 50px 0px 50px;
}

.welcometextsmall {
	font-size: 9pt;
}

.fusion {
	color: #FFBB99;
	font-size: 13pt;
	font-weight: normal;
}

.italics {
	font-style: italic;
}





/* poetry.php */

.totalpoems {
	color: #6699CC;
	font-size: 8pt;
	line-height: 1.5em;
}

.totalstories {
	color: #FF3333;
	font-size: 8pt;
	line-height: 1.5em;
}

.poemcount {
	color: #6699FF;
	font-size: 8pt;
	font-weight: bold;
}

.storycount {
	color: #FF3366;
	font-size: 8pt;
	font-weight: bold;
}

.poemlist {
	width: 350px;
	padding-right: 50px;
}

.poemlist a:link, .poemlist a:visited, .poemlist a:active {
	color: #336699;
	border: 0px;
}

.poemlist a:hover {
	color: #6699CC;
	border-bottom: 1px dashed #6699CC;
}

.poetryheader {
	color: #6699CC;
	background: #000033;
	padding: 3px 0px 3px 10px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #555555;
}

.storiesheader {
	color: #FF3333;
	background: #330000;
	padding: 3px 0px 3px 10px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #555555;
}

.storylist {
	width: 350px;
	padding-right: 50px;
}

.storylist a:link, .storylist a:visited, .storylist a:active {
	color: #990000;
	border: 0px;
}

.storylist a:hover {
	color: #FF3333;
	border-bottom: 1px dashed #FF3333;
}

.frontpoem {
	width: 250px;
	color: #696969;
	text-align: left;
}

.poemcaps {
	color: #770000;
	font-size: 13pt;
	font-weight: bold;
	padding-right: 3px;
}





/* poetry/story year pages */

.poemback {
	text-align: right;
	padding: 0px;
	margin: 0px;
}

.poemback a:link, .poemback a:visited, .poemback a:active {
	color: #99CCFF;
	font-size: 7pt;
}

.poemback a:hover {
	color: #FF9900;
}

.poemtitle {
	color: #FF0000;
	font-size: 10pt;
	font-weight: bold;
}

.poemdate {
	color: #FF00FF;
	font-size: 7pt;
}

.poemtext {
	font-size: 8pt;
	line-height: 1.5em;
}

.poemspace {
	height: 60px;
}

.poemcopyright {
	color: #FFFF00;
	font-size: 7pt;
	font-weight: bold;
}

.poemsmallfont {
	font-size: 7pt;
}

.storytable {
	width: 650px;
	margin: 0px 50px 0px 50px;
	padding: 0px;
	border: 0px;
}

.storytitle {
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}

.storydate {
	color: #6699FF;
	font-size: 7pt;
}

.storytext {
	font-size: 8pt;
	line-height: 1.5em;
	text-align: left;
}





/* infobarnewtext.php */

.infobarnewtext a:hover {
	border-bottom: 1px dashed #CCCCCC;
}





/* music.php */

.musictable {
	width: 650px;
	margin: 0px 50px 0px 50px;
	padding: 0px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

.musiccat {
	width: 150px;
	padding: 10px 0px 10px 0px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
}

.musicdate {
	width: 85px;
	padding: 10px 0px 10px 15px;
	color: #FF00FF;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.musicdetails {
	width: 385px;
	padding: 10px 0px 10px 15px;
	font-size: 8pt;
	text-align: left;
}





/* profile.php */

.profiletable {
	width: 650px;
	margin: 0px 50px 0px 50px;
	padding: 0px;
	border: 1px solid #555555;
	line-height: 1.5em;
}

.profileshadow {
	background: #333333;
}

.aboutdetailsleft {
	width: 170px;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	text-align: left;
	color: #66CCFF;
	font-weight: bold;
	font-size: 8pt;
}

.aboutdetailsright {
	margin: 10px 0px 10px 0px;
	padding-left: 30px;
	text-align: left;
	font-size: 8pt;
}

:hover#aboutblog {
	color: #FF9900;
}





/* history.php */

.historytable {
	width: 650px;
	margin: 0px 50px 0px 50px;
	padding: 0px;
	border: 1px solid #555555;
	line-height: 1.5em;
}

.historyyear {
	padding: 3px 0px 3px 10px;
	background: #444444;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

.historyimpdate {
	width: 100px;
	padding: 3px 0px 3px 10px;
	color: #6699CC;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.historynormdate {
	width: 100px;
	padding: 3px 0px 3px 10px;
	color: #6699CC;
	font-size: 8pt;
	text-align: left;
}

.historyrecentdate {
	width: 100px;
	padding: 3px 0px 3px 10px;
	color: #33CC33;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.historycomments {
	padding: 3px 0px 3px 30px;
	text-align: left;
	font-size: 8pt;
}

.historyurls {
	border-bottom: 1px dashed #CCCCCC;
}

.historydaniels {
	color: #996600;
	font-weight: bold;
}

.historydycentral {
	color: #993399;
	font-weight: bold;
}

.historyfusion {
	color: #CC0000;
	font-weight: bold;
}

.historybold {
	color: #FFFFFF;
	font-weight: bold;
}