html, body, p, ul, li, ol, h1, h2, h3, dt, dl, dd, form, fieldset, div, img {
border:0 none;
margin:0;
padding:0;
font-family: "Helvetica Neue", Helvetica, sans-serif;
}

body{
background-color:#12181C;
background-image:url(http://www.jeremymitchell.com/jm_v3/images/jm_v3_bkg.jpg);
background-repeat:repeat-x;
color:#12181C;
}

/*Start Postcard*/

div#postcard{
width: 739px;
height: 390px;
/*background-color: #333333;*/
margin: 0 auto;
position: relative;
background: url("http://www.jeremymitchell.com/jm_v4/images/jeremy_mitchell.jpg") no-repeat center center;
background-repeat: no-repeat;
border:1px solid #666666;
padding:7px;
}

div#callout{
left:393px;
position:absolute;
top:86px;
width:300px;
}

h1{
}

h2{
font-family: Helvetica, "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 29px;
color: #ffffff;
text-align: right;
letter-spacing: 1px;
}

h3{
font-family: Helvetica, "Helvetica Neue", sans-serif;
font-weight: normal;
font-size: 17px;
color: #73D8F5;
text-align: right;
margin: 5px 0 0 0;
}

div#intro{
font-family: Helvetica, "Helvetica Neue", sans-serif;
font-weight: normal;
font-size: 12px;
color: #999999;
margin: 20px 0 0 0;
line-height: 19px;
float: right;
width: 202px;
}

/*End Postcard*/

div#welcome_content{
border-bottom:1px solid #666666;
color:#999999;
float:left;
font-family:Helvetica,"Helvetica Neue",sans-serif;
font-size:13px;
line-height:28px;
margin:10px 0;
padding:0 0 12px;
width:756px;
}


/*Start Navigation*/

#top_menu { 
float:left; 
height: 40px;
width: 988;}

#top_menu ul { 	
margin:0px; 
padding:0px; 
}

#top_menu ul li {
margin:0px;
padding:0px;
list-style:none;
float:left;

}

#top_menu ul li a{
height:27px;
display:block;
padding-top:8px;
color:#73D8F5;
text-decoration:none;
padding-left:15px;
padding-right:15px;
border-bottom:0px;

}


#top_menu ul li a.web{
width: 57px;

}

#top_menu ul li a.print{
width: 57px;
}

#top_menu ul li a.about{
width: 64px;
}

#top_menu ul li a.blog{
width: 56px;
}

#top_menu ul li a.contact{
width:74px;
}

#top_menu ul li a.jm{
height:27px;
display:block;
padding-top:8px;
color:#5e5e5e;
text-decoration:none;
padding-left:0px;
padding-right:15px;
border-bottom:0px;


}

#top_menu ul li a.jm { 
color:#ffffff; 

}

#top_menu ul li a.jm:hover{
background-image:url(http://www.jeremymitchell.com/jm_v3/images/jm_v3_bkg.jpg);
color:#ffffff;
}

#top_menu ul li a:hover{
background-image:url(http://www.jeremymitchell.com/jm_v3/images/jm_v3_over.jpg);
color:#ffffff;
}

#top_menu ul li a.active{
background-image:url(http://www.jeremymitchell.com/jm_v3/images/jm_v3_over.jpg);
color:#cccccc;
}

/*End Navigation*/


/*services-left*/
div#services-left{
width: 375px;
float:left;
}

div#services-left a:active{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#services-left a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#services-left a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#services-left a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}


/*services-right*/
div#services-right{
width: 375px;
float:right;
}


/*Start Project Info*/

div#holder{
width: 756px;

}

div#content{
width: 565px;
margin: 18px 0 40px 0;
float: left;
}

div#content img{
border: solid 1px #666666;
padding: 7px;
}

div#print_content{
width: 755px;
margin: 18px 0 40px 0;
float: left;
}

div#print_content img{
border: solid 1px #666666;
padding: 7px;
}

div#project_info{
color:white;
float:right;
margin:28px 0 0 15px;
width:157px;
}

.question{
font-size: 12px;
color:#73D8F5;
}

.answer{
font-size: 11px;
color:#cccccc;
line-height: 14px;
}

.answer a:active{
text-decoration: underline;
color:#ffffff;
}

.answer a:link{
text-decoration: underline;
color:#ffffff;
}

.answer a:visited{
text-decoration: underline;
color:#ffffff;
}

.answer a:hover{
text-decoration: none;
color:#ffffff;
}

/*End Project Info*/




div#blog_container{
width: 743px;
border-top:1px dotted #666666;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
padding: 7px;
margin: 18px 0 0 0;
}

div#blog_content {
background-color:#FFFFFF;
font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding:0 24px 24px 24px;
width:692px;
color: #505050;
}

div#blog_content a:active{
background-color:#FFFFFF;
font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, sans-serif;
font-size:12px;
color: #505050;
text-decoration: underline;
}

div#blog_content a:hover{
background-color:#FFFFFF;
font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, sans-serif;
font-size:12px;
color: #505050;
text-decoration: none;
}

div#blog_content a:visited{
background-color:#FFFFFF;
font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, sans-serif;
font-size:12px;
color: #505050;
text-decoration: underline;
}

div#blog_content a:link{
background-color:#FFFFFF;
font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, sans-serif;
font-size:12px;
color: #505050;
text-decoration: underline;
}

.blog_title{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
color: #444444;
font-weight: bold;

padding: 5px 0 10px 0;
}

.blog_date{
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #999999;
font-size: 14px;
border-bottom: 1px #999999 solid;
padding: 30px 0 5px 0;

}

hr{
color: #ffffff;
}

/*END BLOG*/




div#wrapper{
width: 1024px;
margin: 0 auto;
}

div#content_container{
width: 782px;

margin: 0 auto;


}

div#content_wrapper{
width: 782px;
float: left;
border-right:1px solid #666666;
}

div#small_title{
color:#4AC0F2;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:15px;
}

div#small_print_title{
border-top:1px solid #666666;
color:#4AC0F2;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:15px;
margin:17px 0 0;
padding:10px 0 0;
}


div#small_container{
width: 755px;
height: 117px;
padding: 10px 0 0 0;
}




div#small_001{
width: 231px;
height: 126px;
float: left;
margin: 0 23px 0 0;
}

div#small_002{
width: 231px;
height: 126px;
float: left;
margin: 0 23px 0 0;

}

div#small_003{
width: 231px;
height: 126px;
float: left;

}

div#index{
width: 755px;
margin: 18px 0 21px 0;
}

div#index img{
border: solid 1px #666666;
padding: 7px;
}

div#info{
width: 759px;
height: 115px;
border-bottom:1px dotted #666666;
margin: 0 0 0 10px 0;


}

div#topper{
height: 103px;
width: 988;
}

div#topper image{
border: none;
}

div#sidebar_container{
width: 216px;
float: right;
padding: 0 0 0 10px;
}

div#twitter{
width: 174px;
margin: 10px 0 0 0;
border-bottom:1px dotted #666666;
}

div#roboto{
border-bottom:1px dotted #666666;
height:213px;
margin:17px 0 0;
padding:0 0 10px;
width:181px;
}

div#videobox{
border-bottom:1px dotted #666666;
height: 165px;
margin:17px 0 10px;
padding:0 0 10px;
width:181px;
}

div#videobox img{
margin: 0 0 10px 0;
}

li{
margin: 10px 0 10px 0;
list-style-type: none;
color: #999;
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
}

.twitter-title{
color: #CCCCCC;
font-size: 14px;

}

div#roboto-logo{
background-image:url("http://www.jeremymitchell.com/jm_v3/images/roboto.png");
width: 79px;
height: 16px;
margin: 0 0 10px 0;
background-repeat: no-repeat;
}

div#vimeo_logo{
background-image:url("http://www.jeremymitchell.com/jm_v3/images/vimeo_logo.png");
width: 79px;
height: 23px;
margin: 0 0 10px 0;
background-repeat: no-repeat;
}

div#twitter_logo{
background-image:url("http://www.jeremymitchell.com/jm_v3/images/twitter_logo.png");
width: 79px;
height: 23px;
margin: 22px 0 10px 0;
background-repeat: no-repeat;

}

div#flickr_logo{
background-image:url("http://www.jeremymitchell.com/jm_v3/images/flickr_logo.png");
width: 79px;
height: 23px;
margin: 23px 0 10px 0;
background-repeat: no-repeat;

}

/* START Flickr CSS */

/*Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_wrapper {
padding:10px 0 10px 0;
}

.flickr_badge_image {
margin:0 0 6px 0;
}

.flickr_badge_image img {
border: 1px solid black !important;
}

#flickr_badge_source {
text-align:left; 
margin:0 10px 0 10px;
}

#flickr_badge_icon {
float:left; margin-right:5px;
}

#flickr_www {
display:block; 
padding:0 10px 0 10px !important; 
font: 11px "Helvetica Neue", Helvetica, Sans serif !important; 
color:#3993ff !important;
}

#flickr_badge_uber_wrapper a:hover,{
text-decoration:none !important; 
background:inherit !important;
color:#3993ff;
}


#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
text-decoration:none !important; 
background:inherit !important;
color:#3993ff;
}

#flickr_badge_wrapper {}

#flickr_badge_source {
padding:0 !important; font: 11px "Helvetica Neue", Helvetica, Sans serif !important; color:#666666 !important;
}


/* END Flickr CSS */

.flickrimg { margin-bottom: 10px; border: 3px #999999 solid;}
#flickrimg1 { margin-right: 10px; }
#flickrimg3 { margin-right: 10px; }
#flickrimg5 { margin-right: 10px; }
#flickrimg7 { margin-right: 10px; }
#flickrimg9 { margin-right: 10px; }
div#flickr{
width: 172px;
border-bottom: 1px dotted #666666;
float: left;
}

/*START text*/

div#project_title{
width: 300px;

float: left;
}

div#project_apps{
width: 400px;
float: right;
}


.project_title{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
color: #66afcb;
padding: 10px 0 0 0;
}

.project_apps{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: normal;
text-align: right;
padding: 10px 0 0 0;
}

div#about_container{
width: 755px;
height: 85px;

}

div#aboutProject_container{
width: 755px;

}

div#aboutA a:active{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#aboutA a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#aboutA a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#aboutA a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

div#aboutA{
width: 265px;
float: left;
padding: 8px 0 0 0;
}

div#aboutAproject{
width: 281px;
float: left;
padding: 8px 0 0 0;
}


div#aboutB{
float: left;
width: 240px;
padding: 8px 0 0 0;



}

div#aboutC{
width: 200px;
float: right;
padding: 8px 0 0 0;

}

.services{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
line-height:24px;
}


.services-top{
border-bottom:1px dotted #666666;
color:#FFFFFF;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
line-height:27px;
padding:0 0 13px;
text-decoration:none;
}

.services-top a:link, .services-top a:visited{

color:#66AFCB;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
line-height:27px;
padding:0 0 13px;
text-decoration:underline;
}

.services-top a:hover{

color:#66AFCB;
font-family:"Helvetica Neue",Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
line-height:27px;
padding:0 0 13px;
text-decoration:none;
}

.about{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

.bio{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
padding: 10px 0 0 0;
}

.bio a:link, .bio a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #73D8F5;
font-weight: normal;
text-decoration: none;
}

.bio a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #73D8F5;
font-weight: normal;
text-decoration: underline;
}

.report{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

.project_action, .project_action a:active, .project_action a:visited,{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

.project_action a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

.project_action a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

.project_action a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration:underline;
}

div#footer{
width: 755px;
height: 50px;

float: left;
border-top:1px dotted #666666;

padding: 8px 0 0 0;
}

.footer{
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #666666;
font-size: 10px;

}
.footer a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #666666;
font-size: 10px;

}

.footer a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #666666;
font-size: 10px;

}

.footer a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: #666666;
font-size: 10px;
text-decoration: none;

}



div#bio_container{
width: 755px;
margin: 45px 0 0 0;
border-top: 1px dotted #666666;
padding: 10px 0 0 0;
}
/*END text*/


/*Contact*/

div#thankyou-top{
width: 465px;
float: left;
padding: 8px 0 0 0;
color: #66AFCB;
font-size: 15px;
}

div#thankyou-top a:active{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#thankyou-top a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#thankyou-top a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#thankyou-top a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

div#contact-top{
width: 420px;
height:248px;
float: left;
padding: 8px 0 0 0;
margin:0 0 8px 0;
}

div#contact-top a:active{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#contact-top a:link{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#contact-top a:visited{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: underline;
}

div#contact-top a:hover{
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #999999;
font-weight: normal;
text-decoration: none;
}

div#contact_container{
width: 755px;
height: 215px;

}

div#services_container{
width: 755px;
height: 656px;

}


/*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: 327px; height: 16px}
	textarea.txt_message {width:327px; 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;
}