/* @override 
	http://localhost:8888/zenphototest/themes/jon_friedman/styles/jon1.css
	http://jonrfriedman.com/artwork/themes/jon_friedman/styles/jon1.css
	http://jonrfriedman.com/themes/jon_friedman/styles/jon1.css
*/

.navbg {
	background: #262626 none;
	color: rgb(188, 125, 188);
	overflow: visible;
	text-align: left;
	top: 8px;
	width: 120px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 0px 0px 30px 0;
	display: inline-block;
	float: left;
}

div#sidebar {
	float: right;
	font-size: 90%;
	font-weight: bold;
	border-left: 1px dashed silver;
	margin-left: 5px;
	padding-left: 13px;
}

h1 {
	padding: 3px;
	text-transform: capitalize;
	word-spacing: 1.5pt;
	color: #b3b3b3;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

div.post h1 {
	border: 1px none rgb(51, 51, 51);
	padding: 6px;
	color: rgb(204, 204, 204);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: rgb(38, 38, 38);
	margin-right: 0px;
	margin-left: 0px;
}

div.newsarticle h3 {
	background-color: #393939;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 140%;
	padding: 6px 10px 2px;
}

div.navbg p {
	margin: 12px 0 3px;
}

div.navbg h1 {
	margin-top: 8px;
	font-size: 25px;
}

p {
	margin-left: 10px;
	margin-right: 10px;
	color: rgb(179, 179, 179);
	margin-bottom: 20px;
}

div#blog {
	margin-bottom: 14em;
}

.main {
	margin: 3px 16px 10px;
	padding: 7px;
	bottom: 0px;
	left: 112px;
	width: 640px;
	overflow: visible;
	position: absolute;
	right: 112px;
	top: 0px;
}

body {
	color: rgb(204, 204, 204);
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
}

html {
	background-color: #404040;
}

a:link {
	color: #c17db8;
	text-decoration: none;
	border-style: none;
}

a:visited {
	color: #be66c4;
	text-decoration: none;
}

a:hover {
	color: rgb(226, 150, 226);
}

a:active {
	color: rgb(255, 182, 0);
	text-decoration: none;
}

.navlinks, div.menu li {
	border-style: hidden;
	border-width: 2px;
	margin: 0px;
	padding: 3px;
	font-size: 16px;
	font-weight: normal;
	left: 0px;
	width: auto;
	text-transform: lowercase;
}

div.menu li {
	list-style-type: none;
	padding: 0;
}

div.menu ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

a.navlinks:link, div.menu li a:link {
	border-style: none;
	border-width: 0px;
	display: block;
	text-decoration: none;
	padding: 4px 0;
}

a.navlinks:visited, div.menu li a:visited {
	border-style: none;
	border-width: 2px;
	color: rgb(119, 239, 40);
	display: block;
	text-decoration: none;
}

a.navlinks:hover, div.menu li a:hover {
	border: 2px none rgb(255, 182, 0);
	/*
	background-attachment: scroll;
	background-image: url(resources/hover.png);
    background-position: left top;
	background-repeat: repeat;
	*/
	color: rgb(255, 200, 0);
}

a.navlinks:active, div.menu li a:active {
	border: 2px none rgb(255, 182, 0);
	color: rgb(255, 255, 0);
	text-decoration: none;
}

.t-round {
	border: 1px none rgb(0, 0, 0);
	margin: 0px;
	padding: 6px;
	background-color: rgb(38, 38, 38);
	background-image: url(resources/images/round_01.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: rgb(153, 102, 153);
	font-size: 14px;
	left: 6px;
	overflow: visible;
	position: absolute;
	text-align: left;
	top: 6px;
	width: 120px;
	z-index: auto;
	display: none;
}

.titlebg {
	border: 1px none rgb(0, 0, 0);
	margin: 0px 0px 30px;
	padding: 7px;
	background: rgb(38, 38, 38) url(resources/images/round_05.png) no-repeat scroll right bottom;
	color: rgb(188, 125, 188);
	font-size: 14px;
	height: 36px;
	left: 124px;
	overflow: hidden;
	position: absolute;
	right: 106px;
	text-align: left;
	top: 6px;
}

.lround {
	border: 1px none rgb(0, 0, 0);
	margin: 0px 0px 30px;
	padding: 7px;
	background: rgb(38, 38, 38) url(resources/images/round_04.png) no-repeat scroll left bottom;
	color: rgb(153, 102, 153);
	font-size: 14px;
	height: 36px;
	left: 106px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 6px;
	width: 18px;
}

.bodybold {
	font-weight: bold;
	margin-bottom: 34px;
	margin-left: 0px;
}

.imagebg {
	overflow: visible;
	text-align: center;
	margin: 0 0 0 160px;
	padding: 0 0 37px;
	width: 900px;
}

.colorsel {
	height: 34px;
	left: 312px;
	overflow: visible;
	position: relative;
	top: 218px;
	width: 100px;
}

.title {
	margin: 6px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	word-spacing: 3pt;
}

.bodytext {
	margin: 20px 10px 3px;
	padding: 0px 0px 0px 2px;
	color: rgb(179, 179, 179);
	font-size: 12px;
}

.numericindex {
	border: 1px none rgb(0, 0, 0);
	padding: 7px;
	background-color: rgb(38, 38, 38);
	height: 30px;
	left: 106px;
	overflow: visible;
	position: absolute;
	top: 260px;
	visibility: hidden;
	width: 180px;
}

.upperrightsmall {
	border-style: none;
	border-color: rgb(0, 0, 0) rgb(38, 38, 38) rgb(38, 38, 38);
	border-width: 1px;
	margin: 0px;
	padding: 2px;
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 2px;
	right: 7px;
	line-height: 14px;
	text-transform: lowercase;
	z-index: 10;
}

.photolinks {
	margin: 1px;
	font-size: 14px;
	text-align: left;
}

.mainimage {
	border: 1px solid rgb(0, 0, 0);
	margin: 0px 36px 16px;
	text-align: center;
	vertical-align: middle;
}

.imageheader {
	margin: 24px 10px 20px 3px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.imagetext {
	color: rgb(255, 182, 0);
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 28px;
	text-align: left;
}

.imagefileinfo {
	margin: 16px 100px;
	font-size: 12px;
	text-align: center;
}

.subtitle {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.thumbnailpagesel {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.thumbnailsrows {
	font-size: 12px;
	text-align: center;
}

img.thumbnailsrows {
	border: 1px solid rgb(0, 0, 0);
}

.thumbnail {
	border: 1px solid rgb(0, 0, 0);
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.controltext {
	padding: 0px 0 0px 11px;
	font-size: 12px;
	color: #616161;
	margin-top: 20px;
	margin-bottom: 3px;
}

.credits {
	color: rgb(255, 182, 0);
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-left: 3px;
	margin-right: 6px;
	text-transform: lowercase;
}

.copyright {
	color: rgb(255, 182, 0);
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-left: 3px;
	margin-right: 3px;
}

.triangle {
	float: right;
	border-style: none;
	position: relative;
	left: 17px;
	top: 43px;
}

.triangle2 {
	margin: 0px 0px -16px;
	padding: 0px;
	font-size: 0px;
	height: 16px;
	left: 99px;
	position: relative;
	top: 60px;
	width: 14px;
	z-index: 15;
}

.list1 {
	padding: 7px 7px 18px;
	background-color: rgb(38, 38, 38);
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}

.list1img {
	border: 1px solid rgb(0, 0, 0);
	text-align: center;
}

.arttable {
	text-align: center;
}

.subtitle2 {
	border: 1px none rgb(51, 51, 51);
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: rgb(102, 0, 51);
	margin-top: 48px;
	margin-bottom: 7px;
}

.subtitle3, div#events h1, div.pageContent h1 {
	padding: 6px;
	color: rgb(204, 204, 204);
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: rgb(38, 38, 38);
	margin-right: 0px;
	margin-left: 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.arttable2 {
	border: 1px solid #262626;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #262626;
}

.title2 {
	border-bottom: 1px solid #373737;
	margin: 6px 0 20px;
	padding: 7px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	word-spacing: 3pt;
	color: rgb(255, 200, 0);
}

.imagesetlink {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.contact {
	border-top: 1px solid #373737;
	padding: 10px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin: 20px 0 0;
}

.event {
	margin: 20px 10px 3px;
	padding: 0px 0px 0px 2px;
	color: rgb(255, 182, 0);
	font-size: 12px;
}

.eventrecent {
	margin: 20px 10px 3px;
	padding: 0px 0px 0px 2px;
	color: rgb(119, 239, 40);
	font-size: 12px;
}

.titlemain {
	margin: 6px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	word-spacing: 3pt;
	color: rgb(188, 125, 188);
}

.quicklinks {
	font-size: 12px;
	text-align: right;
}

/*

	Arvid Dark 0.2
	
*/

/* Main Layout
------------------------------ */

/*body {
	background: #1a1a1a;
	margin: 0 !important;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align: center;
	font: 76% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}*/

#main {
	text-align: left;
	padding: 2px 7px 7px;
	margin: 0 10px 5px;
	width: 800px;
	display: inline-block;
}

* html #main {
	width: 800px;
}

#credit {
	margin: 0 auto 40px auto;
	width: 680px;
	font-size: 9px;
	color: #AAA;
	text-align: right;
}

#credit a {
	text-decoration: none;
	color: #ab4d04;
}

#credit a:hover {
	color: #7A2;
	text-decoration: none;
}

#gallerytitle {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	word-spacing: 3pt;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

#galleryTitleBox {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#imagetitlebox {
	padding: 8px 4px 8px 10px;
	background-color: #262626;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: -10px;
}

#imagetitle {
	font-size: 15px;
	text-align: left;
}

#imagetitle span {
	font-style: normal;
	font-weight: normal;
}

#padbox {
	padding: 5px !important;
	background-color: #404040;
	margin-bottom: 32px;
	display: inline-block;
}

div#images {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	width: 768px;
}

#exif {
	color: #9C3;
	display: none;
}

#imagemetadata {
	display: none;
}

/* Text Styles
------------------------------ */

h1 a:link, h1 a:active, h1 a:visited {
	color: #1a1a1a;
	text-decoration: none;
}

h1 span {
	color: #1a1a1a;
}

h1 a:hover, h1 a:focus {
	color: #454545;
}

h2 {
	font-size: 1.5em;
	letter-spacing: 0.4pt;
	color: #313131;
	text-transform: uppercase;
	padding: 0;
	margin: 0;

/*width:510px;*/
	float: left;
	border-style: none;
}

h2 a:link, h2 a:active, h2 a:visited {
	text-decoration: none;
	color: #313131;
}

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

h2 a:hover {
	color: #ff6000;
}

h3 {
	margin: 5px 0 5px 0 !important;
	margin: 0;
	padding: 0;
}

h4 {
	color: #666;
	margin: 0;
	padding: 0;
}

/* Miscellaneous
------------------------------ */

hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #444;
	margin: 0 0 12px 0;
	padding: 0;
	color: #444;
}

img {
	border-style: none;
}

blockquote {
	border-left: 1px dotted #96967E;
	margin-left: 20px;
	padding-left: 20px;
	color: #363630;
}

acronym {
	cursor: help;
	border-bottom: 1px solid;
}

/* Page Navigation
------------------------------ */

.pagelist {
	padding: 0 20px 5px;
}

ul.pagelist {
	clear: both;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.pagelist li {
	display: inline;
}

ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}

ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

ul.pagelist li.prev {
	margin-right: 10px;
}

ul.pagelist li.next {
	margin-left: 10px;
}

.disabledlink {
	color: #AAA;
	cursor: default;
}

.pagenav {
	clear: both;
}

.disabled_nav {
	visibility: hidden;
}

/* AJAX
------------------------------ */

#albumDescEditable, #albumTagsEditable, #imageTags {
	margin-bottom: 12px;
}

#imageDescEditable, #albumTagsEditable {
	margin-top: 24px;
}

#imageDesc, #exif_link {
	margin-bottom: 25px;
	margin-top: 25px;
}

/* Tags
------------------------------ */

.taglist ul {
	display: inline;
	list-style-type: none;
}

.taglist li {
	background: url(../images/tag.png) no-repeat left center;
	list-style-type: none;
	line-height: 16px;
	padding-left: 18px;
	float: left;
	padding-right: 5px;
}

.taglist .tags_title {
	background: none;
	padding-right: 5px;
	padding-left: 0;
}

/* Image Thumbnails
------------------------------ */

/* Centers images vertically and horizontally in their blocks*/

.imagethumb a, .thumb a {
	display: table-cell;
	width: 132px;
	height: 132px;
	vertical-align: middle;
	text-align: center;
}

/* Tells them to float - cannot be same container as is used for vertical centering */

.imagethumb {
	float: left;
	padding: 9px;
	width: 132px;
	height: 132px;
}

.thumb {
	padding: 9px;
	width: 132px;
	float: left;
}

.album .thumb {
	margin-left: 64px;
	margin-right: 64px;
}

/*.imagethumb img {
	line-height: 132px;
	vertical-align: middle;
}*/

.albumdesc2 {
	line-height: 18px;
}

/* Album Thumbnails
------------------------------ */

#albums {
	float: left;
	width: 628px;
}

.album {
	float: left;
	clear: both;
	margin: 3px;
	width: 700px;
}

.album .imagethumb a, .album .thumb a {
	margin: 0;
}

.album h3 {
	padding: 0;
	margin: 0;
	background-image: none;
}

.album h3 a {
	display: block;
	width: 100%;
}

.album p {
	margin: 0 0 4px 0;
	line-height: 17px;
	font-size: 10px;
}

.albumdesc {
	width: 305px;
	margin-top: 60px;
	text-align: left;
	margin-left: 12px;
	font-size: 13px;
	float: left;
}

/* Individual Image
------------------------------ */

.imgdesc {
	padding: 10px 0 10px 0;
	line-height: 18px;
}

#image {
	text-align: center;
	line-height: 0;
	margin: 60px 10px;
}

/*#image a {
	display: table-cell;
	width: 900px;
	height: 900px;
	vertical-align: middle;
	text-align: center;
}*/

/* IE Only */

/*.imgnav {
	float: right;
	width: 240px;
	text-align: center;
	margin-top: 13px;
	_margin-top: 8px; 
}*/

.imgnav {
	float: right;
	width: 240px;
	text-align: center;
	margin: 0 0 0 12px;
}

.imgnav .imgprevious a, .imgnav .imgnext a {
	

/*font: normal 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	display: block;
	width: 33%;
	height: 100%;
	float: left;
	text-decoration: none;
	font-size: 125%;
}

.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	text-decoration: none;
/

*color: #0c2601;*/
}

.imgnav .imgprevious a {
	float: left;
}

.imgnav .imgnext a {
	float: right;
}

#imgoriginal {
	font-size: 8pt;
	text-align: right;
	height: 30px;
}

#imgorder {
	float: left;
}

#narrow {
	margin: 0 auto;
	width: 440px;
	line-height: 130%;
}

div.customData {
}

/* Forms
------------------------------ */

form {
	padding-bottom: 10px;
}

.inputbox {
	width: 250px;
	padding: 4px;
	margin-bottom: 5px !important;
	margin-bottom: 0px;
	color: #888;
	background: #1a1a1a;
	border: 1px solid #db7400;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	padding: 4px;
	margin-bottom: 5px !important;
	margin-bottom: 0px;
	width: 100%;
	color: #888;
	background: #1a1a1a;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #db7400;
}

.checkbox {
	cursor: pointer;
}

.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
	color: #363636;
	background: gray;
	border: 1px solid #616161;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

label {
	cursor: pointer;
}

.required {
	color: #9C3;
	cursor: help;
}

.gravatar {
	width: 20px;
	border: 1px grey solid;
	padding: 1px;
	vertical-align: middle;
}

#map {
	margin-left: -85px;
	padding: 10px 0;
}

#rating {
	margin-top: 10px;
}

/* Admin Toolbox
------------------------------ */

#admin, #admin_data {
	position: fixed;
	_position: absolute;
	top: 0;
	border-left: 1px solid #d86200;
	border-bottom: 1px solid #d86200;
	background: #262626;
	width: 144px;
	padding-left: 8px;
	right: 0;
}

#admin_data {
	top: 20px;
}

#admin h3 {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dashed #2a2a2a;
	margin: 0;
	padding: 0;
}

/* Search Box
------------------------------ */

div#search {
	margin: 14px 0 0;
}

#search_form {
	margin-top: 24px;
}

#search_form * {	
}

input {
	
}

img#searchfields_icon {
	margin-top: 1px;
	display: none;
}

#search_form a {
	float: left;
	display: inline-block;
}

#search_input {
	margin-bottom: 3px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 113px;
}

p.searchSummary {
	color: #ffc800;
	font-size: 120%;
	border-bottom: 1px dashed #ffc800;
	padding: 0 0 5px;
}

.searchSummary em {
	color: #72ef28;
}

#search input.pushbutton {
	font-size: 90%;
	-moz-border-radius: 6px;
	border-radius: 10px;
	width: 119px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#search ul {
	position: absolute;
	text-align: left;
	color: #000
  width:20px;
	margin: 0px;
	padding: 4px;
	list-style: none;
	background-color: rgba(45,45,45,0.7);
	border: 1px solid rgba(0,0,0,0.7);
}

#search ul .top {
	font-size: 14px;
	color: #000;
}

#search ul .item {
	display: none;
}

#search ul:hover .item {
	display: block;
	padding: 1px;
	margin: 0px;
	background-color: #1a1a1a;
	color: #fff
}

#search li {
	width: 160px;
}

.clear {
	clear: both;
	height: 10px;
}

/* Archive View
---------------------------- */

#archive {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

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

ul.archive .year {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
}

ul.archive .month {
	font-size: 14px;
	list-style: none;
	border-top: 2px solid #666;
	padding-top: 5px;
}

/* Tag Cloud
---------------------------- */

#tag_cloud {
	text-align: center;
	background: #111;
}

#tag_cloud ul li {
	display: inline;
	list-style-type: none;
}

#tag_cloud p {
	padding: 10px 0;
	margin: 20px 0;
	background: #222;
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

/* Error Messages
------------------------------ */

.errorbox {
	padding: 20px;
	background-color: #FDD;
	border-top: 1px solid #FAA;
	border-left: 1px solid #FAA;
	border-right: 1px solid #FAA;
	border-bottom: 5px solid #FAA;
	margin-bottom: 10px;
	font-size: 100%;
	color: #DD6666;
}

.errorbox h2 {
	color: #DD6666;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
}