/* Theme Name: CSBA Theme URI: Eleven Media Description: Eleven Media Author: Eleven Media Author URI: http://www.elevenmeida.com.au Version: 2010 */ /* main */ * {margin:0px; padding:0px;} img {border:0px;} body {margin:0px; padding:0px; background:url(images/bg.jpg) repeat-x #eee;; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; } #wrap {width:980px; margin-left:auto; margin-right:auto; background: url(images/wrap-bg.jpg) repeat-y;} #home-wrap {width:980px; margin-left:auto; margin-right:auto;} #header {width:100%; background: url(images/csba-header.jpg) no-repeat top right; height:198px;} #content-col {width:730px; float:right; display:inline; background:url(images/content-col-top.jpg) no-repeat; clear:both;} #sidebar {width:250px; float:left; display:inline; background: url(images/sidebar-bg-x.jpg) repeat-x top; min-height:400px; } #sidebar-top { width:250px; height:64px; overflow:hidden; background:url(images/sidebar-top.jpg) no-repeat; } #sidebar-foot { clear:both; background: url(images/side-footer.png) no-repeat; width:250px; height:20px;} .page-copy { width:680px; margin-left:25px; margin-top:40px; min-height:400px; padding-bottom:20px;} .col-a { display:inline; float:left; width:325px; } .col-b { display:inline; float:right; width:325px; } .map {border: 1px solid #dfdfdf; padding:2px; width:320px; margin-top:10px; margin-bottom:10px;} .home-1 { display:inline; float:left; width:450px; margin-left:17px; margin-top:15px; margin-bottom:15px;} .home-2 { display:inline; float:right; width:450px; margin-right:17px; margin-top:15px; margin-bottom:15px;} /* main nav styles */ #nav { width:980px; float:right; height:36px; margin-top:162px; } #nav ul { display: inline; list-style: none; margin:0px; padding:0px;} #nav ul li {float: left; font-size: 12px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-right:2px; } #nav ul li a { color:#FFF; text-decoration:none; line-height:36px; padding-top:2px; padding-bottom:2px; padding-left:26px; padding-right:26px; height:36px; } #nav ul li a:hover { color: #FF; line-height:36px; padding-top:9px; padding-bottom:10px; height:36px; overflow:hidden; text-decoration:none; background: url(images/nav-ro.jpg) repeat-x bottom ; } .current_page_item { color: #FF; line-height:36px; padding-top:8px; padding-bottom:8px; height:36px; overflow:hidden; text-decoration:none; background: url(images/nav-ro.jpg) repeat-x bottom ; } .current_page_parent { color: #FF; line-height:36px; padding-top:8px; padding-bottom:8px; height:36px; overflow:hidden; text-decoration:none; background: url(images/nav-ro.jpg) repeat-x bottom ; } /* side nav styles */ #sidenav { width:250px; float:left; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #sidenav ul { display: block; list-style: none; margin:0px; padding:0px; } #sidenav ul li {float: left; font-size: 12px; margin:0px; padding:0px; width:250px; background: url(images/side-nav.png) top left; } #sidenav ul li a { color:#FFF; text-decoration:none; line-height:37px; height:37px; display:block; padding-left:60px; } #sidenav ul li a:hover { color: #FF; line-height:37px; height:37px; overflow:hidden; text-decoration:none; background: url(images/side-nav.png) bottom left; } #sidenav li.current_page_item { color: #FF; line-height:37px; height:37px; overflow:hidden; text-decoration:none; background: url(images/side-nav.png) top right; } /* font styles */ h1 { font-size:24px; color:#0c5b71; line-height:24px; padding:0px; margin-top:10px; font-weight:normal; margin-bottom:10px; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; } h2 { font-size:18px; color:#0c5b71; line-height:24px; padding:0px; margin-top:10px; font-weight:normal; margin-bottom:10px; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; } h3 { font-size:17px; color:#FFF; line-height:18px; padding:0px; font-weight:normal; margin:0px; font-weight:normal; margin-top:20px; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; } h4 { font-size:16px; color:#0c5b71; line-height:24px; padding:0px; margin-top:10px; font-weight:normal; margin-bottom:10px; font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; } h5 { font-size:18px; color:#f7941e; line-height:23px; margin-bottom:2px; font-weight:normal; } p { font-size:12px; color:#707070; line-height:18px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;} li { font-size:12px; color:#707070; margin-left:15px; padding-bottom:5px;} ul { padding:0px; padding-left:0px; margin-left:0px; margin-top:0px; } ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; } #sidebar h3 { margin-left:30px; margin-top:35px;} #sidebar h3 a:link {color:#FFF; text-decoration: none;} #sidebar h3 a:visited {color:#FFF; text-decoration: none;} #sidebar h3 a:hover {color:#FFF; text-decoration: underline;} #sidebar h3 a:active {color:#FFF; text-decoration: underline;} #sidebar h3 a:focus {outline-style: none;} .heading-one {font-size:24px; color:#0c5b71; line-height:24px; padding:0px; margin-top:10px; font-weight:normal; margin-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; } /* link styles */ a:link {color:#0c5b71; text-decoration: underline;} a:visited {color:#0c5b71; text-decoration: underline;} a:hover {color:#531221; text-decoration: underline;} a:active {color:#0c5b71; text-decoration: underline;} a:focus {outline-style: none;} /* clears */ .clear {clear:both; height:0px; width:100%; } .clear05 {clear:both; height:05px; } .clear10 {clear:both; height:10px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } /* footer */ #footer-wrap { width:100%; background: url(images/footer-bg-tile.jpg) repeat-x; height:315px;} #footer {font-size:12px; color:#FFF; width:980px; margin-left:auto; margin-right:auto; clear:both; height:201px; overflow:hidden; background:url(images/footer-bg.jpg) no-repeat;} .foot-1 { width:220px; height:190px; margin-left:22px; display:inline; float:left; margin-top:20px;} .foot-2 { width:220px; height:190px; margin-left:22px; display:inline; float:left; margin-top:20px;} .foot-3 { width:220px; height:190px; margin-left:22px; display:inline; float:left; margin-top:20px;} .foot-4 { width:220px; height:190px; margin-left:22px; display:inline; float:left; margin-top:20px;} #copyright {font-size:11px; color:#FFF; width:980px; margin-left:auto; margin-right:auto; clear:both; margin-top:10px;} #copyright p {font-size:11px; margin:0px; padding:0px;} #copyright a:link {color:#555555; text-decoration: none; } #copyright a:visited { color:#555555; text-decoration: none;} #copyright a:hover { color:#555555; text-decoration: underline;} /* content styles */ .image-left-box {display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; } .image-right-box {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px; } .image-left {display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; } .image-right {display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;} .image-product {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px; } .line {clear:both; height:23px; width:980px; background:url(images/line.jpg) no-repeat; margin-top:5px;} /* end of CSS file */