/*13-16 August 2008*/
/* 9-22-08 added alt column layout w main text on right */

body {
background: #faf1df url(art/bgd_gradient.png) repeat-x;	
height: auto;
margin: 0; padding: 0;
font: 12px/18px  georgia, times, 'times new roman', serif;
text-align: left;
}

img, a img {
border: 0;
text-decoration: none;
}
a {
text-decoration: none;
font-weight: bold;
color:  #800;
background: #F5EDD9;
padding: 0 3px 1px 3px;
}
a:hover {
color:  #fff;
background: #800;
padding: 0 3px 1px 3px;
}
a:active {
color:  #c00;
background: #F5EDD9;
/*padding: 0 3px 1px 3px;*/
}
.flt  {
display: inline;
float: left;
margin-right: 1.2em;
}
.flt2  {
display: inline;
float: left;
margin: 2em 1em 0 24px;
border: 1px solid #3f1506;
}
.flrt {
display: inline;
float: right;
margin: 0 0 1em 1em;
border: 1px solid #3f1506;
}
.ctr {
text-align:center;
}


/* Layout */

#wrap {
width: 800px;
position: relative;
left: 50%;
margin: 0 0 5em -400px;
}

#wrap #banner {
height: 56px;
margin: 12px 0 18px;
padding: 0;
}

#wrap #banner h1 {
font-size: 1.8em;
text-indent: -9999px;
height: 56px;
margin: 0;
padding: 0;
background: url(art/MeandThee_banner_logo2_x458.gif) no-repeat 0 12px;
}

#wrap #main {
background: #F5EDD9;
width: 796px;
margin: 0;
padding: 0 0 10em; /*adjust for text depth*/
border: 2px solid #cdbe9c;
border-bottom: 0;
height: 1%;
overflow: auto;
}
#wrap #text, #wrap #text-rt  {
float: left;
display: inline;
width: 370px;
margin: 0;
font: 12px/18px georgia, arial, helvetica, sans-serif;
}
#wrap #text-rt  {
margin: 0 0 0 340px;
}
#wrap #blurb, #wrap #blurb-lt { 
position: absolute;
top: 540px;
left: 460px;
width: 300px;
margin: 0;
padding: 0;
font: 11px/15px verdana, arial, helvetica, sans-serif;
border-left: 3px dotted #c8bb88;
}
#wrap #blurb-lt { 
position: absolute;
top: 600px;
left: 0;
padding-right: 17px;
border: 0;
border-right: 3px dotted #c8bb88;
}
#wrap #links {		/* to set under main copy in left col */
width: 315px;
margin: 5em 0 0;
padding-top: 1em;
border-top: 3px dotted #c8bb88;
}
#wrap #links-rt {		/* to set under blurbs in rt col */
width: 315px;
margin: 3em 0 0;
padding: 2em 0 0;
border-top: 3px dotted #c8bb88;
}


/*type*/

h1,h2,h3,h4,h5,h6 {
font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
line-height:  1.1em;
/*margin: 1.8em 0 .25em .5em;*/
margin: 1.8em 0 .35em 1.45em;
color: #000;
}

h1 {
font-size: 1.8em;
text-indent: -9999px;
height: 90px;
margin: 0 0 .5em;
padding: 0;
/*background: url(art/JezLowe-opener-hed.png) no-repeat 28px 12px;*/
}

h2 {
font-size: 1.6em;
margin: 16px 0 0 2em;
color: #584142;
}
h3 {
font-size: 1.5em;
margin-bottom: .75em;
}
h4 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
.zo {
margin-top: 0;
}

#banner p {
font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
color:  #fff;
float: right;
padding-top: 16px;
}


/* separate block for price n paypal button (2 divs) */

#paypal, #paypal2 {	
display: block;
width: 17em;
position: absolute;
top: 93px;
right: 3em;
margin: 0;
}
#paypal2 {	
top: 106px;
}
#paypal #price, #paypal2 #price,
#paypal #price2, #paypal2 #price2 {
font: bold 1.4em/1 "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
color: #584142;
width: 2.2em;
margin: 0 0 .5em .5em;
padding: 5px;
background: #e5d4ae;
}
#paypal #price2, #paypal2 #price2 {
width: 7.1em;
}
.door {
font: bold .85em/1 "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
}
form.horiz { /* puts the PP link next to the price */
margin: -37px 0 0 60px;
}
form.horiz2 { /* puts the PP link next to the price */
display: inline;
width: 55px;
float: right;
margin: -37px 0 0;
}

p, ul, ol, li {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
text-indent: 2em;
margin: 0 1.5em 0 2em;
}

.dropcap {
float: left;
display: inline;
width: auto;
margin: -2px 0 0 -3px;
font: bold 8em/.66em Helvetica, Arial, Verdana, sans-serif;
color: #cdbe9c;
}

small {
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
word-spacing: 1px;
letter-spacing: 1px;
margin-left: 0; /*This adjusts letterfit to dropcap*/
}
h2 small {	/* announcement on date line */
font-size: .73em;
padding-left: 2em;
color: #AF9D87;
}
small.act2 {    /* para1 of 2nd act */
margin-left: 0;
}

p.first {
text-indent: 0;
}
p.intro {
font-family: "Lucida Grande", "Lucida Sans", Tahoma, arial, helvetica, sans-serif;
font-size: 1.15em;
line-height: 1.4;
}
.topem {
margin-top: 1em;
}
.topem5 {
margin-top: 1.5em;
}
#text em {
font-size: 1.1em;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}
p.hilite {
padding: 2px 4px;
background: #D8CABE;
}
.credit, #text p.credit { /* for artist pix */
padding: 0;
margin:  .5em 0 0 2.5em;
font: 11px/20px verdana, arial, helvetica, sans-serif;
text-indent: 0;
}

ul { /*with bullets*/
list-style-type: disc;
margin: 1em 0 0 0;
}
ul.plain {
padding: 0;
list-style-type: none;
}
li {
margin: 0 0 0 2em;
list-style-type: none;
padding: 0 0 .4em;
}

#blurb p, #blurb-lt p {
text-align:left;
margin: .5em 0;
text-indent: 0;
padding: 0 1.5em 0;
font: 11px/15px verdana, arial, helvetica, sans-serif;
color: #011260;
}
#blurb p.el0 {
margin-bottom:0;
}
#blurb p.ind {
text-indent: 2em;
margin-top: 0;
}

#blurb cite, #blurb-lt cite {
font-size: 9px;
font-style: normal;
color: #c00;
text-transform: uppercase;
letter-spacing: 1px; word-spacing: 1px;
padding-left: .6em;
width: 100%;
}
#blurb cite.fl, #blurb-lt cite.fl {
padding: 0;
}

.dots, #blurb p.dots, #blurb-lt p.dots {    /* dot divider */
text-align:center;
font-family: Georgia,  "Times New Roman", Times, serif;
font-size: 2.5em;
color: #033;
margin: 0 auto .7em;
letter-spacing: .12em;
}
#blurb a {
padding: 0;
}
#text p.bot0, #blurb p.bot0 {
margin-bottom: 0;
}

/*links*/

#links p, #links-rt p {
font: 11px/15px  verdana, arial, helvetica, sans-serif;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}
#links-rt p {
margin: 0 0 1em 36px;
}
#links a, #links-rt a,  {
font-weight: bold;
background:  none;
}
#links a:hover, #links-rt a:hover  {
color:  #fff;
}
#links a:active, #links-rt a:active {
color:  #c00;
}


/* NAVBAR */

/* All elements are floated
    Links are block elements so they display like buttons
*/

ul.nav {	
float: left;
width: 100%;
height: 23px;
list-style: none;
font: 11px/11px "Lucida Grande", Lucida, verdana, arial, helvetica, sans-serif;
margin: 0 0 2em;
padding: 0;
background: #390005 url(art/navbgd.png) repeat-x;
}

ul.nav li {
text-indent: 0;	/*it inherits this from p, above*/
float: left;
display: inline;
padding: 0; margin: 0;
border-right: 1px solid #fff;
}

.nav li a {
float: left;
display: block;
width:  auto;
padding: 5px 4em 8px;
margin: 0;
font: 11px/11px  verdana, arial, helvetica, sans-serif; /* line-height determines depth of navbar */
color: #fff;
background: transparent;
text-decoration: none;
}
.nav li a:hover {
width:  auto;
color: #390005;
background: #faf1df;
line-height: 26px;
position: relative;
	padding: 2px 4em 0;  /* so tabs don't jiggle  */
	margin-top: -6px;   /* brings tab up */
	border: 1px solid #cdbe9c;
	border-bottom: 1px solid #faf1df;
}
.nav li a:active {
position: relative;
line-height: 28px;
color: #fff;
background: transparent;
border: 0;
}
.nav li a.selected {
color: #390005;
cursor: default;
background: #faf1df;
font-size: 1.1em;
border: 1px solid #390005;
border-width: 1px 1px 0;
padding: 6px 10px 8px; 
 /*so tabs don't jiggle - compensates for border widths*/ 
margin-top: -3px;    /*brings tab up*/ 
}
ul.nav li.first {
margin-left: 4.3%;
}
ul.nav li.last {
border: none;
}


/* ------------------------------------- */



/*style variants*/