@import url("menu.css");
@import url("newcal.css");
@import url("containers.css");

/* current events style */
@import url("event-roundup.css");
@import url("event-winetasting.css");

/* =DEFAULTS  */
body          { 
font: 13px/1.5em Verdana, Arial, Helvetica, Sans-Serif;
color: #606060;
background-color: #F5E2BA;
margin: 0;
}   
/* IE */
html > body   { 
font-size: 13px; 
}

/* =BECAUSE YOU CAN"T REMEMBER SHIT
		  top  right bottom left
4 Values..... margin: 10px 20px  30px   40px;
                   top  left-&-right bottom
3 Values..... margin: 10px 20px         30px;
		  top-&-bottom left-&-right
2 Values..... margin: 10px         20px;
		  all-four-sides
1 Value...... margin: 10px;
*/

/* =HEADER  */
#header {
width: 985px; /* total width */
height: 130px;
margin: 0 auto;
}
#logo {
float: left;
padding-top: 15px;
padding-left: 15px;
width: 810px;
}
#logo a {
background: url("../images1/logo.gif") no-repeat;
display: block;
color: #333;
font-size: 28px;
text-transform: uppercase;
height: 116px;
width: 810px;
overflow: hidden;
text-indent: -9000px;
}
#windmilltop {
float: right;
margin-top: 10px;
background: url("../images1/windmilltop.jpg") no-repeat;
display: block;
height: 120px;
width: 159px;
}
#grapes {
position:relative;
background-image:url("../images1/grapes.gif");
width:88px;
height:63px;
top:148px;
left:702px;
margin-top:-63px;
}
#grapesfull {
position:relative;
background-image:url("../images1/grapes.gif");
width:88px;
height:63px;
top:137px;
left:702px;
margin-top:-63px;
}

/* =BODY  */
#container {
width: 985px; /* total page width */
margin: 0 auto;
text-align: left; 
}
#main-top {
width: 985px;
background: #CECECE;
background-image: url("http://www.leonisadobemuseum.org/images1/bg-top.jpg");
}
#main-body {
background: #F5E2BA url("http://www.leonisadobemuseum.org/images1/bg-body.jpg") repeat center top;
padding-top: 0;
clear: both;
}
#col-1 {
width: 715px;
display: inline;
float: left;
}
#col-2 {
width: 270px;
float: right;
display: inline;
}
#content {
padding: 0 0 0 60px;
clear: both;
}
#subcontent {
width: 222px;
font-size: 11px;
line-height: 1.2em; 
padding: 0 27px 0 13px;
clear: both;
}
#col-1full {
width: 985px;
display: inline;
float: left;
}
#contentfull {
width: 898px;
padding: 0 27px 0 60px;
}

/* =DASHED RIGHT  */
.dashedcontent {
width: 215px;
border-left: 1px dashed #663333; 
padding-left: 8px; 
}

/* =MAIN FOLD  */
#fold {
width: 655px;
}
#fold-leftcontainer {
width: 200px;
padding-right: 2px;
float: left;
}
#fold-rightcontainer {
width: 453px; 
float: right;
}
#fold-topleft {
padding: 0 8px 5px 0;
border-right: 1px dashed #663333;
float: left;
}
#fold-topleftcontent {
width: 215px;
padding: 0 0 0 7px;
}
#fold-topright {
padding: 0 0 0 8px;
float: right;
}
#fold-toprightcontent {
width: 210px;
}
#fold-bottom {
margin-top: 5px;
border-top: 1px dashed #663333;
padding: 2px 0 0 5px;
}
#fold-bottomcontent {
width: 440px;
}

/* =GRAPEVINE  */
#grapevine-wrapper {
padding: 1px; 
border: 1px solid #663333; 
width: 217px; 
height: 204px;
margin-bottom: 8px;
}
.grapevine-box {
font-size: 11px;
color: #591D2F;
text-decoration: none;
text-align: center;
background-color: #ffffff;
background-image: url("../images1/grapevine-fade.gif");
background-repeat: no-repeat;
padding: 13px 0px 8px 0px;
}
.grapevine-content {
margin: 0 auto;
border:1px solid #637E4B; 
width:195px; 
background-color:#EEEEE4;
margin-top:4px;
}

/* =FOOTER  */
#footer {
background: #F5E2BA url("http://www.leonisadobemuseum.org/images1/bg-footer.jpg") repeat center top;
width: 880px;
padding-top: 0;
padding: 10px 45px 0 60px;
height: 130px;
clear: both;
}
.footer-content {
font: 9px/1.0 Verdana, Arial, Helvetica, Sans-Serif;
color: #999999;
width: 880px;
border-top: 1px solid #E2E3E4;
}
.footer-left {
width:440px;
padding:10px 0 0 0;
float:left;
}
.footer-right {
width:440px;
padding:10px 0 0 0;
float:right;
}
.footerlink {
color: #999999;
text-decoration: none;
}
.footerlink:hover {
color: #663333;
text-decoration: underline;
}
#tagbot {
padding-top: 10px;
}
#tagbot a img {
padding-right: 3px;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
#tagbot a:hover img {
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
}
/* =floating image  */
.floater{
z-index: 996;
position: fixed !important;
position: absolute;
cursor: pointer;
}
.float-bottom {
bottom:0px;
_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
.float-right {
right: 0px;
}

/* =TEXT  */
.textxsm {
font-size: 10px;
line-height: 1.2em;
color:#606060;
}
.textsm {
font-size: 11px;
line-height: 1.2em;
color:#606060;
}
.text {
font-size: 13px;
line-height: 1.2em;
color:#606060;
}
.textmed {
font-size: 14px;
line-height: 1.2em;
color:#606060;
}
.textlg {
font-size: 15px;
line-height: 1.2em;
color:#808080;
}
.textxlg {
font-size: 16px;
line-height: 1.2em;
color:#606060;
}

/* =LINKS  */
.linkxsm {
font-size: 10px;
color:#591D2F;
text-decoration:none;
border-bottom:1px dotted #591D2F;
}
.linksm {
font-size: 11px;
color:#591D2F;
text-decoration:none;
border-bottom:1px dotted #591D2F;
}
.link {
font-size: 13px;
color:#591D2F;
text-decoration:none;
border-bottom:1px dotted #591D2F;
}
.linkmed {
font-size: 14px;
color:#591D2F;
text-decoration:none;
border-bottom:1px dotted #591D2F;
}
.linklg {
font-size: 15px;
color:#591D2F;
text-decoration:none;
border-bottom:1px dotted #591D2F;
}
.linkxsm:hover,.linksm:hover,.link:hover,.linkmed:hover,.linklg:hover {
color:#2B0F18;
text-decoration:none;
border-bottom:1px solid #2B0F18;
}
.linkpp {
font-size: 9pt; color: #024D6C; 
text-decoration: none;
height: 16px;
padding-left: 4px;
padding-right: 4px;
}
.linkpp:hover {
background: #DDEEFF;
}
a.pdf { 
background:url("../images1/sm-pdf.gif") no-repeat left center;  
font-size: 11px;
padding-bottom: 2px;
padding-left: 20px;
color:#663333;
text-decoration: underline;
font-weight: bold;
}
a.sixsm { 
background:url("../images1/sixshooter-sm.gif") no-repeat left center;  
font-size: 10px;
padding: 0 0 2px 28px;
color:#663333;
text-decoration: underline;
font-weight: bold;
} 

.topsponsors { 
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -0.04em;	
font-size: 16px;
font-style: italic;
color: #735A5A;
background:url("http://www.leonisadobemuseum.org/images1/sixshooter-sm.gif") no-repeat left center;
padding: 0 0 2px 28px;
margin: 0 0 0 25px;
}

/* =DROP CAP  */
.dc-container1 {
float: left;
border: 1px solid #BEA77E;
background: url("../images1/bg-dropcap.jpg") 0 0px no-repeat;
height: 68px;
width: 72px;
margin: 5px 5px 0 0;
}
.dc-container2 {
float: left;
border: 1px solid #BEA77E;
background: url("../images1/bg-dropcap.jpg") 0 0px no-repeat;
height: 68px;
width: 58px;
margin: 5px 5px 0 0
}
.dc-container3 {
float: left;
border: 1px solid #BEA77E;
background: url("../images1/bg-dropcap.jpg") 0 0px no-repeat;
height: 68px;
width: 38px;
margin: 5px 5px 0 0
}
.dropcap {
font-size: 460%;
line-height: 2.0ex;
font-weight: bold;
color: #684C49;
font-family: Serif, Georgia;
font-style: Normal;
padding-left: 11px;
}

/* =LISTS  */
.leonis ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.leonis li {
font:13px/1.1 Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
color:#606060;
background: url("../images1/bullet-main.gif") 0 11px no-repeat;
margin-left: 20px;
padding: 8px 30px 0px 15px;
}
.animals ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.animals li {
font:13px/1.1 Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
color:#606060;
background: url("../images1/bullet-main.gif") 0 11px no-repeat;
padding: 7px 0 0 20px;
}
.wine ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.wine li {
font:12px/1.2 Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
color:#4C0106;
background: url("../images1/bullet-wine.gif") 0 10px no-repeat;
padding: 8px 35px 0px 18px;
}
.bus ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.bus li {
font:11px/1.2 Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
text-decoration:none;
color:#4C0106;
background: url("../images1/bullet-bus.gif") 0 10px no-repeat;
margin-left:10px;
padding: 10px 30px 0 15px;
}

/* =HEADERS  */
.smallheader {
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #735A5A;
font-style: italic;
text-decoration:none;
}
.mediumheader {
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 16px; 
color: #591D2F;
font-style: italic;
text-decoration:none;
}
.largeheader {
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 18px; 
line-height: 20px;
color: #735A5A; 
font-style: italic;
}
.titleheader { 
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -0.04em;	
font-size: 28px;
font-style: italic;
color: #735A5A;
background:url("http://www.leonisadobemuseum.org/images1/wagon-wheel.gif") no-repeat left center;
padding: 7px 0 7px 33px;
margin: -7px 0 2px 0;
}
.membersheader-container {
padding-bottom: 5px;
display: block;
}
a.membersheader {
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 16px; 
color: #736056; 
font-weight: bold;
color: #591D2F;
background:url("../images1/sm-badge.gif") no-repeat left center; 
padding: 7px 0 8px 30px;
}
a.membersheader:hover {
color: #2B0F18;
}
/* =floral header  */
#floral-wrapper {
text-align: center;
margin: 0 auto;
}
#floral-wrapper .flowers {
width: 50px; 
float: left; 
display: inline;
}
#floral-wrapper .title {
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 18px; 
color: #736056; 
font-weight: bold;
float: left;
display: inline;
margin-top: 3px;
}

/* =TRAVELING TRUNK  */
.imagetrail {
filter: progid:DXImageTransform.Microsoft.Shadow(color='#a9a9a9', Direction=135, Strength=2);
position: absolute;
visibility: hidden;
left: 0px;
top: -1000px;
width: 1px;
height: 1px;
border: 1px solid #a9a9a9;
padding: 4px;
background: #fff;
z-index: 4;
opacity: 100;
}

div.sponsors {
width: 469px;
height: 28px;
background:url("../images1/sponsors.gif") no-repeat left center;
margin: 0 auto;
cursor: pointer;
}

/* =DECORATIVE BREAKS  */
div.decorative-break {
width: 500px;
height: 30px;
background:url("../images1/break.png") no-repeat left center;
text-align: center;
margin: 0 auto;
}
div.squiggly-left {
width:110px;
height:25px;
margin: 5px 0 5px 0;
background:url("../images1/divider-squigglylt.gif") 0 0px no-repeat;
}
div.squiggly-right {
width:110px;
height:25px;
margin: 5px 0 5px 0;
background:url("../images1/divider-squigglyrt.gif") 0 0px no-repeat;
}

/* =Center DIV  */
.centerit {
text-align: center;
margin: 0 auto;
}

/* =PULLQUOTE  */
blockquote.pullquote { 
float:left; 
width:10em; 
margin:7px 10px 0 0; 
padding:0 5px 2px 5px; 
border:3px double #684C49; 
border-width: 3px 0; 
color:#684C49; 
background:transparent; 
font:italic 14px/1.6 Georgia, Sans-Serif;
width: 240px;
} 
.pullquote p { 
margin:0; 
text-align:center; 
}

/* =HORIZONTAL RULE  */
div.hr2px {
width: 100%;
border-top: 1px solid #A0A0A0;
border-bottom: 1px solid #fff;
margin: 8px 0 15px 0;
}
div.divider200 {
width:200px;
height:1px;
margin: 10px 0 12px 0;
background:url("../images1/divider-220.jpg") no-repeat;
}
div.divider220 {
width:220px;
height:1px;
margin: 10px 0 10px 0;
background:url("../images1/divider-220.jpg") no-repeat;
}
div.divider430 {
width:430px;
height:1px;
background:url("../images1/divider-430.jpg") no-repeat;
}
div.divider655 {
width:655px;
height:1px;
margin: 15px 0 10px 0;
background: url("../images1/divider-655.jpg") no-repeat;
}
div.divider655a {
width:655px;
height:1px;
margin: 5px 0 10px 0;
background: url("../images1/divider-655.jpg") no-repeat;
}

/* =FOUR IMAGE MONTAGE  */
#fourimage-grid {
width: 350px;
float: left;
margin: 0 6px 0 6px;
}
#fourimage-grid .float {
float: left;
height: 142px;
width: 175px;
overflow: hidden;
}
#fourimage-grid .shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

/* =IMAGES  */
/* leonis oval */
.oval-right {
float: right;
display: block;
position: relative;
font-size: 10px;
color: #736056;
text-align: center;
padding: 5px 0 0 8px;
} 
/* image left */
.shadow-left {
float: left;
margin: 5px 5px 5px 0;
}
.shadow-left img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}
/* image right */
.shadow-right {
float: right;
margin: 5px 0 5px 5px;
}
.shadow-right img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}
/* image left text */
.shadow-lefttext1 {
float: left;
margin: 5px 5px 5px 0;
}
.shadow-lefttext2 {
display: block;
position: relative;
font-size: 10px;
color: #736056;
text-align: center;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px 4px 2px 4px;
}
/* image right text */
.shadow-righttext1 {
float: right;
margin: 5px 0 5px 5px;
}
.shadow-righttext2 {
display: block;
position: relative;
font-size: 10px;
color: #736056;
text-align: center;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px 4px 2px 4px;
}
/* docents image */
.img-docentA {
float: left;
margin: 10px 8px 10px 8px !important;
margin: 10px 8px 10px 8px;
}
.img-docentB {
display: block;
position: relative;
background-color: #fff;
font-size: 10px;
color: #736056;
text-align: center;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px 4px 2px 4px;
}


/* =CLEARFIX  */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}