@import url(gallery.css); @import url(shared.css); * { padding: 0em; margin: 0em; } html, body{ font-size: 90%; color: #000; margin:0; padding:0; font-family: verdana, arial, helvetica, sans-serif; text-align:center; width: 100%; height: 100%; background-color: #370101; } img { border: 0; } #pagewrapper{ position: relative; width:800px; height: auto; min-height: 100%; text-align:left; margin: 0 auto; background-color: #fff; background-image: url("../images/fauxcolumn.gif"); background-repeat: repeat-y; top: 0; left: 0; } #pagewrapper:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } #header{ z-index: 1; position:relative; width:100%; height: 250px; } #banner { clear:both; height:223px; } /*********************main navigation menu*************************/ #mainnav { margin: 0 auto; width: 792px; padding-left: 8px; min-height: 30px; height: 30px; text-align: center; background-color: #5d0303; } #nav, #nav ul { padding: 0px; margin: 0; list-style: none; } #nav a{ display: block; padding: .14em .5em; text-decoration: none; color: #f4fcf1; height: 21px; padding-top: 5px; } #nav li{ float: left; background-color: #5d0303; font: 14px verdana; border-collapse: collapse; border-right:dotted; border-right-color: #fff; border-right-width: 1px; } #last li{ border:none; } #nav li ul { position: absolute; width: 10em; margin-left: -999em; text-align: left; } #nav a:hover{ background-color: #b90801; color: #f4fcf1; } #nav li:hover ul{ margin-left: auto; } #nav li:hover { background-position: 0 0; } #nav li ul li { float: left; width: 10em; background-image: none; } .leftnopadding { float: left; padding: 0; } .rightnopadding { float: right; padding: 0; } /*****************************Main Divs************************/ #wrapper{ margin-left: 0; padding-top: 0; background-color: #f8e5bd; background-image: url("../images/fauxcolumn.gif"); background-repeat: repeat-y; width: 800px; height:100%; min-height:100%; height: auto; } #leftcol{ width:160px; height: 100%; height: auto; min-height: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; float:left; position:relative; background-color: transparent; clear:both; } /* * html #leftcol{ width: 160px; } */ .leftcolp { float: left; display:inline; line-height: 1.4em; margin-left: 5px; margin-right: 5px; text-align: center; } #rightcol{ width:114px; height: 100%; height: auto; min-height: 100%; padding-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; float:left; display: inline; position:relative; background-color: transparent; } * html #rightcol { width: 84px; padding-left: 20px; padding-right:0; } .textfield{ width:70px; } .sidecol { margin-top: 6px; } .sidecol h2{ color: #003300; margin: 0; font-size: 21px; margin-top: .5em; margin-bottom: .5em; /* font-family: verdana, arial, helvetica, sans-serif; */} .sidecol h3{ color: #003300; font-size: 18px; margin-top: .5em; margin-bottom: .4em; /* font-family: verdana, arial, helvetica, sans-serif; */} .sidecol p{ margin: 0; margin-top: .6em; margin-bottom: .8em; line-height: 1.4em; } .sidecol hr { color:#f5f5f5; } #maincol{ float: left; display:inline; position: relative; width:464px; background-color: transparent; height: 60%; margin: 0 10px; padding-bottom: 0px; height: 100%; } * html #maincol { width: 454px; } #maincol #gallery{ border: none; } /*************** Performances Table *****************/ .performances { width: 100%; border: none; margin: 15px 0px; background-color: #f7f5d2; border-collapse: collapse; } .performances h2 { font-size: 22px; margin: .2em 0em .2em 0em; font-weight: normal; } .performances h3 { font-size: 18px; margin: .2em 0em .2em 0em; font-weight: normal; } .performances td { padding: 3px 3px; border: solid #000 1px; font-size: 12px; vertical-align: top; } .monthtitle { background-color: #e1c995; text-align: center; } .yeartitle{ background-color: transparent; text-align: center; border: none; } .col1{ width: 22%; } .col2{ width: 25%; } .col3{ width: 53%; } .col5{ width: 35%; text-align: center; padding: 5px; } .col6{ font-size: 12px; line-height: 1.3em; } /* width="100%" border="0" cellspacing="3" cellpadding="3" */ .cdreleasecell{ background-color: #e5bb3a; } .cdreleaseleft{ float:left; margin: 0; padding: 5px 0px 0px 5px; } .cdreleaseright{ float:right; margin: 0; width:62%; font-size: 10px; line-height: 1.2em; text-align: center; } /*************** Music Pages ****************/ .musicalbuminfo { width: 175px; margin: 0px 20px; /* margin: 0 0; */ float: left; } #musicleftcol { width: 50%; float: left; } #musicleftcol ol{ margin-left: 20px; margin-right: 10px; font-size: 12px; } #musicleftcol p { margin-right: 10px; } #musicrightcol { width: 50%; float: right; } .musicleftcol { width: 50%; float: left; } .musicleftcol ol{ margin-left: 20px; margin-right: 10px; font-size: 12px; } .musicleftcol p { margin-right: 10px; } .musicrightcol { width: 50%; float: right; } #musicalbumcover{ margin-bottom: 5px; } #scoreh2 { display: block; float:left; vertical-align: bottom; margin: 10px 0 0 0; } #scorediv { float: right; margin: 10px 10px 0 0; } #scorep { margin:10px 10px 0 0 } /*************** Footer ***********************/ #footer{ width: 800px; margin: 0 auto; clear:both; text-align: center; background-color: #fff; padding-top: 15px; padding-bottom: 10px; } #footer p{ font-size: 11px; } /****************Footer Navigation menu***************/ .footernav { margin-left: 0px; margin-top: 10px; text-align: center; list-style: none; } .footernav li { display: inline; } .footernav a { font-size: 13px; padding: 0 .7em; } .footernav #gallery{ font-size: 8px; margin: 0; } /***************** Review Pages ***********************/ #review { background-color: #fff; margin: 0 auto; padding: 10px; text-align: left; width: 95%; } #review h1 { font-size: 22px; } .reviewhtml { background-color: #fff; } .reviewlist li{ margin-bottom: 10px; } div.photo-box { background-color: #f5f5f5; float: left; margin: 10px 10px 0 0; padding: 5px; border: 1px solid #333; } div.photo-box p { font-size: smaller; text-align: center; line-height: 12px; margin-bottom: 0px; } /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .galleryphoto { margin-left: -999em; } #player { width: 160px; height: 14px; } #playermusicpages{ width: 230px; height: 14px; } .player-side-by-side{ width: 80%; margin: 0 20px 20px 12px; } .player-side-by-side .player { width:190px; height: 14px; padding-right: 30px; } #currentperformances { border-left: none; border-right: none; background-color: #fff; } #currentperformances p { margin: 0; } .back-to-top { border-left: none!important; border-right: none!important; background-color: #fff; } .back-to-top p { margin: 0; } .bills-listing { background: #f7f3a8; } div.left, .bills-listing div.left { top: 0; position: relative; float:left; width:53%; padding: 4px; display: inline; } div.right, .bills-listing div.right { top: 0; position: relative; float: right; width: 42%; display: inline; } .links p { margin: .5em 0; line-height: 1.4em; } #home-trio-img { border: #000 1px solid; padding: 3px; } table#mediakit { margin-top: 0; }