/* 
2009-04-04T13:26:55PST - Modify CenteredPage.css to make ComingEvents editor
*/


html { font-size: 100%; background-color: #B4C2CC; background-image: url("images/blueBar-750x6.gif"); 
 background-repeat: repeat-y; background-position: top center }
div, body { margin: 0; padding: 0 }
body { background-color: #78a0c3; font-size: small; text-align: center; 
 color: black; font-family: verdana, arial, helvetica, sans-serif; }
p,td,th,li,pre,code { font-size: 1em }

/* set page width, matches background image */
#allContentWrapper { width: 750px }
body,p,td,th,li,pre,code {   }

/* set page width, restore standard text alignment */
#allContentWrapper { text-align: left; margin: 0 auto; border: none }

#titleDiv { font-size:150%; color: #fff0c0; text-align: center; font-weight: bolder }
#titleDiv { width: 750px; background-color: transparent; margin: 0 auto; padding: 1em 0 }
#titleHead, #footer { vertical-align: middle; background-color: #b4c2cc;
background-image: url("images/blueBar-750x6.gif"); background-repeat: repeat-y; background-position: top center }

#bodyContainer { background-color: #FCF5F0 }
/* easier reading on wide page */
#bodyContainer p { line-height: 130%; }
#footerContainer { margin-right: auto; margin-left: auto; text-align: center; background-color: white; clear: both }

/* display event page */
.storyDiv h1 { margin-bottom: 0 }
.storyContent { border: 2px solid #999999; padding: 1em; background-color: #DAE7F2 }
.storyContent p { margin: 0 0 1em 0 }
.storyInfo { font-size: 80%; color: #444444 }

/* list events page */
ul.listItems  { margin: .5em 0em 1em 0em; padding: 0; border-top: 1px solid #304150;  }
.listItems li { margin: 0; padding: 1em 1em 2em 1em; list-style-type: none; 
  border-bottom: 1px solid #304150 }
.listItems li.odd { background-color: #DFE9F1 }
.listItems li.even { background-color: #C5E0F7 }
.listModified { font-size: 80%; color: #666666 }
.listActions { margin: 1em 0 .5em 0 }
.listCat {  }
/* ================================================================ */
/* everything is the same below here FixedRightCol and CenteredPage */

ul { margin: .5em 0em 1em 1.5em; padding-left: .5em }	/* box starts at the text, marker is outside the box */
ul.noBull { margin: .5em 0em 1em .5em; padding-left: .5em }	/* box starts at the text, no marker */
ol { margin: .5em 0em 1em 2em; padding-left: .5em }	/* box starts at the text, no marker */
ul ul { margin: 0em 0em .5em 1.5em}
ul ul { margin: 0em 0em .5em 1.5em}
li { padding: .25em 0px;}
ul.noBull li { list-style-type: none; }
ul li { list-style: disc;}
ul li li { list-style:  square; font-size: smaller }
ul li li li { list-style:  circle; font-size: 100% }

.pad1emAll { padding: 1em }
.pad2emAll { padding: 2em }
.pad1emSides { padding-left: 1em; padding-right: 1em }

blockquote, .indent, .codeblock { margin: .5em 0 .5em 20px }
.article blockquote { background: #FFFFFF url(http://YourFriendPaul.com/CommonWeb/images/ldquo22x19.gif) no-repeat scroll 0 0;
  padding: .5em .5em .5em 28px; }
.boxed { border: 1px solid #999999; padding: 1em; background-color: #f0f0f0 }
blockquote.blockFormat { font-family: "Times New Roman", Times, serif; 
 margin: 1em 30px }
.quoteGroup { margin-left: 10px; border-left: 1px dotted #999999; padding-left: 10px }

/* div for a quick link or two for local navigation */
.floatRightButtons { float: right; padding: .5em; margin: 0 0 1em 1em }

/* specialty classes for books, movies and music */
span.mediaTitle { font-weight: bold; font-style: italic }
.phoneNumber { font-family: monospace; font-weight: bold; white-space: nowrap }
.comment { font-family: times }

code, .code, .codeblock { color: #006600; font-family: Courier, 'Courier New', monospace; font-size: 100%; }
pre { font-family: monospace; font-size: 100% }
pre {overflow: auto;
 *overflow: visible; overflow-x: auto; overflow-y: hidden; /* for ie */
}
.monospaceFont { font-family: monospace }


img { border: none; position: relative }
p { margin: 1em 0px; }

h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;
letter-spacing: .1em; margin: 2em 0 .25em 0; padding-top: 6px; clear: both }
h1 { font-size: 150%; margin-top: 0; line-height: 120%; padding: 6px .5em; }
h2 { font-size: 130%; border-top: 2px solid; margin-top: 1em }
h3 { font-size: 110%; margin-top: .5em }
h4 { font-size: 100%; margin-top: .5em }
h5 { font-size: 100%; margin-top: .5em }

/* content dividers, typically start article with h1 */
/* .article { margin: 20px 0em; border-top: 8px solid #78a0c3; padding-top: 8px; clear: both } */
/*.article { margin: 1.5em 1em; clear: both }*/
.article { clear: both }

hr { width: 95% }
hr.secBreak { margin: 15px auto 3px auto; clear: both; text-align: center; }
.clear { clear: both }

.CenteredTitle { text-align : center; font-weight : bold; }
.footerButton{ margin: 20px; width: 100px; display: inline }
.footerButton div { display: inline }

/* put these at the end of the file so they override the defaults */
.clear { clear: both }
.strikethrough { text-decoration: line-through }
.first, .noTopMargin { margin-top: 0 ! important }
.noTopBorder { border-top: none ! important }
.noTopPadding { padding-top: 0 ! important }
.last { margin-bottom: 0 ! important }
.center { text-align: center }

.CIMotion { color: #663366; font-weight: bold; font-style: italic }
.eventDate { white-space: nowrap; color: #221122; font-weight: bold }

/* ================================================ */
/* color overrides */
/* color scheme is hue 0x93 */

a:hover { text-decoration: none }
a { color: #1b3345; text-decoration: underline; }
a img { border: none }
h1 { color: #EAF0F6; background-color: #292F35; }
h2, h3, h4, h5, h6 { color: #173147 }
h2 { border-top-color: #173147 }

.comment { color: #2D4A63 }
div.quoteGroup { border-left-color: #8A98A4 }
#allContentWrapper { background-color: #ffffff; }
#titleDiv { color: #FFDDC1 }
#bodyContainer .article { border-top-color: #78a0c3 }
.phoneNumber { color: #1b3345 }
.floatRightButtons { background-color: #D6DFE6 }