.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} * { margin: 0; padding: 0; } body { height: 100%; color: #c4c4c4; font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif; } html, body { height: 1000px; color: #c4c4c4; font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif; } html { background: url(images/bkrnd0.1.jpg); } #videos,#music,#photos,#network {display:none;} .container_24 { background-color: rgba(255, 255, 255, 0.1) } .container_24old { background: url(images/bkrnd0.3.jpg) } a { outline: 0; text-decoration: none; } p { margin: 0 0 10px 0; padding: 5px; } h1, h2, h3, h4, h5 { margin: 0 0 10px 0; } h2 { color: #211f1e; text-transform: uppercase; font-size: 15px; text-shadow: 0 1px #736d69; letter-spacing: 1px; } h3 { color: white; font-size: 24px; } header, footer { width: 100%; } #headerimg {margin-left: -5px;} #networksignup { border-width: 0px; text-shadow: 0px 0px; height: 424px;} #formhead h3{ text-shadow: 2px 2px 1px black; text-transform: none; font-weight: bold; font-size: 18px; font-family: Verdana, "Lucida Grande", Arial, sans-serif, Helvetica;} #formhead h4{position: relative; top: -20px; text-shadow: 2px 2px 2px black; font-style: normal; font-weight: normal; font-size: 12px; font-family: Verdana, "Lucida Grande", Arial, sans-serif;} #contactinfo { clear: both; left: 0px; height: 100px; top: -9px; position: relative; background-color: rgba(0,0,0, 0.4);} #firstname { top: 10px; position: relative; left: 35px;} #lastname {top: -7px; left: 350px; position: relative;} #gender {top: -23px; position: relative; left: 685px;} #emailaddress { top: -9px; left: 15px; position: relative;} #emailformat {top: -25px; position: relative; left: 670px;} #birthyear {left: 46px; top: -7px; position: relative;} #address { clear: both; background-color: rgba(0,0,0, 0.2);left: 0px; position: relative; top: -9px;} #streetaddress {top: 10px; left: 18px; position: relative;} #city {top: 20px; left: 75px; position: relative;} #state {top: 3px; left: 330px; position: relative;} #country {top: -14px; left: 530px; position: relative;} #postalcode {top: -4px; left: 10px; position: relative;} #phonenumber {left: 17px; top: 8px; position: relative;} #carrier {top: -9px; left: 340px; position: relative;} #socials { clear: both; background-color: rgba(0,0,0, 0.4); position: relative; top: -9px;} #personalwebsite {left: 6px; top: 9px; position: relative;} #twittername {top: 22px; left: 5px; position: relative;} #facebookname {top: 5px; position: relative; left: 310px;} #myspacename {top: -12px; left: 630px; position: relative;} #networksubmit { clear: both; left: 375px; top: 2px; position: relative;} /*navbar*/ .navbar {z-index: 20; width:950px; margin: -3px 0 5px 0;background:url(images/buttons.png);background-repeat: x;background-position: 0px 0px;height: 47px; padding-right: 10px; } .navbar ul {list-style-type:none;text-align: center;padding: 10px 0px 0px 0px; } .navbar li {display:inline;padding: 0px 15px 0px 15px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;} .navbar ul li a {background-repeat: x;background-position: 0px 0px;color: rgba(255, 255, 255, .8);text-align:center;padding: 10px 10px 10px 10px; font-size: 18px;letter-spacing: 1px;text-decoration:none;text-transform:uppercase;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } .navbar ul li a:hover {color: rgba(255, 255, 255, 1);background:url(images/buttons.png);background-repeat: x;background-position: 0px -97px;color:#FFFFFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .navbar ul li a:active {color: rgba(255, 255, 255, 1);color:#FFFFFF;background:url(images/buttons.png);background-repeat: x;background-position: 0px -48px; } .navbar ul li a.current {color: rgba(255, 255, 255, 1);color:#FFFFFF;background:url(images/buttons.png);background-repeat: x;background-position: 0px -97px; } /************************ animation ***************/ @-webkit-keyframes changeColorAlert { 0% { -webkit-transform: scale(1.0);color:rgba(255, 130, 000, 1); } 50% { -webkit-transform: scale(1.0);color:rgba(255, 255, 0, 1); } 100% { -webkit-transform: scale(1.0);color:rgba(255, 130, 000, 1); } } #alert h2{ -webkit-animation-name: changeColorAlert; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: infinite; text-align: center; } #alert h1{ -webkit-animation-name: changeColorAlert; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: infinite; } /************************ headline ***************/ .headline {width: 940px;background-color: rgba(150, 150, 150, .4);color:#FFFFFF;padding:10px 10px 10px 10px;margin:0px 0px 15px 0px;font-size: 12px;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;text-shadow: 2px 2px 3px #000000;-webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, .5);box-shadow: 0px 6px 10px rgba(0, 0, 0, .5); } /*h1 headline in headline*/ .headline h1 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;text-align: center;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*links in article*/ .headline a {color:rgba(255, 130, 000, 1);text-decoration:none; } .headline a:hover {color:rgba(255, 255, 0, 1); } /************************ article ***************/ .article {background-color: rgba(150, 150, 150, .4);color:#FFFFFF;padding:10px 10px 10px 10px;margin:0px 0px 15px 0px;font-size: 12px;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;text-shadow: 2px 2px 3px #000000;border:5px outset rgba(255, 255, 255, .4);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); } /*h1 headline in article*/ .article h1 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;font-weight: bold;text-align: center;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*h2 headline in article*/ .article h2 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 12px;margin-top:-10px;margin-bottom:5px;font-weight: bold;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*links in article*/ .article a {color:rgba(255, 130, 000, 1);text-decoration:none; } .article a:hover {color:rgba(255, 255, 0, 1); } /*img in article*/ .article img {float:left;width:150px;margin: 0 15px 20px 0; } /************************ blog article ***************/ .blogarticle {background-color: rgba(150, 150, 150, .3);color:#FFFFFF;padding:10px 10px 10px 10px;margin:0px 0px 15px 0px;font-size: 12px;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;text-shadow: 2px 2px 3px #000000;border:5px outset rgba(255, 255, 255, .4);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); } /*h1 headline in blogarticle*/ .blogarticle h1 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;font-weight: bold;text-align: center;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*h2 headline in blogarticle*/ .blogarticle h2 {color: rgba(255, 255, 255, .8);font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 10px;margin-top:-10px;margin-bottom:5px;text-align: center;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*links in article*/ .blogarticle a {color:rgba(255, 130, 000, 1);text-decoration:none; } .blogarticle a:hover {color:rgba(255, 255, 0, 1); } /*img in blogarticle*/ .blogarticle img {float:left;width:150px;margin: 0 15px 20px 0; } /*readmore in blogarticle*/ .readmorecontent {text-align: right;} a.readmore {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 11px;text-shadow: 2px 2px 3px #000000;filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); padding: 4px 15px;background-color: rgba(255, 255, 255, .2);color:rgba(255, 130, 000, 1);text-decoration: none;} a.readmore:hover {background-color: rgba(255, 255, 255, .6);color:rgba(255, 255, 0, 1);} /************************ sidebar ***************/ .sidebar {z-index:1000;background-color: rgba(150, 150, 150, .3);color:#FFFFFF;padding:10px 10px 10px 10px;margin: 0px 10px 20px 0px;font-size: 12px;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;text-shadow: 2px 2px 3px #000000;border: 7px outset rgba(150, 150, 150, .2);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(255, 255, 255, .5); } /*h1 headline in article*/ .sidebar h1 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;font-weight: bold;text-align: center;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*h2 headline in article*/ .sidebar h2 {color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 12px;margin-top:-10px;margin-bottom:5px;font-weight: bold;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*links in article*/ .sidebar a {color:rgba(255, 130, 000, 1);text-decoration:none; } .sidebar a:hover {color:rgba(255, 255, 0, 1); } /*img in article*/ .sidebar img {float:left;width:150px;margin-right:10px;margin-bottom:20px;} /************************ html5 videoplayer ***************/ .videoplayer {background-color: rgba(150, 150, 150, .4);color:#FFFFFF;padding:10px 18px 10px 10px;font-size: 12px;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;text-shadow: 2px 2px 3px #000000;border: 3px outset rgba(150, 150, 150, .2);-webkit-border-radius: 10px;-moz-border-radius: 5px;border-radius: 5px;filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(255, 255, 255, .5); } /*h1 headline in videoplayer*/ .videoplayer h1 {background-color: rgba(0, 0, 0, .8);color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;font-weight: bold;text-align: center;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*h2 headline in videoplayer*/ .videoplayer h2 {background-color: rgba(0, 0, 0, .8); color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 12px;margin-top:-10px;margin-bottom:5px;text-align: center;font-weight: bold;text-transform:uppercase;text-shadow: 2px 2px 2px #000000;filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); } /*h3 headline in videoplayer*/ .videoplayer h3 {font-size: 11px; color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 5px; height: 16px; vertical-align: middle; margin: 0 0 2px 0; background-color: #222; background-color: rgba(0,0,0,0.3); } .videoplayer h3:hover { background-color: #555; background-color: rgba(0,0,0,0.5); } /*img in videoplayer*/ #video {width:360px;height:288px;margin-left:-6px;border: 5px inset rgba(0, 0, 0, .5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /*img in videoplayer*/ #video2 {width:320px;height:240px;margin-left:-6px;} .imgshad {filter: dropshadow(color=#000000, offx=3, offy=3);-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5);box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); } #google_translate_element {background-color: rgba(255, 255, 255, .5);margin: 0px 0 10px 0;padding: 0px 0px 0px 10px;} #google_translate_element img{width: 50px;} #google_translate_element a { outline: 0; text-decoration: none;color:rgba(0, 0, 0, .3); } #google_translate_element a:hover {color:rgba(0, 0, 0, .3); } #photos { top: -500px; left: 385px; } #photos a { opacity: 0.5; } #photos a img { opacity: 0.5;border: 0; float: left; margin: 0 5px 5px 0; } #photos a:hover { opacity: 1; } #photos img:hover { opacity: 1; } #photolist li a.icon {background: url(pictures/picture-thumbs.png) no-repeat;border: none;display: block;width: 100px;height: 83px;text-indent: -9999px;} #photolist li {display: inline-block;} #photolist li a.p001 {background-position: 0px 0px;} #photolist li a.p002 {background-position: -100px 0px;} #photolist li a.p003 {background-position: -200px 0px;} #photolist li a.p004 {background-position: -300px 0px;} #photolist li a.p005 {background-position: -400px 0px;} #photolist li a.p006 {background-position: -500px 0px;} #photolist li a.p007 {background-position: -600px 0px;} #photolist li a.p008 {background-position: -700px 0px;} #photolist li a.p009 {background-position: -800px 0px;} #photolist li a.p010 {background-position: -900px 0px;} #photolist li a.p011 {background-position: -1000px 0px;} #photolist li a.p012 {background-position: -1100px 0px;} #photolist li a.p013 {background-position: -120px 0px;} #photolist li a.p014 {background-position: 0px -83px;} #photolist li a.p015 {background-position: -100px -83px;} #photolist li a.p016 {background-position: -200px -83px;} #photolist li a.p017 {background-position: -300px -83px;} #photolist li a.p018 {background-position: -400px -83px;} #photolist li a.p019 {background-position: -500px -83px;} #photolist li a.p020 {background-position: -600px -83px;} #photolist li a.p021 {background-position: -700px -83px;} #photolist li a.p022 {background-position: -800px -83px;} #photolist li a.p023 {background-position: -900px -83px;} #photolist li a.p024 {background-position: -1000px -83px;} #photolist li a.p025 {background-position: -1100px -83px;} #photolist li a.p026 {background-position: -1200px -83px;} #photolist2 li a.icon {background: url(blog/wp-content/uploads/2010/07/stthomas-thumbs.png) no-repeat;border: none;display: block;width: 100px;height: 83px;text-indent: -9999px;} #photolist2 li {display: inline-block;} #photolist2 li a.st001 {background-position: 0px 0px;} #photolist2 li a.st002 {background-position: -100px 0px;} #photolist2 li a.st003 {background-position: -200px 0px;} #photolist2 li a.st004 {background-position: -300px 0px;} #photolist2 li a.st005 {background-position: -0px -83px;} #photolist2 li a.st006 {background-position: -100px -83px;} #photolist2 li a.st007 {background-position: -200px -83px;} #photolist2 li a.st008 {background-position: -300px -83px;} #upcoming { position: absolute; left: 20px; top: 70px; width: 210px; z-index: 30; } #upcoming ul { list-style: none; } #upcoming ul li { margin: 0 0 3px 0; background: #222; background: rgba(0,0,0,0.5); padding: 5px; position: relative; } #upcoming ul li .date { display: block; color: white; font-weight: bold; } #upcoming ul li .time { display: none; } #upcoming ul li .city { position: absolute; top: 5px; right: 5px; } .sample { width: 100%; z-index: 30; background-color: rgba(255, 255, 255, .1);padding:10px;margin-left:10px;margin-bottom:20px;border:5px outset rgba(255, 255, 255, .2); /*border radius*/ -webkit-border-radius: 20px; /* Saf3.0+, Chrome */ -moz-border-radius: 20px; /* FF3.5+ */ border-radius: 20px; /* Opera 10.5, IE 9.0 */ /*dropshadow*/ filter: dropshadow(color=#000000, offx=3, offy=3); -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */ -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* FF3.5+ */ box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */ } .sample img {width: 90%; position: relative; margin-left:5px; margin-top:3px;margin-bottom:8px;padding:0px;/*dropshadow*/ filter: dropshadow(color=#000000, offx=3, offy=3); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* FF3.5+ */ box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */ } .sample h2 { color: rgba(255, 255, 255, .8); font-family: Arial Black, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold;text-align: center;text-transform:uppercase;/*text-shadow*/ text-shadow: 2px 2px 2px #000000; /* Saf3.0+, Chrome */ filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); /* Opera 10.5, IE 9.0 */ } .sample ul { list-style: none; } .sample ul li { margin: 0 0 3px 0; } .sample ul li a {font-size: 11px; color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.3); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; } .sample ul li a:hover { background-color: #555; background-color: rgba(0,0,0,0.5); } .sm2_paused { background-image: url(images/pause.png) !important; background-repeat: no-repeat; } .sm2_playing { background-color: #333 !important; background-color: rgba(0,0,0,0.7) !important; } /*Social Links*/ #bubble {list-style: none;margin: 0px;padding: 0px;} #bubble li {display: inline-block;margin: 0px;padding: 0px;} #bubble li a.icon {background: url(images/BMTVsocial.png) no-repeat;border: none;display: block;width: 128px;height: 128px;text-indent: -9999px;} #bubble li a.facebook {background-position: -143px -12px;} #bubble li a.facebook:hover {background-position: -13px -12px;} #bubble li a.myspace {background-position: -143px -149px;} #bubble li a.myspace:hover {background-position: -13px -149px;} #bubble li a.reverbnation {background-position: -143px -283px;} #bubble li a.reverbnation:hover {background-position: -13px -283px;} #bubble li a.youtube {background-position: -143px -422px;} #bubble li a.youtube:hover {background-position: -13px -422px;} #bubble li a.twitter {background-position: -143px -559px;} #bubble li a.twitter:hover {background-position: -13px -559px;} #bubble li a.iTunes {background-position: -143px -698px;} #bubble li a.iTunes:hover {background-position: -13px -698px;} #bubble2 {list-style: none;margin: 20px 0px 0px;padding: 0px;} #bubble2 li {display: inline-block;margin: 0px 0px;padding: 0px;width: 72px;height: 72px;} #bubble2 li a img {position: relative;border: none;} #bubble2 li a img.large {display: none;} #bubble2 li a:hover img.small {display: none;z-index: 0;} #bubble2 li a:hover img.large {display: block;margin-top: -28px;margin-left: -28px;z-index: 1000;} /************************ Say Now ***************/ .saynow {width: 90%; background-color: rgba(255, 255, 255, .1);padding:10px;margin-left:0px;margin-bottom:0px;border:5px inset rgba(0, 0, 0, .6); /*border radius*/ -webkit-border-radius: 10px; /* Saf3.0+, Chrome */ -moz-border-radius: 10px; /* FF3.5+ */ border-radius: 10px; /* Opera 10.5, IE 9.0 */ /*dropshadow*/ filter: dropshadow(color=#000000, offx=3, offy=3); -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */ -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* FF3.5+ */ box-shadow: 6px 6px 10px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */ } .saynow img {width: 90px; position: relative; margin-left:5px; margin-top:3px;margin-bottom:8px;padding:0px;/*dropshadow*/ filter: dropshadow(color=#000000, offx=3, offy=3); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */ -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* FF3.5+ */ box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */ } .saynow h1 { color: rgba(255, 255, 255, .8);font-family: Arial Black, Arial Black, Gadget, sans-serif; font-size: 25px; font-text-align: center;text-transform:uppercase;/*text-shadow*/ text-shadow: 2px 2px 2px #000000; /* Saf3.0+, Chrome */ filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); /* Opera 10.5, IE 9.0 */ } .saynow h2 { color: rgba(255, 255, 255, .8); font-family: Arial Black, Arial Black, Gadget, sans-serif; font-size: 12px; font-weight: bold;text-align: center;text-transform:uppercase;/*text-shadow*/ text-shadow: 2px 2px 2px #000000; /* Saf3.0+, Chrome */ filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2); /* Opera 10.5, IE 9.0 */ } .saynow a {color: rgb(255, 130, 000);font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 18px;margin: -15px 0 5 0;text-align: center;text-transform:uppercase;text-decoration:none;} .saynow a:hover {color:rgb(255, 255, 0); } /*links in article*/ .headline a {color:rgba(255, 130, 000, 1);text-decoration:none; } .saynow ul { list-style: none; } .saynow ul li { margin: 0 0 3px 0; } .saynow ul li a {font-size: 11px; color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.3); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; } .saynow ul li a:hover { color: white; background-color: #555; background-color: rgba(0,0,0,0.5); } #bio p, #about p { text-shadow: 0 1px rgba(0,0,0,0.7); font-size: 14px; } #about { text-align: center;} #about h2 { text-align: left; } #contact { overflow: hidden; } #shows li { padding: 6px; -moz-border-radius: 12px; background: #222; background: rgba(0,0,0,0.5); margin: 0 0 5px 0; font-size: 14px; } #shows li .date { display: inline-block; width: 100px; color: white; font-weight: bold; } #shows li .time { display: inline-block; width: 70px; } #shows li .city { display: inline-block; width: 220px; text-align: right; } #shows li .venu { display: block; } /*events*/ .events {margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; z-index: 20; width:100%;background:url(images/buttons.png);background-repeat: x;background-position: 0px 0px;height: 47px; } .eventsTitle {padding: 0px 15px 0px 15px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, .8);text-align:center;padding: 10px 10px 10px 10px;font-size: 18px;letter-spacing: 1px;text-decoration:none;text-transform:uppercase;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=rgba(0, 0, 0, 2);, offx=2, offy=2);} .eventlist { margin-left: -5px; margin-bottom: 15px; margin-right: 0px; margin-top: 0px; position: relative; left: 10px; } .event a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, .7);} .event a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, 1.0);} .month {font-size: 18px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, .8);} #event_1 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_1 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} #event_2 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_2 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} #event_3 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_3 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} #event_4 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_4 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} #event_5 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_5 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} #event_6 a {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, .5);} #event_6 a:hover {font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(0, 0, 0, 1.0);} .month {font-size: 18px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, .8);} .day {margin: -8px 0px 0px 5px;font-size: 25px;font-family: Arial Black, Arial Black, Gadget, sans-serif;font-weight:bold;color: rgba(255, 255, 255, .8);} .eventDisc {margin-left: 64px; margin-bottom: 0px; margin-right: 0px; margin-top: -45px; font-size: 12px;font-family: Arial Black, Arial Black, Gadget, sans-serif;color: rgba(255, 255, 255, .8);} #footer {font-family: Arial Black, Arial Black, Gadget, sans-serif;font-size: 12px;padding-top:10px;padding-bottom:20px;padding-right:10px;margin-left: 0px;text-align:right;background-color: rgba(255, 255, 255, .1); color:rgba(0, 0, 0, 1);} #footer a {outline: 0; text-decoration: none;color:rgba(255, 130, 000, 1); } #footer a:hover {color:rgba(255, 255, 0, 1); }