/*
Theme Name: Sackett Solutions Version 6
Theme URL: http://www.sackettsolutions.com
Description: Very Minimal
Author: Dan Sackett
Author URI: http://www.sackettsolutions.com
Tags: Minimal, Grey, Black
*/


/***** CSS 960 GRID RESET *****/

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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/***** ALL TAGS *****/


body {
	background: url('images/mainbg.png') top left fixed #FFF;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
}


/***** FORMATTING ELEMENTS *****/


b { 
	font-weight: bold; 
}

i { 
	font-style: italic; 
}

p {
	padding: 10px 0 10px 0;
}

blockquote {
	font-style: italic;
	padding-left: 20px;
}

span.excerpt p {
	margin: 0;
	padding: 0;
}

p.postmetadata {
	padding: 10px;
	background: #FFF;
	border: 1px solid #DDDDDD;
	font-size: 12px;
}

br {
	padding: 0;
}

ul#recent li.section ul {
	margin: 0;
	list-style: square;
	padding: 10px 0 0 15px;
}

ul {
	margin: 0;
	list-style: square;
	padding: 10px 0 0 15px;
}


/***** HEADER TAGS *****/


#content h1 {
	border-bottom: 1px solid #DDDDDD;
	font-size: 30px;
	line-height: 30px;
	padding: 20px 0 10px 0;
}

#content h2 {
	border-bottom: 1px solid #DDDDDD;
	font-size: 18px;
	line-height: 18px;
	padding: 20px 0 10px 0;
}

#content h3 {
	border-bottom: 1px solid #DDDDDD;
	font-size: 14px;
	line-height: 14px;
	padding: 20px 0 10px 0;
}


/***** LINKS *****/


a { color: #1C68FF; font-weight: bold; }
a:visited { color: #3F4C6B; }
a:hover { font-weight: none; }
a.lastFm { color: #D01F3C; }
a.twitter { color: #33CCFF; }

ul#recent li.section ul li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

ul#recent li.section ul li a:hover {
	color: #1C68FF; 
	text-decoration: underline;
}

h1 a {
	text-decoration: none;
}

/***** IMAGES *****/


img {
	background: #FFF;
	border: 1px solid #DDDDDD;
	padding: 5px;
	
}

img.thumb {
	background: #FFF;
	border: 1px solid #DDDDDD;
	float: left;
	padding: 5px;
	
}

img.image-drop {
	margin-top: 10px;
}


/***** FORMS *****/


fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

form.wpcf7-form br {
	padding: 0;
	margin: 0;
	line-height: 0;
}

label{
	width: 250px; 
	display: block;
}


textarea{
	padding: 10px;
	background: #FFF;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	border: 1px solid #DDDDDD;
	height: 120px; 
	width: 500px;
	margin-bottom: 5px;
	
}

input{
	padding: 10px;
	background: #FFF;
	border: 1px solid #DDDDDD;
	display: block;
	width: 500px; 
}

input:hover, textarea:hover { border: 1px solid #999999; }
input#submit:hover { background-color: #EEEEEE; cursor: pointer;}
input#submit { width: 522px;}
.req{color:#d32300;font-size:90%;}
#form_errors{color:#d32300; display:none;}
#form_thanks{color:#000; display:none;}


/***** MAIN PAGE ELEMENTS *****/

#wrap {  
	background: #FAFAFA;
	border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

#sidebar {
	background: #F2F2F2;
	border-right: 1px solid #DDDDDD;
	float: left;
	height: 100%;
	position: fixed;
	width: 300px;
}

ul#sideNav {
	list-style: none;
	padding: 0;
}

ul#sideNav li { border-bottom: 1px solid #DDDDDD; }
ul#sideNav li a { text-decoration: none; color: #DDDDDD; }

a h1#logo { width: 300px; height: 240px; position: relative; }
a h1#logo span { background: url('images/sidebarLogo.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:hover h1#logo span { background: url('images/sidebarLogoHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:active h1#logo span { background: url('images/sidebarLogoHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }

a h2.about { height: 80px; width: 300px; position: relative; }
a h2.about span { background: url('images/aboutMe.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:hover h2.about span { background: url('images/aboutHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:active h2.about span { background: url('images/aboutHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }

a h2.portfolio { height: 80px; width: 300px; position: relative; }
a h2.portfolio span { background: url('images/portfolio.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:hover h2.portfolio span { background: url('images/portfolioHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:active h2.portfolio span { background: url('images/portfolioHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }

a h2.blog { height: 80px; width: 300px; position: relative; }
a h2.blog span { background: url('images/blog.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:hover h2.blog span { background: url('images/blogHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }
a:active h2.blog span { background: url('images/blogHover.png') no-repeat; position: absolute; width: 100%; height: 100%; }

#content {
	float: right;
	width: 600px;
	padding: 20px;
}

ul#recent {
	list-style: none;
	padding: 0;
	width: 100%;
}

ul#recent li.section {
	float: left;
	padding: 0 20px 0 0;
	width: 280px;
}

#footer {
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	font-size: 14px;
	padding-right: 20px;
	text-align: right;
}



/***** GLOBAL CLASSES *****/


.clear         { clear: both; }
.alignleft    { float: left; }
.alignright   { float: right; }
.portImage     { float: left; margin: 0 5px 5px 0;}
.mainPageImage { float: left; margin: 0 10px 4px 0; }


.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }


.underline     { border-bottom: 1px solid; }
.highlight     { background: #ffc; }

.img-left      { float: left;margin:4px 10px 4px 0; }
.img-right     { float: right;margin:4px 10px 4px 10px; }


.nopadding     { padding: 0; }
.noindent      { margin-left: 0;padding-left:0; }
.nobullet      { list-style: none;list-style-image:none; }