/* Style Sheet for Marks Tey Church web-site 2006 re-design
   The doctype declaration in the HTML is forcing IE6 into standards mode; by removing the doctype declaration you see 
   how IE 5.5 and below would render the page - it doesn't break, but doesn't quite line up right (no big deal)
   Fixes needed:
   The top banner is centered within the body. Firefox doesn't understand this the way I or I.E. do and centers the banner on the viewport,
   which looks rubbish when a Firefox window is narrow enough to force scroll bars.
   Colours:
   #5C1A0A is the dark brown for headings and body text etc...
   #F4E4C6 is a strong background colour (faded to white in Paintshop Pro for heading gradients)
   #FDF8EF is a weak background colour - looks good in right column box-outs, maybe need to bolster it a bit in the l.h. nav
   #B9957D is a weak text colour - Sunday 11am text in banner and also for very pale footer text
   #B03313 is a reddish colour - good for text links*/

   
/* --- LAYOUT --- */ 

html {overflow-y: scroll; /* forces firefox to display a vertical greyed out scroll bar when the content doesn't need a scroll bar, so avoiding a position hop between scroll bar and non scroll bar (I.E.'s default */
height: 100%; /* part of the CSS needed to make the footer stick to the bottom, trick called 'footerStickAlt, see: http://www.themaninblue.com/writing/perspective/2005/08/29/  */
}

body {background: url(css_images/banner.jpg) no-repeat center top; margin: 0; padding:0; text-align: center;
height: 100%; /* for footerStickAlt */ 
}
body.admin {background: url(css_images/adminbanner.jpg) no-repeat center top;}


#contentWrapper {
width: 960px; margin: 0 auto; padding: 0 10px; text-align: left; /* get a centred layout, text-align hack for IE */
position:relative; min-height: 100%;  /* for footerStickAlt */
}
* html #contentWrapper {height: 100%;} /* for footerStickAlt; IE hack - IE doesn't recognise min-height */

#mainNav {
width: 100%; /* needs to be made explicit for Nav bar not to break in IE (??) */
overflow: hidden;  /* means that the divider doesn't appear to the left of the first item in a row */
background: url(css_images/horizontal_line.jpg) repeat-x bottom;
padding:180px 0 14px 0; /*180px for the banner, 14px for the line below */ 
margin-bottom: 30px;
}

#adminNav {padding:40px 0 24px 190px; margin-bottom: 70px; background: none;}
#adminNav ul.backendSections {position: absolute; top:75px; left: 202px;}

#secondaryNav {
width: 150px; float: left;
margin: 0; padding:0; 
}

#mainContent {
width: 520px; float: left;
padding: 0 25px 0px 25px;
margin: 0;
}

#mainContent div.FCKEditor {
clear: both; /* important if pictures have been floated at the bottom of the preceding div */
margin: 0 -20px 0 -15px; /* the editor border needs space for its border, padding and scroll bars (on right) */
}

#secondaryContent {
width: 240px; float: left;
margin: 0; padding:0; 
}

#footer{
clear: both; /* ensures that #footer is placed underneath #contentwrapper and clears each div inside it */
position: relative; margin: -5.5em auto 0 auto; /* negative margin for footerStickAlt */
margin-bottom: -1.5em; /* otherwise IE (not firefox) places a margin beneath the footer ?? */
width: 870px;
text-align: center;
padding: 2em 90px 0 0; /* the right padding is to sit it nicely under the central column (which isn't central) */ 
}
   
/* --- GLOBAL TEXT STYLING --- */ 
   
body {font: 76% verdana, arial, sans-serif; color: #5C1A0A;}
a {color: #B03313; text-decoration: none; border-bottom: #B03313 1px dotted;}
a:hover {color: #5C1A0A; background: #F4E4C6; border-bottom: #5C1A0A 1px solid;}
a.imageLink {border-bottom-style:none; background-color:transparent;}
	   
/* --- MAIN NAV BAR STYLING (also for adminNav) --- */
	   
#mainNav ul, #adminNav ul {margin: 0; padding: 0; list-style: none;}

#mainNav li, #adminNav li {
display: block; float: left;
padding: 0 24px; margin-left: -12px; /* cunningly places first divider to left of the mainNav div where it is invisible */
background: url(css_images/divider.gif) no-repeat 0% 60%;
font: 150% georgia, serif; letter-spacing: 0.05em;
}
#adminNav li {
background: none;
padding: 0 12px; margin: 0;
}

#adminNav ul.backendSections li {
background: none;
padding: 0 12px; margin: 0;
font-size: 120%;
}

#mainNav a, #adminNav a {border-bottom: none;}
#mainNav a:hover, #adminNav a:hover {background: #F4E4C6 url(css_images/overline.gif) repeat-x bottom;}
#mainNav a.selected, #adminNav a.selected {background: url(css_images/overline.gif) repeat-x bottom;}
		

/* --- SECONDARY NAV BAR --- */	
	 

#secondaryNav {
font-size: 90%;
}
#secondaryNav h1 {
margin: 0; padding: 2px 2px 2px 5px;
font: bold 120% georgia, serif;	text-transform:uppercase; letter-spacing: 0.1em;
}
#secondaryNav p {margin: .7em 0 .7em 0; padding: 0 5px; line-height: 1.5em;}
#secondaryNav div {margin-bottom: 9px;}

/* --- Styles for the menus --- */

div.menuItems {
background: #FDF8EF;
margin: 0;
}
div.menuItems h2 {
margin: 0; padding: 3px 2px 2px 5px;
font: bold 110% georgia, serif;	letter-spacing: 0.1em; 
background: #F4E4C6;
}

div.menuItems ul {padding: 0px; margin: 0; list-style: none;}
div.menuItems li {margin: 0 0 6px 0;}
div.menuItems li ul li {margin: 6px 0 6px 0;}

div.menuItems span.author {font-size: 90%; font-style: italic; padding-left:8px;}
div.menuItems span.date {font-size: 70%;}

/* --- Link Styles - sets the standard link as a coloured box, and turns this off for the list item links --- */

#secondaryNav a {
border-bottom: none;
display: block;
width: 138px; /* to fix extra space between li elements in IE */
margin: 0; padding: 2px 4px 2px 8px;
background: #F4E4C6;
font-style: normal; font-weight: bold; font-size: 110%;
}
#secondaryNav h2 a {
color: #5C1A0A;
font-size: 100%;
width: 130px;
}
#secondaryNav a:hover {
background: #F4E4C6 url(css_images/triangle.gif) no-repeat left;
}
#secondaryNav a.selected {
background: #F4E4C6 url(css_images/triangle.gif) no-repeat left;
}

#secondaryNav ul ul li a {
background: none; /* turns these back to their defaults */
font-style: normal; font-weight: normal; font-size: 100%; 
}
#secondaryNav ul ul li a.selected {
background: url(css_images/triangle.gif) no-repeat left;
}

/* --- ColchurchContacts --- */	

#secondaryNav div.colchurchContacts a {
color: #B03313;
background:none;
text-decoration: none;
display: inline;
padding: 0;
border-bottom: #B03313 1px dotted;
font-style: normal; font-weight: normal; font-size: 100%; 
}
#secondaryNav div.colchurchContacts a:hover {
color: #5C1A0A;
background: #F4E4C6;
border-bottom: #5C1A0A 1px solid;
}


/* --- 'Listen Online' Box styles; uses 'Phark' text replacement method - see www.phark.net and p.64 of Andy Budd's 'CSS Mastery' --- */

#secondaryNav div.ListenOnline {
margin: 0 0 10px 0; padding: 0;
background:#F4E4C6; 
}
#secondaryNav div.ListenOnline h1 {
display: block;
padding: 0; margin: 0;
height: 60px; width: 150px;
background:  url(css_images/listenOnline.jpg) no-repeat top right;
text-indent: -3000px;
}
#secondaryNav div.ListenOnline span.title {
display: block;
padding: 8px 4px 8px 10px;
font: small-caps bold 120%  verdana, arial, sans-serif; letter-spacing: 0.1em;
}
#secondaryNav div.ListenOnline span.author {
display: block;
padding: 0 4px 2px 10px;
font-size: 100%;
font-style: italic;
font-weight: bold;
}
#secondaryNav div.ListenOnline span.date {
display: block;
padding: 0 4px 2px 10px;
font-size: 100%;
font-style: italic;
}
/* the following link is a 'Pixy' rollover, with both states in one image - no time lapse before second image is loaded, see CSS Mastery p.78 */
#secondaryNav div.ListenOnline a.playButton {
display: block;
padding: 14px 0 0 0; margin: 0;
height: 35px; width: 150px;
background: url(css_images/playButton.jpg) no-repeat bottom left;
text-indent: -3000px;
}
#secondaryNav div.ListenOnline a.playButton:hover {	 
background: url(css_images/playButton.jpg) no-repeat bottom right;
}


/* --- MAIN CONTENT STYLES --- */
	   

#mainContent h1, body.FCKEditor h1 {
width: 510px;
background: url(css_images/520pxGradient.jpg) repeat-y;
margin: 0 0 15px 0; padding: 2px 5px 2px 5px;
font: small-caps bold 160% georgia, serif; letter-spacing: 0.1em;
}
#mainContent h2, body.FCKEditor h2 {
margin: 1.2em 0;
font: bold 110% georgia, serif; text-transform:uppercase; letter-spacing: 0.1em;
}
#mainContent h3, body.FCKEditor h3 {
font: bold 110% georgia, serif; letter-spacing: 0.1em;
margin: 0.8em 0; padding: 0;
}

#mainContent p, body.FCKEditor p {margin: 0 0 .8em 0; line-height: 1.6em;}

#mainContent div, body.FCKEditor div {
clear: both; /* important if pictures have been floated at the bottom of the preceding div */
margin-bottom: 15px;
}

#mainContent div.hidden {display: none;}

/* --- Standard Blockquote --- */

#mainContent blockquote, body.FCKEditor blockquote {
background: #FDF8EF;
margin: 16px 25px 18px 25px; padding: 4px 6px;
font: normal 110%; font-style: italic; line-height: 1.6em;
}
#mainContent blockquote span.reference, body.FCKEditor blockquote span.reference {
display: block;
width: 100%;
margin: 0; padding: 0;
text-align: right;
} 

/* --- Fancy Blockquote --- */

#mainContent div.fancyquote, body.FCKEditor div.fancyquote {
background: url(css_images/topleftquote.jpg) no-repeat top left;
margin: 14px 0px 24px 0px; padding: 0;
}
#mainContent div.fancyquote blockquote, body.FCKEditor div.fancyquote blockquote {
background: url(css_images/bottomrightquote.jpg) no-repeat bottom right;
margin: 0; padding: 14px 60px 20px 60px;
font: bold 130% georgia, serif; letter-spacing: 0.3em; line-height: 1.2em;
color: #B9957D;
border: 0;
}
#mainContent div.fancyquote span.reference, body.FCKEditor div.fancyquote span.reference {
text-align: right;
padding-top: 5px;
font-style: italic;
}
 

/* --- heading properties for headings with titles, authors, dates and links ( used in News Item and News Story divs) --- */

#mainContent h1 span.title{
display: -moz-inline-box; display: inline-block;
float: left;
margin:0; padding-left: 10px;
}
#mainContent h1 span.author, #mainContent h2.date span.author {
font: italic normal 70% georgia, serif;	letter-spacing: 0;
color: #B9957D;
vertical-align: bottom;
float: right;
}
#mainContent h1 a, #mainContent h2 a {
border-bottom: none;
}
#mainContent h2.date {
background: none;
font: italic bold 110% georgia, serif; letter-spacing: 0.1em;
color: #B9957D;
margin:0; padding: 2px 10px 8px 10px;
}
#mainContent h1 span.author a, #mainContent div.newsStory h2.date span.author a {
font: normal 110% georgia, serif; letter-spacing: 0.1em;
padding-left: 6px
}

/* --- newsItem styles --- */

#mainContent div.newsItem {
margin-bottom: 25px;
}
#mainContent div.newsItem p {
padding-left: 10px;
}
#mainContent div.newsItem h1 {
background: none;
border-bottom: #5C1A0A 1px dashed;
font: normal 160% georgia, serif; text-transform: none; letter-spacing: 0.2em;
text-align: right;
margin: 0; padding: 2px 0;
}

/* --- newsStory styles --- */

#mainContent div.newsStory h1 {
text-align: right;
margin: 0; padding: 2px 0;
}
#mainContent div.newsStory h2.date {
padding-bottom: 14px;
}

/* --- Resources Styles --- */

#mainContent div.resources h2 {clear:both}
#mainContent div.resources ul {
list-style: none;
margin: 0; padding: 0;
border-bottom:  1px dashed #B03313;
width: 100%; /* IE needs this property not to spill into the left margin (and for the list item...) */
}
#mainContent div.resources li {
padding: 6px 0 6px 0;
border-top: 1px dashed #B03313;
clear: right;
width: 100%;
}
#mainContent div.resources li.odd {
background:#FDF8EF;
}
#mainContent div.resources span.date {
font-size: 90%;
display: block; float:left;
/* display: -moz-inline-box; display: inline-block; /* Firefox doesn't recognise the inline-block, so need the -moz-inline-box property applied */
width:135px;
padding-left: 5px;
} 
#mainContent div.resources a.title {
border-bottom: none;
display: block; float: left;
/* display: -moz-inline-box; display: inline-block;	*/
width: 180px;
padding: 2px 6px 2px 18px;
font-style: normal; font-weight: bold; font-size: 100%;
}
#mainContent div.resources ul a:hover {
background: #F4E4C6 url(css_images/triangle.gif) no-repeat left;
}
#mainContent div.resources span.reference {
display: -moz-inline-box; display: inline-block;
width:182px;
font-size: 85%; font-style: italic;
margin-left: 153px;
}
#mainContent div.resources span.reference a {
padding-left: 6px;
border-bottom: none;
}
#mainContent div.resources a.edit {
border-bottom: none;
display: -moz-inline-box; display: inline-block;
font-size: 85%; font-style: italic;
margin-left:30px;
padding-left: 10px;
}
#mainContent div.resources span.author {
display: -moz-inline-box; display: inline-block;
width:120px;
font-size: 95%; font-style: italic;
margin-left:30px;
}
#mainContent div.resources div.abstract {
font-size: 85%; padding: 9px 10px 6px 10px; margin: 0;
}

#mainContent div.resources form {margin:10px 0 20px 0; padding:0; border:0; background: #fff; clear: both;}
#mainContent div.resources label {width: 8em; }
}
#mainContent div.resources div {clear:both; margin: 0; padding: 0;}

/* --- More Resources - before this line needed for sermon upload page, after this line for file upload --- */

#mainContent div.resources span.filename {
font-size: 100%;
font-weight: bold;
display: -moz-inline-box; display: inline-block;
padding-left: 5px;
} 

#mainContent div.resources span.details {
display: block;
font-size: 85%; font-style: italic;
margin: 0 0 0 5px;
}

#mainContent div.resources span.details a {border-bottom: none; padding-left: 6px;}

#mainContent div.resources span.description {
display:block;
font-size: 85%;
margin: 6px 10px 0px 10px; padding: 0;
}

#mainContent div.resources span.delete_image {
display: -moz-inline-box; display: inline-block;
width: 80px;
margin-right: 10px;
float: left;
}

/* --- ColChurches style --- */

#mainContent div.floatingList {
margin: 0 4px; padding: 0;
float:left;
width: 165px;
clear: none;
}
#mainContent div.floatingList ul {
list-style: none;
margin:0; padding: 0;
}
#mainContent div.floatingList li {
list-style: none;
margin: 0; padding: 0 0 5px 0;
}

/* --- Diary styles --- */

#mainContent div.diaryItems {
margin: 6px 0px 18px 0px; padding: 0 10px;
}
#mainContent div.diaryItems p {
margin: 4px 0; padding: 0;
}
#mainContent div.diaryItems h2.diary {
clear: both;
width: 50%;
border-bottom: 1px dashed #B03313;
font: italic bold 130% georgia, serif; letter-spacing: 0.1em;
color: #B9957D;
margin: 10px 0 12px 0; padding: 2px 10px;
}
#mainContent div.diaryItems span.date {
font: italic bold 100% georgia, serif; letter-spacing: 0.1em;
color: #B9957D;
display: -moz-inline-box; display: inline-block; /* Firefox doesn't recognise the inline-block, so need the -moz-inline-box property applied */
width:90px;
vertical-align: top;
margin: 0; padding: 0;
}
#mainContent div.diaryItems span.time {
font: italic normal 110% georgia, serif; letter-spacing: 0.1em;
color: #B9957D;
vertical-align: top;
padding-left: 4px;
}
#mainContent div.diaryItems span.item {
font: normal 110% verdana, arial, sans-serif; letter-spacing: 0.1em;
color: #5C1A0A;
display: -moz-inline-box; display: inline-block; /* Firefox doesn't recognise the inline-block, so need the -moz-inline-box property applied */
width:230px;
vertical-align: top;
padding-left: 8px;
}
#mainContent div.diaryItems span.venue {
font: bold 100% verdana, arial, sans-serif; letter-spacing: 0.1em;
color: #B9957D;
display: -moz-inline-box; display: inline-block; /* Firefox doesn't recognise the inline-block, so need the -moz-inline-box property applied */
width:150px;
vertical-align: top;
padding-left: 8px;
}

/* --- notice_highlights styles --- */

#mainContent div.notice_highlights {
border: 1px solid #F4E4C6;
padding: 1.2em 12px 0.7em 12px;
background: #FDF8EF;
margin: 15px 10px 15px 0px;
width: 224px; /* IE and firefox interpret widths and margin properties very differently here */
float: left;
clear: none; /* so that it can nest next to another narrow box */
}
#mainContent div.notice_highlights div.sideBox {
display: list-item;
list-style-position: inside;
}
#mainContent div.notice_highlights h1 {
display: inline;
background: transparent;
font: bold 110% georgia, serif; letter-spacing: 0.1em;
padding-right: .5em;
}

/* --- content_option styles (for page admin page) --- */

#mainContent div.content_options {
border: 1px solid #F4E4C6;
padding: 1.2em 2.5em 1.2em 2.5em;
background: #FDF8EF;
margin: 20px 0 20px 0;
}
#mainContent div.content_options span.content_type, #mainContent div.content_options span.select_content_type {
display: inline-block; /* Firefox screws up the drop down box if we use the -moz-inline-box property so we're not interested in Firefox here */
width: 14em;
padding-right: 2em;
text-align: right;
}
#mainContent div.content_options span.content_type {
display: -moz-inline-box; display: inline-block;
}

/* --- IMAGE STYLES - all images to be contained in a wrapper for ease of adding a caption --- */ 

iframe {  /* for Amazon product links */
float:left;
margin: 0 8px 5px 0;
}

img {
border-style: none;
margin:none; padding:none;
}

img.left {float: left; margin: 3px 10px 5px 0;}
img.right {float: right; margin: 3px 0px 5px 10px;}

img.shadow, img.shadowright {
float: left; margin: 3px 10px 5px 0;
padding: 5px;
background: #fff;
border-left: 2px solid #f8eae0;
border-right: 2px solid #f8eae0;
border-top: 1px solid #f7e8dd;
border-bottom: 3px solid #e8c2a6;
}

img.shadowright {
float:right;  margin: 3px 0px 5px 10px;
}

/* this is to feed the inline table display property instead of block to IE5 Mac which won't wrap images otherwise */

#mainContent div.imageContainer_, #mainContent div.imageContainer_left, #mainContent div.imageContainer_shadow, #mainContent div.imageContainer_right, #mainContent div.imageContainer_shadowright, #mainContent div.shadow, #mainContent div.shadowright,#mainContent  div.shadow div.topleft, #mainContent div.shadowright div.topleft, #mainContent div.shadow div.topright, #mainContent div.shadowright div.topright, #mainContent div.shadow div.bottomleft, #mainContent div.shadowright div.bottomleft, #mainContent div.shadow div.bottomright, #mainContent div.shadowright div.bottomright {
	margin:0; padding:0;
	display:inline-table;
	/* \*/display:block;/**/
}

/* --- Image Wrapper styles --- */

#mainContent div.imageContainer_ {
margin: 0; padding: 5px 0;
border-style: none;
}

#mainContent div.imageContainer_left, #mainContent div.imageContainer_shadow {
float: left;
margin: 3px 10px 5px 0;
}

#mainContent div.imageContainer_right, #mainContent div.imageContainer_shadowright {
float: right;
margin: 3px 0px 5px 10px;
}

/* --- image caption styles --- */

p.caption
    {
    color: #5C1A0A;
    margin: 0; padding: 0; line-height: normal;
    text-align: center;
    clear: both;
    font-style: italic;
	font-size: 90%;
}

/* --- image shadow stuff --- */

#mainContent div.shadow, #mainContent div.shadowright {
  float: left;
  padding: 0 1px;
  background: #e8c2a6;
  border-left: 1px solid #f8eae0;
  border-right: 1px solid #f8eae0;
  border-top: 1px solid #f7e8dd;
  position:relative;
}

#mainContent div.shadow img, #mainContent div.shadowright img {
  padding: 5px 5px 9px 5px;
  background: white url(../js/dropshadow/shad_bottom.png) repeat-x bottom left;
}

#mainContent div.shadow div.topleft, #mainContent div.shadowright div.topleft {
  width: 2px;
  height: 4px;
  background: url(../js/dropshadow/shad_tlcorner.png) no-repeat top left;
  top: -1px;
  left: -1px;
  position: absolute;
}

#mainContent div.shadow div.topright, #mainContent div.shadowright div.topright {
  width: 2px;
  height: 4px;
  background: url(../js/dropshadow/shad_trcorner.png) no-repeat top right;
  top: -1px;
  right: -1px;
  position: absolute;
}

#mainContent div.shadow div.bottomleft, #mainContent div.shadowright div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(../js/dropshadow/shad_blcorner.png) no-repeat bottom left;
  bottom: 0px;
  left: -1px;
  position: absolute;
}

#mainContent div.shadow div.bottomright, #mainContent div.shadowright div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../js/dropshadow/shad_brcorner.png) no-repeat bottom right;
  bottom: 0px;
  right: -1px;
  position: absolute;
}
									
/* --- Form Styles --- */

form {
margin:0;
padding: 1.2em 2.5em 1.2em 2.5em;
border: 1px solid #F4E4C6;
background: #FDF8EF;
margin: 0 0 20px 0;
}
form.FCKeditor {margin:0; padding:0 0 15px 0; border:0; background: #fff;}

form.notice_buttons {margin:0; padding:0 4px 4px 4px; border:0; background: #FDF8EF;} 

form.list {margin:0; padding:0; border:0;} 

fieldset {
clear: both;
margin: 1.8em 0 2em 0;
padding: 2em 1em 1.2em 1em;
border: 1px dashed #B9957D;
background: #F4E4C6;
}
legend {
font: 600 115% georgia, serif;
color: #5C1A0A;
}
/* fully fledged 'Holly Hack'; to feed the following to IE6 to correct background colour of fieldset, but not to IE5/mac, this comment is escaped, which makes IE5/mac believe that the comment keeps going \*/
.* fieldset {
position: relative;
}
.* legend {
position: absolute;
top: -.55em;
left: .5em;
}
/* ends hiding from ie5/mac */
label{
float: left;
width: 10em;
color: #5C1A0A;
} 
#mainContent form p {margin: 0.4em 0;}
#mainContent form p.narrow {margin:0px;padding:0px;}
#mainContent form p.input_buttons {margin-top:1.5em;}


.inputText {
border-top: 1px solid #c0a28c;
border-left: 1px solid #c0a28c;
border-right: 1px solid #f4e4c6;
border-bottom: 1px solid #f4e4c6;
padding: .1em .2em;
background: #FDF8EF;
color: #5C1A0A;
}
.inputText:focus {background: #fff;}	  
.button {
background: #F4E4C6;
font: 600 110% verdana, arial, sans-serif;
color: #5C1A0A;
}
.select {
background: #FDF8EF;
color: #5C1A0A;
}


/* --- SECONDARY CONTENT STYLES --- */
 

#secondaryContent {font-size: 90%;}
#secondaryContent p {margin: 0.7em 0; padding: 0 5px; line-height: 1.5em;} 

#secondaryContent div {margin: 0 0 1.4em 0;}
#secondaryContent h1 {
margin: 0 0 0.7em 0; padding: 3px 2px 2px 5px;
font: bold 120% georgia, serif;	text-transform:uppercase; letter-spacing: 0.1em;
}
#secondaryContent h2 {
margin: 5px 0 0 0; padding: 3px 2px 2px 5px;
font: bold 110% georgia, serif; letter-spacing: 0.1em;
}
#secondaryContent ul {padding: 0px; margin: 0; list-style: none;}
#secondaryContent li {margin: 2px 0 2px 0;} 
#secondaryContent li a {margin-left: 10px;}	
#secondaryContent span.marker {color:red;}

/* --- Standard Blockquote --- */

#secondaryContent blockquote {
margin: 10px 0; padding: 4px 6px;
border-top: 1px dashed #5C1A0A;
border-bottom:  1px dashed #5C1A0A;
background: #FDF8EF;
}
#secondaryContent blockquote span.reference {
display: block;
margin: none; padding: 5px 0 2px 0;
font-size: 90%;
font-style: italic;
} 
#secondaryContent blockquote p {margin: 0; padding: 0; line-height: 1.2em;}

/* --- Fancy Blockquote --- */

#secondaryContent div.fancyquote {
background:#FDF8EF url(css_images/topspeechmark.jpg) no-repeat top;
padding-top: 45px;
}
#secondaryContent div.fancyquote blockquote {
background:#FDF8EF url(css_images/bottomspeechmark.jpg) no-repeat bottom;
margin: 0; padding: 0 10px 45px 10px;
font: bold 150% georgia, serif; letter-spacing: 0.1em; line-height: 1.2em;
color: #B9957D;
border: 0;
}
#secondaryContent div.fancyquote span.reference {
text-align: right;
}

/* --- sideBox style --- */

#secondaryContent div.sideBox {
background: #FDF8EF;
border: #5C1A0A 1px dotted;
}
#secondaryContent div.sideBox h1 {background: #F4E4C6; margin-bottom: 0;}

/* --- 'Reading of the Day' Style --- */

#secondaryContent div.reading {
margin: 10px 0;
}
/*#secondaryContent div.reading h2 {
margin: 0; padding: 3px 2px 2px 5px;
font: bold 110% georgia, serif; letter-spacing: 0.1em;
} */
#secondaryContent div.reading p {
margin: 0; padding: 2px 2px 8px 5px; line-height: 1em;
} 

/* --- Page List style --- */

#secondaryContent div.page_list	{
background: #FDF8EF;
border: 1px solid #F4E4C6;
padding-bottom: 8px;
}

/* --- FOOTER STYLE --- */


#footer {font: 90% georgia, serif; color: #B9957D; clear: both;}
#footer p {margin: 0; padding: 0; line-height: 1.6em;}