/*
-----------------------------------------------
Social Justice Commission of the Anglican Church in Aotearoa, New Zealand and Polynesia
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Print Styles
Filename:		print.css
Author:			Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:			8 December 2006
Updated:		30 March 2007
----------------------------------------------- */

/* =Global Styles
----------------------------------------------- */
body { background: url(../img/bg.gif) left repeat-y; margin:0; padding:0; text-align:left; font: 62.5%/2em Arial, Helvetica, sans-serif; color:#333;}


/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#FD041D; text-decoration:none;}
a:hover { color:#FD041D; text-decoration: underline;}
a img {	border:none;}

.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.blue { color: #4C6A86; }
.toplink { font-size: 1.0em; float: right; margin: 0 0 10px 0; clear: both; }
.nofloat { float: none !important; }

p { font-size:12px; line-height:1.4em; margin:0 0 0.9em 0; }
small { color: #666; font-size:1.1em; line-height:1.2em; margin:0 0 0.9em 0; }
ul, ol, td { font: 1.2em/1.2 Arial, Helvetica, sans-serif; margin:0 0 0.9em 0; }
ul { padding: 0 0 0 27px; list-style-image: url(../images/bullet-star.gif); }
ol { padding: 0 0 0 15px; margin: 5px 0 5px 5px; }
label, input { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin:0 0 0.2em 0; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin:0 0 0.2em 0; padding: 3px; border: 1px solid #ddd; border-top-color: #bbb; border-top-width: 2px; border-left-color: #bbb; border-right-color: #bbb; color: #333 !important; }
input.textbox { padding: 3px; border: 1px solid #ddd; border-top-color: #bbb; border-top-width: 2px; border-left-color: #bbb; border-right-color: #bbb; color: #333 !important; }
input.submit { padding: 3px; background: #E6E6E6; border: 1px solid #E6E6E6; }  
select { font-family:"Lucida Grande", Geneva, Arial, sans-serif; color: #000; font-size: 1.2em; padding: 1px; }
dl, dt, dd { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.1em; margin:0 0 0.5em 0; }

.next a { display: block; background: url(../img/btn-next.gif) no-repeat; width: 52px; height: 24px; margin: 0 0 10px 0; } 
.previous a { display: block; background: url(../img/btn-previous.gif) no-repeat; width: 74px; height: 24px; margin: 0 0 10px 0; } 

fieldset { border: 0; margin: 0; }
legend { display: none; }


h2 { font: bold 2.4em/1.2 Arial, Helvetica, sans-serif; color: #000; /*background: #e6e6e6; padding: 2px; float: left; line-height: 1em;*/ margin: 0; }
h3 { font: bold 1.4em/1.2 Arial, Helvetica, sans-serif; color: #2d2d2d; border-bottom: 3px solid #2d2d2d; /*background: #e6e6e6; padding: 2px; float: left; line-height: 1em;*/ margin: 0; }
h4 { font: bold 1.3em/1.3 Arial, Helvetica, sans-serif; color:#000; margin:0; font-weight: normal; }
h5 { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size:1.3em; line-height: 1.4; color:#333; margin:10px 0; font-weight:bold;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}


/* =Structure
----------------------------------------------- */
#container { position: relative; width: 925px; margin: 0; padding: 0; }

#content { width: 885px; text-align: left; margin: 0 auto; }
#col-1 { width: 100%; margin: 0; }

#col-1-inside { width: 100%; margin: 0; }

#col-2 { width: 170px; float: left; margin: 0 15px 0 0; padding: 0 14px 0 0; border-right: 1px solid #EBEBEB; }
#col-2-inside { width: 100%; float: left; margin: 0 15px 0 0; padding: 0 0 0 14px; border-right: 1px solid #EBEBEB; }
#col-3 /* Inside pages only */ { width: 180px; float: left; margin: 0 0 0 15px; padding: 0 14px 0 0; border-right: 1px solid #EBEBEB; }

#sidebar { width: 195px; float: left; margin: 0 0 15px 15px; }

/* =Masthead */
#mashtead { width: 925px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
#mashtead h1 { position: absolute; left: 12px; top: 37px; margin: 0; width: 174px; height: 129px; }
#mashtead h1 a { display: block; background: url(../img/logo-just.jpg) no-repeat; width: 174px; height: 114px; }

#global-nav { display: none; }
#global-nav p { font-family: Georgia, "Times New Roman", Times, serif; color: #eee; font-style: italic; }
#global-nav p a { color: #fff; }

#header-links { display: none; }
#header-links ul { padding: 0; margin: 0; }
#header-links li { font-size: 0.9em; }
#header-links li a { color: #333; }

#search-box { display: none;  }
#search-box input { vertical-align: bottom; }
#search-box input.textbox { width: 490px; font-size: 1.3em; }

h2#byline { text-align: left; width: 100%; font: normal 28px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; color: #999; border-bottom: 4px solid #000; padding: 0 0 6px 0; }
h2#byline strong { color: #2d2d2d; font-weight: normal; }

/* =Primary nav */
#prim-nav { display: none; }
#prim-nav a { color: #eee; display: block; float: left; margin: 0 15px 0 0; padding: 3px; text-transform: uppercase; text-decoration: none; }
#prim-nav a:hover { color: #2d2d2d; background: #eee; }
#prim-nav a.current_page_item { color: #2d2d2d; background: #eee; }

/* =Secondary nav */
#sec-nav ul { list-style: none; padding: 0; }
#sec-nav li a { color: #000; font-size: 1.5em; letter-spacing: -1px; font-weight: bold; text-decoration: none; }
#sec-nav li a:hover, #sec-nav li a.current_page_item { color: #666; }

/* =Col 1 Inside */
#col-1-inside textarea { width: 400px !important;  }
#col-1-inside h2 { font: normal 2.8em/1.2 Georgia, "Times New Roman", Times, serif; }
#col-1-inside h2.pagetitle { margin: 0 0 10px 0; font: bold 1.4em/1.2 Arial, Helvetica, sans-serif; color: #2d2d2d; border-bottom: 3px solid #2d2d2d; }
#col-1-inside img { border: 1px solid #ccc; padding: 5px; float: right; margin: 3px 0 3px 5px; }
#col-1-inside h3 { border: none; }
#col-1-inside .article-teaser { margin: 0 0 10px 0; border-bottom: 4px solid #EBEBEB; }

/* =Articles */
ul.article-listing { list-style: none; margin: 0 0 10px 0;; padding: 0; }
.article-listing li.article-teaser { padding: 3px 0; }
.article-listing li.article-teaser small { font-size: 1.0em; }

/* =Col 2 */
#col-2 .article-listing { clear: both; margin: 10px 0 0 0; border-bottom: 4px solid #EBEBEB; }
#col-2 .article-listing h4 { font-weight: bold; color: #2d2d2d; }
#col-2 .article-listing h4 span { margin: 0 0 0 4px; }

/* Col 3 */
#col-3 { display: none; }
#col-3 .article-teaser small { margin: 0; line-height: 1; }
#col-3 h3 { margin: 0 0 10px 0; }

#col-3 .article-listing { clear: both; margin: 10px 0 0 0; border-bottom: 4px solid #EBEBEB; }
#col-3 .article-listing h4 { font-weight: bold; color: #2d2d2d; }
#col-3 .article-listing h4 span { margin: 0 0 0 4px; }

/* Events Calendar */
#upcoming-events { margin: 0 0 10px 0; }
#upcoming-events ul { list-style: none; padding: 0; margin: 10px 0 0 0; }
#upcoming-events ul ul { margin: 0 0 10px 0; padding: 0; border: none; border-bottom: 4px solid #EBEBEB; padding: 0 0 5px 0; }
#upcoming-events ul li { color: #666; }
#upcoming-events li li { font: bold 0.90em/1.1 Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }

#col-2 ul.ec3_events li span { font: normal 1.0em/1.1 Georgia, "Times New Roman", Times, serif; display: block; float: left; padding: 9px 5px 0 5px; width: 24px; height: 31px; margin: 0 4px 0 0; background: url(../img/btn-calendar.gif) top no-repeat; color: #333; text-align: center; }

#col-1 ul.ec3_events { list-style: none; padding: 0; margin: 10px 0 0 0; }
#col-1 ul.ec3_events ul { margin: 10px 0; padding: 0 0 5px 0; list-style: none; border-bottom: 1px solid #EBEBEB; }
#col-1 ul.ec3_events li { color: #000; font: 1.8em/1.2 Georgia, "Times New Roman", Times, serif; }
#col-1 ul.ec3_events li li { font-size: 60%; font-family:  "Lucida Grande", Geneva, Arial, sans-serif; }
#col-1 ul.ec3_events ul ul { margin: 0; }
table.ec3_schedule { margin: 0 0 10px 0; color: #FD041D; font: bold 1.4em/1.3 "Lucida Grande", Geneva, Arial, sans-serif; }

/* =Sidebar */
.copy { clear: both; margin: 20px 0 15px 0; }
.login-link { background: url(../img/icon-login.gif) left no-repeat; padding: 0 0 0 20px; margin: 8px 0 0 0; }

#sidebar { display: none; }

#sidebar .article-listing { clear: both; margin: 0 0 10px 0; border-bottom: 4px solid #EBEBEB; }
#sidebar .article-listing h4 { font-weight: bold; color: #2d2d2d; }
#sidebar .article-listing h4 span { margin: 0 0 0 4px; }
#sidebar .article-listing em { font: normal 1.1em/1.2 Georgia, "Times New Roman", Times, serif; font-style: italic; }

#democracy h4 { margin: 0 0 10px 0; }
#democracy ul { list-style: none; padding: 0; }
#democracy label { font-size: 1.0em; line-height: 1; margin: 0; }
#democracy input { margin: 0; }
#democracy li { margin: 0 0 10px 0; }

#mailing input.textbox { width: 100%; }

#links ul { list-style: none; margin: 6px 0; padding: 0 0 0 0px; }
#links li { background: url(../img/bullet-arrow.png) left no-repeat; padding: 0 0 0 18px; margin: 3px 0 8px 0; }
#links a { color: #000; }

/* =Article Functions */
#article-functions ul { list-style: none; padding: 0; margin: 5px 0; }
#article-functions li { margin: 0 0 10px 0; padding: 3px 0 3px 20px; line-height: 1; }
#article-functions .comments-icon { background: url(../img/icon-comment.gif) left no-repeat; }
#article-functions .email-icon { background: url(../img/icon-email.gif) left no-repeat; }
#article-functions .print-icon { background: url(../img/icon-print.gif) left no-repeat; }

.postmetadata { font: normal 1.1em/1.2 Georgia, "Times New Roman", Times, serif; font-style: italic; }

#bct { display: none; }

/* Comments form */
#comments {border-top:3px solid #666; padding-top:15px; margin-top:15px;}
#comments p {font-size:1.1em;}
#comments h2 {font-size:2em !important;}
#comments .comment {border-top: solid 1px #ccc; margin: 5px 0px 0px 0px;}
#comments .commentAuthor {padding: 5px 5px 5px 5px;background-color: #f0f0f0;}
#comments .commentAuthor p a {font-weight:bold;}
#comments .comment-words {padding: 0px 5px 5px 5px;}
#comments .comment-words p {margin: 8px 0px 5px 0px; padding: 0px;}
#comments h3#respond { display: none; }
#comments #commentForm { display: none; }
#comments #commentForm input.formItem {width:300px; border: 1px solid #999; height:25px; padding:3px; font-size:1.4em;}
#comments #commentForm label {padding:0; display:block;}
#comments #commentForm label span { color:#c00;}
#comments #commentForm textarea {width:430px; border:1px solid #999; padding:5px}

/* Email form */
#email-form { background-color: #fff; padding: 8px 10px 5px 10px; margin: 0px 5px 0px 0px; border: 1px solid #ccc; }
#email-form label {padding:0; display:block; font-weight: bold;}
#email-form label span { color:#c00; }
#email-form textarea { width:410px; margin-bottom: 10px; }
#email-form input.textbox { width: 410px; font-size: 1.3em; margin-bottom: 10px; }
#email-form input.verify { margin: 0; width: 100px; }
#email-form img.nofloat { margin: 0; }
#email-form input.button { margin: 10px 0 0 0; }

/* =Footer */
#footer { width: 910px; padding: 15px 0 30px 15px; margin: 30px 0 0 0; background: #222; margin: 0; }
#footer p { color: #ccc; font-size: 1.1em; }
#footer a { color: #fff; }
#footer ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
#footer li { color: #ccc; font-size: 0.9em; line-height: 1.5; }