/*  
Theme Name: Culture Matters
Theme URI: http://culture-matters.ca
Description: Custom theme designed by Stefan Grambart & Leanne Labelle for Culture Matters.
Version: 1.0
Author: Stefan Grambart
Author URI: http://rispey.com
*/

body {
	background-image: url(images/page_bg.gif);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8CC63E;
	text-decoration: underline;
}
img {
	border: 0px;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color: #F3F3F3;
	padding: 0;
	border-right: solid 4px #666666;
	border-left: solid 4px #666666;
}
#pageheader {
	background-color: #FFFFFF;
	max-width: none;
}
#pageheader img {
	border: none;
}
/* SPOTLIGHTS */
.spotlightWrapper {
	background-image: url(images/spotlight_bg.jpg);
	width: 1000px;
	height: 240px;
	margin: 0;
	padding: 0;
}
.spotlight {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	width: 600px;
	padding: 10px 60px 10px 0px;
	float: right;
	word-wrap: break-word;
	max-height: 240px;
}
.spotlight em{
	font-size: 24px;
	font-style: normal;
}
.spotlightWrapper2 {
	background-image: url(images/spotlight_bg02.jpg);
	width: 1000px;
	height: 120px;
	margin: 0;
	padding: 0;
}
.spotlight2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	width: 600px;
	padding: 5px 60px 0px 0px;
	float: right;
	word-wrap: break-word;
	max-height: 120px;
	margin: 0;
}
.spotlight2 em{
	font-size: 18px;
	font-style: normal;
}
/* HOMEPAGE CONTENT */
#h_content {
	background-color: #F3F3F3;
	width: 1000px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	word-wrap: break-word;
}
#h_content h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666666;
	font-weight: lighter;
	border-bottom: 1px solid #8CC63E;
	padding: 40px 0 6px 0;
}
#h_content table tr td{
	width: 33%;
	vertical-align: top;
	padding: 5px 15px 10px 15px;
}
/* CONTENT */
#content {
	float: left;
	clear: inherit;
	width: 1000px;
	background-color: #F3F3F3;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.main {
	vertical-align: top;
	width: 1000px;
	padding: 10px 20px 0 20px;
}
.main h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
}
#content h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8CC63E;
}
/* BLOG POST */
.post {
	clear: both;
}
.post h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666666;
	font-weight: lighter;
	border-bottom: 1px solid #8CC63E;
	padding-bottom: 3px;
}
.post h2 a:link, .post h2 a:visited {
	color: #000000;
	text-decoration: none;
}
.post h2 a:hover, .post h2 a:active {
	color: #8CC63E;
	text-decoration: none;
}
.postdate {
	font-size: 9px;
	color: #999999;
	background-color: #EEEEEE;
	padding: 3px 10px 3px 10px;
	line-height: 16px;
}
.postdate a:link, .postdate a:visited {
	color: #666666;
	text-decoration: none;
}
.postdate a:hover, .postdate a:active {
	color: #000000;
	text-decoration: none;
}

/* PAGE NAVIGATION */
.pagenav {
	width: 100%;
	font-size: 9px;
	color: #999999;
}
.pagenav a:link, .pagenav a:visited {
	text-decoration: none;
	color: #8CC63E;
}
.pagenav a:hover, .pagenav a:active {
	text-decoration: none;
	color: #000000;
}
.alignleft {
	float: left;
	padding: 3px 0 10px 0;
	margin: 0;
}
.alignright {
	float: right;
	padding: 3px 0 10px 0;
	margin: 0;
}

/* SIDEBAR */
.column {
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 14px;
}
#sidebar1 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 140px;
	background-color: #FFFFFF;
	padding: 10px 15px 10px 5px;
	margin: 0;
}
#sidebar1 a:link, #sidebar1 a:visited {
	text-decoration: none;
	color: #8CC63E;
}
#sidebar1 a:hover, #sidebar1 a:active {
	text-decoration: none;
	color: #000000;
}
#sidebar1 h2 {
	font-size: 12px;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 2px;
}
#sidebar1 ul {
	width: 120px;
	padding-left: 12px;
	margin: 0;
	list-style: none;
}
#sidebar1 ul li {
	padding-bottom: 15px;
	border-bottom: solid 1px #CCCCCC;
}
#sidebar1 ul li li {
	padding: 0px;
	border: none;
}
#sidebar1 p {
	margin-top: 3px;
}

/* SIDEBAR2 */
#sidebar2 {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 260px;
	background-color: #FFFFFF;
	padding: 10px 15px 10px 5px;
	margin: 0;
}
#sidebar2 a:link, #sidebar2 a:visited {
	text-decoration: none;
	color: #8CC63E;
}
#sidebar2 a:hover, #sidebar2 a:active {
	text-decoration: none;
	color: #000000;
}
#sidebar2 h2 {
	font-size: 12px;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 2px;
}
#sidebar2 ul {
	width: 248px;
	padding-left: 12px;
	margin: 0;
	list-style: none;
}
#sidebar2 ul li {
	padding-bottom: 15px;
	border-bottom: solid 1px #8CC63E;
}
#sidebar2 ul li li {
	padding: 0px;
	border: none;
}
#sidebar2 p {
	margin-top: 3px;
}

/* FOOTER */
#footer {
	clear: both;
	width: 1000px;
	padding: 7px 0 7px 0;
	text-align: center;
	background-color: #E1E1E1;
	font-size: 10px;
	color: #999999;
	border-bottom: 4px solid #666666;
}
#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #000000;
	text-decoration: none;
}
