/* Styles for JSARTAIN.COM **** All styles by Jeff Sartain */

html {
	background:#474543 url("../images/bg.jpg") top center repeat-x;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}

#wrap {
	width:960px;
	margin:0 auto;
}

#masthead {
	height:50px;
	background:url("../images/masthead.jpg") no-repeat;
}

p {
	font-size:12px;
}

ul li {
	list-style:none;
}

.clear {
	clear:both;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

img.img-left {
	float:left;
	margin:0 20px 0 40px;
}

/* Home page styles ******************/
#about-me {
		width:960px;
		height:208px;
		background:url("../images/about_wrap.jpg");
		font-size:22px;
	}
	#about-me .subhead {
		background:url("../images/subhead_home_about.jpg") no-repeat;
		width:235px;
		height:75px;
	}
	#about-me .subhead span {
		display:none;
	}
	#about-me p {
		width:860px;
		margin:0 0 0 50px;
		font-size:20px;
		color:#FFF;
	}
	#about-me a:link, #about-me a:visited {
		color:#0CFF02;
		text-decoration:none;
	}
	#about-me a:hover, #about-me a:active {
		color:#0CFF02;
		text-decoration:underline;
	}

#featured-work {
		width:960px;
		height:242px;
		background:url("../images/work_wrap.jpg") top repeat-x;
	}
	#featured-work .subhead {
		background:url("../images/subhead_home_featured.jpg") no-repeat;
		width:350px;
		height:50px;
		float:left;
		margin:15px 0 0 0;
	}
	#featured-work .subhead span {
		display:none;
	}
	#featured-work p#worklink {
		font-size:20px;
		padding: 20px 15px 0 0;
	}
	#featured-work p#worklink a:link, #featured-work p#worklink a:visited {
		color:#474543;
		text-decoration:none;
	}
	#featured-work p#worklink a:hover, #featured-work p#worklink a:active {
		color:#474543;
		text-decoration:underline;
	}
	div.work {
		margin:20px 0 0 50px;
		float:left;
	}
	div.work a:link, div.work a:visited { color:#474543;font-size:10px; }
	div.work a:hover, div.work a:active { color:#474543; text-decoration:none;font-size:10px; }
	div.work img {
		float:left;
	}
	div.work dl {
		float:left;
		width:190px;
		margin: 0 0 0 15px;
		color:#FFF;
		font-weight:bold;
		line-height:16px;
	}
	div.work dl dt {
		font-size:14px;
		color:#474543;
	}
	div.work dl dd {
		font-size:12px;
	}
	div.work2 {
		margin:20px 0 0 75px;
		float:left;
	}
	div.work2 a:link, div.work2 a:visited { 
		color:#474543;font-size:10px; 
	}
	div.work2 a:hover, div.work2 a:active { 
		color:#474543; text-decoration:none;font-size:10px; 
	}
	div.work2 img {
		float:left;
	}
	div.work2 dl {
		float:left;
		width:190px;
		margin: 0px 0 0 15px;
		color:#FFF;
		font-weight:bold;
		line-height:16px;
	}
	div.work2 dl dt {
		font-size:14px;
		color:#474543;
	}

#recent-activity {
	background:#F56600 url("../images/orange_bg_top_index.jpg") top repeat-x;
	}
	#recent-activity #bottom_wrap {
		background:url("../images/orange_bg_bottom_index.jpg") bottom repeat-x;
		height:14px;
		clear:both;
	}
	#recent-activity .subhead {
		background:url("../images/subhead_home_recent.jpg") no-repeat;
		width:370px;
		height:45px;
		float:left;
		margin:25px 0 0 0;
	}
	#recent-activity .subhead span {
		display:none;
	}
	div.activity {
		padding: 20px 0 0 50px;
		width:260px;
		float:left;
	}
	div.activity h3 span {
		display:none;
	}
	div.activity h3#tweets {
		width:195px;
		height:64px;
		background:url("../images/tweets.jpg") no-repeat;
	}
	div.activity h3#diggins {
		width:195px;
		height:64px;
		background:url("../images/diggins.jpg") no-repeat;
		margin-bottom:10px;
	}
	div.activity h3#flickrs {
		width:195px;
		height:64px;
		background:url("../images/flickrs.jpg") no-repeat;
	}
	div.activity a.digg-count {
		color:#13FD00;
		text-decoration:none;
	}
	div.activity a.digg-count span {
		color:#13FD00;
		text-decoration:none;
	}
	div.activity h3 a {
		color:#FFF;
	}
	div.diggz ul li {
		margin:0 0 10px 0;
		width:280px;
		heightL230px;
	}
	div.diggz {
		width:280px;
	}
	
	
/* Inside page styles *****************/
body#about #content {
	background:#474543 url("../images/grey_bg_top.jpg") top repeat-x;
	padding-bottom:20px;
	}
	body#about #content #bottom_wrap {
		background:url("../images/grey_bg_bottom.jpg") bottom repeat-x;
	}
	body#about h1 {
		background:url("../images/subhead_about.jpg") no-repeat;
		width:221px;
		height:76px;
	}
	body#about #content p {
		padding:5px 20px 10px 40px;
		font-size:20px;
		color:#FFF;
	}

body#work #content {
	background:#474543 url("../images/grey_bg_top.jpg") top repeat-x;
	padding-bottom:20px;
	}
	body#work #content #bottom_wrap {
		background:url("../images/grey_bg_bottom.jpg") bottom repeat-x;
	}
	body#work h1 {
		background:url("../images/subhead_work.jpg") no-repeat;
		width:221px;
		height:76px;
	}
	body#work #content p {
		padding:5px 20px 10px 40px;
		color:#FFF;
	}
	body#work #content h2 {
		font-size:22px;
		font-weight:bold;
		color:#FFF;
		margin: 5px 0 20px 40px;
	}
	body#work #content h3 {
		font-size:18px;
		font-weight:bold;
		color:#FFF;
		margin: 10px 0 0 0;
	}
	body#work #content a:link, body#work #content a:visited {
		color:#F56600;
		font-size:16px;
		text-decoration:underline;
	}
	body#work #content a:hover, body#work #content a:active {
		color:#F56600;
		font-size:16px;
		text-decoration:none;
	}
	div.site {
		margin-top:20px;
	}
	
body#resume #content {
	background:#474543 url("../images/grey_bg_top.jpg") top repeat-x;
	padding-bottom:20px;
	}
	body#resume #content #bottom_wrap {
		background:url("../images/grey_bg_bottom.jpg") bottom repeat-x;
	}
	body#resume h1 {
		background:url("../images/subhead_resume.jpg") no-repeat;
		width:221px;
		height:76px;
	}
	body#resume #content p {
		padding:5px 20px 20px 40px;
		font-size:20px;
		color:#FFF;
	}
	body#resume #content h2 {
		font-size:22px;
		color:#F56600;
		margin: 5px 0 0 40px;
		text-decoration:underline;
	}
	body#resume #content h3 {
		font-size:18px;
		color:#FFF;
		margin: 10px 0 0 40px;
	}
	body#resume #content a {
		margin:0 0 0 40px;
	}
	body#resume #content a:link, body#resume #content a:visited {
		font-size: 32px;
		color:#F56600;
		text-decoration:none;
	}
	body#resume #content a:hover, body#resume #content a:active {
		color:#FFF;
		text-decoration:none;
	}
	
body#contact #content {
	background:#464543 url("../images/grey_bg_top.jpg") top repeat-x;
	padding-bottom:20px;
	}
	body#contact #content #bottom_wrap {
		background:url("../images/grey_bg_bottom.jpg") bottom repeat-x;
	}
	body#contact h1 {
		background:url("../images/subhead_contact.jpg") no-repeat;
		width:270px;
		height:76px;
	}
	body#contact #content p {
		padding:5px 20px 10px 40px;
		font-size:20px;
		color:#FFF;
	}
	body#contact #content a:link, body#contact #content a:visited {
		color:#0CFF00;
		text-decoration:none;
	}
	body#contact #content a:hover, body#contact #content a:active {
		color:#0CFF00;
		text-decoration:underline;
	}

h1 span { 
	display:none;
}



/* Footer Styles *********************/
#footer {
	width:960px;
	height:208px;
	background:url("../images/footer_bg.jpg") top no-repeat;
	margin-bottom:20px;
}

#myinfo {
	width:200px;
	padding:30px 0 0 50px;
	color:#474543;
	float:left;
}

.myname {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:32px;
	line-height:30px;
	letter-spacing:2px;
	color:#474543;
}

#myinfo #mynumber {
	font-size:26px;
	line-height:24px;
	letter-spacing:2px;
}

#myinfo #myemail {
	font-size:16px;
	line-height:18px;
	letter-spacing:1px;
	}
	#myinfo #myemail a:link, #myinfo #myemail a:visited {
		color:#474543;
		text-decoration:underline;
	}
	#myinfo #myemail a:hover, #myinfo #myemail a:active {
		color:#474543;
		text-decoration:none;
	}

#myinfo #copyright {
	font-size:16px;
	line-height:18px;
	letter-spacing:2.5px;
}

p#resumelink {
	width:200px;
	height:54px;
	background:url("../images/resume.jpg") no-repeat;
}

p#resumelink a span {
	display:none;
}

p#resumelink a {
	display:block;
	width:200px;
	height:54px;
}

p#resumelink a:hover {
	background:url("../images/resume.jpg") no-repeat 0 -54px;;
}

#networks {
	width:280px;
	height:208px;
	float:left;
	padding:30px 0 0 130px;
}

ul#networkicons {
	width:202px;
	height:35px;
	background:url("../images/network.jpg") no-repeat;
	margin:10px 0 0 5px;
}

ul#networkicons a span {
	display:none;
}

ul#networkicons li {
	height:35px;
	width:40px;
	display:inline;
	float:left;
	}
	ul#networkicons li#net-05 {
		width:42px;
	}
	
ul#networkicons li a {
	display:block;
	width:40px;
	height:35px;
	}
	ul#networkicons li#net-05 a {
		width:42px;
	}
	
#net-01 a:hover { background:url("../images/network.jpg") 0px -35px; }
#net-02 a:hover { background:url("../images/network.jpg") -40px -35px; }
#net-03 a:hover { background:url("../images/network.jpg") -80px -35px; }
#net-04 a:hover { background:url("../images/network.jpg") -120px -35px; }
#net-05 a:hover { background:url("../images/network.jpg") -160px -35px; }

#footernav {
	width:200px;
	float:left;
	padding:30px 0 0 45px;
	text-align:right;
}

#footernav ul {
	margin-top:5px;
	font-size: 16px;
}

#footernav ul li {
	margin:3px 0;
}

#footernav a:link, #footernav a:visited {
	color:#474543;
	text-decoration:underline;
}

#footernav a:hover, #footernav a:active {
	color:#474543;
	text-decoration:none;
}



/* Navigation ***********************/
ul#nav {
	width:960px;
	height:50px;
	background:url("../images/nav.jpg") no-repeat;
}

ul#nav li {
	display:inline;
	float:left;
}

ul#nav span {
	display:none;
}

ul#nav li a {
	display:block;
	height:50px;
}

#nav-01 { width:84px; }
#nav-02 { width:128px; }
#nav-03 { width:115px; }
#nav-04 { width:111px; }
#nav-05 { width:112px; }
#nav-06 { width:315px; margin-left:90px; }

#nav-01 a:hover {  background:url("../images/nav.jpg") 0px -50px; }
#nav-02 a:hover {  background:url("../images/nav.jpg") -84px -50px; }
#nav-03 a:hover {  background:url("../images/nav.jpg") -212px -50px; }
#nav-04 a:hover {  background:url("../images/nav.jpg") -327px -50px; }
#nav-05 a:hover {  background:url("../images/nav.jpg") -438px -50px; }

body#index #nav-01 { background:url("../images/nav.jpg") 0px -50px; }
body#about #nav-02 {  background:url("../images/nav.jpg") -84px -50px; }
body#work #nav-03 {  background:url("../images/nav.jpg") -212px -50px; }
body#resume #nav-04 {  background:url("../images/nav.jpg") -327px -50px; }
body#contact #nav-05 {  background:url("../images/nav.jpg") -438px -50px; }



/* Tweet Styles *********************/
.tweet {
  font-family: Georgia, serif;
  font-size: 100%;
  color: #FFF; }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em; }
      .tweet .tweet_list li a:link, .tweet .tweet_list li a:visited {
        color: #13FD00;
 		text-decoration:none;}
		.tweet .tweet_list li a:hover, .tweet .tweet_list li a:active {
	        color: #13FD00;
	 		text-decoration:underline;}
    .tweet .tweet_list .tweet_even {
      }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }


.query {
  font-family: Arial, serif;
  font-size: 100%;
  color: #FFF; }
  .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
     }
    .query .tweet_list li {
      overflow: auto;
      padding: .5em; }
      .query .tweet_list li a {
        color: #0CFF02; }
    .query .tweet_list .tweet_even {
       }
    .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
	
	
		
/*Flickr Styles *********************/
#flickr_badge_uber_wrapper {text-align:center; width:260px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 2px solid #0CFF02 !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 Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#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 {width:260px;height:230px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

div.flickr_badge_image {
	width:75px;
	height:75px;
	float:left;
}
div#flickr_badge_image3, div#flickr_badge_image4, div#flickr_badge_image5, div#flickr_badge_image6 {
	margin-top:10px;
}