/* Main stylesheet for johnvias.com */

/************************************************/
/********************* text *********************/
/************************************************/
body {
	border: 0;
	background: #E6E6DF;
	color: #666666;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: .9em;
	height: 100%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	width: 100%;
}
h1 {
	clear: right;
	color: #380066;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: .5em 0 0 0;
}
h2 {
	color: #544830;
	font-size: 1.05em;
	font-weight: bold;
	margin: 0;
	padding: .8em 0 0 0;
}
h3 {
	font-size: 1em;
	margin: 0;
	padding: .9em 0 0 0;
}
p {
	margin: .3em 0 .5em 0;
}
img {
	border: 0;
	vertical-align: middle;
}
form {
	margin: 0;
}
.message {
	margin-left: auto;
	margin-right: auto;
	padding: 0 1em;
	text-align: center;
}
.news {
	border-top: dotted 1px #999999;
	margin: 1em auto 0 auto;
	text-align: center;
	width: 35em;
}
.about {
	margin: 1em 0 .5em 0;
}
.alert {
	color: #993333;
	margin: .8em auto;
	text-align: center;
	width: 70%;
}
/* http://paularmstrongdesigns.com/weblog/stop-superscripts-from
	-breaking-line-heights-once-and-for-all */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub {
	top: 0.4em;
}
.title {
	font-style: italic;
}



/************************************************/
/********************* links ********************/
/************************************************/
a,
a:link,
a:visited,
a:active {
	color: #202066;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}

.links li {
	margin: .5em 0;
}


/************************************************/
/*********** main positional elements ***********/
/************************************************/
#logo {
	padding-left: 0px;
	padding-top: 0px;
}
.container {
	background: #ffffff;
	border: 1px solid #666666;
	color: #666666;
	display: block;
	float: left;        /* makes white background extend below menu on short pages */
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 830px;
}
#menuCol {
	float: left;
	height: 100%;
	vertical-align: top;
	width: 135px;
}
#content {
	margin-left: 135px;
	padding: .5em 5em 1em 3em;
}

.backToTop {
	font-size: .85em;
	padding: 0;
	text-align: right;
}
#footerMenu1 {
	clear: both;
	font-size: .8em;
	margin: 0 auto;
	padding: .1em 0;
	text-align: center;
}
#footerMenu1 a {
	font-weight: normal;
}

#footerMenu2 {
	font-size: .75em;
	margin: 0 auto;
	padding: 0 0 2px 0;
	text-align: center;
}
#footerMenu2 a {
	font-weight: normal;
}
#copyright {
	color: #666666;
	font-size: .75em;
	margin: 0 auto;
	padding: .4em 0 2em 0;
	text-align: center;
}


/************************************************/
/***************** drop shadows *****************/
/************************************************/
/* Technique adapted from: 						*/
/*		http://www.webtoolkit.info/css-drop-shadow.html */
.centercontainer {
	margin: 0 auto;
	padding: 2em 0 0 0;
	width: 832px;
}
#shadow-container {
	float: left;
	left: 3px;
	margin: 0 3px 4px 0;
	position: relative;
	top: 3px;
	width: 832px;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .container {
	float: left;
	left: -1px;
	position: relative;
	top: -1px;
}
#shadow-container .shadow1 {
/* body background: #E6E6DF; */
	background: #D9D9D2;
}
#shadow-container .shadow2 {
	background: #C8C8C1;
}
#shadow-container .shadow3 {
	background: #B8B6B8;
}
#shadow-container .shadow4 {
	background: #A8A6A8;
}


/************************************************/
/********************* menu *********************/
/************************************************/
#menu {
	border: 1px solid #c0c0c0;
	font-size: 1em;
	font-weight: normal;
	margin: 1.2em;
	padding: .7em;
	width: 6em;
}
#menu ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	font-weight: normal;
	margin:  1px 2px;
	padding: 1px 2px;
	text-decoration: none;
	width: 100%;
}
html>body #menu li a {
	width: auto;
}
#menu li a:hover {
	background-color: #ccccc6;
	color: #000066;
}
.mnuItemSelected {
	color: #666666;
	font-weight: bold;
	list-style-type: none;
	margin:  1px 1px 1px 2px;
	padding: 1px 1px 1px 2px;
}
#menu ul li.mnuGalItemSelected a {
	font-weight: bold;
	list-style-type: none;
	margin:  1px 1px 1px 2px;
	padding: 1px 1px 1px 2px;
}

.phoneNum {
	font-size: .9em;
	margin: 0 auto;
	padding: .5em 0;
	text-align: center;
	vertical-align: middle;
	width: 11em;
}


/************************************************/
/******************* home page ******************/
/************************************************/

.homeThumbL {
	float: left;
	height: 152px;
	margin: .4em .7em .1em 0;
	width: 190px;
}
.homeThumbR {
	float: right;
	height: 151px;
	margin: .4em 0 0 .7em;
	width: 190px;
}

#currentShows ul {
	margin: .4em 0;
	padding: 0 0 0 2em;
}


/************************************************/
/****************** collections *****************/
/************************************************/
.collectionName {
	font-size: 1em;
	font-weight: bold;
	margin: .3em 0 .3em 0;
	text-align: center;
}
.collectionComment {
	margin: .3em .6em;
}

.collectionQuotation {
	margin: .3em auto .1em auto;
	text-align: center;
}
.collectionQuotationSrc {
	font-style: italic;
	margin: .1em 6em .8em auto;
	text-align: right;
}

.collectionType {
	font-style: normal;
	font-weight: bold;
	padding: .8em 0 0 .4em;
}
.collectionTypeComment {
	padding: 0 0 .2em .4em;
}
.collectionRow {
	height: 132px;
}
.collection {
	float: left;
	height: 132px;
	padding: 0 0 0 .4em;
	vertical-align: top;
	width: 130px;
}
h3.collectionTitle {
	font-size: .8em;
	padding: 0 1em 0 0;
}
div.center {
	margin: 0 auto;
    text-align: center;
}
div.center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#imgContainer {
	display: block;
	font-size: .9em;
	margin: 0 auto;
	text-align: left;
	width: 500px;
}
.img {
	margin: 3px auto;
}
.imgC {
	border: solid 1px #111;
	margin: 0 auto;
	text-align: center;
}
.imgTitle {
	padding: 4px 0 0 2px;
}
.imgComment {
	padding: 0px 4px 2px 2px;
}


/************************************************/
/*************** view collection ****************/
/************************************************/
.thumbRow {
	height:	132px;
	text-align: center;
	vertical-align: middle;
}
.thumb {
	float: left;
	height: 132px;
	line-height: 132px;
	margin: 0 auto;
	vertical-align: middle;
	width: 137px;
}
.imgThumb {
	border: solid 1px #111;
	margin: 0 auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
}


/************************************************/
/******************** images ********************/
/************************************************/
.homepageImg {
	border: solid 1px #111;
	margin: .6em .5em;
	vertical-align: middle;
}
.inlineGraphicL {
	border: solid 1px #111;
	float: left;
	margin:  .6em .7em 0 0;
	vertical-align: top;
}
.inlineGraphicR {
	border: solid 1px #111;
	float: right;
	margin: .6em 0 0 .7em;
	vertical-align: middle;
}
.screenSaverCD {
	border: 0;
	float: right;
	margin: .1em 0 0 .7em;
	vertical-align: middle;
}


/************************************************/
/************** navigation controls *************/
/************************************************/
#breadcrumbsContainer {
	font-size: .85em;
	height: 20px;
	width: 540px;
}
#breadcrumbs {
	font-weight: bold;
	height: 18px;
	margin: 0 0 10px 0;
	position: absolute;
	width: 460px;
}
#breadcrumbs a {
	font-weight: normal;
}

.toc1 {
	font-size: .9em;
	margin: .5em 0 0 .75em;
}
.toc2 {
	font-size: .85em;
	margin: 0 0 0 2em;
}

#navBtns {
	height: 15px;
	margin: 0 0 5px 450px;
	position: absolute;
	text-align: right;
	width: 110px;
}
#navBtns a {
	font-weight: normal;
}

.socialMediaBtns {
	height: 28px;
	margin: 0 0 3px 0;
}

/***********************************************/
/***************** e-commerce *****************/
/***********************************************/

/* hide e-commerce features unless we want them with display: none */
#eCommerceBtns {
	display: none;
	margin: 0 auto;
	text-align: center;
	width: 500px;
}
#atcButton {
	font-size: .8em;
	margin: 0;
	padding: 0;
}
#atcDropdown {
	margin: 0;
	text-align: right;
	vertical-align: top;
	width: 350px;
}
#atcTextbox {
	margin: 0 auto;
	vertical-align: top;
}
#addToCartBtn {
	background: #ffffff;
	border: 1px solid #8080A0;
	color: #8080A0;
	font-weight: bold;
	margin: 1px 6px;
	padding: 1px 3px;
	vertical-align: middle;
}
#viewCartBtn {
	background: #ffffff;
	border: 1px solid #888888;
	color: #888888;
	font-weight: bold;
	margin: 1px 6px;
	padding: 1px 5px;
}
/* Accepted forms of payment */
.pmtOptions {
	margin: 0 auto;
	padding: 3px 0 0 0;
	text-align: center;
}


/************************************************/
/******************** pricing *******************/
/************************************************/
#pricingGrid {
	font-size: .9em;
	width: 75%;
}
.pricing {
	padding: .2em 0 .2em 0;
	text-align: center;
}
.pricingSuperscript {
	font-size: .9em;
	vertical-align: top;
}
.origPricing {
	padding: .2em 0 .2em 0;
	text-align: center;
	text-decoration: line-through;
}
.salePricing {
	padding: .2em 0 .2em 0;
	text-align: center;
	color: #993333;
}
th.pricing {
	border-bottom: solid 1px #ffffff;
	border-bottom-color: #666666;
	padding: .8em 0 0 0;
	vertical-align: bottom;
}
#giftCertificate {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/************************************************/
/********************* about ********************/
/************************************************/
.bioEntry {
	margin: 1px 0px 0px 0px;
}
.bioEntrySecondLine {
	margin: 0px 1px 2px 25px;
}
.exhibition {
	font-style: italic;
}


/************************************************/
/********************* links ********************/
/************************************************/
.quote {
	margin: 1em 3em .1em 3em;
}
.quoteCentered {
	margin: .7em auto 0 auto;
	text-align: center;
}
.quoteSource {
	font-style: italic;
	margin: 0 5em 1em 0;
	text-align: right;
}


/************************************************/
/******************* site map *******************/
/************************************************/
.sitemapPage,
a:link.sitemapPage,
a:active.sitemapPage {
	font-style: normal;
	padding: .3em 0 0 0;
}
.sitemapPageIndent,
a:link.sitemapPageIndent,
a:visited.sitemapPageIndent,
a:active.sitemapPageIndent {
	font-style: normal;
	padding: .1em 0 .2em .8em;
}

h4,
.sitemapImgTitle,
a:active.sitemapImgTitle,
a:link.sitemapImgTitle,
a:visited.sitemapImgTitle {
	font-size: .8em;
	font-style: normal;
	padding: 0 .3em .1em 1em;
}


/************************************************/
/******************** contact *******************/
/************************************************/
.frmNoShow {
	display: none;
}