@import url(base.css);

body {
	background:#132E5E url(/csshelppile/images/body-bg.gif) repeat-x top left;
}

#wrapper {
	background-image:url(/csshelppile/images/wrapper-bg.gif);
}

#content {
	border-color:#264680;
	background:none;
	padding-bottom:3em;
}

#content #logo h1 {
	color:#fff;
	text-shadow:#000 2px 2px;
}

#content #logo h2 {
	background-image:url(/csshelppile/images/logo.gif);	
}

#content #logo ul li.about {	
	background-image:url(/csshelppile/images/about.gif);
}

#content h2 {
	color:#E1C363;
	font-size:1.0em;
}

#content #thepile h3 {
	color:#fff;
}

#content #thepile div.addinfo {
	color:#568DD3;
	clear:both;
	text-align:center;
	margin:0 2px 20px 0;
	padding:0.4em;
	background:#264680;
}

#content #thepile div.addinfo strong {
	color:#fff;
}

#content #thepile div.addinfo a {
	color:#568DD3;
}

#content #thepile div.addinfo a:hover {
	color:#fff;
}

#content #thepile .heading {
	float:left;
	display:block;
	width:48%;
	text-align:center;
	text-decoration:none;
	margin:0;
	padding:1%;
}

#content #thepile span.heading {
	color:#041430;
}

#content #thepile a.heading {
	color:#fff;
	background:#1A386E;
}

#content #thepile a.heading:hover {
	background:#041430;
}

#popwin #thepile .post,
#content #thepile .post {
	margin-bottom:3em;
}

#popwin #thepile .post h1,
#content #thepile .post h1 {
	font-size:2em;
	font-weight:normal;
	margin:0;
	padding:0;
}

#popwin #thepile .post h1 a,
#content #thepile .post h1 a {
	color:#fff;
	text-decoration:none;
}

#popwin #thepile .post h1 a:hover,
#content #thepile .post h1 a:hover {
	color:#fff;
	text-decoration:underline;
}

#popwin #thepile .post .cat,
#content #thepile .post .cat {
	color:#437AC1;
	font-size:0.8em;
	padding:0.6em 0 0.6em 0;
}

#popwin #thepile .post .cat a,
#content #thepile .post .cat a {
	color:#fff;
	text-decoration:none;
	padding:0.2em;
	background:#041430;
}

#popwin #thepile .post .contents,
#content #thepile .post .contents {
	color:#7E9DD4;
}

#popwin #thepile .post .contents a,
#content #thepile .post .contents a {
	color:#7E9DD4;
}

#popwin #thepile .post .contents a:hover,
#content #thepile .post .contents a:hover {
	color:#fff;
}

#popwin #thepile .post .author,
#content #thepile .post .author {
	display:none;
}

#content #thepile ul {
	color:#437AC1;
	list-style-type:none;
	font-size:1.5em;
	padding:0;
	margin:0;
}

#content #thepile ul li {
	padding:0.3em 0 0.3em 0;
	margin:0;
}

#content #thepile ul li a {
	color:#fff;
	text-decoration:none;
}

#content #thepile ul li a:hover {
	text-decoration:underline;
}

#content #search {
	border:7px solid #264680;
	margin:1em 0 2.2em 0;
}

#content #search fieldset {
	color:#275DA2;
	font-size:1em;
	padding:7px;
	margin:1px;
	border:none;
	background:#1A386E;
}

#content #search fieldset form,
#content #search fieldset h3 {
	margin:0;
	padding:0;
}

#content #search fieldset h3 {
	color:#568DD3;
	font-size:1em;
	margin-bottom:0.3em;
}

#content #categories {

}

#content #categories h3 { 
	color:#E1C363;
	font-weight:normal;
	font-size:1.2em;
	padding:1.5em 0 0 0;
	border-top:1px solid #0A2044;	
}

#content #categories h4 {
	display:none;
	font-size:0.9em;
	color:#E1C363;
	text-transform:uppercase;
	padding:0;
	margin:0 0 0.3em 0;	
}

#content #categories ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#content #categories ul li {
	float:left;
	width:50%;
	padding:0;
	margin:0;	
}

#content #categories ul li a {
	display:block;
	color:#568DD3;
	font-size:0.9em;
	text-decoration:none;
	padding:0.2em 0 0.2em 0;
}

#content #categories ul li a:hover {
	color:#fff;
}

#content #categories ul li em {
	display:none;
}

#supp a#chp-logo {
	position:absolute;
	top:225px;
	display:block;
	height:36px;
	width:196px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(/csshelppile/images/chp-logo.gif) no-repeat top left;
}

#supp h3, 
#supp h4 {
	color:#568DD3;
}

#supp h3 {
	font-size:1em;
	margin:3em 0 0 0;
	padding:0 0 0.3em 0;
	border-bottom:1px solid #0A2044;
}

#supp p {
	color:#275DA2;
}

#supp p a {
	color:#568DD3;
}

#supp p a:hover {
	color:#fff;
}

#supp ul {
	color:#275DA2;
	font-size:0.9em;
	list-style-type:none;
	margin:1px 0 0 0;
	padding:0.3em 0 0 0;
	border-top:1px dotted #264680;	
	border-bottom:1px solid #0A2044;	
}

#supp ul li {
	margin:0 0 1px 0;
	padding:0.4em 0 0.4em 0;
	border-bottom:1px dotted #264680;	
}

#supp ul li a {
	color:#568DD3;
	text-decoration:none;
}

#supp ul li a:hover { 
	color:#fff;
	text-decoration:underline;
}

#popwin #wrapper {
	padding:2%;
	margin:0;
	width:96%;
	height:100%;
}

#help a,
#popwin a {
	color:#fff;
}

#help h2, #help h3, #help p,
#popwin h2, #popwin h3, #popwin p {
	color:#fff;
	margin:0;
	padding:1em 0 0.2em;
}

#help h3,
#popwin h3 {
	color:#E1C363;
	padding:0.2em;
}

#help p,
#popwin p {
	color:#568DD3;
	padding:0.2em;
}

#popwin fieldset {
	border:1px solid #275DA2;
}

#popwin fieldset legend {
	color:#fff;
	padding:0.2em 1em;
	border:1px solid #275DA2;
}

#popwin fieldset label {
	color:#568DD3;
	font-size:0.7em;
	width:8em;
	display:block;
	float:left;
	padding:0.4em 0;
}

#popwin fieldset #PostText {
	width:22em;
}

#popwin fieldset div {
	color:#fff;
	clear:both;
	padding:0.3em;
}

#popwin fieldset .isAuthor {
	display:none;
}

#footer {
	color:#666;
	background-color:#090909;
	background-image:url(/csshelppile/images/footer-bg.gif);	
}

#footer a {
	color:#666;
}

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