body { background: #c2c2c2 url('http://www.orangewillard.com/_img/sheetmusic_bg.jpg') top center no-repeat; color: #333333; /*#ffd86b;*/ }
a { color: #ffff00; }
a:hover { color: #f2f2f2; }
button { cursor: pointer; }

#leftSide	{ display: inline; float: left; width: 550px; margin: 0; }
#rightSide 	{ display: inline; float: right; width: 410px; margin: 0; }

#newsPosts { margin:0 10px; }
#newsPosts .content { display: inline; float: left; margin: 0; padding: 0; width: 500px; overflow: hidden; position: relative; }
#newsPosts ol { list-style: none outside; margin: 0; top: 0px; padding:0; position: relative; }
#newsPosts ol li { margin: 0; padding: 6px 6px 12px; }
#newsPosts .title { font-weight: bold; font-size: 30px; font-family:"Times New Roman", Times, serif; color: #a00000; }
#newsPosts .time { font-size: 80%; }
#newsPosts .author { display: none; }
#newsPosts .body { line-height: 130%;  margin: 10px 0; }
#newsPosts .slider { display:inline; float: left; width: 12px; height: 400px; background: #BBBBBB; margin: 0 4px; }
#newsPosts .slider .slider-handle { width: 12px; height: 20px; background: #333333; }
#newsPosts img { margin: 4px; 6px; }

.alignleft { float: left; }
.alignright { float: right; }

#upcomingShows { line-height: 30px; list-style: none outside; margin: 10px; }
#upcomingShows li { line-height: 24px; margin:0; padding: 2px 0 2px 10px; }
#upcomingShows li * { vertical-align: top; }
#upcomingShows .s_date { display: inline; float: left; font-size: 12px; width: 110px; }
#upcomingShows .venue { display: inline; float: left; font-size: 12px; width: 160px; }
#upcomingShows .v_city { display: inline; float: left; font-size: 12px; width: 100px; text-align: right; }
#upcomingShows li.heading { border-bottom:2px solid #e2e2e2; font-size: 120%; font-weight: bold; padding: 2px 0; }
#upcomingShows .info { display: none; }

#newsletter { list-style: none outside; margin: 10px; }
#newsletter li { margin: 0; padding: 6px; }
#newsletter .heading { border-bottom: 2px solid #e2e2e2; font-size: 120%; font-weight: bold; padding: 2px 0; }
#newsletter #result { display: none; text-align: center; background-color: #ffd86b; padding: 8px; margin: 0 30px; }

#merchandise { list-style: none outside; margin: 10px; }
#merchandise * { vertical-align: middle; }
#merchandise li { margin: 0; padding: 6px; }
#merchandise label { display: block; }
#merchandise .heading { border-bottom: 2px solid #e2e2e2; font-size: 120%; font-weight: bold; padding: 2px 0; }
#merchandise .item { border-bottom: 1px dotted #cccccc; line-height: 200%; }
#merchandise .item-name { font-size: 110%; font-weight: bold; }
#merchandise .thumb { display: inline-block; float: left; height: 80px; border: 3px solid white; margin: 0 10px; }

#latestTweets { background: transparent url('http://www.orangewillard.com/_img/bg_twitter.png') 0 0 no-repeat; height: 500px; margin: 0; padding:0; overflow: hidden; }
#latestTweets .heading { color: #0e5168; display: block; height: 20px; line-height: 20px; font-weight: bold; margin: 20px 30px 10px; }
#latestTweets .content { display: inline; float: left; margin: 0 0 0 30px; padding: 0; width: 210px; height: 350px; overflow: hidden; position: relative; }
#latestTweets ol { display: inline; float: left; margin: 0; padding: 0; position: relative; list-style: none outside; top: 0px; }
#latestTweets ol li { margin: 0; padding: 0 0 20px; width: 200px; }
#latestTweets ol li a { color: #2087ab; }
#latestTweets ol li label { color: #6d8891; display: block; text-align: right; font-size: 10px; }
#latestTweets .slider { display:inline; float: left; width: 12px; height: 200px; background: #BBBBBB; margin: 0 4px; }
#latestTweets .slider .slider-handle { width: 12px; height: 20px; background: #999999; }


#social_networks { display: inline; float: right; margin: 30px 0; padding: 0; width: 150px; list-style: none outside; }
#social_networks > li { margin: 0 20px; padding: 0 0 10px; text-align: center; }
#social_networks > li > a > img { background: transparent url('http://www.orangewillard.com/_img/social_icons.png') top left no-repeat; margin: 0; padding: 0; height: 30px; width: 30px; }
#social_networks > li.myspace > a > img { background-position: -400px -64px; }
#social_networks > li.facebook > a > img { background-position: -448px -16px; }
#social_networks > li.twitter > a > img { background-position: -352px -160px; }
#social_networks > li.itunes > a > img { background-position: -64px -16px; }
#social_networks > li.youtube > a > img { background-position: -160px -112px; }

#footer { display: block; font-size: 10px; margin: 20px 10px; color: #333333; }
#footer a { color: #f2f2f2; text-decoration: none; }
#footer a:hover { color: #ffff00; text-decoration: none; }
#credits { display: inline; float: right; width: 140px; text-align: right; height: 18px; line-height: 18px; }
#credits * { vertical-align: middle; }