/*
Theme Name: CUSSC
Theme URI: http://snowsportsclub.org.nz
Version: 1.0
Description: 2 column theme for the Canterbury University SnowSports Club website, based on 'Coolwinter' by Make Quick. If you find this theme anywhere else please contact the author.
Author: Richard Westenra
Author URI: http://richardwestenra.com
*/

/*
#################### GLOBAL RESET ####################
*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:'';}
/* Global reset-RESET - restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* Tricks */
.hide { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /* hide text from viewers but make it still readable by screenreaders */
.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* clear blocks of text/images */
 
/*
#################### Basic WordPress Blog Styles ####################
*/
.post-wrapper img {margin: 0 0 1.5em 0;}
.alignleft, img.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright, img.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter, img.aligncenter {clear: both; display: block; margin: 20px auto 20px auto;}
.wp-caption { text-align: center; margin-bottom: 1.5em;}
.wp-caption img { border: 0 none; margin: 0; padding: 0;}
.wp-caption p.wp-caption-text { margin: 0;}
.wp-smiley { max-height: 1em; margin:0 !important;}
.gallery dl { margin: 0;}
.gallery-caption { margin:-1.5em 0 0 0;}
blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%;}
blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%;}

/*
#################### Typography ####################
*/
body {
	font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
p {
	margin:10px 0px;
	line-height:1.6em;
}
a:link { text-decoration: none; color: #52ABE7; }
a:visited { text-decoration: none; color: #52ABE7; }
a:hover, a:active { color: #95CDF2; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}
h2 { font-size: 28px; }
h3 { font-size: 24px; color: #52ABE7;}
h4, h5, h6 { font-size: 20px; }
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}
.post-wrapper ol, .post-wrapper ul { margin-left:10px; padding-left:5px; line-height:1.8em;}
.post-wrapper ol li { list-style:decimal;}
.post-wrapper ul li { list-style:disc;}

/*
#################### Structure ####################
*/
.wrapper {
	width: 768px;
	margin: auto;
	}
#logo {
	height:205px;
	width:738px;
	background:url(images/logo.png) no-repeat bottom;
	padding-top:10px;
	}
h1#logoLink a {
	display:block;
	height:70px;
	width:620px;
	float:right;
	margin-top:30px;
	}
#header {
	background: url(images/headerBG.png) repeat-x;
	height: 222px;
	/*margin-top:-28px; fix because for some reason there was a gap at the top? unable to figure out why*/
}
#content {
	background:#FFFFFF;
	padding: 20px 0px 10px 30px;
}
#mountains {
	background:url(images/mountainBG.png) repeat-x center;
	height:40px;
}
#leftCol {
	width: 500px;
	float:left;
}
#sidebar {
	float: right;
	padding: 0px 15px 10px 10px;
	width: 210px;
	margin-right: 15px;
	margin-top: 10px;
}

/*
#################### Navigation ####################
*/
#navigation {
	float:right;
	width:450px;
	margin-top:30px;
	}
#navigation ul { list-style-type: none; list-style-image: none; float: left; margin: auto; padding: 0 0px 0 0; }
#navigation li {
	float: left;
	color: #FFFFFF;
	margin-right: 5px;
	height: 24px;
	font-size: 1.6em;
	margin-top:10px;
	}
#navigation li a:link, #navigation li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #FFFF00;
	text-decoration:underline;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	}
/*
#################### Home ####################
*/
#content .home h3 {
	margin-top:0;
}
#content .home div.postFooter {
	margin-bottom:30px;
}
#homePhotoColumn {
	width:250px;
	float:right;
}
#blogButton {
	display:block;
	width:230px;
	height:54px;
	background:url(images/blogButton.png) no-repeat;
	margin:14px 0 20px 5px;
}
#blogButton:hover, #blogButton:focus {
	background-position: 0px -54px;
}
#blogButton:active {
	-moz-transform:translateY(1px);
	-webkit-transform:translateY(1px);
}

/*
#################### News/Content ####################
*/
.date {
	background: url(images/date.gif) no-repeat;
	height: 57px;
	margin-bottom: 0px;
	width: 57px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #E1F6BC;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #FFFFFF;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}
#left {
	width: 60px;
	float: left;
}
#content .postWrapper {
	clear:both;
	margin-bottom:30px;
}
#content .postTitle  {
	float: right;
	width: 420px;
	clear: right;
	margin: 15px 0px;
	padding-top: 10px;
}
#content .postTitle a {
	border-bottom-width: 0;
}
#content .post {
	clear:both;
	padding-top:10px;
	padding-left:3px;
}
#content .post p.img {
	float: left;
	margin: 0 15px 0 0;
}
#content .post p.img img {
	padding: 8px;
	border: 1px solid #d0d0d0;
	background-color: #eeeeee;
}
#content .post p.author {
	color:#888;
	font-size:0.9em;
	margin-top:20px;
}
#content .postFooter { 
	font-size: 90%; 
	color: #888888;
	margin: 20px 0px 5px 0px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F6FCFF;
	border: 1px solid #D9E9FF;
	text-align:center;
}
#content .postFooter a {
	margin:0px 5px;
}
#content .post ul li {
	list-style-type:disc;
	margin-left:10px;
}


/*
#################### Sidebar ####################
*/
.sideblock
{
	padding: 5px 10px;
	margin-bottom: 20px;
	background-color: #FAFAFA;
	border: 1px solid #F4F4F4;
}
.sideblock h3 { margin-top: 5px; font-size: 14px; color: #BABABA; font-weight: bold; }
#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }
#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}
#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}


/*
#################### Footer ####################
*/
#mountainMen {
	width:260px;
	height:96px;
	background:url(images/footer.png);
	float:right;
	margin-right:50px;
	}
#footer {
	background-color:#101010;
	height:110px;
	clear:both;
	padding-top:30px;
	}
#footer ul {
	color:#cfbeb1;
	text-align:center;
	list-style-type:none;
}

/*
#################### Upcoming Events & Event Calendar ####################
*/ /* Fix for third-party plugin/widget */
ul.ec3_events li.ec3_list {
	color:#555555;
	margin-left:0px;
	word-spacing:normal;
}
#wp-calendar table thead, #wp-calendar table tbody {
	font-size:0.9em;
}