@media screen {
* {
	background-color: transparent;
	border: 0px solid #999;
	color: #000;
	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/background.jpg") 50% 50% no-repeat fixed; */
	/* background: #000 url("backgrounds/rotator.php") 50% 50% no-repeat fixed; */
	background: silver;
	text-align: center;
	margin: 10px;
}

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

#toggleMenu {float: right; padding-right: 3px;}

#body {width: 100%;}
#Page {height: 100%; width: 100%;}
#Header {display: none !important;}
#Header ul li {display: inline; list-style: none;}
#Footer {}
#Footer img {display: none !important;}
#MenusLeft {display: none !important;}
#MenusRight {display: none !important;}
#ContentBody {vertical-align: top;}
.Menu {display: none;}

.graphicTable {height:auto; width:100%; text-align: center; vertical-align: top;}
.graphicTopLeftCorners img {display: none;}
.graphicTopRightCorners img {display: none;}
.graphicBottomLeftCorners img {display: none;}
.graphicBottomRightCorners img {display: none;}
html > body .graphicTop {display: none;}
html > body .graphicBottom {display: none;}
html > body .graphicLeft {display: none;}
html > body .graphicRight {display: none;}
html > body .graphicFill {}
.graphicFill {width: 100%; background: #fff; border: 1px solid #999; padding: 10px;}

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

.displayNone {display: none;height:0px;width:0px;}
.printNone {}
.smalltext {font-size: 10px;}
.smalltext a {font-size: 10px;}
.smallblacktext {color: #666; font-size: 12px;}
.mediumtext {font-size: 12px;}
.largetext {font-size: 16px;}

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

ul.MainMenuLinks 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 #999; border-bottom: 1px solid silver; color: #000; text-decoration: none; padding: 0px 10px 0px 10px;}
a.MainMenuLinksCurrentPage:hover {border: 1px solid #999; border-bottom: 1px solid silver; color: #000; 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;}

a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  content: "<" attr(href) ">";
  padding-left: 1ex;
}
abbr:after, acronym:after {
	content:" [" attr(title) "] ";
	font-variant:small-caps;
}

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 */

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

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

#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; cursor: pointer; padding: 0px  2px  0px 2px; margin:2px; border-top-color: #666; border-right-color: #333;border-bottom-color: #333; border-left-color: #666;}
.button:hover {background: transparent url("images/fillBlue.png") repeat; border-top-color: #333; border-right-color: #666; border-bottom-color: #666; border-left-color: #333;}

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

/* Gerneral table style */

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

} /* EOF */