@media screen {
* {
	background-color: transparent;
	border: 0px solid #999;
	color: #fff;
	font-size: 12px; font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
body {
	 background: #000 url("images/pcdj.jpg") 0 0 no-repeat fixed; 
	/* background: #000 url("backgrounds/rotator.php") 50% 50% no-repeat fixed; */
	/* background: #000 url("images/blueTrees.jpg") 0 0 no-repeat fixed; original-line*/
	/* background: #000 url("images/rotate.php") 50% 50% no-repeat fixed; */
	text-align: center;
}

/* ########## Blocks, id and class ########## */

#toggleMenu {float: right; margin-right: 10px; color: #fff;}

#body {width: 100%;}
#Page {height: 100%; width: 100%;}
#Header {width: 100%;}
/* #Header ul li {display: inline; list-style: none;} */
#Footer {width: 100%;}
#MenusLeft {width: 220px; text-align: center; vertical-align: top;}
#MenusRight {width: 220px; text-align: center; vertical-align: top;}
#ContentBody {vertical-align: top;}
.Menu {}

.graphicTable {height:auto; width:100%; text-align: center; vertical-align: top;}
.graphicTopLeftCorners img {display: block; height: 37px; width: 40px;}
.graphicTopRightCorners img {display: block; height: 37px; width: 40px;}
.graphicBottomLeftCorners img {display: block; height: 46px; width: 40px;}
.graphicBottomRightCorners img {display: block; height: 46px; width: 40px;}

.graphicTop {height: 37px; width: 100%;}
.graphicBottom {height: 46px; width: 100%;}
.graphicLeft {height: 100%; width: 40px;}
.graphicRight {height: 100%; width: 40px;}
.graphicFill {height: 100%; width: 100%;}


html > body .graphicTop {background: transparent url("images/top.png") repeat-x;}
html > body .graphicBottom {background: transparent url("images/bottom.png") repeat-x;}
html > body .graphicLeft {background: transparent url("images/left.png") repeat-y;}
html > body .graphicRight {background: transparent url("images/right.png") repeat-y;}
html > body .graphicFill {background: transparent url("images/fill.png") repeat;}

.customMenu * {text-indent: 0px;}
.customMenu strong {text-indent: 0px;}
.customMenu ul li {list-style: none;}

/* .listMenu li ul {
	position: relative;
	right: 156px; Set 1px less than menu width
	top: 0; margin-top:5px;
	display: block;
}  */
/* .listMenu li:hover ul, li.over ul { display: block; } The magic */

.listMenu {list-style: none;}
.listMenu li:hover {background: transparent url("images/fillBlue.png") repeat;}
.listMenu strong {padding-right: 3px;}
.listMenu a:hover {background: transparent; border: 0;}
.listMenu li {border: 1px solid #ccc; margin: 1px;}
.listMenu ul li {text-indent: 10px;}
#currentpage {background: transparent url("images/fillBlue.png") repeat;}

.tw3kMenu {list-style: none;}
.tw3kMenu strong {padding-right: 3px;}
.tw3kMenu a:hover {background: transparent; border: 0;}
.tw3kMenu li {border: 1px solid #ccc; margin: 1px;}
.tw3kMenu ul li {text-indent: 10px; width:160px;}
.tw3kMenu ul li:hover {background: transparent url("images/fillBlue.png") repeat;}

.displayNone {display: none;height:0px;width:0px;}
.printNone {}

/* ########## Elements ########## */

ul.MainMenuLinks li {list-style: none; display: inline;}
ul.MainMenuLinksCurrentPage li {list-style: none; display: inline;}
a.MainMenuLinks {border: 1px solid #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:link {border: 1px solid #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:visited {border: 1px solid #ccc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:hover {border: 1px solid #ffc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinks:active {border: 1px solid #ffc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage {border: 1px solid #ffc; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage:visited, a.MainMenuLinksCurrentPage:hover, a.MainMenuLinksCurrentPage:active {border: 1px solid #ffc; text-decoration: none; padding: 0px 10px 0px 10px;}

a img {padding: 0;}
a {padding: 0 3px; text-decoration: none;}
a:link { padding: 0 3px;}
a:visited { padding: 0 3px;}
html > body a:hover {background: transparent url("images/fillBlue.png") repeat; padding: 0 3px;}
html > body a.MainMenuLinksCurrentPage {background: transparent url("images/fillBlue.png") repeat; padding: 0 3px;}

h1 a:hover {text-indent: 30px; font-size: 16px; padding-bottom:10px;}
h1 a:first-letter {color: #333; font-size: 20px; font-weight: bold;}
p a:hover {text-indent: 30px;}
p a:first-letter {font-size: 16px; font-weight: bold;}

p {text-indent: 30px;}
p:first-letter {font-size: 16px; font-weight: bold;}
h1 {text-indent: 30px; font-size: 16px;}
h1:first-letter {font-size: 20px; font-weight: bold;}
h2 {text-indent: 30px; font-size: 16px;}
h2:first-letter {font-size: 20px; font-weight: bold;}
h3 {text-indent: 30px; font-size: 16px;}
h3:first-letter {font-size: 20px; font-weight: bold;}
h4 {text-indent: 30px; font-size: 16px;}
h4:first-letter {font-size: 20px; font-weight: bold;}
h5 {text-indent: 30px; font-size: 16px;}
h5:first-letter {font-size: 20px; font-weight: bold;}
h6 {text-indent: 30px; font-size: 16px;}
h6:first-letter {font-size: 20px; font-weight: bold;}
strong {text-indent: 30px; font-size: 16px; padding-bottom:10px;}
strong:first-letter {font-size: 20px; font-weight: bold;}

/*html > body textarea.tbox {background: transparent url("images/fill.png") repeat; border: 1px solid #999; padding: 3px; cursor: text;}
textarea.tbox:hover {background: transparent url("images/fillBlue.png") repeat; cursor: text;}
html > body input.tbox {background: transparent url("images/fill.png") repeat; border: 1px solid #999; padding: 3px; cursor: text;}
input.tbox:hover {background: transparent url("images/fillBlue.png") repeat; cursor: text;}
*/
html > body .tbox {background: transparent url("images/fill.png") repeat; border: 1px solid #999; padding: 3px; cursor: text;}
html > body .tbox:hover {background: transparent url("images/fillBlue.png") repeat; cursor: text;}

#Search input.tbox {float: right;}
#Search input.button {float: right;}
#Logo {text-align: left; padding-top: 5px; padding-left: 5px;}
#Title {position: absolute; top: 30px; padding-left:170px;}

} /* EOF */


/* ########## e107 Core ########## */

@media all {
/* ########## Layout Blocks and core classes ########## */
.ContentBody td.fcaption strong {color: #fff;} /* calendar */

/* Menu table style */

#MenusLeft .fborder {font-size: 6px;}
#MenusLeft .forumheader3 {font-size: 6px;}
#MenusLeft td.smalltext {text-align:left;}
#MenusRight table.fborder {font-size: 3px;}
#MenusRight .graphicTable .forumheader3 a {font-size: 10px;}
#MenusLeft .graphicTable .forumheader3 a {font-size: 10px;}
#MenusRight td.smalltext {text-align:left;}

/* ########## Start core id ########## */

#Clock {float: right; margin-right: 10px; vertical-align:top; font-family: Arial, sans-serif;}
#chatbox input {}
#chatbox .tbox {width: 90%; margin: 3px;}
#chatbox .button {}

#dataform {text-align: left; width: 90%;}
#dataform > * {text-align: left; width: 90%;}
#dataform  textarea.tbox {width: 90%;}
#dataform input.tbox {width:90%;}
#dataform input.helpbox {width: 90%;}
#dataform .fborder {border: 0px;}/* border off around content submit */
#dataform .forumheader {border: 0px;}
#dataform .forumheader3 {border: 0px;}

/* ########## Start core Classes ########## */

.helpbox {cursor: help;}

.indent {}
select.tbox {width: 100%;}
option.tbox {background: transparent; width: 100%;}

.button { background:transparent; border: 1px solid #ccc; cursor: pointer; padding: 1px; margin:2px;}
.button:hover {background: transparent url("images/fillBlue.png") repeat; border: 1px solid #ffc; padding: 1px;}

.smalltext {font-size: 10px; color: #ccc;}
.smalltext a {font-size: 10px;}
.smallblacktext {color: #fff; font-size: 12px;}
.mediumtext {font-size: 12px;}
.largetext {font-size: 16px;}

/* Gerneral table style */

.fborder {border: 1px solid #ccc; width: 100%;}
.nforumholder {border: 1px solid #ccc;}
.nforumcaption {border: 1px solid #ccc;}
.nforumcaption2 {border: 1px solid #ccc;}
.nforumcaption3 {border: 1px solid #ccc;}
.nforumcaption4 {border: 1px solid #ccc;}
.nforumcaption5 {border: 1px solid #ccc;}
.nforumview {border: 1px solid #ccc;}
.nforumview2 {border: 1px solid #ccc;}
.nforumview3 {border: 1px solid #ccc;}
.nforumview4 {border: 1px solid #ccc;}
.nforumview5 {border: 1px solid #ccc;}
.forumheader {border: 1px solid #ccc;}
.forumheader2 {border: 1px solid #ccc;}
.forumheader3 {border: 1px solid #ccc;text-align: left;}
.forumheader4 {border: 1px solid #ccc;}
.forumheader5 {border: 1px solid #ccc;}

} /* EOF */