@import url(/versions/mar2009/css/reset.css);

/* Basic Grid Elements 
988 pixels wide; 12 columns; 64px columns; 20px gutters */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
	float: left;
	margin-right: 20px;
	}

div.last { margin-right: 0; }

.col-1  { width: 64px;}
.col-2  { width: 148px;}
.col-3  { width: 232px;}
.col-4  { width: 316px;}
.col-5  { width: 400px;}
.col-6  { width: 484px;}

/* Typographic Elements */

html {
border-top: 3px solid #a26037; 
}

body {
	color: #333;
	text-align: center;
	font-size: 93.78125%; /* 15 pixel document base font size */
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.467;
   	background: url(/versions/nov2009/img/top-bg-4.jpg) left top repeat-x;
	}

h1, h2, h3, h4, h5, h6 { 
	color: #7e9a97;
  	font-family: Georgia, "Times New Roman", serif;
  	font-weight: normal;
	}
	

h1 { font-size: 2em; line-height: 1.2; margin-bottom: 14px; }
h2 { font-size: 1.20033em; line-height: 1; margin-bottom: 0.8333796em; }
h3 { font-size: 0.866711em; line-height: 1.2306; margin-bottom: 0.6em; text-transform: uppercase; letter-spacing: 2px;}

h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.467;
	margin-bottom: 1.467em;
}

p           { margin: 0 0 1em 0; }

ul { 
	margin: 0 0 1em 1.5em; 
	list-style: circle;
	}
	
ul.clean {
	list-style: none;
	margin: 0 0 1em 0;
	}		

ul li, ol li {
margin-bottom: 10px;
}
ol { 
	margin: 0 0 1em 2em; 
	list-style: decimal;
	}
	
li ul, 
li ol       { margin:0 1em; }
		
dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

blockquote  { color: #666; font-style: italic; padding: 0 1.25em; }
strong { font-weight: bold; color: #2b4c4f; }
em     { font-style: italic; }
sup    { font-size: 0.6em; vertical-align: super; }
sub    { font-size: 0.8em; vertical-align: sub; }

.strike     { text-decoration: line-through; }
   	
.caps, .smallcaps  { text-transform: uppercase; font-size: 75%; letter-spacing: 1px; }
.hide       { display: none; }
.hilite     { color: #980000; }
.dark       { color: #000; }

.amp, .alt { 
  font-size: 1.2em;
  font-style: italic;
  font-family: "Palatino Linotype", "Baskerville", "Warnock Pro", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}

.amp {
	line-height: 1%;
}

.alt {
	line-height: 1.5;
}

.error, .notice, .success { 
	padding: 1.5em 15px; 
	margin-bottom: 1.5em; 
	border-style: solid;
	border-width: 2px;
	text-align: center; 
	}
	
.error      { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #817134; border-color: #ffd324; }
.success    { background: #e6efc2; color: #529214; border-color: #c6d880; }
.error a    { color: #d12f19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

hr {
  background: #d8d8d8; 
  color: #d8d8d8;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em 0;
  border: none; 
}

/* common form elements */

input, textarea {
	border: 1px solid #2b4c4f;
	background: #dfeae9 url(/versions/nov2009/img/bg-2.jpg) repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times;
	line-height: 1.5;
}

input:focus, textarea:focus {
	background: transparent;
	border: 1px solid #a26037;
}

form label,
form div.col-2 span, form div.col-3 span  {
	font-size: 0.733422em;
	line-height: 2;
}

/* Site Styles */

.group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#outer {
	width: 988px;
	margin: 0 auto;
	text-align: left;
	 background: url(/versions/nov2009/img/top-tile.gif) top left no-repeat; 
	padding-top: 51px;
	}	

#title {
		width: 232px;
		float: left;
		margin-right: 20px;
		background: url(/versions/nov2009/img/long-ribbon.jpg) left bottom no-repeat;

	}	
	
#main-content {
	margin-right: 20px;
	width: 484px;
	float: left;
	padding-top: 20px;
}		
	
#aux-content {
	width: 232px;
	float: left;
	padding-top: 20px;
}

#logo {
		height: 86px;
		width: 220px;
		margin-bottom: 2em;
padding-top: 23px;
 /* margin-top: -33px; */
	}
	
#logo a {
		display: block;
		height: 94px;
		width: 220px;
		background: url(/versions/nov2009/img/logo-ribbon.gif) left top no-repeat;
		text-indent: -1000em;
	}
	
#logo a:hover {
		background-position: left -94px;
	}
		
/* Navigation */
	
#title ul {
		list-style: none;
		font-size: 1.067em;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 0 3em 0;

	}
	
	#title ul li a {
		font-style: italic;
		text-shadow: 0 -1px 0 #999;
		padding: 0 3px 2px 3px;
	}

#title ul li {
margin-bottom: 0;
}

	#title ul li a:hover,
	#home #n-home,
	#about #n-about,
	#poems #n-poems,
#journal #n-journal,
	#contact #n-contact {
		color: #2b4c4f;
		text-decoration: none;
		border-bottom: 2px solid #2b4c4f;
	}

#n-rss img { vertical-align: -2px; }
/* Links */

a { 
	color: #a26037; 
	text-decoration: none; 
	outline: none; 
	}

a:hover, a:focus { 
	color: #2b4c4f; 
	text-decoration: underline; 
	outline: none;

	}

h3.section-title {
		font-size: 0.667em;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #555;
		line-height: 2;
		margin-bottom: 10px;
		font-weight: normal;
	}
	
div.entry, div#comments-form, div#comments-list {
background: url(/versions/nov2009/img/divider.gif) center bottom no-repeat;
		padding-bottom: 2em;
		margin-bottom: 2em;
}

div.entry-body a {
		color: #a26037; 
		text-decoration: none; 
		outline: none;
		padding-bottom: 1px;
		border-bottom: 1px dotted #a26037;
	}
	
	div.entry-body a:hover {
			color: #2b4c4f;
		border-bottom: 1px solid #2b4c4f;
text-decoration: none;
	}
	
/* Image Handling */

img { max-width: 100%; }

img.align-left, img.align-right, img.full-width, img.align-center,
a.img, div.img-container {
	display: block;
	padding: 4px;
	border: 1px solid #9eb6b4;
	background: url(/versions/nov2009/img/bg-2.jpg) repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.entry-body a.img {
	padding-bottom: 4px;
	border: 1px solid #9eb6b4;
}

.align-left {
	float: left;
	margin: 4px 10px 2px 0;
}

.align-right {
	float: right;
	margin: 4px 0 2px 10px;
}

.full-width {
	margin-bottom: 1em;
}

.align-center {
	margin: 0 auto 1em auto;
}

a.img img,
div.img-container img {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	margin:0;
}

div.img-container img {
margin-bottom: 10px;
}

div.img-container p {
font-size: 11px;
line-height: 1.4;
color: #666;
margin-bottom: 5px;
padding: 0 8px;
}

img.full-width {
	width: 97%;
	margin: 0 auto;
} 

img.pull-1 {
	width: 98%;
	margin: 0 auto;
}

a.img:hover, div.entry-body a.img:hover {
	background: transparent;
}


	h2 a {
		color: #7e9a97;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #a26037;
		text-decoration: none;
		border-bottom: 1px solid #a26037;
	}
.comment-link {
padding-left: 20px;
background: url(/versions/nov2009/img/comment.png) left 2px no-repeat;
}

a.twitter-link, a.facebook-link, a.flickr-link {
line-height: 30px;
vertical-align: middle;
padding-left: 35px;
padding: 10px 0 10px 35px;
}

a.twitter-link {
	background: url(/versions/nov2009/img/twitter-icon.png) left top no-repeat;
}

a.facebook-link {
	background: url(/versions/nov2009/img/facebook-icon.png) left top no-repeat;
}

a.flickr-link {
	background: url(/versions/nov2009/img/flickr-icon.png) left top no-repeat;
}
span.drop {
		display: block;
		float: left;
		font-size: 71px;
		line-height: 0.8;
		margin: 2px 5px 0 0;
		text-transform: uppercase;
		color: #c8c8c8;
	}	
p.post-meta {
	padding: 7px;
	border-top: 1px dotted #7e9a97;
	border-bottom: 1px dotted #7e9a97;
	font-size: 0.86671em;
	text-transform: capitalize;
	line-height: 1;
	text-align: center;
	}
	
p.post-bottom {
		font-size: 0.8000666em;
		line-height: 2;
clear: both;
	}

div.prev-next {
margin-bottom: 2.5em;
text-align: center;
}

div.prev-next a {
display: block;
font-size: 1em;
width: 241px;
height: 30px;
padding-top: 62px;
font-size: 0.733422em;
line-height: 1.5;
}

div.prev-next a.link-to-prev {
float: left;
background: url(/versions/nov2009/img/left-arrow-2.gif) left top no-repeat;
text-align: left;
}

div.prev-next a.link-to-next {
float: right;
text-align: right;
background: url(/versions/nov2009/img/right-arrow-2.gif) right top no-repeat;
}

div.prev-next a:hover {
text-decoration: none;
border-bottom: none;
}


	
div.sidebar-module {
		background: url(/versions/nov2009/img/divider.gif) center bottom no-repeat;
		padding-bottom: 17px;
		margin-bottom: 1.3em;
	}
		
div.sidebar-event {
border-bottom: 1px dotted #7e9a97;
margin-bottom: 1em;
}

div.sidebar-event-last {
border-bottom: none;
margin-bottom: 0;
}
	
#aux-content p, #aux-content ol, #aux-content ul,
#footer p, #footer ol, #footer ul
  {
	font-size: 11px; 
	line-height: 1.4em;  
	margin-bottom: 1em; 
}	


	
ul#twitter {
	list-style: none;
	margin: 0; 
	}
div.flickr {
margin-bottom: 10px;
}

div.flickr a img {
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
}

div.flickr a {
	margin: 0 8px 0 0;
	padding: 0;
}

ul#delicious {
list-style: none;
margin: 0;
}

#bottom {
		clear: both;
		width: 100%;
		background: #1a1a1a url(/versions/nov2009/img/bottom-bg-2.jpg) left top repeat-x;
		padding-bottom: 3em;
		border-top: 1px solid #a9a9a9;
	}

#footer {
		width:988px;
		margin: 0 auto;
		padding-top: 60px;
		text-align: left;
		color: #7e9a97;		
	}

#footer h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

#footer a:hover {
color: #f9f9f9;
text-decoration: underline;
}

/* Comment Styles */
		
div.comment {
	font-size: 0.866711em;
	padding-left: 84px;
	padding-right: 10px;
	background: url(/versions/nov2009/img/quote.jpg) left 5px no-repeat;
	z-index: 2;
	position: relative;
	border-bottom: 1px dotted #7e9a97;
	margin-bottom: 1em;
}

div.lastone {
	margin-bottom: 2em;
}

div.comment h4 {
	margin-bottom: 1em;
}

span.comment-num {
	font-size: 115px;
	color: #e8e8e8;
	right: 0;
	top: 0;
	z-index: 1;
	position: absolute;
	line-height: 0.6;
}

div.comment p {
	position: relative;
	z-index: 2;
}

div.comment p.comment-meta {
	font-size: 0.8462em;
	line-height: 2;
}

/* comment form styles */

form#txpCommentInputForm input {
	width: 136px;
font-size: 0.8em;
}

form#txpCommentInputForm textarea {
	width: 472px;
height: 15em;
font-size: 0.8em;
}

input#txpCommentPreview,
input#txpCommentSubmit {
	width: auto;
}

input#txpCommentPreview:hover,
input#txpCommentSubmit:hover,
#contact form input.zemSubmit:hover  {
	background: transparent;
	border: 1px solid #a26037;
	cursor: pointer;
}



form div.col-2 span,
form div.col-3 span {
	color: #a8a8a8;
}

p.comment-caveat {
	font-size:  0.733422em;
	line-height: 1.5;
	color: #a8a8a8;
}

#contact form input {
width: 220px;
}

#contact form textarea {
width: 472px;
height: 10em;
}

#contact form input.zemSubmit {
width: auto;
}

ul.archive-list {
margin: 0 0 1em 0;
padding-bottom: 1em;
border-bottom: 1px dotted #7e9a97;
list-style: none;
}

ul.archive-list li {
display: inline;
margin-bottom: 0;
}