/*
Theme Name: Noprobo v2.3 - post challenges launch (updated for sidebar faux ad, kill bgaura)
Description: Noprobo custom theme.
Version: 2.3
Author: Noprobo

Notes:
	beige=#F5F5DC
	midnightblue=#191970
	mediumblue=#0000CD
	firebrick=#B22222
	red=#FF0000
	chocolate=#8B4513
*/

/* general styling */
* {
	margin: 0;
	padding: 0;
	
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}
body {
	/* bgaura background */
	/* background-image: url("images/bgaura.jpg"); */
	background-color: white;
	background-repeat: no-repeat;
	background-position: top center;
	
	/* centring code (body) */
	text-align: center; /* for IE */
	margin-top: 0px;
	
	/* general rules */
	font-family: Verdana,Arial,Helvetica,Trebuchet MS,sans-serif;
	letter-spacing: .05em;
	color: grey12;
}
h1, h2, h3, h4, h5{
	/* for the titles of articles */
	font-family: Georgia, serif;
	font-weight: normal;
}
	h1 {
		/* main title */
		font-size: 2.25em;
	}
	h2 {
		/* nav subheadings & article titles */
		font-size: 1.75em;
	}
		div#cprecontent h3 {
			/* eliminates the underline on the cleverts control panel */
			border: 0;
		}
	h3 {
		/* article subheadings/sections */
		font-size: 1.5em;
		margin-bottom: 1em;
	}
	h3.notrail {
		margin-bottom: 0;
	}
p {
	margin-bottom: 1em;
}
a {
	text-decoration: none;
	color: firebrick;
}
	a:visited {
		text-decoration: none;
		color: #8B4513;
	}
	a:hover {
		text-decoration:underline;
		color: red;
	}
img {
	border: 1px solid black;
}
/* top level custom classes */
small, .small {
	font-size: .75em;
}
.stdpadding {
	padding: 1em;
}
.noborder {
	border: none;
}
.nobreak {
	/* to stop headers from creating a line break */
	display: inline;
}
/* layout css */
div#wrapper {
	/* centring code (wrapper) */
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	
	width: 980px; /* manually add up the inner container's widths & any borders or gaps */
	
	/* faux column background - nontransparent */
	background-image: URL("images/fauxcol.gif");
	background-repeat: repeat-y;
}		
	div#main {
		float: right;
		width: 660px;
	}
		div#logobox {
		}
		div#topbar {
			border-bottom:1px solid beige;
			text-align: left;
		}
			ul#navmenu {
				padding: 0px;
				margin: 0px;
			}
			#navmenu li {
				list-style: none;
				display: inline;
				/* font-style: italic; */
			}
		div#cprecontent {
			margin-bottom: 1em;
		}
			.cnav {
				display: block;
				background: beige;
				border: 1px solid black;
				padding: .5em;
			}
			
		div#maincontent {
		}
			div.apost {
			}
				div.postimage {
					float: right;
					text-align:right;
					margin-left: 1em;
					margin-bottom: 1em; /* to space out the lowest item - must match the .apost margin-bottom */
					border: 1px solid black;
					padding: 0;
				}
					img.postimage {
						border: none; /* need this to stop the a href outline on the image */
					}
				small.infotext {
					padding-bottom: 1em; 
					display: block; /* this makes it a block element, allowing the padding space below */
				}
				/* post content styling */
				em {
					font-style: italic;
				}
				underline, .underline {
					text-decoration: underline;
				}
				div.apost h3 {
					border-bottom: 1px solid beige;
				}
					div.apost h3.noline {
						border-bottom: 0 none;
					}
				div.apost div.line {
					/* it's a hack to use a div in place of an hr, but it works where it needs to */
					border-bottom: 1px solid beige;
					margin-bottom: 1em;
				}
				blockquote, pre {
					border: 1px dashed black;
					background-color: beige;
					padding-top: 1em;
					padding-left: 1em;
					padding-right: 1em;
					margin-bottom: 1em;
				}
					blockquote p {
						margin-bottom: 1em;
					}
				pre {
					font-family:'Courier New', Courier, Monospace, Fixed;
					overflow: scroll;
					width: 95%; /* dirty hack to make older ie's not push the pre box too wide */
				}				
				div.apost ul, ol {
					margin-left: 2em;
					margin-bottom: 1em;
				}
					/* for lists within lists (special handling to remove trailing white space) */
					div.apost ul  li ul  {
						margin-bottom: 0;
					}
					div.apost ol  li ol  {
						margin-bottom: 0;
					}
				table.demonstrative {
					/* for plain data/display tables */
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 1em;
					width: 100%;
					
					background-color: beige;
					border-collapse: collapse;
					border-spacing: 0px;
				}
					table.demonstrative tr.highlightrow{
						background-color: goldenrod;
					}
					table.demonstrative td {
						border: 1px solid black;
						padding: .25em;
					}
				/* wp captions */
				div.wp-caption {
					text-align: right;
					font-size: .75em;
				}
					.alignright {
						float: right;
					}
					.aligncenter {
						margin-left: auto;
						margin-right: auto;
					}
					div.wp-caption img {
						border: 1px solid black;
					}
				div.apost img.alignright {
					/* give right aligned post images a touch of room on the left */
					margin-left: .25em;
				}
		div#botbar {
			border-top:1px solid beige;
			text-align: right;
		}
		img#wpstats{width:0px;height:0px;overflow:hidden} /* hides wp_footer smiley */

	div#sidebar {
		float: left;
		width: 320px;
		min-height: 600px; /* so it doen't get cut off */
			height:auto !important; /* two lines for browser compabilitiy issues */
			height:600px; /* source: http://www.freelancernepal.com/css-bug/min-height-browser-compatibility-issue/ */
		text-align: left;
		
		/* sbaura background */		
		background-image: url("images/sbaura.jpg");
		background-repeat: no-repeat;
		background-position: top left;
	}
		#navlinksbox {
			text-align: right;
			background: #D5D5CB;
			border: 1px solid silver;
		}
			a.navlinks {
				line-height: 1.6em;
				display: block;
				padding-left: .4em; /* to push out the div */
				padding-right: .4em;
			}
		#sidebar li {
			list-style: none; /* removes all sidebar bullets */
		}
		li.widget {
			margin: 1em; /* acts as stdpadding for the widget blocks in the sidebar */
		}
		.widget ul li {
			/* widgets formatting for individual entries/<li>s */
			border-bottom: 1px solid silver;
			padding: .5em 1em;
			margin-right: 1em;
		}