/*CSS Styles for Lindy League Website 1.0 | Original design by Adam LaMontagne | Implementation of CSS by Adam LaMontagne with help from Michael Delaney | Apologies to the Justice League*/
/*HTML Tags*/
/*basic elements*/
body {
font-size:10pt;
font-family:tahoma, arial, sans-serif;
color:#000;
background-color:#7cc7f6;
}

p {
font-family:georgia, serif;
margin-top:0;
text-align:left;
}

a:link {
font-weight:700;
text-decoration:none;
color:#7cc7f6;
}

a:visited {
font-weight:700;
text-decoration:none;
color:#7cc7f6;
}

a:hover,a:active {
text-decoration:underline;
color:#7cc7f6;
}

#sidebar_content a:link, #sidebar_content a:visited {
font-weight:700;
text-decoration:none;
color:#005990;
}

#switcher a:link, #switcher a:visited {
text-decoration:none;
color: #005990;
}

.content p a[href^="http://"], .content ul a[href^="http://"]  {
background: url('../images/external.gif') center right no-repeat;
padding-right: 13px;
}

span.blockquote {
background-color:#7cc7f6;
border:2px dashed #005990;
padding:5px;
display:block;
height:100%;
margin-top:20px;
}

/*structure*/
body {
margin:0 50px 0 0;
text-align:center;
}

#page {
text-align:left;
position:absolute;
padding-bottom:20px;
top:40px;
left:50px;
right:50px;
min-width:575px;
}

#switcher {
position:absolute;
width: 100%;
right:50px;
text-align:right;
font-size:0.8em;
top:0;
}

#container {
position:absolute;
top:26px;
left:0;
right:0;
padding:0;
padding-top:200px;
background: url(../images/bg_02.gif) repeat-y top right;
background-color:#000;
visibility:visible;
border-top:2px solid #005990;
z-index:3;
}

#content_header {
background: #005990 url(../images/skyline.jpg) repeat-x bottom right;
margin-left:0;
padding-left:0;
padding-bottom:20px;
margin-top:-300px;
margin-right:141px;
z-index:1;
position:relative;
width:100%;
height:245px;
}

#content_wrapper {
margin-left:0px;
padding-top:0;
margin-top:100px;
margin-right:150px;
z-index:1;
position:relative;
background-color:#000;
}

div.contentborders {
width:90%;
margin:0 0 40px 20px;
padding:0;
background-color:#296e95;
}

p.timestamp {
font-size:8pt;
text-align:left;
display:block;
color:#fff;
border-top:1px solid #7cc7f6;
}

hr {
margin:0;
padding:0;
}

/*masthead*/
#header {
background:url(../images/header.png) no-repeat left center;
position:relative;
left:0;
width:474px;
height:230px;
visibility:visible;
z-index:100;
margin-top:30px;
margin-left: 75px;
padding-top:20px;
}

/*nav bar*/
div#menu {
position:relative;
top:0;
padding-top:0;
min-width:700px;
width:700px;
z-index:1;
font-weight:700;
}

ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0;
}

ul#nav {
margin-left:0;
}

ul#nav li {
float:left;
margin-right:10px;
text-align:center;
}

ul#nav a {
position:relative;
float:left;
width:7em;
padding:5px 0 15px 0;
background:#005990;
text-decoration:none;
color:#fff;
font-weight:700;
}

ul#nav a:hover {
background:#fff;
color:#005990;
padding-bottom:25px;
margin-top:-10px;
}

ul#nav li.navselected a,ul#nav li.navselected a:hover {
position:relative;
background:#005990;
color:#fff;
padding-bottom:25px;
margin-top:-15px;
}

/*sidebar*/
#sidebar_wrapper {
position:absolute;
right:0;
top:0;
height:600px;
width:150px;
padding:0;
margin:0;
overflow:hidden;
background:url(../images/spotlight.gif) no-repeat left top;
visibility:visible;
z-index:2;
}

#sidebar_content {
position:absolute;
right:0;
top:199px;
width:150px;
height:100%;
visibility:visible;
color:#005990;
overflow:hidden;
background:url(../images/bg_02.gif) repeat-y left top;
z-index:2;
}

#sidebar ul li, #sidebar li {
width:141px;
}

ul.sidebar_links {
padding-left:18px;
margin-left:0;
width:141px;
overflow:hidden;
}

.sidebar_links li {
width:141px;
font-size:11px;
border:none;
padding-top:4px;
margin:2px 0;
padding-left:0;
list-style-type:none;
display:block;
}

.sidebar_links li.head {
background-color:#fff;
font-weight:700;
text-align:center;
list-style-type:none;
font-size:12px;
}

.sidebar_links li a,.sidebar_links li a:visited {
list-style-type:none;
margin-left:0;
padding-left:12px;
display:block;
}

.sidebar_links li a:hover,.sidebar_links li a:active {
}

/*footer*/
#footer {
position:absolute;
bottom:3px;
text-align:right;
right:170px;
font-size:8pt;
}

#footer a {
color:#7cc7f6;
text-decoration:none;
padding-bottom:12px;
margin-right:12px;
}

#footer a:hover {
color:#7cc7f6;
border-bottom:8px solid #7cc7f6;
text-decoration:none;
padding-bottom:6px;
}

/*global formatting*/
.content {
font-family:georgia, serif;
text-align:left;
color:#000;
margin-left:0;
padding:20px 0;
width:100%;
height:100%;
background-color:#296e95;
}

.content p {
margin:8px;
padding:8px;
}

h4 {
margin:8px 8px -7px 8px;
padding: 8px 8px 0 8px;
}

.content ul {
margin:10px 10px 10px 20px;
padding:10px;
}

div.contentphotoright {
margin-bottom:-30px;
margin-top:-5px;
}

div.contentphotoright p:last-child {
padding-bottom:20px;
}

h2 {
position:absolute;
margin:-22px 0 0 5px;
padding: 0 5px 22px 0;
width:600px;
height:42px;
z-index:2;
/*position:relative;
margin:-22px 0 0 5px;
padding: 0 5px 0 0;
width:600px;
height:42px;
z-index:1000;
overflow:visible;*/
}

p.top {
margin-top:0;
margin-bottom:0;
padding:0;
text-align:right;
}

/*past events*/
div.slideout {
width:80%;
background-color:#15597f;
margin:-40px 50px 20px 50px;
padding:0 0 20px 0;
height:auto;
}

div.nubbin {
width:80%;
background:#15597f;
margin:-39px 30px 40px 50px;
padding:17px 0 0 0;
height:24px;
}

.nubbin p {
margin:0;
}

.slideout span.imageset {
margin:0 50px 0 30px;
display:block;
}

.slideout span.imageset img {
padding:8px;
background-color:#fff;
border:1px solid #000;
margin:5px;
}

.pastevents div.content {
/*margin-top:40px;*/
}
/*headers a-z*/

div#balblues h2 {
background:url(../images/balblues_header.png) no-repeat top left;
}

div#billb h2 {
background:url(../images/billb2005_header.png) no-repeat top left;
}

div#billb2004 h2 {
background:url(../images/billb2004_header.png) no-repeat top left;
}

div#copyright h2 {
background:url(../images/copyright_header.png) no-repeat top left;
}

div#credits h2 {
background:url(../images/colophon_header.png) no-repeat top left;
}

div#eventarchive h2 {
background:url(../images/eventarchive_header.png) no-repeat top left;
}

div#eventscalendar h2 {
background:url(../images/eventscalendar_header.png) no-repeat top left;
}

div#frankie h2 {
background:url(../images/frankie_header.png) no-repeat top left;
}

div#intermediate h2 {
background:url(../images/intermediateclasses.png) no-repeat top left;
}

div#lindyleague h2 {
background:url(../images/lindyleague_header.png) no-repeat top left;
}

div#lindyhop h2 {
background:url(../images/aboutlindy_header.png) no-repeat top left;
}

div.firstblock {
margin-top:50px;
}

div#lindyhopwestmass h2 {
background:url(../images/tagline_header.png) no-repeat top left;
}

div#mailinglist h2 {
background:url(../images/mailinglist_header.png) no-repeat top left;
}

div#news h2 {
background:url(../images/inthenews_header.png) no-repeat top left;
}

div#pastevents h2 {
background:url(../images/pastevents_header.png) no-repeat top left;
}

div#upcomingevents h2 {
background:url(../images/upcomingevents_header.png) no-repeat top left;
}

div#secondfriday h2 {
background:url(../images/secondfriday_header.png) no-repeat top left;
}

div#specialevents h2 {
background:url(../images/specialevents_header.png) no-repeat top left;
}

div#stomp h2, div#stomptall h2 {
background:url(../images/4thstory_header.png) no-repeat top left;
}

div#smithjam h2 {
background:url(../images/smithjam_header.png) no-repeat top left;
}

div#swingmayhem h2 {
background:url(../images/swingmayhem_header.png) no-repeat top left;
}

div#swingintime h2 {
background:url(../images/swingintime_header.png) no-repeat top left;
}

div#webmaster h2 {
background:url(../images/webmaster_header.png) no-repeat top left;
}

/*section formatting a-z*/

div#apollo .content {
background:url(../images/apolloimage.gif) no-repeat bottom right;
}

div#apollo .content p {
margin-right:130px;
}

.content p.big {
font-size:14pt;
}

div#lindyhopwestmass .content p em {
margin-left:50px;
display:block;
margin-top:10px;
}

div#lindyhopwestmass .content p:last-child {
margin-bottom:25px;
font-size:inherit;
}

div#stomp .content {
background:url(../images/fitzwillys2.gif) no-repeat top right;
}

div#stomptall .content  {
background:url(../images/fitzwillys2.gif) no-repeat bottom right;
}

div#specialevents .content {

}

div#stomp .content p, div#stomptall .content p {
margin-right:162px;
}

/*additional design elements*/
#dancers {
margin:0;
position:relative;
padding:0;
width:100%;
height:191px;
visibility:visible;
z-index:2;
bottom:0;
}

div#extra {
background:url(../images/corner.gif) no-repeat bottom right;
width:138px;
height:133px;
position:absolute;
right:0;
bottom:0;
z-index:5;
visibility:visible;
margin-right:0;
}

/*div#gradient {
	background:url(../images/gradient.gif) no-repeat top right;
	width:195px;
	height:415px;
	position:absolute;
	right:0;
	top:0px;
	z-index:0;
	visibility:visible;
	margin-right:0;
}
*/
/*hidden elements*/
h1 span,h2 span {
visibility:hidden;
}

.hidden{ display: none; }

/*mailing list styles*/
div#mailinglist_wrapper {
text-align:center;
font-size:10pt;
border:2px solid #005990;
margin-left:auto;
margin-right:auto;
width:350px;
height:auto;
}

div#mailinglistheader {
background-color:#005990;
color:#ffffff;
font-weight:700;
line-height:16pt;
}

div#listForm {
padding-right: 30%;
text-align:right;
}

div#mailinglist_wrapper span {
display:block;
}

.block{ display: block; }

span.subheader {
background-color:#cccccc;
line-height:16pt;
font-weight:700;
}

span.subheader a, span.subheader a:hover, span.subheader a:visited {
color:#005990;
text-decoration:underline;
}

span.text {
margin-top:20px;
margin-bottom:20px;
}