@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:930px; background: url(../img/wrapbg.png) repeat-y; margin: 0 auto ; min-height: 600px; padding: 0 30px;}
#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:310px; float: right;}


#header								{width: 930px; height: 50px; position: relative;}
#logo								{width:132px; height:92px; display: block; background: url(../img/AlbertaMusic.png) top left no-repeat; text-indent: -9999px; position: absolute; top:-55px; left: 50px;}


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;}
ul#navigation li:first-child		{background: none;}
ul#navigation li a					{display: block; color: #807e7e; font-family: Georgia, Serif;}
ul#navigation li a span				{display: block; padding: 5px 15px 5px; margin: 0;}
ul#navigation li a:hover			{background: url(../img/navhoverleft.jpg) top left no-repeat #a09e9e; display: block; color: #fff;}
ul#navigation li a:hover span		{background: url(../img/navhoverright.jpg) top right no-repeat; display: block; padding: 5px 15px 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 15px 5px; margin: 0;}

#subbottom 							{float:right; width:340px; background: url(../img/subgreenbottom.png) no-repeat bottom left; margin-right: -31px;}
#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			{margin: 0; list-style: none; border-top: 1px dashed #bdd696; }
#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; }
#banner								{position: relative; height: 320px;}
#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: 1500; }
#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;}
#buttons a							{margin-left: 1px;}
#buttons a:first-child				{margin-left: 0px;}


#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 -30px;}
#bluebox .bluecol					{padding: 10px; min-height:240px; float: left; background: url(../img/blueverli.jpg) top left repeat-y; position: relative;}
/*#bluebox .bluecol:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
#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.twitter ul li		{background:url(../img/bluehorli.jpg) top left repeat-x; margin: 10px 0 0; padding: 10px 0 0; list-style: none;}
#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;}


#sponsor		{ margin:0 0 16px 0; overflow:hidden; }
#sponsor a		{ display:block; float:left; margin:0 4px 0 0; }
#sponsor img	{ margin:0; }

#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;}


#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 .sidetop .sidebg li.current{background: rgba(255,255,255,.15); _background: #8db84b; }
#wrap #subcolumn .sidebottom .sidetop .sidebg li.current a { cursor:text; }
#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;  }