a {color:#008f00;} /* JoT green */

a:hover {color:#9b26b6;} /* JoT purple */

h1, h2, h3, h4, h5 {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-weight:700;
}

h1 {font-size: 28px;}

h2 {font-size: 22px;}

h3 { font-size: 18px;}

h4 {font-size: 16px;}

h1 a, h2 a {color:#555;}

input {padding:3pt; width: 12em;}
input::-webkit-input-placeholder {color:#777777;}
input::-moz-placeholder {color:#777777;}
input:-ms-input-placeholder {color:#777777;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}

p img {
	display: block;
	height: auto;
	max-width: 100%;
}

p.sidebar-link img {
	display: inline;
	height: auto;
	/*max-width: auto;*/
}

p, li, blockquote, .page_number {
	font-family:'Merriweather', Georgia, serif;
	font-weight: 400;
	line-height:160%;
	font-size:14px;
}

#sidebar-column {padding-right:0;}

.book-caption {
	padding:.25em 0 1em 0;
	width:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.black {color:black;}

.books {padding: 10px;}

.center {text-align:center;}

.col-md-7, .col-md-8 {
	background-color: #EEE;
	border: 1px solid #CCC;
	margin-top:60px;
}

.dkgray {color:#555;}

.highlight-box {
	margin-top:1em;
	padding-top:0;
	padding-bottom:.25em;
}

.img-left {
	float: left !important;
	margin:0 1em 1em 0;
}

.img-right {
	float: right !important;
	margin:0 0 1em 1em;
}

.joe-blurb {
	padding:1em 1em 0 1em;
	margin-bottom:2em;
}

.joeMail {
	border:1px solid #CCC;
	padding:0 1em 1em 1em;
	margin:0 0 1em 0;
}

.jot-green {color:#008f00;}

.jot-purple {color:#9b26b6;}

.jotouter {
	position:relative;
	top:0;
}

.jottings {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-weight:400;
	text-align:center;
	background-color:#EEE;
	padding:.25em 0 .25em 0;
}

.left {text-align:left;}

.line-separator {
	height:2px;
	width:50%;
	background:#008f00;
	border-bottom:1px solid #CCC;
	margin:2em 25% 2em 25%;
}

.logo {margin-top:1em;}

.navbar, .nav, #nav, .navbar-default, .navbar-static {margin-left:1em}

.navbar-default .navbar-nav > li > a {/*color: #9b26b6;*/}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #9b26b6 !important;
  text-decoration: underline;
}

.navbar-default a, #sidebar li {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-weight:400;
	font-size:16px;
	color:#555 !important;
}

.navbar-jot {
	background-color:#EEE;
	border:1px solid #CCC;
	padding:0;
}

.navbar-nav li a {
	padding-left:12px;
	padding-right:12px;
}

.navbar-static {
	background-color:white;
	border:0;
	margin-left:0;
	margin-bottom:0;
}

.post-meta {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:160%;
	margin-top:.5em;
}

.previous, .next {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
}

.pull {
	float:right;
	margin-left:15px;
	width:250px;
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	color: #9b26b6;
}

.response {display:none;}

.right {text-align:right;}

.sidebar-link {
	font-family:'Roboto Condensed', Helvetica, sans-serif;
	font-weight:400;
	font-size:16px;
}

.sidebar-link a {color:#555;}

.sidebar-link a:hover {color:#9b26b6;}

.spacer-bottom {height:200px;}

.textwidget {font-weight:normal;}

.white {color:white;}

.youtube, .vimeo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.youtube iframe, .vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) { /* Tablet and larger */
	.navbar-brand {visibility:hidden; width:0}
}

@media (min-width: 768px) and (max-width: 991px) { /* Tablet and Medium Desktop */
	img.logo {max-width:25%; margin:.75em 0 0 0;}
	img.logo2 {height:0px; margin:.75em 0 0 0;}
	.col-md-7, .col-md-8 {margin-top:0}
}

@media (max-width: 767px) { /* Phone and Tablet */
	img.logo,img.logo2 {height:0px; margin:.75em 0 0 0;}
	.jotouter {position:relative; top:-20px}
	.col-md-7, .col-md-8 {margin-top:0}
}

@media (max-width: 479px) { /* Phone only */
	.navbar-collapse {max-width:260px;}
}

/* Search Styles */
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }

.searchtime { font-size: 80%; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }
.shadow {
  -moz-box-shadow:    -5px 5px 8px #444;
  -webkit-box-shadow: -5px 5px 8px #444;
  box-shadow:         -5px 5px 8px #444;
}
