/*
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;
	}



/* 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: 920px;
	margin: 0 auto 0 auto;
	background: #F2E2C1 url(images/quentin-bgx.jpg) repeat-y left top;
	padding: 0 10px;
	border: 10px solid #411213;
	}
/* Tan IE5 box model fix
	Hides from IE5-mac \*/
* html #rap {
	width: 920px;
	w\idth: 900px;
}	
#content, #s-content {
	border-left: 1px solid #c5a087;
	border-right: 1px solid #c5a087;
	text-align: left;
	float: left;
	width: 480px;
	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;
}

* html #s-content {
	width: 470px;
	w\idth: 470px;
}

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

*/


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

#left-menu {
	float: left;
	text-align: left;
	padding: 10px;
	margin: 0;
	width: 180px;
	overflow: hidden;
	background: transparent;
}

#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 10px "lucida grande", "trebuchet ms", georgia, times, serif;
	color: #000;
	margin: 1em 0 60px 0;
	padding: 5px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	}
.n-left {
	float: left;
	width: 45%;
	}
.n-right {
	float: right;
	width: 45%;
	}
.n-divider {
	float: left;
	width: 5%;
	border-right: 1px solid #c5a087;
	height: 20px;
	}

/* 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: 100%;
	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, #left-menu ul, .mainarchive ul {
	margin: 0px 0 0px 0;
	padding: 0;
	list-style: none;
}

#sb-archives {
	font-size: 105%;
	text-transform: none;
	text-align: center;
}

#menu ul li, #left-menu ul li, .mainarchive 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 0;
	padding: 0;
	border: 0px;
	color: #333;
}

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

.xoxo li {
	margin: 5px 0 2px 0 !important;
}

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

#menu-categories, #left-menu-categories {
	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: 50px 20px 20px 20px;
	text-align: right;
}

#menu-categories ul li, #left-menu-categories ul li {
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	padding: 50px 20px 20px 20px;
	text-align: right;
}

#menu-links, #left-menu-links {
	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: 4px 0 4px 15px;
}

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

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

#menu ul ul ul.children, #left-menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}
#menu ul li p, #left-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;
	}
.sb-divider {
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.sb-divider-2 {
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 10px;
}