/*
Title: 		ChristopherSchmitt.com CSS
Author: 	Christopher Schmitt
Update: 	12 Feb 2005
*/

/* ---------------------------------------
	Page Body and Frame
--------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

.no {
	display: none;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #eee;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#frame {
	position: relative;
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
	background-image: url("/_assets/img/frame_bkgd.gif");
	background-repeat: no-repeat;
	background-position: 250px 66px;
	background-color: white;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	height: 1%;
}

/* ---------------------------------------
	Page Header
--------------------------------------- */

#header h1 {
	margin: 0;
	background-color: transparent;
}

#header {
	background: transparent url("/_assets/img/photoChange001.jpg") no-repeat 0 0;
	padding: 40px 0 0 0;
}



#header h1.logo a {
	display: block;
	width: 800px;
	text-indent: -500px;
	background-image: transparent url("/_assets/img/logo_screen2.gif") no-repeat 0 0;
	height: 89px;
}

#header h1.logo {
	background: transparent url("/_assets/img/logo_screen2.gif") no-repeat 0 0;
}

#header p.tagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #6e2703;
	margin: -10px 0 35px 0;
	padding: 0 0 0 15px;
	letter-spacing: .3em;
}


/* ---------------------------------------
	Page Header - Search Box
--------------------------------------- */

fieldset#searchbox {
	border: none;
	background-image: url("/_assets/img/brandStripe_bkgd.gif");
	background-repeat: repeat-x;
	background-color: #d9ff00;
	margin: 0;
	padding: 0;
	text-align: right;
}

fieldset#searchbox legend {
	display: none;
}

fieldset#searchbox form {
	margin: 0 30px 0 0;
	padding: 4px 0 4px 0;
	font-size: 0.8em

}

fieldset#searchbox form input[type="text"] {
	width: 152px;

}

fieldset#searchbox form input[type="submit"] {
	background-color: #FFFF00;
}

/* ---------------------------------------
	Page Description
--------------------------------------- */

#desc {
	margin: 12px 0 0 0;
	padding: 0 0 0 111px;
	background: transparent url("/_assets/img/pageDesc/dots_4x3.gif") no-repeat 16px 0;
	color: #2D6734;
	line-height: 1.5;
	width: 461px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
}
html>#desc {
	width: 350px;
}

#desc h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#desc p {
	font-size: 1em;
	margin: 0 0 15px 0;
	padding: 0;		
}


/* ---------------------------------------
	Page Headers
--------------------------------------- */

.contact-page #desc {
width: 442px;
	text-align: right;
	background-image: url("/_assets/img/header_contactPage.gif");
	background-repeat: no-repeat;
		background-color: #cff;
		margin: 12px 0 0 12px;
		padding: 0 0 0 0;
		background-position: top left;
}

.contact-page #desc h2 {

	color: white;
	padding: 50px 0.1em 0 0;
	margin: 0;
	/* font properties */
	font-size: 75px;
	line-height: 0.7em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -0.1em;
	
}

/* ---------------------------------------
	Main Navigation
--------------------------------------- */



ul#mainnav {
	margin: 13px 0 0 0;
	padding: 0;
	list-style: none;
}

ul#mainnav li {
	margin-top: 2px;
}

ul#mainnav li a {
	display: block;
	list-style-type: none;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 7px 0;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url("/_assets/img/mainNav/nav_button_full_bottom.gif");
	text-decoration: none;	
}



ul#mainnav li a span {
	font-size: 1.25em;
	display: block;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	background-position: top left;			
	background-image: url("/_assets/img/mainNav/nav_button_full_top.gif");
	color: #6E6F5E;
}
/*
*/

/* Nested lists */

ul#mainnav li ul {
	/* Hides Submenu */
	display: none; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

ul#mainnav li li {
	font-family: Verdana;
	font-size: small;
	background-image: none;
	padding: 0 0 0 8px;
	margin: 0 0 0 0;
}

ul#mainnav li li a {
	background-image: none;
	margin: 0;
	padding: 0 0 0 8px;
	color: #8d8d4d;
}


/* Rollovers and Background Images */

ul#mainnav li a:visited span {
	color: #999933;

}

ul#mainnav li a:hover span {
	color: #330;
	background-image: url("/_assets/img/mainNav/nav_button_full_top_hover.gif");
}

ul#mainnav li li a:hover {
	color: #330;
	background-image: none;
}


/* Links that are selected */

.pub-page ul#mainnav li#pub-link {
	margin: 0;
	padding: 0;
}


.home-page ul#mainnav li#home-link a span,
.journal-page ul#mainnav li#journal-link a span,
.work-page ul#mainnav li#work-link a span,
.pub-page ul#mainnav li#pub-link a span,
.shop-page ul#mainnav li#shop-link a span,
.about-page ul#mainnav li#about-link a span,
.contact-page ul#mainnav li#contact-link a span {
	background-image: url("/_assets/img/mainNav/nav_button_on_top.gif");
	padding: 0 0 0 8px;
	margin: 5px 0 0 0;
	color: #003300;
}

.home-page ul#mainnav li#home-link a:hover span,
.journal-page ul#mainnav li#journal-link a:hover span,
.work-page ul#mainnav li#work-link a:hover span,
.pub-page ul#mainnav li#pub-link a:hover span,
.shop-page ul#mainnav li#shop-link a:hover span,
.about-page ul#mainnav li#about-link a:hover span,
.contact-page ul#mainnav li#contact-link a:hover span {
	background-image: url("/_assets/img/mainNav/nav_button_on_top_hover.gif");
	padding: 0 0 0 8px;
	margin: 5px 0 0 0;
	color: #003300;
}

.home-page ul#mainnav li#home-link a,
.journal-page ul#mainnav li#journal-link a,
.work-page ul#mainnav li#work-link a,
.pub-page ul#mainnav li#pub-link a,
.shop-page ul#mainnav li#shop-link a,
.about-page ul#mainnav li#about-link a,
.contact-page ul#mainav li#contact-link a {
	background-repeat: no-repeat;
	background-position: left bottom;			
	background-image: url("/_assets/img/mainNav/nav_button_on_bottom_1item.gif");
	margin: 0 0 0px 0;
	padding: 0 0 4px 0; /* work on image */

}

.home-page ul#mainnav li#home-link ul li a,
.journal-page ul#mainnav li#journal-link ul li a,
.work-page ul#mainnav li#work-link ul li a,
.pub-page ul#mainnav li#pub-link ul li a,
.shop-page ul#mainnav li#shop-link ul li a,
.about-page ul#mainnav li#about-link ul li a,
.contact-page ul#mainnav li#contact-link ul li a {
	background-image: none;
	color: #030;
	margin: 0;
	padding: 0;
}

ul#mainnav li#home-link ul li a:hover,
ul#mainnav li#journal-link ul li a:hover,
ul#mainnav li#work-link ul li a:hover,
ul#mainnav li#pub-link ul li a:hover,
ul#mainnav li#shop-link ul li a:hover,
ul#mainnav li#about-link ul li a:hover,
ul#mainnav li#contact-link ul li a:hover {
	background-image: none;
	color: #363;

}

.home-page ul#mainnav li#home-link ul,
.journal-page ul#mainnav li#journal-link ul,
.work-page ul#mainnav li#work-link ul,
.pub-page ul#mainnav li#pub-link ul,
.shop-page ul#mainnav li#shop-link ul,
.about-page ul#mainnav li#about-link ul,
.contact-page ul#mainnav li#contact-link ul {
	display: block;
	background-image: none;	
	margin: 0px 0 0 0;
	padding: 0 0 7px 0; 
}

/* ---------------------------------------
	Blog Roll
--------------------------------------- */

#blogroll {
	margin: 1.66em 0 0 0;
  padding: 0 0 45px 0;
	background-image: url("/_assets/img/blogRoll_bkgd.gif");
	background-repeat: repeat-y;
	list-style-type: none;
}

#blogroll h4, #blogroll p {
 background-color: white;
 margin: 0 17px 0 0;
 padding: 0 0 0 13px;
}

#blogroll ul {
	list-style-type: none;
 margin: 0 17px 0 0;
 padding: 0;
 height: 100px;
 overflow: auto;
}

#blogroll li {
	background-color: #ffffcc;
	margin-left: 13px;
	padding: 0 25px 0 0;
}

#blogroll li a {
	padding-left: 20px;
	background:url("/_assets/img/bullet_green_dark.gif") no-repeat 2px .35em 
}

/* Font sizes, color touch-ups */

#blogroll h4 {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: .33em;
	color: #6e2703;
}

#blogroll p {
	font-size: 1.2em;
	color: #c9ca33;
}

#blogroll a {
	font-size: 1.2em;

}

/* ---------------------------------------
	Columns
--------------------------------------- */

#maincol {
 margin: 0;
 padding: 0 295px 1.6em 0;
 color: #030;
 background: transparent url("/_assets/img/journal_bkgd.gif") no-repeat;
}


#sidecol {
 position: absolute;
 top: 185px;
 left: 545px;
 width: 255px;
 margin: 0;
 padding: 0 0 1.6em 0;
 background: transparent url("/_assets/img/sidecol_bkgd.gif") no-repeat top right;
}


/* ---------------------------------------
	Journal Posts
--------------------------------------- */

.post {

}

.post h2 {
	background-image: url("/_assets/img/content_hdg_bkgd.gif");
	margin: 0;
	padding: 0;
	color: #495301;
	font-family: Georgia;
	font-weight: normal;
	letter-spacing: .1em;
}

.post h2:after {
	content: " ]";
}

.post h2:before {
	content: "[ ";
}


h1.storytitle {
	margin: 12px 0 0 0;
	padding: 0 33px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;

}

.post {
	margin: 0 0 0 15px;
	font-size: 1.25em;
}
		
.storycontent blockquote {
	margin: 0 76px 0 44px;
	padding: 0 0 4px 4px;
	border-left: 2px solid #bbc600;
	border-bottom: 1px solid #a1aa00;
	font-weight: normal;
	font-size: 0.9em;

}
		
		
.storycontent blockquote p {
	margin: 0;
	padding: 0;
}


ul.post-categories {
	display: inline;
	padding: 0;
	margin: 0;
}

ul.post-categories li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#postfooter {

	margin: -.5em 0 1em 0;
	text-transform: lowercase;
	letter-spacing: .1em;
	color: #cccc99;
	font-size: 1em;
}

#postfooter .meta {
	width: 355px;
	float: left;
	text-align: left;
	padding: 0 0 1.66em 0;
}

#postfooter .meta li:after {
	content: ", ";
}

#postfooter .feedback {

	float: right;
	text-align: right;
	padding: 0 0 1em 0;
}

/* ---------------------------------------
	Footer
--------------------------------------- */

#footer {
	text-align: left;
	clear: both;
	border-top: 1px dotted #c2fa00;
	margin: 0;
	padding: 0.33em 15px 0.66em 15px;
	color: #acacac;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding: 13px 0;
}


/* ---------------------------------------
	Contact Form
--------------------------------------- */

.contact-page #maincol {
	margin: 0 0 0 14px;
	font-size: 1.25em;
}

.contact-page #maincol fieldset {
	padding-top: 1em;
   border-top: 1px solid #000;
   border-right: 1px solid #333;
   border-bottom: 1px solid #666;
   border-left: 1px solid #999;
}

.contact-page #maincol legend {
	text-transform: uppercase;
   border-top: 1px solid #000;
   border-right: 1px solid #333;
   border-bottom: 1px solid #666;
   border-left: 1px solid #999;
   padding: 4px;
}

#contactform h3 {
   margin: .5em 0 0 0;
   padding: 0;
}

.contact-page #maincol hr {
   border: none;
   border-top: 1px solid black;
   margin: 0 14px;
   padding: 0;
   height: 0;
}

#contactform dl {
   margin: .1em 0 1em 0;

}

#contactform dt {
 width: 80px;
 margin: 4px 8px 0 0;
 padding: 0;
 white-space: nowrap;
 float: left;
 clear: left;
}

#contactform dd {
   margin-left: 150px;
   margin-bottom: 4px;
}

#contactform dd input {
   width: 100%;
}

.contact-page #maincol textarea {
   width: 100%;
}

.contact-page #maincol label {
   font-size: 1em;
}

.contact-page #maincol em {
   font-family: Geneva, Arial, Helvetica, sans-serif;
}

.contact-page #maincol input.submit {
   margin-left: 150px;
}

#contactform .footer {

   padding: 8px 0 8px 0;
}

#msgheader, #msgcontent, #contactform h3, #contactform .footer {
   padding-right:  15px;
   padding-left: 15px;
}



/* ---------------------------------------
	Links
--------------------------------------- */

a {
	text-decoration: none;
}

a:link {
	color: #8fb300;
}

a:visited {
	color: #6a2d1c;
}

a:link:hover, a:visited:hover {
	color: #363;
}

a:link:active, a:visited:active {
	color: #83bcd6;
}

/* Blog roll */

#blogroll a:link {
	color: #8fb300;
}

#blogroll a:visited {
	color: #6a2d1c;
}

#blogroll a:link:hover, #blogroll a:visited:hover {
	color: #363;
}

#blogroll a:link:active, #blogroll a:visited:active {
	color: #83bcd6;
}


/* Footer */

#footer a:link {
	color: #bdd269;
}

#footer a:visited {
	color: #a78379;
}

#footer a:link:hover, #footer a:visited:hover {
	color: #87a587;
}

#footer a:link:active, #footer a:visited:active {
	color: #83bcd6;
}


/* ---------------------------------------
	Common HTML Elements
--------------------------------------- */

p {
	margin: 1em 0 1em 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

h5 {
	margin: 0;
	padding: 0;
}

blockquote {

}

code {

}

abbr, acronym {
	font-style: normal;
}

em {
	font-style: italic;
}

s, strike {
	text-decoration: line-through;
}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
}