/*
==========================================================================
	North Word Magazine - WWW.NORTHWORD.CA
==========================================================================
	Primary Stylesheet - Author: Terry Evans, BC DESIGN WORKS
	Created: July 28, 2005
	Last Modified: --
==========================================================================
==========================================================================
*/

/* Layout & Globals Styles
-------------------------------------------------------------------------- */

* {margin:0; padding:0;}

ul {list-style-type:none;}

html {
	margin:0; padding:0;
	background: #999900 url(/gfx/bg3.gif) repeat-x top;
}
body {
	margin:0; padding:0;
	text-align:center;
	font: 12px/1.4em "Lucida grande", "Helvetica Neue", Tahoma, Arial, Helvetica, Sans-Serif;
	background: url(/gfx/mid.gif) repeat-y center;
}
#wrap {
	width:100%;
	background: url(/gfx/top.gif) no-repeat top center;
}
#container {
	margin:0 auto;
	width: 776px;
	text-align:left;
	color: #000;
} 
#header {
	height:170px; 
	position:relative;
}
#navigation {
	height:47px; width:100%; clear:both;
	text-align: center;
	background: url(/gfx/navmenu.gif) no-repeat 50% 50%;
}
#contentarea {

	text-align: left; 
	padding:23px 0 0 0;
	background: url(/gfx/bgdepartments.gif) no-repeat 8px 63px;
}
body.one-col #contentarea {
	background:none;
}
#content {
	float:right; width:560px;
}
body.one-col #content {
	float:none; width:auto; padding:20px 30px;
}
#content #main-col {
	float:left; width:358px;
	padding:10px 0 0 0;
}
#content #side-col {
	float:right; width:201px;
}
#sidebar {
	float:left; width:198px;
}
#distribution {
	padding:25px 30px 0;
	clear: both;
}
#footer {
	height:150px; 
	background: url(/gfx/footer3.gif) no-repeat 49% 100%; 
/* Not surprisingly, IE PC doesn't know where the middle is */
} 
html>body #footer {background-position: 50% 100%;}
/* But others do! */

/* The Greatest Hack Going
-------------------------------------------------------------------------- */
.clearfix:after,
ol.comments li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Linkage Stylism
-------------------------------------------------------------------------- */
a {color:#999900;}
a:hover {color:#6B6B00; text-decoration:none;}

#contentarea h2 a {text-decoration:none;}
#main-col ul li a {text-decoration:none; font-weight:bold; color:#999900;}
#main-col ul li a:hover {color:#6B6B00; text-decoration:none;}
#content a img {text-decoration:none; color:#fff; border:none;}
#content a:hover img {text-decoration:none; color:#fff;}

#sidebar a {color:#000; text-decoration:none;}
#sidebar a:hover {color:#6B6B00; text-decoration:none;}

#sidebar li.current a {color:#6B6B00; text-decoration:none;}

#footer a {color:#6B6B00;}
#footer a:hover {color:#999900; text-decoration:none;}

/* Logo
-------------------------------------------------------------------------- */
#header h1 a {
	float:left; display:block;
	width:420px; height: 150px;
	text-indent:-9999px;
	background: url(/gfx/logo.gif) no-repeat 20px 12px;
}
#header h2 {
	display:none;
}

/* Latest Events
-------------------------------------------------------------------------- */
#eventsbox {
	float:right; display:block;
	width: 320px; height:170px;
	background:url(/gfx/eventsbox.gif) no-repeat 0 10px;
}
#eventsbox dt {
	margin:0; padding:0; display:block;
	height:50px; width:320px;
	text-indent:-9999px;
}
#eventsbox dd {
	margin:0; padding:0; 
	font-size: 10px; 
	line-height:1.15em;
}
#eventsbox #postevent {
	margin:0; padding:0;
	float:right; display:block; 
	height:98px; width:150px; line-height:98px;
	text-indent:-9999px;
}
#eventsbox #postevent a {
	margin:0; padding:0;
	display:block; 
	height:98px; width:150px; line-height:98px;
	text-indent:-9999px;
}
#eventsbox #latestevents {
	margin:0; padding:0;
	float:left; display:block;
	width:165px;
}
#latestevents ul {
	margin:0 0 0 20px;
}
#latestevents ul li {
	margin:0 0 5px 0;
	line-height:1.15em;
}
#latestevents ul li#more {
	margin:11px 0 5px 0; font-size:11px;
}

/* Main Navigation Menu
-------------------------------------------------------------------------- */
#navigation {position:relative;}
#navigation dt {display:none;}
#navigation dd {
	/* float:left; display:block;
	width:120px; height:20px; */
}
#navigation dd a {
	position:absolute; display:block;
	width:120px; height:20px;
	text-indent:-9999px;
}
#navigation dd.this-issue a {
	top:3px; left:103px; width:108px;
	background:url(/gfx/nav/this-issue.gif) no-repeat 0 0;
}
#navigation dd.this-issue a:hover {
	background-position:-108px 0;
}
body#this-issue #navigation dd.this-issue a {
	background-position:-108px 0;
}
#navigation dd.directory a {
	top:3px; left:211px; width:260px;
	background:url(/gfx/nav/crd.gif) no-repeat 0 0;
}
#navigation dd.directory a:hover {
	background-position:-260px 0;
}
body#directory #navigation dd.directory a {
	background-position:-260px 0;
}
#navigation dd.subscribe a {
	top:3px; left:471px; width:190px;
	background:url(/gfx/nav/subscribe.gif) no-repeat 0 0;
}
#navigation dd.subscribe a:hover {
	background-position:-190px 0;
}
body#subscribe #navigation dd.subscribe a {
	background-position:-190px 0;
}
#navigation dd.advertise a {
	top:24px; left:116px; width:104px;
	background:url(/gfx/nav/advertise.gif) no-repeat 0 0;
}
#navigation dd.advertise a:hover {
	background-position:-104px 0;
}
body#advertise #navigation dd.advertise a {
	background-position:-104px 0;
}
#navigation dd.contribute a {
	top:24px; left:220px; width:110px;
	background:url(/gfx/nav/contribute.gif) no-repeat 0 0;
}
#navigation dd.contribute a:hover {
	background-position:-110px 0;
}
body#contribute #navigation dd.contribute a {
	background-position:-110px 0;
}
#navigation dd.past-issues a {
	top:24px; left:331px; width:118px;
	background:url(/gfx/nav/past-issues.gif) no-repeat 0 0;
}
#navigation dd.past-issues a:hover {
	background-position:-118px 0;
}
body#past-issues #navigation dd.past-issues a {
	background-position:-118px 0;
}
#navigation dd.feedback a {
	top:24px; left:449px; width:100px;
	background:url(/gfx/nav/feedback.gif) no-repeat 0 0;
}
#navigation dd.feedback a:hover {
	background-position:-100px 0;
}
body#feedback #navigation dd.feedback a {
	background-position:-100px 0;
}
#navigation dd.about a {
	top:24px; left:549px; width:98px;
	background:url(/gfx/nav/about.gif) no-repeat 0 0;
}
#navigation dd.about a:hover {
	background-position:-98px 0;
}
body#about-us #navigation dd.about a {
	background-position:-98px 0;
}

/* Main Content
-------------------------------------------------------------------------- */
#contentarea h2 {
	display:block;  margin:0; padding:0; clear:both;
	line-height:3em; height:3em; width: 776px; font-size:18px;
	text-align: center; color:#999900;
	background: url(/gfx/bgh2c.gif) no-repeat 50% 50%;
}

h3 {font-size: 16px;}
h4 {font-size:14px;}
h5, h6 {font-size:12px;}

body.one-col #content h3 {margin:20px 0 12px 0;}
body.one-col #content ul  {margin:0 0 15px 18px; list-style:disc;}
body.one-col #content ul li ul {margin:6px 0 6px 18px;}
body.one-col #content ol {margin:10px 0 15px 18px;}
body.one-col #content ol li {margin:0 0 12px 0;}
body.one-col #content p {margin:0 0 15px 0;}

#content blockquote {margin:0; padding:0;}
#content blockquote p {
	float:right; width:225px;
	padding:8px 10px 0 45px;
	margin:0;
	font-size: 16px;
	line-height:16px;
	color:#333;
	background:url(/gfx/bql.gif) no-repeat 5px 0;
}
#content blockquote p.left {
	float:left; padding:8px 10px 0 40px;
	background:url(/gfx/bql.gif) no-repeat 0 0;	
}

#content blockquote cite {font-size:12px; text-align:right; display:block;}

#content p.topborder {border-top:1px solid #999; padding:15px 0 0 0;}
#content p.goright {float:right;}
#content p.goright img {margin-left:12px;}
#content p.center {text-align:center;}
#content p.center img {
	padding:0 8px 8px 0; 
	background:url(/gfx/bgimg.gif) no-repeat 115% 115%;
}

/* --------------| Internal Pgs |------------------ */
body.internal #content p.center img {
	background:url(/gfx/bgimg.gif) no-repeat 100% 100%;
}
body.internal #content h4,
body.internal #content h5,
body.internal #content h6,
body.internal #content p {
	margin:15px 20px 8px 0;
}
body.internal #content h3 {
	font-size:16px; margin:12px 12px 3px 0;
}
body.internal #content p {margin:0 18px 15px 0; line-height:1.5em;}
body.internal #content ul {list-style-type:disc; margin:12px 12px 12px 18px;}

body.internal #content #slug {
	color:#999900; font-size:11px; 
	margin:5px 20px 10px 0; padding:0;
	line-height:1.1em;
}
body.internal #content #title {
	margin:0; padding:0; 
	line-height:1.1em;
	font-size:24px;
	font-family: Georgia, Helvetica, Arial, Sans-Serif;
}
body.internal #content #headline {
	margin:10px 0 5px 0; padding:0; 
	line-height:1.1em; 
	font-size:16px; font-style:italic;
	font-family: Georgia, Helvetica, Arial, Sans-Serif;
}
body.internal #content h3#headline {margin:0 0 15px 0;}

body.internal #content #author {
	margin:0 0 20px 0; padding:0; 
	line-height:1.1em; 
	color:#999900; font-size:11px; 
	font-weight:bold;
}
body.internal #content p.author {
	margin-top:20px; font-weight:bold; color:#999900; text-align:right;
}


/* --------------| COMMENTS |--------------------- */

#content #txpCommentInputForm {
	color:#666;
	background: #eee;
	border: 1px solid #999;
	padding: 10px;
	margin: 10px 0 0 0;
	clear: left;
	width: 400px;
}
#content ol.comments {
	margin: 15px 15px 0 0;
	list-style: none;
	border-top: 1px solid #000;
	padding: 0 0 10px 0;
}
#content ol.comments li {
	margin: 8px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #000;
	width: 100%;
}
#content ol.comments li div.commentinfo {
	float: left;
	width: 28%;
	border: 1px solid #000;
	background:#ccc;
}
#content ol.comments li div.commentinfo p {
	padding: 10px;
	margin: 0;
	font-size: 11px;
	color:#000;
	line-height: 1.4em;
}
#content ol.comments li div.message {
	float: right;
	width: 70%;
	font-size: 12px;
	color:#666;
}
#content ol.comments li p.trackback a {
	font-size: 10px;
	text-decoration: none;
	color:#666;
}
#content ol.comments li p.trackback a:hover {
	color:#999;
}
#content textarea.txpCommentInputMessage {
	width: 300px;
}
#content .metainfo {
	font-size: 11px;
	color:#999;
}

/* comment input form */
#content form {
	padding: 0 14px 15px 22px;
	margin:0;
}
#content form input,
#content form select,
#content form label {
	display: block;
	width: 50%;
	float: right;
	margin-bottom: 10px;
}
#content form label {
	text-align: right;
	width: 47%;
	float:left; padding-right: 5px;
	color:#000;
}
#content form label.msg {
	text-align: left;
}
#content form textarea {
	width: 80%;
	float: left;
}
#content form input.checkbox {
	width: 10%;
	float: left;
}
#content form br {
	clear: both;
}
#content form p.submit {
	display:block;
	margin-top:15px;
}
#content form p.submit input {
	width: 150px;
}
#content p#textilehelp {
	padding-top: 15px;
}

/* comment input form */

/* --------------| Main Column |------------------ */
#main-col ul.stories {
	margin:0 15px 0 0;
}
#main-col ul.stories li img {
	float:left; margin:0 10px 0 0;
}
#main-col ul.stories li {
	margin:0 0 15px 0;
}
#main-col ul.stories li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#main-col ul.stories li {display: inline-table;}
/* Hides from IE-mac \*/
* html #main-col ul.stories li {height: 1%;}
#main-col ul.stories li {display: block;}
/* End hide from IE-mac */

#main-col ul li img {padding:0 5px 5px 0; background:url(/gfx/bgthumb.gif) no-repeat 100% 100%;}

/* --------------| Side Column |------------------ */
#side-col ul,
#side-col h4,
#side-col h5,
#side-col h6,
#side-col p {margin:0 12px 0 0; font-size:11px;}
#side-col h3 {font-size:12px; margin:12px 12px 3px 0;}

/* Sidebar
-------------------------------------------------------------------------- */
#depts {
	margin:2px 10px 25px 25px;
}
#depts dt {
	display:block; height:20px; 
	text-indent:-9999px;
}
#depts dd {
	font-size: 11px; font-weight: bold;
}
#depts dd ul {
	list-style-type:disc; margin:0 0 0 20px;
}
/* --------------| Advertisements |------------------ */
#sidebar h3 {
	display:block; margin:0; padding:0;
	height:34px; line-height:34px;
	text-indent:-9999px;
	background: url(/gfx/sponsored-links.gif) no-repeat 50% 50%;
}
#sidebar #ads {
	margin:0 0 0 15px;
	list-style-type:none;
}
#sidebar #ads ul {
	margin:0; padding:0;
}
#sidebar #ads li {
	margin:12px 0 18px 0;
}
#sidebar #ads li a img {
	text-decoration:none; border:none; color:#fff;
}
#sidebar #ads li a:hover img {
	text-decoration:none; border:none; color:#fff;
}
/* --------------| Distribution |------------------ */
#distribution h3 {
	margin:0 0 8px; padding:0;
	font-size:12px;
}
#distribution p {
	margin:0 0 20px 0;
}

#distribution ul {
	margin:0 0 15px 0; padding:0;
	list-style-type:disc; text-align:justify;
}
#distribution ul li {
	display:inline; 
	padding:0 5px 0 0; margin:0;
	font-size:11px;
	line-height:1.1em;
}
html>body #distribution ul li {	white-space:nowrap; }

/* Footer
-------------------------------------------------------------------------- */
#footer p.bcdw {margin:0; padding:0; display:block; height:96px;}
#footer p.bcdw a {display:block; width:127px; height:74px; float:right;}
#footer p.bcdw a b {display:none;}

#footer dl {
	padding:20px 80px 0 80px; clear:both;
	line-height:20px; 
	text-align:center;
}
/* hide from ie5mac \*/
#footer dl {padding:0 80px;}
/* end hide */
#footer dl dt {
display:none;
}
#footer dl dd {
	display:inline; margin:0; padding:0 10px 0 0;
}
html>body #footer dl dd {white-space:nowrap; }