/*
Theme Name: One08 Interactive Media
Theme URI: http://www.one08.ca/
Description: Custom wordpress theme created by <a href="http://www.one08.ca">One08 Interactive Media</a>.
Version: 1.0
Author: One08 Interactive Media
Author URI: http://www.one08.ca/
Tags: Custom

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin:0;
	padding:0;
	list-style-position:inside;
}
li{
	display:compact;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p{ line-height:13px; margin-bottom:15px;}
h4{ font-size:12px; margin-left:28px; margin-bottom:10px;}
.post_body h4{margin-bottom:5px;}
.post_body h3{margin-left:28px;}
h2{font-size:12px;}
a{color:#666; text-decoration:none;} 
a:visited{ color:#9a9a9a;}
a:hover{color:#333;}
.normal{ font-weight:normal;}
#wrapper{ background:url(images/one08_bg.jpg) no-repeat; width:950px; height:371px; margin:auto;}
body{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
/*letter-spacing:.5px;*/
margin:0px;
padding:0px;
}

.logo{ padding:25px 0px 0px 27px; float:left;}
.banner{ background:url(images/promo.png) no-repeat -2px 0px; width:915px; height:298px; margin-bottom:10px;}
.banner_inner img{ margin:0px 0px 0px 0px;}
#banner_inner{position:relative; float:left; width:899px; height:282px;margin:8px 6px 8px 6px;}

.sml_box{ width:277px; margin:10px;}
.sml_box ul,.lrg_box ul{ font-weight:bold; margin:0px 0px 10px 28px;}
.nav_footer li{ display:inline; font-size:11px; font-weight:bold;}
.sml_box img{ margin:0px 23px 10px -5px; float:left}
.sub{width:50%; float:left;}
li{ margin:2px 0px; padding:0px 0px;}
.ml{ margin-left:20px;}
.mt{ padding-top:10px;}
.mb{ padding-bottom:10px}
.sml_box p,.lrg_box p, .sml_box h2{ margin:5px 20px 10px 28px }
.lrg_box{ width:580px; margin:10px; }
.left{ float:left}
.right{float:right}
.contact_info li{ text-align:right;}
.contact_info{ margin-right:25px;}
#footer{ color:#9a9a9a}
#footer .nav_footer{ padding-left:30px;}
.nav_footer a:visited{color:#666}
.col p{ margin:10px 28px 10px 28px;}
.dots{border-right:dotted 1px #ccc}
.bottom_dots {border-bottom:dotted 1px #ccc;}
.col-posts{ border:solid 1px #CCC; float:left; }

#navigation{ float:right; padding:65px 25px 0px 0px;}
.btn,.disable{color:transparent; cursor:pointer; }
a.btn,.disable { text-indent:-9999px; display:block;  }
.btn:hover,  a:hover{ background-position:0 100%;}
a:hover.disable,.btn:hover.disable { background-position:0 100%}

.current{background-position:0 100%;}
input{ border:none;}

.nav {width: 268px;height: 33px;position: relative;}
.nav ul,li{ list-style:none;}
.nav li a {position: absolute;top: 0; height: 33px; background: url(images/navigation.gif) no-repeat;}

li a.about {left: 0;width: 60px;background-position: 0 0;}
li a.services {left: 60px;width:60px;background-position: -58px 0px;}
li a.work {left: 120px;width:65px;background-position: -120px 0px;}
li a.blog {left: 185px;width:41px;background-position: -185px 0px;}
li a.contact {left: 225px;width:55px;background-position: -225px 0px;}


li.current a.about,a:hover.about {background-position: 0 -33px;}
li.current a.services,a:hover.services{background-position: -58px -33px;}
li.current a.work,a:hover.work{background-position: -120px -33px;}
li.current a.blog,a:hover.blog{background-position: -185px -33px;}
li.current a.contact,a:hover.contact{background-position: -225px -33px;}

.post{ margin-left:28px; margin-bottom:15px; margin-top:0px;}
.article{ margin-bottom:20px;}
#content{ width:915px; padding:10px 15px 25px 25px}
.col{width:889px; border:solid 1px #CCC; padding:10px; margin-bottom:10px; float:left;}
.col-1-2-top{ background:url(images/1-2_top_bg.gif) no-repeat; height:2px; width:915px;}
.col-1-2-mid{ background:url(images/1-2_mid_bg.gif) repeat-y; width:915px;}
.col-1-2-bot{ background:url(images/1-2_btm_bg.gif) no-repeat; height:2px;width:915px;}

.col-2-1-top{ background:url(images/2-1_top_bg.gif) no-repeat; height:2px; width:915px;}
.col-2-1-mid{ background:url(images/2-1_mid_bg.gif) repeat-y; width:915px;}
.col-2-1-bot{ background:url(images/2-1_btm_bg.gif) no-repeat; height:2px;width:915px;}

.col-3-top{ background:url(images/1-1-1_top_bg.gif) no-repeat; height:2px;width:915px;}
.col-3-mid{ background:url(images/1-1-1_mid_bg.gif) repeat-y; width:915px;}
.col-3-bot{ background:url(images/1-1-1_btm_bg.gif) no-repeat; height:2px;width:915px;}

.bg_dark{ background-color:#999; color:#FFF; font-weight:bold; padding:3px; width:200px;}
.bg_light{background-color:#e5e5e5; padding:3px;width:200px;}
/*Titles*/
.sprite{ background:url(images/titles.gif) no-repeat; height:20px; text-indent:-9999px; display:block; margin:10px 0px 10px 0px;}
.what_we_are_about{width:175px;}
.latest_work{ background-position:0 -20px; width:150px;}
.talk_to_us{ background-position:0 -40px; width:150px;}
.our_clients{ background-position:0 -60px;}
.one08_services{ background-position:0 -80px;}
.roadawarness{ background-position:0 -100px;}
.creative_services{ background-position:0 -120px;}
.programming_services{ background-position:0 -140px;}
.rantings{ background-position:0 -160px;}
.blog_entries{ background-position:0 -180px;}
.quick_contact{ background-position:0 -200px;}
.specific_contact{ background-position:0 -220px;}
.general_inquires{ background-position:0 -240px;}
.one08_work{ background-position:0 -260px;}
.sapp{ background-position:0 -280px; margin-bottom:0px;}
.chris{ background-position:0 -300px; margin-bottom:0px;}
.david{ background-position:0 -320px; margin-bottom:0px;}
.about{ background-position:0 -340px;}
.inity{ background-position:0 -360px;}
.larchmont {background-position: 0 -380px;}
/*End Titles*/
/*Misc Content*/
.content_box .title{padding:0px 0px 5px 0px;}
.content_box{padding:0px 0px 2px 0px;}
/*End Misc Content*/
/*Contact Form*/
.contact_form {width:250px; height:auto; padding:2px 0px 0px 30px;}
.contact_form .form_element_title{padding:0px 0px 0px 0px;}
.contact_form .form_element{padding:5px 0px 10px 0px;}
.contact_form input{outline:none; width:220px; border:solid; border-color:#cccccc; border-width:1px;}
.contact_form input[type=submit]{cursor:pointer; width:50px; background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; float:left; font-size:x-small;font-weight:bold; border:none; display:inline;}
.contact_form textarea{ width:220px; height:80px; border:solid; border-color:#cccccc; border-width:1px; resize:vertical; font-family:Arial, Helvetica, sans-serif;}
.wpcf7-response-output, .wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax {color:#FF0000; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; width:220px;}
/*End Contact Form*/
/*Home*/
.home_ul a{color:#333; padding:0px 0px 4px 0px;}
.home_ul a:hover{color:#666;}
/*End Home*/
/*Work*/
.work_ul a{text-decoration:none;display:block;	width:210px; height:14px; padding: 4px 0px 1px 4px;	margin-bottom:3px; background-color:#e5e5e5; color:#686868; font-size:10px;}
.work_ul a:hover{background-color:#999;	color:#FFF;}
.work_ul a.current{background-color:#999;	color:#FFF;}
/*End Work*/
/*Blog*/
.post_body{
	margin-bottom:20px;
}
/*End Blog*/
.graphic{	position:relative;	background:url(images/one08_bg_footer.jpg) no-repeat ;width:287px;	height:142px;	right: -47px;	top: -89px;	margin-bottom:-142px; z-index:-1;}
.lfix1{margin-left:8px;}
.lfix2{margin-left:18px;}
.lfix3{margin-left:22px;}
.blog_view_full_post{padding-left:28px;}
.sml_box ul.work_ul{ padding-left:25px; margin:0px;}
.hr_404{color:#bdbdbd; margin:0px 0px 10px 0px; padding:0;}
ul.blog_ul{padding-left:2px;}

/*comments*/
#comments_area{
	margin-left:28px;
}
ol,.commentlist, .fn, #cite, #commentlist div, .comment-author, .vcard, cite, .url {margin:0; padding:0;}

#comments_area h3{margin-bottom:5px;}
#comments_area p,#comments_area a{margin:0; padding:0;}
#comments_area input, #comments_area textarea{border:solid; border-color:#cccccc; border-width:1px; margin-bottom:3px;}
#comments_area textarea{resize:vertical;}
.commentlist li{margin:0px 0px 10px 0px; padding:0;}
#respond{margin-top:30px;}
#respond textarea{margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:11px; width:530px; height:100px;}
#respond input[type=submit]{cursor:pointer; width:100px; background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; float:left; font-size:x-small;font-weight:bold; border:none; display:inline; margin-top:5px;}
.comment_required{color:#FF0000};