/*************************************************

CHEO				 
January 2009									
Design By Ben Watts (benwatts.ca)
CSS/HTML By Shawn (plustwelve.com)			

***************************************************
	GENERIC
	*/


HTML {
	font: 62.5%/160% Arial, Helvetica, sans-serif;   
	background:#2882B7;
	color: #000;
	}
	
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:#FCC547 url('../images/html-bkg.jpg') repeat-x;
	
	}
#outer {
	background:url('../images/header.jpg') center top no-repeat;
	}
BODY.fr #outer {
	background:url('../images/header-fr.png') center top no-repeat;
	}	
	
/***************************************************
	WRAPPER
	 */
#wrapper {
	width:950px;
	margin: 0px auto;
	text-align:left;
	position:relative;}

/***************************************************
	HEADER
	*/
#header {
	height:150px;
	margin:0;
	text-align:right;
	position:relative;
	}


#header H1 {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:150px;
	width:500px;

	
	}
#header H1 A.logo {
	text-indent:-999em;
	display:block;
	height:150px;
	width:500px;
	text-align:left;
	}	
#header H2 {
	color:#FFF;
	font-size:220%;
	font-weight:bold;
	padding:68px 0 0 0;
	margin:0;
	}
#header H3 {
	font-style:italic;
	font-weight:bold;
	font-size:140%;
	color:#feea33;
	letter-spacing:-.5px;
	}
/***************************************************
	MAIN MENU
	*/

.lang {
	position:absolute;
	top:160px;
	right:10px;
	color:#0066a3;
	font-weight:bold;
	font-size:140%;
	letter-spacing:-.2px;
	margin:5px;
	text-decoration:none;
	padding:5px;
	}
	
.lang:hover {
	background:#0066a3;
	color:#FFF;
	}
	
div.menu ul.menu {
	margin:0 0 10px 0;
	padding:0 0 0 17px;
	background:url(../images/topmenu-bkg.jpg) no-repeat;
	height:36px;
	}

div.menu ul.menu LI  {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	width:auto;
	padding:5px 0;
	}
	
div.menu ul.menu A {
	display:block;
	padding:0;
	color:#d3750c;
	font-weight:bold;
	font-size:140%;
	letter-spacing:-.2px;
	margin:0;
	padding:5px;
	text-decoration:none;
	}		

div.menu ul.menu A:hover,
div.menu ul.menu LI.current_page_item A{
	background:#f59121;
	color:#FFF;
	}
	 
#submenu {
	width:100%;
	font-weight:bold;
	margin:0 0 20px 20px;
	}
	
#submenu LI {
	margin:0 20px 0 0;
	float:left;
	font-size:130%;
	list-style:none;
	}
	
#submenu A {
	text-decoration:none;
	}
/***************************************************
	COLUMNS/STRUCTURE
	
	*/
	
.content {
	background:#FFF url(../images/content-bkg.gif) no-repeat;
	padding:10px;
	}
	
.default  #centrecolumn {
	font-size:120%;
	}

#rightcolumn {
	float:left;
	width:293px;
	}
	
.default #rightcolumn {
	width:307px;
	}
	
.default #centrecolumn {
	width:560px;
	padding:0 20px;
	margin:0 20px 0 0
	}
	
#centrecolumn {
	width:636px;
	float:left;
	background:#FFF;
	}
#rightcolumn UL {
	margin:0;
	padding:0;
	list-style:none;
	}
/***************************************************
	HOMEPAGE » MAIN BUTTONS
	
	*/	
#buttons {
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
#buttons LI {
	float:left;
	list-style:none;
	margin:0 8px 8px 0;	
	}
	
.default #buttons LI {
	margin:0 0 8px 0;
	}
	
.button-lrg,
.button-lrg A {
	width:310px;
	height:110px;
	}
	
.button-sml,
.button-sml A {
	width:310px;
	height:80px;
	}
	
#buttons LI A {
	display:block;
	text-indent:-999em;
	}
	
#register-button{background:url(../images/buttons.jpg) top left no-repeat;}
#register-button:hover{background:url(../images/buttons.jpg) -317px 0 no-repeat;}

#play-button{background:url(../images/buttons.jpg) 0 -122px no-repeat; margin-right:0;}
#play-button:hover{background:url(../images/buttons.jpg) -317px -122px no-repeat;}

#volunteer-button{background:url(../images/buttons.jpg) 0 -241px no-repeat;}
#volunteer-button:hover{background:url(../images/buttons.jpg) -317px -241px no-repeat;}

#sponsor-button{background:url(../images/buttons.jpg) 0 -325px no-repeat; margin-right:0;}
#sponsor-button:hover{background:url(../images/buttons.jpg) -317px -325px no-repeat;}


BODY.fr #register-button{background:url(../images/buttons-fr.jpg) top left no-repeat;}
BODY.fr #register-button:hover{background:url(../images/buttons-fr.jpg) -317px 0 no-repeat;}

BODY.fr #play-button{background:url(../images/buttons-fr.jpg) 0 -122px no-repeat; margin-right:0;}
BODY.fr #play-button:hover{background:url(../images/buttons-fr.jpg) -317px -122px no-repeat;}

BODY.fr #volunteer-button{background:url(../images/buttons-fr.jpg) 0 -241px no-repeat;}
BODY.fr #volunteer-button:hover{background:url(../images/buttons-fr.jpg) -317px -241px no-repeat;}

BODY.fr #sponsor-button{background:url(../images/buttons-fr.jpg) 0 -325px no-repeat; margin-right:0;}
BODY.fr #sponsor-button:hover{background:url(../images/buttons-fr.jpg) -317px -325px no-repeat;}


/***************************************************
	HOMEPAGE » UPDATES
	
	*/
	
#updates {
	background:#c1e8ff url(../images/updates-bottom.gif) bottom left no-repeat;
	}

#updates UL {
	margin:0;
	padding:5px;
	background:url(../images/updates-top.gif) top left no-repeat;
	}
	
#updates LI {
	list-style:none;padding:5px 0;
	margin:0 0 5px 0;
	padding:5px;
	color:#252a2d;
	border-bottom:solid 1px #aad8f4;
	}
	
#updates H2 {
	font-size:180%;
	margin:0 0 6px 0;
	}
	
#updates H2,
#updates H2 A {
	color:#0066a3;
	font-weight:bold;
	text-decoration:none;	
	}
	
#updates H2 A:hover{
	color:#FFF;
	}
	
#updates P {
	font-size:130%;
	margin:0 0 10px 0;
	}
	
#updates SMALL {	
	color:#0066a4;
	font-size:110%;
	}
	
/***************************************************
	STICKY POST
	 */	
#updates .sticky {
	background:#0066a4 url(../images/sticky-bkg.gif) no-repeat;
	border:solid 1px #fff;
	}
	
#updates .sticky H2 A{color:#FFF;}
#updates .sticky H2 A:hover{color:#c1e8ff;}
#updates .sticky P {color:#c1e8ff;}
#updates .sticky SMALL {color:#FFF;}
#updates .sticky .read-more {color:#FFF;}
#updates .sticky .read-more:hover {color:#c1e8ff;}
	
#updates .read-more {
	float:right;
	font-weight:bold;
	color:#0066a3;
	font-size:120%;
	text-decoration:none;
	background:url(../images/arrow.gif) center right no-repeat;
	padding:0 15px 0 0;
	}
	
#updates .read-more:hover {color:#FFF;}

.rss {
	float:right;
	margin:0 10px;
	width:16px;
	height:16px;
	background:url(../images/rss.gif) top left no-repeat;
	display:block;
	text-indent:-999em;
	}
	
.rss:hover {background:url(../images/rss.gif) bottom right no-repeat;}
	
.archive {
	color:#0066a3;
	font-weight:bold;
	font-size:140%;
	letter-spacing:-.2px;
	margin:5px 10px;
	text-decoration:none;
	padding:5px;
	}
	
.archive:hover {
	background:#0066a3;
	color:#FFF;
	}	

.photo-archive-link {
	float:right;
	margin:0 10px 20px 0;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	background:#F59121;
	padding:2px 4px;
	font-weight:bold;
	}

/***************************************************
	HOMEPAGE » SPONSORS
	 */
	 
#sponsors {
	background:url(../images/sponsor-hdr.jpg) no-repeat;
	padding:20px;
	clear:both;	
	}

#sponsors UL LI {
	list-style: none;
	float: left;
	height: 120px;
	width: 120px;
	margin: 8px;
}

#sponsors LI {
	margin:2px;
}

#sponsors TABLE TD IMG {
	margin:2px;
}	

#sponsors TABLE TR TD{
	border-bottom: none;
}

#front-page-widgets {
	padding: 6px;
}

#front-page-widgets LI {
	margin: 12px 0 0 0;
}

#sponsors h2 {
	margin-top: 30px;
	border-bottom: 1px solid #5E5E5E;
}



/***************************************************
	Donate shortcode
	
	*/	

#donateshortcode {
	background-color: #C1E8FF;
	padding: 10px;
	margin: 10px 10px 15px 0;
	font-size: 130%;
	color: #0066A3;
	border-radius: 8px;

}

#rightcolumn #donateshortcode {
	margin: 10px 2px 15px 0;
}

#donateshortcode strong {
	font-size: 140%;
	line-height: 120%;
}

.home #donateshortcode {
	font-size: 120%;
}

.home #donateshortcode P {
	margin: 2px;
}

/***************************************************
	DEFAULT » RIGHT COLUMN
	
	*/	
#rightcolumn H2 {
	font-size:160%;
	clear:both;
	font-weight:bold;
	}
	
#archives{background:url(../images/archives-bkg.gif) no-repeat;overflow:hidden;}
#archives H2 {color:#5e5e5e;float:left; width:100px;padding:7px 7px 0 7px}
#archives SELECT {margin:6px; width:167px;}

.widgettitle {
color:#FFF;
	padding:6px;
	vertical-align:center;
	background:url(../images/posts-bkg.gif) no-repeat;
}	

#rightcolumn #recent-posts LI{font-size:140%; margin:10px 0;}
#rightcolumn #recent-posts LI A {color:#0066a3; text-decoration:none;}
#rightcolumn #recent-posts LI A:hover {color:#69b1dc;}

#recent-posts H2 {
	color:#FFF;
	}


/***************************************************
	FOOTER
	 */

#footer {
	clear:both;
	margin:0;
	background:url(../images/footer-bkg.jpg) repeat-x;
	padding:20px 0;
	color:#b1e0fc;
	font-size:120%;
	}
	
#footer A {color:#FFF; text-decoration:none;}
#footer A:hover {color:#7ebde3;}
#footer #inner {
	width:950px;
	margin:0 auto;
	}

#footer P {
	clear:both;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	margin:0 10px 0 0;
	}
	
#footer UL {
	margin:0;
	padding:0;
	float:left;
	}
	
#footer LI {
	float:left;
	width:auto;
	list-style:none;
	margin:0 10px 0 0;
	}

	
/***************************************************
	COMMENTS
	 */	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 544px;
	padding: 2px;
	}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
.commentlist {
	padding: 0;
	margin:0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 0 10px 0px;
	list-style: none;
	border-bottom:solid 3px #1474ad;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.comment {position:relative;}
.children { padding: 0; }
.comment-meta {position:absolute; top:10px; right:0px;}
.comment-meta A {text-decoration:none;color:#ccc; font-weight:bold;}
.comment-author A{text-decoration:none; color:#5e5e5e; }
.fn{font-size:120%;font-weight:bold;}
.comment-author IMG,.says {display:none;}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
/* End Comments */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 45px;
	}	
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.default .post {
	margin:0 0 45px 0;
	}
	
/***************************************************
	POSTS (listing/archive view)
	 */	
.post H2 A {
	text-decoration:none;
	color:#5E5E5E;
	}
	
.post H2 A:hover {color:#ccc;}	
.post H2 {margin:0;}
	
.post SMALL {
	display:block;
	color:#ccc;
	margin:0 0 10px 0;
	}
	
.pagetitle {
	color:#F98A30;
	}
	
.default .entry {
	margin:10px 0 0 0;
	}
	
.postmetadata {
	border-top:solid 1px #eee;
	padding:10px 0 0 0;
	}
.postmetadata A {
	text-decoration:none;
	font-weight:bold;
	}
    
    
    
/* -- special case: sponsors gallery */
.sponsors .gallery a img{
    border: none; 
    }