/*
Theme Name: k6 Media
Theme URI: http://k6media.ca/
Description: WP theme for k6 Media.
Version: 1.0
Author: Standard Media
Author URI: http://standardmedia.ca
*/

body, html, img, ul, ol, li, form, input, select, h1, h2, h3, p, blockquote {
	border: none;
	margin: 0;
	padding: 0;
}

body {
	-x-system-font: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	color: #fff;
	background: #1f1f1f url("images/body_bg.jpg") repeat-x top;
}

body.home {
	background-image: url("images/body-home_bg.jpg");
}

a {
	color: #ffb400;
	text-decoration: none;
}

a:hover {
	border-bottom: dotted 1px #444;
}

small {
	font-size: 90%;
	color: #666;
}

/*********************************************
	PAGE STRUCTURE
*/

#loading-portfolio {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url("images/loading.gif") no-repeat 34px 25px;
	display: inline;
	width: 100px;
	height: 35px;
	padding: 65px 0 0;
	margin: -50px 0 0 -50px;
	text-align: center;
	font-size: 11px;
	opacity: .75;
}

#page,
#footer .inner {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#content {
	width: 735px;
	float: right;
	padding: 20px 20px 0;
	background:  url("images/content_bg.png") no-repeat -235px 0;
	min-height: 400px;
}

.home #content {
	width: 100%;
	padding: 0;
	background: none;
}

#content.narrowcolumn {
	width: 490px;
	margin: 0 235px 0 0;
}

.single #content.narrowcolumn {
	padding-top: 74px;
}

#content.narrowcolumn.blog {
	padding-top: 110px;
}

#content.widecolumn {
	width: 760px;
	margin: 0 100px;
	background-position: -100px 0;
	padding-bottom: 20px;
	min-height: 0;
}

#sidebar {
	width: 235px;
	float: left;
}

#sidebar-extras {
	width: 192px;
	padding: 0 0 50px 23px;
}

#gutterbar {
	width: 190px;
	padding: 0 0 0 2px;
	position: absolute;
	top: 295px;
	right: 40px;
	background: url("images/gutterbar_bg.png") no-repeat top left;	
	min-height: 600px;
}

#sidebar-extras h4,
#gutterbar h4 {
	font-size: 16px;
	font-weight: normal;
	color: #f38d1a;
	margin: 15px 0;
	letter-spacing: -0.5px;
}

#gutterbar h4,
#gutterbar li ul {
	padding-left: 6px !important;
}

#sidebar-extras h5,
#gutterbar h5 {
	font-size: 13px;
	font-weight: normal;
	color: #767676;
	margin: -10px 0 10px;
	line-height: 115%;
}

#sidebar-extras .thumbs {
	margin-top: 15px;
}

#sidebar-extras li,
#gutterbar li {
	list-style: none;
}

#gutterbar li ul {
	color: #999;
}

#gutterbar li li {
	margin: 0 0 2px;
}

#gutterbar a.feed {
	font-size: 16px;
	background: #1c1c1c url("images/feed-icon-14x14.png") no-repeat 8px 8px;
	padding: 5px 5px 5px 28px;
	margin: 0 0 0 6px;
	display: block;
	border: none;
}

/*********************************************
	HEADER
*/

#header {
	height: 168px;
	text-align: center;
	background: url("images/header_bg.jpg") no-repeat top center;
	position: relative;
}

#header h1 {
	width: 248px;
	height: 168px;
	background: url("images/header_logo_bg.jpg") no-repeat top center;
	margin: 0 auto;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	height: 100%;
	border: none;
}

#header .description {
	text-indent: -9999px;
}

/*********************************************
	MAIN MENU
*/

.mainmenu {
	width: 386px;
	height: 27px;
	position: absolute;
	top: 91px;
}

.mainmenu.left {
	background: url("images/mainmenu_left.gif") no-repeat;
	left: 0;
}

.mainmenu.right {
	background: url("images/mainmenu_right.gif") no-repeat;
	left: 614px;
}

.mainmenu li {
	list-style: none;
	position: absolute;
	top: 0;
	height: 27px;
	display: block;
}
	
.mainmenu li a {
	height: 27px;
	display: block;
	outline: none;
}

.mainmenu li a:hover {
	border: none;
}

#mainmenu-home 		{ left: 174px; width: 55px; }
#mainmenu-services 	{ left: 229px; width: 72px; }
#mainmenu-portfolio	{ left: 301px; width: 85px; }
#mainmenu-request	{ left: 0px; width: 125px; }
#mainmenu-contact	{ left: 125px; width: 72px; }
#mainmenu-blog		{ left: 197px; width: 49px; }

#mainmenu-home A:hover 		{ background: url("images/mainmenu_left.gif") -174px -27px no-repeat; 	}
#mainmenu-services A:hover 	{ background: url("images/mainmenu_left.gif") -229px -27px no-repeat; 	}
#mainmenu-portfolio A:hover 	{ background: url("images/mainmenu_left.gif") -301px -27px no-repeat; 	}
#mainmenu-request A:hover 	{ background: url("images/mainmenu_right.gif") -0px -27px no-repeat; 	}
#mainmenu-contact A:hover 	{ background: url("images/mainmenu_right.gif") -125px -27px no-repeat; 	}
#mainmenu-blog A:hover 		{ background: url("images/mainmenu_right.gif") -197px -27px no-repeat; 	}

#mainmenu-home.selected, #mainmenu-home.selected A:hover 		
{ background: url("images/mainmenu_left.gif") -174px -54px no-repeat; 	}
#mainmenu-services.selected, #mainmenu-services.selected A:hover	
{ background: url("images/mainmenu_left.gif") -229px -54px no-repeat; 	}
#mainmenu-portfolio.selected, #mainmenu-portfolio.selected A:hover 		
{ background: url("images/mainmenu_left.gif") -301px -54px no-repeat; 	}
#mainmenu-request.selected, #mainmenu-request.selected A:hover	
{ background: url("images/mainmenu_right.gif") -0px -54px no-repeat; 	}
#mainmenu-contact.selected, #mainmenu-contact.selected A:hover		
{ background: url("images/mainmenu_right.gif") -125px -54px no-repeat; 	}
#mainmenu-blog.selected, #mainmenu-blog.selected A:hover	
{ background: url("images/mainmenu_right.gif") -197px -54px no-repeat; 	}


/*********************************************
	UTILITY
*/

#utility {
	position: absolute;
	right: 15px;
	top: 0;
	list-style: none;
	overflow: hidden;
}

#utility li {
	float: left;
	margin: 0 2px 0 0;
}

#utility li a {
	display: block;
	width: 102px;
	height: 28px;
	margin: 0 0 5px;
	text-indent: -9999px;
	border: none;
}

#utility li a:hover {
	height: 33px;
	margin-bottom: 0;
}

#client-login {
	background: url("images/utility_client-login.gif") no-repeat bottom left;
}

#file-upload {
	background: url("images/utility_file-upload.gif") no-repeat bottom left;
}

/*********************************************
	HERO
*/

#hero {
	width: 1000px;
	height: 282px;
	background: #000;
}

#hero .footer {
	background: none;
	font-size: 150%;
}

#hero #logo-tab {
	width: 241px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 380px;
	background: url("images/logo_tab.png") no-repeat;
}

.home #services {
	height: 250px;
	width: 1000px;
	list-style: none;
	background: url("images/services_bg.jpg") no-repeat top left;	
	padding: 41px 0 0 0;
	overflow: hidden;
}

.home #services li {
	width: 235px;
	height: 229px;
	margin: 0 0 0 20px;
	float: left;
}

.home #services li a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

.home #services .vehicle {
	margin-left: 0;
	background: url("images/services-vehicle.jpg") no-repeat;
}

.home #services .window {
	background: url("images/services-window.jpg") no-repeat;
}

.home #services .wall {
	background: url("images/services-wall.jpg") no-repeat;
}

.home #services .signs {
	background: url("images/services-signs.jpg") no-repeat;
}

.home .page {
	width: 490px;
	float: left;
	margin: 0 20px 0 0;
}

/*********************************************
	CONTACT FORM
*/

OL.form,
.page .entry OL.form {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

OL.form LI {
	overflow: hidden;
	border-bottom: solid 1px #181818;
	padding: 4px 0;
	margin: 0 !important;
}

OL.form LI LABEL {
	display: block;
	float: left;
	width: 110px;
	text-align: right;
	font-size: 90%;
	margin: 5px 10px 0 0;
	color: #999;
	line-height: 125%;
}

OL.form LI LABEL EM {
	font-style: normal;
	color: #f00;
}

OL.form LI INPUT {
	width: 200px;
}

OL.form LI DIV.value {
	padding: 3px 0 0;
}

OL.form LI SMALL {
	display: block;
	clear: left;
	margin: 3px 0 0 120px;
	font-family: verdana, arial, Helvetica;
	font-size: 90%;
	color: #999;
}

OL.form LI.short INPUT {
	width: 120px;
}

OL.form LI TEXTAREA {
	width: 90%;
}

OL.form LI INPUT,
OL.form LI TEXTAREA,
OL.form LI SELECT {
	background: #333;
	padding: 2px;
	border-right: solid 1px #555;
	border-bottom: solid 1px #555;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	color: #fff;
}

OL.form LI.radio LABEL,
OL.form LI.textarea LABEL {
	float: left;
	width: 90%;
	text-align: left;
	margin: 8px 0;
}

OL.form LI.radio INPUT {
	width: auto;
	border: none;
	background: none;
	padding: 0;
}

OL.form LI.radio SPAN,
OL.form LI.captcha {
	padding: 0 0 0 120px;
}

OL.form LI.captcha IMG {
	margin: 3px 0 0;
}

OL.form LI.radio SPAN SPAN {
	padding: 0;
}

OL.form LI.submit {
	padding: 15px 0 0 120px;
	border: none;
}

OL.form LI.submit INPUT,
#login #submit {
	background: #ffb400;
	padding: 4px;
	border-left: double 3px #ffd369;
	border-top: double 3px #ffd369;
	border-bottom: double 3px #8f680b;
	border-right: double 3px #8f680b;
	color: #fff;
	width: auto;
	font-size: 100%;
}

OL.form LI.submit INPUT.image {
	background: none;
	padding: 0;
	border: none;
}

OL.form LI .wpcf7-not-valid-tip {
	color: #c00;
	top: -5px;
	left: 105%;
}

/*********************************************
	SIDEBAR
*/

#sidebar.children {
	background: url("images/sidebar_bg.png") no-repeat 176px 150px;
	min-height: 600px;
}

#sidebar .pages {
	background: url("images/sidebar_pages_bot.png") no-repeat bottom left;
	padding: 0 0 32px;
}

#sidebar .pages ul {
	background: url("images/sidebar_pages_bg.png") no-repeat top left;
	margin: 45px 0 0;
	padding: 32px 0 0;
	list-style: none;
}

#sidebar .pages ul li {
	font-size: 17px;
	padding: 0 0 0 20px;
}

#sidebar .pages ul li a {
	display: block;
	padding: 6px 15px 6px 0;
	width: 200px;
	background: url("images/sidebar_pages_li_bg.png") no-repeat bottom right;
	color: #f38d1a;
	border: none;
	outline: none;
}

#sidebar .pages ul li a:hover {
	color: #ffb400;
}

#sidebar .pages ul li.last a {
	background: none;
}

#sidebar .pages ul li.current_page_item {
	background: url("images/sidebar_pages_current_bg.png") no-repeat left;
}

#sidebar .pages ul li.current_page_item a,
#sidebar .pages ul li.current_page_item a:hover {
	color: #fff;
}

#sidebar .blog {
	background: url("images/blog_sidebar_bg.gif") no-repeat top left;
	margin: 30px 0 0;
	padding: 0 10px 20px 40px;
	list-style: none;
}

#sidebar .blog h3,
#gutterbar h4 {
	color: #666;
	font-size: 15px;
	font-weight: normal;
	margin: 0 -10px 6px 0;
	padding: 0 0 2px;
	border-bottom: solid 1px #282828;
}

#sidebar .blog li,
#gutterbar li {
	margin: 0 0 20px;
	font-size: 90%;
	color: #aaa;
}

#sidebar .blog li li {
	margin: 0 0 3px;
	list-style: none;
}

#sidebar .blog li.bloglink a {
	display: block;
	height: 120px;
	margin: 0 -10px 0 -40px;
	text-indent: -9999px;
	border: none;
}

#sidebar .blog li.categories li {
	color: #444;
}

/*********************************************
	POSTS
*/

.entry {
	line-height: 150%;
	color: #ddd;
}

.entry h2 {
	color: #ffb400;
	font-weight: normal;
	font-size: 190%;
	line-height: 112%;
	letter-spacing: -0.5px;
	margin: 20px 0 10px;
}

.home .entry h2 {
	color: #858585;
	margin: 15px 0 20px;
	font-weight: normal;
	font-size: 240%;
	letter-spacing: -1px;
}

h2.pagetitle {
	margin: 20px 0 35px;
	font-size: 27px;
	font-weight: normal;
	color: #ffb400;
}

.entry h3 {
	color: #666;
	font-weight: normal;
	font-size: 150%; 
	line-height: 112%;
	margin: 15px 0 10px;
	clear: both;
}

.entry h4 {
	color: #999;
	font-weight: bold;
	font-size: 125%; 
	line-height: 112%;
	margin: 15px 0 10px;
	clear: both;
}

.entry p {
	margin: 0 0 10px;
}

.entry ul {
	margin: 20px 0;
	padding: 0 0 0 30px;
	color: #ab9163;
	line-height: 125%;
}

.entry ul li {
	margin: 0 0 7px;
}

.entry ul strong {
	color: #ddd;
}

.content-header {
	width: 765px;
	height: 255px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 20px -255px 13px -20px;
}

/*********************************************
	BLOG POSTS
*/

.post {
	margin: 0 0 20px;
}

.post h2 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -0.5px;
}

.post p.author {
	font-size: 90%;
	color: #999;
	margin: 0 0 7px;
}

.post p.postmetadata {
	font-size: 90%;
	color: #999;
	background: #1c1c1c;
	border-bottom: solid 5px #222;
	padding: 8px 10px;
	line-height: 120%;
}

.blog .post p.postmetadata {
	text-align: right;
	padding: 4px;
}

.post p.postmetadata .comments {
	background: url("images/comment_icon.png") no-repeat left;
	padding: 0 0 0 17px;
	margin: 0 10px 0 15px;
}

.navigation {
	margin: 35px 0;
}

/*********************************************
	COMMENTS
*/

#respond h3,
#comments {
	font-size: 20px;
	font-weight: normal;
	color: #999;
	letter-spacing: -0.5px;
	margin: 0 0 10px;
}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform #comment {
	background: #1c1c1c;
	border-bottom: solid 1px #222;
	border-right: solid 1px #222;
	border-left: solid 1px #111;
	border-top: solid 1px #111;
	color: #666;
	padding: 4px;
	margin: 5px 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;	
}

#commentform #comment {
	width: 90%;
	height: 80px;
}

#commentform #submit {
	background: #FEB300;
	border-top: double 3px #fff;
	border-left: double 3px #fff;
	border-bottom: double 3px #cc9102;
	border-right: double 3px #a75e00;	
	margin: 15px 0;
	padding: 5px;
}

OL.commentlist {
	list-style: none;
	margin: 0 0 15px -25px;
}

OL.commentlist LI {
	background: url("images/comment_bkg.gif") no-repeat top left;
	padding: 0 0 20px 25px;
	overflow: hidden;
}

OL.commentlist LI.alt {
	//
}

OL.commentlist LI CITE {
	font-style: normal;
}

OL.commentlist LI .comment-author {
	font-size: 90%;
	color: #666;
}

OL.commentlist LI .commentmetadata {
	margin: 0 0 5px;
}

OL.commentlist LI .commentmetadata A {
	font-size: 90%;
}

OL.commentlist LI .commentbody {
	padding: 5px 0;
	line-height: 125%;
	overflow: hidden;
}

OL.commentlist LI .avatar {
	float: left;
	background: #222;
	padding: 3px;
	margin: 0 13px 7px 0;
}

/*********************************************
	PORTFOLIO STUFF
*/

.breadcrumb {
	list-style: none;
	overflow: hidden;
	margin: 0 0 10px;
}

.breadcrumb li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 5px 0 0;
	background: url("images/breadcrumb_arrow.gif") no-repeat right;
	color: #666;
}

.breadcrumb li.last {
	background: none;
}

h3.subtitle {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.5px;
}

.home #portfolio-tabs {
	width: 490px;
	float: left;
}

.tabs {
	list-style: none;
	overflow: hidden;
}

.tabs li {
	float: left;	
}

.tabs li a {
	background: #181818 url("images/tab_topleft_content.gif") no-repeat top left;
	margin: 0 2px 0 0;
	color: #535353;
	text-decoration: none;
	font-size: 100%;
	display: block;
	border: none;
	outline: none;
}

.home .tabs li a {
	background-image: url("images/tab_topleft.gif");
}

.tabs li a span {
	background: url("images/tab_topright_content.gif") no-repeat top right;
	padding: 6px 10px 3px;
	display: block;
}

.home .tabs li a span {
	background-image: url("images/tab_topright.gif");
}

.tabs li.selected a,
.tabs li.selected a:hover {
	background-color: #000;
	color: #fff;
}

.tabs li a:hover {
	background-color: #111;
	color: #999;
}

.thumbholder {
	padding: 17px 0 1px 16px;
	background: #000;
	color: #555;
}

.home .thumbholder {
	padding: 16px 0 12px 14px;
}

.thumbholder a {
	font-size: 130%;
}

.thumbs {
	overflow: hidden;
	list-style: none;
}

.thumbs li,
.home .thumbs li {
	float: left;
	margin: 0 14px 14px 0;
	list-style: none;
}

.thumbs li {
	margin: 0 13px 13px 0;
}

.thumbs li a {
	border: none;
}

.thumbs li a img,
#portfolio-photos li .thumb img {
	border: solid 3px #fff;
	width: 75px;
	height: 75px;
}

.thumbs li a:hover img,
#portfolio-photos li .thumb:hover img {
	border-color: #ffb400;
}

#portfolio-sections,
#portfolio-photos {
	list-style: none;
	overflow: hidden;
}

#portfolio-photos li {
	float: left;
	width: 230px;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#portfolio-photos li .thumb {
	float: left;
	margin: 0 6px 0 0;
	border: none;
}

#portfolio-photos li .thumb img {
	width: 75px;
	height: 75px;
}

#portfolio-photos li .title {
	color: #aaa;
	font-size: 15px;
	line-height: 110%;
	margin: 5px 0;
}

#portfolio-photos li .count {
	font-size: 90%;
	color: #666;
}

#portfolio-sections li  {
	float: left;
	width: 189px;
	margin: 15px 32px 15px;
	overflow: hidden;
}

#portfolio-sections li .thumb {
	border: none;
}

#portfolio-sections li .thumb img {
	border: solid 5px #fff;
}

#portfolio-sections li .thumb:hover img {
	border-color: #ffb400;
}

#portfolio-sections li .title {
	font-size: 15px;
	line-height: 110%;
	margin: 3px 0 0 5px;
}

#portfolio-sections li .count {
	font-size: 90%;
	color: #666;
	margin: 0 0 0 5px;
}

/*********************************************
	FOOTER
*/

#footer {
	background: #181818;
	border-top: solid 1px #151515;
	margin-top: 70px;
	padding: 10px 0 110px;
	font-size: 90%;
	color: #666;
}

#footer a {
	color: #999;
}

#footer .inner {
	overflow: visible;
}

#footer .call {
	float: right;
	display: block;
	width: 176px;
	height: 176px;
	background: url("images/footer_call.gif") no-repeat;
	margin-top: -77px;
	border: none;
}

#footer p {
	width: 800px;
	float: left;
}