@charset "UTF-8";



/*Standard Kenny*/
div#footer-block-002.vcard a{color: #7A7878;}
* {margin:0; padding:0;}
ul, li {list-style-image:none; list-style-position:outside; list-style-type:none;}
img {border:medium none;}
hr{border-color:#686868; border-style:none none solid; border-width:1px; color:#686868; margin:6px 0;}
a {outline-color:-moz-use-text-color; outline-style:none;outline-width:medium;text-decoration:none;}
body{background-color: #161616; background-image: url(images/background.jpg); background-attachment: fixed; border-top: solid 5px #73d8f5;}
h4{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color: #ffffff; font-weight: normal;}
a.go-arrow{padding: 5px 10px 5px 0; display: block; float: left; background: url(images/go-arrow.png) no-repeat right; background-repeat: no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #ffffff; text-decoration: none;}
a.go-arrow:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #73D8F5; text-decoration: none;}
em a{text-decoration: none; color: #ffffff;}
em a:hover{text-decoration: underline; color: #ffffff;}

/*Wrapper*/
div#wrapper{width: 1000px; margin: 40px auto 0 auto; overflow:hidden;}
p.page-title{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 12px 0; font-size:15px;font-weight:normal;text-align:left; color: #73d8f5; width: 300px; height: 16px;}

/*Logos Disclaimer*/
div#logo-disclaimer{width: 1000px; margin: 40px auto 0 auto; overflow:hidden;}
div#logo-disclaimer p{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7A7A7A; font-size: 12px;}
div#logo-disclaimer a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7A7A7A; font-size: 12px; text-decoration:underline; line-height:18px;}
div#logo-disclaimer a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #7A7A7A; font-size: 12px; text-decoration:none;}


/*Header*/
div#header{width: 1000px; height: 20px; margin: 54px auto 0 auto;}
h1#logo{width: 258px; height: 20px; float: left; background-image:url(images/jeremy-mitchell-logo.png);text-indent:-9999px; background-repeat: no-repeat;}
h1#logo a {display:block;height:100%;width:100%; float: left;}


/*Navigation*/
div#navigation{width:480px;float: right; margin:0;}
div#navigation ul {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;text-align:right; color: #73d8f5; margin:0;}
div#navigation li {display:inline; padding: 0 0 0 29px;}
div#navigation a {color:#73d8f5; text-decoration: none; font-size:12px;}
div#navigation a:hover, div#navigation ul li a.current {color:#ffffff; text-decoration: none;}


/*Projects Small Thumbnails*/
.project{width: 301px; height: 205px; float: left; margin: 0 47px 42px 0;}
.project-right{width: 301px; height: 205px; float: left; margin: 0 0 42px 0;}
.thumbs{width: 286px; height: 135px; overflow: hidden; border:1px solid #6c6c6c; padding: 7px; margin: 0 47px 12px 0; overflow: hidden;}
.thumbs a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}
.thumbs a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #999999; text-decoration: none;}
.thumbs-right{width: 286px; height: 135px; float: right; overflow: hidden; border:1px solid #6c6c6c; padding: 7px; margin: 0 0 114px 0;}
p.project-name{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;font-weight:normal;text-align:left; color: #73d8f5; width: 300px; height: 16px;}
p.project-role{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px;font-weight:normal;text-align:left; color: #7a7a7a;padding: 2px 0 0 0; float: left;}



/*Projects Large Thumbnail*/ 
div#project-large{width: 580px; float: left; padding: 7px; border:1px solid #6c6c6c; margin: 0 0 50px 0;}
div#project-large a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}
div#project-large a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #999999; text-decoration: none;}

div#about-large{width: 580px; float: left;  margin: 0 0 50px 0;}



/*Project Details*/
div#project-details{width: 370px; float: right;}
p.project-details{color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; text-align: left; margin: 30px 0 10px 0; border-top: 1px solid #686868; padding: 10px 0;}
p.project-details a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: underline;}
p.project-details a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}


p.about-details{color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; text-align: left; margin: 12px 0 10px 0; border-top: 1px solid #686868; padding: 10px 0;}
p.about-details-left{color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; text-align: left; border-top:1px solid #686868; padding:10px 0;}
p.about-details-left a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: underline;}
p.about-details-left a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}





/*What We Did*/
p.what-we-did{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;font-weight:normal;text-align:left; color: #73d8f5; width: 470px; height: 16px; border-bottom: 1px solid #686868; padding: 0 0 7px 0; margin: 0 0 20px 0;}
/*div#project-details ul{margin: 10px 0 0 0;}*/
div#project-details li{color: #f2f1f1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 3px; background: url(images/go-arrow.png) no-repeat left; padding: 3px 0 0 10px; background-repeat: no-repeat;}



/*Footer*/
div#footer-bkg{height: 340px; width: 100%; background-color: #0c0c0c; background-image: url(images/footer-bkg.jpg); background-repeat: repeat-x; width: 100%;}
div#footer{height: 420px; width: 100%; width: 1000px; margin: 0 auto; overflow: hidden;}

.footer-title{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px;font-weight:normal;text-align:left; color: #73d8f5; margin: 0 0 15px 0;}



/*Footer 001*/
div#footer-block-001{margin: 28px 0 0 0; width: 300px; height: 300px; float: left; border-right: 1px solid #242424; color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; padding: 0 25px 0 0;}
div#footer-block-001 a.email{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: underline;}
div#footer-block-001 a.email:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}
img.floatLeft {float: left; margin:0 12px 0 0; border:1px solid #6c6c6c; padding: 7px; overflow: hidden;}






/*Footer 002*/
div#footer-block-002{margin: 28px 0 0 0; width: 295px; height: 300px; float: left; border-right: 1px solid #242424; color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; padding: 0 25px;}

li{margin: 10px 0 15px 0;list-style-type: none;color: #7A7A7A;font-size: 13px;}
li a:hover{margin: 0 0 10px 0;list-style-type: none;color: #73D8F5;text-decoration: none;}
li a:link{margin: 0 0 10px 0;list-style-type: none;color: #73D8F5}
li a:visited{margin: 0 0 10px 0;list-style-type: none;color: #73D8F5}

div#footer-block-002 a.go-arrow{padding: 5px 10px 5px 0; display: block; float: left; background: url(images/go-arrow.png) no-repeat right; background-repeat: no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #ffffff; text-decoration: none;}
div#footer-block-002 a.go-arrow:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #73D8F5; text-decoration: none;}




/*Footer 003*/
div#footer-block-003{margin: 28px 0 0 25px; width: 290px; height: 72px; float: left; color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; padding: 0 0 0 0px; border-bottom: 1px solid #242424;}
img.blogs {float: left; margin: 0 5px 0 0; padding: 0 7px 0 0; overflow: hidden;}
div#footer-block-003 a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}
div#footer-block-003 a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #999999; text-decoration: none;}




/*Footer 004*/
div#footer-block-004{margin: 20px 0 0 25px; width: 290px; height:200px; float: left; color: #7a7a7a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;text-align:left; line-height: 19px; padding: 0 0 0 0px;}

div#footer-block-004 a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #7a7a7a; text-decoration: none;}
div#footer-block-004 a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal; color: #ffffff; text-decoration: none;}



/*Copywright*/

div#copywright{background: #0c0c0c; width: 100%; height: 40px; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;font-weight:normal; color: #4f4f4f; margin: 0 auto; padding: 40px 0 0 0; overflow: hidden;}
div#copywright a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;font-weight:normal; color: #4f4f4f; text-decoration: underline;}
div#copywright a:hover{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;font-weight:normal; color: #4f4f4f; text-decoration: none;}
.basecamp{background-image:url(images/basecamp-logo.png); background-repeat:no-repeat; padding: 0 0 0 20px;}


/*contact form*/
div#contact_wrp {width:400px; height:424px;}

	div#contact_wrp p {margin:0 0 2px 0; color:#66AFCB;
font-size:15px;}
	div#contact_wrp a{color:#321456;}
	input.txt_box, textarea.txt_message {
	-x-system-font:none;
background-color:#ffffff;
border:3px solid #777777;
color:#12181C;
font-family:"Helvetica Neue", Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 24px 0;
padding:6px;
}
	
	input.txt_box {width: 50x0px; height: 16px}
	textarea.txt_message {width:500px; height: 95px;}
	input.submit_button {background:#777777 none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;

font-size:13px;
margin:10px 0 0;
padding:7px 27px;
} 


.user-following a{color: #73D8F5!important;}