/*******************************************************************************/
/* BUCKLEBURYFERRY.NET STYLESHEET */

/* 
TITLE: BuckleburyFerry.net screen stylesheet
DESCRIPTION: Black and white, fixed-width layout.
CREATED: 6/9/07
UPDATED: 9/26/08
AUTHOR: Mike Spencer
AUTHOR URL: www.blackmountainside.com
*/

/*******************************************************************************/
/* BODY STYLES */

html
{	font-size: 75%; }

body 
{	font: 1em/1.6em "trebuchet ms", georgia, verdana, tahoma, sans-serif;
	color: #333;
	padding: 10px; 
	margin: 0;
	background: url(images/bg.gif) repeat top left #ccc; }

a:link
{ 	color: #0F577F; }

a:visited 
{	color: #888; }

a:hover 
{ 	color: #000; }

acronym, abbr
{	cursor: help; }

blockquote
{	font: 1em/1.5em georgia, times, sans-serif;
	font-style: italic;
	color: #3B7C9F;
	margin: .8em 0 .8em;
	padding: 10px;
	background: #f3f3f3;
	border-left: 3px solid #ccc; }

blockquote p
{	margin: 0; }
	
blockquote em
{	font-style: normal; }

h1 
{ 	font-size: 2.0em;
	margin: 1.25em 0 .5em 0; }

h2 
{ 	font-size: 1.66em; 
	margin: 1em 0 .5em 0; }

h3 
{ 	font-size: 1.33em; 
	margin: .75em 0 .5em 0; }

h4, h5, h6 
{ 	font-size: 1em; 
	margin: .5em 0 0 0; }
	
hr
{	color: #fff;
	margin: 0;
	height: 1px;
	background: #fff;
	border: 0;
	border-bottom: 1px dotted #888; }

input, select, textarea
{	color: #666;
	font: .95em/1.5em "trebuchet ms", verdana, helvetica, arial, san-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #0F577F; 
	border-top: 1px solid #0F577F; 
	border-right: 1px solid #3B7C9F; 
	border-bottom: 1px solid #3B7C9F; }

p, ul, ol, dl
{ 	margin: .5em 0 1em 0; }

small 
{	font-size: .95em; }


/*******************************************************************************/
/* CLASSES */


/* CLEARS *********************************************************************/

.clear 
{ 	clear: both; }

.clearLeft 
{	clear: left; }

/* COLOR *********************************************************************/

.grey 
{ 	color: #333; } /* DEFAULT COLOR */

.lightGrey 
{ 	color: #777; }

.warning 
{ 	color: #ff0000; }

/* FLOATS *********************************************************************/

.floatLeft, .alignleft
{	position: relative;
	float: left; }

.floatRight
{	position: relative;
	float: right; }

/* MARGIN *********************************************************************/

.noMarg 
{ 	margin: 0px; }

.noMargTop 
{ 	margin-top: 0px; }

.noMargBot 
{ 	margin-bottom: 0px; }

/* MISC ***********************************************************************/

.hidden, .print 
{ 	display: none; }

.noBorder 
{ 	border: 0; }

.rating
{	position: relative;
	float: left;
	font-size: 3em;
	font-weight: bold;
	margin: 5px 10px 5px 0px;
	padding: 15px 10px;
	background: #F5EDC2;
	border: 1px solid #333; }
	
.submit
{	color: #0F577F;
	background: #ccc; }

.thumb
{	position: relative;
	float: left;
	font-size: .95em;
	line-height: 1.2em;
	padding: 10px;
	padding-left: 0;
	width: 150px; }

.thumb img
{	text-align: center; }

.thumb p, .thumb h4, .thumb ul
{	margin: 0 0 .5em 0; }

.thumb ul
{	padding: 0;
	margin-left: 1.5em; }

/* POSTS **********************************************************************/

.post 
{	margin-bottom: 30px; }

.post img
{	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ccc; }

.post img.floatLeft
{	padding: 0;
	margin: 5px 10px 5px 0;
	background: transparent;
	border: 0; }

.post .date, .postmetadata, .searchNav, .navigation {
	font-size: .95em;
	color: #777;
	line-height: 1.6em;
	margin-top: 0px;
	border-top: 1px dotted #ccc;
}

.postmetadata, .searchNav, .navigation {
	padding: 2px 5px;
	background: #f3f3f3;
	border: 1px dotted #ccc;
}

.postmetadata a, .searchNav a, .navigation a
{	color: #0F577F; }

.postmetadata a:hover, .searchNav a:hover, .navigation a:hover
{	color: #000; }
	
.postmetadata small
{	font-size: 1em; }

.post .entryTitle 
{	margin: 0 0 5px 0; }

.post .entryTitle a, .pagetitle a
{	color: #0F577F;
	text-decoration: none; }

.post .entryTitle a:hover, .pagetitle a:hover
{ 	color: #000; }

.pagetitle
{	margin: 0 0 1em 0; }

.navigation
{	background: #E6EEF3;
	border: 1px solid #3B7C9F; }
	
.navigation .alignleft
{	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dotted #3B7C9F; }

.navigation a
{	text-decoration: none; }

/* COMMENTS *******************************************************************/

#comments, #respond {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc; }

.commentlist {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	list-style: none; }

.commentlist li 
{	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
	background: #E6EEF3;
	border-left: 5px solid #3B7C9F; }
	
.commentlist li.alt
{	background: #f0f0f0;
	border-left: 5px solid #888888; }

.commentlist cite
{	font-weight: bold;
	padding-left: 23px;
	background: url(images/comment_bg.gif) no-repeat center left; }

.commentlist li.alt cite
{	background: url(images/alt_comment_bg.gif) no-repeat center left; }

.commentmetadata
{	border-top: 1px dotted #ccc; }

.commentlist small
{	display: block;  }

.commentlist p
{	font: 1em/1.5em georgia, times, sans-serif; }
	
.comment
{	width: 100%; }

#respond
{	margin-top: 30px;
	margin-bottom: 0; }

#commentform p
{	margin: 5px 0px; }

/* DATA TABLE *****************************************************************/

.data
{	margin: .5em 0 1em 0;
	border-collapse: collapse;
	border: 1px solid #444; }

.fullWidth
{	width: 100%; }

.data .right
{	text-align: right; }

.data .center
{	text-align: center; }

.data th, .data td
{	font-size: .95em;
	line-height: 1.5em;
	vertical-align: top;
	text-align: left;
	padding: 3px 10px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc; }

.data th
{	background: #eee;
	border-bottom: 1px dotted #444; }

.data tr.a td
{	background: #f3f3f3; }


/*******************************************************************************/
/* LAYOUT STYLES */

/* CONTAINER ******************************************************************/	

#container {
	position: relative;
	margin: 0 auto;
	padding: 7px;
	width: 720px;
	background: #ffffff;
	border: 1px solid #333; }

/* HEADER ====================================================================*/

#header {
	padding: 10px 20px;
	background: url(images/header_bg.jpg) repeat top left #000; }

#header h1 { 
	color: #ffffff;
	margin: 0 0 .25em 0; }

#header h2 
{ 	color: #cccccc;
	margin: 0; }
	
#header img
{	border: 0; }

/* NAV =======================================================================*/

.nav
{	list-style: none;
	line-height: 150%;
	margin: 0;
	padding: 3px 10px 3px 14px;
	background: #eeeeee;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000; }
	
.nav li
{	padding: 0;
	margin: 0 0 0 -4px;
	display: inline; }

.nav a
{	text-decoration: none;
	padding: 3px 10px; 
	border-right: 1px dotted #cccccc; }

.nav a em
{	font-style: normal;
	text-decoration: underline; }

.nav a:link, .nav a:visited
{	color: #0F577F; }
	
.nav a:hover 
{	color: #000;
	background: #ddd; }

/* SEARCH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#search
{	text-align: right;
	padding: 5px 10px;
	background: #000;
	border: 0;
	border-bottom: 3px solid #444; }

#search a, #search a:link, #search a:visited
{	color: #ccc;
	border-right: 1px solid #444; }

#search a:hover
{	color: #fff;
	background-color: #444; }

#search form
{	padding-left: 10px; }

#search form, #search form p
{ 	font-size: 1em;
	margin: 0px;
	display: inline; }

#search input#s
{	width: 120px;
	border: 1px solid #3B7C9F; }

#search .submit 
{	padding: 1px 2px;
	background: #ccc;
	border: 1px solid #3B7C9F; }

/* CONTENT ===================================================================*/

#content {
	position: relative;
	float: left;
	width: 500px;
	padding: 30px 20px 20px 20px;
	background: url(images/content_bg.jpg) no-repeat left -7px transparent;
	border-right: 1px solid #444; }

/* SUBNAV ====================================================================*/

#subNav {
	position: relative;
	float: right;
	width: 179px;
	margin-left: -1px;
	padding: 20px 0px 20px 0px;
	background: url(images/content_bg.jpg) no-repeat -470px -7px transparent;
	border-left: 1px solid #444; }

#subNav h2 {
	padding: 10px 10px 5px 10px;
	margin: 0px;
	border-bottom: 1px solid #444; }

/* LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.links p
{	font-size: .95em;
	line-height: 1.5em;
	margin: 0;
	border-bottom: 1px dotted #ccc; }
	
.links a
{	color: #0F577F;
	padding: 3px 10px;
	display: block; }

.links a:hover
{	color: #000;
	background: #eee; }

/* QUOTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#quote p {
	font: 1em/1.5em georgia, times, sans-serif;
	color: #0F577F;
	padding: 5px 10px;
	margin: 0;
	background: #f3f3f3;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc; }

/* POLL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#poll .poll-question { 
	font-weight: bold;
	margin: 0px;
	padding: 2px 10px;
	background: #f3f3f3;
	border-bottom: 1px dotted #ccc;
}

#poll form 
{	padding: 0px 0px 5px 0px; 
	margin: 0px;
	background: #f3f3f3;
	border-bottom: 1px dotted #ccc; }

#poll input
{	border: 0; }

#poll ul 
{ 	margin: 5px 0px;
	padding: 0px;
	list-style: none;
	background: #fff;
	border-bottom: 1px dotted #ccc; }

#poll li 
{	font-size: .95em;
	margin: 0px;
	padding: 0px 10px;
	display: block; }

#poll li a
{	padding: 0; }

#poll em, #poll a
{	padding-left: 10px; }

#poll .dem-vote-button
{	font-size: .95em;
	color: #0F577F;
	padding: 2px 5px;
	margin: 0px 0px 0px 10px;
	background: #ccc;
	border-left: 1px solid #0F577F; 
	border-top: 1px solid #0F577F; 
	border-right: 1px solid #3B7C9F; 
	border-bottom: 1px solid #3B7C9F; }

/* FOOTER *********************************************************************/

#footer
{	position: relative;
	padding: 5px 20px;
	font-size: .95em;
	background: #eee;
	border-top: 1px solid #333;
	clear: both; }

#adspace
{	padding: 10px;
	background: #eee;
	border-top: 1px solid #333;
	clear: both; }

#adspace img
{	border: 0;
	display: block; }