/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:1093px; background: #fff url(/images/bkgPage.jpg) no-repeat top center; } html {height:101%} /* --------------------------------------------------*/ #outerWrap {width:932px; margin:55px auto 0 auto;} #innerWrap {width:932px; background: url(/images/bkgShadowLR.png) repeat-y;} #container { width:899px; background:url(/images/bkgContent.jpg) no-repeat; margin-left:17px; min-height:571px;} #foot {background: url(/images/bkgShadowB.png) no-repeat; min-height:29px; padding:15px 16px 0 17px;font-size:.7em;color:#cbc0a6; font-weight:bold;} .sidebar {float:left} .content {float:right} .logo {font-size:.75em} #container .sidebar {width:153px; padding:20px 0 0 18px} #container .content {width:600px; margin:20px 70px 20px 28px} #container .header {padding-bottom:30px} #foot a {color:#cbc0a6;} #foot a:hover {color:#000;} /* --------------------------------------------------*/ #nav { padding:0; margin:35px 0 0 0; float:right; } #nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-5000px; margin-bottom:20px; float:right; clear:both; } #nav .home a {background: url(/images/navHome.png) no-repeat 0 0; width:45px; height:9px;} #nav .home a:hover {background: url(/images/navHome.png) no-repeat -45px 0; } #home #nav .home a {background: url(/images/navHome.png) no-repeat -45px 0; cursor:default} #nav .blog a {background: url(/images/navBlog.png) no-repeat 0 0; width:40px; height:9px;} #nav .blog a:hover {background: url(/images/navBlog.png) no-repeat -40px 0; } #blog #nav .blog a {background: url(/images/navBlog.png) no-repeat -40px 0; cursor:default} #nav .bio a {background: url(/images/navBio.png) no-repeat 0 0; width:26px; height:9px;} #nav .bio a:hover {background: url(/images/navBio.png) no-repeat -26px 0; } #bio #nav .bio a {background: url(/images/navBio.png) no-repeat -26px 0; cursor:default} #nav .listen a {background: url(/images/navListenBuy.png) no-repeat 0 0; width:108px; height:10px;} #nav .listen a:hover {background: url(/images/navListenBuy.png) no-repeat -108px 0; } #listen #nav .listen a {background: url(/images/navListenBuy.png) no-repeat -108px 0; cursor:default} #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:70px; height:9px;} #nav .contact a:hover {background: url(/images/navContact.png) no-repeat -70px 0; } #contact #nav .contact a {background: url(/images/navContact.png) no-repeat -70px 0; cursor:default} #dummy {} /* sometimes we need a dummy */ /* --------------------------------------------------*/ #pageTitle h1 {text-indent:-5000px; margin-bottom:60px} #home #pageTitle h1 {background:url(/images/txtHome.png) no-repeat; width:62px; height:14px; display:block} #bio #pageTitle h1 {background:url(/images/txtBio.png) no-repeat; width:36px; height:14px; display:block} #blog #pageTitle h1 {background:url(/images/txtBlog.png) no-repeat; width:56px; height:14px; display:block} #listen #pageTitle h1 {background:url(/images/txtListenBuy.png) no-repeat; width:152px; height:14px; display:block} #contact #pageTitle h1 {background:url(/images/txtContact.png) no-repeat; width:98px; height:14px; display:block} /* --------------------------------------------------*/ #sideContent {margin:10px 0 10px; text-align:right} #sideContent h1 {text-transform:uppercase; font-weight:normal; margin:0;color:#616161; text-decoration:underline; font-size:.85em; margin:0; padding:0} #sideContent div { color:#787878;padding:0 0 20px 0} #sideContent div p { padding:0; margin:0} #sideContent a { color:#616161;text-decoration:none;font-size:.85em} #sideContent a:hover {text-decoration:none; color:#6b0909} #sideContent li {margin-left:-10px } #sideContent ul { margin-top:0; padding:0 } #sideContent ul li.active, #sideContent ul li.active a {text-decoration:none; color:#6b0909} #sideContent div .paging {padding:5px 0; margin-left:-10px} #sideContent hr { height:1px; border:1px solid #616161} #sideContent .blogTitle { font-size:108%; font-style:italic;} /* --------------------------------------------------*/ .required {background:url(/images/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;} #formContact {padding-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact table {padding:0; margin:0; width:80%} #formContact td {padding:0 5px 5px 0; margin:0; width:20%; text-align:right} #formContact .tdl {text-align:left; width:80%; vertical-align:top } #formContact input { border:1px solid #000000; width:250px; padding:1px; letter-spacing:.04em; font-size:93%; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact .button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#eee; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;} #formContact textarea {border:1px solid #000000; width:250px;color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none} /* --------------------------------------------------*/ .pagination {font-size:85%;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none} .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#f5b41a; text-decoration:none} .pagination .current {border: 1px solid #000000;color:#000000; background-color:#f5b41a; cursor: default } .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* --------------------------------------------------*/ .inpErr {background-color:#6b0909; color:#ffffff;} .inpOK {background-color:white; color:#000000} .errorDiv {color:#6b0909; font-weight:bold; margin-top:10px; text-align:left } .noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; } #formContact .inpOK {background-color:#DCDDD5;} /* --------------------------------------------------*/ .small {font-size:.625em} .left {float:left; text-align:left} .right {float:right; text-align:right} .clear {clear:both} .alignR {text-align:right} .none {display:none} .show {display:block} .visible {visibility:visible} .hidden {visibility:hidden} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* --------------------------------------------------*/ a.pdf { /*The background image*/ background: url(/images/imagesCMS/pdf.png) no-repeat left center; padding-left: 20px; line-height: 16px; /* To center the text vertically with the icon */ } a.txt { /*The background image*/ background: url(/images/imagesCMS/txt.png) no-repeat left center; padding-left: 20px; line-height: 16px; } a.zip { /*The background image*/ background: url(/images/imagesCMS/zip.png) no-repeat left center; padding-left: 20px; line-height: 16px; } a.email { background: url(/images/imagesCMS/email.png) no-repeat left center; padding-left: 20px; line-height: 16px; } a.external { background: url(/images/imagesCMS/ext_link.png) no-repeat left center; padding-left: 20px; line-height: 16px; }