/*
hard-pink: ff1493
soft-pink (20%): ffd0e9
greys: 333, 666, bbb, ccc, ddd
green: bbffbb
*/

/* ______________________________ GENERAL FORMATTING START */

/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html { height: 100%; margin-bottom: 1px; }

body
{
	background: #fff;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset { margin: 1em 0 1em 0; }

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }

img { margin: 0; padding: 0; border: 0; }

a:focus { outline: 1px dotted invert; }
a:link, a:visited { color: #000; text-decoration: none; background: transparent; border-bottom: 1px dotted #000; }
a:hover { color: #000; text-decoration: none; background: #ddd; border-bottom: 1px solid #000; }
a:active { color: #fff; text-decoration: none; background: #000; border-bottom: 1px solid #000; }

#ShadowBox table, #ShadowBox tr, #ShadowBox td, table { border: 0; padding: 0; margin: 0; background-color: transparent; }

/* ______________________________ GENERAL FORMATTING END */
/* ______________________________ TEXT START */

h1 { font-size: 1.25em; border-bottom: 2px solid #000; font-family: Georgia; font-weight: bold; padding: 0.75em 0 0.25em 0; text-transform: uppercase; }
h2 { font-size: 1.25em; border-bottom: 1px solid #000; font-family: Georgia; font-weight: bold; padding-top: 0.75em; }
h3 { font-size: 1.2em; border-bottom: 0px solid #000; font-family: Georgia; font-weight: bold; padding-top: 0.5em; margin-bottom: 0; padding-bottom: 0; }
h4 { font-size: 1.1em; border-bottom: 0px solid #000; font-weight: bold; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }
h5 { font-size: 1em; border-bottom: 0px solid #000; font-weight: bold; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }
h6 { font-size: 0.8em; border-bottom: 0px solid #000000; font-weight: bold; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }

h1.headline { font-size: 1.25em; border-top: 3px solid #000; border-bottom: 2px solid #000; font-family: Georgia; font-weight: bold; padding: 0.3em 0 0.25em 0; margin: 0; text-transform: uppercase; }
h2.subtitle { color: #333; margin-top: -0.75em; padding-top: 0; border: 0; text-align: left; }

.first { margin-top: 0; padding-top: 0; }
.english { color: #000; background-color: #fff; }
.french { color: #000; background-color: #fff; border-left: 1px solid #ddd; }
.white { background-color: #fff; }
sup { font-size: 0.75em; line-height: 0.75em; color: #666; margin: -0.25em 0 0 0; padding: 0; vertical-align: top; }
.pullquote { font-size: 1.25em; line-height: 1.5em; color: #666; margin: 1em 0 1em 0; padding: 0.5em 0 0.75em 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.footnotes { font-size: 0.8em; line-height: 1.5em; color: #666; padding: 0.5em 0 0.5em 0; }
.author-name { letter-spacing: 1px; color: #333; font-size: 12px; line-height: 1.5em; margin: 0 0 0 0; padding: 0 0 3px 0; background: transparent; }
.byline { margin: 2em 0 2em 0; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; }
form { font-size: 11px; line-height: 18px; }
input { font-size: 11px; line-height: 18px; }
.emphasis { font-style: italic; }
.language { text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #bbb; font-size: 8px; line-height: 10px; margin: 0; padding: 0 0 3px 0; background: transparent; }
.description { font-family: Georgia; font-size: 1.25em; line-height: 1.5em; color: #666; margin: 1em 0 1.5em 0; padding: 0.5em 0 0.75em 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.quote-author { margin-top: -0.5em; text-align: right; }

.pad { padding-left: 6px; padding-right: 6px; }

.image-credits
{ color: #666; font-size: 10px; line-height: 15px; margin: 1em 0 1em 0; padding: 1em 0 1em 0; background: transparent; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd;}

.image-credits p
{ color: #666; font-size: 10px; line-height: 12px; margin: 0; padding: 3px 0 0 0; background: transparent; }

#full-image-caption 
{ color: #666; font-size: 10px; line-height: 12px; margin: 0; padding: 3px 0 0 0; background: transparent; }

.navitem {color: #000; text-align: left; font-size: 11px; line-height: 18px; margin: 0 10; padding: 6px 0 4px 0; background: transparent; width: 200px; display: block; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;}

.socialbookmarks { border: 0; padding: 0; margin: -5px 3px 0 0; vertical-align: middle; }
a.share { color: #666; font-size: 10px; line-height: 10px; #000; text-decoration: none; background: transparent; border: 0; margin: 36px 0 0 0; padding: 0; letter-spacing: 1px; text-transform: uppercase; display: block; width: 160px; }

/* ______________________________ TEXT END */
/* ______________________________ BANNER START */

#banner
{
	font-size: 10px;
	line-height: 10px;
	font-family: Georgia;
	font-weight: bold;
	color: #ff1493;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background: url(http://www.cataloguemagazine.com/images-style/pink-stripe.png) scroll repeat 0 0;
}

#banner a
{
	text-decoration: none;
	padding: 12px 0 2px 0px;
	border: 0;
	background-color: transparent;
	display: block;
}

/* ______________________________ BANNER END */
/* ______________________________ BREADCRUMB START */

#breadcrumb { color: #666; font-size: 10px; line-height: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 0.5em 14px 1em 6px; }

#breadcrumb a, #share-box a { color: #666; text-decoration: none; margin: 0; padding: 0; background: transparent;  border: 0; }
#breadcrumb a:hover { color: #000; background: #ddd; }
#breadcrumb a:active { color: #fff; background: #000; }

/* ______________________________ BREADCRUMB END */
/* ______________________________ LAYOUT START */

.stripe { background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-stripe.png) scroll repeat 0 0; }
.stripe-80 { background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-stripe-80.png) scroll repeat 0 0; }
.stripe-60 { background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-stripe-60.png) scroll repeat 0 0; }
.stripe-40 { background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-stripe-40.png) scroll repeat 0 0; }
.stripe-20 { background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-stripe-20.png) scroll repeat 0 0; }

.content { margin: 0 0 0 0; padding: 0 0 20px 0; }

.textbox { background-color: transparent; margin-top: 0em; margin-bottom: 1.5em; padding-bottom: 0; }

.spacer { min-height: 20px; }

.semi-spacer { min-height: 10px; }

.small-ad { margin: 0 0 20px 0; }

/* ______________________________ LAYOUT END */
/* ______________________________ FOOTER START */

#footer { padding: 1em 0 1.5em 0; background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/pink-soft-stripe.png) scroll repeat 0 0; }

#footer a 
{ color: #666; font-size: 10px; line-height: 15px; #000; text-decoration: none; background: transparent; border: 0; display: block; margin: 0; padding: 0 0 0 6px; letter-spacing: 1px; text-transform: uppercase; }

#footer a:hover { color: #000; background: #ddd; }
#footer a:active { color: #fff; background: #000; }

.copyright { color: #666; font-size: 10px; line-height: 12px; background: transparent; }

/* ______________________________ FOOTER END */
/* ______________________________ ADS START */

.ads { padding: 0 0 20px 0; }

a:link.ad-links, a:visited.ad-links, a:hover.ad-links, a:active.ad-links
{ color: #000; text-decoration: underline; background-color: transparent; border: 0; padding: 0; margin: 0 0 10px 0; display: block; }

/* ______________________________ ADS END */
/* ______________________________ HOME PAGE BOXES START */

.home-box
{
	width: 220px;
	height: 220px;
	padding: 0;
	margin: 0px 20px 20px 0px;
	border: 0px #000 solid;
	background-color: transparent;
	float: left;
}

.home-box-english { margin: 0; padding: 3px 6px 3px 6px; background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/white-90.png) repeat; }
.home-box-french { margin: 0; padding: 3px 6px 3px 6px; background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/white-70.png) repeat; }

.home-box-title-english
{ font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 0px; background-color: transparent; display: block; }

.home-box-subtitle-english
{ font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; margin: 0; padding: 0; text-transform: none; uppercase; background-color: transparent; display: block; }

.home-box-title-french
{ font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; margin: 0; padding: 0; text-transform: uppercase;uppercase; letter-spacing: 0px; background-color: transparent; display: block; }

.home-box-subtitle-french
{ font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; margin: 0; padding: 0; text-transform: none; uppercase; background-color: transparent; display: block; }

.home-box-author
{ font-size: 10px; font-weight: normal; line-height: 13px; text-decoration: none; margin: 0; padding: 2px 6px 2px 6px; background: #333; text-transform: none; letter-spacing: 1px; background-color: transparent; background: url(http://www.cataloguemagazine.com/images-style/white-50.png) repeat; display: block; }

.home-box a:link, .home-box a:visited
{
	width: 220px;
	height: 220px;
	text-decoration: none;
	padding: 0px;
	color: #000;
	border: 0;
	background-color: transparent;
	background: none;
	display: block;
}

.home-box a:active, .home-box a:hover
{
	width: 220px;
	height: 220px;
	text-decoration: none;
	padding: 0px;
	color: #000;
	border: 0;
	background-color: transparent; 
	background: url(http://www.cataloguemagazine.com/images-style/grey-40.png) repeat;
	display: block;
}

/* ______________________________ HOME PAGE BOXES END */
/* ______________________________ NAV LINKS START */

#nav { font-size: 10px; line-height: 18px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; text-transform: uppercase; letter-spacing: 1px; list-style: none; margin: 0 10px 0 0; padding: 0px 0 20px 0; float: left; }

.nav { padding: 0px 0 20px 0; }

#nav ul { margin: 10px 0 0 0; padding: 0; border-top: 3px #000 solid; border-bottom: 1px #000 solid; list-style-type: none; float: left; }
#nav ul.nav-first { margin: 0; padding: 0; border-top: 3px #000 solid; border-bottom: 1px #000 solid; list-style-type: none; float: left; }
#nav ul.sections { margin: 0; padding: 0; border-top: 0; border-bottom: 1px #000 solid; list-style-type: none; float: left; }

#nav li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; }

#nav a:link, #nav a:visited
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: #fff;
	display: block;
}

body#about li#about-tab a, body#newsletter li#newsletter-tab a, body#links li#links-tab a, body#archive li#archive-tab a
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: #ff1493;
	background-image: none;
	display: block;
}

body#about li#about-tab a:active, body#newsletter li#newsletter-tab a:active, body#links li#links-tab a:active, body#archive li#archive-tab a:active
{ color: #fff; background-color: #000; }

#nav li.section-tab a
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: #ff1493;
	display: block;
}

#nav li.section-tab a:active { color: #fff; background-color: #000; }

.title-nav-english { font-size: 10px; line-height: 15px; display: block; padding: 5px 0 3px 0; text-transform: uppercase; letter-spacing: 1px; }
.title-nav-french { font-size: 10px; line-height: 15px; display: block; padding: 0 0 3px 0; text-transform: uppercase; letter-spacing: 1px; }
.author-nav { font-size: 10px; line-height: 12px; padding: 0; text-transform: none; letter-spacing: 0; }

#nav ul.sections a:link, #nav ul.sections a:visited
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: transparent;
	display: block;
}

#nav a:hover, #nav ul.sections a:hover
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: #ddd;
	display: block;
}

#nav a:active, #nav ul.sections a:active
{
	width: 150px;
	text-decoration: none;
	padding: 5px;
	color: #fff;
	border-bottom: 1px #000 solid;
	border-top: 0;
	background-color: #000;
	background-image: none;
	display: block;
}

/* ______________________________ NAV LINKS END */
/* ______________________________ IMAGES START */

.main-image
{
	width: 700px;
	min-height: 10px;
	margin-bottom: 20px;
	text-align: center;
	background-color: transparent;
}

.image_8
{
	width: 460px;
	height: 460px;
	padding: 0;
	margin: 0px 20px 20px 0px;
	border: 0;
	background-color: transparent;
	text-align: center;
	float: left;
}

.image_8 a:link, .image_8 a:visited
{
	width: 448px;
	height: 448px;
	text-decoration: none;
	padding: 5px;
	color: #666;
	border: 1px #ccc solid;
	background-color: #ddd;
	display: block;
}

.image_8 a:hover
{
	width: 448px;
	height: 448px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border: 1px #000 solid;
	background-color: #333;
	display: block;
}

.image_8 a:active
{
	width: 448px;
	height: 448px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border: 1px #000 solid;
	background-color: #000;
	display: block;
}

.thumbnail
{
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 0px 20px 20px 0px;
	border: 0;
	background-color: transparent;
	text-align: center;
	float: left;
}

.thumbnail a:link, .thumbnail a:visited
{
	width: 88px;
	height: 88px;
	text-decoration: none;
	padding: 5px;
	color: #666;
	border: 1px #ccc solid;
	background-color: #ddd;
	display: block;
}

.thumbnail a:hover
{
	width: 88px;
	height: 88px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border: 1px #000 solid;
	background-color: #333;
	display: block;
}

.thumbnail a:active
{
	width: 88px;
	height: 88px;
	text-decoration: none;
	padding: 5px;
	color: #000;
	border: 1px #000 solid;
	background-color: #000;
	display: block;
}

/* ______________________________ IMAGES END */