body {
	margin: 0; 
	/* background: url(CSP_textured_bar.gif) no-repeat scroll right bottom; */
	background: #0f0f0f url(CSP_bg.png) no-repeat scroll center top;
	background: #000 url(CSP_bg.jpg) no-repeat scroll center top;
	color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h2 { color: #d00009; }
h3 { color: #d00009; font-weight: normal; }
/* h4 { color: #bb3; } */
a { color: #dd0009; }
a:hover {color: #FF0022; }
a { color: #ccc; }
a:hover {color: #eee; }


/* ====== Header ====== */
#navbar-iframe {
    display: none;
}

div#header {
	margin: 0 auto !important;
	height: 66px;
	width: 1024px;
}
div#header_nav {
	height: 52px;
}
div#header ul { margin: 0; padding: 0; list-style: none outside; }
div#header li {  margin: 0; padding: 0; display: inline; }
div#header li a {
	float: left;
	padding-top: 52px;
	height: 0;
	overflow: hidden;
	background-color: #2a2a2a;
	background-repeat: no-repeat;
}
div#header li#nav-logo span {
	float: left;
	padding-top: 52px;
	height: 0;
	width: 378px;
	overflow: hidden;
	background: #2a2a2a url(CSP_blank.gif) no-repeat top right;
}
div#header li#nav-logo a {
	padding-top: 52px;
	width: 354px;
	background-color: #2a2a2a;
	background-image: url('CSP_logo.gif');
}
div#header li#nav-photos a { background-image: url('CSP_portfolio.gif'); width: 109px; }
div#header li#nav-blog a { background-image: url('CSP_blog.gif'); width: 78px; }
div#header li#nav-contact a { background-image: url('CSP_contact.gif'); width: 105px; }

div#header li#nav-photos a:hover, div#header li#nav-photos a.clicked { background-image: url('CSP_portfolio_red.gif'); }
div#header li#nav-blog a:hover, div#header li#nav-blog a.clicked { background-image: url('CSP_blog_red.gif'); }
div#header li#nav-contact a:hover, div#header li#nav-contact a.clicked { background-image: url('CSP_contact_red.gif'); }

div#header li#nav-photos a.current { background-image: url('CSP_portfolio_red.gif'); }
div#header li#nav-blog a.current { background-image: url('CSP_blog_red.gif'); }
div#header li#nav-contact a.current { background-image: url('CSP_contact_red.gif'); }

div.textured_bar {
	background: url(CSP_textured_bar.gif) no-repeat scroll right bottom;
	height: 7px;
	width: 1024px;
}


/* ====== Content ====== */
div#content {
	margin: 0 auto;
	width: 1024px;
	background: #0a0a0a;
}

div#containerBackground {
	padding: 25px 0 40px;
	min-height: 620px;
}

div#container3col {
	background: #0a0a0a url('CSP_content_three_col.png') repeat-y scroll left top;
}

div#container2col {
	background: #0a0a0a url('CSP_content_two_col.png') repeat-y scroll left top;
}


div#main3 {
	float: left;
	padding: 10px 20px 0 35px;
	width: 455px;
	min-height: 650px;
}
div#main2 {
	float: left;
	padding: 10px 20px 0 35px;
	width: 675px;
	min-height: 890px;
}
div#main1 {
	padding: 10px 20px 0 35px;
	min-height: 890px;
}

/* ul.photoClasses { color: #bb3; } */

div.blog_post, .post { margin: 10px 10px 0 0; border-bottom: 1px dotted #d00009; padding-bottom: 10px; }
div.blog_post, .post { margin: 10px 10px 0 0; border-bottom: solid 1px #222; padding-bottom: 10px; }
div.blog_post p.blog_date, .date-header { margin: 0 0 0.5em; font-size: 0.9em; color: #555; }
div.blog_post h3.blog_title, .post-title, { margin: 0 0 0.5em; color: #d00009; }
div.blog_post p.blog_time, .post-footer { margin: 1em 0 0; font-size: 0.9em; color: #292929; }
div.blog_post p.blog_time a, .post-footer a { color: #333; }
div.blog_post p.blog_time a:hover, .post-footer a:hover {color: #d00009; }
div.blog_post div.blog_content, .post-body { font-size: 0.9em; }
div#blog_nav { margin: 10px 10px 0 0; }
span#blog_nav_newer { float: left; }
span#blog_nav_older { float: right; }
input,textarea { border: solid 2px #111; background: #333; color: #999; }
input { width: 200px; }
textarea { width: 400px; font-size: 0.9em; }
input[type=submit] { width: 130px; }


/* ====== Sidebar ====== */
div.sidebar {
	float: left;
	margin: 10px 0 10px 20px;
	border-left: solid 1px #151515;
	padding: 0px 5px 30px 20px;
	width: 225px;
	/* background-color: #141414; */
	/*font-size: 0.8571em;*/
	font-size: 11px;
	
}
div.sidebar ul { padding-left: 16px; list-style: none; }

/* ====== Footer ====== */
div#footer {
	background-color: #0a0a0a;
	padding: 20px;
	color: #444;
}
div#footleft { float: left; font-size: 0.8em; }
div#footright { float: right; font-size: 0.7em; }