/*
MAIN SITE LAYOUT
Any alterations to these styles should be made in /themes/knzb/css/tweaks.css

Author: Justin Waddell, http://www.justinwaddell.com
Created: April 2009
-----------------------------------------------------
*/


/*
GLOBAL STYLES FOR HTML TAGS
---------------------------
*/

body {
	margin: 0 0 50px 0;
	font: 62.5% Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
	color: #333;
	background: url(../images/bg.png) repeat-x #161B31;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	line-height: 120%;
}
p {
	margin: 0 0 20px 0;
	font-size: 1.3em;
	line-height: 140%;
}
td {
	vertical-align: top;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	color: #333;
}
a img {
	border: none;
}


/*
GENERIC CLASSES
---------------
*/

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}


/*
RANDOM STUFF
------------
*/

a.rssLink span {
	display: none;
}
a.rssLink {
	display: block;
	float: right;
	width: 53px;
	height: 16px;
	background: url(../images/icon_rss.png) no-repeat 0% 0%;
}
a:hover.rssLink {
	background: url(../images/icon_rss.png) no-repeat 100% 0%;
}
a.merchandiseLink span {
	display: none;
}
a.merchandiseLink {
	display: block;
	width: 180px;
	height: 100px;
	background: url(../images/knzb_t-shirt_half.png) no-repeat 0% 0%;
}
a:hover.merchandiseLink {
	background: url(../images/knzb_t-shirt_half.png) no-repeat 100% 0%;
}


/*
LAYOUT
------
*/

#container {
	margin: 0 auto 0 auto;
	padding: 0 9px 0 9px;
	width: 950px;
	background: url(../images/bg_footer.png) repeat-x 0% 100% #FFF;
}
#headerWrapper {
	display: inline-block;
	width: 950px;
	background: url(../images/bg_header.png) repeat-x;
	border-bottom: 5px solid #FFFFFF;
}
#headerLeft {
	background: url(../images/bg_header_left.png) no-repeat 0% 100%;
}
#headerRight {
	padding: 0 0 0 20px;
	height: 140px;
	background: url(../images/bg_header_right.png) no-repeat 100% 100%;
	overflow: hidden;
}
#logo {
	display: block;
	float: left;
}
#navigation {
	display: block;
	float: left;
}
#wrigley{
	width:113px;
	height:111px;
	float:right;
	display:block;
}
#banner {
	display: block;
	height: 250px;
}

#corners {
	display: block;
	position:absolute;
	height: 250px;
	width: 950px;
	z-index:9000000;
}

#rotating-images span.left{
	float:left;
	position:absolute;
	display:block;
	width:10px;
	height:250px;
	background: url(../images/corners_l.png) no-repeat 0% 100%;
	z-index:9000000;
}

#rotating-images span.right{
	left:940px;
	position:absolute;
	display:block;
	width:10px;
	height:250px;
	background: url(../images/corners_r.png) no-repeat 0% 100%;
	z-index:9000000;
}

/* ROTATING HOME PAGE BANNER */
#rotating-images {
	position: relative;
}
#rotating-images .img-rotate {
	position: absolute;
}
#breadcrumbs {
	margin: 12px 0 0 12px;
	font-size: 1.1em;
	color: #999;
}
#breadcrumbs a {
	color: #BA0913;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#content {
	margin: 20px 12px 0 12px;
	padding: 0 0 40px 0;
}
#content.home{
	margin: 20px 12px 0 12px;
	padding: 0 0 18px 0;
}
#content .separatorWrapper {
	float: left;
	margin: 0 0 60px 0;
	background: url(../images/bg_separator_middle.png) repeat-y;
}
#content .separatorTop {
	float: left;
	min-height: 308px;
	height: auto !important;
	height: 308px;
	background: url(../images/bg_separator_top.png) no-repeat 0% 0%;
}
#content .separatorBottom {
	float: left;
	background: url(../images/bg_separator_bottom.png) no-repeat 0% 100%;
}
/* CONTENT HOME */
#content.home #column1 {
	float: left;
	padding: 0 30px 0 0;
	width: 433px;
}
#content.home #column2 {
	padding: 0 21px 0 25px;
	width: 196px;
}
#content.home #column3 {
	padding: 0 0 0 25px;
	width: 196px;
}
/* CONTENT DEFAULT */
#content.default #column1 {
	float: left;
	margin: 0 21px 0 0;
	width: 684px;
}
#content.default #column2 {
	padding: 0 0 0 25px;
	width: 196px;
}
#footer {
	margin: 10px auto 0 auto;
	width: 968px;
	font-size: 1.2em;
	color: #FFF;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FF6600;
}


/*
MAIN NAVIGATION
---------------
*/

#navigation #links {
	padding: 15px 0 0 0;
	font-size: 12px;
	text-align: right;
	color: #54565D;
}
#navigation #links a {
	font-size: 11px;
	text-decoration: none;
	color: #CECFD1;
}
#navigation #links a:hover {
	text-decoration: underline;
}
#navigation span {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 30px 0 0 30px;
	font-family: Impact, Impact5, Charcoal6, sans-serif;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #FFF;
}
#navigation span a {
	display: block;
	text-decoration: none;
}
/* ABOUT US */
#navigation span a.about {
	color: #007BD0;
}
#navigation span a:hover.about {
	border-bottom: 2px solid #007BD0;
}
#navigation span.current a.about {
	border-bottom: 2px solid #007BD0;
}
/* MEMBERSHIP */
#navigation span a.membership {
	color: #629B22;
}
#navigation span a:hover.membership {
	border-bottom: 2px solid #629B22;
}
#navigation span.current a.membership {
	border-bottom: 2px solid #629B22;
}
/* HELPING OUT */
#navigation span a.helping-out {
	color: #DED901;
}
#navigation span a:hover.helping-out {
	border-bottom: 2px solid #DED901;
}
#navigation span.current a.helping-out {
	border-bottom: 2px solid #DED901;
}
/* EVENTS */
#navigation span a.events {
	color: #E37F0B;
}
#navigation span a:hover.events {
	border-bottom: 2px solid #E37F0B;
}
#navigation span.current a.events {
	border-bottom: 2px solid #E37F0B;
}
/* YOUR REGION */
#navigation span a.your-region {
	color: #C90A15;
}
#navigation span a:hover.your-region {
	border-bottom: 2px solid #C90A15;
}
#navigation span.current a.your-region {
	border-bottom: 2px solid #C90A15;
}
/* MERCHANDISE */
#navigation span a.merchandise {
	color: #FFF;
}
#navigation span a:hover.merchandise {
	border-bottom: 2px solid #FFF;
}
#navigation span.current a.merchandise {
	border-bottom: 2px solid #FFF;
}


/*
SUB NAVIGATION
--------------
*/

#subNavigation {
}
#subNavigation ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
#subNavigation ul li {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #E4E4E4;
}
#subNavigation ul li a {
	display: block;
	padding: 0 0 0 10px;
	line-height: 120%;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #888;
	background: url(../images/arrow_grey.png) no-repeat 0 5px;
}
#subNavigation ul li a:hover {
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 5px;
}
#subNavigation ul li.current a {
	color: #BA0913;
	background: url(../images/arrow_grey.png) no-repeat 0 5px;
}


/*
NEWS
----
*/

#NewsList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#NewsList ul li {
	margin: 0;
	padding: 0;
}
/* HOME */
.home #NewsList .newsDate {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
.home #NewsList .newsTitle {
	margin: 0 0 20px 0;
	font-size: 1.3em;
}
.home #NewsList .newsTitle a.copy {
	text-decoration: none;
	color: #333;
}
.home #NewsList .newsTitle a.copy:hover {
	text-decoration: underline;
	color: #BA0913;
}
.home #NewsList .newsDate {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
/* DEFAULT COLUMN 1 */
.default #column1 #NewsList .newsTitle {
	margin: 0 0 5px 0;
	font-size: 1.8em;
}
.default #column1 #NewsList .newsTitle a {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-decoration: none;
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 8px;
}
.default #column1 #NewsList .newsTitle a:hover {
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 8px;
}
.default #column1 #NewsList .newsDate {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
.default #column1 #NewsList .newsSummary {
	margin: 0 0 20px 0;
	font-size: 1.3em;
}
.default #column1 #NewsList .newsSummary a.more {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
.default #column1 #NewsList .newsSummary a.more:hover {
	color: #BA0913;
}
.newsDetails {
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
/* DEFAULT COLUMN 2 */
.default #column2 #NewsList .newsDate {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
.default #column2 #NewsList .newsTitle {
	margin: 0 0 20px 0;
	font-size: 1.3em;
}
.default #column2 #NewsList .newsTitle a.copy {
	text-decoration: none;
	color: #333;
}
.default #column2 #NewsList .newsTitle a.copy:hover {
	text-decoration: underline;
	color: #BA0913;
}
.default #column2 #NewsList .newsDate {
	margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}
/* COMMENTS */
#PageComments_holder {
	margin: 40px 0 0 0;
}
#CommentHolder {
	margin: 0 0 20px 0;
	padding: 15px;
	border-bottom: 1px solid #DDD;
	background: #F5F5F5;
}
#CommentHolder a {
	color: #999;
}
#CommentHolder a:hover {
	color: #BA0913;
}
#CommentHolder ul {
	margin: 0;
	padding: 0;
}
#CommentHolder ul li {
	list-style: none;
}
#CommentHolder .info {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
}
#CommentsRSSFeed {
	color: #DDD;
}
#CommentsRSSFeed a {
	text-decoration: none;
	color: #BA0913;
}
#CommentsRSSFeed a:hover {
	text-decoration: underline;
}

/*
HELPING OUT
-----------
*/

#CampaignList {
	list-style: none;
	margin: 0;
	padding: 0;
}
#CampaignList ul li {
	margin: 0;
	padding: 0;
}
#CampaignList .campaignname {
	margin: 0 0 5px 0;
}
/* COLUMN 1 */
#column1 #CampaignList .campaignname a {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 8px;
}
#column1 #CampaignList .campaignname a:hover {
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 8px;
}
/* COLUMN 2 */
#column2 #CampaignList .campaignname a {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 5px;
}
#column2 #CampaignList .campaignname a:hover {
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 5px;
}
/* HOME */
.home #column2 #CampaignList .campaignname a {
	font-size: 1.8em;
	background: url(../images/arrow_red.png) no-repeat 0 9px;
}
.home #column2 #CampaignList .campaignname a:hover {
	background: url(../images/arrow_blue.png) no-repeat 0 9px;
}
#CampaignList .campaignphoto {
	margin: 0 0 5px 0;
}
#CampaignList .campaigndescription a.more {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
#CampaignList .campaigndescription a.more:hover {
	color: #BA0913;
}
/* CAMPAIGN PAGE */
#CampaignPhoto {
	margin: 0 0 20px 0;
	background: url(../images/bg_campaign.png) no-repeat 98% 0%;
}


/*
EVENTS
------
*/

#EventList {
	list-style: none;
	margin: 0;
	padding: 0;
}
#EventList ul li {
	margin: 0;
	padding: 0;
}
#EventList .eventname {
	margin: 0 0 5px 0;
}
/* COLUMN 1 */
#column1 #EventList .eventname a {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 8px;
}
#column1 #EventList .eventname a:hover {
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 8px;
}
/* COLUMNS 2 & 3 */
#column2 #EventList .eventname a, #column3 #EventList .eventname a {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 5px;
}
#column2 #EventList .eventname a:hover, #column3 #EventList .eventname a:hover {
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 5px;
}
#EventList .eventphoto {
	margin: 0 0 5px 0;
}
#EventList .eventdescription a.more {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
#EventList .eventdescription a.more:hover {
	color: #BA0913;
}
/* EVENT TITLES - HOMEPAGE */
#column3 #EventList .eventimg {
	margin: 0 10px 5px 0;
	float:left;
	display:inline-block;
	width:60px;
}
#column3 #EventList .eventTitle {
	margin: 0 0 20px 0;
	font-size: 1.3em;
}
#column3 #EventList .eventTitle a {
	text-decoration: none;
	color: #333;
}
#column3 #EventList .eventTitle a:hover {
	text-decoration: underline;
	color: #BA0913;
}
/* EVENT PAGE */
#EventPhoto {
	margin: 0 0 20px 0;
	background: url(../images/bg_event.png) no-repeat 98% 0%;
}


/*
PROJECTS
--------
*/

#ProjectList .projectname a {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #161B31;
	background: url(../images/arrow_blue.png) no-repeat 0 8px;
}
#ProjectList .projectname a:hover {
	color: #BA0913;
	background: url(../images/arrow_red.png) no-repeat 0 8px;
}
#ProjectList .projectdescription a.more {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
#ProjectList .projectdescription a.more:hover {
	color: #BA0913;
}
#ProjectDate {
	font-weight: bold;
	color: #999; 
}
#ProjectContactTop {
	background: url(../images/bg_contact_top.png) no-repeat 0% 0%;
}
#ProjectContact {
	padding: 70px 25px 30px 25px;
	width: 200px;
	background: url(../images/bg_project_contact.png) no-repeat 25px 25px;
}
/* REGION */
#ProjectContact.region {
	padding: 70px 25px 30px 25px;
	width: 200px;
	background: url(../images/bg_region_contact.png) no-repeat 25px 25px;
}
#ProjectContactBottom {
	display: block;
	float: right;
	margin: 0 0 0 30px;
	background: url(../images/bg_contact_bottom.png) no-repeat  0% 100% #F5F5F5;
}
#ProjectContact ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
}
#ProjectContact li {
	margin: 0 0 10px 0;
	padding: 0;
}
#ProjectContact li strong {
	color: #999;
}
#ProjectContact li a {
	color: #161B31;
}
#ProjectContact li a:hover {
	color: #BA0913;
}
#ProjectContact li.projectcontact {
	font-weight: bold;
	color: #BA0913;
}
#ProjectContact li.projectphone {
	padding-left: 30px;
	background: url(../images/icon_phone.png) no-repeat 0% 0%;
}
#ProjectContact li.projectemail {
	padding-left: 30px;
	background: url(../images/icon_email.png) no-repeat 0% 0%;
}


/*
SPONSORS
--------
*/

#SponsorList .sponsorlogo {
	float: left;
	width: 342px;
	height: 150px;
	text-align: center;
}
/* SPONSOR PAGE */
#SponsorPhoto {
	margin: 0 0 20px 0;
	height: 135px;
	background: url(../images/bg_sponsor.png) no-repeat 98% 0%;
}


/*
RECAPTCHA
---------
*/

#RecaptchaField{
	margin: 14px 0 0 0;
	}