body {
	margin: 0px;
	padding: 0px;	
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	background: #FFFFFF;
}

#wrapper {
	width: 100%;
	/*margin: 15px 0;*/
	margin: 0px 0;
	text-align: center;
	
}

#IE7Root #wrapper {
	font-size: small;
}

#IE6Root #wrapper {
	font-size: small;
}

#content {
	text-align: left;
	background: #FFFFFF;
	/*width: 95%;*/
	width: 100%;
	margin: auto;
}

#header {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#donkphant {
	width: 200px;
	margin-top:-30px;
	margin-left: -35px;
	padding-bottom:20px;
}

#IE7Root #donkphant {
	width: 200px;
	margin-top:-32px;
	margin-left: -35px;
	padding-bottom:0px;
}

#IE6Root #donkphant {
	position: absolute;
	top: 5px;
	left: 70%;
	width: 200px;
	margin-top: 0px;
	margin-left: -5px;
	z-index: 50;
}

#aboutfaq {
	color: #000000;
}

#aboutfaq dt {
	color: #000000;
}

#tagline {
	font-size: 65%;
	font-style: italic;
}	

#blockout {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid black;
	padding: 5px;
        width: 100%;
	height: 400%;
	background: #efefef;
	z-index: 50;
	filter:alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60; 
}

.profileinfo {
	padding: 10px;
}

.profileinfo a, dt {
	font-weight: bold;
	color: #000000;
}

.profileform dt {
	color: #000000;
	font-weight: bold;
}

#loginhover {
	position:absolute;
	z-index:100;
	top:200px;
	left:30%;
	border:1px solid black;
	background: #800080;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#profilehover {

	position: absolute;
	z-index: 100;
	width: 80%;
	top: 50px;
	left: 10%;
	border:1px solid black;
	color: #FFFFFF;
	/*background: #800080;*/
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#header #profilelinks {
	padding: 5px;
        margin-top: 30px;
        margin-left: 50%;
	margin-bottom: 10px;
	width: 55px;
	font-size: 75%;
}

#leftcol {
	margin: 10px 0px;
	padding: 0px;
	float: left;
	border: 1px solid #0000FF;	
	width: 15%;
}

#IE7Root #leftcol {
	position: relative;
	top: 30px;
	font-size: .9em;
	padding-left: 3px;
}

#IE7Root #leftcol a {
	position: relative;
	left: 20px;	
}

#rightcol {
	margin: 10px 0px;
	padding: 0px;
	float: right;
	border: 1px solid #FF0000;
	width: 15%;
}

#IE7Root #rightcol {
	position: relative;
	top: 30px;
	font-size: .9em;
	padding-left: 3px;
}

#IE7Root #rightcol a {
	position: relative;
	left: 20px;	
}

#maincontent {
	clear: both;
	position: relative;
	top: -150px;
	text-align: left;
	padding: 0px;
	margin: auto;
	width: 65%;	
}

#IE7Root #maincontent {
	position: relative;
	top: 30px;
	text-align: left;
        padding: 0px;
        margin: auto;
        width: 65%;
}

#IE6Root #maincontent {
	position: absolute;
	top: 220px;
	width: 60%;
}

#maintcontent #submissions {
	text-align: center;
	margin: auto;
}

#submissions .voteblue {
	text-align: center;
	color: #0000FF;
	font-weight: bold;
	margin: auto;
	padding: 0px;	
}

#submissions .votered {
	margin: 0px 5px;
	padding: 10px;
}

#submissions .votelinks {
	float: left;
	padding-top: 5px;
	margin: 15px 0px 0px 5px;
	font-size: 85%;
	width: 3%;
}

#submissions .votelinks-voted {
	color: gray;
	float: right;
	margin: 15px 10px 0px 5px;
	font-size: 85%;
}

#submissions .voteresults {
	float: right;
	font-size: 85%;
}

#submissions #articles {
	width: 95%;
	margin: 0px 0px 0px 5px;
	padding: 0px 15px 0px 15px;
	float: left;
}

#IE6Root #articles {
	width: 98%;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 15px;
	float: left;
}

#submissions form {
	float: left;
	width: 800px;
}

#submissions form dt {
	color: #000000;
}

.submission {
	clear: both;
	float: left;
	width: 94%;
}

#IE6Root .submission {
	clear: both;
	float: left;
	width: 94%;
}

#articles dt {
	padding: 2px;	
}

#articles dd {
	padding: 2px;
	margin-left: 0px;
	margin-bottom: 3px;
	border: 3px solid;	
}

#articles dl {
	margin-bottom: 0px;
}


#footer {
	clear: both;
	color: gray;
	font-size: 75%;	
}

#loginform {
	float: left;
}

#loginform dl {
	color: #FFFFFF;
}

#loginform dt {
	font-weight: bold;
	display:block;
	width:250px;
	margin-left:5px;
}

#loginform dd {
	display: block;
	width: 250px;
}

#loginform input {
	float: left;
	margin: 5px 15px 5px 0px;
}

#loginform a {
	color: #FFFFFF;
}

#profileleft {
	float: left;
	width: 50%;
	text-align: left;
}

#profileright {
	float: right;
	width: 50%;
	text-align: left;
}

#IE7Root #profileleft {
	float: left;
	width: 48%;
	text-align: left;
}

#IE7Root #profileright {
	float: right;
	width: 48%;
	text-align: left;
}

#IE6Root #profileleft {
	float: left;
	width: 48%;
	text-align: left;
}

#IE6Root #profileright {
	float: right;
	width: 48%;
	text-align: left;
}

#profile dt {
	font-weight: bold;
}

.postcommentlink {
	float: right;
	font-size: 75%;
	font-style: italic;
	margin: -10px 5px 2px 5px;
}

#cleardivs {
	clear: both;
}

#comments {
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}

#IE6Root #comments {
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	
}

.replylink {
	float: right;
	font-style: italic;
	font-size: 75%;
	margin-top: -10px;
	margin-bottom: 2px;
	display: block;
}

.commenttext {
	margin-bottom: 15px;
}

.submissiontext {
	margin-bottom: 15px;
}

.submitter {
	float: left;
	color: #777777;
	font-style: italic;
	font-size: 70%;
}


.submission_title {
	font-size: 125%;	
	background: url('/images/title-bkg.jpg') top left repeat-y #FFFFFF;
}

.titletext {
        display: -moz-inline-box;
        display: inline-block;
	padding-right: 5px;
        width:60%;
}

.votebar {
        position: relative;
	top: 5px; 
}

.submission_tab {
	float: right;
	width: 100px;
	margin-top: -16px;
	margin-right: -2px;
	color: #FFFFFF;
	font-size: 80%;
	padding: 2px;
	text-align: center;
}

#IE7Root .submission_tab {
	float: right;
	width: 100px;
	margin-top: -18px;
	margin-right: 0px;
	color: #FFFFFF;
	font-size: 80%;
	padding: 2px;
	text-align: center;
}

#IE6Root .submission_tab {
	float: right;
	width: 100px;
	margin-top: -18px;
	margin-right: 0px;
	color: #FFFFFF;
	font-size: 80%;
	padding: 2px;
	text-align: center;
}

.comment_title {
	font-style: italic;
	background: url('/images/title-bkg.jpg') top left repeat-y #FFFFFF;
	color: #000000;
}

.comment_tab {
        float: right;
	width: 100px;
	margin-top: -17px;
        padding-bottom: 2px;
	margin-right: -2px;
	color: #FFFFFF;
	font-size: 113%;
        font-style: normal;
	text-align: center;
}

#IE7Root .comment_tab {
        float: right;
	width: 100px;
	margin-top: -17px;
        padding-bottom: 2px;
	margin-right: 0px;
	color: #FFFFFF;
	font-size: 90%;
        font-style: normal;
	text-align: center;
}

#IE6Root .comment_tab {
        float: right;
	width: 100px;
	margin-top: -17px;
        padding-bottom: 2px;
	margin-right: 0px;
	color: #FFFFFF;
	font-size: 90%;
        font-style: normal;
	text-align: center;
}

.fieldlabel {
	font-weight: bold;
	display: inline;
	float: left;
	margin-top: 8px;
}

.formfield {
	display:inline;
	float: left;
}

a {
	color: #777777;
	text-decoration: underline;
	font-weight: bold;
}

/** EXPERIMENTING **/
#headerimage {
	text-align: left;
        width: 100%;
        background: #800080;
        color: #FFFFFF;
        font-size: 250%;
        font-weight: bold;
        margin: auto;
        padding: 0px;
        margin-bottom: -30px;
}

#headerimage .sitetitle {
        background: url('/images/hdr_btm_left.jpg') bottom left no-repeat;
        margin: 0px;
        padding: 25px 25px;
        font-size: 150%;
}
                
#headerimage .rightcorner {
        float:right;
        width: 200px;
        margin-top: -61px;
        padding-bottom: 25px;
        background: url('/images/hdr_btm_right.jpg') top right no-repeat;
}

#IE7Root #headerimage .rightcorner {
        float:right;
        width: 200px;
        margin-top: -61px;
        padding-bottom: 0px;
        background: url('/images/hdr_btm_right.jpg') top right no-repeat;
}

#IE6Root #headerimage .rightcorner {
        margin-top: -63px;
	margin-bottom: -1px;
        padding-bottom: -2px;
        background: url('/images/hdr_btm_right.jpg') top right no-repeat #FFFFFF;
}

#navbar {
        position: relative;
        top: -50px;
	clear:both;
	text-align: center;
	margin: auto;
        width: 100%;
}

#IE7Root #navbar {
	position: relative;
	top: 30px;
	clear:both;
	text-align:center;
	margin:auto;
	width:100%;
}

#navbar ul.menulist {
	list-style: none;
	text-align: center;
        width: 100%;
        margin: 10px 30px;
}

li.menuitem {
	float: left;
        font-size: 1.3em;
	margin: 0px 15px;
}

li.menuitem a {
	text-decoration: none;
	display: block;
}

li.menuitem a:hover {
	background-color: #800080;
	color: white;