/* Daniel Bulli nuff-respec.com 10.01.08 ----------------------------------------------------*/ /* -- initialize base -- */ *, td, img {margin : 0; padding : 0;} img { border: 0; vertical-align:bottom } form, fieldset {font: 100%/120% verdana, arial, sans-serif} p {padding: 0 0 0 0; margin: 0 0 1em 0} form label {cursor: pointer} fieldset {border: none} input, select, textarea {font-size: 100%} /* -- [ main layout ] -----------------------------------------------*/ body { background: #877fbb; color: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; padding: 0 0 0 21px; } #wrapper { background: #000 url(../i/home-bg.gif) repeat-y top left; width: 763px; margin: 2em auto 20px auto; overflow: hidden; position: relative; padding: 0 0 5px 0; } #content { position: relative; background: #000 url(../i/home-inner-bg.gif) repeat-y top left; width: 567px; height: 312px; border-bottom: 1px solid #87888c; float: left; } #AudioPlayer { margin-bottom: -20px; bottom: 0; position: absolute; width: 156px; border-top: 1px solid #87888c; overflow: hidden; } #left { float: left; width: 157px; overflow: hidden; color: #b2b2b2; } #events { width: 123px; margin: 15px 0 0 18px; font-size: 10px; line-height: 1.1em; } #events h2 { color: #2f99cd; font-size: 10px; line-height: 1.2em; font-weight: bold; margin-bottom: 2px; } #footer { width: 579px; background: transparent url(../i/footer-bg.gif) no-repeat top left; margin: 0 0 0 0; padding: 29px 0 0 0; font-size: 9px; line-height: 1.3em; float: left; font-family: verdana, lucida, arial, helvetica, sans-serif; overflow: hidden; } #footer p { padding: 8px 0 5px 18px; margin: 0; } h1 { background: transparent url(../i/saint-joseph-header.jpg) no-repeat top left; overflow: hidden; height: 119px; width: 763px; color: #fff; text-indent: -9000px; } blockquote { background: transparent url(../i/home-quote.gif) no-repeat top left; overflow: hidden; height: 45px; width: 566px; color: #fff; text-indent: -9000px; } #rotate { position: absolute !important; overflow: hidden !important; height: 267px !important; width: 409px !important; left: 157px !important; } #right { width: 185px; float: right; overflow: hidden; position: absolute; left: 577px; } #nav { margin: 15px 0 0 0; font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px; letter-spacing: .5px; } #nav li { list-style: none; height: 29px; overflow: hidden; } #nav li a { padding-left: 15px; display: block; height: 29px; } /* -- [ links ] -----------------------------------------------*/ /* -- general -- */ a:link {color: #fff; text-decoration: none;} a:visited {color: #fff; text-decoration: none;} a:hover, a:active, a:focus {color: #ce3629; text-decoration: underline;} #events a:link {color: #2f99cd; text-decoration: none;} #events a:visited {color: #2f99cd; text-decoration: none;} #events a:hover, #events a:active, #events a:focus {color: #ce3629; text-decoration: none;} #nav li a:link {color: #ce3629; text-decoration: none;} #nav li a:visited {color: #ce3629; text-decoration: none;} #nav li a:hover, #nav li a:active, #nav li a:focus {color: #fff; text-decoration: none; background: transparent url(../i/nav/nav-over.gif) no-repeat top left;} #nav li#origins a { text-indent: -9000px;} #nav li#origins a:link, #nav li#origins a:visited {background: transparent url(../i/_nav_orig/h_origins_off.gif) no-repeat top left;} #nav li#origins a:hover, #nav li#origins a:active, #nav li#origins a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_origins_on.gif) no-repeat top left;} #nav li#directions a { text-indent: -9000px;} #nav li#directions a:link, #nav li#directions a:visited {background: transparent url(../i/_nav_orig/h_directions_off.gif) no-repeat top left;} #nav li#directions a:hover, #nav li#directions a:active, #nav li#directions a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_directions_on.gif) no-repeat top left;} #nav li#our a { text-indent: -9000px;} #nav li#our a:link, #nav li#our a:visited {background: transparent url(../i/_nav_orig/h_ourday_off.gif) no-repeat top left;} #nav li#our a:hover, #nav li#our a:active, #nav li#our a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_ourday_on.gif) no-repeat top left;} #nav li#becoming a { text-indent: -9000px;} #nav li#becoming a:link, #nav li#becoming a:visited {background: transparent url(../i/_nav_orig/h_becoming_off.gif) no-repeat top left;} #nav li#becoming a:hover, #nav li#becoming a:active, #nav li#becoming a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_becoming_on.gif) no-repeat top left;} #nav li#retreats a { text-indent: -9000px;} #nav li#retreats a:link, #nav li#retreats a:visited {background: transparent url(../i/_nav_orig/h_retreats_off.gif) no-repeat top left;} #nav li#retreats a:hover, #nav li#retreats a:active, #nav li#retreats a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_retreats_on.gif) no-repeat top left;} #nav li#scriptorium a { text-indent: -9000px;} #nav li#scriptorium a:link, #nav li#scriptorium a:visited {background: transparent url(../i/_nav_orig/h_scriptorium_off.gif) no-repeat top left;} #nav li#scriptorium a:hover, #nav li#scriptorium a:active, #nav li#scriptorium a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_scriptorium_on.gif) no-repeat top left;} #nav li#work a { text-indent: -9000px;} #nav li#work a:link, #nav li#work a:visited {background: transparent url(../i/_nav_orig/h_work_off.gif) no-repeat top left;} #nav li#work a:hover, #nav li#work a:active, #nav li#work a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_work_on.gif) no-repeat top left;} #nav li#trappist a { text-indent: -9000px;} #nav li#trappist a:link, #nav li#trappist a:visited {background: transparent url(../i/_nav_orig/h_trappist_off.gif) no-repeat top left;} #nav li#trappist a:hover, #nav li#trappist a:active, #nav li#trappist a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_trappist_on.gif) no-repeat top left;} #nav li#vocation a { text-indent: -9000px;} #nav li#vocation a:link, #nav li#vocation a:visited {background: transparent url(../i/_nav_orig/h_vocation_off.gif) no-repeat top left;} #nav li#vocation a:hover, #nav li#vocation a:active, #nav li#vocation a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_vocation_on.gif) no-repeat top left;} #nav li#calendar a { text-indent: -9000px;} #nav li#calendar a:link, #nav li#calendar a:visited {background: transparent url(../i/_nav_orig/h_calendar_off.gif) no-repeat top left;} #nav li#calendar a:hover, #nav li#calendar a:active, #nav li#calendar a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_calendar_on.gif) no-repeat top left;} #nav li#holy a { text-indent: -9000px;} #nav li#holy a:link, #nav li#holy a:visited {background: transparent url(../i/_nav_orig/h_holy_off.gif) no-repeat top left;} #nav li#holy a:hover, #nav li#holy a:active, #nav li#holy a:focus {color: #fff; text-decoration: none; background: transparent url(../i/_nav_orig/h_holy_on.gif) no-repeat top left;}