@import url(/versions/mar2009/css/reset.css);

/*
========================
michaelgravel.com
Main Stylesheet
March 2009 Version
========================
*/

/*
========================
Main blocks
========================
*/

body {	
	text-align: center;	
    font-family: Georgia, Times, "Times New Roman", Garamond, Times, serif;  
    background: #e7f9fd;
    color: #6e6e6e;
	}


#outer {
	width: 980px; 
	margin: 0 auto;
	text-align: center;
	}
	
/*
========================
Grid Elements
========================
*/	

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
	float: left;
	margin-right: 20px;
	}
	
.last { margin-right: 0; }

.col-1  { width: 60px; }
.col-2  { width: 140px; }
.col-3  { width: 220px; }
.col-4  { width: 300px; }
.col-5  { width: 380px; }
.col-6  { width: 460px; }

.pull-1 { margin-left: -80px; }
.pull-2 { margin-left: -160px; }

.pull-1, .pull-2 {
	float: left;
	position: relative;
	}	

.prepend-2  { padding-left: 160px; }
	
/*
========================
Type Elements
========================
*/	

a { 
	color: #980000; 
	text-decoration: none; 
	border-bottom: 1px dotted #980000;
	outline: none; 
	}
	
a:hover, a:focus { 
	color: #980000; 
	border-bottom: 1px solid #980000;
	outline: none;
	}

#column a {
color: #0d537d;
border: none;
text-decoration: none;
outline: none;
}

#column a:hover, #column a:focus {
color: #980000; 
	border: none;
	outline: none;
}

#content p { 
	margin: 0 0 1.6em 0; 
	}

ul { 
	margin: 0 0 1.6em 1.5em; 
	list-style: circle;
	}
	
ul.clean {
	list-style: none;
	margin: 0 0 1.6em 0;
	}	

ol { 
	margin: 0 0 1.6em 2em; 
	list-style: decimal;
	}
	
li ul, 
li ol       { margin:0 1.5em; }
		
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

blockquote  { 
	color: #666; 
	font-style: italic; 
	padding-left: 1em;
	border-left: 1px dotted #a8a8a8;
	}
	
strong { font-weight: bold; }
em     { font-style: italic; }

pre, code { 
	white-space: pre; 
	background: #e8e8e8; 
	padding: 1.5em 0;
	font-size: 0.8em;
	font-family: "Courier New", Courier, "Lucida Console", monospace; 
	line-height: 1.5; 
	} 

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }

.small      { font-size: .8em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; }
.strike     { text-decoration: line-through; }
.smallcaps  { font-variant: small-caps; }
.hide       { display: none; }
.hilite     { color: #980000; }
.quiet      { color: #666; }

.amp, .alt { 
  color: #666; 
  font-size: 1.2em;
  line-height: 1%;
  font-style: italic;
  font-family: "Warnock Pro", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}

#content .caps {
text-transform: lowercase;
font-variant: small-caps;
font-size: 90%;
	}

#column .caps {
text-transform: uppercase;
font-variant: normal;
font-size: 100%;
}	

.error, .notice, .success { 
	padding: 1em 15px; 
	margin-bottom: 1.6em; 
	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; }

/*
Float Clearing
*/

.clear, .entry, #content-contain, .sidebar-item { display: inline-block; text-align: left;}   
.clear:after, .entry:after, #content-contain:after, .sidebar-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear, * html .entry, * html #content-contain, * html .sidebar-item { height: 1%; }
.clear, .entry, #content-contain, .sidebar-item { display: block; text-align: left; }
.clearfix { clear: both; height: 1px; border:1px solid #d8d8d8; }

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.5336em 0;
  border: none; 
}
	
/*
========================
Form Elements
========================
*/	

label { 
	font-weight: normal; 
	font-size: 12px;
	font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	color: #507f9d;
	}

input, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1;
	padding: 5px;
	color: #333;
	border: 1px solid #507f9d;
	background: #f8f8f8;  
	} 
	
input:focus, textarea:focus {	
	border: 1px solid #999; 
	background: #ffffff; 
	}		
	
textarea { 
	width: 350px; 
	height: 150px;  
	}	
	
input  { 
	width: 300px;  
	}	
	
fieldset { 
	padding: 1.4em; 
	margin: 0 0 1.5em 0; 
	border: 1px solid #ccc; 
	}

legend { 
	font-weight: bold; 
	font-size: 1.2em; 
	}

input.button, input.zemSubmit {
	width: auto; 
	}	
	
input.button:hover, input.zemSubmit:hover {
	cursor: pointer;
	color: #980000;
	background: #ffffff;
	border: 1px solid #999;
	}	

select { 
	border: 1px solid #ccc; 
	background: #f6f6f6; 
	width: 200px; 
	}
	
select:focus { 
	border: 1px solid #999; 
	background: #fff; 
	}
	
/*
========================
Top of Page
========================
*/	
	
#top, #footer {
	margin: 0 auto;
	padding: 0 30px;
	width: 920px;
} 	
  
#top {
	background: url(/versions/mar2009/img/top-tile-2.jpg) top center no-repeat;
	height: 279px;
	text-align: left;
}

h1 {
	width: 920px;
	height: 41px;
	padding-top: 36px;
	margin-bottom: 159px;
}

h1 a {
	display: block;
	margin: 0;
	width: 196px;
	height: 41px;
	text-indent: -1000em;
	background: url(/versions/mar2009/img/name-tile.jpg) top left no-repeat;
	border: none;
}

h1 a:hover, h1 a:focus {
	background-position: 0 -41px;
	border: none;
}	

/*
========================
Navigation
========================
*/	

#nav {
	margin: 0;
	padding: 10px 0 0 8px;
	list-style: none;
	width: 560px;
	height: 30px;
	float: left;
	}
	
#nav li {
	margin: 0;
	display: inline;
	padding: 9px 0 10px 0;
	font-family: "Lucida Sans Unicode", "Arial Narrow", Arial;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
	
#nav li a {
	padding: 12px 12px 14px 12px;
	text-decoration: none;
	color: #e7e3d9;
	font-weight: normal;
	border: none;
	}
	
#nav li a:hover,
#home #n-home,
#about #n-about,
#books #n-books,
#poetry #n-poetry,
#contact #n-contact {
	color: #980000;
	text-decoration: none;
	}

/*
Search Form
*/
	
#search {
	width: 300px;
	padding-right: 20px;
	float: right;
	text-align: right;
	margin: 0;
	}	
	
#search form {
	padding: 0;
	margin: 0;
	}	
	
#search input {
	font-size: 11px;
	border: 1px solid #35749a;
	background: transparent;
	color: #a8a8a8;
	padding: 2px;
	line-height: 1;
	margin: 0 3px 0 0;
	width: 180px;
	}	
	
#search input.submit {
	outline: 0;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
	}	
	
#search input.submit:hover {
	cursor: pointer;
	}
		
#search div {
	padding: 8px 0 0 0;
	}			

/*
========================
Content Area
========================
*/	

#content-contain {
		width: 880px;
		padding: 18px 50px;
		background: url(/versions/mar2009/img/mid-tile-3.jpg) repeat-y;
	}
	
/*
Main Content Area (not side column)
*/	
	
#content {
	width: 540px;
	float: left;
	font-size: 15px;
	line-height: 1.600;
}

h2, h3, h4, h5, h6 { 
	color: #000; 
  	font-weight: normal;
  	font-family: "Lucida Sans Unicode", Arial, Verdana, serif;
  	font-variant: small-caps;
  	letter-spacing: 1px;
	}
	
h2 { 
	font-size: 24px; 
	margin-bottom: 12px; 
	line-height: 1;
	}
		
h6 {
	font-size: 1em;
	}	

.feed-link,
.file-link,
.link-link,
.pdf-link,
.comment-link {
padding-left: 20px;
background-position: left 1px;
background-repeat: no-repeat;
}

.feed-link {
background-image: url(/versions/mar2009/img/feed-small.gif);
}

.file-link {
background-image: url(/versions/mar2009/img/folder-small.gif);
}

.link-link {
background-image: url(/versions/mar2009/img/sidelink.png);
}

.pdf-link {
background-image: url(/versions/mar2009/img/pdf-small.gif);
}

.comment-link {
background-image: url(/versions/mar2009/img/comment-small-2.gif);
}
	
/*
Entry Styles
-- The entry is the main block that contains content on any given page
*/	
	
.entry {
	padding-bottom: 1.6em;
	margin-bottom: 1.6em;
	background: url(/versions/mar2009/img/dot.gif) bottom center no-repeat;
}

.gutter {
	width: 60px;
	float: left;
	margin-right: 20px;
}

.entry-main {
	width: 460px;
	float: left;
}	

/* Entry Title */
h3 { 
	font-size: 18px; 
	line-height: 1; 
	margin-bottom: 0.75em;
 	}
	
h3 a {
	color: #000;
	border: none;
}	

/* Subheading */	
#content h4 {
	font-size: 18px;
	line-height: 1.3336;
	font-variant: normal;
	margin-bottom: 1.3336em;
	letter-spacing: 0;
}	
	

p.post-meta {
	font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	font-size: 12px;
	line-height: 2;
	color: #507f9d;
	margin-bottom: 2em;
}

sup {
vertical-align: super;
}

p.footnote sup {
vertical-align: baseline;
color: black;
}

.gutter a, .col-1 a {
	border: none;
}

/*
Image handling for entries
*/

.entry-main img, .entry-main a.imglink {
	display: block;
	border: 1px solid #484848;
	float: left;
	margin-right: 20px;
	margin-bottom: 24px;
}

.entry-main img.full, .entry-main a.imglink.full {
margin-right: 0;
float: none;
}

.entry-main img.ctr, .entry-main a.imglink.ctr {
margin-right: auto;
margin-left: auto;
float: none;
}

a.imglink img {
display: block;
margin: 0;
float: none;
border: none;
}

.gutter img {
	border: none;
	margin: 0;
}	
	
div.date {
	height: 51px;
	width: 57px;
	padding: 11px 0 0 0;
	}
	
div.date {
	background: #608bc4 url(/versions/mar2009/img/date-4.jpg) left top no-repeat;
}
	
div.date h5 {
	font-weight: normal;
	text-align: center;
	font-family: "Lucida Sans Unicode", Verdana, sans;
	margin: 0;
font-variant: normal;
	padding: 0;
	color: #fff;
	line-height: 1em;
	}
	
div.date h5.month, div.date h5.year {
	font-size: 10px;
	text-transform: uppercase;
	}
	
div.date h5.day {
	font-size: 24px;
	}
	
/*
Comment Display Styles
*/

h3#commentary, h3#comments-form-display {
	padding-left: 80px;
	font-size: 20px;
	margin-bottom: 24px;
	line-height: 1;
}

.comment-main {
	width: 460px;
	float: left;
}	

.comment {
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: 24px;
}

.comment .gutter {
	color: #d8d8d8;
	font-size: 35px;
	line-height: 60%;
font-family: "Lucida Sans Unicode", Lucida, Verdana, Arial;
}

#comments-list h4 {
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 24px;
	padding-left: 30px;
	background: url(/versions/mar2009/img/comment.gif) top left no-repeat;
}

span.comment-author {
text-transform: lowercase;
font-variant: small-caps;
color: #507f9d;
}

p.comment-caveat {
	font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}	

#comments-form p.comment-caveat span {
color: #980000;
text-transform: uppercase;
line-height: 1.4;
}

/*
Comment form display styles
*/

div#comments-form {
padding-left: 80px;
}

input#name, input#web, input#email {
width: 128px;
}

textarea#message {
width: 448px;
}

#comments-form span {
font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	font-size: 12px;
	line-height: 2;
	color: #507f9d;
}

#comments-form div.clear {
margin-bottom: 24px;
}

/*
Contact Form Styles
*/

#contact input#Name, #contact input#Email {
	width: 208px;
}

#contact textarea#Message {
	width: 448px;
}		

/*
Link Section Styles
*/

#links div.spacer {
height: 240px;
}

/*
========================
Column Styles
========================
*/	


#column {
		width: 300px;
		float: right;
		font-size: 11px;
		line-height: 1.636;
	}

#column p {
margin: 0 0 18px 0;
}

#column ol, #column ul {
margin-bottom: 18px;
}

#column il.clean {
margin-bottom: 18px;
}
	
#column h4 { 
	font-size: 16px; 
	line-height: 1; 
	margin-bottom: 10px;
	}	
	
a#mgcreative {
	border: none;
	display: block;
	margin-bottom: 18px;
}

a#mgcreative:hover {
	border: none;
}	
	
div.sidebar-item {
	margin-bottom: 18px;
	background: url(/versions/mar2009/img/border.gif) bottom repeat-x;
}	
		
p.side-date {
	font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	font-size: 12px;
	line-height: 1.5;
	/* color: #507f9d; */
color: #666;
	margin-bottom: 0;
	text-transform: uppercase;
} 

/*
========================
Footer Styles
========================
*/	
	

#footer {
	background: url(/versions/mar2009/img/bottom-3.jpg) top center no-repeat;
	height: 132px;
	padding-top: 32px;
	font-family: "Lucida Sans Unicode", Lucida, Arial, Verdana sans;
	color: #507f9d;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
}

#footer a {
		color: #507f9d;
		border: none;
	}
		
#footer a:hover {
		color: #f8f8f8;
	}	
				
