/*style sheet for the home page of DanceWith.co.uk and named dancewith002.css*/

/*nb id attributes reffer to #style and class reffer to .style hence use id to target individual elements and use class by default*/

/*em is named after the width of a letter M, hahaha*/

/*
div {border: 1px dotted gray; padding: .5em}
span {border: 1px dotted gray; padding: .5em}
*/

body {
background-color: #ffffcc;
}

div.wrapper {
margin-left: 8%;
margin-right:10%;
margin-top: 1cm;
margin-bottom: 1cm;
}

#nav
{
float: left;
width: 330px;
padding: 0;
margin-bottom: 40px;
}

#nav ul {
line-height: 200%;
}

img.logo {
width: 300px;
height: 405px;
}

img.happydance {
width: 300px;
height: 147px;
}

.current
{
/*text-indent: 5em;*/
/*padding: 5em;*/
margin-left: 150px;
}

.listings
{
/*text-indent: 5em;*/
margin-left: 150px;
}

p.domainname {
text-align: right;
font-size: 150%;
font-family: arial, sans-serif;
color: #330099;
}

.couk {
font-size: 60%;
/*text-align: right;
font-family: arial, sans-serif;
color: #330099;
*/
}

/* past pictures at the bottom of invite */
.pastpics
{
float:right;
clear: right;
/*margin-top: 2px;*/
}

.footer
{
clear: both;
margin-left: 20%;
margin-right:20%;
text-align: center;
}


p.tagline {
font-size: 150%;
font-style: italic;
font-weight: bold;
line-height: 300%;
}

p.disclaimer {
font-size: 80%;
color: rgb(102, 102, 102);
}



/*

end style sheet

*/