/*
Style sheet for normajacksonartist.com

mod Dec 11, 2007

Fine Art Gallery - F5C443
the "g" in Passages - C5A140
the second "s" in Passages - 7F6520
The third "s" in Passages - F5C649


*/

body {
  margin: 0 auto;
  width:100%;
  max-width:1000px;
  min-width:900px;
  padding:0;
  font:normal normal 10pt Verdana,Arial,Helvetica,sans-serif;
  background: #000  /*url("/images/bg.jpg") repeat-y top left*/;
  color: #E8BC46;
}


h1 { font-family: Arial,Helvetica,sans-serif;
  font-size: 14pt;
  color: #E8BC46;
  background-color:transparent;
  margin:.5em 0;
  }

h2 { color: #fff;
  background-color:transparent;
  font-size: 12pt;
  font-weight:bold;
  font-family: Arial,Helvetica,sans-serif;
  }
h3 { color: #E8BC46;
  background-color:transparent;
  font-size: 11pt;
  font-weight:normal;
  font-family: Arial,Helvetica,sans-serif;
  }

h4 { color: #E8BC46;
  background-color:transparent;

  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  }
h5 { color: #E8BC46;
  background-color:transparent;

  font-size: 10pt;
  margin:6px 0;
  }
/*
table, tr, td { font-size: 10pt;
  color: #000066;
  background-color: white;
  margin:0;
  padding:0;
  vertical-align:top;
  }
  */
a{
  cursor: pointer;
  cursor: hand;
}

a:link,a:visited { text-decoration: underline;
  color: #C5A140;
  background-color:transparent;
  font-weight: bold;

  }

a:hover { text-decoration: none;
  color: #000000;
  background-color:#F6C84F;
  font-weight: bold;
  }

p.dropcap:first-letter {
  color:	#D8C183;
  background-color:transparent;
  font:normal normal 3em/.8em serif;
  float:left;
  margin: 2px 3px 2px 0;
  padding:2px;
}

td.section p{
  text-align:left;
}
/* ID styles */

#adcost{
  text-align:right;
  background-color:#ffc;
}
#adcost input{
  text-align:right;
}

#address{
  top:10px;
  padding:10px;
  background-color:transparent;
  float:right;
  margin:10px 0;
  text-align:right;
  width:250px;
}

#address h1{
  font-size: 16pt ;
  background-color:transparent;
  color:#C5A140;
  margin:0;
}

#address p{
  font-size:11px;
  color: #C5A140;
  background-color:transparent;
  margin:0;
}
#categories{
  margin:0 20px;
  padding:0 ;
  list-style: square inside;
  width:80%;
}

#categories li{
  margin:0 0px;
  padding:0 ;
  /*display:inline;*/
  float:left;
}

#content{
  position:absolute;
  left:	200px;
  top:	120px;
  right:20px;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px ;
  font-size: 	12pt  ;
  background-color:transparent;
  color:#ccc;
  text-align:left;
  vertical-align:top;
  z-index: 1;
  border-right:2px solid #777;

}

#content p, #content h1, #content h2 {
  padding: 4px 6px;
  margin: .5em .25em;
  }

#content h3 {
  padding:2px 10px;
  margin: 2px 0 -1em 0;
  color: #E8BC46;
  background-color:transparent;
}

#content blockquote{
  color:#ccc;
  background:transparent;
  padding:2px;
  margin:1em;
  font:normal normal 1em verdana,arial,helvetica,sans-serif;

}

#content blockquote p {
margin: 4px;
padding:2px;
/*border:1px solid red;*/
}

#content blockquote h3 {
  padding:0;
  margin: 6px 4px;
  font: bold 11pt Arial, Helvetica, sans-serif;

}

#content h1 {
  font:	bold 16pt  Arial, Helvetica, sans-serif;
  color:	#D8C183;
  background-color:#666;
  text-align:		center;
  margin: 	0;
  padding: 	6px;
  clear:both;
  }

#content img{
  margin:2px 6px;
  background-color:transparent;
}
#content dl{
  margin:5px;
  padding:5px;
}
#content dt{
  font-weight:bold;
  margin:5px;
  padding:0;
}

#content a img{padding:0px;
  margin:4px;
  background-color:white;
}
#content p.note, #subscribe{
  border: 1pt solid white;
  padding:6px;
  text-align:center;
  margin: 4px 20px;
  color:#E8BC46;
  clear:both;
}
#subscribe h3{
  font:normal 14pt Arial,Helvetica,sans-serif;
  color:red;
}

#topbar img.imgright, #content img.imgright,#home img.imgright{
 margin:6px 6px;
 float:right;
}

#content img.ptright{
 margin:6px 6px;
 float:right;
 padding:1px;
 background-color:black;
}
#content img.ptleft{
 margin:6px 6px;
 float:left;
 padding:10px;
 background-color:black;
}

#topbar img.imgleft, #content img.imgleft,#home img.imgleft{
 margin:6px 6px;
 float:left;
}

#content li{
  padding:4px;
  margin:4px;
}

#formtable, #formtable table{
  margin:0 20px ;
  padding:0px;
  border: 1px solid #ccc;
  width:90%;
  background:transparent;
  font-size:12pt;
}

#formtable td, #formtable th{
  margin:0 ;
  padding: 5px;
  border: 1px solid #ccc;
  background:transparent;
}
#formtable th{
  text-align:right;
  background-color:#F5C649;
  color:#000;
  vertical-align: top;
}


#footer{
  text-align:center;
  margin:0 0 5px 0;
  clear:both;
  padding:0;
  color: #C5A140;
  background-color:transparent;
}

#footer hr{
  margin:0;
  padding:0;
}

#footer a{
  font-size:9pt;
}

#frame{
  margin: 0 20px auto;
  text-align:center;
}

#frame img{
  border: 4px solid black;
  margin: 0;
  padding:8px;
  background-color:white;

}
#frame a{
  margin:20px  5px  2px 5px;
  padding:0;
}
#frame p{
  margin:5px;
  padding:2px;
}
#invoice{
  width:750px;
  border:1px solid black;
  margin:20px;
  padding:0;
}
#invoice td{
  padding:3px;
  border:1px solid black;
}
#invoice h3,h4{
  margin:.25em 0;
}
#details{
  width:100%;
  /*border:1px solid black;*/
}


/* for my footer links */
#links {
  margin: 0 4px 1em 4px;
  font-size:8pt;
}

#linkspage, #linkspage a , #linkspage a:hover{
  margin:10px;
  padding:0;
  color:white;
  background:transparent;
}

#logo {

}

#mastertable{
  width:96%;
}

/* the menu */

#menu {
  position: relative;
  top: 0em;
  left: 0em;
  margin: 0;
  padding: 0;

}

#menu dt {
  line-height: normal;
  margin: 1em 0;
  text-align: left;
  margin-left:5px;
  width:150px;
  font:bold normal 10pt Verdana,arial,helvetica,sans-serif;
}


#menu dt a, #menu dt a:link,#menu dt a:visited {width:150px;
  /*color: #7F6520;*/
  color: #999;
  text-decoration: none;
  display: block;
  padding : 0 3px;
  background-color:transparent;

}

#menu dt:hover, #menu dt a:hover  {
  background-color: #F6C84F;
  color:#000;
}

#menu dt a:active {
  color: white;
  background-color: #F6C84F;
}

#menu dd {
  position: absolute;
  z-index: 100;
  left: 1em;
  margin-top: -1em;
  padding: 2px;
  background: #666;
  border: 1px solid #036;
  display:none;
  width:160px;
}

#menu ul {
  padding: 3px;
  margin: 2px 6px ;
  list-style-type: none;
  width:138px;
  background-color:#E8BC46;
}
#menu li {
  text-align: left;
  line-height: normal;
  border: 1px solid gray;
  padding:0 0px;
  margin: 2px 2px;
  background-color:transparent;
  color:#E8BC46;
}
#menu li a, #menu li a:link,#menu li a:visited  {
  font-size: 	9pt  ;
  color: #666;
  text-decoration: none;
  display: block;
  padding : 0px 2px;
  margin : 0px 0px;
  background-color:transparent;
  width:100%;
}

#menu li a:hover, #menu li:hover {
  color:#F5C649;
  background-color:white;
}

#menu li a:active {
  color:#E8BC46;
  background-color:#FFFF99;
}

#hmenu{	position:absolute;
  height:20px;
  top:120px;
  left: 20px;
  right:20px;
  margin: 0 auto;
  padding:2px ;
  font-size: 	10pt  ;
  background: white ;/* url(/images/topbg.jpg) repeat bottom left; */
  color:#E8BC46;
  text-align:center;
  vertical-align:top;
  min-width:816px;
  z-index:1;
  }
#hmenu ul{

  display:inline;
  background-color:white;
  list-style-type: none;
  margin: 10px 0;
  padding:2px;
  text-align:center;

}
#hmenu li{
  display:inline;
  background-color:white;
  font-size:10pt;
  padding:0;
  margin:4px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}
#hmenu li a, #hmenu li a:link{
  text-decoration: none;
  padding:0 5px;
  color:#E8BC46;
}

#hmenu li a:hover{
  text-decoration: none;
  padding:0 5px;
  color:white;
  background:black;
}


#sidebar{
  position: absolute;
  left:20px;
  top:120px;

  width:180px;
  margin:0 auto;
  padding:0;
  z-index: 100;
  background: transparent ;
  text-align:left;
  vertical-align:top;
  /*color:#E8BC46;*/
  color:#ccc;
  border-right:2px solid #777;
  border-top:2px solid #777;
}

#sidebar p.note{
  margin:6px;
  border:1px solid #7F6520;
  color:#fff;
  background-color:transparent;
  padding:4px;
  text-align:center;
}
#sidebar a,#sidebar a:link {color:#777;}
#topbar{
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:120px;
  background: transparent ;
  color: #C5A140;
  vertical-align:top;
  padding:0;
  margin:0 auto;
  /*min-width:750px;*/
  z-index:1;
  }



#vault {
  padding-top: 1em;
}
#vault a,#vault a:link,#vault a:hover,#vault a:active{
  color:#ccc;
  background-color:transparent;
  font: normal  8pt  sans-serif;
}

#home {position:absolute;
  min-width:820px;
  top:120px;
  left: 20px;
  right:20px;
  margin: 0 auto;
  padding: 0;
  font-size: 	12pt  ;
  background-color:white;
  color:#036;
  text-align:center;
  vertical-align:top;
  z-index:1;
  }

#home p	{
    font-size:9pt;
  }

#validate{
  margin:0;
  padding:0;
  background-color:#ffc;
  color:red;
}
/* CLASSES */
.ad {
  margin:10px;
  text-align:center;
  float:left;
  width:150px;
  background-color:white;
  color:#E8BC46;
}
.bgForm{font: bold 10pt Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 0.2em 0;
  background-color: #039;
  text-align: center;
  }
.border{
  border:1px solid black;
}

.catalog{
  width:280px;
  height:320px;
  text-align:center;
  float:left;
  margin:10px 5px 0 5px;
  border:1px solid red;
  background-color:#FAFAD2;
  padding:20px  5px 5px 5px;
}

.checkout{
  font:bold normal 10pt  Arial,Helvetica,sans-serif;
  width:520px;
  text-align:center;
  margin:0 0 50px 20px;
  padding:5px;
  border:1px solid blue;
}


.center{
  text-align:center;
}
.left {text-align:left;
}

.right {text-align:right;
}

.top {vertical-align:top;
}
.copyright{
  margin:.25em 0 ;
  padding:0;
  font-size:9pt;
}

.clearboth{
  clear:both;
}

.close{
  margin:0;
  padding:0;
}

.courtesy{
text-align:center;
font-size:9pt;
border:1px solid white;
margin:5px;
padding:2px 5px;
width:200px;
float:right;
background-color:white;
}

.error{
    color:red;
}
.em{
  font-weight:bold;
}
.fancy{font-family:ScriptinaProRegular,script; font-size:4em; text-align: left;font-weight:normal;}

.hide{display: none;}
.life{
  color:#E8BC46;
  font-family:ScriptinaProRegular,script; font-size:2.5em; text-align: center;font-weight:normal;
  background:transparent;
}

.fright{
  float:right;
}

.fleft{
  float:left;
}

.footer { font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  color: #E8BC46;
  background-color:transparent;
  }

.form {
  border: 1px solid #ccc;

}
.formData {font-size: 10pt  ;
    background-color: #fff;
      padding:0 10px;
   }

.formtable {
  width: 520px;

  }

.french {
  font-style:italic;
  font-weight:bold;
}

.fullwidth{
  width:100%;
  text-align:center;
}
.google2{
  right:30px;
  text-align:right;
  color:#E8BC46;
  background-color: transparent;
  margin: 10px 0 5px 0;
  padding: 0 5px;
  position:relative;
  float:right;
  top:10px;
}
.google3{
  text-align:center;
  color:#E8BC46;
  background-color: transparent;
  margin: 5px 0;
  padding: 0 5px;
}
.hmenufix{
  padding:10px;
  background-color:transparent;
  float:right;
  margin:10px 0;
}
.ia{
  color:#E8BC46;
  background-color:transparent;
  font-weight:bold;
  font-style:italic;
}

.inputAd{
  width: 216px;
  height: 300px;
  border:1px solid #88A0C8;
  font-family:   helvetica  ;
  font-size: 10pt;
  color: #003068;
  text-decoration: none;
  background-color: #E9EDF0;
  text-align:justify;
  }
.logo{
  width:188px;
  margin:0;
  padding:0;
}

.letter { color: #003366;
  font-size: 10pt;
  font-family: times,times-roman,palatino,serif;
  }

.leftCol{
  width:188px;
  margin:0;
  padding:0;
  background-color: #ffccff;
}
.love{
  color:red;
  background-color:transparent;
  font-weight:bold;
  font-size:9pt;
  margin:0;
  padding:0;
}
.noborder{
  border:none;
}


.painting{
  border: 4px solid black;
  padding: 4px;
}


.photo{
  border: 4px solid black;
  padding: 4px;
}

.price, .sold{
 font-size:10pt;
 font-weight:bold;
 color:red;
 background-color:transparent;
}

.quote{
   font-style:italic;
}

.required{
  font-weight:bold;
  color:red;
  background-color:transparent;

}

.mainmenu{
  width:800px;
  text-align:center;
  margin:0 auto;
  padding:0;
  border:1px solid black;
  background-color:#ec8f56;
  clear:both;
}
.section{
  width:30%;
  margin:20px;
  padding:4px;
  background-color:#ffeeac;
  font-size:10pt;
  border:1px solid black;
  vertical-align:top;
}

.small{
  font-size: 8pt;
}

.subtitle{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.5em;padding-top;20px;}
.testimonial{
  font-style:italic;
}

.total{
  font-weight:bold;
}

.eventlist{margin:10px;}
#schedule td, #schedule th{
  vertical-align:top;
  padding:5px;
  font-size:.8em;
}
#schedule th{
  color:#F6C84F;
}

@font-face {
    font-family: 'ScriptinaProRegular';
    src: url('fonts/Scriptina_Pro-webfont.eot');
    src: url('fonts/Scriptina_Pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Scriptina_Pro-webfont.woff') format('woff'),
         url('fonts/Scriptina_Pro-webfont.ttf') format('truetype'),
         url('fonts/Scriptina_Pro-webfont.svg#ScriptinaProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.videoWrapper {
  width: 60%;
  position: relative;
  padding-bottom: 40%; /* 16:9 56.25%*/
  padding-top: 25px;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom : 1em;

}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}