/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: relative; left: 0px; top: 0px; z-index: 1; width: auto; height: auto; overflow: auto; 
	margin: 0px; border: 0px solid #FFFFFF; padding: 0px; background: #FFFFFF url("/images/spacer.gif") no-repeat left top;
	font: italic small-caps bold 0.6em/120% verdana, arial, helvetica, sans-serif; color: #000000; text-align: justify; text-decoration: none; 

	//	NB: 'font' shorthand properties above are as follows...
	// font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>
}
*/



/*///////////////////////////////////////////////////////
Hacked Styles
///////////////////////////////////////////////////////*/

/* 
This is done through JavaScript to avoid validation errors. 
Effectively, it reproduces the following code:
@import url("hacksJoyOf.css") screen; 
*/



/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*
html { 
	border: 1px solid #000000; 
}
*/
body {
	margin: 0px; padding: 0px; background: #F8F9FD url("/images/bgJoyMasthead.jpg") repeat-x 100% 21px; 
	font: 0.65em/1.4 verdana, arial, helvetica, sans-serif; color: #000000; 
}
a:link { 
	font-weight: bold; text-decoration: none; color: #000000; 
}
a:visited { 
	font-weight: bold; text-decoration: none; color: #000000; 
}
a:hover { 
	font-weight: bold; text-decoration: underline; color: #000000; 
}
a:active { 
	font-weight: bold; text-decoration: none; color: #000000; 
}

a img { border: none; }
a img:hover { border: none; }
a.img  { border: none; }
a.img:hover { border: none; }


abbr, acronym { 
	border-bottom: 1px dotted #FFFFFF; cursor: help;
}
caption { 
	font-weight: bold; 
}
form { 
	margin: 0px; padding: 0px;
}
h1 { 
	margin-bottom: 0.3em; font-size: 1.5em; 
}
h2 { 
	margin-bottom: 0.3em; padding-top: 1.3em; font-size: 1.3em;  
}
h3 { 
	margin-bottom: 0.3em; padding-top: 1.0em; font-size: 1.0em; text-transform: uppercase;
}
h4 { 
	margin-bottom: 0.3em; font-size: 1.0em; 
}
img { 
	display: inline; margin: 0px; border: none; padding: 0px;
}
input, select, textarea { 
	font: 0.6em verdana, arial, helvetica, sans-serif; font-size: 1.0em;
}
li { 
	margin-bottom: 0.2em; padding: 0px; 
}
p { 
	margin: 0px; margin-bottom: 1.4em; 
}
table { 
	font-size: 1.0em;
}
td { 
	background-color: transparent; vertical-align: top; 
}
th { 
	font-weight: bold; text-align: center; 
}
tr { 
	background-color: transparent; 
}
ul, ol { 
	margin-top: 0.4em; margin-bottom: 1.0em; list-style-position: outside; 
}



/*///////////////////////////////////////////////////////
ID and Class Styles
///////////////////////////////////////////////////////*/

#container {
	position: relative; background: transparent url("/images/bgJoy.jpg") no-repeat 100% 21px; 
}
#customise { 
	padding: 3px 6px; background-color: #ABB6A1;
	font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #270000; text-align: right; 
}
#customise a:hover {
	color: #F8F9FE; text-decoration: none; 
}
#customiseClosed {
	display: inline; 
}
#customiseOpened {
	display: none; 
}
#customiseOpened span {
	margin-right: 1.6em; text-align: left; 
}
#customiseOpened img {
}
#masthead {
	background: url("../images/siteTitleJoy.gif") no-repeat;	
}
#ahem {
	display: none; width: 480px; 
	margin: 1.0em; margin-bottom: 0px; border: 1px solid #270000; padding: 1.0em; background-color: #D8D9DE; 
}
#ahem img {
	display: inline; float: right; margin: 0em 0em 1.0em 1.0em; border: 1px solid #270000; 
}
#navigation {
	position: relative; float: left; margin: 0px; padding: 10px; background: none; 
}
#navigation ul {
	margin: 0px; padding: 0px; 
}
#navigation li {
	display: block; width: 100%; list-style-type: none;
}
#navigation a {
	color: #FFFFFF; font-weight: bold; text-decoration: none;
}
#navigation .navNumber { 
	width: 20px; text-align: center; 
}
#navigation .navTitle {
	width: 150px; padding-left: 6px; text-align: left; 
}
#navigation li.nav01 { border: 1px solid #270000; background-color: #270000; }
#navigation li.nav02 { border: 1px solid #393729; background-color: #393729; }
#navigation li.nav03 { border: 1px solid #661B06; background-color: #661B06; }
#navigation li.nav04 { border: 1px solid #675D36; background-color: #675D36; }
#navigation li.nav05 { border: 1px solid #CB8207; background-color: #CB8207; }
#navigation li.nav06 { border: 1px solid #D09418; background-color: #D09418; }
#navigation li.nav07 { border: 1px solid #5A6854; background-color: #5A6854; }
#navigation li.nav08 { border: 1px solid #6A8B63; background-color: #6A8B63; }
#navigation li.nav09 { border: 1px solid #858764; background-color: #858764; }
#navigation li.nav10 { border: 1px solid #E4B34F; background-color: #E4B34F; }
#navigation li.nav11 { border: 1px solid #8B9681; background-color: #8B9681; }
#navigation li.nav12 { border: 1px solid #ABB6A1; background-color: #ABB6A1; }


#navigation li.nav01over { border: 1px solid #270000; background-color: transparent; cursor: default; }
#navigation li.nav01over a { color: #270000; }
#navigation li.nav02over { border: 1px solid #393729; background-color: transparent; cursor: default; }
#navigation li.nav02over a { color: #393729; }
#navigation li.nav03over { border: 1px solid #661B06; background-color: transparent; cursor: default; }
#navigation li.nav03over a { color: #661B06; }
#navigation li.nav04over { border: 1px solid #675D36; background-color: transparent; cursor: default; }
#navigation li.nav04over a { color: #675D36; }
#navigation li.nav05over { border: 1px solid #CB8207; background-color: transparent; cursor: default; }
#navigation li.nav05over a { color: #CB8207; }
#navigation li.nav06over { border: 1px solid #D09418; background-color: transparent; cursor: default; }
#navigation li.nav06over a { color: #D09418; }
#navigation li.nav07over { border: 1px solid #5A6854; background-color: transparent; cursor: default; }
#navigation li.nav07over a { color: #5A6854; }
#navigation li.nav08over { border: 1px solid #6A8B63; background-color: transparent; cursor: default; }
#navigation li.nav08over a { color: #6A8B63; }
#navigation li.nav09over { border: 1px solid #858764; background-color: transparent; cursor: default; }
#navigation li.nav09over a { color: #858764; }
#navigation li.nav10over { border: 1px solid #E4B34F; background-color: transparent; cursor: default; }
#navigation li.nav10over a { color: #E4B34F; }
#navigation li.nav11over { border: 1px solid #8B9681; background-color: transparent; cursor: default; }
#navigation li.nav11over a { color: #8B9681; }
#navigation li.nav12over { border: 1px solid #ABB6A1; background-color: transparent; cursor: default; }
#navigation li.nav12over a { color: #ABB6A1; }


#albumdiv {
align: center;
width: 95%;
border: 1px dashed #D33508;
margin: 5px;
padding: 5px;
}

#content {
	position: relative; margin: 0px 180px 0px 210px; background: none;
}
#gigDate {
	position: relative; float: right; margin: 0px; padding: 10px; background: none; 
}
#gigDate .calendarBg { 
	border-color:#000000; border-style:solid; border-width:1px; width: 160px; 
}
#gigDate { 
	border-style: solid; border-width: 1px; border-color: #D09418; text-align: center; font-weight: bold; 
}
#wp-calendar {
	position: relative; float: right; margin: 0px; padding: 10px; background: none;
}
#wp-calendar table {
	width: 160px;
	text-align: center;
}
#wp-calendar #month {
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
#wp-calendar #title {
        border-top: solid 1px #ABB6A1;
        border-left: solid 1px #ABB6A1;
        border-right: solid 1px #ABB6A1;
}
#wp-calendar #monthtitle {
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	font: verdana, arial, helvetica, sans-serif;
        color: #000000;
	font-weight: bold;
	background-color: #ABB6A1;
	width: 160px;
}
#wp-calendar #monthtitle a {
        font-weight: bold;
        text-decoration: none;
        border: none;
}
#wp-calendar #monthtitle td {
	font-weight: bold;
        padding: 0px;
}
#wp-calendar #monthtitle td:hover {
	background: none;
}
#wp-calendar a.eventday {
        font-weight: bold;
        text-decoration: none;
        color: #8E160E;
        border-style: solid;
        border-width: 1px;
        border-color: #D09418;
        padding-left: 1px;
        padding-right: 1px;
}
#wp-calendar #month td {
        padding-left: 2.5px;
        padding-right: 2.5px;
}
#wp-calendar #month td:hover, #wp-calendar #today {
	background: #E4B34F;
}
#footer {
	display: block; clear: both; width: auto; 
	margin: 0px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; padding: 3px 12% 16px 12%; background-color: #ABB6A1; 
	color: #F8F9FE; text-align: center; 
}
#footer ul {
	display: block; margin-left: 10px; 
}
#footer ul li {
	display: inline; list-style-type: none; width: 1px; margin-right: 10px;
}
#footer a {
	font-weight: normal; 
}
#footer a:hover {
	font-weight: normal; color: #EBF6E1;
}
#validate {
	
}
#smartPussy {
	float: right; margin-top: -50px; margin-right: 10px; padding: 0px; text-align: right; 
}
dt { 
	display: inline; margin: 0px; padding: 0px; padding-right: 20px; color: #333333; font-weight: bold; text-transform: uppercase; 
}
dd.title { 
	display: inline; margin: 0px; padding: 0px; color: #333333; font-weight: bold; text-transform: uppercase; 
}
a.monthlisttitle {
	font-weight: bold;
	text-decoration: none;
	border: none;
}
#date {
	padding-top: 5px;
	padding-bottom: 5px;

}
dd.desc {
	display: block; margin: 0px; margin-bottom: 1.2em; padding: 0px; 
}