/* css Bude Jive Club - 'Living to Jive', by Graham Tysall, http://www.budejiveclub.co.uk */

/* All associated graphics copyright 2009, Graham Tysall */

/* Added: Febuary 11th, 2009 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
/*------------------------------------------------------

G L O B A L  E L E M E N T S

------------------------------------------------------*/
* {margin: 0;padding: 0;}

body {
	/*background: transparent url(images/background.gif) repeat-y top center;*/
	background-color: #000;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 100%;
	color: #000000;
}


/*------------------------------------------------------
C O N T A I N E R
------------------------------------------------------*/

div#container {
	width: 980px;
	height: 1300px;
	margin: 0 auto;
	/*background: transparent url(images/bude-design-final.png) top center;*/
	/*border: 1px #ff0000 solid;	*/
	color: #FFF;
}

h1.branding {text-indent:-9999px;padding:0 0 10px 0;}

p.branding {text-indent:-9999px;padding:0 0 10px 0;}

div.w3c {
	font-size: 0.7em;
	font-weight: bold;
	float: left;	
}

div.w3c img { border:0;width:68px;height:22px;}

ul#navigation {
	/*border: 1px green solid;*/
	font-weight: bold;
	list-style-type: none;
	padding: 1.25em 2.0em 0.25em 0pt;
	text-align: right;
	text-transform: uppercase;
}

ul#navigation li {
	display:inline;
	padding-left:1em;
	color: #fff;
}

ul#navigation a:link, ul#navigation a:visited, ul#navigationa:hover {
	color: #FFF;	
	text-decoration: none;
	font-size: 110%;
}

a:link, a:visited, a:hover {
	color: #FF9C0F;	
	text-decoration: none;
	font-size: 90%;
}
a:hover {
	color: #f5f;
}

div#main {
	margin-top: 270px;
	margin-left: 2em;
	float: left;
	width: 605px;
}

div#main p { color: #CCC;}

div#events {
	margin-top: 270px;
	float: right;
	width: 228px;
}

div#links {
	margin-top: 498px;
	float: right;
	width: 228px;
}

div#top {
	background: transparent url(images/head-slice.gif) top center;
	margin-top: 0;
	width: 980px;
	height: 353px;
}

div#middle-left {
	background: transparent url(images/midleft-slice.gif) top center;
	margin-top: 0;
	float: left;
	width: 564px;
	height: 674px;
	padding-left: 20px;
	padding-right: 20px;
}

div#middle-left h2 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.75em;
	padding-bottom: 1.0em;
	color: #FFF;
	letter-spacing: -1px;

}

div#middle-left h3 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.5;
	color: #FFF;
	letter-spacing: -1px;
}

div#middle-left h4 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.5;
	color: #FFF;
	letter-spacing: -1px;
}

div#middle-left h5 {
	font-size: 0.9em;
	line-height: 1.5;
	color: #FFF;
}

div#middle-left p {
	font-size: 1.1em;
	line-height: 1.2;
	padding-bottom: 1.0em;
	color: #FFF;
}

div#note p {
	font-style: italic;
	color: LightSteelBlue;
}

div#info-block p {
	font-weight: bold;
	
}

div#middle-left img{
	display: block;
	background-position: center;
}

div#middle-right {
	background: transparent url(images/midright-slice.gif) top center;
	margin-top: 0;
	float: right;
	width: 356px;
	height: 674px;
	padding-left: 10px;
	padding-right: 10px;
}

div#middle-right-club {
	background: transparent url(images/midright-slice.gif) top center;
	margin-top: 0;
	float: right;
	width: 342px;
	height: 674px;
	padding-left: 10px;
	padding-right: 24px;
}

div#middle-right h2 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.75em;
	padding-bottom: 1.0em;
	color: #FFF;
	letter-spacing: -1px;

}

div#middle-right h3 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.5;
	color: #FFF;
	letter-spacing: -1px;
}

div#middle-right h4 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.0em;
	line-height: 1.5;
	color: #eeff11;
	letter-spacing: -1px;
}

div#dance-move {
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.5;
	color: #eeff11;
}

div#middle-right h5 {
	font-size: 0.9em;
	line-height: 1.2;
	font-style: italic;
	color: #7D7588;
}

div#middle-right p {
	font-size: 0.8em;
	color: #eeff11;
}

div#middle-right table {
	font-size: 1.0em;
}

div#middle-right-club h3 {
	font-family: "MS Georgia", Garamond, Bodoni, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.5;
	color: #FFF;
}

div#middle-right-club p {
	padding-bottom: 1.0em;
	font-size: 1.0em;
	color: #eeff11;
}

div#middle-right-club ul {
	font-size: 1.0em;
	line-height: 1.5;
	text-align: left;
	list-style-type: none;
}


div#middle-right-club li {
	padding-bottom: 0.5em;
	color: #E2E5EA;
}

div#middle-right td {
	font-size: 0.75em;
	line-height: 1.2;
	color: #eeff11;
}

div#middle-right-club img{
	display: block;
	background-position: center;
	width:80%;
}

div#gallery {
	clear: both;
	background: transparent url(images/gallery-slice.gif) top center;
	margin-top: 0;
	width: 974px;
	height: 172px;
	padding-left: 3px;
	padding-right: 3px;
}

div#gallery p {
	font-size:1.4;
	color: #FFF;
}

div#gallery img {
	float: left;
	margin: 10px;
	width: 144px;
	height: 108px;
	border: #fff medium double;
}

div#footer {
	/*border: 1px dashed blue;*/
	background: transparent url(images/footer-slice.gif) top center;
	margin-top: 0;
	padding-top: 0.5em;
	padding-left: 3px;
	padding-right: 3px;
	width:869px;
	text-align:right;
	color: #FBF8F1;
	font-size: 80%;
	width: 980px;
	height: 100px;
}

div#footer p {border-top: 1px solid #8C0301;line-height: 1.3;}

div#diary_old {
	background: transparent url(images/bude-main-left.gif) top;
	margin-top: 0;
	float: left;
	width: 565px;
	height: 674px;
	padding-left: 20px;
	padding-right: 20px;
}

div#diary {
	background: transparent url(images/middle-slice.gif) top center;
	margin-top: 0;
	float: left;
	width: 940px;
	height: 674px;
	padding-left: 20px;
	padding-right: 20px;
}

div#diary h3 {
	font-size:1.2em;
	line-height: 2.0;
	color: #FFF;
}

div#diary p {
	font-size:1.1em;
	line-height: 2.0;
	color: #FFF;
}

div#diary h5 {
	font-size:0.8em;
	line-height: 1.5;
	color: #FFF;
}

div#diary table {
	border-spacing: 1px;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 10px 50px
}

div#diary th {
	font-size:0.8em;
	line-height: 1.8;
	color: #eeff11;
	border: solid thin rgb(125, 117, 136);
}

div#diary td {
	font-size:0.8em;
	line-height: 1.6;
	color: #eeff11;
	border: solid thin rgb(125, 117, 136);
}

.col_width1 {width: 15%;text-align:left;padding-left: 1%;padding-right: 1%;}
.col_width2 {width: 8%;text-align: center;padding-left: 1%;padding-right: 1%;}
.col_width3 {width: 30%;text-align: left;padding-left: 1%;padding-right: 1%;}
.col_width4 {text-align: left;padding-left: 1%;padding-right: 1%;}