/*
Theme Name: jonferry.com v2
Theme URI: http://www.jonferry.com
Description: Custom theme created for jonferry.com.
Version: 2.0
Author: Jon Ferry
Author URI: http://www.jonferry.com
Tags: minimal
*/
body {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important;
	font-size: 100% !important;
}
a {
	color: #D00 !important;
}
a:hover {
	color: #D00;
	text-decoration: none;
}
p {
}
ul, ol {
	padding: 0;
}
blockquote {
	margin: 0;	
}
h1, h2, h3, h4 {
	font-family: Georgia, Times, "Times New Roman", serif;
}
img {
	width: auto;
	max-width: 100%;
}
/* *** Header *** */
#container {
	margin: 0 auto;
	width: 960px; /* 960 / 16 = 60 */
}
#searchform {
	padding-right: 25px;
}
#searchsubmit {
	background: url(images/search-sprite.png) no-repeat 0 0;
	border: medium none;
	cursor: pointer;
	height: 27px;
	padding: 27px 0 0;
	position: absolute;
	right: 0;
	top: 6px;
	width: 25px;
}
#searchsubmit:hover {
	background-position: 0 -31px;
}
#s {
	width: 200px;
	background-color: #AAA;
	border-color: #777;
}
#s:hover {
	background-color: #FFF;
	border-color: #666;
}
#s:focus {
	background-color: #FFF;
	border-color: #666;
	outline-width: 0;
}
/* *** Index *** */
.journal .header h2 {
	display: none;
}
.journal .post {
	margin-top: 2em;
}
.journal h2, .search-results h2 {
	display: none;
}
.journal .articles, .search-results .articles {
	padding: 0px;
	list-style: none;
}
.articles h3 {
	margin-bottom: .125em;
	font-size: 2em;
	line-height: 1.5em;
}
.articles h3 a {
	color: #222;
	text-decoration: none;
}
.articles h3 a:hover {
	color: #000;
}
.meta {
	color: #AAA;
	font-style: italic;
	font-size: .8125em;
}
.meta a {
	color: #AAA;
	text-decoration: none;
}
.meta .author a {
	text-decoration: underline;
}
.meta a:hover {
	color: #000;
}
.journal .navigation, .search-results .navigation {
	/*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
	font-size: .875em;
	margin-bottom: 2em;
}
.journal .navigation a, .search-results .navigation a {
	color: #222;
	text-decoration: none;
	padding: 0 10px 0 10px;
}
.journal .navigation a:first-child, .search-results .navigation a:first-child {
	padding-left: 0;
}
.journal .navigation a:nth-child(2), .search-results .navigation a:nth-child(2) {
	border-left: 1px solid #DDD;
}
.journal .navigation a:hover, .search-results .navigation a:hover {
	color: #000;
}
.search-meta {
	margin-top: 1em;
	font-style: italic;
}
/* *** Article *** */
#article, article {
	margin: 0 auto;
}
.article {
	margin-top: 1em;
}
.article h2 {
}
.article h3 {
	font-style: italic;
}
.comments-list {
	padding: 0px;
	list-style: none;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.wp-caption p {
	color: #AAA;
	font-size: .6875em;
	font-family: "Helvetica Neue", Arial, Sans-Serif;
}
.article ul, .article ol {
}
.secondary-wrapper {
	padding-top: 2em;
	background: url(images/secondary-gradient.jpg) repeat-x scroll 0 0 #EEE;
	margin-top: 2em;
}
.secondary-wrapper h3 {
	color: #222;
}
.comment .author {
	color: #222;
	font-style: normal;
	font-weight: bold;
}
.comment .author a{
	color: #222;
	font-style: normal;
}
.comment .date {
}
.comment .moderation {
	background-color: yellow;
	color: #000;
}
#commentform label {
	width: 30px;
	text-align: right;
	font-family: "Lucida Grande", Tahoma, Verdana, Sans-Serif;
	font-size: .8125em;
}
#commentform #author {
	width: 140px;
}
#commentform #email {
	width: 160px;
}
#commentform #comment {
	width: 630px;
}
#commentform textarea {
	height: 200px;
}
/* *** Forms *** */
input.text, textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#social-tools {
	padding-bottom: 24px;
}
/* *** Footer *** */
#footer, footer {
	font-style: italic;
	font-size: .6875em;
	line-height: 2.1818em;
	border-top: 1px solid #DDD;
	padding-bottom: 12px;
}
#footer a, footer a {
	color: #222;
}
#footer a:hover, footer a:hover {
	color: #000;
}
#footer .rss, footer .rss {
	text-align: right;
}
.rss_feed {
	background: url(images/feed-icon-14x14.png) no-repeat right center;
	padding: 0 1.6em .2em .2em;
}
.no-border {
	border: none;
	background: none;
	background-color: #EEE;
	margin-top: 0;
}


@media screen and (max-width: 480px) {
	body {
		font-size: 75% !important;
	}
}

@media screen and (max-width: 740px) {
	article h2, article p, article ol, article ul {
		width: auto;
	}
}
@media screen and (min-width: 740px) {
	article h2, article p, article ol, article ul {
		width: 720px; /* 710 / 16 = 44.375 */
	}
}

@media screen and (max-width: 1000px) {
	#container {
		width: auto;
    	margin: 0 1.25em;
	}
	ul, ol {
		margin-left: 1.25em;
	}
}
@media screen and (min-width: 1000px) {
	#container {
    	margin: 0 auto;
		width: 960px; /* 960 / 16 = 60 */
	}
}