@import url('reset.css'); @import url('default.css'); @import url('type.css'); @import url('form.css'); /*** Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px. 9px :0.75em 10px :0.8333em 11px :0.9167em 12px :1.0em 13px :1.0833em 14px :1.1667em 15px :1.25em 16px :1.3333em 17px :1.4167em 18px :1.5em 19px :1.5833em 20px :1.6667em 21px :1.75em 22px :1.8333em 23px :1.9167em 24px :2.0em 25px :2.0833em 26px :2.1667em 27px :2.25em 28px :2.3333em 29px :2.4167em 30px :2.5em 31px :2.5833em 32px :2.6667em ***/ body {background: url(../img/bodybg.jpg) center repeat-y #868686;} #fullbody {background: url(../img/topbodybg.jpg) center top no-repeat; min-height: 600px; padding-top: 50px;} .clear {clear: both;} .left {float: left;} .right {float: right;} img.left {float: left; margin: 0 20px 20px 0;} img.right {float: right; margin: 0 0 20px 20px;} .imgborder {padding: 6px; border: 1px solid #d9d9d9; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #wrap {width:900px; background: url(../img/wrapbg.png) repeat-y; margin: 0 auto ; min-height: 600px; padding: 0 45px;} #wraptop {width:990px; background: url(../img/wraptop.png) no-repeat top; margin: 0 auto; padding-top: 25px;} #wrapbottom {width:990px; background: url(../img/wrapbottom.png) no-repeat bottom; margin: 0 auto; padding-bottom: 15px;} #maincolumn {width:600px; float: left;} #subcolumn {width:295px; float: right;} #imagecolumn {padding-top:32px; width:300px; float: left;} #tableContent {position:relative; z-index:1;} div#becomeMember {clear:both; margin:0 0 0 -30px; position:relative; } #header {width: 930px; height: 50px; position: relative; z-index: 20;} #logo {width:132px; height:92px; display: block; background: url(../img/AlbertaMusic.png) top left no-repeat; text-indent: -9999px; position: absolute; top:-55px; left: 15px;} #headerRow {position:relative; /*clear:both;*/ min-height:80px; /*overflow:hidden;*/ z-index:3; } #headerRow h1 {padding:12px 0 14px 0;} .extended {height:110px;} #headerRow.extended h1 {padding-bottom:40px;} #alphaFilter {margin:0 auto; text-align:center; clear:both; overflow:hidden;} #alphaFilter a {display:block; float:left; font-family:georgia,serif; padding:2px; margin-left:12px; min-width:8px;} #alphaFilter a:hover {background:#f5f5f5;} ul#navigation {float: right; margin-top: 10px;} ul#navigation li {list-style: none; float: left; background: url(../img/navdots.jpg) left 6px no-repeat; margin: 0 4px 0 0; padding: 0 0 0 9px; position: relative; } ul#navigation li:first-child {background: none;} ul#navigation li a {display: block; color: #807e7e; font-family: Georgia, Serif; font-size: 13px; } ul#navigation li a span {display: block; padding: 5px 13px 5px; margin: 0; font-size: 13px; } ul#navigation li:hover a {background: url(../img/navhoverleft.jpg) top left no-repeat #a09e9e; display: block; color: #fff;} ul#navigation li:hover a span {background: url(../img/navhoverright.jpg) top right no-repeat; display: block; padding: 5px 13px 5px; margin: 0;} ul#navigation li a.current {background: url(../img/navcurrentleft.jpg) top left no-repeat #446eb9; display: block; color: #fff;} ul#navigation li a.current span {background: url(../img/navcurrentright.jpg) top right no-repeat; display: block; padding: 5px 13px 5px; margin: 0;} ul#navigation li ul { width: 300px; display: none; position: absolute; top: 30px; left: 0px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul#navigation li:hover ul li { float: none; background: none; } ul#navigation li:hover ul li a { display: block; background: none; color: #807e7e; } ul#navigation li:hover ul li a span { background: none; } ul#navigation li:hover ul li:hover a span { color: #436CB8; } #subbottom {float:right; width:340px; background: url(../img/subgreenbottom.png) no-repeat bottom left; margin-right: -46px !important;} #subtop {width:340px; background: url(../img/subgreentop.jpg) no-repeat top left; padding-top: 13px;} #subbottom ul#submenu {width:310px; background: url(../img/subgreenbg.png); padding: 0 15px 5px; margin:0 0 25px;} #subbottom ul#submenu li {display:block; margin: 0; list-style: none; border-top: 1px dashed #bdd696; /*width:33px;*/ } #subbottom ul#submenu li:first-child{border-top: none; } #subbottom ul#submenu li a {color: #fff; display: block; padding: 7px 7px; font-size: 1.0833em;} #subbottom ul#submenu li a:hover {background: rgba(255,255,255,.15); _background: #8db84b; } #subbottom ul#submenu li ul { margin: 0; padding: 0; list-style: none; } #subbottom ul#submenu li ul li { margin-left: 20px; } #filtercontainer {overflow:hidden; width:614px; position:absolute; right:-44px; z-index:10;} #filtertop {width:614px; background: url(../img/top_filterMenu.jpg) no-repeat top left; overflow:hidden; padding: 7px 0 0 41px;} #filtertags {background:url(../img/bg_filtermenu.png) repeat-y; overflow:hidden; padding:25px 44px 46px 58px;} #filterbottom {background: url(../img/bottom_filterMenu.png) no-repeat bottom left; position:relative; height:50px; } #filterbottom_home {background: url(../img/bottom_filterMenu.png) no-repeat bottom left; position:relative; height:24px; } #filtertop ul {padding:0 8px;} #filtertop ul li {float:left; list-style-type:none; margin-left:4px;} #filtertop ul li a {background: url(../img/arrow_green.png) no-repeat 4px 13px; -moz-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; color:#fff; display:block; line-height:38px; height:38px; padding: 0 14px 0 20px; vertical-align:center;} #filtertop ul li a:hover {background-color:#71a12f;} #filtertop ul li a.current {background-color:#426cb8;} #filtertop ul li a.current:hover {background-color:#3f67b0;} #filtertop ul li a#reset {background-image:none; background-color:#93c849; padding:0 14px; } #filtertags input#filter {background: url(../img/button_filter.gif) no-repeat; border:none; display:block; position:absolute; bottom:60px; right:57px; width:70px; height:27px; } #filtertags p {color:#fff; font-family:georgia,serif; font-size:1.5em; font-style:italic;} #filtertags .tag {float:left; position:relative; cursor:pointer; margin: 0 6px 2px 0;height:33px;width:163px;} #filtertags label {color:#fff; display:block; font-size:1em; /*position:absolute; top:12px; left:12px;*/ } #filtertags .LabelSelected {color:#5f842c;} #filterbottom a#tagextend {color:#fff; display:block; font-family:georgia, times, serif; font-style:italic; font-weight:bold; height:30px; text-align:center; line-height:30px; vertical-align:center; width:614px; } #extendedtags {float:left; overflow:hidden;} #paginationcontainer {clear:both;} .pagination {float:right; margin:24px 0 0 0;} .pagination span a {border:1px solid #dbd8d2; border-radius: 3px; -moz-border-radius: 3px; float:left; height:25px; line-height:25px; width:25px; text-align:center; margin-right:4px; vertical-align:center;} .pagination span a:hover {background:#f5f5f5;} .pagination span.current a {background:#8e8e8e; color:#fff;} .pagination span.current a:hover {} .pagination span a#next {background: url('../img/button_next.png') no-repeat center top; border:none; height:27px; width:22px; margin:0;} .pagination span a#next:hover {background-position:center bottom;} #banner {position: relative; height: 320px; margin:0 0 0 -15px; width:930px; z-index: 1;} #banner p {font-size: 1.5em; font-family: Georgia, Serif; color: #404040; float: left; font-style: italic; width: 220px; margin-right: 20px; margin-top: 25px;} #banner .cycle {width:690px; height: 300px; float: left; margin-left: 0px;} #banner .cyclelist {position: relative; width:690px; height: 300px;} #banner img {padding: 6px; border: 1px solid #d9d9d9; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #banner .bannerbottom {background: url(../img/greenbottom.png) bottom left no-repeat; position: absolute; top:0; right: -30px; z-index: 5; } #banner .bannerinfo {width:219px; background: url(../img/greenbg.png) repeat-y; padding: 15px 20px; height: 265px; margin-bottom: 25px;} #banner .bannerinfo h2 {color: #fff; background: url(../img/greentop.png) top left no-repeat; margin: -15px -21px 0px; padding: 10px 20px 10px; font-family: Georgia, Serif;font-size: 1.5em; font-style: oblique;} #banner .bannerinfo .hr {border-top:1px solid #5f8722; border-bottom:1px solid #b0c590; width:255px; margin: 0 0 10px -16px} #banner .bannerinfo p {color: #fff; font-size: 1.0833em; line-height: 1.25em; font-family: Arial, Sans-Serif; margin-top: 0; margin-bottom: 10px; font-style: normal;} #banner .bannerinfo a.button {background: url(../img/buttonright.jpg) top right no-repeat #426cb8; color: #fff; float: right; font-family: Georgia, Serif; font-size: 1.0833em; padding: 6px 25px 5px 10px; font-style: normal; margin-top: 0px; line-height: 1.4167em;} #buttons {padding: 5px 0; width:930px; margin:0 0 0 -15px;} #buttons a {margin-left: 11px;} #buttons a:first-child {margin-left: 0px;} .article {border:1px solid #dcdcdc; border-radius: 3px; -moz-border-radius: 3px; float:left; margin:14px 0 0 13px; padding:6px; height:256px; position:relative; width:201px;} .first {margin-left:0;} .article img {height:129px; width:201px;} #wrap .article h2 {text-transform:uppercase;} #wrap .article h2 span {font-family:georgia,serif; text-transform:none;} #wrap .article h4 {border-top:1px solid #dcdcdc; bottom:0px; margin-left:-7px; padding:6px 6px 0 6px; position:absolute; width:203px;} #wrap #mainContainer {width:567px; padding:0 0 0 33px;} #wrap #details {} #wrap #details h2 {margin-bottom:0;} #wrap #details h3 {margin-top:0;} #wrap #details p {padding-top:14px;} #wrap #maincolumn p#tagref {color:#404040; font-size:1em;} #wrap #maincolumn p#tagref a {background:none; color:#404040;} #bluebox {background: url(../img/bluebg.png) top left repeat-y #456eba;} #bluetop {background: url(../img/bluetop.gif) top left no-repeat; padding: 10px 0;} #bluebottom {background: url(../img/bluebottom.png) bottom left no-repeat; width: 990px; padding-bottom: 21px; display: block; position: relative; margin: 0 0 10px -45px;} #bluebox .bluecol {padding: 10px; min-height:240px; float: left; background: url(../img/blueverli.jpg) top left repeat-y; position: relative;} #bluebox .bluecol:first-child {background: none;} #bluebox .bluecol.what {width:120px;} #bluebox .bluecol.news {width:335px;} #bluebox .bluecol.twitter {width:220px;} #bluebox .bluecol.events {width:220px;} #bluebox .bluecol h2 {color: #fff;font-family: Georgia, Serif;font-style:oblique;font-weight:bold;} #bluebox .bluecol.what h2 {width: 115px; height: 55px; display: block; background: url(../img/whatsnew.jpg) top left no-repeat; text-indent: -9999px;} #bluebox .bluecol ul {margin: 0; padding: 0;} #bluebox .bluecol ul li {margin: 10px 0 0; padding: 10px 0 0; list-style: none; background: url(../img/bluehorli.jpg) top left repeat-x;} #bluebox .bluecol ul li:first-child {margin:0; padding: 0; background: none;} #bluebox .bluecol ul li h3 {color: #fff; font-family: Georgia, Serif; font-weight: 100; font-size: 1.25em; margin: 0;} #bluebox .bluecol ul li h3 a {color: #fff; display: block;} #bluebox .bluecol ul li h3 a:hover {color: #fff; text-decoration: underline;} #bluebox .bluecol.news ul li h3 {margin: 0;} /*used to have left margin 85px*/ #bluebox .bluecol.news li span {margin:2px 0;padding:0;font-size:0.9em;line-height:1em;color:#fafafa;} #bluebox .bluecol.news li em {font-style:oblique; color:#7fb42e;display:block;} #bluebox .bluecol.news li img {float: left; padding: 5px; background: url(../img/newsimgbg.jpg) top left no-repeat; margin: 0;} #bluebox .bluecol.events ul li h3 {margin-left: 52px;} #bluebox .bluecol #twitterbird {position: absolute; top:5px; right: 65px;} #bluebox .bluecol #twitterposts {/*background: url(../img/twittertop.png) top left no-repeat;*/ margin-top: -40px;} #bluebox .bluecol #twitterbottom {/*background: url(../img/twitterbottom.png) bottom left no-repeat;*/ padding: 30px 0 5px;} #bluebox .bluecol #twitterposts ul {/*background: url(../img/twitterbg.png) top left repeat-y;*/ margin: 0 0 0 -1px; padding: 0;} #bluebox .bluecol #twitterposts ul li {background: none; padding: 0 10px 7px 10px; margin: 0; overflow: hidden; } #bluebox .bluecol #twitterposts ul li p {margin: 0; padding: 0; color: #fff; font-size: 0.8333em;} #bluebox .bluecol #twitterposts ul li p a {text-decoration: underline;} #bluebox .bluecol #twitterposts ul li p span {color: #bad1f8; font-size: 0.75em;} #wrap div.date {width:43px; height: 47px; display: block; float: left; background: url(../img/datebg.jpg) top left no-repeat;} #wrap div.date .month {margin: 3px 0 0; padding: 0; width:43px; text-align: center; color: #fff; text-transform: capitalize; font-size: 0.75em;} #wrap div.date .day {margin: -3px 0; padding: 0; width:43px; text-align: center; font-size: 1.75em; font-weight: bold;} #sponsor {background:url('../img/sponsors_top.jpg') no-repeat center top; padding:42px 0 0 0; clear: both;} #sponsor img {margin:0 0 0 -3px; height:86px;} #memberapply {margin:0 0 0 48px;} #memberapply label {color: #444; display:block; /*float:left;*/ font-family: Georgia; font-size: 95%; font-style: normal; font-weight: bold; margin-bottom:8px;} #memberapply div {overflow:hidden; } #memberapply input, #memberapply textarea {background:#F0F0F0; border: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; margin-bottom:8px;} #memberapply input {width:300px;} #memberapply textarea {padding:10px; width:284px;} #memberapply input[type="file"] {background:none; border:none;} #memberapply input#submit {background:url('../img/button_submit.png') no-repeat; border:0; height:27px; list-style-type:none; margin-top:24px; width:81px;} #memberapply p.help_text {margin-bottom:8px;} #memberapply .fieldWrapper.error {position:relative;} #memberapply ul.errorlist {position:absolute; top:24px; left:314px;} #memberapply ul.errorlist li {color: #6E0E1A; float:left; list-style:none; margin-left:0; } #footer {width: 960px; margin: 0 auto; padding: 0 0 20px;} #footer .col {float: left;} #footer .col.mailing {width: 240px;} #footer .col.social {width: 240px;} /*was 400 when including twitter img*/ #footer .col.social a {margin-right: 15px;} #footer .col.infolink {width: 300px; border-left: 1px solid #a1a19f; padding: 10px 0 10px 15px;} #footer .col.infolink p {font-size:1em; margin: 0;} #footer p {color: #363736; margin: 0 0 5px;} #footer .col.infolink a {color: #436cb8; text-decoration: none; margin: 0 5px;} #footer p a:hover {color: #7b7979;} #footer p a#lift {color: #7b7979;} #footer p a#lift em {font-family: Georgia;} #footer p a#lift:hover {color: #fff;} #footer p a#lift:hover em {color:#edca24;} #footer .col h3 {color: #4d4d4d; font-size:1.25em; font-weight: bold; font-style: italic; font-family: Georgia, Serif; text-shadow: 0 1px 0 #fff; } #footer form#form29 input.submit {width:79px; height: 24px; display: block; padding: 0; margin: 0; border: 0; outline: none; cursor: pointer; background: url(../img/subscribe3.jpg) top left no-repeat; float: left; text-indent: -9999px;} #footer form#form29 input.text { width:125px; height: 18px; padding: 4px 5px 2px; background: #fff; border: 0; margin: 0; font-size: 1em; float: left; vertical-align: middle;} .sidebottom {float:right; width:340px; background: url(../img/subgreenbottom.png) no-repeat bottom left; margin-right: -31px;} .sidetop {width:340px; background: url(../img/subgreentop.jpg) no-repeat top left; padding-top: 13px;} .sidebottom .sidebg {width:310px; background: url(../img/subgreenbg.png); padding: 0 15px 0px; margin:0 0 25px;} #wrap #subcolumn .sidebottom .sidebg h2 {color: #fff; font-weight: bold; margin-bottom: 2px;} #wrap #subcolumn .sidebottom .sidebg ul {margin: 0 0 3px;} #wrap #subcolumn .sidebottom .sidebg li {margin: 0; list-style: none; border-top: 1px dashed #bdd696; color: #fff; padding: 5px 0 0; } #wrap #subcolumn .sidebottom .sidebg li:first-child {border-top: none; } #wrap #subcolumn .sidebottom .sidebg li a {color: #fff; background: none; text-decoration: underline;} #wrap #subcolumn .sidebottom .sidebg li p.date {color: #fff;} #wrap #subcolumn .sidebottom .sidebg li p span.date {color: #fff; font-style: italic; font-size: 1em;} /*** Events ******/ table#events {border: 1px solid #a5a5a5; font-size: 1.0833em; width:600px; } table#events th {border-bottom: 1px solid #a5a5a5; padding: 4px 7px; border-left: 1px solid #cccccc;background: url(../img/tableheader.jpg) repeat-x top left; text-shadow: 0 1px 0 #fff;} table#events th:first-child {border-left: none;} table#events .row2 {background: #f2f2f2;} table#events tr:hover {background: #dce7fe;} table#events tr td {padding: 4px 7px; border-left: 1px solid #cccccc;} table#events tr td:first-child {border-left: none;} table#events a {color:#292929;} table#events a:hover {color:#456eba;} #wrap ul.commentList {margin: 10px 0 25px; padding: 0;} #wrap ul.commentList li {margin: 0; padding: 15px 5px 5px 5px; list-style: none; border:1px solid #d9d9d9; margin-bottom: -1px;} #wrap ul.commentList li.row2 {background: #fff;} #wrap ul.commentList li cite {width:150px; padding-left: 10px; float: left; font-size: 13px; font-weight: bold; text-align: right;} #wrap ul.commentList li cite span {font-weight: normal; font-size: 11px; font-style: italic;} #wrap ul.commentList li .comment-body {margin-left: 170px; font-size: 11px; padding-right: 10px;} #wrap ul.commentList li cite a {color: #436cb8; text-decoration: underline;} #wrap ul.commentList li cite a:hover {color: #1d3053; text-decoration: underline;} /*** Xtras ******/ #subcolumn span.sidebar_txt p {margin-left:20px;font-size:1em;} em {font-style:italic;} #fullbody a.samplerlink {display:block; font-size:115%;font-weight:bold;text-transform:uppercase;padding:4px 3px 3px 4px;background:rgba(250, 250, 250, 0.5);} #fullbody a.samplerlink:hover {color:red;} /* Directory */ /*h1#directorytitle {color: #436cb8; font-size: 2.25em; font-weight: bold;} #directorynav {background: url(../img/bg-directory-top.jpg) top left no-repeat; width: 960px;} #directorynavbottom {background: url(../img/bg-directory-bottom.png) bottom right no-repeat; width: 920px; padding: 15px 20px 30px;} #directorynav .col { float: left; margin-right: 20px; width:215px; } #directorynav .col.last { margin-right: 0; } #directorynav .col h2 { color: #fff; font-family: Georgia; font-style: italic; font-size: 24px; } #directorynav .col h2 a { color: #fff;} #directorynav .col ul { margin: 0; padding: 0; color: #deebcb; } #directorynav .col ul li { margin: 0 0 0 20px; padding: 0; list-style: circle; } #directorynav .col ul li a { color: #deebcb; padding: 2px 0px; display: block; } #directorynav .col ul li a:hover { color: #fff; } #directorynav .col ul li.more { list-style: none; margin: 0; } #directorynav .col ul li.more a { background: #426cb8; color: #fff; margin: 5px 0 0 0; padding: 7px 0; font-size: 12px; font-weight: bold; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; } */ .CheckBoxLabelClass{ background: url('../img/button_tag.gif') left top no-repeat; padding:10px 0 0 8px; /*margin: 5px;*/ height:23px; width:155px; display: block; } .CheckBoxLabelClass:hover{ text-decoration: underline; } .LabelSelected{ background: url('../img/button_tag.gif') left bottom no-repeat; } .CheckBoxClass {z-index: -1; position: relative; left: 10px;} .CheckBoxLabelClass {z-index: 1; position: relative; top:-25px;}