@charset "UTF-8";

body  {
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	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 #container selector */
	color: #F7F7F7;
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: lighter;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: lighter;
	letter-spacing: 0.1em;
}
img {
	border: none;
}
a:link, a:visited {
	color: #D98719;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
.twoColFixLt #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: url(../images/sideBarBG.jpg) repeat-y 0px 200px;
}
.twoColFixLt #copyright {
	width: 980px;
	background: url(../images/copyright.jpg) no-repeat 22px bottom;
}

.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 8px 0 15px 0;
	text-align: right;
}
#home, #portfolio, #meetTheArtist, #calendar, #cards, #galleries, #contact {
	height: 32px;
	margin-right: 0;
	display: inline-block;
	text-indent: 2000px;
	overflow: hidden;
	margin-bottom: 15px;
}
#awards {
	height: 46px;
	margin-right: 0;
	display: inline-block;
	text-indent: 2000px;
	overflow: hidden;
	margin-bottom: 15px;
}
#home {	
	width: 68px;	
	background: url(../images/nav/home.jpg) top left no-repeat;
}
#home:hover {
	background-position: center left;
}
#home:active {
	background-position: bottom left;
}
#portfolio {
	width: 103px;
	background: url(../images/nav/portfolio.jpg) top left no-repeat;
}
#portfolio:hover {
	background-position: center left;
}
#portfolio:active {
	background-position: bottom left;
}
#meetTheArtist {
	width: 146px;
	background: url(../images/nav/meet-the-artist.jpg) top left no-repeat;
}
#meetTheArtist:hover {
	background-position: center left;
}
#meetTheArtist:active {
	background-position: bottom left;
}
#awards {
	width: 138px;
	background: url(../images/nav/awards.jpg) top left no-repeat;
}
#awards:hover {
	background-position: center left;
}
#awards:active {
	background-position: bottom left;
}
#calendar {
	width: 149px;
	background: url(../images/nav/show-calendar.jpg) top left no-repeat;
}
#calendar:hover {
	background-position: center left;
}
#calendar:active {
	background-position: bottom left;
}
#cards {
	width: 138px;
	background: url(../images/nav/cards-prints.jpg) top left no-repeat;
}
#cards:hover {
	background-position: center left;
}
#cards:active {
	background-position: bottom left;
}
#galleries {
	width: 100px;
	background: url(../images/nav/galleries.jpg) top left no-repeat;
}
#galleries:hover {
	background-position: center left;
}
#galleries:active {
	background-position: bottom left;
}
#contact {
	width: 93px;
	background: url(../images/nav/contact.jpg) top left no-repeat;
}
#contact:hover {
	background-position: center left;
}
#contact:active {
	background-position: bottom left;
}
#home.current, #portfolio.current, #meetTheArtist.current, #awards.current, #calendar.current, #cards.current, #galleries.current, #contact.current  {
	cursor: default;
	background-position: bottom left;
}

.twoColFixLt #mainContent {
	margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 68px 0 68px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLt #header {
	padding: 10px 0 10px 0;
	
}
#noFlash {
	margin: 0 68px 0 68px;
}

/* SUB-Navigation styles */
#subNav, #subNav2 {
	text-align: right;
	color: #FFFFFF;
}
#subNav a:link, #subNav2 a:link {
	color: #FFFFFF;
}
#subNav a:visited, #subNav2 a:visited {
	color: #FFFFFF;
}
#subNav a:hover, #subNav2 a:hover {
	color: #666666;
}
#subNav a:active, #subNav2 a:active {
	color: #666666;
}

.noLink {
	font-weight: normal;
	background: #733d1a;
	padding: 3px 5px;
}

#form1 {
	margin-left: 50px;
}
#paypal {
	display: inline;	
}
#awardsDiv {
	/*border-top: #ccc solid 1px;*/
}
#awardsDiv img {
	margin-top: 22px;
}
#date {
	width: 200px;
	text-align: right;
	float: left;
	border: #ccc solid 1px;
}
#location {
	margin-left: 210px;
	border: #ccc solid 1px;
}
.brHeight {
	line-height: 1.5em;
}
.inlineImgLeftFirst {
	padding: 0 15px 3px 0;
}
.inlineImgLeft {
	padding: 4px 15px 3px 0;
}
.inlineImgRight {
	padding: 4px 0 3px 15px;
}
.displace {
	position: absolute;
	left: -5000px;
	}
.goldText {
	color: #D98719;
}
.dropCap {
	font-size: 1.8em;
}
.calendar td {
	padding: 5px 0 5px 0;
	vertical-align: top;
}

.calendarTitles {
	text-decoration: underline;
}
#footer {
	/*height: 25px;*/
	text-align: center;
}
.artistName {
	font-size: 1.2em;
}
.opam {
	font-size: .7em;
}
.letterSpace {
	letter-spacing: .15em;
}
.center {
	text-align: center;
}
.paintingCopy {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7em;
 	font-family: Helvetica, Arial, sans-serif;
}
.newFont {
	font-family: Helvetica, Arial, sans-serif;
}
.paintingTitle {
	font-size: 1.1em;
}
.paintingSize {
	font-size: .9em;
}
.redText {
	color: #8e2323;
}
.copyright {
	font-size: .75em;
	color: #999999;
}
.credits a:link, .credits a:visited {
	color: #999;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.skull {
	padding: 0 35px 29px 0;
}
.skullSpace {
	margin-top: 353px;
}
.horoBorder {
	height: 2px;	
	margin-right: -68px;
	margin-bottom: 32px;
	margin-left: -68px;
	background: #8e2323;
}

.columnDivide {
	height: 2px;
	margin-left: 25px;
	margin-right: 25px;	
	margin-bottom: 32px;
	background: #8e2323;
}

.productDivide {
	height: 2px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #8e2323;
}
.bullet {
	padding-top: .45em;
}
.superScript {
	vertical-align: super;	
}

.headingMargRight {
	margin-right: -50px;
}

.printTitles {
	padding-top: 10px;
	padding-bottom: 20px;
}

.phoneNum {
	font-size: 1.1em; 
	color: #8e2323;
}

.commentsReq {
	padding: 13px 0 0 0;
}