/* Project: Black Swan Image Works
URL: http://www.bsiw.us/
Date: March 2009
Author: Red Kite Creative
Author URL: http://www.redkitecreative.com */

/**************************************
  Override default styling rules
**************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

:link, :visited { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin: 0; padding:0; }
a img, :link img, :visited img { border: none; }
/* normalize font-size for all headers */
h1, h2, h3, h4 { font-size: 100%; }
img, fieldset { display: block; border: none; }
/* To prevent jumping */
html { min-height: 100%; margin-bottom: 1px; }
/* Sticking footer to the bottom */
html, body { height : 100%; }
/* Transparency method for IE6 - js/unitpngfix.js */
/************************************************
  Default rules
************************************************/
h1, h2, h3 {
	color: #583134;
	background-color: transparent;
	font-weight: bold;
}
h1 {
	margin: 0.1em 0 0.8em 0;
	font-size: 150%;
}
h2 {
	margin-bottom: 0.5em;
	font-size: 125%;
	font-weight: bold;
}
h3 {
	font-size: 115%;
}
p {
	margin-bottom: 1em;
	color: #262d3c;
	background-color: transparent;	
	font-size: 1.2em;
	line-height: 1.4em;
}
a, a:link, a:visited {
	color: #5F5858;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bolder;
}
a:hover, a:active {
	color: #261616;
	background-color: transparent;
	text-decoration: none;
}
/* To get rid of that annoying dot */
a:focus, a:hover, a:active { 
	outline: none; 
}
ul li {
	margin-bottom: 0.1em;
}
/************************************************
  Document and header rules
************************************************/
body {
	position: relative;
	padding-bottom: 0;   /* Height of the footer */
	font-size: 76%;
	font-family: Trebuchet, sans-serif;
	text-align: left;
	color: #000;
	background-color: #FFF;
	background-image: url(../images/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	min-height: 100%; /* for footerstickalt */
	color: #FFF;
	background-color: transparent;
}
*html #wrapper { /* for footerstickalt */
	height: 100%;
}
#header {
	position: relative;
	width: 900px;
	height: 164px;
}
#logo {
	position: absolute;
	top: 62px;
	left: 15px;
}
#tagline {
	position: absolute;
	top: 94px;
	left: 15px;
	font-size: 1.6em;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}
#swan {
	position: absolute;
	top: 26px;
	right: 10px;
}
/************************************************
  Content rules
************************************************/
#content {
	position: relative;
	color: #40382F;
	background-color: transparent;	
	min-height: 615px;
	height: auto;
	background-image: url(../images/content_bg.png);
	background-position: top;
	background-repeat: repeat-y;
}
#main {
	position: relative;
	float: left;
	width: 450px;	
	color: #40382F;
	background-color: transparent;
}
#sub #main {
	position: relative;
	float: left;
	width: 650px;	
	color: #40382F;
	background-color: transparent;
}
#gallery #main {
	width: 95%;
	color: #40382F;
	background-color: transparent;
}
div#chamber {
	margin-bottom: 1em;
}
.padding {
	padding: 0.6em 1.4em 1em 1.5em;
}
div.image {
  margin: 0;
  padding: 0;
}
div.image img {
	margin-bottom: -14px;
}
div.image p.caption {
  text-align: center;
  color: #40382f;
  background-color: transparent;
  font-style: italic;
  font-size: 90%;
}
#sidebar {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 440px;
}
.paddingSidebar {
	padding: 1em;
}
#sub #sidebar {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 240px;
}
div.hr { 
	margin: 1em 0;
	height: 14px; 
	background: url(../images/hr_img2.gif) no-repeat scroll center;
}
div.hr hr { 
	display: none;
}
#imageboxContainer {
	width: 99%;
	padding-left: 15px;
}
.imagebox {
	float: left;
	margin: 0 7px 0 7px;
	padding: 0;
	width: 115px;
}
.imagebox img {
	margin: 0 auto;
	border: 1px solid #877D7E;
}
.imagebox-caption {
	margin-top: 2px;
	padding: 0;
	font-size: 13px;
	text-align: center;
}
ul.bullet-list {
	margin: 0.5em 1em 1em 3em;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #262D3C;
	background-color: transparent;
}
ul.bullet-list li {
	padding-bottom: 0.5em;
	line-height: 1.3em;
}
/************************************************
  Footer rules
************************************************/
#footer {
	clear: both;
	position: relative;
	margin: -100px 0 0 0;
	width: 100%;
	height: 110px;
	background-image: url(../images/footer-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
* html #footer {
		margin-top: 99px;
}
#footerInterior {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#contactBlock {
	float: left;
	margin: 5px 0 0 1em;
}
#contactBlock p {
	padding-top: 8px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bolder;
	text-align: center;
	letter-spacing: 1.1px;
	color: #fff;
	background-color: transparent;
}
#notice {
	float: right;
	margin: 60px 0.8em 0 0;
	font-size: 90%;	
	color: #fff;
	background-color: transparent;
}
#footer a, #footer a:link, #footer a:visited {
	margin: 0;
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
}
#footer a:hover, #footer a:active {
	margin: 0;
	color: #B3B0B2;
	background-color: transparent;
	text-decoration: none;
}
#sig {
	position: absolute;
	top: 87px;
	right: 10px;
	width: 300px;
	font-size: 10px;
	color: #AEAAAC;
	text-align: right;
}
#sig img {
	position: relative;
	top: 4px;
	display: inline;
}
#sig a, #sig a:link, #sig a:visited {
	margin: 0;
	color: #938C91;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
}
#sig a:hover, #sig a:active {
	margin: 0;
	color: #B3B0B2;
	background-color: transparent;
	text-decoration: none;
}
/************************************************
  Navigation rules
************************************************/
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	height: 24px;
	width: 900px;
}
ul#navlist {
	list-style-type: none;	
}
#navlist li {
	float: left;
	display: block;
	margin: 0;
	padding: 4px 18px;
	font-size: 1.1em;	
	width: auto;	
}
#navlist li a, #navlist li a:link {
	display: block;	
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	text-decoration: none;		
}
#navlist li span {
	font-size: 0.8em;
	color: #fff;
	background-color: transparent;
}
#navlist li a:hover {
	color: #B3B0B2;
	background-color: transparent;
}
#navlist li a#current, #navlist li a#current:link {
	color: #B3B0B2;
	background-color: transparent;
}
#navlist li a#current:hover {
	color: #fff;
	background-color: transparent;
}
/************************************************
  Image replacement rules
************************************************/
h1.h1-home {
	width: 430px;
	height: 32px;
	background: url(../images/h1-home.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-contact {
	width: 430px;
	height: 32px;
	background: url(../images/h1-contact.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-order {
	width: 430px;
	height: 32px;
	background: url(../images/h1-order.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-privacy {
	width: 430px;
	height: 32px;
	background: url(../images/h1-privacy.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-oops {
	width: 430px;
	height: 32px;
	background: url(../images/h1-oops.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-blog {
	width: 430px;
	height: 32px;
	background: url(http://www.bsiw.us/images/h1-blog.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-resources {
	width: 430px;
	height: 32px;
	background: url(../images/h1-resources.gif) no-repeat scroll 0 0;
	overflow: hidden;
}
h1.h1-home span, h1.h1-contact span, h1.h1-blog, h1.h1-order span, h1.h1-privacy span, h1.h1-oops span, h1.h1-contact span, h1.h1-oops span, h1.h1-resources span {
	text-indent: -1000em;
	display: block;
}
/************************************************
  Blog rules
************************************************/
h2.date {
	margin-bottom: 0.5em;
	font-size: 95%;
}
h3.storytitle {
	margin-bottom: 0.5em;
	font-size: 125%;	
}
.storycontent p {
	margin: 0.5em 0 1em 0;
}
p.comments-link {
	margin-bottom: 2.4em;
	padding-top: 0.3em;
	font-size: 10px;
}
.meta {
	font-size: 90%;
}
.feedback {
	margin: 1em 0 3em 0;
	font-size: 90%;
}
#menu ul li {
	padding: 0.3em 0 0.2em 0;
	font-size: 11px;
}
li#archives {
	margin: 1em 0;
}
.pages-title, .categories-title, span.meta-title, span.archives-title, #menu ul li .search-title {
	margin: 1em 0;
	font-size: 110%;
	font-weight: bold;
	color: #000;
	background-color: transparent;
}
h2.links-title {
	margin: 1em 0 0 0;
	font-size: 105%;
	font-weight: bold;
	color: #000;
	background-color: transparent;
}
#menu ul li#search {
	margin-bottom: 0.6em;
}
#searchform {
	margin-top: 0.3em;
}
/*.search-button {
    width: 58px;
	 border: none;
    background: url(../images/button_search.gif) no-repeat top left;
    padding: 2px 8px;
	 cursor: pointer;
}*/
.button:hover {
    border: none;
    background: url('/forms/down.png') no-repeat top left;
    padding: 2px 8px;
}
/**************************************
  Blog comments rules
**************************************/
h2#comments {
	padding: 0;
	margin: 40px 0 5px 0;
	font-size: 110%;
}
p cite {
	font-size: 10px;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
a.comment-edit-link {
	font-size: 85%;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight: bold;
}
.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	margin: 5px 0;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 95%;

}
#commentform #submit {
	margin-bottom: 2em;
}
.comment-rss {
	font-size: 95%;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: 11px;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 1.1em 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
/************************************************
  Misc. rules
************************************************/
.clearBoth {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.imgRight {
	clear: right;
	float: right;
	margin: 0 8px 8px 10px;
}
.imgLeft {
	float: left;
	margin: 0 10px 0 0;
	padding-bottom: 10x;
}
.bold {
	font-weight: bold;
}
.ccform {
	margin-left: 100px;
}
.slideshow {
	margin: 0 0 10px 0;
	height: 335px;
	width: 400px;	
}
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(../images/icon_doc.gif) no-repeat center right;
}