
body {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	background-color: #FFF;
	background-image: url(/images/template/bg.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}

/* Headings
 * --------------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { color: #111; }

	.faqhead {
		margin-top: 	2.0em;
		margin-bottom: 	0.5em;
	}


/* Text Elements
 * --------------------------------------------------------------------- */

	a                 { color: #125AA7; -moz-outline: none; }
	a:hover           { color: #000; }
	blockquote        { color: #666; }

	pre {
		background: #eee;
		border:     1px solid #ddd;
	}

	hr {
		background: #B2CCFF;
		color:      #B2CCFF;
	}

	code {
		font-size: 1.0em;
	}

/* Tables
 * --------------------------------------------------------------------- */

	table {
		border-top:     1px solid #ddd;
		border-left:    1px solid #ddd;
	}
	th,td {
		border-bottom:  1px solid #ddd;
		border-right:   1px solid #ddd;
	}
	table.no_border, table.no_border td, table.no_border th {
		border:     0px solid #ddd;
	}


/* Default Classes
 * --------------------------------------------------------------------- */

	p.quiet { color: #666; }
	.alt    { color: #666; }

	p.title, a.title {
		color: #111;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 2em;
		margin-bottom: 0.75em;
	}

	#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }

	p img       { float: none; }
	img.no_padding {padding:0;margin:0}

	.img-right {
		float: right;
		margin: 0 0 .5em .5em;
	}
	.img-left {
		float: left;
		margin: 0 .5em .5em 0;
	}

/* Top Navigation
 * --------------------------------------------------------------------- */

	#logo {
		background-image: url(/images/template/barebones_logo.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 206px;
		height: 32px;
		display: block;
		text-indent: -3000px;
		margin-top: 28px;
	}

	#logo_holiday {
		background-image: url(/images/template/barebones-logo-wreath.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 206px;
		height: 50px;
		display: block;
		text-indent: -3000px;
		margin-top: 28px;
	}

	#site_navigation ul {
		background-color: #111;
		list-style-type: none;
		margin-top: 11px;
		-moz-border-radius: .4em .4em .4em .4em;
		-webkit-border-top-left-radius: .4em;
		-webkit-border-top-right-radius: .4em;
		-webkit-border-bottom-left-radius: .4em;
		-webkit-border-bottom-right-radius: .4em;
		border: 1px solid #000;
		background-image: url(/images/template/site_navigation_bg.png);
		background-repeat: repeat-x;
		background-position: 0 50%;
		padding: 0 1em;
	}
		#site_navigation ul li {
			padding: 7px 0;
			float: left;
		}
			#site_navigation ul li a {
				padding: 8px 1em 8px 1em;
				color: #FFF;
				text-decoration: none;
				margin-right: 1px;
			}
			#site_navigation ul li a:hover {
				background-image: url(/images/template/site_navigation_bg-hover.png);
				background-repeat: repeat-x;
				background-position: 0 50%;
			}
			body#home #site_navigation ul li a.home,
			body#company #site_navigation ul li a.company,
			body#products #site_navigation ul li a.products,
			body#support #site_navigation ul li a.support,
			body#discuss #site_navigation ul li a.discuss,
			body#store #site_navigation ul li a.store,
			body#contact #site_navigation ul li a.contact
			{
				background-image: url(/images/template/site_navigation_bg-active.png);
				background-repeat: repeat-x;
				background-position: 0 50%;
			}


/* Section Navigation
 * --------------------------------------------------------------------- */

 #sidebar {
 	border-width: 0 0 0 0;
 	border-color: #DEDEDE;
 	border-style: solid;
 }


/* Section Navigation
 * --------------------------------------------------------------------- */

	#section_navigation {
		list-style-type: none;
		margin-left: 0;
	}
		#section_navigation li {
			float: left;
			margin-bottom: .25em;
			text-decoration: none;
		}
			#section_navigation li a {
				padding: .2em 1em;
				text-decoration: none;
				background-color: #FFF;
				display: block;
			}
			body.bbedit #section_navigation li a.bbedit,
			body.textwrangler #section_navigation li a.textwrangler,
			body.freeware #section_navigation li a.freeware,
			body.registration #section_navigation li a.registration,
			body.weathercal #section_navigation li a.weathercal,
			body.lottocal #section_navigation li a.lottocal,
			body.yjm #section_navigation li a.yjm,
			body.yojimbo #section_navigation li a.yojimbo {
				color: #000;
				font-weight: bold;
				background-color: #EEE;
				display: block;
				-moz-border-radius: .9em .9em .9em .9em;
				-webkit-border-top-left-radius: .9em;
				-webkit-border-top-right-radius: .9em;
				-webkit-border-bottom-left-radius: .9em;
				-webkit-border-bottom-right-radius: .9em;
			}


/* Sidebar Navigation
 * --------------------------------------------------------------------- */

	#sidebar_navigation {
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;
	}
		#sidebar_navigation li {
			margin-bottom: .25em;
		}
			#sidebar_navigation li a {
				padding: .2em 1em;
				display: block;
			}

	body.about #sidebar_navigation li a.about,
	body.history #sidebar_navigation li a.history,
	body.events #sidebar_navigation li a.events,
	body.newsletters #sidebar_navigation li a.newsletters,
	body.press #sidebar_navigation li a.press,
	body.reviews #sidebar_navigation li a.reviews,
	body.privacy #sidebar_navigation li a.privacy,

	#sidebar_navigation.n1 li a.n1,
	#sidebar_navigation.n2 li a.n2,
	#sidebar_navigation.n3 li a.n3,
	#sidebar_navigation.n4 li a.n4,
	#sidebar_navigation.n5 li a.n5,
	#sidebar_navigation.n6 li a.n6,
	#sidebar_navigation.n7 li a.n7,
	#sidebar_navigation.n8 li a.n8,
	#sidebar_navigation.n9 li a.n9,
	#sidebar_navigation.n10 li a.n10,
	#sidebar_navigation.n11 li a.n11,
	#sidebar_navigation.n12 li a.n12,
	#sidebar_navigation.n13 li a.n13,
	#sidebar_navigation.n14 li a.n14,
	#sidebar_navigation.n15 li a.n15,
	#sidebar_navigation.n16 li a.n16,

	#sidebar_navigation.store li a.store,
	#sidebar_navigation.reseller li a.reseller,
	#sidebar_navigation.license li a.license {
		color: #000;
		font-weight: bold;
		background-color: #EEE;
		text-decoration: none;
		display: block;
		-moz-border-radius: .9em .9em .9em .9em;
		-webkit-border-top-left-radius: .9em;
		-webkit-border-top-right-radius: .9em;
		-webkit-border-bottom-left-radius: .9em;
		-webkit-border-bottom-right-radius: .9em;
	}

	#sidebar_content {
		padding: 0 1em;
	}

	#sidebar_content .box {
		text-align: center;
		padding: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
	}

/* tour
 * --------------------------------------------------------------------- */

#tour_navigation ul {
	margin: 1em -0.6em 1em -0.6em;
	list-style-type: none;
	line-height: 175%;
}

#tour_navigation li {
	display: inline-block;
 	white-space: nowrap;
}

#tour_navigation li a {
	padding: .3em .6em .3em .6em;
}

#tour_navigation.t1 li a.t1,
#tour_navigation.t2 li a.t2,
#tour_navigation.t3 li a.t3,
#tour_navigation.t4 li a.t4,
#tour_navigation.t5 li a.t5,
#tour_navigation.t6 li a.t6,
#tour_navigation.t7 li a.t7,
#tour_navigation.t8 li a.t8,
#tour_navigation.t9 li a.t9,
#tour_navigation.t10 li a.t10,
#tour_navigation.t13 li a.t13,
#tour_navigation.t11 li a.t11 {
	padding: .3em .6em .3em .6em;
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: #EBEBEB;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

/* home page
 * --------------------------------------------------------------------- */

#homepage_feature {
	display: block;
	height: 355px;
	width: 578px;
	background-image: url(/images/homepage/yojimbo-bbedit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}
	a.goto_yojimbo, a.goto_bbedit {
		display: block;
		height: 345px;
		position: absolute;
		top: 0;
		text-decoration: none;
		text-indent: -3000px;
		z-index: 1;
	}
		a.goto_yojimbo {
			width: 227px;
			left: 0;
		}
		a.goto_bbedit {
			width: 347px;
			right: 0;
		}
	#homepage_feature h2 {
		display: block;
		position: absolute;
		text-align: center;
		bottom: 0;
	}
		h2.goto_yojimbo {
			width: 180px;
			left: 47px;
		}
		h2.goto_bbedit {
			width: 285px;
			position: absolute;
			right: 0;
		}


/* contact
 * --------------------------------------------------------------------- */

	.form_table dt+dd, .form_table dd+dt {
			margin-top:1em;
	}
	.form_table dt {
		width: 12em;
		display: block;
		float: left;
		margin: 0;
		text-align: right;
		font-weight: bold;
		font-size: .80em;
	}
	.form_table dd {
		margin-left: 10.5em;
		display: block;
	}


/* Content
 * --------------------------------------------------------------------- */

 	.feature_bar {
 		list-style-type: none;
 		margin-left: 0;
 		background-color: #E8E8E8;
 		-moz-border-radius: 0 .6em .6em 0;
 		-webkit-border-top-left-radius: 0;
 		-webkit-border-top-right-radius: .6em;
 		-webkit-border-bottom-left-radius: 0;
 		-webkit-border-bottom-right-radius: .6em;
 		padding: 0;
 		width: 20em;
 		height: 1.3em;
 	}
		.feature_bar li {
			float: left;
			text-decoration: none;
		}
			.feature_bar li a {
				padding: 0em 1em;
				text-decoration: none;
				display: block;
				color: #666;
				border-right: 1px #FAFAFA solid;
				font-size: .85em;
			}
				.feature_bar li a:hover {
					background-color: #FFF;
					color: #125AA7;
					text-decoration: underline;
				}

 .feature_item {
 	display: block;
 	width: 48%;
 	float: left;
 	margin-top: 2em;
 	margin-left: 4%;
 	height: 14em;
 }
	 .feature_item.first {
	 	margin-left: 0;
	 }
	 .feature_item h3 {
	 	margin-bottom: .25em;
	 }
		 .feature_item h3 a, .feature_item p a  {
			text-decoration: none;
			color: #000;
		 }
	 .feature_item p {
		font-size: .8em;
	 }


/* Store
 * --------------------------------------------------------------------- */

	table.purchase_list {
		width: 100%;
		border: 0px;
	}
		table.purchase_list td {
			width: 50%;
			border: 0px;
		}


/* Clearfix
 * --------------------------------------------------------------------- */

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

	/* Hides from IE-mac \*/
	* html .clear_fix {height: 1%;}
	.clear_fix {display: block;}
	/*


/* Misc
 * --------------------------------------------------------------------- */

 a.decoration_no {
 	text-decoration: none;
 	color: #000;
 }
 a.button {
 	-moz-border-radius: .9em .9em .9em .9em;
 	-webkit-border-top-left-radius: .9em;
 	-webkit-border-top-right-radius: .9em;
 	-webkit-border-bottom-left-radius: .9em;
 	-webkit-border-bottom-right-radius: .9em;
 	background-color: #D6D6D6;
 	padding: .25em 1.5em;
 	border: 1px solid #666;
 	text-decoration: none;
 	color: #000;
 	background-image: url(/images/template/bg_button.png);
 	background-repeat: repeat-x;
 	background-position: 0 0;
 	white-space: nowrap;
 	display: inline-block;
 	margin-bottom: .75em;
 	margin-right: 2em;
 }
 a.button:hover {
 	background-color: #C0C0C0;
 	border-color: #B4B4B4;
 }
 a.button:active {
 	background-color: #E3E3E3;
 	border-color: #B4B4B4;
 }

/* BBSW-specific additions
 * --------------------------------------------------------------------- */

.newfeature {
	background-color: #FFFA8E;
	font-style: italic;
	font-weight: lighter;
}

.newfeatureheavy {
	background-color: #FFFA8E;
	font-style: italic;
}

.holiday {
	background-color: #D9FBD5;
	font-style: italic;
	font-weight: lighter;
}

h2 .holiday,
h2 .newfeature,
h3 .holiday,
h3 .newfeature,
.purchase_list td .holiday
{
	padding: 3px;
	text-shadow: 2px 2px 2px #CCC;
}

table.comparison
{
	border-left: solid #666 thin;
	border-top: solid #666 thin;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.comparison td
{
	vertical-align: text-top;
	padding: 3px;
	border-bottom: solid #666 thin;
	border-right: solid #666 thin;
}

table.comparison th {
	vertical-align: text-top;
	padding: 3px;
	border-bottom: solid #666 thin;
	border-right: solid #666 thin;
	white-space: nowrap;
}

table.comparison tr.demo td { background-color: #FCC; }
table.comparison tr.exclusive td { background-color: #FFC; }
table.comparison td.checked { text-align: center; }

.img-centered {
	display: block;
	margin-left: auto;
	margin-right: auto }
}

/* EOF */
