@import url(/core/css/reset.css);
@import url(/core/css/forms.css);



/* TODO: REMOVE */
img {
	color: red;
	font-weight: bold;
}
/* END REMOVE */



body {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: medium;
	font-size: 0.8em;
	color: #555;
	background-color: White;
}

a {
	color: #280DD7;
}

a:hover {
	text-decoration: none;
}

p.links a.current {
	color: Gray;
	text-decoration: none;
	font-weight: bold;
}

p, dt, dd, li, cite, em, strong, i, b, s, a, span {
	line-height: 1.5em;
}

h1 {
	color: #222;
	font-weight: normal;
	font-size: 4em;
	margin: 0 0 16px 0;
	font-size: 5em;
	letter-spacing: -2px;
}

h1, 
.sidebar h2,
div.column-blockquote p.info {
	font-family: Georgia, "Times New Roman", serif;
}


h2 {
	font-size: 1em;
	padding: 0.3em 1%;
	margin: 0;
	background-color: Gray;
	color: White;
	font-weight: bold;
	background-image: url(/graphics/heading_fade.png);
	background-position: left top;
	background-repeat: repeat-x;
	/*clear: both;*/
}

h2 a {
	text-decoration: none;
	color: White;
}

h2 {
	background: none;
	color: #AAA;
	font-size: 1.6em;
	line-height: 1.2em;
	padding: 0;
}

h2 a {
	color: #AAA;
	line-height: 1.2em;
	font-size: 1em;
}

/* Reset for h2 */
h2.diminutive,
h2.headline,
h2.normal {
	padding: 0;
	margin: 0 0 0.3em 0;
}

h2.hot {
	background-color: #E0823B;
	text-transform: uppercase;
	padding: 3px;
	font-size: 1.3em;
	text-align: center;
}

h2.hot a {
	color: #FFF;
}

h2.diminutive {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: White;
	background-color: #E0823B;
	margin-bottom: 0.5em;
	padding: 4px;
	font-weight: bold;
	line-height: 1em;
}

h2.diminutive a {
	color: #E0823B;
}

h2.normal {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}

h2.normal a {
	color: #999;
}


h3 {
	padding: 0.3em 0;
	font-size: 1.1em;
	font-weight: bold;
}

h4 {
	font-weight: bold;
}

p, ul, ol {
	padding-bottom: 1em;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}

ul, ol {
	display: block;
	list-style-position: outside;
	margin-left: 2.5em;
	margin-bottom: 1em;
}	

ul ul, ol ol {
	padding-bottom: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
}

li {
	display: list-item;
	margin-bottom: 0.5em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

blockquote {
	background-image: url(/graphics/blockquote_background.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-color: #EEE;
	padding: 35px 40px 10px 65px;
	margin: 20px;
	font-style: italic;
	font-size: 0.9em;
	border: 1px solid #DDD;
}

cite {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	display: block;
}

dl {
	margin-top: -1em;
	margin-bottom: 1em;
}

dt {
	margin-bottom: 0;
	margin-top: 1.5em;
	font-weight: bold;
}

dd {
	margin-bottom: 0;
	line-height: 1.5em;
}

input, textarea, select {
	font-size: 12px;
	border: 1px solid #CCD5E2;
	background-color: White;
	padding: 3px;
	vertical-align: top;
}

.form-container textarea {
	font-size: 12px;
}

div.radio input {
	border: 0;
}


.right {
	float: right;
	width: auto;
	margin: 0 0 10px 10px;
	clear: right;
}

.left {
	float: left;
	width: auto;
	margin: 0 10px 10px 0;
	clear: left;
}

.small {
	font-size: 0.8em;
}

span.hot {
	color: Red;
	font-weight: bold;
	text-transform: uppercase;
}

hr {
	width: 100%;
	border: 0;
	color: #DDD;
	background-color: #DDD;
	height: 1px;
	margin: 16px auto;
	text-align: center;
	clear: both;
}

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
}


input.blur {
	color: #BBB;
}


div.picture-captioned-left,
div.picture-captioned-right {
	border: 1px dotted Gray;
	padding: 5px;
	margin: 0 10px 10px 10px;
	text-align: center;
	font-size: 0.8em;
}

div.picture-captioned-left p,
div.picture-captioned-right p {
	text-align: center;
	padding-bottom: 0.2em;
}

div.picture-captioned-left {
	float: left;
	margin-left: 0;
}

div.picture-captioned-right {
	float: right;
	margin-right: 0;
}


div.feed {
	font-size: 0.8em;
}

div.feed ul {
	padding-bottom: 0;
	margin-left: 0;
	list-style-type: none;
}

div.feed ul li {
	line-height: 1.2em;
	display: block;
}



div.toolbar img {
	float: left;
	display: block;
	margin: 0 6px 3px 0;
	cursor: pointer;
}


/**********************************************************
 * Page Headings                                          *
 **********************************************************/

div.page-title {
	
}

div.page-title p.subtitle {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #AAA;
	padding-bottom: 0;
}

div.page-title div.intro {
	
}

div.page-title .clear {
	clear: both;
}

div.title-vertical,
div.title-twin {
	margin-right: -16px;
}

div.title-vertical div.col {
	float: left;
	width: 306px;
	overflow: hidden;
	margin-right: 16px;
}

div.title-twin h1,
div.title-twin p.subtitle,
div.title-twin div.image,
div.title-twin div.intro, 
div.page-title div.img {
	float: left;
	width: 306px;
	overflow: hidden;
	margin-right: 16px;
	margin-bottom: 16px;
}





/**********************************************************
 * Comments                                               *
 **********************************************************/

div.comments div.comment {
	border-top: 1px dotted Gray;
	padding-top: 1em;
	font-size: 0.85em;
}

div.comments div.comment h3 {
	font-size: 1em;
}

div.comments div.comment p.time {
	font-size: 0.75em;
	font-style: italic;
}

p.add-comments {
	
}

fieldset.comments {
	width: 606px;
	float: left;
}

fieldset.comments  div.comments_input {
	width: 598px;
}

fieldset.comments  div.comments_input textarea {
	width: 100%;
	height: 10em;
	font-size: 12px;
}

fieldset.comments  div.comments_input label {
	position: absolute;
	top: -5000px;
	height: 1px;
	overflow: hidden;
}

fieldset.comments  div.anonymous {
	float: left;
}

fieldset.comments  input.submit {
	float: right;
}

fieldset.comments  div.anonymous label {
	margin-right: 0;
	padding-right: 0;
}




/**********************************************************
 * Page Blocks                                            *
 **********************************************************/
 
 
#main div.block {
	border-top: 1px dotted Gray;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
}

#main div.block img.left {
	float: left;
	margin: 0 15px 10px 0;
}

#main div.block img.right {
	float: right;
	margin: 0 0 10px 15px;
}


/**********************************************************
 * Image Sequence                                         *
 **********************************************************/

div.image-sequence {
	text-align: center;
	border: 1px dotted Gray;
	margin: 0 50px 1em 50px;
	padding: 1em 0;
}

div.image-sequence p {
	text-align: center;
	margin: 0;
	padding: 0;
}

div.image-sequence p img {
	
}

div.image-sequence div.selector {
	text-align: center;
	color: Gray;
	font-size: 0.8em;
	font-variant: small-caps;
}

div.image-sequence a {
	color: Grey;
	margin: 0 1em;
}

div.image-sequence div.selector span.locator {
	font-weight: bold;
}



/**********************************************************
 * Selectors                                              *
 **********************************************************/

ul.selector {
	list-style-type: none;
	margin: 0 0 1em 0;
	text-align: center;
}

ul.selector li {
	display: inline;
}

ul.selector a {
	display: inline;
	position: relative;
	margin: 0 5px 0 0;
	padding: 0 5px;
	border: 1px solid #001B4D;
	background-color: #001B4D;
	color: White;
	text-decoration: none;
	outline: none;
}

ul.selector a:hover,
ul.selector li.current a:hover {
	background-color: #7E93C8;
	color: White;
}

ul.selector li.current a {
	color: #001B4D;
	background-color: White;
}

ul.selector li.prev a,
ul.selector li.next a {
	color: #001B4D;
	background-color: transparent;
	border: none;
}

ul.selector li.prev a:hover,
ul.selector li.next a:hover {
	text-decoration: underline;
}

ul.selector li.disabled a {
	color: #AAA;
	cursor: default;
}

ul.selector li.disabled a:hover {
	text-decoration: none;
}


/**********************************************************
 * Sidebar Blocks                                         *
 **********************************************************/

.sidebar .block {
	padding: 10px;
	margin: 10px 10px 0 10px;
	color: Black;
	font-size: 0.85em;
	clear: both;
	background-color: #A8B13A;
	float: left;
	width: 105px;
}

.sidebar .block p {
	line-height: 1.2em;
}

.sidebar .block a {
	color: Black;
}

.sidebar .block h2 {
	background-image: url(/graphics/shade/light_40_tile.png);
	background-repeat: both;
	position: relative;
	top: -10px;
	left: -10px;
	padding: 10px;
	width: 105px;
	font-size: 2.8em;
	font-weight: normal;
	line-height: 1em;
	color: Black;
	letter-spacing: -2px;
}

.sidebar .block h2 a {
	line-height: 1em;
	display: block;
}

.sidebar .block .content {
	
}

.sidebar .block.news,
.sidebar .block.events,
.sidebar .block.minded,
.sidebar .block.polls,
.sidebar .block.stories,
.sidebar .block.views,
.sidebar .block.forum,
.sidebar .block.donate,
.sidebar .block.quiz
 {
	background-position: 75px -12px;
	background-repeat: no-repeat;
}

.sidebar .block.news { background-image: url(/graphics/icons/news.png); }
.sidebar .block.events { background-image: url(/graphics/icons/events.png); }
.sidebar .block.minded { background-image: url(/graphics/icons/minded.png); }
.sidebar .block.polls { background-image: url(/graphics/icons/polls.png); }
.sidebar .block.stories { background-image: url(/graphics/icons/stories.png); }
.sidebar .block.views { background-image: url(/graphics/icons/views.png); }
.sidebar .block.forum { background-image: url(/graphics/icons/forum.png); }
.sidebar .block.donate { background-image: url(/graphics/icons/donate.png); }
.sidebar .block.quiz { background-image: url(/graphics/icons/quiz.png); }


/**********************************************************
 * Specific Sidebar Stuff                                 *
 **********************************************************/

#left-sidebar div.prayer {
	background-color: #FFD24F;
}

#left-sidebar div.vision {
	background-color: White;
}

#left-sidebar div.vision h2 {
	font-size: 2em;
	letter-spacing: -1px;
	padding-bottom: 0;
}

#left-sidebar div.vision p.cover {
	text-align: center;
	padding: 0;
}

#right-sidebar .featured-resource-image {
	/*background-color: White;*/
	float: right;
	position: relative;
	right: -17px;
	top: -8px;
	margin: 0 0 -28px -18px;
}

.sidebar .block ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*** Sidebar Latest Threads ***/

#right-sidebar ul.threads li {
	border-bottom: 1px solid #E3E6C0;
	padding: 0 0 0.5em 0;
}

#right-sidebar ul.threads li span.info {
	color: #6F7526;
	display: inline;
}

#right-sidebar ul.threads li span.time {
	color: #52571C;
	display: block;
}

#right-sidebar ul.threads li span.info a {
	color: #52571C;
}

/**********************************************************
 * Page Blocks                                            *
 **********************************************************/
 
 
#content div.block {
	border-top: 1px solid #DDD;
	margin: 0;
	padding: 1em 0 0.5em 0;
	float: left;
	width: 100%;
	clear: both;
}

#content div.block img.left {
	float: left;
	margin: 0 15px 10px 0;
}

#content div.block img.right {
	float: right;
	margin: 0 0 10px 15px;
}

#content .cols div.block {
	border-top: none;
	padding-top: 0;
}

/**********************************************************
 * Column-based Layout                                    *
 **********************************************************/

.cols {
	float: left;
	width: 654px;
	margin: 0 -8px 16px -9px;
	background-image: url(/graphics/columns.gif);
	background-repeat: repeat-y;
}

.cols-3 img {
	max-width: 196px;
}

.cols .col,
.cols .col-span {
	float: left;
	margin: 0 8px 0 9px;
	overflow: hidden;
}

.cols-2 .col {
	width: 306px;
}

.cols-3 .col {
	width: 198px;
}

.cols-4 .col {
	width: 144px;
}

.cols-3 .col-span {
	width: 413px;
}

.cols-4 .col-span {
	width: 306px;
}

.col-layout-4-0 { background-position: -1631px; }
.col-layout-4-1 { background-position: -977px; }
.col-layout-4-2 { background-position: 161px; }
.col-layout-4-3 { background-position: -1139px; }
.col-layout-3-0 { background-position: -546px; }
.col-layout-3-1 { background-position: 430px; }
.col-layout-3-2 { background-position: -108px; }

.col-layout-4-0 .col {
	width: 146px;
	margin: 0 7px 0 8px;
}

.cols blockquote {
	margin: 0;
	padding: 25px 20px 15px 60px;
	background-position: 10px 10px;
}



/**********************************************************
 * Column-based layouts                                   *
 **********************************************************/


.cols-news {
	float: left;
	width: 645px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.1em;
	position: relative;
	left: -17px;
}

.cols-news .col {
	float: left;
	padding: 0 0 0 17px;
	overflow: hidden;
	width: 198px;
	margin: 0;
}

.cols-news .cols {
	float: left;
	overflow: hidden;
	width: 430px;
	margin: 0;
	background: none;
}

.cols-news .cols > .block {
	float: left;
	overflow: hidden;
	width: 428px;
}

.cols-news .span {
	width: 413px;
}

.cols-news .block {
	margin-bottom: 17px;
	padding-bottom: 17px;
	border-bottom: 1px solid #DDD;
	float: left;
}

.cols-news p {
	padding-bottom: 0.3em;
}

.cols-news hr {
	background-color: White;
	color: White;
	border-bottom: 1px solid #DDD;
	height: 1px;
	width: 100%;
	margin: 17px 0;
	padding: 0;
	float: left;
	clear: both;
}

.cols hr {
	margin-left: 17px;
}

/**********************************************************
 * Next & Prev links                                      *
 **********************************************************/

.prev, .next {
	color: #E0823B;
	font-weight: bold;
	font-size: 0.85em;
	text-decoration: none;
	text-transform: uppercase;
	background-repeat: no-repeat;
}

.next {
	background-image: url(/graphics/more-arrow.png);
	background-position: right center;
	padding: 0 12px 0 0;
}	

.prev {
	background-image: url(/graphics/less-arrow.png);
	background-position: left center;
	padding: 0 0 0 12px;
}	

.cols .prev {
	display: block;
	text-align: left;
	margin-top: -1em;
	float: left;
}

.cols .next {
	display: block;
	text-align: right;
	margin-top: -1em;
	float: right;
}

.sidebar .block .prev {
	display: block;
	text-align: left;
	margin-top: -1em;
	color: #EDEFD6;
	background-image: url(/graphics/less-arrow-sidebar.png);
	background-position: 0% 60%;
	padding: 0 0 0 10px;
}

.sidebar .block .next {
	display: block;
	text-align: right;
	margin-top: -1em;
	color: #EDEFD6;
	background-image: url(/graphics/more-arrow-sidebar.png);
	background-position: 100% 60%;
	padding: 0 10px 0 0;
}


/**********************************************************
 * News & News Archive                                    *
 **********************************************************/

div.news div.headline {
	border-bottom: 1px solid #DDD;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

div.news div.headline h3 {
	padding: 0;
}	


div.news .summary {
	padding-bottom: 0;
}

div.news .added {
	color: #AAA;
	font-style: italic;
	font-size: 0.9em;
}

div.news .return {
	float: right;
}

div.archive {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}

div.archive h3 {
	clear: both;
	margin-top: 0;
}

div.archive ul.months {
	margin: 0;
	padding: 0;
	width: 100%;
}

div.archive ul.months li {
	list-style-type: none;
	display: block;
	float: left;
	width: 21px;
	height: 1.2em;
	margin-right: 5px;
	color: #E0E3B8;
}


/**********************************************************
 * Polls                                                  *
 **********************************************************/

div.poll {
	border-bottom: 1px solid #DDD;
	padding-bottom: 16px;
	margin-bottom: 16px;
	float: left;
	width: 100%;
}

div.poll div.buttons {
	float: right;
	margin: 0;
	padding: 0;
}

div.poll div.buttons button {
	
}

div.poll a.results {
	float: right;
	
}

div.poll a.results img {
	vertical-align: middle;
}




/**********************************************************
 * Quizes                                                 *
 **********************************************************/

form.quiz {
	margin-bottom: 2em;
	border-top: 2px solid #DF823B;
}
form.quiz fieldset {
	border: none;
	border-bottom: 2px solid #DF823B;
	font-size: 0.9em;
	margin-top: 1em;
}

form.quiz fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	white-space: normal;
}

form.quiz fieldset.error legend {
	color: #C00;
}

form.quiz fieldset ul {
	list-style-type: none;
	padding: 1em 0 0 0;
	margin: 0;
}

form.quiz fieldset ul li {
	display: block;
	float: left;
	text-align: center;
	margin-left: 40px;
}

form.quiz fieldset ul li label {
	display: block;
	font-style: italic;
}

form.quiz p {
	text-align: center;
}

form.quiz p input {
	padding: 0 3em;
	margin-top: 1em;
	background-color: #F7E3D4;
	border: 1px solid #DF823B;
	background-image: url(/graphics/fade_fieldset.gif);
	background-position: 50%;
	background-repeat: repeat-x;
	font-weight: bold;
}



/**********************************************************
 * Events                                                 *
 **********************************************************/
 
 
ul.events {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.events li {
	padding: 0;
	margin: 0.75em 0;
	font-size: 0.9em;
	color: #AAA;
	clear: left;
}

ul.events li span.date {
	display: block;
	float: left;
	font-size: 18px;
	text-align: center;
	padding: 12px 0 0 0;
	margin: 3px 8px 0 0;
	width: 32px;
	height: 33px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #666;
}

ul.events li.jan span.date { background-image: url(/core/graphics/calendar/red/jan.png); }
ul.events li.feb span.date { background-image: url(/core/graphics/calendar/red/feb.png); }
ul.events li.mar span.date { background-image: url(/core/graphics/calendar/red/mar.png); }
ul.events li.apr span.date { background-image: url(/core/graphics/calendar/red/apr.png); }
ul.events li.may span.date { background-image: url(/core/graphics/calendar/red/may.png); }
ul.events li.jun span.date { background-image: url(/core/graphics/calendar/red/jun.png); }
ul.events li.jul span.date { background-image: url(/core/graphics/calendar/red/jul.png); }
ul.events li.aug span.date { background-image: url(/core/graphics/calendar/red/aug.png); }
ul.events li.sep span.date { background-image: url(/core/graphics/calendar/red/sep.png); }
ul.events li.oct span.date { background-image: url(/core/graphics/calendar/red/oct.png); }
ul.events li.nov span.date { background-image: url(/core/graphics/calendar/red/nov.png); }
ul.events li.dec span.date { background-image: url(/core/graphics/calendar/red/dec.png); }

ul.events li span.info {
	display: block;
}

ul.events li span.info span {
	color: #666;
	font-weight: bold;
}

ul.events li span.info a {
	color: #666;
}

ul.events a {
	font-weight: bold;
	font-size: 1.1em;
}

ul.events span.date {
	font-weight: bold;
}

ul.events span.location {
	font-style: italic;
}

ul.calendar {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 5px;
	border: 1px solid #DDD;
	clear: right;
}


ul.calendar form {
	margin: 0 0 5px 0;
	padding: 0;
	clear: right;
}

ul.calendar form select {
	border: 1px solid #DDD;
	width: 115px;
}

ul.calendar form button,
 ul.calendar form label {
	position: absolute;
	top: -6000px;
	width: 1px; height: 1px;
	overflow: hidden;
}

ul.calendar li a.month {
	background-image: url(/core/graphics/icons/calendar.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

ul.calendar table {
	margin: 0.5em 0 1em 0;
	border-collapse: collapse;
}

ul.calendar td,
ul.calendar th {
	font-size: 0.8em;
	padding: 2px;
	text-align: right;
}

ul.calendar td {
	color: #999;
}

ul.calendar th {
	font-weight: bold;
}

ul.calendar td a {
	font-weight: bold;
}

ul.calendar tr {
	border-bottom: 1px solid #DDD;
}

div.event-description {
	padding-left: 40px;
}


/**********************************************************
 * Mailing List                                           *
 **********************************************************/

form.mailing-list {
	margin-bottom: 1em;
}

form.mailing-list div.control {
	display: inline;
}

form.mailing-list input {
	width: 230px;
}

.sidebar form.mailing-list input {
	width: 100px;
	margin: 0.5em 0;
}

.sidebar form.mailing-list label {
	font-weight: bold;
}


/**********************************************************
 * Ecclestone Quote                                       *
 **********************************************************/

div.column-blockquote {
	width: 411px;
	border: 1px solid #6C85A8;
	float: left;
}

div.column-blockquote p.info {
	float: left;
	background-color: #6C85A8;
	width: 138px;
	padding: 130px 10px 10px 10px;
	background-image: url(/graphics/column-blockquote-quote.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	color: White;
	font-size: 0.85em;
	font-weight: bold;
}

div.column-blockquote blockquote {
	border: 0;
	border-left: 158px solid #6C85A8;
	margin: 0;
	background-color: White;
	background-image: none;
	padding: 15px;
}

div.column-blockquote blockquote p {
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
}

div.column-blockquote blockquote cite {
	font-size: 1.2em;
	text-align: left;
	color: #6C85A8;
	font-style: normal;
	font-weight: bold;
}