/* ----------------------------------------------- Master Screen Style ----------------------------------------------- TerranceB.ca author: Ryan Mayer date: November 2007 ----------------------------------------------- */ html, body {margin:0px; padding:0px; width:100%; height:100%;} body {background:url(../img/bg.jpg) 50% 0% no-repeat #f5aa01 scroll; font: 68% Arial, Helvetica, sans-serif; margin:0px; padding:0px;} /* Structure Div's */ #container {width: 825px; margin: 0 auto 0 auto; padding: 0px; background: transparent 0 0;} #flash_container {margin:0px; padding:0px; text-align:center;}/* Represents the container for the large flash on the "main" page */ #sitenav { width: 550px; height: 127px; margin: 0px auto; } /* #sitenav {width: 825px; height: 125px; margin: 0px auto; padding:0px auto; border:1px solid black;} */ #header {width: 825px; height: 245px; margin:0px auto; padding:0px; background: url(../img/header01.jpg) 0 0 no-repeat;} #body {width: 825px; margin:0px auto; padding-top: 0px; padding-bottom: 0px; background: transparent 0 0 no-repeat; text-align:center;} #footer {width: 738px; height:117px; text-align:center; margin:0px auto; padding-top:30px; background: transparent url(../img/bg_footer.jpg) 0 0 no-repeat; clear: both;} /* Content Div's */ #colLeft {width:175px; margin:0px auto; padding:0px; background: transparent 0 0 no-repeat; float:left;} #colMed {width:415px; margin:0px auto; padding:0px 30px 0px 30px; background: transparent 0 0 no-repeat; float:left;} #colRight {width:175px; margin:0px auto; padding:0px; background: transparent 0 0 no-repeat; float:left;} /* Typography */ h1 {font-size: 1.6em; text-align:left; text-decoration:none; color:#5e3c00; padding:0px; margin: 15px 0px 0px 0px;} h2 {font-size: 1.1em; text-align:left; text-transform:uppercase; color:#b50c00; padding:0px; margin: 0px;} h3 {font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #5e3c00; padding:0px; margin: 0px 0px 5px 0px;} h4 {font-size: 1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #585842; padding:0px; margin: 15px 0px 0px 0px;} p {background: transparent; color: #2f2f2f;text-align: left; line-height: 1.5em; font-size: 1.1em; margin:0px; padding-bottom:10px;/*font-size-adjust: none; font-stretch: normal;*/} .listTitle {list-style-type:none; margin: 20px 0px 0px -25px; padding: 0px; text-transform:uppercase; font-weight:bold; color:#2f2f2f} .description {list-style-type:none; margin:0px 20px 0px -15px; color:#2f2f2f; line-height: 1.2em; font-size:.95em} #testimonial {background: url(/img/icn_open.gif) 0 0 no-repeat; margin-top:100px; padding:14px 0px 10px 0px;} .quote {background: url(/img/icn_closed.gif) 100% 100% no-repeat;color: #2f2f2f;text-align: left; font-style:italic; font-size: 1.3em; margin:0px; padding:0px;} .quoteCredit {background: transparent 0% 0% no-repeat; color: #2f2f2f;text-align: right; line-height: 1.5em; font-weight:bold; font-size: 1.1em; margin:0px; padding:20px 0px 10px 0px;} #body .Listing {margin:10px 0px 15px 0px; padding:0px; background: transparent;} #body .Listing p.headline {font-size: 1.1em; color: #303e27; text-transform:uppercase; margin:0px 10px 0px 50px; padding:0px;} #body .Listing p.subheadline {font-size: .95em; font-weight:bold; color: #5e3c00; text-transform:uppercase; margin:0px 10px 0px 50px; padding:0px; text-align:right; display:block; border-bottom: 1px dotted #cd9109;} #body .Listing p {font-size: 1em; line-height: 1.2em; color: #5e3c00; text-align: left; margin:0px 40px 5px 50px;} ul, ol {background: transparent; color: #2f2f2f; text-align: left; font-size: 1.1em; margin:15px; padding-bottom:10px;} li {margin:1px;} #footer p {background: transparent; color: #a57913; text-decoration: none; text-align: center; font-size: 1.0em; line-height:1.3em; margin:0px;} /* Links */ a:link {color: #303e27; text-decoration: none; font-weight:bold; padding: 0px 2px 0px 2px;} a:visited {color: #303e27; text-decoration: none; font-weight:bold;padding: 0px 2px 0px 2px;} a:hover {color: #fff; font-weight:bold;} a.catchashow_btn {display: block; margin:20px auto; width: 185px; height: 15px; background: transparent url(../img/btn_catchashow.gif) 0px 0px no-repeat;} a.catchashow_btn:hover {background: transparent url(../img/btn_catchashow.gif) 0px -15px no-repeat;} a.signup_btn {display: block; margin:20px auto; width: 158px; height: 29px; background: transparent url(../img/btn_signup.gif) 0px 0px no-repeat;} a.signup_btn:hover {background: transparent url(../img/btn_signup.gif) 0px -29px no-repeat;} a.submit_btn {display: block; margin:20px auto; width: 158px; height: 29px; background: transparent url(../img/btn_submit.gif) 0px 0px no-repeat;} a.submit_btn:hover {background: transparent url(../img/btn_submit.gif) 0px -29px no-repeat;} a.addlisting_btn {display: block; margin:20px auto; width: 158px; height: 29px; background: transparent url(../img/btn_addlisting.gif) 0px 0px no-repeat;} a.addlisting_btn:hover {background: transparent url(../img/btn_addlisting.gif) 0px -29px no-repeat;} a.hypnodog_btn {display: block; margin:20px auto; width: 135px; height: 250px; background: transparent url(../img/btn_hypnodog.gif) 0px 0px no-repeat;} a.hypnodog_btn:hover {background: transparent url(../img/btn_hypnodog.gif) 1px -250px no-repeat;} a.print_btn {display: block; margin:20px auto; width: 158px; height: 29px; background: transparent url(../img/btn_print.gif) 0px 0px no-repeat;} a.print_btn:hover {background: transparent url(../img/btn_print.gif) 1px -29px no-repeat;} a.booknow_btn {display: block; margin:20px auto; width: 158px; height: 29px; background: transparent url(../img/btn_booknow.gif) 0px 0px no-repeat;} a.booknow_btn:hover {background: transparent url(../img/btn_booknow.gif) 1px -29px no-repeat;} a.logo_btn {display: block; margin:0px 0px 0px 165px; width: 64px; height: 95px; background: transparent url(../img/logo.jpg) 0px 0px no-repeat; float:left;} a.entertainer_btn {display: block; margin:0px auto; width: 19px; height: 95px; background: transparent url(../img/btn_entertainer.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.entertainer_btn:hover {background: transparent url(../img/btn_entertainer.jpg) 0px -95px no-repeat;} a.motivator_btn {display: block; margin:0px auto; width: 23px; height: 95px; background: transparent url(../img/btn_motivator.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.motivator_btn:hover {background: transparent url(../img/btn_motivator.jpg) 0px -95px no-repeat;} a.facilitator_btn {display: block; margin:0px auto; width: 19px; height: 95px; background: transparent url(../img/btn_facilitator.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.facilitator_btn:hover {background: transparent url(../img/btn_facilitator.jpg) 0px -95px no-repeat;} a.about_btn {display: block; margin:0px auto; width: 98px; height: 21px; background: transparent url(../img/btn_about.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.about_btn:hover {background: transparent url(../img/btn_about.jpg) 0px -21px no-repeat;} a.shows_btn {display: block; margin:0px auto; width: 65px; height: 21px; background: transparent url(../img/btn_shows.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.shows_btn:hover {background: transparent url(../img/btn_shows.jpg) 0px -21px no-repeat;} a.products_btn {display: block; margin:0px auto; width: 83px; height: 21px; background: transparent url(../img/btn_products.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.products_btn:hover {background: transparent url(../img/btn_products.jpg) 0px -21px no-repeat;} a.photosvids_btn {display: block; margin:0px auto; width: 111px; height: 21px; background: transparent url(../img/btn_photosvids.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.photosvids_btn:hover {background: transparent url(../img/btn_photosvids.jpg) 0px -21px no-repeat;} a.hypno_btn {display: block; margin:0px auto; width: 125px; height: 21px; background: transparent url(../img/btn_hypno.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/} a.hypno_btn:hover {background: transparent url(../img/btn_hypno.jpg) 0px -21px no-repeat;} #footer a:link {color: #a57913; text-decoration: none;} #footer a:visited {color: #a57913; text-decoration: none;} #footer a:hover {color: #2f2f2f; text-decoration: underline;} /* Form */ /* form {text-align: left; font-size: 1.1em; padding: 0px 10px 0px 0px; margin: 0px auto; width: 470px;} form fieldset {border-color: #f5aa01; border-width: 1px; border-style: solid; padding: 10px; margin: 0px;} form input, textarea, select {color:#2f2f2f; font-weight: bold; font: 1em Arial, Helvetica, sans-serif; margin:3px 0px 3px 55px; padding:2px; background: /url(../img/bg_input.jpg) 0 0 repeat; border:0px;} form legend {font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #2f2f2f; padding:10px 0px 0px 0px; margin: 0px;} form .text {display:block; width:95px; float:left; padding: 4px 0px 4px 10px;} form label {display:block; width:95px; color:#2f2f2f; float:left; padding: 4px 0px 4px 10px;} form sup {color:#2f2f2f;} form ul {list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px;} form li {font:.9em Arial, Helvetica, sans-serif; background:transparent; margin:2px; padding: 2px; color:#aaa;} */ /* Form styles */ p.legend {margin-bottom: 1em;} p.legend em {color: #C00; font-style: normal;} div.errors {margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC;} div.errors p {margin: 0;} div.errors p em {color: #2f2f2f; font-style: normal; font-weight: bold;} div.form-container form p {margin: 0;} div.form-container form p.note {margin-left: 180px; font-size: 90%; color: #333;} div.form-container form fieldset {margin: 20px 0;padding: 10px; border: #cd9109 1px solid;} div.form-container form legend {font-size: 1.2em; font-weight: bold; color: #333; text-transform:uppercase;} div.form-container form fieldset div {padding: 0.25em;} .underline {border-top: 1px dotted #cd9109;} .center {text-align:center} div.form-container label.wide, div.form-container span.label.wide {margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative;} div.form-container label.cd, div.form-container span.label.cd {margin: 0px; padding: 0px; width: 75px; display: block; float: left; position: relative; } div.form-container label, div.form-container span.label {margin-right: 10px; padding-right: 10px; width: 80px; display: block; float: left; text-align: right; position: relative; /* border:1px solid #00CC00; */} div.form-container label.error, div.form-container span.error {color: #C00;} div.form-container label em, div.form-container span.label em {position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00;} input, textarea, select {color:#2f2f2f; font-weight: bold; font: 1em Arial, Helvetica, sans-serif; margin:0px 0px 3px 3px; padding:4px 0px 0px 0px; background-color: #f8b80e; border: solid 1px #cd9109;} div.form-container input.error {border-color: #C00;background-color: #FEF;} div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {background-color: #FFC;border-color: #FC6;} div.form-container div.controlset label, div.form-container div.controlset input {display: inline;float: none;} div.form-container div.controlset div {margin-left: 170px;} div.form-container div.buttonrow {margin-left: 180px;} /* Photos */ #main-content li{ width:80px; border:solid #2f2f2f 0px; /* uncomment and adjust this if you want a rounded frame in Mozilla browsers -moz-border-radius:20px; */ background:#333; padding:10px 14px 10px 10px; text-align:center; position:relative; float:left; display:inline; margin:1px;} #fullplate-navigation{list-style:none; margin:5px 0 0 45px;} #fullplate-navigation li {display:block;float:left; width:100px; height:25px; background-color: transparent; text-align:center;} #fullplate-navigation li a{display:block;width:90px;padding:10px; color:#333;} #fullplate-navigation li a:hover{color:#FFF;} #fullplate-photo{border:solid #EEE 0px; /* uncomment and adjust this if you want a rounded frame in Mozilla browsers -moz-border-radius:20px; */ background:#333; padding:5px 15px 15px 15px; margin:0 auto; width:400px;} #fullplate-photo h2{margin:15px 5px; color: #EEE; text-transform:none;} #previous{text-align:center;} #next{text-align:center;} a.nav {color:#999; text-align:center; height:15px;} a.nav:hover {color:#FFF; text-align:center;} #main-content {text-align:center;} #main-content .photos {width: 400px; text-align:center;} #main-content .nav {width: 400px; text-align:center;} #main-content .nav li {width: 80px; /*background:transparent;*/} #main-content .nav li .spacer {width: 80px; color:#ffffff; background:transparent;} #main-content a span{position:absolute; left:-9999px;} #main-content a:hover span{top:8px; left:6px; width:90px; font-weight:bold; background:#333; color:#999; padding:3px 0px 3px 0px; text-transform:uppercase; font-size:.8em; border:0px solid #000; filter: alpha(opacity=100); /*-moz-opacity:.8; opacity:.80;*/ } #main-content img{ border:1px solid #EEE; /* delete line above and uncomment this for an inset effect border:1px solid; border-color:#666 #EEE #EEE #666; */ } .dottedline {width:152px; font-weight:bold; color: #5e3c00; text-transform:uppercase; margin:10px 0px 10px 0px; padding:0px; text-align:right; display:block; border-bottom: 1px dotted #cd9109;} /* Images */ .photo {margin: 10px; padding:5px; background-color:#ccc;} /* Helpers */ .clear {clear: both;} .right {text-align: right;} .asterisk {color:#ff0000; font:1.3em Arial, Helvetica, sans-serif;}