@charset "utf-8";
/* CSS Document for SITE TITLE HERE */
/*
Theme Name:  John Joseph Adams Custom Theme
Theme URI: http://www.johnjosephadams.com/
Description: A custom theme for editor JJA.
Version: 1 (WP2.8.6)
Author: Jeremiah Tolbert
Author URI: http://www.clockpunkstudios.com/
Tags:
*/


/* RESET RELOADED by Eric Meyer */
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,  font, img, ins, kbd, q, s, samp, small, strike,tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Layout */
html {height:100%;}
body {background:#090c15 url(images/page-background.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif;height:100%;font-size:12px;}
a {color:#5a7ed7;}
a:hover {color:#1c3572;}
hr {margin:25px 0;}
#wrapper {width:960px;margin:0 auto -56px;background:url(images/wrapper-background.jpg) no-repeat;min-height:100%;height:auto !important;height:100%;}
	#header {width:960px;height:125px;background:#678ae2 url(images/header-background.png);position:relative; }
		#header h1 {text-indent:-9999px;}
	#site_body {padding:0 10px;}
		#main_column {float:left;min-height:500px;padding-top:20px;width:460px;margin-right:20px;}
		#page_body_text {width:700px;margin-right:20px;float:left;display:inline;}
		.single .content_box {width:700px;margin-top:20px;}
		.single .content_box h2 {width:692px;}
		.content_box h3 {line-height:24px;font-size:20px;color:#000;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.1px;margin-bottom:5px;}
		.single .content_box .post_text {min-height:200px;padding-top:5px;}
		.single.page .post_text {width:600px;margin-left:40px;min-height:740px;}
		.books .pub_info {width:425px;}
		#page_body_text .books .post_text {min-height:inherit;padding-top:15px;}
		#secondary_column {float:left;padding-top:20px;width:460px;}
		#inner_secondary_column {float:left;padding-top:20px;width:220px;display:inline;}
		#inner_secondary_column #about_jja_side {width:220px;}
		#inner_secondary_column #about_jja_side p {font-size:12px;line-height:1.3;}
			.sidebar_content_box {width:460px;margin-bottom:20px;}
				.sidebar_content_box h2 {background-image:url(images/module-header-background.png);display:block;width:212px;height:35px;color:#fff;font-size:24px;line-height:30px; font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.5px;text-shadow: #333 -1px -1px 1px;padding-left:8px;}
				.content {background-color:#fff;padding:8px;}
				.sidebar_content_box h3 {font-size:20px;color:#000;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.1px;margin-bottom:12px;}
				.sidebar_content_box p {font-size:12px;line-height:16px;margin-bottom:14px;}
				.sidebar_content_box li {margin-bottom:8px;}
#footer {clear:both;background-image:url(images/footer.png);width:940px;height:56px; margin:0 auto;position:relative;}		
	#footer .copyright {color:#fff;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;font-size:18px;position:absolute; left:10px;top:10px;}	
	#footer .RSS {position:absolute;padding-right:30px;right:18px;top:10px;color:#fff;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;font-size:18px;text-decoration:none;}
	#search {position:absolute;left:509px;top:10px;}
	#search #s {border:none;outline:none;background-color:none;color:#fff;height:18px;width:185px;background:url(images/search-background.png);}
#wrapper .push {height:56px;}

/* Navigation */		
	#navigation {position:absolute;top:86px;left:18px;}
	#navigation li {float:left;font-family:CartoGothic Std, Arial, Helvetica, sans-serif;letter-spacing:1px;font-size:14px;font-weight:bold;}
		#navigation li a {float:left;text-decoration:none;color:#fff;text-shadow: #000 -1px -1px 1px;display:block;height:26px;padding:0 16px;line-height:26px;}
			#navigation li a:hover {color:#688be2;}
		#navigation li.current_page_item a {background-image:url(images/active-nav-background.png);background-position:right;color:#253f7d;text-shadow:#8392b8 1px 1px 1px;}
		#navigation li ul {}
			#navigation li ul li {}
	#posts_nav {height:15px;margin-top:5px;}
	#next_link {float:left;height:15px;}
	#prev_link {float:right;height:15px;}

/* Content Areas */
 .order_info {float:left;width:150px;margin-right:20px;}
 .order_info img {margin-bottom:15px;}
 .pub_info {float:left;width:265px;}

#about_jja .content {column-count:2;column-gap:10px;-moz-column-count: 2;-moz-column-gap: 10px;-webkit-column-count: 2;min-height:140px;}
	#about_jja .content p, #current_projects .content p {font-size:12px;line-height:16px;margin-bottom:12px;}

#latest_post {}
	.meta_info {float:left;width:150px;margin-right:20px;padding-top:10px;}
		.meta_info img {border:1px solid #354e7f;margin-bottom:10px;}
		.meta_info li {margin-bottom:0px;line-height:18px;font-size:11px;}
		.meta_info li.permalink a {background:url(images/calendar-icon.png) no-repeat;padding-left:18px;}
		.meta_info li.comments_link a {background:url(images/comment-icon.png) no-repeat;padding-left:18px;}
		.meta_info li.tags {background:url(images/tag-icon.png) no-repeat;padding-left:18px;}
	#latest_post .post_text {float:left;width:265px;}
	.single .post_text {float:left;width:510px;}
#latest_post .read_more {clear:both;text-align:right;padding-right:16px;background:url(images/read_more.png) no-repeat center right;}
#latest_post .post_text {margin-bottom:5px;}
#twitter_posts {float:left;width:220px;margin-right:20px;}
#twitter_posts li {line-height:1.3;}
.aktt_tweet_time {text-decoration:none;font-style:italic;display:block;font-size:10px;}
#events_calendar {float:left;width:220px;}
#inner_secondary_column #twitter_posts .content, #inner_secondary_column #events_calendar .content {min-height:inherit;}
#twitter_posts .content, #events_calendar .content, #latest_post .content {min-height:435px;}
#events_calendar li {margin-button:5px;clear:both;}
#events_calendar .date_box {display:box;text-decoration:none;font-family:CartoGothic Std Bold, Arial, Helvetica, sans-serif;background-image:url(images/calendar-date-background.png);width:45px;height:44px;float:left;margin-right:10px;color:#fff;font-size:24px;position:relative;text-align:center;padding-right:4px;padding-top:2px;}
#events_calendar .date_box:hover {color:#CCC;}
#events_calendar .date_box span {display:block;font-size:14px;text-align:center;margin-top:-2px;}
#events_calendar .event_details {float:left;width:145px;}
#events_calendar .event_details p {font-size:12px;line-height:14px;}
				.event_details h4 {font-family:CartoGothic Std Bold, Arial, Helvetica, sans-serif;font-size:14px;margin-bottom:4px;font-weight:bold;}
				.event_details h5 {margin-bottom:5px;font-size:12px;font-weight:bold;}
.clear {clear:both;}

/* Main Content Box Styles */
.content_box {width:460px;margin-bottom:20px;}
	.content_box h2 {background-image:url(images/module-header-background.png);display:block;width:452px;height:35px;color:#fff;font-size:28px;line-height:30px; font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.5px;text-shadow: #333 -1px -1px 1px;padding-left:8px;}
	.content {background-color:#fff;padding:8px;}
	.post_text {padding-bottom:10px;}
	.blogindex .post_text {border-bottom:1px dotted #03F;}
	.post_text h3 {line-height:24px;font-size:19px;color:#000;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.1px;margin-bottom:5px;}
	.post_text h3 a {color:#000;text-decoration:none;}
	.post_text h3 a:hover {color:#006;}
	.post_text h4 {line-height:22px;font-size:18px;color:#000;font-family:CartoGothic Std Bold,Arial, Helvetica, sans-serif;letter-spacing:.1px;margin-bottom:5px;}
	.post_text h5 {line-height:18px;font-size:14px;color:#000;font-family:Arial, Helvetica, sans-serif;letter-spacing:.1px;margin-bottom:5px;text-transform:uppercase}
	.post_text ul {list-style-type:disc;margin:12px 0 12px 25px;font-size;14px;line-height:18px;}
	.post_text ul li, .content_box ol li {padding-left:12px;margin-bottom:8px;}
	.post_text ol {list-style-type:decimal;margin:12px 0 12px 25px;font-size:14px;line-height:18px;}
	.post_text blockquote {margin:12px 50px;background-color:#DFEFFF;padding:5px;font-size:14px;line-height:18px;}
	.post_text p, .content p {font-size:14px;line-height:18px;margin-bottom:14px;}
.alignleft {float:left;margin-right:20px;}
.alignright {float:right;margin-left:20px;}

/* Buttons */
.order_button, .visit_button {display:block;text-indent:-9999px;width:139px;height:30px;background-repeat:no-repeat;background-position:bottom;margin-left:6px;margin-bottom:5px;}
	.order_button:hover, .visit_button:hover {background-position:top;}
.order_button {background-image:url(images/order-book-button.png);}
.visit_button {background-image:url(images/visit-website-button.png);}
#cancel-comment-reply {}
#cancel-comment-reply a {position:relative;line-height:4px;top:-40px;left:437px;display:block;-moz-border-radius: 10px;-webkit-border-radius: 10px;height:5px;background-color:#06C;color:#fff;padding:10px;width:46px;color:#fff;text-decoration:none;font-weight:bold;font-family:CartoGothic Std Bold, Arial, Helvetica, sans-serif;font-size:16px;}
#cancel-comment-reply a:hover {color:#000}
/* Comments */
#comments {margin-bottom:20px;}
#comments li {margin-bottom:10px;}
#comments li li {margin-left:20px;margin-top:20px;}
#comments_area h3 {margin-top:20px;margin-left:20px;}
.commenter {width:100px;float:left;margin-right:20px;position:relative;text-align:center;}
	.commenter img {border:4px solid #cccccc;}
	.commenter h4 {color:#111828;font-size:12px;font-family:CartoGothic Std Bold, Arial, Helvetica, sans-serif;line-height:14px;}
	.commenter small {font-size:10px;color:#709ae6;font-weight:bold;}
	.commenter .stem {position:absolute;top:20px;right:-20px;background-image:url(images/bubble-stem.png);width:18px;height:22px;}
	.commenter .comment-reply-link {display:block;text-indent:-9999px;background-image:url(images/reply-button.png);height:21px;width:54px;margin-top:5px;margin-left:20px;}
.comment_body {width:380px;min-height:50px;float:left;padding:10px;background-color:#aec2fe;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#commentform {margin-left:20px;}
#commentform label {float:left;width:120px;margin-right:10px;clear:both;text-align:right;}
#commentform input {-moz-border-radius: 10px;-webkit-border-radius: 10px;background-color:#aec2fe;outline:none;border:none;font-size:18px;padding:3px;width:300px;}
#commentform #comment {width:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background-color:#aec2fe;outline:none;border:none;margin-left:130px;padding:5px;}
#commentform #submit {-moz-border-radius: 0px;-webkit-border-radius: 0px;background-image:url(images/submit-button.png);height:27px;width:72px;margin-left:510px;border:none;outline:none;text-indent:-9999px;display:block;padding:5px;}

/* Generic Classes */
.hidden {display:none;}


/*  main slider */
.anythingSlider                         { width: 440px; height: 390px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 440px; overflow: auto; height: 375x; margin: 0; position: absolute; top: 0; left: 0;z-index:100; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; top: 0; left: 0;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 375px; width: 440px; margin: 0; }
.anythingSlider .arrow                  { display: none;}

.anythingSlider .thumbNav                               { position: relative; top: 385px; text-align: right; }
.anythingSlider .thumbNav a                             { color: black; text-indent:-9999px; font: 11px/18px Georgia, Serif; display: inline-block; height: 16px; width:27px; margin: 0 10px 0 0; background:-color:#fff; text-align: center;border:1px solid #b7b3b3; }
.anythingSlider .thumbNav a:hover                       { background-image: none; }
.anythingSlider .thumbNav a.cur                         { background: #b7b3b3; }

.anythingSlider #start-stop                             {display:none;}

/* Current Slider */


.projectSlider                         { width: 440px; height: 180px; position: relative; margin: 0 auto 15px; }
.projectSlider .wrapper                { width: 440px; overflow: auto; height: 170x; margin: 0; position: absolute; top: 0; left: 0;z-index:100; }
.projectSlider .wrapper ul             { width: 99999px; list-style: none; top: 0; left: 0;}
.projectSlider ul li                   { display: block; float: left; padding: 0; height: 170px; width: 440px; margin: 0; }
.projectSlider .arrow                  { display: none;}

.projectSlider .thumbNav                               { position: relative; top: 175px; text-align: right; }
.projectSlider .thumbNav a                             { color: black; text-indent:-9999px; font: 11px/18px Georgia, Serif; display: inline-block; height: 16px; width:27px; margin: 0 10px 0 0; background:-color:#fff; text-align: center;border:1px solid #b7b3b3; }
.projectSlider .thumbNav a:hover                       { background-image: none; }
.projectSlider .thumbNav a.cur                         { background: #b7b3b3; }

.projectSlider #start-stop                             {display:none;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.projectSlider li .project_info {float:left;width:262px;margin-right:20px;}
.projectSlider li .project_details {float:left;width:142px;}
.project_details ul {list-style-type:none;}
.project_details ul li {display:block;margin-bottom:5px;width:auto;height:16px;float:none;padding-left:20px;}
.project_details .project_date {background:url(images/calendar-icon.png) no-repeat;}
.project_details .status {background:url(images/status-icon.png) no-repeat 1px 0px;}
.project_details .suggest_link {background:url(images/suggest-icon.png) no-repeat 1px 0;}
.project_details .submission_link {background:url(images/submission-icon.png) no-repeat;}

