/* ! MAIN CSS STYLE PAGE FOR WWW.TOUCANS.NET */
/*   created January 2010, modified February 2010, v.1.0 */
/*   toucans.net/css_site calls reset.css, grail.css, nav.css, content.css & shortcuts.css in addition to calling this page */



/* ! TOP LEVEL STYLING */

html, body {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: .95em;
		background: url(/css_img/layout/lightferns90p.jpg) fixed repeat 0 0;
		background-color: #cfe2b0; /* this green is real close to lightferns */
}

body {}

/* general site line spacing */
h2, h3, p {line-height: 1.2em;}

/* turn off link styling */
a {text-decoration: none; color: inherit;}

#container .column {text-align: left;}

#left {}

#center {}

#right {}




/* ! ABSOLUTELY POSITIONED ELEMENTS */

/* absolutely positions cornerstripe in upper left corner */
#stripes {
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 72px;
	background: url(/css_img/layout/cornerstripe_med.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* places and styles the "years online/updated" text block */
#yeartext {
	width: 120px; 
	margin-bottom: 5px;
	position: absolute;
	top: 270px;
	left: 10px;
}

/* spaces the lines of yeartext */
#yeartext p {
	line-height: 1.2em;
}



/* ! HEADER STYLING */

/* styles header box */
#header {
	text-align: center;
	padding-top: .5em;
	/* pushes header left to center-align with main content */
	padding-right: 76px;
	/* puts badge in top left corner, under stripes */
 	background: url(/css_img/tacky/tacky_badge_175.gif) no-repeat 8px 8px;
}

/* styles the two header lines above the logo */
#header p {
	padding-top: .2em;
}

/* lights up the email address in the header */
#header p#taginfo a span:hover {
	color: red;
}

/* styles the main logo & pushes text offpage */
#header h3#logo {
	display: block;
	height: 139px;
	padding: .9em 0;
	background: url(/css_img/tacky/newcans2010_small.gif) no-repeat center;
	text-indent: -9999px;
}



/* ! MAIN CONTENT STYLING */

/* (See CONTENT.CSS) */



/* ! FAKE FOOTER STYLING */
/*   PLACED INSIDE CENTER DIV FOR NOW - IE7 DOESN'T CLEAR IT! */

/* styles fake footer */
#fake_footer {
	clear: both;
	text-align: center;
}

/* places fernbar above copyright */
#fake_footer p.fernbar {
	clear: both;
	text-indent: -9999px;
	width: 210px;
	height: 10px;
	background: url(/css_img/layout/fernbar_long_faded.gif) no-repeat 0 0;
	margin: 5px auto;
}

/* places copyright text */
#fake_footer p {
	padding: 1px 0;
}




/* ! LEFT COLUMN MENU STYLING */

/* place the left column box */
#menubox {
	margin-top: 105px; /* this number bumps left column contents up & down */
	margin-left: 5px;
}

/* styles the "Band Links!" text (no longer exists) */
#menubox h2 {
	width: 120px;
	padding-bottom: 8px;
}



/* ! LINK LEGEND STYLING */

/* styles the link_legend list box */
ul#link_legend {
	display: block;
	margin: 21px 5px 0 8px;
	font-size: .70em;
	line-height: 1.25em;
	color: #4c4c4c;
	font-style: italic;
	text-align: left;
	padding: 5px;
	border: 2px solid #4c4c4c;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #EDEEEE;

}

/* styles the individual legends */
ul#link_legend li#onsite_link {padding: 3px 0 7px 16px; background: url(/css_img/layout/onsite_link.gif) no-repeat -2px 2px;}
ul#link_legend li#offsite_link {padding: 0 0 7px 16px; background: url(/css_img/layout/offsite_link2.gif) no-repeat 1px 0px;}
ul#link_legend li#zoom_link {padding: 0 0 7px 16px; background: url(/css_img/layout/zoom_link.gif) no-repeat 0 0;}
ul#link_legend li#download_link {padding: 0 0 3px 16px; background: url(/css_img/layout/download_link.gif) no-repeat 0 0;}



/* ! QUICKBUTTON LIST STYLING */

/* positions the quickbutton ul */
ul#quickbuttonlist {
	margin-top: 21px;
}

/* styles the quickbutton box */
.quickbutton a {
	display: block;
	width: 100px;
	height: 30px;
	overflow: hidden;
	margin: 3px 0 4px 8px;
	border: 1px solid silver;
}

/* flips up to second image on hover */
.quickbutton a:hover img {margin-top: -30px;}




/* ! RIGHT COLUMN MENU STYLING */

/* places the right column box */
#linkbox {
	margin-top: 64px; /* this number bumps right column contents etc up & down */
}

/* styles the "Music Links!" title */
#linkbox h2 {
	padding-bottom: 19px;
}

/* styles the album tile boxes */
.tilebox {
	position: relative; /* IMPORTANT: allows pop-up spans to be positioned in relation to this element */
	margin-bottom: 5px;
	padding: 4px 0 15px 4px;
	border: 1px solid gray;
	border-right-color: #4c4c4c;
	border-bottom-color: #4c4c4c;
}

/* styles the box titles */
.tilebox p {
	line-height: .8em;
	padding: 0 0 4px 0;
}

/* hides the album pop-up text */
.tilebox a span {
	display: none;
}

/* places the thumbnails & sets up dropshadow borders */
.tilebox img {
	margin: 1px 0px;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
}

/* activates & places pop-up span text */
.tilebox a:hover span {
	position: absolute;
	display: block;
	left: 5px;
	bottom: 3px;
	color: #4c4c4c;
	font-size: .8em;
	font-style: italic;
}

/* ! FOOTER STYLING */