/* -----------------------------------------------------------------
               BEARSKINRUG.CO.UK STYLES / VERSION 5.5
--------------------------------------------------------------------

Welcome to the Bearskinrug.co.uk CSS file, where better programmers 
than I come to view and pick apart my every decision.

A NOTE TO THOSE LOOKING TO THIS FILE FOR GUIDANCE:

My main focus in creating this file was to have a stylesheet that I
could navigate with ease. There are numerous unnecessary and redundant
styles that I use specifically because I only need to go in here every
couple months or so, and would have a hell of a time trying to figure
out just what's going on if I coded it any other way. Having an efficient 
stylesheet, and having an easy-to-understand stylesheet don't 
necessarily go hand-in-hand.

So... consider yourself warned. If you're browsing this file so as
to learn the best way to structure your CSS, you're in the wrong place.
Try looking at www.danielmall.com for good CSS. Now HE knows what he's
doing!

------- SECTION LIST ORDER [ approximate location by line ] ---------

Global Styles:
	- Universal Selectors & Fixes
	- Structure Rules
	- Column Division
	- Type Selectors
	- H3 Replacement
Hero Container [ 450 ]
Thumb Container
Subhead Guides
Recent Links (Homepage Links)
Search [ 625 ]
Ads
Footer
Article Comment Styles [ 725 ]
Article Comment Form Styles
Details Container
Article Archive Styles [ 850 ]
	- Archive Tabs
Third Column Archive Links
Work/Download Container (LearnMore Container) [ 925 ]
Work, Column Two
	- Work Tabs
Links Pages
Contact Form [ 1070 ]
Contact List Styles
Store Transaction Module [ 1220 ]
Store - Structure Rules
Store Thumbs Container
Store Categorical Tabs
Header & Navigation [ 1354 ]

---------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS & FIXES
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; display: inline; margin: 0; padding: 0; }

/* Things I want to appear with styles off, but disappear when styles
are on, are often wrapped in a div or span with this "hidden" class to 
hide them. */
.hidden { display: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. I think */
#header li {
	/*\*/overflow: hidden;/**/
}

/*--------------------------------------------------------------------
                GLOBAL STYLES - STRUCTURAL RULES
----------------------------------------------------------------------

These are default styles that every page needs to inherit */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	line-height: 170.0%;
	color: #5A4E65;
	background-color: #fff;
}
/* THE !important hack: if you have two duplicate properties, the bottom-most
property is the one the browser will render. However, if you follow one of those
properties with the "!important", the browser will say "Oh - that's the one I
should use - it's important!". IE, of course, is a fucking jerk and doesn't like
to be told what to do, so it will ignore this statement and just render the
bottom-most property. But, it works to our advantage when we want to give one value
to responsible browsers, and a different one to IE. In this case, since IE likes
to add extra padding, we're telling it the main container of the site is longer
than it actually is.*/
#container {
	margin: 0 auto;
	width: 975px !important;
	width: 1000px;
	background-image: url("/_images/_global/3column_background.gif");
	background-position: left;
}
#column_one {
	width: 420px;
	float: left;
	display: inline;
	padding: 0 15px 15px 15px;
	position: relative;
	overflow: visible;
}
#billboard {
	width: 495px;
	float: left;
	padding: 0 0 0 16px;
}
#column_two {
	width: 299px;
	float: left;
	padding: 0 15px 15px 16px;
	position: relative;
	overflow: visible;
}
#column_three {
	width: 165px;
	float: left;
	padding: 0 14px 15px 16px;
	position: relative;
	overflow: visible;
}
#footer {
	font-size: 70.0%;
	clear: both;
	background-image: url("/_images/_footer/footer_background.gif");
	background-repeat: no-repeat;
	background-color: #fff;
	margin: 0;
	padding: 15px 15px 30px 15px;
}

/* -----------------------------------------------------------------
                 GLOBAL STYLES - COLUMN DIVISION
------------------------------------------------------------------*/

.column_one_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 435px !important;
	width: 420px;
	margin: 0 0 15px 0;
	clear: both;
	padding: 0;
}

.column_one_divider img {
	height: 1px;
	width: 435px !important;
	width: 420px;
	margin: 0;
	padding: 0;
}

.column_two_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 330px !important;
	margin: 0 -15px 15px !important;
	width: 300px;
	margin: 0 0 15px;
	clear: both;
}
.column_two_divider img {
	height: 1px;
	width: 330px !important;
	width: 300px;
}

.column_three_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 181px !important;
	margin: 0 -15px 15px !important;
	width: 151px;
	margin: 0 0 15px;
	clear: both;
}
.column_three_divider img {
	height: 1px;
	width: 181px !important;
	width: 151px;
}

/* -----------------------------------------------------------------
                GLOBAL STYLES - TYPE SELECTORS
--------------------------------------------------------------------

These are default styles that every page needs to inherit */

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ACA6B2;
}
a:hover {
	text-decoration: none;
	background-color: #D1CBD6;
	color: #000;
}
/* images wrapped in an anchor with a class of image won't have that weird hover */
.image:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

p {
	padding: 0 0 15px 0;
}

/* h1's are pretty much the main page title */

h1 {
	font-style: italic;
	padding: 0 0 15px 0;
	font-size: 160%;
}

/* h2's are the subheads in the main articles */

h2 {
	border-top-color: #5A4E65;
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	font-size: 130%;
	font-style: italic;
	color: #BAA387;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}

/* h3's are for Sub-Sections, and are all hidden or replaced by an image - 
Search, Archives, Footer, are a few examples */

h3 {
	text-indent: -9999px;
}

/* h4's and h5's are also article subhead treatments, for sections
of less importance (and thus, lower in the heirarchy) */

h4 {
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}
h5 {
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	font-size: 60%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}

blockquote {
	font-size: 85%;
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	padding: 15px;
	margin: 0 0 15px 0;
	background-color: #E5E3E6;
}

code {
	font-size: 90%;
	color: #000;
	margin: 0 1px 0 1px;
}

#column_one img {
	padding: 0 0 15px 0;
}

/* -----------------------------------------------------------------
                  GLOBAL STYLES - H3 REPLACEMENT
------------------------------------------------------------------*/

#column_one h3 {
	width: 420px; 
}
#column_two h3 {
	width: 299px; 
}
#column_three h3 {
	width: 165px; 
}
h3#contact_header {
	background: transparent url(/_images/_contact/contact_header.jpg) no-repeat 0 0;
	height: 65px;
}
h3#bearheader {
	background: transparent url(/_images/_work/bear_header.jpg) no-repeat 0 0;
	height: 27px;
}
h3#helpful_tips {
	background: transparent url(/_images/_contact/helpful_tips.jpg) no-repeat 0 0;
	height: 75px;
}
h3#commentary_header {
	background: transparent url(/_images/_articles/commentary.jpg) no-repeat 0 0;
	height: 45px;
}
h3#browse_work {
	background: transparent url(/_images/_work/browse_work.jpg) no-repeat 0 0;
	height: 55px;
}
h3#available_downloads {
	background: transparent url(/_images/_downloads/available_downloads.jpg) no-repeat 0 0;
	height: 70px;
}
h3#links_archive_header {
	background: transparent url(/_images/_links/archived_links.jpg) no-repeat 0 0;
	height: 45px;
}
h3#categories_header {
	background: transparent url(/_images/_links/categories.jpg) no-repeat 0 0;
	height: 55px;
}
h3#month_or_category {
	background: transparent url(/_images/_articles/select_month_cat.jpg) no-repeat 0 0;
	height: 55px;
}
h3#article_results {
	background: transparent url(/_images/_articles/article_results.jpg) no-repeat 0 0;
	height: 45px;
}
h3#last_three_articles {
	background: transparent url(/_images/_articles/last_three_articles.jpg) no-repeat 0 0;
	height: 45px;
}
h3#browse_header {
	background: transparent url(/_images/_store/browse_merchandise.jpg) no-repeat 0 0;
	height: 40px;
}
h3#results_header {
	background: transparent url(/_images/_search/search_results.jpg) no-repeat 0 0;
	height: 60px;
}
h3#refine_header {
	background: transparent url(/_images/_search/refine_results.jpg) no-repeat 0 0;
	height: 60px;
}
h3.available_header {
	background: transparent url(/_images/_store/available_header.jpg) no-repeat 0 0;
	height: 65px;
	clear: both;
}
h3.soldout_header {
	background: transparent url(/_images/_store/soldout_header.jpg) no-repeat 0 0;
	height: 65px;
	clear: both;
}
#recent_links h3 {
	background: transparent url(/_images/_links/recent_links.jpg) no-repeat 0 0;
	height: 41px;
}
#archivelisting h3 {
	background: transparent url(/_images/_articles/archived_months.jpg) no-repeat 0 0;
	height: 42px;
}
#indentry_recent h3 {
	background: transparent url(/_images/_articles/recent_articles.jpg) no-repeat 0 0;
	height: 50px;
}
#past_versions h3 {
	background: transparent url(/_images/_contact/past_versions.jpg) no-repeat 0 0;
	height: 50px;
}
#past_versions a {
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
}

/* -----------------------------------------------------------------
                          HERO CONTAINER
--------------------------------------------------------------------

The titles in these containers are styled using h1 (for hero) and h3 
(for base). See COLUMN ELEMENTS for that code. There's also a third 
container, for any of the "ads" that will sit in the tertiary column.

*/
#herocontainer {
	background-color: #978F9E;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	text-align: center;
	color:#FFFFFF;
}
#herocontainer h1 {
	padding: 0 20px 15px 20px;
}

#herocontainer h1 a:visited, #herocontainer h1 a:hover, #herocontainer h1 a:link {
	color:#FFFFFF;
	background-color: #978F9E;
}
#herocontainer img {
	padding: 0;
}
#herocontainer p {
	margin: 0;
	padding: 0;
}
#herodate {
	height: 45px;
	background: transparent url(/_images/_global/elaborate_divider.jpg) no-repeat 0 0;
	background-position: 50% 85%;
	font-size: 85.0%;
	font-style: normal;
	font-weight: bold;
	display: block;
	padding: 0 0 8px 0;
}
#herobase {
	margin: 0;
	padding: 0;
	width: 100%;
}

a#heropermalink { 
	background: transparent url(/_images/_global/permalink_button.jpg) no-repeat 0 0;
	display: block; 
	text-indent: -9999px;
	text-decoration: none;
	width: 165px; 
	height: 33px;
}
a#heropermalink:hover, a#heropermalink:active, a#heropermalink:focus { /*\*/ overflow: hidden; /**/ }
a#heropermalink:hover { 
	background-position: 0 -33px; 
}

a#herocommentlink { 
	background: transparent url(/_images/_global/readcomment_button.jpg) no-repeat 0 0; 
	display: block; 
	text-indent: -9999px;
	text-decoration: none;
	width: 138px; 
	height: 33px;
	float: right;
}
a#herocommentlink:hover, a#herocommentlink:active, a#herocommentlink:focus { /*\*/ overflow: hidden; /**/ }
a#herocommentlink:hover { 
	background-position: 0 -33px; 
}

#herocommentcount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70.0%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 10px 0 0;
	float: right;
}
a#herolaunch { 
	background: transparent url(/_images/_global/launch_it.jpg) no-repeat 0 0;
	display: block; 
	text-indent: -9999px;
	text-decoration: none;
	width: 100%; /* This forces this single link left. Otherwise, it floats in the center in IE6 */
	height: 33px;
	
}
a#herolaunch:hover, a#herolaunch:active, a#herolaunch:focus { /*\*/ overflow: hidden; /**/ }
a#herolaunch:hover { 
	background-position: 0 -33px; 
}

.previousnext {
	background-color: #5A4E65;
	width: 420px;
	height:25px;
	margin: 0;
	padding: 0;
}

a#nextlink { 
	background: transparent url(/_images/_articles/next_article_button.gif) no-repeat 0 0;
	display: block; 
	text-indent: -9999px;
	text-decoration: none;
	width: 156px; 
	height: 25px;
	float: right;
}
a#nextlink:hover, a#nextlink:active, a#nextlink:focus { /*\*/ overflow: hidden; /**/ }
a#nextlink:hover { 
	background-position: 0 -25px; 
}


a#previouslink { 
	background: transparent url(/_images/_articles/prev_article_button.gif) no-repeat 0 0; 
	display: block; 
	text-indent: -9999px;
	text-decoration: none;
	width: 172px; 
	height: 25px;
	float: left;
}
a#previouslink:hover, a#previouslink:active, a#previouslink:focus { /*\*/ overflow: hidden; /**/ }
a#previouslink:hover { 
	background-position: 0 -25px; 
}


/* -----------------------------------------------------------------
                       THUMB CONTAINER
------------------------------------------------------------------*/

.thumbcontainer {
	background-color: #D1CBD6;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	text-align: center;
	color:#FFFFFF;
}
.thumbcontainer h1 {
	font-size: 115.0%;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 20px 15px 20px;
}
.thumbcontainer h1 a:visited, .thumbcontainer h1 a:hover, .thumbcontainer h1 a:link {
	color:#FFFFFF;
	background-color: #D1CBD6;
}
.thumbdate {
	font-size: 80.0%;
	color:#5A4E65;
	padding: 0 0 2px 0;
	font-weight: bold;
	text-transform: uppercase;
}
.thumbbase {
	margin: 0;
	padding: 0;
}
.thumbbase a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 33px;
}
a.thumbpermalink { 
	background: transparent url(/_images/_global/thumb_permalink.jpg) no-repeat 0 0;
	width: 190px; 
}
a.thumbpermalink:hover { 
	background-position: 0 -30px; 
}
a.thumbcommentlink { 
	background: transparent url(/_images/_global/thumb_commentbubble.jpg) no-repeat 0 0;  
	width: 18px; 
	float: right;
}
a.thumbcommentlink:hover { 
	background-position: 0 -30px; 
}
.thumbcommentcount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70.0%;
	font-weight: bold;
	color:#5A4E65;
	margin: 0px;
	padding: 5px 10px 0 3px;
	float: right;
}

/* -----------------------------------------------------------------
                  		 SUBHEAD GUIDES
------------------------------------------------------------------*/

.subhead_guides {
	text-align: center;
	font-size: 85.0%;
	font-weight: bold;
	padding: 0 0 15px 0;
}
.subhead_guides p {
	padding: 0;
}
.subhead_guides strong {
	font-size: 130.0%;
}

/* -----------------------------------------------------------------
                   RECENT LINKS (HOMEPAGE LINKS)
------------------------------------------------------------------*/

#recent_links .subhead_guides {
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}
#recent_links dl {
	font-size: 85%;
	line-height: 150%;
	padding: 0 0 15px 0;
}
#recent_links a {
	font-style: italic;
}

/* -----------------------------------------------------------------
                           SEARCH BOX
--------------------------------------------------------------------
These just keep the info bits on left or right. The UNIVERSAL STYLES 
section has other main footer div's styles.

*/

#searchbox {
	background-image: url("/_images/_search/search_bkgd.jpg");
	padding: 38px 0 0 15px;
    height: 64px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	color: #5A4E65;
}
#searchbox p {
	padding: 0;
}
#search {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 118px;
	margin: 6px 0 12px 10px;
	color: #5A4E65;
	background-color: transparent;
	font-size: 90.0%;
	border-style: none;
	border-color: #E0E5E8;
	border-width: 3px;
}

/* -----------------------------------------------------------------
                           	   ADS
--------------------------------------------------------------------
These just keep the info bits on left or right. The UNIVERSAL STYLES 
section has other main footer div's styles.

*/
#bearskinrug_ads li {
	list-style: none;
	float: left; /* if you don't do this, the ads will stagger */
}
#bearskinrug_ads a {
	display: block;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#bearskinrug_ads a:hover, #bearskinrug_ads a:active, #bearskinrug_ads a:focus { /*\*/ overflow: hidden; /**/ }

a#downloads_ad {
	background: transparent url(/_images/_global/bsr_downloads.jpg) no-repeat 0 0;
	width: 75px; 
	height: 110px;
	background-position: 0 0;
	margin: 0 7px 15px 0;
}
a#links_ad {
	background: transparent url(/_images/_global/bsr_links.jpg) no-repeat 0 0;
	width: 75px; 
	height: 110px;
	background-position: 0 0;
	margin: 0 0 15px 7px !important;
	margin: 0 0 15px 0;
}
a#downloads_ad:hover, a#links_ad:hover { 
	background-position: 0 -110px; 
}


/* -----------------------------------------------------------------
                             FOOTER
--------------------------------------------------------------------
These just keep the info bits on left or right. The UNIVERSAL STYLES 
section has other main footer div's styles.

*/

#footleft { 
	list-style: none;
	padding: 0 0 35px 0;
}
#footright { 
	margin: 0 !important; 
	margin: 0 12px 0 0; /* Since IE thinks the container is 1000 px wide, I need to add a right-margin to push the footer back in line */
	padding: 0;
	width: 510px;
	float: right;
}
#footright p {
	font-size: 120.0%;
	font-style: italic;
}
#footright p em {
	font-style: normal;
}
.rubbish_title {
	font-style: normal;
	font-weight: bold;
}

#twitter_div {
	list-style: none;
	font-size: 120%;
	padding: 0;
	margin: 0;
}

/* -----------------------------------------------------------------
                     ARTICLE COMMENT STYLES
------------------------------------------------------------------
*/

.comment_container {
	font-size: 85.0%;
	line-height: 180.0%;
	margin: 0;
	padding: 15px 0 5px 0;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #5A4E65;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}
.commentator {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #BAA387;
	font-size: 110.0%;
	border-style: none;
	letter-spacing: 0;
	margin: 0 0 7px 0;
	padding: 0;
	width: 55%;
	overflow: hidden;
}
.commentator a:link, .commentator a:visited {
	color:#BAA387;
}
.commentator a:hover {
	color:#BAA387;
	background-color: #ECE5DE;
}
.commentdate {
	margin: 0 0 7px 0;
	float: right;
	text-align: right;
	width: 45%;
}
.commentbody {
	line-height: 160.0%;
	margin: 0;
	clear: both;
	font-style: italic;
}
.commentbody p {
	padding: 0 0 10px 0;
}
.commentbody li {
	margin: 0 0 0 30px;
	line-height: 1px;
}
.commentbody blockquote {
	font-size: 100.0%;
	background-color: #EEEDEF;
	margin: 0 0 7px 0;
	padding: 10px 15px 10px 15px;
}

/* -----------------------------------------------------------------
                    ARTICLE COMMENT ENTRY FORM
--------------------------------------------------------------------

These styles control the Comment Entry Form, where people input their 
clever comments. It's located in each Individual Entry, in the 
Primary Column.

*/
.commentformcontainer {
	background-color: #FFFFFF;
	padding: 0 0 40px 0;	
	margin: 0 0 0 30px;	
}
.commentformcontainer p {
	padding: 0;	
}
#author, #email, #url, #text {
	display: block;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5A4E65;
	padding: 3px;
	margin: 6px 0 6px 0;
	background-color:#FFFFFF;
	font-size: x-small;
	border-style: double;
	border-color: #EEDDEE;
	border-width: 3px;
}
#subjectline, #realname, #emailadd, #siteurl, #message {
	display: block;
	width: 250px;
	margin-left: 20px;
}
form input.button {
	padding: 5px;
	margin: 5px 0 15px 0;
	border-color: #EEDDEE;
	border-style: double;
	background: #99919F;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	font-size: 110.0%;
}
.rememberyes {
	float:left;
	background-image: url("/_images/_articles/cmt_yes.jpg");
	background-repeat:no-repeat;
	padding: 6px 12px 5px 25px;
}
.rememberno {
	float:left;
	background-image: url("/_images/_articles/cmt_no.jpg");
	background-repeat:no-repeat;
	padding: 6px 25px 5px 35px;
}

/* -----------------------------------------------------------------
                  		 The "DETAILS" Container
------------------------------------------------------------------*/

.detail {
	font-style: italic;
	padding: 0 0 14px 0;
}
.detail a:hover {
	background-color: #E5E3E6;
}
.detail strong {
	text-transform: uppercase;
	font-size: 75.0%;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
}
.detail p {
	padding: 0 0 1px 0;
}

/* -----------------------------------------------------------------
                   ARTICLE ARCHIVE STYLES
------------------------------------------------------------------*/

body#articles #articlearchive h4 {
	display: none;
}

#articlearchive {
	clear: both;
}
#articlearchive ul {
	list-style: none;
	font-size: 90.0%;
	text-align: center;
}
#articlearchive li  {
	width: 100%;
	display: block;
	background-color:#DEDCE0;
	margin: 0 0 1px 0 !important;
	margin: 0;
}
#articlearchive li:hover, #articlearchive a:hover {
	background-color:#EEEDEF;
}
#articlearchive a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
}

/* ---------------------- ARCHIVE TABS --------------------------- */

#articlearchive_subnav { list-style: none; margin: 0; padding: 0; float: left; }
#articlearchive_subnav li { float: left; }
#articlearchive_subnav a { display: block; text-indent: -9999px; height: 41px; }
/* This fix keeps this dotted lines from appearing around the link after you click on it*/
#articlearchive_subnav a:hover, #articlearchive_subnav a:active, #articlearchive_subnav a:focus { /*\*/ overflow: hidden; /**/ }
#articlearchive_subnav a:hover { background-position: 0 -41px; }
#articlearchive_subnav a.current, #articlearchive_subnav a.current:hover { background-position: 0 -82px; }
#subnav_month a { background: transparent url(/_images/_articles/tab_month.jpg) no-repeat 0 0; width: 210px; }
#subnav_category a { background: transparent url(/_images/_articles/tab_category.jpg) no-repeat 0 0; width: 210px; }

/* -----------------------------------------------------------------
                   THIRD COLUMN ARCHIVE LINKS
------------------------------------------------------------------*/

#archivelisting ul {
	list-style: none;
	padding: 0 0 15px 0;
	font-style: italic;
	font-size: 80.0%;
	text-align: center;
}
#archivelisting ul li {
	width: 100%;
	display: block;
	background-color:#EEEDEF;
	margin: 0 0 1px 0 !important;
	margin: 0;
}
#archivelisting ul li:hover, #archivelisting ul a:hover {
	background-color:#DEDCE0;
}
#archivelisting ul a {
	display: block;
	background-color:#EEEDEF;
	padding: 4px 0 4px 0;
}
#indentry_recent img {
	width: 77px;
	margin: 1px 3px 0 0;
}
#indentry_recent {
	margin: 0 0 10px 0;
}
#indentry_recent a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
/* -----------------------------------------------------------------
           WORK / DOWNLOAD CONTAINER (LEARN MORE CONTAINER)
-----------------------------------------------------------------*/

.learnmore_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 150%;
}
.learnmore_container dl {
	background-color: #E5E3E6;
	float: left;
	margin: 0 0 1px 0px;
	padding: 11px 15px 15px 15px;	
	/* I used a border here instead of margins because they were collapsing in IE6 
	border-bottom-style: solid;
	border-bottom-color: #E5E3E6;
	border-bottom-width: 14px;*/
}
.learnmore_container dt {
	margin: 4px 0 0 0;
	float: left;
}
.learnmore_container dd.title {
	text-transform: uppercase;
	padding: 0 0 1px 0;	
	font-weight: bold;
}
.learnmore_container dd {
	float: right;
	width: 165px;
	display: block;
	margin: 0;
}

.learnmore_container a.learnmore:hover, .learnmore_container a.learnmore:active, .learnmore_container a.learnmore:focus { /*\*/ overflow: hidden; /**/ }

.learnmore_container a.learnmore {
	background: transparent url(/_images/_global/learn_more_button.jpg) no-repeat 0 0; 
	text-indent: -9999px;
	text-decoration: none;
	width: 81px; 
	height: 22px;
	float: left;
	margin: 8px 0 0 0;
}
.learnmore_container a.learnmore:hover {
	background-position: 0 -22px; 
}

.learnmore_container a.launch:hover, .learnmore_container a.launch:active, .learnmore_container a.launch:focus { /*\*/ overflow: hidden; /**/ }

.learnmore_container a.launch {
	background: transparent url(/_images/_global/launch_button.jpg) no-repeat 0 0; 
	text-indent: -9999px;
	text-decoration: none;
	width: 61px; 
	height: 22px;
	float: left;
	margin: 8px 0 0 0;
}
.learnmore_container a.launch:hover {
	background-position: 0 -22px; 
}
/* -----------------------------------------------------------------
                   	   WORK, SECOND COLUMN
------------------------------------------------------------------*/

body#work #column_two h4 {
	display: none;
}

#gradient_footer {
	clear: both;
	background: transparent url(/_images/_work/gradient_footer.gif) repeat-x 0 0; 
	display: block;
	padding: 15px 0 0 0;	
	margin: 1px 0 0 0;
	height: 169px;
}
#gradient_footer p {
	font-size: 85%;
	padding: 0 15px 015px;	
}

/* -------------------------- WORK TABS  ------------------------ */

#work_subnav { list-style: none; margin: 0; padding: 0; float: left; }
#work_subnav li { float: left; }
#work_subnav a { display: block; text-indent: -9999px; height: 41px; }
/* This fix keeps this dotted lines from appearing around the link after you click on it*/
#work_subnav a:hover, #work_subnav a:active, #work_subnav a:focus { /*\*/ overflow: hidden; /**/ }
#work_subnav a:hover { background-position: 0 -41px; }
#work_subnav a.current, #subnav a.current:hover { background-position: 0 -82px; }

/* ---------------------- WORK TABS ( 2 up ) -----------------------*/

#subnav_gallery a { background: transparent url(/_images/_work/large_gallery_tab.gif) no-repeat 0 0; width: 150px; }
#subnav_portfolio a { background: transparent url(/_images/_work/large_portfolio_tab.gif) no-repeat 0 0; width: 149px; }

/* ---------------------- WORK TABS ( 3 up ) -----------------------
#subnav_gallery a { background: transparent url(/_images/_work/tab_gallery.jpg) no-repeat 0 0; width: 97px; }
#subnav_portfolio a { background: transparent url(/_images/_work/tab_portfolio.jpg) no-repeat 0 0; width: 101px; }
#subnav_storyboards a { background: transparent url(/_images/_work/tab_storyboards.jpg) no-repeat 0 0; width: 101px; }
*/

#gallery {
	background-color:#E5E3E6;
	width: 270px;
	padding: 15px 13px 15px 16px !important;
	padding: 15px 9px 15px 16px; /* I need to hand IE6 a different padding value on the right, or the gallery div stretches too long */
	clear: both;
	float: left;
	margin: 0 0 1px 0;
}
#gallery dl {
	padding: 0;
	margin: 0 4px 4px 0 ;
	float: left;
}
#gallery dt {
	display: inline;
}
#gallery dd {
	display: none;
}

/* -----------------------------------------------------------------
                      	LINKS PAGES
------------------------------------------------------------------
*/

#category_images { list-style: none; margin: 0; padding: 0; float: left; }
#category_images li { float: left; margin: 0 0 10px 0; }
#category_images a { display: block; text-indent: -9999px; height: 100px; }
/* 
For some reason, each link was ignoring this statement, so I had to define a hover state for each link.
#category_images a:hover { background-position: 0 -100px; } 
*/
#category_images #flash a { background: transparent url(/_images/_links/linkcat_01.jpg) no-repeat 0 0; width: 90px; }
#category_images #flash a:hover { background-position: 0 -100px; }
#category_images #illustrators a { background: transparent url(/_images/_links/linkcat_02.jpg) no-repeat 0 0; width: 90px; }
#category_images #illustrators a:hover { background-position: 0 -100px; }
#category_images #type a { background: transparent url(/_images/_links/linkcat_03.jpg) no-repeat 0 0; width: 90px; }
#category_images #type a:hover { background-position: 0 -100px; }
#category_images #interesting a { background: transparent url(/_images/_links/linkcat_04.jpg) no-repeat 0 0; width: 90px; }
#category_images #interesting a:hover { background-position: 0 -100px; }
#category_images #design a { background: transparent url(/_images/_links/linkcat_05.jpg) no-repeat 0 0; width: 90px; }
#category_images #design a:hover { background-position: 0 -100px; }
#category_images #reference a { background: transparent url(/_images/_links/linkcat_06.jpg) no-repeat 0 0; width: 90px; }
#category_images #reference a:hover { background-position: 0 -100px; }
#category_images #agencies a { background: transparent url(/_images/_links/linkcat_07.jpg) no-repeat 0 0; width: 90px; }
#category_images #agencies a:hover { background-position: 0 -100px; }
#category_images #photographers a { background: transparent url(/_images/_links/linkcat_08.jpg) no-repeat 0 0; width: 90px; }
#category_images #photographers a:hover { background-position: 0 -100px; }
#category_images #design_history a { background: transparent url(/_images/_links/linkcat_09.jpg) no-repeat 0 0; width: 90px; }
#category_images #design_history a:hover { background-position: 0 -100px; }
#category_images #illustrators a, #category_images #design a, #category_images #photographers a {
	margin: 0 14px 0 14px;
}
#category_images a:hover, #category_images a:active, #category_images a:focus { /*\*/ overflow: hidden; /**/ }


body#links #column_one dl {
	border-top-color: #5A4E65;
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 15px 0 15px 0;
}
body#links #column_one dt {
	padding: 0 0 7px 0;
}
body#links #column_one dt a {
    font-style: italic;
	font-size: 130.0%;
	color: #BAA387;
}
body#links #column_one dt a:hover {
    background-color: #ECE5DE;
}

/* -----------------------------------------------------------------
                         CONTACT FORM
--------------------------------------------------------------------

These styles pertain to the contact module in the contact section.

*/
.contactcontainer {
	background-color: #D0CCD3;
	padding: 20px;
	margin: 0 0 15px 0;
}
.contactcontainer p {
	font-size: 60%;
	padding: 0 0 4px 0;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.error_message {
	color: #000;
	font-weight: normal;
	text-transform: none;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
#subjectsection {
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
}
#subjectsection p {
	font-size: 100%;
	letter-spacing: 0;
	padding: 0 0 4px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
#subjectline, #realname, #emailadd, #siteurl, #message {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	font-size: 90%;
	padding: 3px;
	width: 248px;
	margin: 0 0 10px 0;
	font-style: italic;	
}
form input.button {
	padding: 5px;
	margin: 5px 0 0 0;
	border-color: #EEDDEE;
	border-style: double;
	background: #99919F;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	font-size: 80%;
}
.contactcontainer ol {
	margin: 0 0 0 20px;
	font-size: 85%;
	font-style: italic;
}
.contactcontainer li {
	padding: 0 0 10px 0;
}

/* -----------------------------------------------------------------
                        LIST STYLES
------------------------------------------------------------------*/

body#contact blockquote {
	padding: 7px 15px 7px 15px;
	background-color:#EEEDEF;
}

.indented {
	margin: 0 0 15px 30px;
}
.entrylist {
	font-size: 85%;
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	padding: 15px 15px 15px 30px;
	margin: 0 0 15px 0;
	background-color: #E5E3E6;
}
.entrylist li {
	margin: 0 0 5px 0;
	list-style: decimal;
}
.boxed ul {
	list-style: none;
	padding: 0 0 15px 0;
	font-style: italic;
	font-size: 85.0%;
}
.boxed li {
	width: 100%;
	display: block;
	background-color:#EEEDEF;
	margin: 0 0 1px 0 !important;
	margin: 0;
}
.boxed li:hover, .boxed ul a:hover {
	background-color:#DEDCE0;
}
.boxed a {
	display: block;
	background-color:#EEEDEF;
	padding: 5px 0 5px 15px;
}
.boxed li em, .boxed a em {
	font-style: normal;
}

.sketchbook_comments {
	list-style-type: lower-alpha; 
	font-size: 85%;
	line-height: 180%;
	margin: 0 25px 0 25px;
}

.sketchbook_comments li {
	padding: 0 0 15px 0;
}

/* -----------------------------------------------------------------
                 	STORE - TRANSACTION MODULE
--------------------------------------------------------------------

These control the appearance of the different transaction modules.

*/

.transaction {
	background-color: #DEDCE0;
	padding: 15px 15px 0 15px;
	margin: 0 0 15px 0;
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	
	/*ADDED BY JON 11.15.06*/
	width: 262px;
	clear: both;
	float: left;
}
.pricingmodule {
	margin: 0;
	float: left;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	padding: 2px 7px 15px 0;
	margin: 0;
}
.pricingmodule em {
	font-size: 12px;
	padding: 0 7px 0 0;
}
.superestmodule {
	margin: 0 0 0 25px;
	font-size: 14px;
	padding: 0 0 10px 0;
}
.superestmodule li {
	padding: 0 0 10px 0;
}
.button {
	padding: 0 15px 0;
	margin: 0 0 0 0;
}
.transaction p {
	clear:both;
	margin: 0;
	padding: 0 0 15px 0;
}
.editioncallout {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 10px 0;
	margin: 0;
}
.editiondetails {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	padding: 0 0 10px 0;
}
.shippingmodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 15px 0;
}
.shippingmodule p {
	padding: 0 0 5px 0;
}
.quantitymodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 0 0;
}
.quantitymodule p {
	padding: 0 0 15px 0;
}
#quantity {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	width: 24px;
}
.dropdownmodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 15px 0;
}
.dropdownmodule p {
	padding: 0 0 5px 0;
}


/* -----------------------------------------------------------------
                 	STORE - STRUCTURE RULES
------------------------------------------------------------------*/

body#store #column_one {
	width: 616px;
}

/* The Store's flash movie is unfortunately 1 pixel longer than it should be,
so rather than shortening all the swf's, I've opted to lose 1 px of
padding-right from the second column of the store. May God have mercy on 
my design-soul.*/
body#store #column_two {
	padding: 0 14px 15px 16px !important;
	padding: 0 0 15px 14px; /* I have to lose the padding on the left or the second column is pushed below in IE6 */
}

body#store #footright { 
	width: 620px;
}

body#store #container {
	background-image: url("/_images/_store/store_background.gif");
}
#store_display {
	color:#FFFFFF;
	background-color: #BAB29B;
	margin: 0;
	width: 590px;
	padding: 13px;
	float: left;
}
#store_display h1 {
	float: left;
	width: 370px;
	padding: 0;
	margin: 0;
	line-height: 140%;
}
#store_display h1 a:visited, #store_display h1 a:hover, #store_display h1 a:link {
	color:#FFFFFF;
	background-color: #BAB29B;
}
#store_display h2 {
	padding: 5px 0 0 0;
	margin: 0;
	float: right;
	text-align: right;
	width: 203px;
	color:#FFFFFF;
	border: none;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 90%;
}
#column_one_left {
	padding: 0 15px 0 0;
	float: left;
	width: 293px;
}
#column_one_left h2 {
	clear: both;
}
#column_one_right {
	line-height: 170%;
	float: left;
	margin: 0 0 0 15px;
	padding: 15px 15px 15px 15px;
	color: #674A3E;
	width: 262px;
	font-size: 85%;
}
#column_one_right h5 {
	margin: 0;
	padding: 0 0 15px 0;
	border: none;
	font-size: 90%;
}
#column_one_right ol {
	list-style: none;
}
#column_one_right li {
	padding: 0 0 15px 0;
}
#column_one_right a:hover {
	background-color: #fff;
}
#column_one_right a:link, #column_one_right a:visited {
	color: #000;
}
body#store #flash blockquote {
	clear: both;
	border-top-style: solid;
	border-top-color: #fff;
	border-top-width: 15px;
	background-color: #F6DD6B;
	color: #BE1111;
	font-size: 120%;
	margin: 0;
	padding: 25px;
	width: 616px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 15px;
}
/* -----------------------------------------------------------------
        		  STORE THUMBS CONTAINER
-----------------------------------------------------------------*/

.newavailable {
	background-image: url("/_images/_store/available_bkgd.jpg");
	background-repeat: no-repeat;
	background-color: #EFEDE5;
	margin: 0;
	padding: 0;
	float: left;
}
body#store #column_two dl {
	float: left;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 15px 0 15px;
	padding: 15px 0 15px 0;
	color: #674A3E;
	font-size: 85%;
	line-height: 130%;
	display: inline; /* IE6 will double the left margin unless this line is added, but it's not necessary in FF */
}
body#store #column_two dt {
	float: left;
}
body#store #column_two dd.title {
	font-size: 110%;
	font-style: italic;
	padding: 0 0 7px 0;	
	font-weight: bold;
}
body#store #column_two dd {
	float: right;
	width: 165px;
	display: block;
}

/* -----------------------------------------------------------------
        		 	 STORE CATEGORICAL TABS
-----------------------------------------------------------------*/

.shown { display: block; }
#subnav { list-style: none; margin: 0; padding: 0; float: left; }
#subnav li { float: left; }
#subnav a { display: block; text-indent: -9999px; width: 60px; height: 74px; }
#subnav a:hover, #subnav a:active, #subnav a:focus { /*\*/ overflow: hidden; /**/ }
#subnav_all a { background: transparent url(/_images/_store/tab_01.jpg) no-repeat 0 0; }
#subnav_books a { background: transparent url(/_images/_store/tab_02.jpg) no-repeat 0 0; }
#subnav_art a { background: transparent url(/_images/_store/tab_03.jpg) no-repeat 0 0; }
#subnav_tshirts a { background: transparent url(/_images/_store/tab_04.jpg) no-repeat 0 0; }
#subnav_other a { background: transparent url(/_images/_store/tab_05.jpg) no-repeat 0 0; width: 59px; }
#subnav a:hover { background-position: 0 -74px; }
#subnav a.current, #subnav a.current:hover { background-position: 0 -148px; }
* html #column_two img { display: block; } 

.newavailable { background-position: 0 0; }
/*.js .newavailable { background-position: 0 75px; }
* html .newavailable { background-position: 0 65px; } */

/* -----------------------------------------------------------------
                       HEADER AND NAVIGATION
-------------------------------------------------------------------*/

#header {
	background: transparent url(/_images/_header/full_header_background.jpg) no-repeat 0 0; /* this is the full nav graphic. It makes the "flicker" that IE creates on image replacement appear not to be occurring. */
	padding: 42px 0 15px 0; /* this is intended to force all the items down 42px from the top. */
	position: relative; /* this allows the rest of the elements to be positioned absolutely from header's top left. */
	height: 80px; /* since I'm floating the logo and nav, I need to specify a height so that the content doesn't cover the site tagline/section description. */
}

#header a#logo {
	background: transparent url(/_images/_header/logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 597px; 
	height: 37px;
	display: block;
	float: left;
}
#header ul#navigation {
	position: absolute;
	left: 597px;
	list-style: none;
}
#header ul#navigation li {
	text-indent: -9999px; /* this removes the nav item text from appearing over the nav list items */
	text-decoration: none; /* this removes the nav item text from appearing over the nav list items */
	float: left; /* I suspect that without this, the nav list items stagger. */
}
#header ul#navigation a {
	display: block; /* all the anchors need to display block, or the text appears. For some reason. */
}
#header ul#navigation a:hover  {
	background-position: 0 -37px; /* this makes the nav items display their rollovers */
}
#homemenu a { /* this replaces the list item's anchor with an image, gives it a width and height, and floats it left. */
	background: transparent url(/_images/_header/nav_home.jpg) no-repeat 0 0;
	width: 93px;
	height: 37px;
}
#workmenu a {
	background: transparent url(/_images/_header/nav_work.jpg) no-repeat 0 0;
	width: 92px;
	height: 37px;
}
#storemenu a {
	background: transparent url(/_images/_header/nav_store.jpg) no-repeat 0 0;
	width: 93px;
	height: 37px;
}
#contactmenu a {
	background: transparent url(/_images/_header/nav_about.jpg) no-repeat 0 0;
	width: 100px;
	height: 37px;
}

/* These styles control the indication of what section the user is currently in. */

body#home #homemenu a {
	background-position: 0 -37px;
}
body#work #workmenu a {
	background-position: 0 -37px;
}
body#store #storemenu a {
	background-position: 0 -37px;
}
body#contact #contactmenu a {
	background-position: 0 -37px;
}

/* These styles make sure each page is displaying the appropriate tagline graphic */

#header h3 {
	position: absolute;
	text-indent: -9999px;
	height: 56px;
	top: 79px;
}
h3#site_description {
	background: transparent url(/_images/_header/site_tagline.jpg) no-repeat 0 0;
	width: 511px; 
	left: 0;
}
#header h3#section_tagline {
	width: 464px; 
	left: 511px;
}

body#home #header h3#section_tagline { background: transparent url(/_images/_header/home_tagline.jpg) no-repeat 0 0; }
body#articles #header h3#section_tagline { background: transparent url(/_images/_header/indentry_tagline.jpg) no-repeat 0 0;}
body#work #header h3#section_tagline { background: transparent url(/_images/_header/work_tagline.jpg) no-repeat 0 0; }
body#store #header h3#section_tagline { background: transparent url(/_images/_header/store_tagline.jpg) no-repeat 0 0; }
body#contact #header h3#section_tagline { background: transparent url(/_images/_header/contact_tagline.jpg) no-repeat 0 0; }
body#links #header h3#section_tagline { background: transparent url(/_images/_header/links_tagline.jpg) no-repeat 0 0; }
body#downloads #header h3#section_tagline { background: transparent url(/_images/_header/downloads_tagline.jpg) no-repeat 0 0; }
body#bsrsearch #header h3#section_tagline { background: transparent url(/_images/_header/search_tagline.jpg) no-repeat 0 0; }

/* -----------------------------------------------------------------
                 		SEARCH RESULTS PAGE
--------------------------------------------------------------------

These styles apply to the Search Include, and the Search Results Page.

*/
#searchcard {
	background-image: url("/_images/_search/repeating_card_background.jpg");
	padding: 5px 0 10px 27px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10px;
}
#searchcardtop {
	background-image: url("/_images/_search/search_card_top.jpg");
	padding: 40px 0 0 25px;
    height: 64px;
	background-repeat: no-repeat;
	margin-bottom: 0;
	color: #5A4E65;
}
#searchcardtop #search {
	width: 235px;
}
#searchcardbottom {
	background-image: url("/_images/_search/search_card_bottom.jpg");
	padding: 20px 0 0 25px;
    height: 64px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.search_divider {
	margin: 0;
	padding: 0;
}
.noresults {
	border-top-color: #5A4E65;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 13px;
	padding-bottom: 0;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
	text-align: center;
	line-height: 18px;
}
.querylarge {
	font-size: 18px;
	font-style: italic;
	padding: 0;
	margin: 0 0 5px 0;
}
.querysmall {
	font-size: 10px;
	font-style: italic;
	padding: 0;
	margin: 0 0 5px 0;
}
.querybody {
	padding: 0;
	margin: 0 0 15px 0;
}
.brackets {
	font-size: 16px;
}
.formstyles {
	font-family: Arial, Helvetica, sans-serif;
	color: #5A4E65;
	background-color:#FFFFFF;
	font-size: x-small;
	border-style: double;
	border-color: #ACA6B0;
	border-width: 3px;
	margin: 10px 5px 0 5px;
}
.checkbox {
	margin: 10px 5px 0 5px;
    height: 10px;
    width: 10px;
}
.radio {
	margin: 0 0 0 0;
}

/*-----------------------------------------------------------------
                    	    IN CLOSING
--------------------------------------------------------------------

Thanks for visiting the Bearskinrug CSS file. Feel free to use this file
for study. Though I encourage you to develop your own CSS file, instead
of just taking mine and applying it line for line to your own site.

All images and content on the site, however, are not for public use, and
are copyrighted material. So it's probably best for you to make your own.

Copyright 2004-2007 Kevin Cornell. All Rights Reserved.
  
*/