/*CSS Styles for Crazylegs Website 2.0 | Original design by Adam LaMontagne | Implementation of CSS by Adam LaMontagne with help from Michael Delaney | Concept of using a gramophone is the lovely Camille Fontanella's.*/
/*HTML Tags*/
/*basic elements*/
body {
font-size:10pt;
font-family:tahoma, arial, sans-serif;
color:#000;
background-color:#ffeed1;
}

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

a:link {
font-weight:700;
text-decoration:none;
color:#96490c;
}

a:visited {
font-weight:700;
text-decoration:none;
color:#96490c;
}

a:hover,a:active {
text-decoration:underline;
color:#96490c;
}

.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:#efefef;
border:2px dashed #280101;
padding:5px;
display:block;
height:100%;
margin-top:20px;
}

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

/*structure*/
body {
margin:0 50px 20px;
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.gif) repeat-y top right;
background-color:#96490c;
visibility:visible;
border-top:2px solid #280101;
}

#content_wrapper {
margin-left:5px;
padding-top:45px;
margin-top:-15px;
margin-right:170px;
z-index:10;
position:relative;
}

div.contentborders {
width:auto;
border:solid 2px #280101;
margin:0 0 40px 20px;
padding:0;
-moz-border-radius:8px;
}

p.timestamp {
font-size:8pt;
text-align:right;
display:block;
color:#666;
border-top:1px solid #666;
}

#upcomingevents p.timestamp, #specialevents p.timestamp {
text-align:left;
}

hr {
margin:0;
padding:0;
}

/*masthead*/
#header {
background:url(../images/header.gif) no-repeat left center;
position:relative;
left:0;
width:415px;
height:169px;
visibility:visible;
z-index:100;
margin-top:30px;
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;
background:#280101;
text-decoration:none;
color:#fff;
font-weight:700;
}

ul#nav a:hover {
background:#96490c;
color:#280101;
padding-bottom:15px;
margin-top:-10px;
}

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

/*sidebar*/
#sidebar_wrapper {
position:absolute;
right:0;
top:0;
height:600px;
width:192px;
padding:0;
margin:0;
overflow:hidden;
background:url(../images/gramophone.jpg) no-repeat right top;
visibility:visible;
z-index:1;
}

#sidebar_content {
position:absolute;
right:0;
top:214px;
width:141px;
height:100%;
visibility:visible;
color:#280101;
overflow:hidden;
z-index:1;
background:url(../images/bg.gif) repeat-y top right;
}

ul.sidebar_links {
padding-left:0;
margin-left:0;
width:100%;
overflow:hidden;
}

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

.sidebar_links li.head {
background-color:#96490c;
font-weight:700;
text-align:center;
list-style-type:none;
}

.sidebar_links li a,.sidebar_links li a:visited {
list-style-type:none;
margin-left:0;
padding-left:18px;
display:block;
background:url(../images/bullet7.gif) no-repeat center left;
}

.sidebar_links li a:hover,.sidebar_links li a:active {
background:url(../images/bullet9.gif) no-repeat center left;
}

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

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

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

/*global formatting*/
.content {
font-family:georgia, serif;
text-align:left;
color:#000;
margin-left:0;
padding:30px 0;
background-color:#ffeed1;
width:100%;
-moz-border-radius:4px;
}

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

.content span.imageset {
margin:10px 50px 0 20px;
display:block;
}

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

h2 {
position:absolute;
margin:-20px 0 0 5px;
padding: 0 5px 20px 0;
width:600px;
height:40px;
z-index:2;
}

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

/*headers a-z*/
div#adamandcamille h2 {
background:url(../images/adamandcamille_header.png) no-repeat top left;
}

div#apollo h2 {
background:url(../images/apollo_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#intermediate h2 {
background:url(../images/intermediate_header.png) no-repeat top left;
}

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

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

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

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

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

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

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

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

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

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

div#upcomingevents h2 {
background:url(../images/upcomingevents_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#troupe h2 {
background:url(../images/troupe_header.png) no-repeat top left;
}

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

/*section formatting a-z*/
div#adamandcamille .content {
background:url(../images/adamandcamille2.gif) no-repeat bottom right;
background-color:#ffeed1;
}

div#adamandcamille .content p {
margin-right:192px;
}

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

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

div#lindyhopwestmass .content {
background:url(../images/adamcamillesplit.gif) no-repeat bottom right;
background-color:#ffeed1;
}

div#lindyhopwestmass .content p {
margin-right:210px;
}

.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#markandchris .content {
background:url(../images/markchris.gif) no-repeat top right;
background-color:#ffeed1;
}

div#markandchris .content p {
margin-right:155px;
} 

div#markandchris .content p:last-child {
margin-bottom:55px;
}

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

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

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-lr2.png) no-repeat bottom right;
width:100px;
height:100px;
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:0;
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 #280101;
margin-left:auto;
margin-right:auto;
width:350px;
height:auto;
}

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

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

div#mailinglist_wrapper span {
display:block;
}

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

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

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