body {
	font-size:80%;
	font-family:Arial, default;
	voice-family: "\"}\""; voice-family:inherit;
	background:#fff url(images/bg.gif) repeat-y top center;/**/
}

* {
	padding:0;
	margin:0;
}

.clear {
	clear:both;
	height:1px;
}

.error {
	color:#C5BB9B;
	padding:0.4em;
	margin:0.1em;
	background:#453C23;
	position:relative;
}

.error img {
	margin-right:0.4em;
}

.error strong {
	color:#fff;
}

li {
	list-style-type:none;
} 

fieldset {
	padding:0.4em;
	margin:0.2em;
	border:1px solid #352906;
}

fieldset legend {
	color:#C5BB9B;
	font-size:0.8em;
	padding:0.3em;
}

fieldset p {
	margin:0.3em;
}

fieldset label {
	float:left;
	text-align:right;
	width:10em;
	padding:0.2em;
}

fieldset div,
fieldset center {
	clear:both;
	color:#836F5A;
	font-size:0.9em;	
	margin:0.2em;
}

fieldset input {
	font-size:0.9em;
	padding:0.1em;
}

fieldset .frmreq {
	color:#F93737;
}

fieldset .frmbtn {
	padding:0.3em 0.3em 0.3em 10.3em;
}

blockquote {
	color:#555;
	font-style:italic;
	padding:0.3em 0.5em 0.5em 0.5em;
	padding-left:33px;
	margin:0 0 0.3em 0;
	background: url(images/blockquote.gif) no-repeat top left;
}

#wrapper,
#footer {
	margin:0 auto;
	width:64em;
	padding:0 2em 0 2em;
	background:#fff url(images/wrapper-bg.gif) repeat-y top left;
}

#header {
	float:left;
	color:#523E29;
	font-size:0.8em;
	text-align:right;
	width:47.8em;
	padding:0.5em;
	background:#352906;
}

#header a {
	color:#836F5A;
	text-decoration:none;
}

#header a:hover {
	color:#fff;
	text-decoration:underline;
}

#logo {
	clear:left;
	padding:2.5em 0 2.5em 0;
}

#main {
	float:left;
	width:39em;
}

#main h1 {	
	position:absolute;
	top:0.5em;
	color:#836F5A;
	font-size:0.8em;
	text-transform:uppercase;
	padding-left:0.7em;
}

#tabs {
	height:2.8em;
	background:#352906;
}

#tabs li {
	float:left;
	background:transparent url(images/tabs-li-a-bg.gif) no-repeat top right;
}

#tabs li a {
	float:left;
	display:block;
	color:#836F5A;
	text-align:center;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
	padding:1.2em 2em 1.1em 2em;
}

#tabs li a:hover {
	color:#fff;
}

#tabs li a.thish,
#tabs li a.thisa,
#tabs li a.thism {
	color:#fff;
}

#tabs li.members {
	background:none;
}

#latest {
	clear:both;
	padding:1em 0 1em 1em;
	border-top:1px solid #291F02;
	background:#453C23;
}

#latest h2 {
	float:left;
	color:#fff;
	font-size:0.9em;
	width:4.5em;
	padding:0.4em 2em 1.4em 0.7em;
	background:#E63535 url(images/latest-h2-bg.gif) no-repeat top right;
}

#latest #text {
	margin:0 0 0 8em;
	padding:0 1em 1em 0;
}

#latest #text a {
	color:#fff;
}

#latest #details {
	margin:0 0 0 8em;
	padding:0 14em 1em 0;
	background:url(images/details-bg.gif) no-repeat top right;
}

#latest #details h3 {
	font-size:1.4em;
	font-weight:normal;
}

#latest #details h3 a {
	color:#FF752F;
	text-decoration:none;
}

#latest #details h3 a:hover {
	color:#fff;
}

#latest p {
	color:#C5BB9B;
	font-size:0.8em;
	margin:0 0 0.7em 0;
}

#latest #details p.date {
	color:#fff;
	text-transform:uppercase;
	padding:0 0 1em 0;
}

#latest .more {
	height:1em;
	font-size:0.8em;
}

#latest .more a {
	float:right;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:8em;
	padding:0.5em;
	background:#3399FF;
}

#latest .more a:hover {
	color:#3399FF;
	background:#fff;
}

#previous,
#info {
	padding:1em 1em 10em 1em;
	background:#191301;
}

#previous h2 {
	float:left;
	color:#fff;
	font-size:0.9em;
	width:4.5em;
	padding:0.4em 2em 1.4em 0.7em;
	background:#514932 url(images/previous-h2-bg.gif) no-repeat top right;
}

#previous ul {
	margin:0 0 0 8em;
}

#previous ul li {
	float:left;
	width:10.3em;
	height:8em;
	padding:0.8em 1em 1em 1em;
	margin:0 1em 1em 0;
	border:0.5em solid #352906;
}

#previous ul li:hover {
	background:#000;
}

#previous ul li a.app {
	color:#58B800;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#previous ul li a.app:hover {
	color:#fff;
}

#previous ul li a.more {
	float:right;
	color:#fff;
	font-size:0.8em;
	padding:2em 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
}

#previous ul li a.more:hover {
	text-decoration:underline;
}

#previous ul li div {
	color:#836F5A;
	font-size:0.9em;
	padding:3em 0 0 0;
}

#info h2 {
	color:#514932;
	font-size:1.3em;
}

#info h3 {
	color:#58B800;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:1.6em;
}

#info a {
	color:#C5BB9B;
}

#info a:hover {
	color:#fff;
}

#info p {
	color:#836F5A;
	font-size:0.9em;
	padding:0.2em;
}

#info strong {
	color:#fff;
}

#info img {
	padding:0.1em;
	border:0.5em solid #352906;
}

#content {
	float:right;
	margin-top:2em;
	width:19em;
	background:#fff;
}

#content img {
	margin:0 0.5em 0.5em 0;
	padding:0.1em;
	border:0.5em solid #F7F7F7;
}


#content h2 {
	color:#33CEE0;
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:0.1em;
}

#content h3 {
	color:#B94910;
	font-size:1.2em;
	font-weight:normal;
	margin-top:2em;
}

#content a {
	color:#3399FF;
	text-decoration:none;
}

#content a:hover {
	color:#000;
	text-decoration:underline;
}

#content p, 
#content ul {
	color:#352906;
	font-size:0.9em;
	padding:0 0.6em 0 0.6em;
	margin:0.6em 0 0.7em 0;
}

#content p.summary {
	color:#727272;
	font-size:0.9em;
	padding:0 0 3em 0.2em;
	margin:0;
}

#content .post .postinfo {
	font-size:0.8em;
	margin-bottom:1em;
	background:url(images/postinfo-bg.gif) no-repeat top right;
}

#content .csshelppile .postinfo {
	background:url(images/postinfo-csshelppile-bg.gif) no-repeat top right;
}

#content .post .postinfo .date {
	float:left;
	color:#BDFE81;
	height:3em;
	width:6.1em;
	padding:0.3em;
	text-transform:uppercase;
	background:url(images/postinfo-date-bg.gif) no-repeat top left;
}

#content .csshelppile .postinfo .date {
	color:#F8D1BE;
	background:url(images/postinfo-csshelppile-date-bg.gif) no-repeat top left;
}

#content .post .postinfo .date span {
	float:left;
	color:#fff;
	font-size:2.4em;
	padding:0 0.2em 0 0.1em;
}

#content .post .postinfo .topic {
	color:#58B800;
	padding:0.2em 0.4em 0.6em 7.3em;
}

#content .csshelppile .postinfo .topic {
	color:#FF752F;
}

#content .post .postinfo .topic a {
	color:#397601;
	text-decoration:none;
	padding:0.2em 0 0 0;
}

#content .post .postinfo .topic a:hover {
	text-decoration:underline;
}

#content .post .postcontents img {
	width:225px;
}

#content .csshelppile .postcontents a,
#content .csshelppile .postinfo .topic a {
	color:#B94910;
}

#content .post ul.comments {
	height:4em;
	font-size:0.8em;
	text-transform:uppercase;
	margin-top:1em;
	border-top:1px dashed #BDFE81;
}

#content .csshelppile ul.comments {
	border-top:1px dashed #F8D1BE;	
}

#content .post ul.comments li {
	float:right;
	width:8em;
}

#content .post ul.comments li a {
	float:right;
	color:#58B800;
	display:block;
	text-align:right;
	width:8em;
	padding:0.3em;
}

#content .post ul.comments li a:hover {
	color:#000;
}

#content .csshelppile ul.comments li a {
	color:#FF752F;
}

#footer {
	clear:both;
	color:#333;
	padding-top:0;
	padding-bottom:0;
	background:none;
}

#footer a {
	color:#444;
}

#footer a:hover {
	color:#fff;
}

#footer #copyright,
#footer #versions {
	font-size:0.8em;
	text-transform:uppercase;
	/*width:48.7em;*/
	background:#FCFCFC url(images/footer-bg.gif) repeat-y top left;
}

#footer #copyright {
	padding:3em 0 0 2em;
}

#footer #versions {
	padding:0.1em 0 1em 2em;
}