/*

Douglas Radburn

Some guidelines to follow:
1. Break code down into sections.
2. Keep your rules related.
3. Only put one selector per line for a block of rules that apply to multiple selectors.
4. Indent your rules, only one rule per line.
5. Indent proprietary properties with a single tab. Keep these properties directly below the proposed property.
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html {
		margin:0;
		padding:0;
		color: #000;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		font-size:72.5%;
		background:url(images/background.jpg) top left repeat;
	}
	
	body{
		text-align:left;
		position:relative;
	}

	a{
		text-decoration:underline;
		color:#6c9c9c;
	}

		a:hover{
			text-decoration:none;
		}

	/* MISC */

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}

	.clearfix {display:block;}

	img a {
		border:none;
	}
	
	.floatLeft{float:left;}
	.floatRight{float:right;}

	strong{
		font-weight:bold;
	}

	#wpstats{
		display:none;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.container{
		width:920px;
		margin:0 auto;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TYPOGRAPHY ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#787878;
		margin:40px 0 15px 0;
		text-shadow: 2px 2px 2px #fff;
		padding:10px 0 0 0;
		text-align:center;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INNER HEADER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#logo{
			width:416px;
			margin:0 auto 50px auto;
		}
		
			#logo a{
				display:block;
				background:url(images/logo.png) top left no-repeat;
				width:416px;
				height:104px;
				text-indent:-3000em;
				overflow:hidden;
			}
			
				#logo a:hover{
					background-position:bottom left;
				}
				
				
		#phillip_logo{
			width:416px;
			margin:0 auto 20px auto;
		}
		
			#phillip_logo a{
				display:block;
				background:url(images/phillip_logo.png) top left no-repeat;
				width:416px;
				height:52px;
				text-indent:-3000em;
				overflow:hidden;
			}
			
				#phillip_logo a:hover{
					background-position:bottom left;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN MENU ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#content{
		float:left;
		width:100%;
	}