@charset "utf-8";

/*
Primary layout stylesheet for Martin Beebee Photography, www.martinbeebee.com
Created by Martin Beebee / Beebee Web Design / www.beebeewebdesign.com
*/

/* 
base styles 
--------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #main selector */
	color: #000000;
}

h1, h2, h3, h4 {
	margin: 0;
}
h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.8em;
/*	color: #f16600;*/
	color: #375d81;
	text-transform:capitalize;
}
body#blog h1,
body#contactPage h1 {
	margin-top: 20px;
}
h2 {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom: 0px;
	font-weight: normal;
	color: #666666;
}
h3 {
	font-size:1.0em;
	font-weight:normal;
	color: #666666;
}
p {
	font-size:0.9em;
	line-height:1.5em;
	margin-top: 3px;
}
ul {
	font-size:0.9em;
	line-height:1.2em;
}
a {
	text-decoration:none;
	color:#375d81;
}
a:visited {
	color:#375d81;
}
a:hover {
	text-decoration:underline;
	color: #e56000;
}
img {
	border:none;
}
fieldset { 
	padding:20px; 
	border:1px solid #eee; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	}
legend { 
	padding:7px 10px; 
	margin: 0 5px;
	font-weight:bold; 
	color:#000; 
	border:1px solid #eee; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	}
#container {
	width: 920px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* header 
--------------------------------------------- */
#header {
	padding: 0;  
}
#header h3 { 				/* Rundle image replacement */
	text-indent: -5000px;
	background: url(../_images/logo.png) no-repeat;
	margin: 12px 0 0 0;
	height:32px;
}
#header #utilities {
	text-align:right;
	color: #666666;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. */
}
#header #utilities a {
	color: #666666;
}
#header #utilities p {
	margin:0;
}
#header a:hover {
	text-decoration: none;
}

/* navigation 
--------------------------------------------- */
#navbar {
}
#navbar ul {
	float:left;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	background-color:#333;
	width:100%;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}
#navbar li {
	display:inline;
	float:left;
	padding: 0;
	margin: 1px 0 0 0;
}
#navbar li a {
	font-size: 0.95em;
	text-transform:uppercase;
	color:#dbdbdb;
	float: left;
	display: block;
	line-height: 1.3em;
	margin: 0;
	padding: 0 5px 0 20px;
}
#navbar li a.selected,
#contactPage #navbar li#contact a,
#homePage #navbar li#home a{
	color: #ff8229;
	background:url(../_images/nav_marker.png) no-repeat 7px 2px;
}	
#navbar li a:hover {
	text-decoration:none;
	color:#ff8229;
}

#navbar LI.cart A { 
	margin-right: 0;
}

/* sub-navigation bar */
#subNavigation {
	float:left;
	border-bottom: 1px dotted #333333;
	margin-bottom:10px;
}
#breadcrumbs {
	width: 565px;
	float:left;
}
#searchBox {
	width: 350px;
	float:right;
	text-align:right;
}
#searchBox.homePage { /* style for the home page only */
	position:absolute;
	right:20px;
	top:5px;
	width: 400px;
}
#searchBox p {
	margin:0;
	padding: 0 70px 0 0;
}
#searchBox a {
	color: #666666;
}
#searchBox form {
	margin-top: 15px;
	font-size:0.9em;
}
#searchBox .inputField {
	width: 250px;
}
SPAN.search_box { /*SPAN containing "Search Archive" label of the search box*/
}
INPUT.search_box { /*INPUT field for search box*/
}

/* --- title bar --------------------- */
#titleBar {
	margin-bottom: 10px;
}
#titleBar h2 {
	margin:3px 0 0 0;
}
#titleBar p {
	margin: 0;
	color: #969696;
}

/*
home page
--------------------------------------------- */
#whatsNewBar{
	width:100%;
	margin-top:20px;
}
#whatsNewBar div{
	width:290px;
	height: 300px;
	height:19em;
	float:left;
	border:1px solid #666;
	text-align:center;
	padding:0;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
}
#whatsNewBar div + div{
	margin: 0 22px;
}
#whatsNewBar div + div + div{
	margin: 0;
}
#whatsNewBar img {
	/*margin-bottom: 10px;*/
}
#whatsNewBar p,
#whatsNewBar h2,
#whatsNewBar h3 {
	text-align: left;
	margin: 0;
}
#whatsNewBar h2 {
	/*color: #375d81;*/
	color:#fff;
	padding: 5px 15px 5px 15px;
	margin-bottom:15px;
	background-color:#666;
}
#whatsNewBar h3 {
	margin: 0 15px;
	color:#375D81;
	font-weight:bold;
}
#whatsNewBar p {
	margin: 10px 15px 15px 15px;
	line-height:1.2em;
	color:#555;
}
#whatsNewBar span {
	font-style:italic;
}
#whatsNewBar .blogHeadlines p {
	line-height:1.3em;
	margin-top:0;
}
/* 
content 
----------------------------------------------- */
#content {
	padding: 10px 15px;
	border: 1px solid #dddddd;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}
#content.homePage {  /* style for the home page only */
	padding:0;
	border:none;
	position:relative;
	margin-top:10px;
	width:920px;
	height: 495px;
	overflow:hidden;
}
#content.homePage h1 {
	color:#ffffff;
	position:absolute;
	left:20px;
	top:10px;
}

.pagination {
	text-align:right;

}
.pagination p {
		line-height:1.5em;
}
form.page_select {
	display:inline;

}
form.page_select select {
}
.displayOptions {
	float:left;
}
img.centered, object.centered {
display:block;
margin-left:auto;
margin-right:auto;
}
style.css (line 370)
object {
margin-bottom:20px;
margin-top:10px;
}

/* --- gallery pages ----------------------------- */
/* main gallery */
#featuredGalleries{
	clear:both;
	padding-left:15px;
}
#featuredGalleries .feature_galleries {
	float:left;
	margin-bottom: 20px;
}
#featuredGalleries table{
	text-align:center;
}
#featuredGalleries table + table{
	margin-left: 45px;
}
#galleryList ul.thumbs li table td.slide {
	height: 135px;
}

/* general galleries */
.galleries{
	padding-left:15px;
	margin-top:;
	clear:both;
}
a.gallery_list_name, span.gallery_list_num_images {
	font-size: 0.9em;
}
a.gallery_list_name {
	color: #333333;
}
span.gallery_list_num_images {
	color:#777777;
}
TD.search_thumbs.text {
	font-size:0.9em;
}
UL.thumbs {
	width: auto;
}
UL.thumbs LI {
	border: 1px solid transparent;
	margin: 0 5px 5px 0;
	width: 160px;
}
UL.thumbs LI {
	margin: 5px 10px 0 0;
	background-color: #f6f6f6;
	border: 1px solid #e5e5e5;
}
/* gallery collections */
ul.gallery_list li{
	height: 225px;
}

UL.thumbs LI TABLE TD A {
	text-decoration: none;
}

UL.thumbs LI TABLE TD.slide {
	vertical-align: middle;
}

UL.thumbs LI TD.text {
	padding: 3px 0 2px;
}

UL.thumbs LI DIV.thumb_links {
	padding: 2px;
	width: 97%;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
}
UL.thumbs LI TABLE TD {
	width: 150px;
}

UL.thumbs LI TABLE TD.slide {
	width: 150px;
	height: 150px;
}
UL.thumbs LI:hover {
	border: 1px solid #aaa;
}
DIV.pageRange {
	float: right;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}

TD.imgCell {
	vertical-align: top;
	padding-right: 20px;
}
td.gallery_thumbs a, td.search_thumbs a {
	font-size:0.8em;
	color:#666666;
}

/* image area */
#image {
	margin-top: 10px;
	width: 640px;
	float:left;
}
#image h2 {
	margin-top:3px;
}
#image fieldset.keywords {
	color: #666666;
	font-size:1em;
	padding:10px;
}
#image fieldset.keywords legend {
	color:#999;
}
FORM.image_keywords { /*Containing <FORM> element for the keyword search box*/
}
INPUT.image_keywords_submit { /* The submit button input element */
	margin-right: 5px;
}
FORM.image_keywords UL { /*Containing <UL> element for the keyword list. Applies only to the list style*/
	list-style-type: none;
	padding: 0;
	margin: 0;
}
FORM.image_keywords UL LI { /*Containing <LI> element for eacy keyword item. Applies only to the list style*/
	float: left;
	width: 180px;
	margin: 1px 0;
	margin: 0;
}
form.image_keywords input {
	margin: 5px 5px 0 0;
}

/* image side bar */
#sideBar {
	margin-top:10px;
	width:225px;
	float: right;
	padding: 0 0 0 10px;
}
#sideBar p {
	/*font-size: 0.8em;*/
	margin: 0 0 5px 0;
}
#sideBar .details,
#sideBar .details a {
	color: #969696;
	line-height:1.3em;
}
#sideBar h3 {
	font-weight:bold;
	border-bottom: 1px dotted #555555;
	margin-bottom:4px;
}
a.download_link {
}
a.add_to_lightbox_link {
}

/* column */
.column {
	width:550px;
	float:left;
	margin-right:10px;
}
.columnTips {
	width: 300px;
	float:left;
	color:#666666;
}
table.input {
	width: 400px;
}
table.input th, table.input td {
	font-size: 0.8em;
}
table.input th {
	font-weight: bold;
	}

/* --- contact page ------------------- */
body#contactPage #titleBar p {
	font-size:1em;
	color:#333333;
}
body#contactPage p.contactText span {
	color: #f16600;
}
body#contactPage p.contactText {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom: 10px;
	font-weight: normal;
	color: #666666;
}	
#contactForm { 
	display: block; 
	width: 700px; 
	margin-top:10px;
	padding: 25px; 
	border: 1px solid #cbcbcb; 
	background-color: #fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	}
#contactForm p {
	margin-bottom:0px;
}
hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #d9d9d9; 
	border-style: none none solid; 
}
label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 1.5em; 
	width: 125px; 
	margin: 7px 0 5px 0;
}
input, textarea { 
	margin: 0; 
	padding: 5px; 
	color: #333; 
	background: #f5f5f5; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}   
input#name,
input#email,
input#company{
	width:250px;
}
input#verify{
	width: 25px;
}
input#subject,
textarea#comments{
	width:350px;
}
textarea{
	height: 10em;
}
input:focus, textarea:focus, select:focus { 
	border: 1px solid #999; 
	background-color: #fff; 
	color:#333; 
	}
input.submit { 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#333; 
	color:#fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	}
input.submit:hover { 
	background:#444; 
	}

span.required{ /* Select the colour of the * if the field is required. */
	font-size: 13px; 
	color: #ff0000; 
	}
/* PHP errors */	
.error_message { 
	display: block; 
	height: 22px; 
	line-height: 22px; 
	background: #FBE3E4 url('../_images/error.gif') no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	margin: 10px 0; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	}
.errorHighlight {
	border:1px solid #fa757a;
}
.security_error{
	color: #c00;
	background: #FBE3E4 url('../_images/error.png') no-repeat 10px center; 
	padding-left: 35px;
}
ul.errorList{
	color:#c00;
}
/* jQuery errors*/
.error{
	color: #C00;
	margin: 7px 0 5px 0px;
	line-height:1.5em;
	display:inline;
	float:none;
	}
input.error,
textarea.error{
	border:1px solid #c00;
}
label.error{
	margin-left:10px;
}
	
#succsess_page h2 { 
	background: url('../_images/success.gif') left no-repeat; 
	padding-left:22px; 
	}

/* --- sharing links ------------------- */
.addthis_toolbox {
	margin-bottom:10px;
	font-size:0.9em;
}

/*  
footer 
----------------------------------------- */
#footer {
	margin: 20px 0;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#777;
	color: #ddd;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 15px;
	line-height:0.7em;
}
#footer a, #footer a:visited {
	color: #ddd;
}
#footer .f_right {
	color:#bbb;
}
/* footer v2 begin */
#footer {
	width: 100%;
	padding:0;
	height:10em;
}
#footer div{
	width:290px;
	float:left;
	padding:10px 0 0 0;
}
#footer div + div{
	margin: 0 22px;
}
#footer div + div + div{
	margin: 0;
}

#footer p{
	text-align: left;
/*	margin: 10px 15px 15px 15px;*/
	line-height:1.2em;
	color:#bbb;
}
#footer #footerContact p{
	color:#ddd;
}
#footer h3{
	color:#eee;
	border-bottom:1px dotted #eee;
	margin:5px 15px 0 15px;
	padding-bottom:2px;
}
#footer ul {
	list-style-type:none;
	margin-left:20px;
	margin-top: 10px;
	padding-left:0;
}
#footer hr {
	margin: 0;
	padding:0;
}

/* footer v2 end */

/* --- misc -------------------- */
.f_right {
	float:right;
}
.clear {
	clear:both;
}

/*  
photoshelter defined styles 
-------------------------------------------------- */

a.rss_feed_link {
	
}
a.mailing_list_link,
a.email_to_friend_link {
	padding-left: 20px;
	background: url(../_images/email.png) no-repeat center left;
}
a.Facebook_link {
	padding-left: 20px;
	background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left;
}
a.download_link {
	padding-left: 20px;
	background: url(../_images/disk.png) no-repeat center left;
}
a.add_to_lightbox_link {
	padding-left: 20px;
	background: url(../_images/add.png) no-repeat center left;
}
/* *** PS base.css ************************************************ */


/* #### photoshelter styles below #### */

#psMainCustom { border: none; padding: 0; }


DIV.sectiontitle {
	color: #666;
}

DIV.sectiontitle {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0 10px 0;
}

DIV.imageWidget {
	margin: 0 auto;
}

SPAN.search_box {
	display: none;
}

#logo {
	padding-top: 15px;
	font-size: 24px;
}

#subnav {
	padding: 2px 0 5px 2px;
	margin-bottom: 5px;
}


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

ul.my_recent_galleries li a {
	background: transparent url('/img/custom/1.0/themes/Mars/default/carrot.gif') no-repeat left;
	padding-left: 10px;
	display: block;
}

#nav DIV A, .carrot {
	background: transparent url('/img/custom/1.0/themes/Mars/default/carrot.gif') no-repeat left;
	padding-left: 10px;
	margin-right: 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	display: block;
	float: left;
}

DIV.gallery_search_box {
	float: right;
	margin: 8px 5px 5px 5px;
}

DIV.search_box_refine {
	padding: 5px;
	margin: 5px 0;
}
