/*
	Site ~ Core CSS.
	Main control sheet for style
*/

/* =Includes
----------------------------------------------------------------------------*/
@import "960.css";
@import "reset.css";
@import "text.css";

/* =General
----------------------------------------------------------------------------*/
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

p.mir {line-height:0;}
body {color:#444444; background:#8A0D00; padding:0; margin:0;}

/* =Layout
----------------------------------------------------------------------------*/
#masthead {background:url(../img/masthead_bgnd.png) bottom left repeat-x #8A0D00;}
#masthead .wrap {position:relative; height:100px;}
#globalNav {position:absolute; top:10px; right:0px; list-style:none; color:#fff;}
#globalNav li {display:inline; padding:5px; margin:0 5px 0 0;}
#globalNav a {font-size:x-small; height:1.5em; height:1.5em; color:#D27005; text-transform:uppercase;}
#globalNav a:hover {color:#fff;}
#searchBlock {position:absolute; bottom:10px; right:20px; background:#6C0A00; padding:10px;}
.nav {list-style:none;}
#navBlock {background:url(../img/masthead_nav_bgnd.png) top left repeat-x;}

#secondaryContent {background:url(../img/secondary_content_bgnd.png) top left repeat-x; padding:20px 0;}

/*.secondaryContentBlock {background:#F3EFEA;}
*/.secondaryContentBlock .title {background:#D28A34; color:#F3EFEA; padding:3px 10px; position:relative;}
.secondaryContentBlock .title a:hover {color:#fff;}
.title span {width:50%; position:absolute; top:3px; right:10px; text-align:right;}

#secondaryContent .objectBlock .mobi {margin:0 auto;}

#content {background:url(../img/body_bgnd_top.png) top left repeat-x #F1F1E1;}
#content .wrap {padding:0 0 20px 0;}
#breadcrumbBlock {height:36px; position:relative; line-height:36px;}
.objectBlock {padding:10px; margin:0 0 10px 0;}

#breadcrumb {list-style:none; margin:0 0 10px 10px; padding:0;}
#breadcrumb li {display:inline; margin:0 5px 10px 0; padding:0 5px 0 0; border-right:1px solid #000;}
#breadcrumb li.first {border-right:none;}
#breadcrumb li.last {border-right:none;}

#sidebar dl, #sidebar fieldset {margin:0;}
#switcher {margin:0; padding:0; position:absolute; top:10px; right:10px; text-align:right;}
#switcher li {display:inline; margin:0 0 0 5px;}
#smaller {font-size:90%;}
#bigger {font-size:125%;}

#loginBlock p {text-align:center; padding:0 0 10px 0;}

#meta ul, #related ul {list-style:none;}
#meta ul li, #related ul li {padding:0; margin:0;}
#meta .tags {display:inline;}
#meta ul li .tags li {display:inline; margin:0 5px 0 0;}

#searchBlock {padding:10px 10px 0 10px;}
#searchBlock dl {margin:0;}
#searchBlock dt, #searchBlock dd {display:inline; margin:0; padding:0;}

#footer {background:url(../img/footer_bgnd.png) top left repeat-x #8A0D00; color:#f2ece6;}
#footer .objectBlock {margin:20px 0 0 0;}

#subNav ul {padding:0; margin:0; background:#D9D9D9;}
#subNav li {padding:0; margin:0; list-style:none;}
#subNav ul ul {}

#pageContent {overflow:hidden; padding:0 0 40px 0;}
#pageContent img {padding:5px; margin:5px; background:#fff; border:1px solid #B0AE9C;}

.announcements, .announcementsHome {margin:0 0 20px 0; background:#FAFAF5;}
.announcementsTitle {background:#F3EFEA; margin:0 10px 20px 10px; position:relative;}
.announcementsToggle {position:absolute; top:5px; right:8px; font-size:xx-small;}

.announcements h4, .announcementsHome h4 {font-size:110%;}
.announcements h4, .announcements p, .announcementsHome h4, .announcementsHome p {margin:0;}
.announcements ul, .announcementsHome ul {margin:0;}
.announcements ul li, .announcementsHome ul li {margin:0 0 10px 0; list-style:none; padding:5px;}
.item2 {background:#E7DCC2;}
/*.announcements .objectBlock, .events .objectBlock {padding:10px 10px 0 10px;}*/
.events ul {margin:0; padding:0;}

ul#eventList {margin:0;}

#christmasImage {position:relative;}
.christmasLink {position:absolute; height:52px; bottom:30px; left:20px; right:20px; display:block;}

.contentList {list-style:none; padding:10px 10px 0 10px;}
.contentList h3, .contentList h4, .contentList p {margin:0;}
.contentList h3, .contentList h4 {font-size:100%;}
.contentList li {padding:5px; margin:0 0 10px 0;}
.contentList li.item2 {background:#EAE4CB;}

/* Nav Highlights */
#growth .growth-link {background:url(../img/masthead_nav_over.png) top left repeat-x;}

/* Blog Specific Styles */
.postList, .eventList {margin:0; padding:0;}
.postList li, .eventList li {margin:0; padding:0;}

.postList .objectBlock, .eventList .objectBlock {padding:10px 10px -10px 10px;}
.postList .postOdd .objectBlock, .eventList .eventOdd .objectBlock{background:#E7E1CA;}

.meta {font-size:xx-small;}
.meta ul {list-style:none; margin:0; padding:0;}
.meta li {padding:0; margin:0;}

.archiveList, .recentList {padding:10; margin:0;}
.archiveList li, .recentList li, #latest li {margin:0; list-style:none; padding:2px 5px;}

.tumblr_posts {margin:20px 0 0 0;}
.tumblr_post {margin:0 10px 20px; padding:5px; background:#fff;}
.tumblr_video {text-align:center; padding:5px;}

.tagBlock ol {}
.tagBlock li {margin:0 0 10px 0; padding:5px 8px; list-style-position:inside;}
.tagBlock li.row-even {background:#E1E1BE;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
    }
    
.tagCloud {
    background:#fff;
    padding:20px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

/* =Typography
----------------------------------------------------------------------------*/
a {color:#7F2525; text-decoration:none; font-weight:bold;}
a:visited {color:#571809;}
a:hover {color:#D27005;}

.tag-1 {font-size:100%; color:#B6C6E4; font-weight:bold;}
.tag-2 {font-size:120%; color:#90A9D7; font-weight:bold;}
.tag-3 {font-size:140%; color:#6B8CC9; font-weight:bold;}
.tag-4 {font-size:160%; color:#5873A6; font-weight:bold;}
.tag-5 {font-size:180%; color:#516A99; font-weight:bold;}
.tag-6 {font-size:200%; color:#435880; font-weight:bold;}


.title a {color:#720B00;}

.archiveList strong {color:#D27005;}

#projectTitle {width:180px; height:60px; background:url(../img/stpauls_logo.png) top left no-repeat; position:absolute; top:20px; left:20px;}
#projectTitle a {width:417px; height:66px; display:block;}
#slogan {position:absolute; top:85px; left:20px;}

.updateToggle {background:#CB5418; text-align:center; color:#fff; font-weight:normal;}

.moduleBlock p {margin:0;}

#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4 {margin:0 0 5px 0;}

#pageContent .snapCaption {color:#CB5418; margin:0 0 30px 0;}
.snapCaption span {color:#D28A34; display:block;}

.announcementsTitle a {color:#E7DCC2;}
.announcementsTitle a:hover {color:#fff;}

.pageTitle {color:#D27005;}

.nav {margin:0; padding:0;}
.nav em {font-style:normal;}
#navBlock .nav li {margin:0; padding:0; width:120px; float:left; text-align:center;}
#navBlock .nav li a {margin:0; padding:0; width:120px; display:block; height:45px; line-height:45px; color:#FCFBF5; font-size:16px;}
#navBlock .nav li a:hover {background:url(../img/masthead_nav_over.png) top left repeat-x;}

#subNav li a {display:block;}
#subNav li a:hover {color:#D27005;}
#sidebar h3 {margin:0; padding:2px 6px; font-size:100%; background:#B35757; text-transform:uppercase; color:#F3EFEA;}
#sub h3 {background:#D27005;}
#secondaryContent h3.title {margin:0; padding:2px 6px; font-size:100%; background:#D27005; text-transform:uppercase; color:#F3EFEA;}

#login p {text-align:center;}
#login fieldset, #login dl {margin:0;}

#footer .nav {width:100%; text-align:left; background:#BB1100; height:2.5em; line-height:2.5em; margin:0 0 20px 0;}
#footer .nav li {display:inline; margin:0 10px;}
#footer .nav a {color:#F3EFEA; font-weight:normal;}
#footer .nav a:hover {color:#D27005;}
#footer h4 {background:#A6A6A6; font-size:100%; text-transform:uppercase; padding:3px 6px; margin:0;}
.footerBlock {background:#F3F3F3;}

#footer p a, #footer p a:visited {color:#D28A34;}
#footer p a:hover {color:#fff;}

#footer .objectBlock h4 {font-size:100%; text-align:center; background:#D28A34;}
#footer .objectBlock a {color:#8B0D00;}
#footer .objectBlock a:hover {color:#000;}
#footer .objectBlock p {padding:10px; background:#F3EFEA; margin:0; color:#777;}
#footer .objectBlock p + p {margin:-20px 0 0 0;}

#pageContent #tagBlock h3 {margin:0; padding:0; font-size:1em;}


/* =Forms
----------------------------------------------------------------------------*/
#comments {}
#comments form {background:#E5BD8B; padding:20px;}
#comments form textarea {padding:3px 4px; width:412px; border:1px solid #D06F05;}
#comments label {display:block;margin:0; color:#D06F05;}
#comments form input[type='text'] {border:1px solid #D06F05; padding:3px 4px; width:412px;}
#comments p {clear:left;}
#comments p.submit {margin:0;}
#comments ul {border-top:1px solid #E3BC8B;}
#comments li {background:#fff; padding:10px; border-left:1px solid #E3BC8B; border-right:1px solid #E3BC8B; border-bottom:1px solid #E3BC8B; margin:0; list-style:none;}
#comments li.commentOdd {background:#E7DEC5;}
#comments p.meta {padding:2px 5px; text-align:center; margin:0; background:#B6AB8F; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
}

#comments .errorlist li {text-align:center; font-weight:bold; color:#7B0B00; background:none; border:none;}
#comments .error {background:#F3EA3B;}

/* =Twitter
----------------------------------------------------------------------------*/
div#twitter {
	margin-bottom: 2em;
	border: 1px solid #B35757;
}

div#twitter h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color: #B35757;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
	background:#fff;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #B35757;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #00f;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #B35757;
}