@media screen {

	* {
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	html {
		background:black;
		color:white;
	}
	
	body {
		background:grey;
		color:white;
	}

	acronym {
		border-bottom:1px dotted;
		cursor:help;
	}

	#titlebar {
		height:60px;
		width:100%;
		background:black url('../decal/bdTitle.png') repeat-x;
	}
	
	#titlebar .left {
		float:left;
		height:60px;
		width:316px;
	}
	
	#titlebar .right {
		float:right;
		height:60px;
		width:49px;
	}
	
	#navigation {
		clear:both;
		width:100%;
		padding:2px 0px 0px 0px;
		background:#cc0000 url('../decal/bdNavigate.png') repeat-x;
		color:white;
		font-family:sans-serif;
		font-weight:600;
	}
	
	#navigation a {
		padding:1px 2px;
		border:1px solid transparent;
		color:#ffff00;
		text-decoration:none;
	}
	
	#navigation a:hover {
		background:#cc0000 url('../decal/bdNavigateSel.png') repeat-x;
		border:1px solid black;
		border-top:1px solid transparent;
		color:#ffff88;
	}
	
	#navigation ul {
		list-style:none;
	}

	#navigation li {
		display:inline;
	}
	
	#userControl {
		padding:2px 4px;
		background:#660000 url('../decal/bdUser.png') repeat-x;
		color:white;
		font-family:sans-serif;
	}

	#userControl a {
		color:#ffff00;
		text-decoration:none;
	}

	#userControl a:hover {
		color:#ffff88;
	}
	
	#userControl input {
		padding:0.25em 0.5em;
		border:1px solid black;
		background:#990000 url('../decal/bdUCInput.png') repeat-x;
		color:white;
	}
	
	#userControl input:focus {
		background:#990000 url('../decal/bdUCInputSel.png') repeat-x;
	}
	
	#userControl input[type="submit"] {
		background:#990000 url('../decal/bdUCSubmit.png') repeat-x;
		color:white;
	}

	#userControl input[type="submit"]:hover, #userControl input[type="submit"]:focus {
		background:#990000 url('../decal/bdUCSubmitSel.png') repeat-x;
	}
	
	#content {
		width:100%;
		padding:1% 0%;
 		background:grey url('../decal/bdContent.png') repeat-x
 	}

	#article {
		width:67%;
		float:left;
		margin:0% 1%;
		background-color:transparent;
		color:white;
	}

	#article h1, #article h2, #article h3 {
		font-family:sans-serif;
	}
	
	#article textarea {
		font-family:serif;
	}
	
	#article form {
		padding:0.25em 0.5em;
		border:1px solid black;
		background:#e6e6e6 url('../decal/bdForm.png') repeat-x;
		color:black;
	}
	
	#article form div {
		margin-top:3pt;
		display:block;
		clear:left;
	}
	
	#article label {
		display:block;
		float:left;
		width:8em;
	}

	#article label[name="tac"] {
		width:auto;
		margin-left:0.25em;
	}
	
	#article input, #article textarea {
		float:left;
		padding:0.25em 0.5em;
		border:1px solid black;
		background:#e6e6e6 url('../decal/bdFormInput.png') repeat-x top;
	}
	
	#article select {
		float:left;
		margin:0.25em 0.5em;
		border:1px solid black;
		background:#e6e6e6 url('../decal/bdFormInput.png') repeat-x top;	
	}

	#article input:focus, #article textarea:focus {
		background:#f0f0f0 url('../decal/bdFormInputSel.png') repeat-x top;		
	}
	
	#article input[type="text"], #article input[type="password"] {
		margin:0em 2em 0.25em 0.5em;
	}

	#article input[type="submit"] {
		margin-top:0.5em;
		border:1px solid black;
	   background:#c3c3c3 url('../decal/bdButton.png') repeat-x top;
		color:black;
	}

	#article input[type="submit"]:focus, #article input[type="submit"]:hover {
	   background:#d8d8d8 url('../decal/bdButtonSel.png') repeat-x top;
	}

	#article .error {
		background:#ff0000 url('../decal/bdFormInputError.png') repeat-x top;
		color:white;
	}

	#article .error:focus {
		background:#f79494 url('../decal/bdFormInputErrorSel.png') repeat-x top;
		color:black;
	}

	
	.pageSelect {
		margin:0.25em 0.25em;
		background:transparent;
		color:silver;
	}
	
	.pageSelect a {
		margin-right:0.5em;
		color:black;
	}
	
	.pageSelect a:hover {
		text-decoration:none;
	}
	
	#sideBar {
		width:30%;
		float:right;
		margin:0% 1% 0% 0%;
		background-color:transparent;
		color:white;		
	}
	
	#sideBar .discuss {
		margin:1pt 3pt 1pt 6pt;
		float:right;
	}
	
	.panel {
		margin:6pt 0;
		border:1px solid black;
		background:#f7f7f7 url('../decal/bdPanelTop.png') repeat-x top;
		color:black;
	}

	.panelTopStickyArticle {
		margin:6pt 0;
		border:1px solid black;
		background:#f7f7f7 url('../decal/bdPanelTopStickyArticle.png') repeat-x top;
		color:black;
	}

	.panelComment {
		margin:6pt 0;
		border:1px solid black;
		background:#f7f7f7 url('../decal/bdPanelTopComment.png') repeat-x top;
		color:black;
	}

	.panelCommentMaxIndent {
		margin:6pt 0;
		border:1px solid black;
		background:#f7f7f7 url('../decal/bdPanelTopCommentMI.png') repeat-x top;
		color:black;
	}
	
	.panelTop {
		float:right;
		padding:2pt 3pt;
		font-family:sans-serif;
		font-weight:550;
		font-size:9pt;
		text-align:right;
		color:grey;
	}

	.panelHeader {
		padding:2pt 3pt;
		font-family:sans-serif;
		font-size:12pt;
		font-weight:600;
	}

	.panelBody {
		background:#f7f7f7;
		padding:3pt;
		font-family:serif;
		font-size:10pt;
	}
	
	.panelBody h1, .panelBody h2, .panelBody h3, .panelBody h4, .panelBody h5, .panelBody h6 {
		padding:0;
	}
	
	.panelBody h1 {
		font-size:18pt;
	}
	
	.panelBody h2 {
		font-size:16pt;
	}
	
	.panelBody h3 {
		font-size:14pt;
	}
	
	.panelBody h4 {
		font-size:12pt;
	}
	
	.panelBody h5 {
		font-size:11pt;
	}

	.panelBody h6 {
		font-size:10pt;
	} 
	
	.panelBody h1, .panelBody h3, .panelBody h5 {
		font-weight:800;
	}

	.panelBody h2, .panelBody h4, .panelBody h6 {
		font-weight:600;
	}
	
	.panelBody p, .panelBody img {
		padding-bottom:6pt;
	}
	
	.panelBody ul {
		padding:0pt 3pt 6pt 1.25em;
	}

	.panelBody a:hover, .panelDip a:hover {
		text-decoration:none;
	}

	.panelBody hr {
		clear:both;
		margin-top:2pt;
		background-color:#dddddd;
		color:#dddddd;
		height:1px;
	}
	
	.panelBody blockquote, .panelBody pre {
		margin-bottom:6pt;
		padding:3pt;
		border:1px solid grey;
		background:#e6e6e6 url('../decal/bdFormInput.png') top repeat-x;
	}
	
	.panelBody pre {
		max-height:320px;
		overflow:auto;
		font-family:monospace;
	} 

	.panelBody table {
		border-collapse:collapse;
		border:1px solid silver;
	}
	
	.panelBody th {
		padding:1pt 3pt;
		border:1px solid black;
		border-left:1px solid grey;
		border-right:1px solid silver;
		background:#e6e6e6 url('../decal/bdFormInput.png') repeat-x top;
		color:black;
		font-family:sans serif;
		text-align:left;
	}

	.panelBody tr {
		border-left:1px solid grey;
		border-right:1px solid silver;
	}
	
	.panelBody tr:hover {
		background:#ffeeee url('../decal/bdTableSel.png') bottom repeat-x;
	}
	
	.panelBody td {
		padding:1pt 3pt;
		border-bottom:1px solid black;
	}

	.panelDip {
		clear:both;
		background:#f7f7f7 url('../decal/bdPanelBottom.png') repeat-x bottom;
		padding:2pt 2pt 4pt;
		font-family:serif;
		font-size:9pt;
		font-style:italic;
		text-align:right;
	}

	.panelFooter {
		text-align:right;
		background:#e6e6e6 url('../decal/bdPanelInset.png') repeat-x top;
		padding:3px 2px 3px;
		font-size:14px;
	}
	
	.panelFooter li {
	   display:inline;
		margin-left:0.5em;
		padding:2px 18px 1px 2px;
		border:1px solid transparent;
	}
	
	.panelFooter li a {
		text-decoration:none;
	}
	
	.panelFooter li:hover {
		border:1px solid black;
	}

	.panelFooter li a:hover {
	   background:#f7f7f7 url('../decal/bdButtonSel.png') repeat-x top;
	}

	.panelFooter li.home {
	   background:transparent url('../icon/Home.png') no-repeat right;
		vertical-align:text-bottom;
	}
	
	.panelFooter li.feed {
	   background:transparent url('../icon/RSS.png') no-repeat right;
		vertical-align:text-bottom;
	}
	
	.panelFooter li.discuss {
	   background:transparent url('../icon/Discuss.png') no-repeat right;
		vertical-align:text-bottom;
	}	

	.panelFooter li.post {
	   background:transparent url('../icon/Post.png') no-repeat right;
		vertical-align:text-bottom;
	}

	.panelFooter li.critique {
	   background:transparent url('../icon/Critique.png') no-repeat right;
		vertical-align:text-bottom;
	}

	.panelFooter li.report {
	   background:transparent url('../icon/Report.png') no-repeat right;
		vertical-align:text-bottom;
	}

	.panelFooter li.attach {
	   background:transparent url('../icon/Attach.png') no-repeat right;
		vertical-align:text-bottom;
	}	

	.panelFooter li.read {
	   background:transparent url('../icon/Read.png') no-repeat right;
		vertical-align:text-bottom;
	}

	.panelFooter li.pop {
	   background:transparent url('../icon/HomePage.png') no-repeat right;
		vertical-align:text-bottom;
	}

	.avatar {
		float:right;
	}

	table.attachments {
		border-collapse:collapse;
	}

	.attachments th {
		padding:1pt 3pt;
		border:1px solid black;
		border-left:1px solid grey;
		border-right:1px solid silver;
		background:#e6e6e6 url('../decal/bdFormInput.png') repeat-x top;
		color:black;
		font-family:sans serif;
		text-align:left;
	}
	
	.attachments td {
		padding:1pt 3pt;
		border-bottom:1px solid black;
	}

	.attachments tr {
		border-left:1px solid grey;
		border-right:1px solid silver;
	}

	.attachments tr:hover {
		background:#ffeeee url('../decal/bdTableSel.png') bottom repeat-x;
	}

	.required {
		color:red;
	}
	
	.errorBox {
		margin:0% 1%;
		padding:0.25em 0.5em;
		border:1px solid black;
		background:#cc0000 url('../decal/bdError.png') repeat-x;
		color:yellow;
	}
	
	.errorBox a {
		color:#ccffff;
	}
	
	.errorBox img {
		margin:0 0.5em 0 0;
		vertical-align:text-bottom;
	}

	#footer {
		padding:4px 4px 2px;
		clear:both;
		background:#330000 url('../decal/bdFooter.png') repeat-x;
		color:silver;
		font-family:sans-serif;
		text-align:center;
	}
	
	#footer a {
		color:#d2b48c;
		text-decoration:none;
	}

} /* @media screen */