/*
	Zenpage Default theme
*/ /* Basics
------------------------------ */
html { /* Moz */
	margin: 0;
	padding: 0;
}

/* BEGIN OYM TEMPLATE STYLES
------------------------------ */

/*** Body *************************************************************/ 
body {background: #1d1507; text-align:center;} 

body,table,td,tr,p {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; color: #000;}

/*** Headings *************************************************************/ 
H1,H2,H3,H4,H5 {color: #772831; font-weight: bold;}

H1 {font-size: 24px;}

H2 {font-size: 22px;}

H3 {font-size: 18px;}

H4 {font-size: 17px;}

H5 {font-size: 16px;}

/*** Links *************************************************************/ 
a:link {color: #6f9442; text-decoration: none;}

a:active {color: #6f9442; text-decoration: none;}

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

a:hover {color: #bb801e; text-decoration: underline;}

/*** Main Table *************************************************************/ 
#main-table {margin-top: 40px; padding:0; background: url(images/sidebar-bg-tile.jpg) top right repeat-y;} 

/*** Header *************************************************************/  
#design-header {background: url(images/heading-bg.jpg) top center no-repeat;} 

#design-header H1 {color: #fff; font-size: 30px;}

/*** Breadcrumb Area *************************************************************/   
#breadcrumb-area {background: #afa698; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 11px; padding: 0px; margin:0px; height:40px;}

.breadcrumb-links {padding: 10px 0px 10px 20px; float: left; clear: both;}

/*** Content Area *************************************************************/   
#content-column {background: #fff; padding: 20px;}

/*** Sidebar *************************************************************/  
#sidebar-column {background: url(images/sidebar-bg-top.jpg) top center no-repeat; padding: 0px; margin:0px;}

/*** Footer *************************************************************/ 
#footer-area {background:#afa698; border-top: 1px solid #fff; padding: 20px;} 

.footer-copyright {font-size: 10px; color: #fff;}

.white {color: #fff;}

a.white:link,active,visited {color: #fff; text-decoration: none;}

a.white:hover {color: #fff; text-decoration: underline;}

/* END OYM TEMPLATE STYLES
------------------------------ */

/* Content Section Items
------------------------------ */

#content-error {width: 500px; padding: 20px; font-size: 14px; margin-left: 5px;}

#content-left {height: 100%; float: left;}

#content-left p.zenpageexcerpt {font-size: 13px; line-height: 1.5em; margin: 0px; clear: both;}

#content-left ul.searchresults li {margin-bottom: 8px;}

/* Sidebar Items
------------------------------ */

.menu h3 {padding-left: 10px; padding-top: 10px;}

.menu {border-bottom: 1px dotted #1d1507; height: 100%;}

.menu ul {list-style: none;}

.menu ul li {padding-bottom: 4px; text-decoration: none; margin-left: -30px; color: #506438;}

.menu li a.menu-active {padding-bottom: 4px; color: #000; font-weight: bold; text-decoration: none;}

.submenu {list-style: none;	font-size: 12px; text-decoration: none;}

.menu .submenu ul {margin-bottom: 10px; }

.menu,submenu a:link,active,visited {color: #506438; text-decoration: none;}

.menu,submenu a:hover {color: #bb801e;text-decoration: none;}

/* Search Box
------------------------------ */
#search {heigth:20px; float: right; text-align: center; background: transparent; z-index: 1000; position: relative; padding-right: 20px; padding-top: 6px;}

#search input.pushbutton {padding: 1px;	font-size: 80%;}

#search ul {background: #fff; position: absolute; text-align: left; width: 20px; margin: 0px; padding: 0px; list-style: none;}

#search ul .item {background: #fff; display: none;}

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

#search li {background: #fff; width: 150px;}

#searchfields_icon {position: relative; top: 4px;}

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

/* Miscellaneous
------------------------------ */
img {border: 0;}

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

#imagemetadata {text-align: right;}

#imagemetadata table {text-align: left;	line-height: 1em; border: 1px solid #ccc; top: 2em;	right: 0px;	background-color: #fafafa;}

#imagemetadata table td {border-bottom: 1px solid #f0f0f0; background-color: #f8f8f8; padding: 2px 5px;}

/* Page Navigation
------------------------------ */
ul.pagelist {font-size: 1em; clear: both; padding: 0; margin: 20px 0 0 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;	cursor: default; color: #f00;}

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

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

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

.pagenav {clear: both;}

.disabled_nav {visibility: hidden;}

/* AJAX
------------------------------ */
#albumDescEditable,#albumTagsEditable {margin-bottom: 12px;}

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

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

#exif_link {float: right;}

/* Tags
------------------------------ */
.taglist {display: inline; list-style-type: none;}

.taglist li {list-style-type: none;	padding-left: 0px; float: left; padding-right: 0px; color: #999999; display: inline;}

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

/* Image Thumbnails
------------------------------ */
#images {border: 0; float: left; width: 590px;}

.imagethumb a,.imagethumb a:hover {border: 1px solid #e6e6e6; background-color: #FBFBF8; display: block; padding: 7px; margin: 0px 12px 12px 0px; line-height: 0px;}

.imagethumb a:visited {background-color: #fcfcfc; border: 1px solid #f8f8f8;}

.imagethumb a:hover {background-color: #d9d9d9;	border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #979797; border-bottom: 1px solid #979797;}

.imagethumb {float: left;}

/* Album Thumbnails
------------------------------ */
#albums {border: 0px solid gray; font-size: 10px; float: left; width: 590px;}

.album {border: 1px solid #EEEEEE; background: #FBFBF8; margin: 0px 16px 15px 0; padding: 10px 0px 10px 10px; float: left; width: 265px; line-height: 100%; height: 95px;}

.album a img {}

.album .thumb {text-decoration: none; float: left; margin-right: 6px;}

.album h3 {padding: 0; margin: 0px;}

.albumdesc {height: 90px; width: 160px; float: left;}

.albumdesc h3 {font-size: 1.5em; line-height: 1.1em; margin-bottom: 0.3em;}

.album p {line-height: 12px; font-size: 11px; padding: 0px 0px 0px; margin: 0px;}

.albumdesc small {color: gray;}

/* Individual Image
------------------------------ */
.image {margin: 0; padding: 0; border: 0;}

#image {text-align: center; margin: 0 auto; line-height: 0;}

#image div {line-height: 1.6em; text-align: left;}

.imgnav {border:0; float: right; width: 100px; text-align: right;}

.imgnav .imgprevious a,.imgnav .imgnext a {display: block; width: 50px; height: 100%; float: left; padding: 0px 0; font-size: 12px; text-decoration: none; line-height: 180%;}

.imgnav .imgprevious a:hover,.imgnav .imgnext a:hover {color: #002E5B; background: transparent; text-decoration: none;}

.imgnav .imgprevious a {float: left;}

.imgnav .imgnext a {float: right;}

#narrow {margin-top: 5px;}

/* centering flowplayer 3 on image.php */
#image .flowplayer {margin: 0 auto;}

/* Paged thumbs nav
------------------------------ */
#pagedthumbsnav {border: 0px solid gray; color: #444444; width: 580px; height: 55px; padding: 0px;}

#pagedthumbsimages {border: 0px solid gray; text-align: center;}

#pagedthumbsimages img {border: 1px solid darkgray; padding: 2px; float: left;}

#pagedthumbsimages img:hover {border: 2px solid orange;	padding: 1px;}

#pagedthumbsnav-active img {border: 2px solid orange; padding: 1px;	float: left;}

#pagedthumbsnav-prev {width: 155px; height: 20px; padding-top: 10px; font-size: 1em; float: left;}

#pagedthumbsnav-next {width: 100px; height: 20px; padding-top: 10px; font-size: 1em; float: right; text-align: center;}

#pagedthumbsnav-prevdisabled {visibility: hidden; width: 155px; height: 20px; padding-top: 10px; font-size: 1em; float: left;}

#pagedthumbsnav-nextdisabled {visibility: hidden; width: 100px; height: 20px; padding-top: 10px; font-size: 1em; float: right; text-align: center;}

/* Comments
------------------------------ */
#comments {border-top: 1px dotted darkgray; clear: both; width: 560px; margin-top: 10px; padding: 0;}

.error {color: #C33; font-weight: bold;}

.comment {border: 1px solid #E7F0F5; background: #F8F9F2; padding: 0px 8px 12px 8px; margin-bottom: 12px;}

.commentmeta {margin-bottom: 12px;}

.commentauthor {font-weight: bold;}

.commentdate {color: #8DB8CF; margin-top: 12px; font-size: 85%;}

/* Forms
------------------------------ */
.inputbox {width: 250px; padding: 2px;}

textarea {padding: 4px; width: 100%;}

.checkbox {cursor: pointer;}

.pushbutton {cursor: pointer; padding: 5px 10px;}

label {cursor: pointer;}

label:hover {color: #000;}

#map {margin-left: -77px;}

#rating {margin-top: 10px;}

/* Archive View
---------------------------- */
#archive {width: 580px; text-align: left;}

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

ul.archive .year {margin-top: 0px; text-align: left; font-weight: bold; font-size: 1.2em; margin-left: -30px;}

ul.archive .month {border-top: 0px solid #E6E6DF; font-size: 1em; list-style: none; padding-top: 5px; margin-left: -30px; font-weight: normal; margin-bottom: 15px;}

ul.archive li {display: inline; margin-right: 9px;}

ul.archive .archive-active a {color: black;}

/* Tag Cloud
---------------------------- */
#tag_cloud {background: #eee; text-align: center;}

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

#tag_cloud p {background: #fff; border-top: 3px solid #E6E6DF; border-bottom: 3px solid #E6E6DF; padding: 10px 0; margin: 20px 0; text-align: left;}

/* Error Messages
------------------------------ */
.errorbox {color: #DD6666; background-color: #FDD; border: 1px solid #FAA; margin-bottom: 10px;	font-size: 100%; padding: 20px;}

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

/* News Articles
------------------------------ */
hr {border: 0; border-top: 1px dotted gray;}

.newsarticle {border-bottom: 1px dotted #666666; padding-top: 1em; padding-bottom: 1em;}

.newsarticlecredit {margin-top: 0px; margin-bottom: 10px;}

.newsarticlecredit-left {float: left; margin-right: 0.3em;}

.newscategories {margin: 0;	padding: 0;	display: inline;}

.newscategories li {display: inline; list-style: none;}

.singlenews_prev {float: left;}

.singlenews_next {float: right;}

.langselector {height: 25px;}

.langselector p {float: left;}

.newstype {font-size: 0.8em;}

.langselector {border-bottom: 1px dotted darkgray; margin-top: 0em; font-size: 1.3em; padding: 2em 0em 0.8em 3em; height: 100%;}

#dynamic-locale {width: 195px;}

/* zenphoto/zenpage footer link
---------------------------*/
#zen-part {font-size: 10px;}

#photo-part {font-size: 11px; font-weight: bold;}

#IE-clear-part {font-size: 12px; font-weight: normal;}

/* login form */
table.password td.userlabel {text-align:left;}

table.password td.userinput {text-align:left;}

table.password td.userinput input, td.passwordinput input {width: 15em;}

/* login form */
table.password td.passwordlabel {text-align:left;}

table.password td.passwordinput{text-align:left;}

table.password td.submit{text-align:left;}

table.password td.hint{text-align:left;}

.captchainputbox {width: 6.6em;	padding: 2px;}

/* Admin Toolbox
------------------------------ */
#admin,#admin_data {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
	z-index: 1001;
	text-align: left;
	font-size: 1.3em;
}

#admin_data {
	top: 0px;
	padding-top: 20px;
	z-index: 1000;
	line-height: 1.6em;
}

#admin h3 {
	font-weight: normal;
	color: #999;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
}

#admin h3:hover {
	color: #036;
}