@charset "utf-8";

/* General Styles */
html {
	min-height: 100%;
	margin-bottom: 1px; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
	background-image: url(/templates/jonnyisms/img/mainbg.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-weight: 100;
	line-height: 160%; }

img { border: 0; }

a {
	color: #5d7b8e;
	text-decoration: none; }

	a:hover {
		color: #999;
		text-decoration: none; }

.center { text-align: center; }
.centre { text-align: center; }

abbr {
	background-color: #EEE;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	cursor: help; }

acronym {
	background-color: #EEE;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	cursor: help; }

/* Header Styles */
.header {
	background-color: #4d4d4d;
	margin: 0 auto;
	padding: 0px;
	height: 146px;
	width: 960px; }

.logo {
	float: left;
	width: 358px;
	height: 146px;
	background-image: url(/templates/jonnyisms/img/logo.png);
	background-repeat: no-repeat;
	cursor: pointer; }

.nav {
	text-transform: lowercase;
	color: #FFFFFF;
	float: right;
	height: 53px;
	width: 500px;
	text-align: right;
	margin-right: 20px;
	margin-top: 93px; }

	.nav a { color: #FFF; }

	.nav ol {
		margin: 0;
		padding: 0;
		list-style: none; }

		.nav ol li {
			display: inline;
			color: #FFF;
			text-decoration: none;
			padding: 0;
			margin: 0 8px; }

	.nav a:hover {
		color: #999;
		text-decoration: none; }

h1 { display: none; }

/* Content Styles */
.wrapper {
	background-image: url(/templates/jonnyisms/img/contentbg.png);
	margin: 0 auto;
	padding: 14px;
	min-height: 600px;
	width: 932px;
	background-repeat: repeat-x;
	background-color: #FFFFFF; }

.content {
	padding-top: 3px;
	padding-left: 66px;
	padding-right: 66px;
	min-height: 572px;
	width: 800px;
	background-color: #FFFFFF;
	clear: both;
	overflow: auto; }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #5d7b8e;
	font-weight: 100;
	text-transform: lowercase;
	padding-top: 20px; }

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #5d7b8e;
	font-weight: 100;
	text-transform: lowercase; }

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #999;
	font-weight: 100;
	text-transform: lowercase; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
	background-color: #fff;
	border: 1px solid #999; }

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
	background-color: #fff;
	border: 1px solid #999;
	line-height: 160%; }

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
	background-color: #fff;
	border: 1px solid #fff;
	text-transform: lowercase; }

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	color: #5d7b8e;
	background-color : #e4e4e4;
	border : 1px solid #999;
	padding: 3px;
	text-transform: lowercase; }

.date {
	color: #999;
	text-transform: lowercase; }
	
.rss_icon {
  vertical-align: middle; }

.spam_control {
	border: 1px solid #999;
	width: 255px;
	margin: 0px;
	padding: 10px; }

.spam_control_instructions {
	color: #999;
	text-transform: lowercase;
	font-size: 10px; }

.loader { text-align: center; }

/* Photo Styles */
.photo_content {
	width: 800px;
	margin: 0 auto;
	padding: 0; }

#EXIF {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	text-align: left;
	background-color: #333;
	color: #fff;
	display: none;
	
	margin: 0 auto;
	padding: 0; }

.photo_exif_data {
	padding: 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: lowercase; }

.photo_navigation_links {
	float: left;
	width: 45%;
	text-align: left;
	text-transform: lowercase; }

	.photo_navigation_links ul {
		margin: 0;
		padding: 0;
		list-style: none; }

		.photo_navigation_links ul li {
			display: inline;
			padding: 0;
			margin: 0;
			margin-right: 8px; }

.photo_info_links {
	float: right;
	width: 45%;
	text-align: right;
	text-transform: lowercase; }

	.photo_info_links ul {
		margin: 0;
		padding: 0;
		list-style: none; }

		.photo_info_links ul li {
			display: inline;
			padding: 0;
			margin: 0;
			margin-left: 8px; }

#comments {
	margin-top: 0;
	clear: both;
	overflow: auto;
	height: 1%; }

.photo_comments_left {
	margin-top: 0;
	margin-bottom: 10px;
	width: 45%;
	float: left; }

.photo_comments_right {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	width: 45%;
	float: right; }

.photo_comments ul {
	margin-top: 10px;
	margin-left: 0;
	padding: 0;
	list-style: none; }

	.photo_comments ul li {
		margin-bottom: 10px;
		border-left: 1px solid #999;
		padding: 8px; }

.photo_comment_author { color: #5d7b8e; }

.photo_form {
	margin-top: 0px;
	clear: both;
	overflow: auto;
	height: 1%; }

.photo_form_left {
	margin-top: 0;
	margin-bottom: 10px;
	width: 52px;
	float: left; }

.photo_form_right {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	width: 305px;
	float: left; }

/* Browse Styles */
.browse_left {
	width: 581px;
	float: left; }

	.browse_left a { margin: 0 5px 5px 0px; }

.browse_right {
	width: 194px;
	float: right; }

	.browse_right ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 35px; }

		.browse_right ul li {
			border-bottom: 1px solid #999;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-transform: lowercase; }

	.browse_right select {
		width: 194px;
		margin-bottom: 7px;
		color: #5d7b8e; }

.browse_bottom {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	color: #999;
	clear: both;
	text-transform: lowercase; }

	.browse_bottom a { margin-right: 2px; }

/* Blog Styles */
.blog_left {
	margin-top: 0;
	margin-bottom: 10px;
	width: 581px;
	float: left; }

	.blog_left img { 
    max-width: 581px;
    vertical-align: middle; }

.blog_footer { overflow: auto; }

.blog_footer_left {
	float: left;
	width: 45%;
	text-align: left;
	text-transform: lowercase; }

	.blog_footer_left ul {
		margin: 0;
		padding: 0;
		list-style: none; }

		.blog_footer_left ul li {
			display: inline;
			padding: 0;
			margin: 0;
			margin-right: 8px; }

.blog_footer_right {
	float: right;
	width: 45%;
	text-align: right;
	text-transform: lowercase; }

.blog_right {
	margin-top: 0;
	margin-bottom: 10px;
	width: 194px;
	float: right; }

	.blog_right ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 35px; }

		.blog_right ul li {
			border-bottom: 1px solid #999;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-transform: lowercase; }

	.blog_right #tweet ul {
		margin: 0;
		padding: 0; }

.blog_twitter_time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: lowercase; }

.blog_twitter_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: right;
	text-transform: lowercase;
	margin-top: 0;
	padding-top: 0; }

.blog_comments {
	width: 581px;
	padding: 0;
	margin: 0; }

	.blog_comments ul {
		margin-top: 10px;
		margin-left: 0;
		padding: 0;
		list-style: none; }

		.blog_comments ul li {
			margin-bottom: 10px;
			border-left: 1px solid #999;
			padding: 8px; }

.blog_comment_author { color: #5d7b8e; }

.blog_form {
	margin-top: 0px;
	clear: both;
	overflow: auto;
	height: 1%; }

.blog_form_left {
	margin-top: 0;
	margin-bottom: 10px;
	width: 85px;
	float: left; }

.blog_form_right {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	width: 496px;
	float: left; }

	.blog_form_right textarea { width: 400px; }

.blog_form_input { width: 275px; }

.blog_archive_title { color: #5d7b8e; }

.comments_disabled { color: #999; }

/* Contact Styles */
.contact_form {
	margin-top: 0px;
	clear: both;
	overflow: auto;
	height: 1%; }

.contact_form_left {
	margin-top: 0;
	margin-bottom: 10px;
	width: 85px;
	float: left; }

.contact_form_right {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	width: 550px;
	float: left; }

.contact_form_input { width: 275px; }

.contact_form textarea { width: 600px; }

/* About Styles */
.about_left {
	margin-top: 0;
	width: 581px;
	float: left; }

.about_right {
	margin-top: 0;
	width: 194px;
	float: right; }

.about_note { color: #999; }

.about_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 35px; }

	.about_right ul li {
		border-bottom: 1px solid #999;
		list-style-type: none;
		margin: 0;
		padding: 0; }

/* Links Styles */
.links_left {
	margin-top: 0;
	width: 581px;
	float: left; }

	.links_left img {
		float: left;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px; }

.links_right {
	margin-top: 0;
	width: 194px;
	float: right; }

	.links_right ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 35px; }

		.links_right ul li {
			border-bottom: 1px solid #999;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-transform: lowercase; }

/* Twitter Styles */
.twitter_left {
	margin-top: 0;
	width: 581px;
	float: left; }

	.twitter_left ul {
		margin-top: 10px;
		margin-left: 0;
		padding: 0;
		list-style: none; }

		.twitter_left ul li {
			margin-bottom: 10px;
			border-left: 1px solid #999;
			padding: 8px; }

.twitter_right {
	margin-top: 0;
	width: 194px;
	float: right;
	line-height: 120%; }

	.twitter_right ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: 35px; }

		.twitter_right ul li {
			border-bottom: 1px solid #999;
			list-style-type: none;
			margin: 0;
			padding: 3px 0; }

.twitter_right_real_name {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: lowercase;
	color: #999; }

/* Error Page Styles */
.error_left {
	margin-top: 20px;
	width: 284px;
	float: left; }

.error_right {
	margin-top: 0;
	width: 491px;
	float: right; }

	.error_right ul {
		margin: 0;
		padding: 0;
		list-style: none; }

		.error_right ul li {
			border-left: 1px solid #999;
			margin: 0;
			padding: 0 8px;
			margin-bottom: 10px; }

/* Footer Styles */
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: lowercase;
	clear: both;
	padding-top: 25px;
	color: #999; }

	.footer ol { display: none; }