/*
	Theme Name: CoolCanucks
	Theme URI: http://fantikerz.com/
	Description: Completely custom theme based upon Starkers.
	Version: 1.0
	Author: Ryan Hamilton
	Author URI: http://fantikerz.com/
	Tags: custom, canucks
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*** Basic Elements ***/
body {
	background: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
a {
	color: #ac0376;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	color: #525051;
	margin: 0px 0px 8px 0px;
}
input {
	background: #fcfcfd url(img/input_background.png) repeat-x;
	border: 1px solid #dae0e4;
	padding: 2px 2px;
	width: 130px;
}
input[type="submit"] {
	background: #b26296 url(img/submit_background.png) repeat-x;
	border: 1px solid #a85b8d;
	color: #ffffff;
	text-shadow: 0px 1px 0px #c671a8;
	padding: 1px 0px;
	width: auto;
	min-width: 75px;
}
input[type="submit"]:active {
	color: #f4e7ef;
}
ul {
	color: #525051;
	margin: 0px 0px 08px 16px;
}
	ul li {
		list-style: disc;
		line-height: 21px;
	}
		ul li ul {
			
		}
			ul li ul li {
				list-style: circle;
			}
ol {
	color: #525051;
	margin: 0px 0px 8px 20px;
}
	ol li {
		list-style: decimal;
		line-height: 21px;
	}
		ol li ol {
			
		}
			ol li ol li {
				list-style: lower-alpha;
			}
h1 {
	font-size: 220%;
}
h2 {
	color: #a1046d !important;
	font-size: 190%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 70%;
}
h1, h2, h3, h4, h5, h6 {
	color: #525051;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
}
/*** Classy Classes ***/
.fill {
	display: block;
	height: 100%;
	width: 100%;
}
.hide {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
/*** Divided Divisions ***/
#container {
	background: url(img/white_shine.png) repeat-x;
	margin: -1px 0px 0px 0px;
	padding: 30px 0px;
}
	#container #inner {
		background: #fcfcfd url(img/sidebar_back.png) right repeat-y;
		border: 1px solid #dce6ef;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 0px 0px 10px #ccd5dd;
		-moz-box-shadow: 0px 0px 10px #ccd5dd;
		-webkit-box-shadow: 0px 0px 10px #ccd5dd;
		margin: auto;
		padding: 25px;
		width: 910px;
	}
		#container #inner #sidebar {
			bottom: 0px;
			float: right;
			margin: -24px -24px -24px 0px;
			width: 335px;
		}
			#container #inner #sidebar #inside {
				background: url(img/inside_back.png) top right no-repeat;
				padding: 20px 10px 20px 25px;
			}
				#container #inner #sidebar #inside a {
					position: relative;
					z-index: 1;
				}
				#container #inner #sidebar #inside .mission-statement {
					margin: -35px 0px 0px -174px;
					height: 271px;
				}
				#container #inner #sidebar #inside .widgettitle {
					color: #a1046d;
					font-size: 18px;
					letter-spacing: -1px;
					margin: 0px 0px 5px 0px;
					text-shadow: 0px 1px 0px #ffffff;
				}
				#container #inner #sidebar #inside .blogroll {
					
				}
					#container #inner #sidebar #inside .blogroll li {
						background: #e2e8ed;
						border: 1px solid #d8dfe6;
						margin: 0px 0px 10px 0px;
						padding: 0px !important;
					}
						#container #inner #sidebar #inside .blogroll li a {
							border: 1px solid #edf1f4 !important;
							display: block;
							background: url(img/lines.png);
							margin: 0px;
							padding: 10px;
							text-align: center;
						}
						#container #inner #sidebar #inside .blogroll li img {
							background: #ffffff;
							border: 1px solid #eeeeee;
							-moz-box-shadow: 0px 0px 5px #98a8b7;
							-webkit-box-shadow: 0px 0px 5px #98a8b7;
						}
				#container #inner #sidebar #inside .recentcomments {
					border-bottom: 1px dashed #ffffff;
				}
				#container #inner #sidebar #inside .recentcomments:last-child {
					border: none;
				}
				#container #inner #sidebar #inside ul {
					border-bottom: 1px solid #ffffff;
					margin: 0px;
				}
					#container #inner #sidebar #inside ul #text-4 {
						border-top: none !important;
					}
					#container #inner #sidebar #inside ul li {
						border-bottom: 1px solid #e2e8ec;
						border-top: 1px solid #ffffff;
						list-style: none;
						padding: 5px 0px 5px 0px;
					}
						#container #inner #sidebar #inside ul li ul {
							border: none;
						}
							#container #inner #sidebar #inside ul li ul li {
								border: none;
								color: #b25f96;
								padding: 2px 0px;
							}
								#container #inner #sidebar #inside ul li ul li a {
									border: none;
									color: #a1046d;
								}
		#container #inner .post h2 {
			margin: 2px 0px 30px 0px;
		}
		#container #inner #content, #container #inner .post {
			width: 585px;
		}
			#container #inner #content .post {
				border-bottom: 1px solid #e3e9ed;
				margin: 0px 0px 10px 0px;
				padding: 10px 0px 35px 0px;
			}
				#container #inner #content .post .date {
					background: url(img/date_back.png);
					float: left;
					height: 62px;
					margin: -20px 0px 0px -95px;
					padding: 25px 0px 0px 30px;
					text-align: center;
					width: 56px;
				}
				#container #inner #content #comments {
					padding: 0px 0px 0px 0px;
				}
				#container #inner #content #comments-area {
					border-bottom: 1px solid #e3e9ed;
					margin: 0px 0px 8px 0px;
				}
					#container #inner #content #comments-area li {
						border-top: 1px dashed #e3e9ed;
						list-style: none;
						margin: 0px 0px 10px 0px;
						padding: 10px 0px 0px 0px;
					}
						#container #inner #content #comments-area li .avatar {
							float: left;
							margin: 0px 10px 0px 0px;
						}
						#container #inner #content #comments-area li .comment-info a {
							border: none;
							color: #e6a3ce;
							font-size: 11px;
						}
						#container #inner #content #comments-area li .comment-info a:hover {
							color: #d278b2;
						}
						#container #inner #content #comments-area li .comment-info span {
							font-size: 18px;
							font-weight: bold;
							text-transform: capitalize;
						}
							#container #inner #content #comments-area li .comment-info span a {
								border: none;
								color: #891f64;
								font-size: 18px;
							}
							#container #inner #content #comments-area li .comment-info span a:hover {
								color: #6c0347;
							}
					#container #inner #content #respond {
						border-bottom: 1px dashed #e3e9ed;
						padding: 0px 0px 8px 0px;
					}
					#container #inner #content #commentsform {
						
					}
						#container #inner #content input {
							background: #ffffff;
							border: 1px solid #d8e0e6;
							color: #cccccc;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 13px;
							float: left;
							margin: 2px 10px 10px 0px;
							padding: 5px;
							width: 212px;
						}
						#container #inner #content input:focus {
							border: 1px solid #b8c5d0;
							color: #333333;
						}
						#container #inner #content label {
							color: #8d8d8d;
							font-size: 11px;
						}
						#container #inner #content #comment {
							background: #ffffff;
							border: 1px solid #d8e0e6;
							color: #cccccc;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 13px;
							float: left;
							margin: 2px 0px 10px 0px;
							padding: 5px;
						 	width: 680px;
					 	}
						#container #inner #content #comment:focus {
							border: 1px solid #b8c5d0;
							color: #333333;
						}
						#container #inner #content #submit {
							border: 1px solid #b8388f;
							background: url(img/submit_back.png) repeat-x;
							color: #ffffff;
							float: right;
							font-size: 12px;
							margin: 0px;
							padding: 4px;
							text-shadow: 0px -1px 0px #ab3083;
							width: auto;
						}
						#container #inner #content #submit:focus {
							border: 1px solid #7e2461;
						}
					#container #inner #content #comments-area li .comment-edit {
						float: right;
					}
						#container #inner #content #comments-area li .comment-edit a {
							background: #c9489e url(img/edit_back.png) repeat-x;
							border: 1px solid #bb338f;
							color: #ffffff;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							font-size: 11px;
							padding: 3px;
							text-shadow: 0px -1px 0px #bb338f;
						}
						#container #inner #content #comments-area li .comment-edit a:hover {
							background: #a3036f;
							border: 1px solid #950366;
							text-shadow: 0px;
						}
					#container #inner #content .post .date span {
						color: #f5f7f9;
						font-size: 18px;
						font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
						text-shadow: 0px -1px 0px #cb8eb7;
					}
				#container #inner #content .post h2 {
					color: #a1046d;
					font-size: 25px;
					letter-spacing: -1px;
					margin: 2px 0px 0px 0px;
				}
					#container #inner #content .post h2 a {
						border: none;
						color: #76024d;
						text-shadow: 0px 1px 0px #ffffff;
					}
					#container #inner #content .post h2 a:hover {
						color: #9a1069;
					}
				#container #inner #content .first h2 {
					margin: 0px 160px 0px 0px;
				}
				#container #inner #content .post #post-edit {
					float: right;
				}
					#container #inner #content .post #post-edit a {
						background: #c9489e url(img/edit_back.png) repeat-x;
						border: 1px solid #bb338f;
						color: #ffffff;
						border-radius: 4px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						font-size: 11px;
						padding: 3px;
						text-shadow: 0px -1px 0px #bb338f;
					}
					#container #inner #content .post #post-edit a:hover {
						background: #a3036f;
						border: 1px solid #950366;
						text-shadow: 0px;
					}
				#container #inner #content .post .border {
					background: #ba74a3;
					border: 1px solid #b36297;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					padding: 3px;
				}
				#container #inner #content .post p {
					line-height: 21px;
					color: #525051;
				}
					#container #inner #content .post .post-info {
						color: #c475aa;
						font-size: 11px;
						line-height: normal;
						margin: 3px 0px 12px 0px;
					}
						#container #inner #content .post .post-info a {
							border: none;
							color: #853f6e;
						}
						#container #inner #content .post .post-info a:hover {
							border-bottom: 1px solid #853f6e;
						}
						#container #inner #content .post .more-link {
							border: none;
							color: #76024d;
							float: left;
							font-weight: bold;
							line-height: normal;
							margin: 10px 0px 0px 0px;
						}
						#container #inner #content .post .more-link:hover {
							border-bottom: 1px solid #9a1069;
							color: #9a1069;
						}
						#container #inner #content .post .post-actions {
							color: #cccccc;
							display: block;
							float: right;
							line-height: normal;
							margin: 10px 0px 0px 0px;
						}
							#container #inner #content .post .post-actions a {
								border: none;
								color: #76024d;
								font-weight: bold;
							}
							#container #inner #content .post .post-actions a:hover {
								border-bottom: 1px solid #9a1069;
								color: #9a1069;
							}
		#container #inner #content #more-posts {
			
		}
			#container #inner #content #more-posts li {
				list-style: none;
			}