/* Boone Beale Main CSS - Created - 03/10/09 COLORS: ---------------------- White - #FFFFFF Light Gray - #DDDDDD Dark Gray - #7a7a7a BB Maroon - #661F1E Tan - #F5F4F2 Gold - #A8845C Nav Gradient - #F9F9F7 /* MAIN -------------------------------------------------------------- */ body { background:black url('../_images/pattern.jpg') top left; font-size:1.5em; font-weight:bold; color:#330f0c; } hr { color: #fff; border: 1px dotted #FFF; border-style: none none dotted; } #spotlight { width:1024px; height:631px; margin-left:-37px; position:absolute; background:url('../_images/spotlight.png') no-repeat top left; z-index:-1; } #mainWrap { width:950px; height:auto; margin:0 auto; } .hidden { display:none; } /* NAVIGATION -------------------------------------------------------------- */ #mainNav { height:112px; } #header { height:85px; background:#FFF url('../_images/headerBG.png') repeat-x top left; border-bottom:1px solid #DDD; } #logo { float:left; width:195px; height:66px; margin:0; padding:9px 23px 9px; } #videoLibrary-btn { float:right; text-align:right; display:block; color:#9B9D9A; height:20px; margin:10px 0 0 50px; font-size:.55em; font-weight:bold; padding:0 20px; } #search { width:245px; height:0px; padding:0 20px; display:inline; float:right; color:#661F1E; text-align:right; } #navWrap { height:25px; background:#F9F9F7; border-top:1px solid #FFF; -moz-border-radius:0 0 6px 6px; z-index:3000; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; } #nav { margin:-1px 0 0 10px; list-style-type:none; padding:0; font-family: 'Helvetica'; list-style-position:outside; position:relative; line-height:1.5em; z-index:1000; } #nav .navLinks { margin:-1px 0 0 10px; } #nav a:hover { color:white; background:#A8845C; } #nav .active, #nav .active:hover { background:#A8845C; color:white; border:none; } #nav .active a { color:#FFF; } #nav .active li a { color:#661F1E; } #nav a { display:block; padding:6px 14.5px 4px; color:#661F1E; text-decoration:none; background-color:none; font-size:.45em; line-height:1.5em; } #nav li { float:left; margin-left:-1px; position:relative; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; } #nav ul { margin:0; list-style-type:none; position:absolute; display:none; max-width:16em; border:1px solid #661F1E; background-color:#F9F9F7; z-index:900; } #nav ul li { border:none; z-index:800; } #nav li ul a { width:14em; height:auto; line-height:1em; font-size:.4em; border-left:1px solid #661F1E; } #nav ul ul { top:auto; } #nav li ul ul { left:5.28em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; } form { float:left; padding:0; } textarea { white-space:pre;overflow:auto; } /* CONTENT -------------------------------------------------------------- */ br { line-height:.8em; } #contentWrap { margin:2px 0; padding:0; background:#FFF; -moz-border-radius:6px; -webkit-border-radius:6px; } #contentInner { width:auto; position:relative; display:block; float:left; } #welcome { padding:10px 20px; } #leftColumn { float:left; width:640px; padding:20px 20px 50px; } #leftColumn p { color:rgb(102, 102, 102); } #leftColumn p img { padding:0 20px 20px 0; } #leftColumn ul { margin-left:50px; font-size:.6em; line-height:.8em; } #container { width:320px; height:260px; float:left; padding:0 25px 20px 0; } .leftVidCol { width:310px; float:left; } .rightVidCol { width:310px; float:right; } #rightColumn { float:right; width:218px; height:auto; padding:20px 20px 0; } #contactForm { margin:20px 0; padding:5px 0; width:218px; background:#F5F4F2; border:1px solid #CCCCCC; -moz-border-radius:6px; -webkit-border-radius:6px; } #contactForm form { padding:0 10px; } #contactForm input { margin:5px 0; } #contactForm h3 { padding:0 10px; } #siteMap { height:20px; padding:5px 0; background:#F5F4F2; border-top:1px solid #CCCCCC; } #siteMapList ul { width:175px; margin:10px 15px 20px 0; float:left; } #siteMapList li { list-style-type:none; font-size:.4em; line-height:1.8em; letter-spacing:-.05em; } #siteMapList li a { color:#999; } #siteMapList li a:hover { color:#661F1E; } #siteMapList ul.top li ul, #siteMapList ul.bottom li ul { float:left; width:165px; padding:10px 10px 20px; } #siteMapList ul li ul li { font-size:.4em; text-decoration:underline; } .breadcrumb { padding:0 20px; float:left; font-size:.7em; } .breadcrumb a { font-size:.9em; display:inline; } .breadcrumb span { margin:0 6px; font-size:.8em; font-weight:bold; } .siteMap-slide { float:right; font-size:.7em; padding:0 18px; cursor:pointer; } #siteMapListContainer { background:#F5F4F2; border-bottom:1px solid #CCCCCC; } #siteMapList { padding:10px 20px; width:950px; } ul.bottom { border-top:1px solid #CCCCCC; } .space { height:4px; } #footer { height:20px; color:#6a6a6a; font-size:.8em; } #footer p { margin:10px 0 0 0; } .refocus { margin:0 0 0 -1000px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #search { width:245px; margin-top:-15px; height:0px; padding:0 15px; display:inline; float:right; color:#661F1E; text-align:right; } .formButton { height:16px; font-size:.55em; border:1px solid #6F6F6F; color:#FFF; background:#929292 url('../_images/arrow.png') no-repeat 5px 4px; cursor:pointer; padding:5px 5px 5px 16px; } #nav a { padding:6px 17px 4px; } #nav { margin:-1px 0 0 8px; } } /* IE6 FIX -------------------------------------------------------------- */ *html #siteMapListContainer { margin-top:-30px; } *html #nav li ul li { float:none; } *html #siteMapList { width:900px; } *html #nav li ul { z-index:500; } *html #leftColumn ul { font-size:.7em; line-height:1.2em; } /* IE7 FIX -------------------------------------------------------------- */ *:first-child+html #siteMapListContainer { margin-top:-30px; } *:first-child+html #nav li ul li { float:none; } *:first-child+html #nav li ul { z-index:500; } *:first-child+html #leftColumn ul { font-size:.7em; line-height:1.2em; }