/* 
	############################# 

		Crotty
		
		This stylesheet defines typography 
		attributes for all browsers.
		
		Developer: Tate Johnson <tate@bottlebrush.net.au>
		Project Manager: Fabienne Rabiossi <fabienne@untanglemyweb.com>
		
		Last edit: 2008-06-05

	#############################
	
		Stylesheet Layout:
		
		- Default Settings
		- Hyperlinks
		- Container
			- Header
			- Navigation
			- Footer
			- Other
			
	#############################
*/

/* -------->>> Default Settings <<<-------- */

body {
	font: 100.01%/1.4 Arial, sans-serif;
	color: #444441;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	}
	
h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

small {
	font-size: 0.875em;
	}

acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
	letter-spacing: 1px;
	}
	
/* -------->>> Hyperlinks <<<-------- */

a:link, a:visited {
	text-decoration: underline;
	color: #a34a45;
	}

a:hover, a:active { 
	text-decoration: none;
	color: #f3158b;
	}

/* -------->>> Container <<<-------- */

#container {
	font-size: 0.9em;
}

	/* -------->>> Header <<<-------- */
	
	#header a {
		display: block;
		width: 789px;
		height: 194px;
		margin: 0 auto;
		background: url("../images/header-base.jpg") center top no-repeat;
	}
	
	/* -------->>> Navigation <<<-------- */
	
	#navigation li a {
		display: block;
		padding: 8px 10px;
		font-family: Georgia, serif;
		font-size: 1.2em;
		text-decoration: none;
		color: #fff;
	}
	
	/* -------->>> Content <<<-------- */
	
		/* -------->>> Image Gallery <<<-------- */
	
		#image-gallery li a img {
			margin: 0 10px 5px 0;
			padding: 3px;
			border: 1px solid #000;
			background: #8e89b2;
		}
	
		#image-gallery li a:hover img {
		}
	
		#paginator span {
			padding: 4px 7px;
			background: url("../images/nav-base-section.png") center center repeat-x;
			color: #fff;
		}
	
		#paginator a {
			padding: 4px 7px;
			background: url("../images/nav-base.png") center center repeat-x;
			color: #fff;
			text-decoration: none;
		}
	
		#paginator a:hover, #paginator a:active, #paginator a:focus {
			background: url("../images/nav-base-hover.png") center center repeat-x;
			color: #fff;
		}
	
	/* -------->>> Footer <<<-------- */	
	
	#footer {
		font-size: 0.9em;
		color: #000000;
	}
	
	#footer h3 {
		margin-bottom: 0.5em;
	}
	
	#footer p {
		margin: 0;
		padding: 0;
	}
	
	/* -------->>> Other <<<-------- */	
	
	#other {
		padding: 0.5em 5px;
		text-align: center;
		font-size: 0.75em;
		color: #a6a6a6;
	}
	
	#other a {
		color: #a6a6a6;
	}