@import url("grid.css");
@import url("boutique.css");
@import url("shadowbox.css");

*
	{margin: 0;
	padding: 0;}

html
	{height: 101%;}

body
	{font: 100% "times new roman", serif, georgia, sans-serif;
	color: black;
	background: white;}

input, select, textarea
	{font: 100% "times new roman", serif, georgia, sans-serif;}

select
	{margin: 3px 0;}

a
	{color: black;
	text-decoration: none;
	outline: none;}

	a img
		{border: 0;}
		
a:hover {
	color: red;
}

h2
	{font-size: 140%;
	font-style: italic;
	text-align: left;}

h3
	{font-size: 100%;}

p
	{padding: 0.5em 0;}

#container
	{width: 1074px;
	margin: 20px auto;
	text-align: left;
	position: relative;}

#header
	{padding: 30px 0 0 158px;
	background: white url(/media/ui/logo.gif) 206px 0 no-repeat;}

	#header #primary-nav
		{font-size: 130%;
		font-style: italic;
		line-height: 1.2em;}
		
		#header #primary-nav li
			{list-style-type: none;
			display: inline;
			margin-right: 28px;}
		
		#header #primary-nav li h1
			{font-size: 100%;
			display: inline;
			font-weight: normal;}
			
			#header #primary-nav li h1 em
				{display: none;}
			
			#header #primary-nav li.current a
				{color: #f22;
				/* font-weight: bold; */}
		
		#header #primary-nav li.additional-nav
			{position: absolute;
			top: 3px;
			right: 0;
			width: 193px;
			height: 194px;
			margin: 0;
			text-indent: -99999999px;
			overflow: hidden;
			z-index: 1000000;}
		
			#header #primary-nav li.additional-nav a
				{display: block;
				width: 100%;
				height: 100%;}
			
			#header #primary-nav li#online-store
				{background: transparent url(/media/ui/online-store.png) 0 0 no-repeat;
				z-index: 100;}
			
			#header #primary-nav li#videos
				{background: transparent url(/media/ui/videos.png) 0 0 no-repeat;}

#sign-up
	{position: absolute;
	top: 90px;
	left: 0;
	font-size: 65%;
	font-style: italic;
	width: 230px;
	text-align: right;}

	#sign-up p
		{padding: 3px 0;}
	
	#sign-up input.text
		{border: 0;
		width: 170px;
		background: white url(/media/ui/sign-up-text.gif) 0 100% repeat-x;}
	
	#sign-up input.submit
		{border: 0;
		width: 45px;
		background: white;
		text-transform: uppercase;
		font-style: normal;
		cursor: pointer;}
	
#content
	{width: 800px;
	float: left;
	display: inline;
	margin: 40px 0 0 200px;
	min-height: 400px;
	font-size: 75%;}

#standard-content
	{clear: both;
	float: left;
	display: inline;
	width: 470px;
	padding-right: 10px;
	text-align: justify;}

	#standard-content div.article
		{margin-bottom: 7px;}
	
		#standard-content div.article img
			{display: block;
			border: 1px solid black;
			margin: 0 0 10px 40px;}

#col-2
	{float: left;
	width: 320px;
	text-align: justify;}

	#col-2.homepage
		{font-size: 75%;}

	#col-2 p
		{padding: 0 0 10px 0;
		clear: both;}
		
		#col-2 p.homepage
			{padding-bottom: 0;}
	
	#col-2 blockquote p
		{float: left;
		display: inline;
		clear: none;
		padding: 0 5px;
		width: 150px;}
	
	#col-2 blockquote cite
		{display: block;}
	
	#col-2 h2
		{font-size: 100%;
		text-transform: uppercase;
		font-style: normal;
		padding-bottom: 3px;}
	
	#col-2 #homepage-links
		{clear: both;
		float: left;
		width: 320px;
		padding: 15px 0;}
	
		#col-2 #homepage-links ul
			{float: left;
			display: inline;
			width: 90px;
			padding-left: 16px;}
		
			#col-2 #homepage-links ul li
				{list-style-type: none;
				list-style-position: outside;}

#nav-splash
	{position: absolute;
	top: 3px;
	right: 0;
	width: 193px;
	height: 194px;
	margin: 0;
	z-index: 100;}
	
	#nav-splash.item
		{top: 110px;
		left: 130px;}

.vcard
	{}

	.vcard dt
		{font-size: 120%;
		float: left;
		clear: left;
		width: 150px;
		font-style: italic;
		font-weight: bold;}
	
	.vcard dd
		{float: left;
		width: 300px;
		padding-bottom: 10px;}
		
		.vcard dd p
			{padding: 0;}
			
		.vcard span
			{display: none;}

#page-nav
	{}
	
	#page-nav a
		{font-weight: bold;
		font-style: italic;}
		
		#page-nav a:hover
			{color: #c00;}
		
		#page-nav a#next
			{float: right;}
			
			#page-nav a.disabled
				{color: #999;
				cursor: default;}