/*
	cphi-theme version 1.0
*/


/*  START: "Plain Jane" HTML tag style definition
	Horizontally centered content, margins and padding stripped
*/
acronym, abbrev {
	cursor: help; 
	border-bottom: #666 1px dotted; 
	text-decoration: none;
	}
	
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #666;
	font: normal 11px "lucida grande", verdana, helvetica, arial, sans-serif;
	background-repeat: repeat;
	}

code, tt, pre	{
	font: 12px "andale mono", monaco, courier, "courier new", monospace;
	color: #000;
	background: #fff;
	padding: 5px
	}
	
dl {
	margin: 0;
	padding-bottom: 5px;
	}
	
dt {
	padding: 10px 0 0 0;
	margin: 0;
	color: #000;
	font-size: 12px;
	}

dd a {
	color: #666;
	text-decoration: none;
	}

dd a:hover { text-decoration: underline; }

form, fieldset { 
	margin: 0;
	padding: 0;
	border: 0; 
	}
	
h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	color: #666;
	}

h1 {
	font-size: 16px;
	font-weight: normal;
	}
	
h2 {
	font-size: 14px;
	font-weight: normal;
	}
	
h3 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 5px;
	}	

hr {
  background: transparent;
  height: 1px;
  border: 0;
  border-top: 1px dotted #ddd;
  margin: 5px 0 8px 0;
  padding: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

input {
	background: #fff;
	color: #666;
	font: normal 11px verdana;
	}

select { 
	color: #666;
	font-size: 10px;
	font-weight: normal;
	}
/*  END: "Plain Jane" HTML tag style definition */

/* WHERE THE FUN BEGINS */
#wrapper {
	text-align: left;
	margin: 10px auto;
	border: 1px solid #999;
	padding: 0 10px;
	width: 700px;
	background: #fff;
	voice-family: inherit;
	voice-family: "\"}\"";
	width: 678px;
	}
	
html>body #wrapper { width: 678px; }

#header {
	height: 110px;
	border-top: 10px solid #fff;
	background-color: #990000;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100px;
	}

html>body #header { height: 100px; }
	
#header h1 {
	color: #fff;
	padding: 10px;
	}

#header h1 span {
	font-size: 12px;
	}

/*
    Horizontal navigation generated by Accessify.com's List-o-Matic Engine, 
	http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp,
	color adjusted 
*/
#nav {
	position: relative;
	background: #003366;
	border-bottom: 10px solid #fff;
	}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}

#nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	padding: 10px;
	}

* html #nav ul li { width: 1%; }


* html #nav ul li a {
	height: 1%;
	}

#nav ul li a:hover, a#current { background: #0099cc; }

/* Hide from Mac. Testing \*/
#search fieldset {
	position: absolute;
	right: 10px;
	top: 8px;
	color: #fff;
	}

* html #search fieldset { top: 7px; }

#search input { border: 1px solid #666; }

/* End */

#main {
	float: left;
	width: 500px;
	background: #fff;
	text-align: justify;
	color: #666;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
	}
	
html>body #main { width: 480px; }

#main h2 {
	background-image: url(cphi-permalink.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	}	

#main h2 a {
	text-decoration: none;
	color: #990000;
	}
	
#main p {
	line-height: 20px;
	margin: 10px 0;
	padding: 0;
	}

#main p.entry-footer {
	padding-bottom: 20px;
	}

#main p a {
	text-decoration: none;
	color: #990000;
	}
	
#main p a:hover { text-decoration: underline; }

#main ul {
	padding: 0;
	margin: 20px;
	}

#main ul li a { color: #990000; }

#comment {
	background: #fff url(cphi-quotes.gif) top left no-repeat;
	padding-left: 25px;
	margin-left: 15px;
	margin-right: 15px;
	}
	
#comment p {
	line-height: 15px;
	color: #003366;
	}

#sidebar {
	margin-left: 520px;
	margin-right: 10px;
	text-align: right;
	}
	
#sidebar dd { margin: 3px 0; }

#main dd { margin: 3px 10px; }
	
#sidebar img {
	border: 0;
	margin-bottom: 5px;
	}

#sidebar img.bio {
	border: 1px solid #999;
	padding: 5px;
	margin-top: 10px;
	margin-right: 5px;
	}

#footer {
	clear: both;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background: #003366;
	color: #fff;
	padding: 10px;
	font-size: 10px;
	}

/* IE Fix. Hide from Mac \*/
* html #footer { height: 1%; }
/* End Fix */
	
#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover { border-bottom: 1px solid #fff; }

html>body #footer a { border-bottom: 1px dotted #fff; }
/* WHERE THE FUN ENDS */


/* Miscellaneous Style Classes */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.even { background: #fff; }
.odd { background: #f9f9f9; }
.help { color: #666; text-decoration: none; }

.mac-clearfix { clear: both; }

.datestamp, .timestamp, .comment, .trackback, .words, .category, .person {
	color: #999;
	font-size: 9px;
	font-weight: normal;
	}

.datestamp {
	background-image: url(cphi-date.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: left;
	}
	
.person {
	background-image: url(cphi-individual.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: left;
	}

.timestamp {
	background-image: url(cphi-clock.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	}
	
.required {
	color: #990000; 
	}

#trackback {
	padding-left: 15px;
	background-image: url(cphi-trackback.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

.trackback-excerpt {
	color: #003366;
	padding-left: 15px;
	}
