/*
Theme Name: SFN Design
Theme URI: http://www.curtismchale.ca
Description: Theme for SFN Design site 2009
Version: 1 (WP2.6.x - 2.7)
Author: Curtis McHale
Author URI: http://www.curtismchale.ca
Tags: brown, tabs, 
*/

@import "style/css/cforms-styles.css";

/* hard reset */

	*{padding:0; margin: 0;}
	p, *{font-size:1em;}
	a{text-decoration:none; outline:none;}
	img{border:none;}
	table{ border-collapse:collapse; border-spacing:0 }
	.wp-caption{border: none; padding:0; margin:0;}
	.wp-caption-text{display:none;}
	
/* end hard reset */

/* Wordpress wide styles */

	/* font styles */
	body {font-family:Tahoma, Geneva, sans-serif;}

	/* alignment styles */
	.aligncenter{display:block; margin:0 auto;}
	.alignleft{float:left}
	.alignright{float:right}
	img.centered{display:block; margin-left:auto; margin-right:auto;}
	img.alignright{padding:4px; margin:0 0 2px 7px; display:inline;}
	img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline;}

	/* layout styles */
	.clear{clear:both;}
	.noshow{display:none;}
	.no-list{list-style-type:none;}
	
	/* png hack */
	img, div, body{behavior: url(/wp-content/themes/sfn-design/style/png-hack/iepngfix.htc);}

	
	/* heading styles */
	h1 {}
	h2 {}
	h3 {}
	
	
	/* code formatting */
	code{padding:10px; margin:0 0 0 10px;}

/* end Wordpress wide default style */

/* Design layout styles */

	body{background:#FFF;}
	#content-container, #page-content-container{width:1024px; margin:0 auto;}
	
	
	
	/* header */
	#head-container{background:url(style/images/header-background.png) repeat-x; height:109px;}
	
	h1.title{float:left;}
	
	/* title switch styles */
	body.Home h1.title-blog,
	body.Portfolio h1.title-blog,
	body.Services h1.title-blog,
	body.About h1.title-blog,
	body.Contact h1.title-blog,
	body.bc-web-design h1.title-blog,
	body.chilliwack-web-design h1.title-blog,
	body.fv-web-design h1.title-blog,
	body.lower-web-design h1.title-blog{display:none;}
	
	body.Home h1.title-pages,
	body.Portfolio h1.title-pages,
	body.Services h1.title-pages,
	body.About h1.title-pages,
	body.Contact h1.title-pages,
	body.bc-web-design h1.title-pages,
	body.chilliwack-web-design h1.title-pages,
	body.fv-web-design h1.title-pages,
	body.lower-web-design h1.title-pages{display:inline;}	
	
	
			
		/* css sprites navigation */ 
		ul#main-navigation{float:right; list-style-type:none;}
		ul#main-navigation li{display:inline;}
		ul#main-navigation li a{text-indent:-9999px; display:block; height:89px; float:left;}
			ul#main-navigation li a.home{background:url(style/images/home-combined.png) no-repeat bottom center; width: 61px;}
			ul#main-navigation li a.portfolio{background:url(style/images/portfolio-combined.png) no-repeat bottom center; width: 71px;}
			ul#main-navigation li a.services{background:url(style/images/services-combined.png) no-repeat bottom center; width: 69px;}
			ul#main-navigation li a.about{background:url(style/images/about-combined.png) no-repeat bottom center; width: 57px;}
			ul#main-navigation li a.contact{background:url(style/images/contact-combined.png) no-repeat bottom center; width: 70px;}
			ul#main-navigation li a.blog{background:url(style/images/blog-combined.png) no-repeat top center; width: 54px;}
			
			/* hover effect css-sprites nav */
			ul#main-navigation li a.home:hover,
			ul#main-navigation li a.portfolio:hover,
			ul#main-navigation li a.services:hover,
			ul#main-navigation li a.about:hover,
			ul#main-navigation li a.contact:hover{background-position: center center;}
		
			/* active effect css-sprites nav */
			body.Home ul#main-navigation li a.home,
			body.abbotsford-web-design ul#main-navigation li a.home,
			body.bc-web-design ul#main-navigation li a.home,
			body.chilliwack-web-design ul#main-navigation li a.home,
			body.fv-web-design ul#main-navigation li a.home,
			body.lower-web-design ul#main-navigation li a.home{background-position: top;}
			
			body.Portfolio ul#main-navigation li a.portfolio{background-position:top;}
			body.Services ul#main-navigation li a.services{background-position:top;}
			body.About ul#main-navigation li a.about{background-position:top;}
			body.Contact ul#main-navigation li a.contact{background-position:top;}
			
			/* special styling for the blog tab */
			body.Home ul#main-navigation li a.blog,
			body.Portfolio ul#main-navigation li a.blog,
			body.Services ul#main-navigation li a.blog,
			body.About ul#main-navigation li a.blog,
			body.Contact ul#main-navigation li a.blog,
			body.abbotsford-web-design ul#main-navigation li a.blog,
			body.bc-web-design ul#main-navigation li a.blog,
			body.chilliwack-web-design ul#main-navigation li a.blog,
			body.fv-web-design ul#main-navigation li a.blog,
			body.lower-web-design ul#main-navigation li a.blog{background-position:bottom;}
			
			body.Home ul#main-navigation li a.blog:hover,
			body.Portfolio ul#main-navigation li a.blog:hover,
			body.Services ul#main-navigation li a.blog:hover,
			body.About ul#main-navigation li a.blog:hover,
			body.Contact ul#main-navigation li a.blog:hover,
			body.abbotsford-web-design ul#main-navigation li a.blog:hover,
			body.bc-web-design ul#main-navigation li a.blog:hover,
			body.chilliwack-web-design ul#main-navigation li a.blog:hover,
			body.fv-web-design ul#main-navigation li a.blog:hover,
			body.lower-web-design ul#main-navigation li a.blog:hover{background-position:center;}
			
			body main-navigation li a.blog:hover{background-position:center;}
			
			ul#main-navigation li.current-page-item a.blog{border:none;}
			
			/* secondary navigation */
			.second-nav{font-size:11px; padding:0 0 20px 0; display:block; list-style-type:none;}
			.second-nav li{float:left; padding:5px; margin: 0 5px;}
			.second-nav li a, .second-nav li a:visited{color:#FFF;}
			.second-nav li.current_page_item a, .second-nav li a:hover{border-bottom:3px solid #8c693e;}
			ul ul.second-nav li a{color:#000;}

	/* main content area */
	.main-content{padding: 10px 10px; width:1024px;}
		
		div#main-content-container{float:left; width: 550px; padding: 10px;}
		div.page div#main-content-container{width:700px;}
		div.page div#sidebar-container{width: 280px;}
		div.index div#post-info{display:none;}
		
	
	/* left sidebar */
	div#left-sidebar-container{float:left; width:200px; font-size:12px; padding:10px; border-right:1px solid #8c693e; margin: 0 0 5px 0;}
	div#left-sidebar-container div#post-info{margin: 30px 0 200px 0; text-align:right; font-family:Georgia, "Times New Roman", Times, serif;}
	ul#sidebar-list li{list-style-type:none;}
	#left-sidebar-container ul li a{color:#000; display:block; padding:2px 5px; text-decoration:none;}
	#left-sidebar-container ul li a:hover {background:#a79a8a;}
	
	#twittery-stuff{margin: 0 0 20px 0;}
	#twittery-stuff ul{list-style-type:none;}
	#twittery-stuff ul li{padding:5px 0;}
	#twittery-stuff ul li a:hover{background:none;}
	
	/* right sidebar */
	div#sidebar-container{float:left; border-left:1px solid #8c693e; width:200px; padding:10px; font-size:12px;background:url(/wp-content/themes/sfn-design/style/images/main-content-circles.png) top right no-repeat;}
	div#sidebar-container h2{padding: 2px 0 0 0; font-size:12px}
	div#sidebar-container ul#sidebar-list ul{border-bottom:1px solid #8c693e;  padding:10px 0; margin:0;}
	div#sidebar-container ul#sidebar-list ul li a{color:#000; display:block; padding: 2px 5px; text-decoration:none;}
	div#sidebar-container ul#sidebar-list ul li a:hover, div#sidebar-container ul#sidebar-list ul li.current-cat a{background:#a79a8a;}
	
	/* search */
	#searchsubmit{border: 1px solid #8c693e; background:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:1px;}
	input#s{-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; width:120px;}
	input#s:hover, input#s:active, input#s:focus{color:#FFF; background:#a79a8a;}
	#searchsubmit:hover{background:#a79a8a;}
	#searchform{padding:0; margin:0;}
	
	#searchform{margin:0px 0px 10px 0px;}
		
	/* footer */
	#footer-container{background:url(style/images/footer-background.png) repeat-x #46341f; padding: 20px 0;}
	#footer-container a, #footer-container a:visited{color:#FFF; text-decoration:underline;}
	#footer-container a:hover, #footer-container a:active{color:#900;}
	#footer-column1, #footer-column2{color:#FFF; font-size:12px;}
	#footer-container ul, #footer-container ol, #footer-container dd{list-style-type:none;}
	
		/* column 1 */
		#footer-column1{float:left; width:500px;}
		
		/* column 2 */
		#footer-column2{float:right; width:500px; background:url(style/images/footer-circles.png) no-repeat right;}
		#footer-column2 .powered{color:#a79a8a; text-align:right; margin:10px 0 0 0;}
		.copyright{text-align:right; margin:10px 0 0 0; color:#a79a8a;}
	
	/* comments */
	textarea#comment{width:530px;;}
	h3#comments{margin: 5px 0;}
	.comment li{padding: 20px; font-size:12px; background:#CCC; border:1px solid #333;}
		.comment li p{margin:8px 0;}
	.comment li a, .comment li a:visited{color:#000; text-decoration:underline;}
	.comment li a:hover, .comment li a:active{color:#900;}
	.comment li.alt{background:#D1D9E8;}
	p.comment{margin:5px 0;}
	p.comment a{text-decoration:underline; padding:2px; color:#000;}
	p.comment a:hover, p.comment a:active{background:none; text-decoration:none; color:#900;}
	
	div#comment-entry ul.entry li{padding:5px 0;}
	div#comment-entry {font-size:12px;}
	div#comment-entry .required{color:#900;}
	div#comment-entry p{font-size:10px;}
	
	/* trackbacks */
	#trackback h3{margin:10px 0 5px 0;}
	#trackback li{font-size:10px;}
	
/* end Design layout styles */

/* Post & Page styles */
	.post {font-size:14px; margin:10px 0;}
	.post p{margin: 8px 0;}
	.post a, .post a:visited, div#post-info p a, div#post-info p a:visited, .archive a, .archive a:visited, #twittery-stuff a{text-decoration:underline; padding:2px; color:#000;}
	.post a:hover, div#post-info p a:hover, .archive a:hover, .archive a:focus, #twittery-stuff a:hover, #twittery-stuff a:active{background:none; text-decoration:none; color:#900;}	
	.post-tags{font-size:10px;}
	.post h2, .archive h3{font-size: 18px;}
	.post img{margin:5px;}
	
	/* thumbnail */
	.wp-post-image{float:left;}
	
	/* single posts */
	.single h2{margin:0 0 10px 0;}

	/* blockquote */
	blockquote{width:450px; padding:5px 10px; margin-left:auto; margin-right:auto; margin-top: 10px; margin-bottom:10px; background:url(/wp-content/themes/sfn-design/style/images/close-quote.png) bottom right no-repeat #a79a8a;}
	blockquote p{padding:0 25px;}
	blockquote p:first-child{background:url(/wp-content/themes/sfn-design/style/images/open-quote.png) top left no-repeat;}
	
	.divider{margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; width:80%; color:#8c693e;}
	.tags{font-size:10px;}
	.post-tags{margin: 2px 0 10px 0;}
	
	/* archive specific styling */
	.post-date{font-size:10px; padding: 5px 10px; font-family:Georgia, "Times New Roman", Times;}
	.archive h2{text-align:right; font-size: 14px;}

	/*  list items ul, li, ol, dd, dt, dl */
	div.post ul, div.post ol, div.post dl{margin: 10px 0 10px 20px;}
	div.post ul ul, div.post ol ol, div.post ul ol, div.post ol ul{margin: 0 0 0 20px;}
	.post li{padding:10px 0 2px 0;}
	
	/* table styles */

/* end Post & Page styles */