/*
Project: kmsm.ca
File: css/style.css
*/

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	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 {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

img {
	border:none;
}

blockquote {margin-left:25px;margin-bottom: 14px;font-size:14px;font-style:italic;line-height:18px;}

blockquote li {list-style:disc;}

a {text-decoration:none;color:#a60d1b;}
a:hover {text-decoration:underline;}

.wrapper {width:960px;}

#content h2, #content h3 {
	font-size:32px;
	line-height: 38px;
	
	
}

#content h2 a {
	-o-transition-duration: .66s;
	-o-transition-property: color;
	-webkit-transition-duration: .66s;
	-webkit-transition-property: color;
	color:#515151;
}

#content h2 a:hover {
	color:#a60d1b;
	text-decoration:none;
}

p {margin-bottom:14px;line-height:22px; font-size:16px; color:#302f2f;}

p a {font-weight:bold;}

strong {font-weight:bold;}
em {font-style:italic;}

/* Webfonts */

#navigation ul li, #lead-text, #lead-text-sub, .thumbnail-description, h2, #content h3, #sidebar-subscribe, input[type=submit], .post h4 {
	font-family: 'Chunk','chunk-1','chunk-2', arial;
	line-height: 140%;p { 
    }
}

/*  Main  */
body {
	font-size: 18px;
	background:#e5e6dc url(images/header.png) repeat-x;
 	font-family: Trebuchet MS;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 22px;
}

#wrapper {
	margin:0 auto;
	width:960px;
}

#header {
	width:960px;
	height:100px;
	margin-top:60px;
}

	#logo {
		width:316px;
		height:100px;
		display:inline;
		float:left;
		
	}
	
	#navigation {
		display:inline;
		float:right;
		text-align:right;
		margin-top:30px;
		
	}
		
		#navigation ul {
		}
		
		#navigation ul li {
			display:inline;
			list-style:none;
			font-size:30px;
			
		}
		
			#navigation li a {color:#b3b3b3;margin-left:20px;width;padding:10px 10px 12px 10px;
				-o-transition-duration: .66s;
			    -o-transition-property: color;
			    -webkit-transition-duration: .66s;
			    -webkit-transition-property: color;}
			#navigation li a:hover {color:#515151;text-decoration:none;}
			#navigation li:first-child {margin-left:0px;}
			#navigation .current_page_item a {color:#fff !important;background:#a60d1b;background-image: url(images/selector.png);background-position: 50% 100%;}

#lead-text {
	font-size:50px;
	color:#515151;
	text-align:center;
	margin-top:15px;
	text-shadow: 0 0 5px #cdcdcd;
}


#lead-text-sub {
	font-size:38px;
	color:#515151;
	text-align:left;
	margin-top:15px;
	border-bottom:1px solid #cfcfce;
	padding-bottom:15px;
	text-shadow: 0 0 5px #cdcdcd;
}

#thumbnails {
	margin-top:25px;
}

	.thumbnail {
		margin-left:16px;
		display:inline;
		width:296px;
		float:left;
		margin-bottom:30px;
	}
	
	.thumbnail a {color:#fff;display:block;}
	
	.thumbnail img, .gallery-item img {color:#5b93a4;text-decoration:none;    background-color: #dcdcdc;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    -o-transition-duration: .66s;
    -o-transition-property: color, background-color;
    -webkit-transition-duration: .66s;
    -webkit-transition-property: color, background;}
    
    .thumbnail img:hover, .gallery-item img:hover {color:#fff; background: #a60d1b;}
    
    .thumbnail-description {
    	color: #a60d1b;
    	font-size:24px;
    	margin-left:5px;
    }
    
    .thumbnail-link a {display:inherit;text-transform:uppercase;color:#6c6c6c;font-size:14px;margin-left:3px;}
    
#content {
	width:600px;
	padding:25px 25px 25px 0px;
	display:inline;
	float:left;
}

	#content p.intro {
		font-size: 18px;
		line-height: 24px;
	}
	
	#content span.dropcap {
		color:#A60D1B;
		display: inline;
		float: left;
		font-size: 3.2em;
		line-height: 0.4em;
		margin: 0px;
		padding: 0.25em 0.08em 0px 0px;
		text-transform: capitalize;
		font-family: 'Chunk','chunk-1','chunk-2', arial;
	}

.post {
	padding:25px 0px 4px 0px;
	border-bottom:1px solid #cfcfce;
	margin-bottom:25px;
}

.post:first-child {
	padding-top:0px;
}

.post h4 {color:#B3B3B3;
		font-size:24px;}
		
	.post img {padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    -o-transition-duration: .66s;
    -o-transition-property: color, background-color;
    -webkit-transition-duration: .66s;
    -webkit-transition-property: color, background;}
    
    .post img:hover {color:#fff; background: #a60d1b;}

	.post-description {
		font-style:italic;
		color:#878787;
		font-size:14px;
		margin-bottom:25px;
		margin-top:7px;
	}
	
		.post-description a, .content-navigation a {
			background-color: #dcdcdc;
		    padding: 5px;
		    -moz-border-radius: 6px;
		    -webkit-border-radius: 6px;
		    border-radius: 6px;   
		    -o-transition-duration: .66s;
		    -o-transition-property: color, background-color;
		    -webkit-transition-duration: .66s;
		    -webkit-transition-property: color, background;
		    font-weight:bold;
		    font-style:normal;
		}
		
		.post-description a:hover, .content-navigation a:hover {
			background-color: #a60d1b;
			color:#fff;
			text-decoration:none;
		}
		
		.content-navigation {margin-top:25px;
		}
		
		.below-post {
			padding:14px 0px 10px 0px;
			border-bottom:1px solid #cfcfce;
			border-top:1px solid #cfcfce;
			height:50px;
			margin-top:18px;
		}
		
			.below-post-wrap
		
				.the-author {
					display:inline;
					float:left;
					margin:4px 0px 0px 10px;
					color:#878787;
					font-weight:normal;
					line-height:18px;
				}
		
				.below-post img {display:inline;float:left;}
		
				.the-gravatar {
					display:inline;
					width:48px;
					height:48px;
				}

			.comment-more {
				float:right;
				font-weight:bold;
				margin-top:10px;
			}

	.read-more {
		float:left;
		font-weight:bold;
	}
	

.comments {
	padding:25px 0px 25px 0px;
}

	.comments h3, #reply-title {
		font-size:22px;
		color:#b3b3b3;
	}
	
	.comment {
		padding:10px 0 10px 0;
	}
		
		.comment-wrap {
			padding-left:25px;
			width:575px;
		}
	
		.comment-name {
			color:#a60d1b;
			text-transform:uppercase;
			font-weight:bold;
			font-size:16px;
		}
	
		.comment-time {
			font-size:14px;
			font-style:italic;
			color:#878787;
		}
	


#sidebar {
	width:308px;
	padding:25px 0px 25px 25px;
	border-left: 1px solid #cfcfce;
	display:inline;
	float:right;
}

	#sidebar h3 {
		font-weight:bold;
		font-size:24px;
		letter-spacing:6px;
		text-transform:uppercase;
		color:#b3b3b3;
		text-shadow: 0 0 1px #b6b0b0;
	}
	
	#sidebar h4 {
		font-weight:bold;
		font-size:14px;
		letter-spacing:4px;
		text-transform:uppercase;
		color:#b3b3b3;
		text-shadow: 0 0 1px #b6b0b0
	}
	
	#sidebar p {font-size:14px;line-height:18px;margin-top:14px;}
	
	#sidebar-col1 li, #sidebar-col2 li {
		font-size:14px;
		margin-bottom:12px;
		line-height:18px;
	}
	
	#sidebar-col1 li a, #sidebar-col2 li a {
		font-weight:bold;
	}
	
	#sidebar-col1 {
		width:142px;
		display:inline;
		float:left;
		padding-right:24px;
		padding-top:5px;
	}

	
	#sidebar-col2 {
		width:142px;
		display:inline;
		float:left;
		padding-top:5px;
	}

	#sidebar li {
		font-size:14px;
		color:#515151;
	}
	
		#sidebar li:last-child {
			margin-bottom:25px;
		}
	
		#sidebar li:first-child {
			margin-top:15px;
		}
		
	#sidebar-subscribe {
		
	}
		#sidebar-subscribe p {
			font-size:11px;
			letter-spacing:0px;
			text-transform:uppercase;
			color:#b3b3b3;
			font-family: Trebuchet MS;
			display:block;
			margin-top:-6px;
		}
	
		.subscribe-twitter, .subscribe-rss {
			width:142px;
			float:left;
			display:block;
		}
		.subscribe-twitter {
			margin-left:24px;
		}
	
		.subscribe-twitter a, .subscribe-rss a {
			color:#b3b3b3;
		}
		
		.subscribe-twitter .icon {
			background: transparent url(images/rss.png) no-repeat 0px -29px;
		}
		
		.subscribe-rss .icon {
			background: transparent url(images/rss.png) no-repeat 0px 0px;
		}
		
		.icon {
			display: block;
			float: left;
			height: 26px;
			margin: 5px 5px 0px 0px;
			text-indent: -9999px;
			width: 26px;
		}
		
		.subscribe-type a {
			-o-transition-duration: .66s;
		    -o-transition-property: color, background-color;
		    -webkit-transition-duration: .66s;
		    -webkit-transition-property: color, background;
		}
		
		.subscribe-type a:hover {
			color:#a60d1b;
			text-decoration:none;
		}

#footer-container { background:#2a0105 url(images/footer.png) 50% 0 repeat-x; margin:30px 0 0 0;
             bottom:0; left:0; width:100%;float:left;}

#footer {
	width:960px;
	padding:60px 0px 50px 0px;
	margin:0 auto;
}

	
	#footer-nav {
		display:inline;
		float:left;
	}

	#footer-nav ul li {
		display:inline;
		list-style:none;
		font-size:16px;
		color:#fff;
		margin-right:20px;
		text-transform:uppercase;
	}
	
	#footer-nav a {color:#fff;}
	
	#footer-logo {
		display:inline;
		float:right;
		background:url(images/footer-logo.jpg) no-repeat;
		width:94px;
		height:28px;
	}
	
	#footer-credits {
		font-size:11px;
		display:block;
		color:#fff;
	}
	
	#footer-credits a {
		color:#fff;
		text-decoration:underline;
	}
	
.syntaxhighlighter {
	font-size:12px !important;
}

/* Form styles */

input {
    width: 300px;
    height: 17px;
    padding: 5px 5px 4px 6px;
    margin: 5px 15px 0 0;
    vertical-align: middle;
    outline: 0;
    display:block;
}

label {
	font-weight:bold;
	color:#B3B3B3;
}

textarea {display:block; padding: 5px 5px 4px 6px;
    margin: 5px 15px 0 0;width:100%;}

input[type=submit] {
	width: 150px;
	height: 40px;
	line-height: 12px;
	color: white;
	text-decoration: none;
	font-size: 18px;
	display: block;
	text-align: center;
	position: relative;
	background: #640101;
	background: -moz-linear-gradient(top, #8e0d0d, #7a0c0c 50%, #710101 51%, #5c0000);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8e0e0e), color-stop(.5, #7a0c0c), color-stop(.5, #710101), to(#5c0000)); 
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 10px;
	 border: 1px solid #be3636;
	 border-top: 1px solid #dfc3c3;
	 text-shadow: 1px 1px 1px black;
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
}

input[type=submit]:hover {
	background: #014464;
	 	background: -moz-linear-gradient(top, #850c0c, #730b0b 50%, #690202 51%, #530000);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #850c0c), color-stop(.5, #730b0b), color-stop(.51, #690202), to(#530000));
}

input[type=submit]:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}

.required {
	color:#a60d1b;
}

.form-allowed-tags {
	display:none;
}

select {width:33%;}

.wpcf7 input {width:40%;}

.wpcf7 p {font-weight:bold;}

.wpcf7 input[type=submit] {width:150px;}

/* Gallery Syles */

.gallery-item {
	width:150px !important;
	margin-right:30px !important;
}