/* --== CPANELSTYLE.CSS ==--- */ /* NOTES: Going to try a super sekret ninja trick for my bgs. Here's da plan... - style the html tag with blue bg and tile navbg along top only - style uberwrap div (100%x100%) with tiling contact bg on bottom only, no bgcolor otherwise - style body to be 960w and centered */ /* --== GLOBALS ==-- */ /*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} * {margin: 0; padding: 0;} :focus {outline: 0;} html {background: #efefef url(images/header_bg.png) repeat-x top; text-align:center;} body {background: url(images/footer_bg.png) repeat-x bottom; font:9pt Verdana, sans-serif; line-height: 14pt; color: #2c2c2c;} #uberwrap {width:960px; margin: 0 auto; text-align:left;} .title {width: 100%; height: 27px; border-bottom: 1px solid #adafb2;} h1 {font-size: 18pt; color: #1d7fa6; font-weight: normal; line-height: 22pt;} h2 {font-size: 15pt; color: #3C3C3C; line-height: 16pt;} /* font-weight: bold; */ h2 a {color: #3C3C3C; border-bottom: 2px solid #EFEFEF;} h2 a:hover {text-decoration: none; border-bottom: 2px solid #f78e1e;} p {margin-top: 10px;} a {color: #c8661d; text-decoration: none; }/* border-bottom: 1px dotted #fff; */ a:hover {text-decoration: underline; border-bottom: 0px;} a img {border: 0px;} /* --== LAYOUT ==-- */ #header {width: 960px;} #topbar {width: 960px; height: 35px;} #mininav {color: #a0a1a3; margin-top: -18px; margin-right: 245px; float: right;} #mininav a {color: #a0a1a3;} #search {width: 225px; height: 19px; background: url(images/search_bg.gif)no-repeat; margin-top: 8px; margin-left: 735px; float: right;} /* width: 225px; */ #site_text {width: 170px; height: 19px; border:0px; margin-top: 0px; margin-left: 12px; float:left;} #site_btn {margin-left: 15px;} #mainnav {width: 566px; height: 20px; margin-top: 40px; margin-right: 18px; float: right;} #nav, #nav ul {padding: 0; margin: 0; list-style: none;} #nav a {display: block;} #nav li {float: left; margin-right: 25px;} #nav li ul {width: 155px; background: #EFEFEF; position: absolute; z-index: 2;left: -999em; padding: 8px 8px 4px 8px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-opacity: 0.95; filter: alpha(opacity=95); opacity: 0.95;} #nav li ul li {width:135px; background: #444; margin: 0 0 5px; padding: 8px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #nav li:hover ul, #nav li.sfhover ul {left: auto; margin-left:-4em;} #nav li ul li a {font-size:10pt; color: #fff; text-decoration: none;} #nav li ul li:hover, #nav li ul li.sfhover {background: #222;} .navtitle {font-weight: bold; margin-bottom: 0px;} .navdesc {font-size:9pt;} #logo {width: 221px; height: 54px; margin-top: 19px;} #artbox {width: 960px; height: 421px;position: relative; z-index: 1; margin-top: 21px; clear: left;} #artslides {width:960px; height: 421px; clear: left;} #artslide1 {width:960px; height: 421px; background: url(images/slide1.jpg)no-repeat; clear: left;} #artslide2 {width:960px; height: 421px; background: url(images/slide2.jpg)no-repeat; clear: left;} #artslide3 {width:960px; height: 421px; background: url(images/slide3.jpg)no-repeat; clear: left;} #fourcol {width: 960px; height: 165px; margin-top: 40px;} .fourcol_box {width: 236px; height: 165px; background: url(images/4col_bg.gif)repeat-y; margin-left: 9px; float: left;} .fourcol_box p {width: 225px; margin-bottom: 20px;} .fourcol_box_last {width: 225px; height: 165px; margin-left: 9px; float: left;} .fourcol_box_last p {width: 225px; margin-bottom: 20px;} .fourcol_title {height: 32px; padding: 8px 0px 0px 54px;} #sidebar {width: 225px; margin-top: 50px; float: right;} #events {} #news {margin-top: 30px;} #news ul {width: 225px; list-style: none;} #news li {width: 225px; height: 44px; border-bottom: 1px solid #adafb2; margin-top: 14px;} #news_feed {width: 225px; margin-top: 2px; text-align: right;} #news_feed img {float: left; margin: 2px 0px 0px 56px;} #content {width: 715px; margin: 50px 20px 50px 0px;} #quote_box {width: 687px; min-height: 110px; background: #e6e6e6 url(images/quotebox_bg.gif) no-repeat top; border: 1px solid #b6b6b6; padding: 20px 13px 20px 13px; margin-top: 50px;} #comments {width: 591px; margin: 15px 0px 0px 45px; color: #636363;} #footer {width: 960px; height: 85px; background: url(images/footer_radial.jpg) no-repeat; padding-top: 16px; text-align: center;} #ltfooter {color: #fff;} #ltfooter a {color: #fff;} #ltfooter a:hover {text-decoration: underline;} #dkfooter {margin-top: 33px; color: #cf791a;} #dkfooter a {color: #cf791a;} #dkfooter a:hover {text-decoration: underline;} .copyright {margin-left: 188px; float:left;} .social_buttons {margin-top: 2px; float:left;} .social_buttons img {margin-left: 5px;} }