/*  
Theme Name:HighSeasDrifter II (Sailing)
Version:1
Author:Jack Webb
Author URI:http://highseasdrifter.net
Description:HighSeasDrifter II is a two-column theme, created by and for the author and based on "svDrifter", a Westsail 32. The CSS, XHTML and design is copyrighted and not released to the public.
*/

html {
	/* font-size:12px; */
	height:100%;
	filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background:#304a57 url(images/header_bg7b_hsd.jpg) top left no-repeat;
	color:#000000;
	font-size:12px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	margin:0px 0px 0px 0px;
	minimum-width:850px;
}

#container {
	width:100%;
	height:100%;
	text-align:left;
}

#header {
	height:133px;
	padding:28px 0px 0px 25px;
}

#header img {
	border:0px solid;
}

#header h2 {
	color:#FFFFFF;
	font-size:30px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin:0px;
}

#header h2 a {
	color:#FFFFFF;
	text-decoration:none;
}

#header h2 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#header h3 {
	color:#CCCCCC;
	font-size:10px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:10px;
	margin:0px;
}

#menubg, #menu {
	text-align:right;
	margin-top:30px;
	margin-bottom:20px;
	margin-right:0px;
}

#menu h2 {
	color:#EEEEEE;
	font-size:15px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#menu h2.logo {
	position:absolute; top:10px; left:510px;
}

#menu li {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

#menu ul {
	margin:0px;
	padding:3px;
}

#menu ul li a {
	padding:3px 6px 3px 6px;
	margin:0px;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:2px solid #AAAAAA;
	background:#8D0D02;
	color:#CCCCCC;
}

#menu ul li a:hover,
#menu li.page_item a:link,
#menu li.page_item a:visited,
#menu li.page_item a:hover,
#menu li.page_item a:active {
	border:2px solid #af9f71;
	background-color:#8D0D02;
	color:#ddc3c3;
	text-decoration:none;
	text-shadow:#444 2px 2px;
}
#menu li.page_item a:hover {
	color:#ffffff;
	text-shadow:#444 2px 2px;
}

#menu ul li a:hover,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active {
	border:2px solid #c8b682;
	background-color:#C53B3A;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#444 2px 2px;
}

#main {
	position:absolute; top:245px; left:0px;
	margin:0px;
	width:99.5%;
	/* border:0px solid red; */
}

#s_sidebar {
	margin:0px 0px 20px 10px;
	width:193px;
	padding:20px 5px 5px 5px;
	background-color:#FFFFFF;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-size:12px;
	float:left;
	border:3px ridge #C53B3A ;

	/* optional rounded corners for browsers that support it */
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#content {
	margin:0px 10px 20px 230px;
	width:auto;
	padding:20px;
	background-color:#FFFFFF;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-size:12px;
	border:3px ridge #C53B3A ;
	text-align:justify;

	/* optional rounded corners for browsers that support it */
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* -webkit-box-shadow:#263b45 7px 7px; */
}

#content p {
	margin:0px;
	font-size:12px;
	line-height:16px;
	padding:0px 0px 10px 0px;
	text-align:justify;
}

div.post_top {
	border:0px solid green;
	/* position:absolute; top:40px; left:253px;
	min-height:400px; */
}

div.post_div {
	clear:left;
	min-height:300px;
	width:100%; border:0px solid red;
}

div.post_div_single {
	min-height:550px;
	width:100%; border:0px solid red;
}

#content div.left {

}


#content img.left {
	float:left;
	margin:0px 10px 5px 0px;
}

#content img.right {
	float:right;
	margin:0px 0px 5px 10px;
}

#content h1 {
	color:#650a02;
	font-size:18px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin:0px;
	line-height:150%;
}

#content h1 a  {
	color:#650a02;
	text-decoration:none;
}

#content h1 a:hover {
	color:#3366ff;
	text-decoration:underline;
}

#content h2 {
	color:#650a02;
	font-size:18px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	margin:0px;
	line-height:120%;
}

#content h2 a  {
	color:#650a02;
	text-decoration:none;
}

#content h2 a:hover {
	color:#3366ff;
	text-decoration:underline;
}

#content ol {
	list-style-type:decimal;
	line-height:18px;
	margin:0px;
	padding:0px 0px 10px 30px;
}

#content ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 10px 0px;
}

#content li {
	margin:0px;
	padding:0px;
}

 

#content ul li a {
	color:#507AA5;
	text-decoration:none;
}

#content ul li a:hover {
	color:#507AA5;
	text-decoration:underline;
}

blockquote{
	margin:0px 0px 0px 25px;
	padding:0px 25px 0px 10px;
	font-style:italic;
color:#666666;
	border-left:1px solid #cccccc;
}

#content blockquote p{
	margin:0px 0px 20px 0px;
	padding:0px;
}

/*
.postspace {
	background:#FFFFFF;
	width:440px;
	height:32px;
	margin:0px;
	padding:0px;
}
.postspace2 {
	background:#FFFFFF;
	width:440px;
	height:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
*/

#s_sidebar div {
	padding:0px 3px 0px 3px;
	margin:0px;
}

#s_sidebar h2,
#s_sidebar h2.widgettitle {
	color:#650a02;
	font-size:16px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	list-style:none;
	padding:0px 5px 2px 5px;
	margin:0px;
	border-bottom:1px solid #c8b682;
}

#s_sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#s_sidebar li {
	list-style:none;
	margin:0px;
	padding:0px;
	padding:10px 0px 10px 0px;
}

#s_sidebar ul li {
	list-style:square inside;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#s_sidebar ul li a {
	color:#650a02;
	text-decoration:none;
}

#s_sidebar ul li a:hover {
	color:#8d0d02;
	text-decoration:underline;
}



#footer {
	/* background:#000000 url(images/footer.jpg) top left; */
	background-color:#000000;
	font-size:14px;
	background-repeat:repeat;
	text-align:center;
	height:50px;
	width:99%;
	clear:left; /* clear:both; */
	padding-top:10px;
	padding-left:10px;
	color:#CCCCCC;
	border-top:3px solid #650a02;
	border-bottom:3px solid #650a02;
	position:absolute; bottom:0;
}

#footer a {
	font-size:14px;
	color:#CCCCCC;
}

#footer a:hover {
	font-size:14px;
	color:#FFFFFF;
}


#content li.specH3, #content hr.rope {
	color:#000000;
	font-size:14px;
	font-family:Helvetica, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	list-style-image:url(images/bul_rope.gif);
}

#content ul li.spec {
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
	list-style-image:url(images/blob_drk.gif);
	line-height:auto;
}

#content ul li.spec ul li {
	margin:2px 0 0 15px;
	padding:0px;
	list-style-type:disc;
	line-height:auto;
}

#content ul li.spec ul li ul li  {
	margin:2px 0 0 15px;
	padding:0px;
	list-style-type:disc;
	line-height:auto;
}

div.hr, p.hr, p.rope, span.hr {
	text-align:center;
	height:19px;
	width:100%;
	background:url(images/hr_rope_s.gif) no-repeat scroll center;
}

div.hr hr, p.hr hr, span.hr hr {
	display:none;
}

a, a:visited{
	color:#8d0d02;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.ctr { text-align:center; } 
h3, h4, h5, .h3, .h4, .h5 {
	font-family:arial, san-serif;
	font-weight:bold;
	color:#000066;
	margin-top:5px;
	margin-bottom:3px;
} 
h3, .h3 { font-size:16px; }
h4, .h4 { font-size:14px; }
h5, .h5 { font-size:12px; }



/** TOP OF ALIGNMENT STYLES BORROWED FROM FROM SVELYSIUM **/
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	float:right; margin:0 0 1em 1em;
}
img.alignleft {
	float:left; margin:0 1em 1em 0;
}
img.aligncenter {
	display:block; margin-left:auto; margin-right:auto
}
a img.alignright {
	float:right; margin:0 0 1em 1em;
}
a img.alignleft {
	float:left; margin:0 1em 1em 0;
}
a img.aligncenter {
	display:block; margin-left:auto; margin-right:auto
}

.aligncenter,
div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/** BTM OF ALIGNMENT STYLES BORROWED FROM FROM SVELYSIUM **/

