@charset "utf-8";
@import url("jquery.lightbox-0.5.css"); /* Photo lightbox */

html,
body

{
	background: #4c2373 url('images/bg.jpg') repeat fixed; /* OR #dadbd0 beige */
	behavior: url('scripts/csshover.htc'); /* call hover behaviour file */
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	text-align: center; /* IE6 */
	cursor: default;
}

#container

{
	background: transparent url('images/.gif') no-repeat bottom left;
	width: 950px;
	height: auto;
	
	position: relative;
	top: 20px;
	
	text-align: center;
	overflow: hidden;
	
	margin: 0 auto;
}

#masthead

{
	background: transparent url('images/.gif') no-repeat; /* X / Y */

	height: 100px;
	width: 970px;
	
	position: relative; /* Allows home link to be positioned absolutely */
}

#masthead a#title-link:link,
#masthead a#title-link:visited

{
	background: transparent url('images/masthead.png') no-repeat left top; /* Off state */

	position: absolute;
	top: 0;
	left: 0;
	
	text-indent: -999em;
	z-index: 2; /* Keeps it above the skip navigation link */

	height: 100px; /* Height is linked to height of logo graphic */
	width: 300px;
	
	display: block;
}

#masthead a#title-link:hover,
#masthead a#title-link:active,
#masthead a#title-link:focus

{
	background: transparent url('images/masthead.png') no-repeat 0 bottom; /* Rollover */
}

#masthead h1,
#masthead h2

{
	text-indent: -999em;
	margin: 0;
}

#masthead a#skip-nav /* Skips navigation for screen readers */

{
	float: left;
	text-indent: -999em;
}

/*
	NAVIGATION
*/

#nav

{
	width: 950px;
	height: 45px;
	
	white-space: nowrap;
	position: relative;
}

#yellow-bar

{
	background: #fdc43f;
	
	height: 6px;
	width: 970px;
	overflow: hidden; /* Ie6 */

	float: left;
}

#nav li

{
	float: left;
	margin-right: 5px; /* Space between tabs */
}

#nav li.first

{
	margin-left: 30px;
	display: inline; /* IE6 */
}

#nav a:link,
#nav a:visited

{
	background: #5d2c8b url('images/nav_gradient.png') repeat-x top;
	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;	
	
	font: normal 1em/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b5b5b5;	/* Grey text */
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 1px;

	float: left;
	
	height: 29px; /* True height 39px */
	width: auto;

	padding: 0 17px;
	padding-top: 10px;
	padding-right: 2em;
}

#nav a:hover,
#nav a:active,
#nav a:focus

{
	background: #7136a8 url('images/nav_gradient.png') repeat-x center; /* Brighter Purple */
	color: #fff;
}

#home li.menu-home a:link,
#home li.menu-home a:visited,

#about li.menu-about a:link,
#about li.menu-about a:visited,

#portfolio li.menu-portfolio a:link,
#portfolio li.menu-portfolio a:visited,

#contact li.menu-contact a:link,
#contact li.menu-contact a:visited

{
	background: #fdc43f url('images/nav_gradient.png') repeat-x bottom; /* Yellow */
	cursor: default;
	color: #000;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

#home li.menu-home a,
#about li.menu-about a,
#portfolio li.menu-portfolio a,
#contact li.menu-contact a,

{
	background: #fdc43f; /* Yellow */
    color: #000;
	cursor: default;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-top-right: 10px;
	-webkit-border-top-right-radius: 10px;
}

#nav sup

{
	position: relative;
	top: -5px;
	
	font-size: 70%;
}

#container .display a:link,
#container .display a:visited

{
	text-decoration: none;
	display: block;
}

ul.contact-details

{

	font: bold 1em/40px "Trebuchet MS", Arial, sans-serif;
	color: #5d2c8b;
	
	width: 270px;
	height: 50px;
	overflow: hidden;
	
	position: absolute;
	top: 85px;
	right: 0;
	
	z-index: 5;
	
	text-align: right;
	padding-right: 30px;
}

#masthead ul.contact-details li

{
	background: transparent;

	width: 100%;
	line-height: 25px;
	height: 25px;
	text-align: left;
}

#masthead ul.contact-details li a:link,
#masthead ul.contact-details li a:visited

{	
	color: #5d2c8b; /* Purple */
	font-weight: bold;
	letter-spacing: 0;

	text-decoration: none;
}

#masthead ul.contact-details li a:hover,
#masthead ul.contact-details li a:active,
#masthead ul.contact-details li a:focus

{
	background: transparent;
	color: #fdc43f;
}

.shadow /* Mozzila only */ /* Navigation shadow */

{
	background: url('images/display_shadow.png') repeat-x;
	
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	
	height: 7px;
	width: 950px;
}

.reverse-shadow

{
	top: 393px; /* Aligns to bottom of display div */
	
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
}

/*
	HEADER
*/

.display /* Main graphic frame */

{
	background: #000;

	width: 950px;
	height: 400px; /* Web display */
	overflow: hidden;
	
	float: left;
	position: relative; /* Allows project cycle link positioning */
}

.slideshow

{
	width: 950px;
	height: 400px;
	overflow: hidden;
	float: left;
}	

#contact .display /* Corrects displacement caused by footer shadow */

{
	height: 400px;
}

.view-port

{
	width: 950px;
	height: 400px;
	overflow: hidden;
}

.view-port img

{
	float: left; /* Prevents additional space appearing after <IMG>s */
}

.display #floating-menu

{
	width: 900px;
	height: 400px;
	
	position: relative;
	z-index: 1;
}

.display .link-holder

{	
	width: 910px;
	height: 320px;
	
	overflow: hidden;
	z-index: 3;
	
	position: absolute;
	top: 40px;
	left: 20px;
}

.display .col /* Portfolio page columns */

{	
	width: 212px;
	height: auto;
	
	margin-right: 20px;
}

.display .link-holder .end

{
	margin: 0;
}

.display .link-holder a:link,
.display .link-holder a:visited

{
	background: transparent url('images/transparency.gif') repeat; /* Ensures block behaviour in IE6 */
	
	font: normal 0.8em/160% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fdc43f;
	text-decoration: none;
	
	position: relative; /* Stops the weird stray characters IE 6 bug */
	
	display: block;
	width: 198px;
	padding: 2px 5px;

}

.display .link-holder a:hover,
.display .link-holder a:active,
.display .link-holder a:focus

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x; /* Ensures block behaviour in IE6 */
	color: #eee;
	padding: 2px 5px;
}

.display .link-holder .col h2 /* Portfolio page */

{
	background: #fdc43f;
	color: #333;
	font-family: "Century Gothic", "Trebuchet MS", Georgia, Times, "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	
	width: 198px;
	
	-moz-box-shadow: 2px 2px 3px #351952;
	-webkit-box-shadow: 2px 2px 3px #351952;
	box-shadow: 2px 2px 3px #351952;

	margin: 0 0 10px 0;
	padding: 3px 5px;
}

.display a#scroll-up:link, /* Common attributes */
.display a#scroll-up:visited,

.display a#scroll-down:link,
.display a#scroll-down:visited

{
	background: transparent url('images/transparency_block.gif') repeat;
	
	font: normal 0.8em/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	text-indent: -999em;
	cursor: default;
		
	width: 950px;
	height: 40px;
	
	display: block;
	z-index: 1;

	position: absolute;
	bottom: 0;
	left: 0;
}

.display a#scroll-up:link,
.display a#scroll-up:visited

{
	background: url('images/up_arrow.gif') no-repeat center center;
	filter: alpha(opacity=25);
	opacity: 0.25;
	top: 0;
	z-index: 3;
}

.display a#scroll-down:link,
.display a#scroll-down:visited

{
	background: url('images/down_arrow.gif') no-repeat center center;
	filter: alpha(opacity=25);
	opacity: 0.25;
	
	bottom: 0;
}

.display a#scroll-up:hover,
.display a#scroll-up:active,
.display a#scroll-up:focus

{
	background: url('images/up_arrow.gif') no-repeat center center;
	filter: alpha(opacity=100);
	opacity: 1;
}

.display a#scroll-down:hover,
.display a#scroll-down:active,
.display a#scroll-down:focus

{
	background: url('images/down_arrow.gif') no-repeat center center;
	filter: alpha(opacity=100);
	opacity: 1;
}

.display a.next:link, /* Common attributes */
.display a.next:visited,
.display a.previous:link,
.display a.previous:visited,
.display a.end:link,
.display a.end:visited

{
	position: absolute;
	top: 0;
	
	width: 300px;
	height: 100%;
	
	filter: alpha(opacity=0);
	opacity: 0;
	text-indent: -999em;
	z-index: 2;
}

.display a.previous:link,
.display a.previous:visited

{
	background: url('images/left_arrow.gif') no-repeat 50% 50%; /* Position X / Y */
	left: 0;
}

.display a.previous:hover,
.display a.previous:active,
.display a.previous:focus

{
	background: url('images/left_arrow.gif') no-repeat 50% 50%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.display a.next:link,
.display a.next:visited

{
	background: url('images/right_arrow.gif') no-repeat 50% 50%;
	right: 0;
}

.display a.next:hover,
.display a.next:active,
.display a.next:focus

{
	background: url('images/right_arrow.gif') no-repeat 50% 50%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.display a.end:link,
.display a.end:visited

{
	background: url('images/end_label.png') no-repeat 50% 100%;
	right: 0;
}

.display a.end:hover,
.display a.end:active,
.display a.end:focus

{
	background: url('images/end_label.png') no-repeat 50% 100%;
	filter: alpha('opacity=100');
	opacity: 1;
}

/*
	CONTENT
*/

.project-info

{
	background: #4e2575 url('images/grain_bg.png') repeat;
	
	overflow: hidden;
	
	position: relative;
	
	width: 910px;
	height: auto;

	padding: 50px 20px 20px 20px;
}

.grain

{
	background: #4e2575 url('images/grain_bg.png') repeat;
}

.project-info-gradient

{
	background: #3b1c59 url('images/info_gradient.gif') repeat-x top;
	
	width: 950px;
	height: 300px;
	
	position: absolute;
	bottom: 0;
	left: 0;
}

.long

{
	height: 1000px;
}

.short /* Contact page for example */

{
	background: #4e2575; /* Purple - No background gradient */
}

h1#project-title /* Project titles */

{
	color: #fdc43f;

	text-transform: capitalize;
	text-align: left;
	
	font: normal 2.4em/130% 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	letter-spacing: -2px;
	
	width: 890px;
	min-height: 27px;
	float: left;
	display: inline;

	margin: 20px auto 30px 10px;
	border-bottom: 5px solid #5d2c8b;
}

/*
	FRONT PAGE
*/

.news h2,
.news h3

{	
	font: italic bold 2em/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: -2px;
	color: #9500db;
	
	margin-bottom: 10px;
}

ul.inline

{
	padding: 10px 20px 0 20px;
}

.content ul.inline li

{
	list-style-type: disc;
	list-style-position: outside;
	font-size: 0.8em;
	color: #ccc;
	
	margin-bottom: 5px;
	margin-left: 1.5em;
}

.col .content p

{	
	color: #dbdbdb;
	font-size: 0.8em;
	margin: 0.2em 0 1em 0;
}

.content img

{
	margin: 0 auto;	
	display: block;
}

.col-main-content .news p

{
	font-size: 1em;
	line-height: 140%;
}

.comments p

{
	font-style: italic;
}

div.news-item:hover h2,
div.news-item:hover p,
div.news-item:hover h2 span.date,
div.news-item:hover span.caption

{
	color: #fff;
}

div.news-item

{
	width: 430px;
	border-bottom: 2px solid #5d2c8b;
	margin-bottom: 1em;
	float: left;
}

.project-info hr /* Used to divide posts */

{
	background: #5d2c8b;
	color: #5d2c8b;
	border: 0;
	
	display: block;
	float: left;
	
	width: 100%;
	height: 2px;
	
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

.project-info .col h2 span.date

{
	font: bold 40%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #dbdbdb;
	letter-spacing: normal;

	display: block;

	padding: 5px 10px 10px 0;
}

span.date sup

{
	font-size: 80%;
	text-transform: lowercase;
	position: relative;
	top: -3px;
}

.news h2 a:hover,
.news h2 a:active,
.news h2 a:focus

{
	color: #fff;
}

a#hello:link,
a#hello:visited

{
	background: url('images/hello.png') no-repeat top;
	float: left;
	position: relative;
	top: -8px;
	width: 168px;
	height: 122px;
	border: 0;
}

a#hello:hover, 
a#hello:active, 
a#hello:focus

{
	background: url('images/hello.png') no-repeat bottom;
}

#home-page h2.contact-heading /* Index page only */

{		
	width: 100%;
	height: auto;

	float: left;

	margin-top: 0.5em;
	padding: 20px 0;
}

.col ol.contact-details

{
	float: left;
}

.col ol.contact-details li

{
	font: normal 0.8em/130% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fdc43f;
	text-indent: 10px;
	margin: 5px 0;
}

.project-info span.small

{
	font-size: 70%;
	vertical-align: middle; /* Only works in IE? */
}

.project-info em.name

{
	color: #ccc;
	font-style: normal;
	text-transform: capitalize;
	display: block;
	margin-top: 10px;
}

.project-info a:link,
.project-info a:visited

{
	font-weight: normal;
	color: #fdc43f; /* Orange */
	text-decoration: none;
	border-bottom: 1px solid #5d2c8b; /* Bright purple */
}

.project-info a:hover,
.project-info a:active,
.project-info a:focus

{
	color: #fff;
	border-color: #9500db;
}

.project-info a.graphic:link, /* IE6 */
.project-info a.graphic:visited

{
	border: 0;
}

.project-info .col .content

{
	overflow: hidden;

	padding: 10px;
}

.project-info #flash-bite

{
	background: #fdc43f; /* Orange */
	
	width: 290px;
	height: 218px;
	
	margin-top: 50px;
	padding: 0;
}

/*
	LINKS LISTS
*/

.project-info .links-list li a

{
	background: url('images/transparency.gif') repeat; /* IE6 hit area */
	font-size: 80%;
	
	cursor: pointer;
	display: block;
	width: 170px;
	float: left; /* IE6 */
	
	padding: 2px 10px;
}

.project-info .links-list a:hover,
.project-info .links-list a:active,
.project-info .links-list a:focus

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x top;
	color: #fff;
	border-color: #7036a7; /* Lighter bottom edge */
}

.links-list h4

{
	background: #fdc43f; /* Yellow */
	color: #000;
	
	font-family: 'Century Gothic Bold';
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	
	-moz-box-shadow: 2px 2px 3px #351952;
	-webkit-box-shadow: 2px 2px 3px #351952;
	box-shadow: 2px 2px 3px #351952;
	
	float: left;
	margin: 0 0 0.5em 0;
	padding: 3px 10px;
}

.links-list ul

{
	margin-bottom: 1.5em;
	float: left;
}

/*
	TWEETS
*/

#tweets li

{
	margin-bottom: 1em;
	font-size: 0.8em;
}

#tweets small

{
	display: block;
	color: #fff;
	text-align: right;
	display: none;
}

.col

{	
	font: normal 1em/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ccc;

	width: 290px; /* This controls multiple pages, leave alone! */
	height: auto;
	overflow: hidden;
	
	position: relative;
	float: left;
	z-index: 3;

	margin-right: 20px;
}

.col-short /* Short 210px width cols */

{

	width: 210px;
	overflow: hidden;
}

.end /* Last column */

{
	margin-right: 0;
}

.col-main-content /* override */

{
	width: 450px;
}

.col-main-content img

{
	margin: 0 auto;
	display: block;
}

.col-main-content a:hover img,
.col-main-content a:active img,
.col-main-content a:focus img 

{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.col-main-content .inline-gallery /* Currently used for Goose Fair photos! */

{
	width: 430px;
	display: block;

	margin: 10px 0;
}

.col-main-content img

{
	margin: 10px auto;
	text-align: center;
}


.col-main-content .inline-gallery img

{
	margin: 0;
}

.col-main-content .inline-gallery-with-padding img /* Overrides the above class! */

{
	margin: 0 0 10px 0;
}

.col-main-content .inline-gallery img.left

{
	float: left;
	display: block;
}

.col-main-content .inline-gallery img.right

{
	float: right;
	display: block;
}

.col-profile p img 

{
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.col-profile

{
	float: left;
}

#portfolio h3

{
	margin-top: 20px;
}

h2.top, /* Top most posts only */
#portfolio h3.top

{
	margin: 0;
}

h2.who-heading

{
	background: url('images/who_heading.gif') no-repeat 155px 0px;
	text-indent: -999em;
	
	height: 25px;
}

h2.what-i-do-heading

{
	background: url('images/what_i_do_heading.gif') no-repeat;
	text-indent: -999em;
	
	height: 27px;
}

h2.contact-heading

{
	background: url('images/contact_heading.gif') no-repeat;
	text-indent: -999em;
	
	height: 25px;
}

#about .col-main p

{
	font: normal 1em/130% "Trebuchet MS";
}

h2#news-heading

{
	font: normal 2.4em/120% 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: -2px;
	color: #fdc43f; /* Orange */

	float: left;
	
	width: 100%;
	height: auto;
	
	margin-bottom: 1em;
	padding: 12px 0;
	
	border-bottom: 5px solid #5d2c8b;
}

#contact-details /* About page inline content */

{
	background: #5a2b87;
	margin: 20px 0;
	padding: 2em 3em;
	
	font-size: 0.8em;
	
	border-radius: 70px;
	-moz-border-radius: 70px;	
	-webkit-border-radius: 70px;
}

/*
	COLUMN BUTTONS
*/

ul.col-buttons,
ul.col-buttons li

{
	list-style: none;
	display: block;

	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}

ul.col-buttons

{
	margin: 1em 0;
	clear: both;
}

.col-buttons a

{
	border-radius: 5px;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
}

.col-buttons a:link,
.col-buttons a:visited

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x top; /* Allows image below to show through */

	width: 100%;
	height: 29px;
	
	display: block;
	
	text-indent: 10px;
	font-size: 1em;
	line-height: 29px;
}

.col-buttons a:hover,
.col-buttons a:active,
.col-buttons a:focus

{
	background: url('images/button_gradient.gif') repeat-x bottom;
}

#social-links

{	
	width: auto;
	height: 32px;
	float: left;
	text-align: left;
	padding: 0 10px;
	margin-top: 20px;
}

#social-links li

{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

#social-links a

{
	border: 0;
	margin-right: 2px;
}

/*
	CONTACT FORM
*/

div.contact-form
	
{
	background: transparent;
	overflow: hidden;
	
	width: 800px;
	height: 260px;
	
	float: left;
	
	position: relative;
	top: 30px;
	left: 70px;
	
	padding: 5px 7px 7px 5px;
	margin-top: 2em;
}

html > body div.contact-form /* Mozilla compatible browsers only */

{
	background: transparent url('images/transparent_form_shadow.png') no-repeat 0 0;
}

#contact-form

{	
	background: #eee;
	
	overflow: hidden;
	
	width: 800px;
	height: auto;
}

#contact-form fieldset

{
	width: 385px;
	height: 240px;
	
	float: left;
	overflow: hidden;
	
	border: 0;
	margin: 0;
	padding: 10px;
}

#contact-form fieldset.message-box

{
	padding-left: 0;
}

#contact-form label

{
	font: normal 0.8em/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	
	text-align: left;
	white-space: nowrap;

	width: 140px;
	height: 18px; /* + 2px border height */
	float: left;
	
	padding: 5px;
	padding-left: 0;
}

#contact-form label.name,
#contact-form label.email

{
	font-weight: bold;
}

#contact-form input

{
	background: #fff url('images/input_background.gif') repeat-x top;

	font-size: 0.8em;
	color: #666;
	
	width: 225px;
	height: 16px;


	border: 1px solid #ccc;
	
	margin: 0;
	padding: 5px;
}

#contact-form textarea

{	
	background: #fff url('images/input_background.gif') repeat-x top;
	font: normal 0.8em/140% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #666;
	
	width: 343px;
	height: 200px;
	
	overflow: hidden;
	display: inline;
	float: left;
	
	border: 1px solid #ccc;

	margin: 0;
	padding: 20px;
}

#contact-form input:hover

{
	color: #5d2c8b; /* Purple */
	border-color: #999;
}

#contact-form textarea:hover

{
	border-color: #999;
}

#contact-form input:focus,
#contact-form textarea:focus

{
	color: #333;
	border-color: #666;
}

#contact-form ol

{
	margin: 0;
	padding: 0;
}

#contact-form li

{
	padding-bottom: 10px;
}

#contact-form li.end

{
	padding: 0;
}

#contact-form #button /* Send button */

{
	background: #ccc url('images/send_button.png') no-repeat top;
	
	color: #666;
	cursor: pointer;
	
	position: relative;
	top: 10px;
	left: 72px;
	
	width: 100px;
	height: auto;
	
	margin: 0;
	padding: 9px 0;
	border: 0;
}

#contact-form #button:hover,
#contact-form #button:focus

{
	background: #5d2c8b url('images/send_button.png') no-repeat bottom;
	color: #fff;
}

#contact-form #button:active

{
	color: #fff;
}

/*
	SITE MAP
*/

#site-map

{
	background: #3c1d5a;
	text-align: left;
	
	width: 890px;
	height: auto;
	overflow: hidden;

	clear: both;
	
	position: relative; /* Allows for the positioning of absolute elements */
	
	padding: 20px 30px;
}

#site-map ul li ul

{
	padding-left: 1.5em;
}

#site-map h1, /* Common variables */
#site-map h2,
#site-map h3,
#site-map h4

{
	vertical-align: middle;
	font-weight: bold;
	color: #e7e7e7;
	margin: 0;
}

#site-map h1

{
	font: normal 2.4em/130% 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fdc43f; /* Yellow */
	text-transform: lowercase;
	margin-bottom: 1em;
	border-bottom: 5px solid #5d2c8b;
}

#site-map a:link,
#site-map a:visited

{
	background: url('images/transparency.gif') repeat;
	
	font-size: 0.8em;
	color: #ccc;
	text-decoration: none;
	text-indent: 5px;

	display: block;
	width: 100%;
	
	padding: 4px 0;
	
	border-bottom: 1px solid #5d2c8b; /* Light purple */
}

#site-map a:hover,
#site-map a:active,
#site-map a:focus

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x top;
	color: #fff;
	
	padding: 4px 0;
}

/*
	FOOTER
*/

.footer-shadow /* Displayed outside footer class */

{
	background: #4e2575 url('images/footer_shadow.png') repeat-x;
	color: #fff;
	
	width: 950px; /* 10% Extra for IE */
	height: 10px;
	overflow: hidden;
	float: left;
}

.shadow-footer /* Mozzila only */ /* Contact page footer shadow */

{
	background: url('images/display_shadow.png') repeat-x;
	
	-moz-transform:  rotate(180deg);
	-webkit-transform:  rotate(180deg);
	float: left;
	
	position: absolute;
	bottom: 0;
	left: 0;
	
	height: 7px;
	width: 950px;
}

.footer

{
	background: #4e2575 url('images/footer_gradient.png') repeat-x bottom;
	
	font: normal 0.8em "Trebuchet MS", Arial, Helvetica, Sans-serif;
	color: #ccc;
	
	width: 890px; /* 950px */
	height: 137px;
	
	overflow: hidden;
	clear: both;
	position: relative;
	
	padding: 30px;
		
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.footer li.map

{
	margin-top: 10px;
}

.footer .footer-info

{
	text-align: left;
	float: left;
}

.footer ol.address

{	
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: 1px;
	margin-top: 10px;
}

em.map-underline

{
	border-bottom: 1px solid #5d2c8b;
	font-style: normal;
}

.footer .footer-links

{
	float: right;
}

.footer .footer-links ul,
.footer .footer-links li

{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .footer-links li

{
	display: inline;
}

.footer .footer-links a:link,
.footer .footer-links a:visited

{
	line-height: 100%;
	padding-left: 5px;
	padding-right: 10px;
	
	border-right: 1px solid #999;

}

.footer .footer-links li.end a:link,
.footer .footer-links li.end a:visited

{
	border: 0;
}

.footer .footer-links a:link span,
.footer .footer-links a:visited span

{
	border-bottom: 1px solid #5d2c8b;
	display: inline;
}

.footer a:link,
.footer a:visited

{
	color: #ccc;
	text-decoration: none;
}

.footer a:hover,
.footer a:active,
.footer a:focus

{
	color: #fff;
}

/*
	META
*/

ul.meta

{
	margin-top: 1em;
	float: left;
}

ul.meta li

{
	display: inline;
}

ul.meta a:link,
ul.meta a:visited

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x top;
	color: #b5b5b5;	/* Grey text */
	
	font-size: 0.8em;
	
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	
	padding: 3px 10px;
	margin-right: 10px;
}

ul.meta a:hover,
ul.meta a:active,
ul.meta a:focus

{
	background: #5d2c8b url('images/button_gradient.gif') repeat-x bottom;
	color: #fff;
}

.copyright

{
	font: bold 0.8em/130% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #5d2c8b; /* Base Purple */
	text-align: center;

	margin-top: 20px;
	padding: 20px;
}

/* Custom Display backgrounds and colours - overide default classes */

.home-bake

{
	background: url('images/wood.jpg') no-repeat;
}

.omni

{
	background: url('images/omni_header.jpg') no-repeat;
}

.light-grey

{
	background: #fff;
}

.dark-purple

{
	background: #3c1d5a;
}

.clouds

{
	background: #fff url('images/clouds_header.jpg') no-repeat 0 0;
}

.grass

{
	background: #a2b700 /* Grass green */ url('images/grass_header.jpg') no-repeat 0 0;
}

.white

{
	background: #fff;
}

.black

{
	background: #000;
}


/* Kinky Kitten Bar and Lounge Project links */

a.kinky-kitten,
a.kinky-kitten:link,
a.kinky-kitten:visited

{		
	width: 188px;
	height: 188px;
	
	background: transparent url('images/transparency.gif') repeat; /* Required for IE hit area */

	position: absolute;
	z-index: 3;
}

.guitar

{
	top: 22px;
	left: 23px;
}

.girl

{
	top: 191px;
	left: 173px;
}

.piano

{
	top: 22px;
	left: 326px;
}

.sam

{
	top: 191px;
	left: 476px;
}

/*
	GLOBAL PROPERTIES
*/

.center

{
	text-align: center;
}

img /* ALT descriptions */

{
	font: normal 1em/130% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
}

.caption

{
	color: #dbdbdb;
	font-size: x-small;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 10px;
	display: block;
}

em

{
	font-style: italic;
}

strong

{
	font-weight: bold;
}

a

{
	outline: none;
	text-decoration: none;
}

.block

{
	display: block;
	text-align: center;
	margin: 0 auto;
}

.preload,
.hide,
.hidden,
#hide,
#hidden

{ 
	display: none;
}