/* Title: Main CSS Author: 3 Crown Creative */ @import "base.css"; body {min-width:1093px; background: #000 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:0px 16px 0 17px;font-size:.7em;color:#d7cdb6;} .sidebar {float:left;} .content {float:right; } .logo {font-size:.75em} #container .sidebar {width:171px;padding:20px 0 0 0} #container .content {width:600px;margin:25px 70px 20px 28px} #lower .sidebar {width:171px;} #lower .content { width:600px;margin:0 70px 20px 28px;} #foot a {color:#cbc0a6;} #foot a:hover {color:#fff;} /* --------------------------------------------------*/ #nav { padding:0; margin:50px 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 .blog a {background: url(/images/navJournal.png) no-repeat 0 0; width:63px; height:17px;} #nav .blog a:hover {background: url(/images/navJournal.png) no-repeat -63px 0; } #blog #nav .blog a {background: url(/images/navJournal.png) no-repeat -63px 0; cursor:default} #nav .gallery a {background: url(/images/navGallery.png) no-repeat 0 0; width:58px; height:17px;} #nav .gallery a:hover {background: url(/images/navGallery.png) no-repeat -58px 0; } #gallery #nav .gallery a {background: url(/images/navGallery.png) no-repeat -58px 0; cursor:default} #nav .resources a {background: url(/images/navResourcesLinks.png) no-repeat 0 0; width:150px; height:14px;} #nav .resources a:hover {background: url(/images/navResourcesLinks.png) no-repeat -150px 0; } #resources #nav .resources a {background: url(/images/navResourcesLinks.png) no-repeat -150px 0; cursor:default} #nav .bio a {background: url(/images/navBio.png) no-repeat 0 0; width:25px; height:13px;} #nav .bio a:hover {background: url(/images/navBio.png) no-repeat -25px 0; } #bio #nav .bio a {background: url(/images/navBio.png) no-repeat -25px 0; cursor:default} #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:62px; height:10px;} #nav .contact a:hover {background: url(/images/navContact.png) no-repeat -62px 0; } #contact #nav .contact a {background: url(/images/navContact.png) no-repeat -62px 0; cursor:default} #dummy {} /* sometimes we need a dummy */ /* --------------------------------------------------*/ #pageTitle {border-bottom:1px solid #000; display:block;margin-bottom:35px; padding:0} #pageTitle h1 {text-indent:-5000px; margin-bottom:.2em } #blog #pageTitle h1 {background:url(/images/txtJournal.png) no-repeat; width:107px; height:20px; display:block} #gallery #pageTitle h1 {background:url(/images/txtGallery.png) no-repeat; width:102px; height:17px; display:block} #resources #pageTitle h1 {background:url(/images/txtResourcesLinks.png) no-repeat; width:236px; height:16px; display:block} #bio #pageTitle h1 {background:url(/images/txtBio.png) no-repeat; width:41px; height:17px; display:block} #contact #pageTitle h1 {background:url(/images/txtContact.png) no-repeat; width:108px; height:17px; display:block} /* --------------------------------------------------*/ #sideContent {margin:140px 0 10px; text-align:right; line-height:normal} #sideContent h1 { margin:0;text-decoration:underline; font-size:.80em; margin:0; padding:0; text-transform: capitalize} #sideContent div { color:#787878;padding:0 0 20px 0} #sideContent div p { padding:0; margin:0} #sideContent a { color:#000;text-decoration:none;font-size:.75em; text-transform: capitalize} #sideContent a:hover {text-decoration:none; color:#7a2a0b} #sideContent li {margin-left:-10px } #sideContent ul { margin:0; padding:0 } #sideContent ul li.active, #sideContent ul li.active a, #sideContent a.active {text-decoration:none; color:#7a2a0b;} #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} /* --------------------------------------------------*/ .backTo {float:right;text-align:right; margin:5px 0; font-size:.9em} #albumVersions {font-size:.9em; letter-spacing:normal; margin-bottom:20px; float:left} .thumbImg {float:left; margin:0 10px 10px 0} .thumbImg img {border:1px solid #000} /* --------------------------------------------------*/ .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:#cc7200; text-decoration:none} .pagination .current {border: 1px solid #000000;color:#000000; background-color:#cc7200; cursor: default } .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #bbb;color: #ccc;} /* --------------------------------------------------*/ .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; } /* --------------------------------------------------*/ h3.selected { color: #973513;} #accordion {margin:20px 0px;} h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd; margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover {color: #973513}