/*
Theme Name: Quentin
Theme URI: http://www.pikemurdy.com/quentin/
Description: Organic Template that speaks in the vernacular of books
Version: 1.0
Author: Mike Purdy
Author URI: http://www.pikemurdy.com/ 


Quentin Theme for Wordpress. Copyright (C) 2005 Mike Purdy.

Giving credit, where credit's due: The Quentin template was designed 
by Mike Purdy (www.pikemurdy.com). A lot of code and inspiration came
from the "Kubrik" theme. Found here: http://binarybonsai.com/kubrick/

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

You may edit and modify this theme. But please leave the credit 
line, and don't try to pass off my work as your own. Thank You.

This program is free software; you can redistribute it and/or modify it under 
the terms of the GNU General Public License as published by the Free Software 
Foundation, version 2 of the License.

This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 
PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/



/* Main Elements ------------------------------ */

body {
	background: #5B211A url(images/quentin_st.gif) repeat-x center top;
	color: #000;
	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: medium !important;
	line-height: normal !important;
}

img.pmark {
	margin: 0 0 50px 190px;
	}
img.s-pmark {
	margin: 0 0 50px 250px;
	}

caption {
 font-size: 80%;
}


/* typography --------------------------------- */

p, h1, h2, h3, h4, h5, h6, li, .feedback {
	font: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}

p  {
	line-height: 140%;
}

h2.quicklinktitle
	{
	font: 110% "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 2px 0 5px 0;
	}
	
h2.storytitle
	{
	font: 150% "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 15px 0 5px 0;
	}
h2.pagetitle {
	font: bold 12px/15px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0;
	padding: 6px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing: 1px;
	background-color: #F4ECD2;
	text-transform: uppercase;
	text-align: center;
	}

#header h1{
	font: 150% "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 40px 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}	
#header h3{
	font: normal 90% "lucida grande", "trebuchet ms", georgia, times, serif;
	margin: 0 0 68px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #76675A;
}
#header a {
	color: #4D3B27;
	text-decoration: none;
}

.metaquick {
	font: bold 9px/13px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0;
	padding: 6px 0;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
	text-transform: uppercase;


}
.meta {
	font: bold 9px/13px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0;
	padding: 6px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#menu h2 {
font: bold  "lucida grande", "trebuchet ms", georgia, times, serif;
font-size: 100%;
}
.meta li, ul.post-meta li {
	display: inline;
	padding: 6px 0;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	font-weight: normal;
	letter-spacing: 0;
}




a {
	color: #5B211A;
	text-decoration: none;
}

a img {
	border: 2px solid black;
}

a:visited {
	color: #5B211A;
}

a:hover {
	text-decoration: underline;
}

a.tt-flickr img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2x solid black;

	 
} 

blockquote {
	border-left: 1px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}
.credit {
	font-size: 80%;
	}


/* adds and ends --------------------------------- */


acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}





/* Layout --------------------------------- */
.quickpost {
	 margin: 0;
}


#rap {
	width: 730px;
	margin: 0 auto 0 auto;
	background: #F2E2C1 url(images/quentin-bg.jpg) repeat-y center top;
	padding: 0 15px;
	border: 10px solid #411213;
	}
/* Tan IE5 box model fix
	Hides from IE5-mac \*/
* html #rap {
	width: 730px;
	w\idth: 700px;
}	
#content  {
	background: url(images/quentin-bg2.gif) repeat-y right top;
	text-align: left;
	float: left;
	width: 470px;
	margin: 0 auto;
	padding: 0 15px 15px 15px;
	overflow: hidden;
	display: inline; /* IE double margin fix */
}



/* Tan IE5 box model fix
	Hides from IE5-mac \*/
* html #content {
	width: 470px;
	w\idth: 470px;
}

#s-content  {
	text-align: left;
	float: left;
	width: 600px;
	margin: 0 0 0 60px;
	padding: 0 0 15px 0;
	overflow: hidden;
	display: inline; /* IE double margin fix */
}


#menu {
	text-align: left;
	padding: 15px;
	margin: 0;
	float: right;
	width: 180px;
	overflow: hidden;
	background: transparent;
}
/* Hides from IE5-mac \*/
* html #menu {
	width: 210px;
	w\idth: 180px;
}

#footer {
	text-align: center;
	border-top: solid 1px #4D3B27;
	clear: both;
	margin: 5px 0 5px 0;
	}

#header {
	text-transform: uppercase;
	margin: 15px 0 30px 0;
	padding: 1px;
	height: 160px;
	background-image: url(images/quentin-head.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.navigation {
	font: bold 12px/15px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0 60px 0;
	padding: 6px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	}
.n-left {
	float: left;
	width: 45%;
	}
.n-right {
	float: right;
	width: 45%;
	}

/* classes used by the_meta() --------------------------------- */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}


.feedback {
	color: #ccc;
	text-align: right;
	clear: all;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}





/* Make the Search Perty --------------------------------- */


li#search {
	border-bottom: 1px solid #000;
}

#menu form {
	margin: 0 ;
}

#menu input#s {
	margin: 0 0 5px 0 ;
	width: 90px;
	background: #F6EDD3;
	border: 1px solid #999;
	color: #000;
}

#menu input#sub {
	margin: 0 0 5px 0 ;
	width: 50px;
	font-size: 75%;
	font-style: italic; 
	background-color: #F6EDD3; 
	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif; 
	color: #000;   
	border: 1px solid #999;
	}

/* Right Column Lists --------------------------------- */

#menu ul {
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0px;
	color: #333;
}

#menu ul ul {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 20px 0;
	text-align: left;
}

#menu ul ul li {
	font-family:  "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 0.25em 0;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 0 13px;
}

#menu ul ul li a {
	text-decoration: none;
}

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

#menu ul ul ul.children {
/*	font-size: 142%; */
	padding-left: 4px;
}
#menu ul li p {
	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	text-transform: none;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	color: #333;
}

/* Make the Calendar Perty --------------------------------- */

#calendar {
	background:  url(images/calendar.gif) repeat-x center top;
	width: 194px;
	height:200px;
	padding: 10px;
}
#wp-calendar {
	background: #CBB293;
	empty-cells: show;
	margin: 5px 0 10px 10px;
	font-size: 80%;
	width: 170px;
	text-align: center;
}


#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #EADAB6;
	color: #5B211A;
}

#wp-calendar caption {
	font: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 120%;
	text-align: center;
	margin: 10px 0 3px 0;
}

#wp-calendar td {
	margin: 1px;
	color: #9D8872;
	font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px;
	text-align: center;
	background-color: #F6EDD3;
}

#wp-calendar td.pad:hover {
	background: #EADAB6;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #CBB293;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	background-color: #CBB293;
}


/* Make the trackback Perty --------------------------------- */

#trackback {
	background-color: #F4ECD2;
	margin: 0;
	padding: 10px;
	}

#trackback p {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;	margin: 2px 0 1em 0;
}


/* Make the comments Perty --------------------------------- */

#comments {
	font-size: 110%;
	font-weight: normal;
	margin: 1em 0 1em 0;
	padding: 0;
	}
#commentlist {
	margin: 0;
	padding: 0;
	}

#commentlist li {
	margin: 15px 0 0 0;
	padding: 1em 10px 3px 10px;
	list-style: none;
	border-top: 1px solid #CBB293;
	border-bottom: 1px solid #CBB293;
	background-color: #F8F7E3;
	}
#commentlist li cite {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#commentlist p {
	margin: 5px 0 1em 0;
}

#commentf {
	background-color: #F4ECD2;
	margin: 2em 0 0 0;
	padding: 5px 10px 10px 10px;
	}
	
#postcomment {
	font-size: 110%;
	font-weight: normal;
	}
#commentform p {
	font-family: "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 70%;
	border-top: 1px solid #A18C74;
	padding: 10px 0px 0px 0px;
	}