/* Mike Gibbons Styles Title: Default CSS Author: Nick Giordano Date: October 2008 */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99% verdana,geneva,sans-serif;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle;} select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} ul, ol {padding-left:18px;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .cleaner { clear: both; } .clear10 { clear: both; height: 10px; } a { outline: none; } p { margin: 5px 0 15px 0; } .png { ; } .floatRight { float: right; } .floatLeft { float: left; } .clear30 { clear: both; height: 30px; } /*----------------- DEFAULT -----------------*/ body { margin: 0; padding: 0; background: #3E2C14; font-family: Verdana, Arial, Helvetica, serif; font-size: 11px; color: #4a4a4a; } h1 { color: #94472d; font-size: 18px; margin-bottom: 12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif; } h2 { color: #94472d; font-size: 14px; margin-bottom: 12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif; } p { line-height: 18px; } #mainContainer { background: url(img/bgwave.jpg) no-repeat center; } #wrapper { width: 1044px; margin: auto;} #mainContent { width: 864px; padding-left:90px;} #mainContent .rs { width: 864px;} #mainBody { width: 864px; background: #fff; margin-left: 0px; float: left; padding-bottom: 55px; } a { color: #27a9cd; text-decoration: none; } a:hover { color: #27a9cd; text-decoration: underline; } /*----------------- HEADER -----------------*/ #header { margin:auto; padding-right:90px; width: 864px; height: 189px; background-image: url(img/topbar.jpg); background-repeat:no-repeat; float:right;} /*----------------- MENU -----------------*/ #menu { width: 864px; height: 189px; margin: auto; } #menu ul { margin:0px; padding:0px; list-style-type:none; } #menu li { float:left; height: 26px; text-indent: -1000px; } #menu a { display:block; text-decoration:none; overflow:hidden; position: relative; } #menu a#home { position: relative; background: url("img/menu_02.jpg") no-repeat scroll bottom left; width: 149px; height: 189px; } #menu a#bio { background: url("img/menu_03.jpg") no-repeat scroll bottom left; width: 53px; height: 189px; } #menu a#gallery { background: url("img/menu_05.jpg") no-repeat scroll bottom left; width:75px; height: 189px; } #menu a#tour { background: url("img/menu_07.jpg") no-repeat scroll bottom left; width: 80px; height: 189px; } #menu a#purchase { background: url("img/menu_08.jpg") no-repeat scroll bottom left; width: 91px; height: 189px;} #menu a#contact { background: url("img/menu_09.jpg") no-repeat scroll bottom left; width: 251px; height: 189px; } #menu a#music { background: url("img/menu_04.jpg") no-repeat scroll bottom left; width: 77px; height: 189px; } #menu a#photos { background: url("img/menu_06.jpg") no-repeat scroll bottom left; width:88px; height: 189px; } #menu a#home:hover { position: relative; background: url("img/menu-on_02.jpg") no-repeat scroll bottom left; width: 149px; height: 189px; } #menu a#bio:hover { background: url("img/menu-on_03.jpg") no-repeat scroll bottom; width: 53px; height: 189px; } #menu a#gallery:hover { background: url("img/menu-on_05.jpg") no-repeat scroll bottom left; width: 75px; height: 189px; } #menu a#tour:hover { background: url("img/menu-on_07.jpg") no-repeat scroll bottom left; width: 80px; height: 189px; } #menu a#purchase:hover { background: url("img/menu-on_08.jpg") no-repeat scroll bottom left; width: 91px; height: 189px;} #menu a#contact:hover { background: url("img/menu-on_09.jpg") no-repeat scroll bottom left; width: 251px; height: 189px; } #menu a#music:hover { background: url("img/menu-on_04.jpg") no-repeat scroll bottom; width: 77px; height: 189px; } #menu a#photos:hover { background: url("img/menu-on_06.jpg") no-repeat scroll bottom left; width:88px; height: 189px; } #menu a#home.on { position: relative; background: url("img/menu_02.jpg") no-repeat scroll bottom left; width: 149px; height: 189px; } #menu a#bio.on { background: url("img/menu_03.jpg") no-repeat scroll bottom left; width: 53px; height: 189px; } #menu a#gallery.on { background: url("img/menu_05.jpg") no-repeat scroll bottom left; width: 75px; height: 189px; } #menu a#tour.on { background: url("img/menu_07.jpg") no-repeat scroll bottom left; width: 80px; height: 189px; } #menu a#purchase.on { background: url("img/menu_08.jpg") no-repeat scroll bottom left; width: 91px; height: 189px;} #menu a#contact.on { background: url("img/menu_09.jpg") no-repeat scroll bottom left; width: 251px; height: 189px; } #menu a#music.on { background: url("img/menu_04.jpg") no-repeat scroll bottom; width: 77px; height: 189px; } #menu a#photos.on { background: url("img/menu_06.jpg") no-repeat scroll bottom left; width:88px; height: 189px; } /*----------------- HEADLINE -----------------*/ #headline { background-color:#601e08; width:864; padding:6px; text-align:center; } /*----------------- COLUMNS -----------------*/ #leftCol { float: left; width: 440px; margin-right: 23px; padding: 20px 0 0 18px; } #rightCol { float: left; width: 360px; padding-right: 18px; padding-top: 20px; } /*----------------- FOOTER -----------------*/ #footer { clear: both; height: 28px; width: 857px; margin-left:0px; background: black); padding-right: 7px; padding-top:0px; color: #601e08; font-weight: bold; font-size: 11px; } /*----------------- TABLE -----------------*/ th {width:100px; text-align:left; font-weight:bold;}