/*-- Reset --*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
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;
}


/*-- main styles --*/
body#karate{
	background:rgb(0,0,0) url(/images/reset/body_top.jpg) no-repeat 50% 0;
}
body#loader{
	background:rgb(0,0,0) url(/images/reset/body_top_loader.jpg) no-repeat 50% 0;
}
body#happy{
	background:rgb(0,0,0) url(/images/reset/body_top_happy.jpg) no-repeat 50% 0;
}
body#shouty{
	background:rgb(0,0,0) url(/images/reset/body_top_shouty.jpg) no-repeat 50% 0;
}
body#thanks{
	background:rgb(0,0,0) url(/images/reset/body_top_thanks.jpg) no-repeat 50% 0;
}
body#contact{
	background:rgb(0,0,0) url(/images/reset/body_top_contact.jpg) no-repeat 50% 0;
}
body{
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px; /* 21/16 = 3.125 */
}

/*--- Blocks ---*/
.header,
.container,
.portfolio{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.intro,
.hire_me,
.subpage_intro,
.portfolio,
.details,
.portfolio .extra,
.basic_form,
.footer{
	display: inline;
	float: left;
}
.testimonials,
.blog,
.portfolio .work,
.hire_me_form,
.work{
	display:inline;
	float:right;
}
.header{height:260px;}
.hire_me,
.testimonials,
.subpage_intro,
.blog{width:460px;}

/*--- Block details --*/
.intro,
.portfolio{
	background:url(/images/reset/bokeh_960.png) no-repeat bottom left;
	border-top:10px solid rgb(30,40,63);
	margin-bottom:30px;
}
.hire_me{
	border-top:10px solid rgb(30,40,63);
	margin:0 40px 100px 0;
	background:url(/images/reset/blue_grain.png) 0 0;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
}
.testimonials{
	border-top:10px solid rgb(30,40,63);
	background:url(/images/reset/bokeh_460-1.png) no-repeat bottom left;
	margin-bottom:30px;
}
.testimonial{
	margin:0 0 40px 0;
}
.blog{
	border-top:10px solid rgb(30,40,63);
	background:url(/images/reset/bokeh_460-2.png) no-repeat bottom left;
	margin-bottom:30px;
}
.subpage_intro{
	border-top:10px solid rgb(30,40,63);
	background:url(/images/reset/bokeh_460-2.png) no-repeat bottom left;
	margin:0 40px 30px 0;
}
.content{
	float:left;
	background:rgb(255,255,255) url(/images/reset/gradient_270.png) repeat-x 0 0;
	padding:40px 40px 30px 40px;
}
.hire_me .content{background:none;}
body#loader .portfolio .content{padding-bottom:0;}
.footer{
	width:960px;
	background:url(/images/reset/bokeh_960-2.png) no-repeat bottom left;
	border-top:10px solid rgb(30,40,63);
	margin-bottom:30px;
}
.elsewhere{
	display:inline;
	float:left;
	width:213px;
	margin-right:40px;
}
.posts{
	display:inline;
	float:left;
	width:427px;
	margin-right:40px;
}
.powered_by{
	float:left;
	width:160px;
}

.sub_nav,
.coda-nav{
	border-top:1px solid rgb(233,233,233);
	float:left;
	width:100%;
	margin-bottom:70px;
	text-align:center;
	background:rgb(255,255,255);
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
}
body#happy .details,
body#contact .details,
.hire_me_form{
	width:400px;
	margin-right:40px;
}

/* ---- Portfolio ---- */

body#karate .intro .details,
body#karate .intro .slides{
	float:left;
	width:410px;
}
body#karate .intro .details{margin-right:50px;}
body#karate .intro .slides .main_slide{
	float:left;
	width:300px;
	margin:0 10px 0 0;
}
body#karate .intro .slides img{
	border:1px solid rgb(235,235,235);
}
body#loader .portfolio .details{
	width:390px;
	margin-right:40px;
}
body#loader .portfolio .work{width:450px;}


/*-- Headings --*/
h1{
	float:left;
	margin:60px 170px 0 200px;
	font-size: 75px;
	text-shadow: 0 0 4px rgb(58, 58, 58);
	line-height:115%;
}
h2{
	font-size: 28px;
	margin-bottom: 21px;
}
.header h2{
	font-size:30px;
	float:left;
	display:inline;
	margin:110px 0 0 0;
	text-shadow: 0 0 4px rgb(58, 58, 58);
	line-height:130%;
}
body#loader .intro h2,
body#loader .portfolio h2,
body#loader .portfolio .details h3,
body#loader .extra h4{
	padding-bottom:4px;
	border-bottom:1px solid rgb(203, 203, 203);
}
h3 {
	font-size: 18px;
	margin-bottom: 12px;
}
h4 {
	font-size: 18px;
	margin-bottom: 12px;
}
h5 {
	font-size: 14px;
	margin-bottom: 12px;
}
h6 {
	font-size: 12px;
	margin-bottom: 12px;
}

h2,h3,h4,h5,h6{
	color:rgb(30,40,63);
	line-height:140%;
}
.slides h3{text-align:center;}
.hire_me h2{
}
.testimonials h3,
.blog h3{
	border-bottom:1px solid rgb(230,230,230);
}

/*-- Test Formatting --*/
p{margin-bottom:13px;}
p.meta{font-style:italic;}
.testimonials p.meta{margin-top:-10px;}
.portfolio blockquote{
}
.hire_me_form p em{
color:rgb(246, 11, 15);
}
.details blockquote{margin-bottom:40px;}

/* ---- IMAGES ---- */

.project_image{
	float:right;
	margin:5px 0 15px 15px;
}
body#loader .work ul li a img{
	border:1px solid rgb(233,233,233);
}
/* ----- LINKS ----- */


p a, li a{
	color:rgb(46, 73, 156);
	text-decoration:none;
}
p a:hover, li a:hover{
	color:;
	background-color:rgb(223,223,223);
	border-bottom:;
}
p a:visited, 
li a:visited,
p a:active, 
li a:active,
p a:focus,
li a:focus{
	color:rgb(46, 73, 156);
	text-decoration:none;
}
.header a{
	display:block;
	float:left;
	height:260px;
	width:370px;
}

h2 a,h3 a,h4 a,h5 a,h6 a{
	color:rgb(30,40,63);
	border:0;
	text-decoration:none;
}

.slides h3 a{
	clear:both;
	display:block;
	margin:5px;
	padding:3px 6px;
	color:rgb(30,40,63);
	border-top:1px solid rgb(230,230,230);
}

.hire_me .action h3 a{
	margin:25px 0 35px 0;
	padding:19px;
	float:left;
	text-decoration:none;
	width:330px;
	text-align:center;
	background:rgb(30,40,63);
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
	border:1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	line-height:150%;
}
.elsewhere .action{
	margin:10px 0 35px 0;
	padding:19px;
	float:left;
	text-decoration:none;
	width:165px;
	text-align:center;
	background:rgb(30,40,63);
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
	border:1px solid rgb(255.,255,255);
	color:rgb(255,255,255);
	line-height:150%;
}
.elsewhere .action a{
	color:rgb(255,255,255);
	border:0;
}
.elsewhere ul li a:hover{background:none;}
.sub_nav a,
.coda-nav a{
	text-decoration:none;
	color:rgb(30,40,63);
	padding:2px 15px;
	background:rgb(255,255,255);
	border:0;
}
.sub_nav a:hover,
.coda-nav a:hover{background:rgb(235,235,235);}
.sub_nav a:visited,
.coda-nav a:visited{
	color:rgb(30,40,63);
	background:rgb(255,255,255);
}
.sub_nav a:active,
.coda-nav a:active{
	color:rgb(30,40,63);
	background:rgb(255,255,255);
}
.sub_nav a:focus,
.coda-nav a:focus{
	color:rgb(30,40,63);
	background:rgb(255,255,255);
	padding:3px 15px 1px 15px;
}

.coda-nav a.tab1,
.sub_nav a{
	border-left:1px solid rgb(233,233,233);
	border-right:1px solid rgb(233,233,233);
}
.coda-nav a.tab2{
	border-right:1px solid rgb(233,233,233);
}
.slides a{border:0;}
.slides a:hover{background:none;}
.sub_nav a.back{border-right:0;}
.sub_nav a.next{border-left:0;}


/* ----- LISTS ----- */

li{
	list-style:none;
	
	list-style-type:;
	list-style-image:;
	list-style-position:;
	margin:0;
	padding:0;
}

body#loader .work ul{
	float:left;
	margin-bottom:40px;
}
body#loader .work ul li{display:inline;}
body#loader .work ul li a{
	float:left;
	margin:0 19px 20px 0;
	padding:0;
	background:transparent;
	border:0;
}
body#loader .portfolio .details ul,
.footer .posts ul{
	margin:0 0 13px 0;
}
.footer .posts ul li{
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif;
}
.elsewhere ul li{display:inline;}
.elsewhere ul li a{
	float:left;
	margin:0 10px 5px 0;
	border:0;
}
.posts ul{
	padding:5px;
	border:1px solid rgb(230,230,230);
	background:rgb(240,240,240);
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.posts li a{
	display:block;
	background:url(/images/reset/bullet_blue.png) no-repeat 0 .4em;
	padding:2px 2px 2px 18px;
	margin:0 0 5px 0;
	border-bottom:1px solid rgb(240,240,240);
}
.posts li a:hover{
	background:rgb(233,233,233) url(/images/reset/bullet_star.png) no-repeat 0 .4em;
	border-bottom:1px solid rgb(225,225,225);
}
.posts li a:visited{
	background:url(/images/reset/bullet_star.png) no-repeat 0 .4em;
}
.powered_by ul{
	margin:0;
	padding:0;
}
.powered_by ul li{
	display:block;
	margin:0 0 10px 0;
}
.powered_by ul li a,
.powered_by ul li a:hover,
.powered_by ul li a:visited,
.powered_by ul li a:active{background:none;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix{
	display: inline-block;
}
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}


/* Home page portfolio slides */

body#karate .coda-slider-no-js .coda-slider{
	height: 390px;
	overflow: auto !important;
}
body#karate .coda-slider,
body#karate .coda-slider .panel{
	width: 880px;
} 
body#karate .coda-slider-wrapper.arrows .coda-slider{
	margin: 0;
}
body#karate .coda-slider .panel-wrapper{
	padding: 0;
}
body#karate .coda-slider p.loading{
	padding: 0;
	text-align: center;
}
body#karate .coda-slider-wrapper {
	clear: both;
	overflow: auto;
	background:rgb(255,255,255) url(/images/reset/gradient_270.png) repeat-x 0 0;
	padding:40px 40px 30px 40px;
}
body#karate .coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}
body#karate .coda-slider .panel{
	display: block;
	float: left;
}
body#karate .coda-slider .panel-container{
	position: relative;
}

/* Portfolio page slides */

body#loader .coda-slider-no-js .coda-slider{
	overflow: auto !important;
}
body#loader .coda-slider,
body#loader .coda-slider .panel{
	width: 450px;
} 
body#loader .coda-slider-wrapper.arrows .coda-slider{
	margin: 0;
}
body#loader .coda-slider .panel-wrapper{
	width:2400px;
	padding: 0;
}
body#loader .coda-slider p.loading{
	padding: 0;
	text-align: center;
}
body#loader .coda-slider-wrapper {
	clear: both;
	overflow: auto;
}
body#loader .coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}
body#loader .coda-slider .panel{
	display: block;
	float: left;
}
body#loader .coda-slider .panel-container{
	position: relative;
}

/*--- FORMS ---*/

.hire_me_form form{
	float:left;
	width:398px;
	margin:0 0 30px 0;
	padding:0;
	border:1px solid rgb(233,233,233);
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.hire_me_form .form_block{
	border-bottom:1px solid rgb(233,233,233);
	padding:30px 35px 30px 30px;
	background:rgb(247,247,247);
}
.hire_me_form div.send{
background:rgb(236, 234, 246);
}
label{
	display:block;
	margin:0 0 4px 0;
	font-size: 14px;
	color:rgb(30,40,63);
}
label.radio{display:inline;}
input.email{
	width:100%;
	padding:3px;
	background:url(/images/reset/gradient_270u.png) repeat-x 0 0;
	border:1px solid rgb(223,223,223);
	font-size: 14px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
input.send{
	float:left;
	width:398px;
	padding:20px 0 20px 0;
	margin:0;
	background:rgb(240,240,240);
	text-align:center;
	border:0;
	color:rgb(30,40,63);
	font-size: 14px;
}
textarea.message{
	width:100%;
	min-height:125px;
	border:0;
	margin:0;
	padding:3px;
	border:1px solid rgb(223,223,223);
	font-size: 14px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
input#personal{margin-right:30px;}