/*
  Maian Gallery v2.0+ CSS file
  Theme: Abstract
  Design by D.Carter
  http://www.dcarter.co.uk
  Adapted for Maian Gallery by David Ian Bennett

  Released for free under a Creative Commons Attribution 2.5 License
*/

/* global */
html {
	height: 100%;
}
body {
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .78em;
	color: #555555;
}
p {
	margin: 0px;
	padding: 0px 0px 16px 0px;
	line-height: 1.7em;
}
.heading_box {
  color: #555555;
  border-bottom: 1px dashed #40403E;
  margin: 15px 0 0 0;
  padding: 15px 5px 5px 5px;
  font-weight: bold;
  clear:both;
}
#welcome_box {
  clear:both;
}
h1 {
  font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #555555;
	letter-spacing: .1em;
	padding: 7px 0px 5px 0px;
	margin: 0px 0px 12px 0px;
}
h2, h3, h4 {
	font-family: tahoma, sans-serif;
	font-size: 110%;
	letter-spacing: .1em;
	padding: 7px 0px 5px 0px;
	margin: 0px 0px 12px 0px;
}
h4 {
	font-family: arial, sans-serif;
	font-size: 110%;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
a {
	outline: none;
}
form {
	padding: 0;
	margin: 0;
}
/* image positioning - left, right and center */
.left {
	float: left;
	border-right: 18px solid;
}
.right {
	float: right;
	border-left: 18px solid;
}
.center {
	display: block;
	text-align: center;
	margin: 0 auto;
}
/* block quote */
blockquote {
	margin: 20px 0px 20px 0px;
	padding: 10px 20px 0px 20px;
	border-left: 8px solid;
}
/* unordered list */
ul {
	margin: 2px 0px 18px 16px;
	padding: 0px;
}
ul li {
	list-style-type: square;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
/* ordered list */
ol {
	margin: 8px 0px 0px 24px;
	padding: 0px;
}
ol li {
	margin: 0px 0px 11px 0px;
	padding: 0px;
}
/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content {
	margin-left: auto;
	margin-right: auto;
}
/* main container */
#main {
	width: 770px;
}
/* logo */
#logo {
	width: 760px;
	height: 200px;
	border-top: 5px solid;
}
#logo h1 {
	font-size: 250%;
	font-weight: normal;
	padding: 0px 12px 0px 0px;
	float: right;
}
/* navigation menu */
#menubar {
	width: 760px;
	height: 70px;
}
ul#menu {
	margin: 0px;
}
ul#menu li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul#menu li a {
	font-family: verdana, sans-serif;
	display: block;
	float: left;
	height: 44px;
	text-decoration: none;
	padding: 26px 18px 0px 18px;
	text-align: center;
	border-right: 1px solid;
}
#search {
	float: right;
	padding: 15px 15px 0px 0px;
}
input.searchfield {
	border: 1px solid;
	padding: 2px;
}
.advanced_search {
  display: block;
  color: #FFFFFF;
  font-size:10px;
}
.advanced_search a {
  color: #FFFFFF;
}
p.no_results {
  display: block;
  padding: 25px 0 25px 0;
  line-height: 20px;
  text-align: center;
}
p.search_stats {
  display: block;
  clear:both;
  text-align:center;
  font-size:11px;
  color: #FFFFFF;
  margin-top:5px;
  border-top:1px solid #555555;
  padding:10px 0 10px 0;
}
#advanced_search_left {
  float: left;
  width: 50%;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
#advanced_search_right {
  float: left;
  width: 50%;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
.advanced_search_options {
  padding: 10px;
  height: 250px;
}
.form_date {
  padding: 3px;
  color: #555555;
  border: 1px solid #949C88;
  width: 30%;
  font-weight: bold;
  background-color: #FFFFFF;
}
input.searchbutton {
	font-family: verdana, sans-serif;
	border: 1px solid;
	padding: 0px 0px 1px 0px;
	width: 64px;
	cursor: pointer;
}
/* main content */
#site_content {
	width: 770px;
	overflow: hidden;
	margin: 5px 0px 0px 0px;
	background: #FFF url('images/back_right.png') repeat-y;
}
/* sidebar */
.sidebar {
	float: right;
	width: 190px;
	padding: 15px 20px 15px 15px;
}
/* sidebar items / links */
.sidebaritem {
	text-align: left;
	width: 190px;
	float: left;
	margin: 0px 0px 15px 0px;
	border:1px solid #949C88;
}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p {
	margin: 8px 10px 10px 12px;
}
.sidebaritem ul {
	border-top: 1px solid;
	width: 160px;
	padding-top: 4px;
	margin: 4px 0px 15px 14px;
}
.sidebaritem li {
	list-style: none;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid;
}
.sidebaritem li a, .sidebaritem li a:hover {
	text-decoration: none;
	padding: 0px 0px 0px 18px;
	display: block;
}
.sidebaritem ul.child {
	border-top: 1px solid;
	width: 160px;
	padding-top: 4px;
	margin: 4px 0px 0px 0px;
}
/* page content */
#content {
	text-align: left;
	width: 497px;
	float: left;
	padding: 15px 10px 15px 18px;
}
#content h1 {
	font-size: 12px;
	color: #555555;
}
#content a, #footer a {
	border-bottom: 1px dotted #555555;
}
#content a:hover, #footer a:hover {
	border-bottom: 1px solid #555555;
}
/* footer */
#footer {
	width: 720px;
	height: 40px;
	border-top: 1px solid;
	padding: 28px 20px 4px 20px;
	text-align: center;
}
#content a, #content a:hover, #footer a, #footer a:hover {
	text-decoration: none;
}

/* Categories/Pictures */
.pictures {
  height: 100%;
  text-align: center;
  clear:both;
  margin-bottom: 10px;
}
td.align_right {
  text-align: right;
  vertical-align: top;
  color: #555555;
  padding:4px 1px 0 0;
  width:50%;
}
td.form_button {
  text-align: center;
  padding-top: 10px;
  margin-top:10px;
  border-top: 1px solid #555555;
}
td.captcha {
  vertical-align: top;
  width:50%;
}
.captcha a {
  text-decoration: none;
}
.picture {
  padding: 2px;
  border: 1px solid #949C88;
  background-color: #F2F1E0;
}
.big_picture {
  padding: 2px;
  border: 1px solid #FFFFFF;
  background-color: #F2F1E0;
}
.pictures h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  color: #FFFFFF;
}
.click_for_fullsize {
  display: block;
  color: #555555;
  font-size: 11px;
  margin: 5px 0 5px 0;
}
#full_size_image p {
  text-align: center;
}
p.image_information {
  display: block;
  color: #FFFFFF;
  font-size: 11px;
  margin:10px 0 10px 0; 
}

/* Images/Thumbnails 
   The 'gallery' class below for the ordered list controls how many thumbnails
   display per row. This is determined by the width of the wrapper div and the
   width of each list tag. You also need to take into account margins and padding
   as these will also effect the way the thumbnails display.
*/
img {
	border: 0;
}
.thumbnail {
  background-color: #555555;
  padding: 2px;
  border: 1px solid #FFFFFF;
  margin-top: 5px;
  width: 80px;
  height: 60px;
}
.catname {
  display: block;
  padding: 10px 0 10px 0;
}
ul.gallery { 
  list-style: none; 
  display: block; 
  padding-left: 15px;
  height: auto;
  margin: 0;
}
.gallery li { 
  float: left; 
  list-style-type: none;
  margin: 5px 15px 5px 0; 
  width: 100px;
  height: 115px;
  color: #555555;
  font-weight: bold;
  background-color: #F2F1E0;
  border: 1px solid #949C88;
}
p.stats {
  display: block;
  clear:both;
  text-align:center;
  font-size:11px;
  color: #555555;
  border-top:1px solid #555555;
  padding:10px 0 10px 0;
}
#text_block {
  padding-top:10px;
}

/* Theme Switcher */
#theme_switcher {
  clear: both;
	width: 760px;
	padding: 5px;
	margin: 5px auto;
}
#theme_switcher p {
  text-align: left;
  font-size:10px;
  color: #FFFFFF;
}
#theme_switcher select {
  font-size:10px;
}


/* Form elements */
select {
  font-weight: bold;
  color: #555555;
  border: 1px solid #949C88;
}
form {
  margin:0;
  padding:0;
}
.form_box {
  padding: 3px;
  color: #555555;
  border: 1px solid #949C88;
  width: 90%;
  font-weight: bold;
  background-color: #FFFFFF;
}
.captcha_form_box {
  padding: 3px;
  color: #555555;
  border: 1px solid #949C88;
  width: 25%;
  font-weight: bold;
  background-color: #FFFFFF;
}
textarea {
  padding: 3px;
  color: #555555;
  border: 1px solid #949C88;
  font: normal 12px arial, sans-serif;
  width: 99%;
  font-weight: bold;
  background-color: #FFFFFF;
}
.button {
  color: #FFFFFF;
  background-color:#555555;
  border: 1px solid #050306;
  font-weight: bold;
}
.cancel_button {
  color: #555555;
  background-color:#FFFFFF;
  border: 1px solid #949C88;
  font-weight: bold;
}
label.lclass {
  display:block;
  color: #555555;
  font-weight: bold;
  margin:3px 0 3px 0;
}
.captcha_img {
  border: 1px solid #949C88;
}

/* comments */
.thumb {
  display: block;
  margin-bottom:3px;
  text-align:center;
}
p.return {
  display: block;
  margin-top:10px;
  font-weight: bold;
  text-align: center;
}
.comment_thumbnail {
  background-color: #555555;
  padding: 2px;
  border: 1px solid #FFFFFF;
  margin-top: 5px;
  width: 80px;
  height: 60px;
}
p.form_button_comment {
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #555555;
  clear: both;
}
#comment_captcha {
  width: 250px;
  text-align: left;
  padding: 5px 0 5px 0;
}
p.comment_captcha {
  float: right;
  padding: 5px 0px 5px 0;
  text-align: right;
}
#comment_name {
  width:50%;
  float: left;
  text-align: left;
}
#comment_email {
  width: 50%;
  float: right;
  text-align: left;
}
#comment_comments {
  clear: both;
  text-align: left;
}
p.message {
  text-align: left;
}
p.comment_message {
  padding: 5px;
  text-align: left;
}
p.comment_date {
  padding: 5px;
  text-align: right;
  color: #555555;
  font-style: italic;
  font-size: 11px;
  border-bottom: 1px dashed #555555;
}
p.no_comments {
  text-align: center;
  padding: 20px 0 20px 0;
}

#page_numbers,#page_numbers_comments {
  text-align: center;
  margin-top: 5px;
  padding: 10px 5px 10px 5px;
  color: #555555;
  clear: both;
}
#page_numbers a,#page_numbers_comments a {
  color: #555555;
}
#page_numbers_comments {
  border: 0;
}
.bold {
  font-weight: bold;
}
.bold_price {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}

/* Buy Pictures Options */
.qty {
  padding: 2px;
  color: #555555;
  border: 1px solid #949C88;
  width: 10%;
  text-align: right;
  font-weight: bold;
  margin: 5px 0 5px 0;
  vertical-align: middle;
  background-color: #FFFFFF;
}
ul.buy_options {
  list-style: none; 
  display: block; 
  margin-top: 10px;
  color: #555555;
  font-size: 12px;
}
#buy_options li {
}
p.buy {
  display: block;
  text-align: center;
  margin: 3px 0 3px 0;
}

/* Ask Question */
#question {
  background-color: #F9F7F1;
  padding: 10px;
}
p.question_button {
  display: block;
  text-align: left;
  margin-top:10px;
}
.error {
  display: block;
  color: #555555;
  font-size: 11px;
  margin-top: 2px;
}
p.q_thanks {
  text-align: center;
  display: block;
  color: #555555;
  font-weight: bold;
  margin-bottom: 15px;
}
p.q_thumb {
  text-align: center;
  display: block;
}
p.q_message {
  text-align: center;
  display: block;
  color: #555555;
  margin-top: 15px;
}

/* Cart */
p.empty_cart {
  display: block;
  padding: 25px 0 245px 0;
  line-height: 20px;
  text-align: center;
  clear:both;
}
#cart {
  padding:5px;
}
#cart a,#cart a:hover {
  border:0;
  text-decoration:none;
}
.cartItemTable {
  margin-bottom: 3px;
  border-bottom:1px solid #949C88;
}
.cartTDCell1 {
  text-align: center;
  width: 10%;
  padding:5px;
  background-color:#F2F1E0;
  border-right:1px solid #949C88;
  border-top:1px solid #949C88;
  border-left:1px solid #949C88;
}
.cartTDCell2 {
  width: 45%;
  padding:5px;
  font-weight: bold;
  font-size:14px;
}
.cartTDCell3 {
  width: 20%;
  padding:5px;
}
.cartTDCell4 {
  width: 15%;
  padding:5px;
  font-weight: bold;
  font-size:14px;
  color:#555555;
}
.cartTDCell5 {
  width: 10%;
  padding:5px;
  text-align: center;
}
.cartButtonTable {
  border-top:1px solid #555555;
}
.buttonTDCell {
  width: 33%;
  padding:5px;
  text-align: center;
}
.cart_qty {
  padding: 3px;
  color: #555555;
  border: 1px solid #949C88;
  width: 20%;
  font-weight: bold;
  background-color: #FFFFFF;
}
img.cart_thumbnail {
  background-color: #F2F1E0;
  padding: 2px;
  border: 1px solid #555555;
  width: 80px;
  height: 60px;
}
.cartItemNo {
  display: block;
  padding-top:10px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.buttonText {
  display: block;
  font-weight: bold;
}
.totalButtonTable {
  border-top:1px solid #555555;
  margin-top:5px;
}
.totalTDCell1 {
  padding:10px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.totalTDCell2 {
  padding:10px 0 10px 0;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
