/* @override http://localhost:8888/global/styles/GlobalScreen.css */

/* Harrison Chiropractic Global screen styles */

/*
	 When overriding the following 'global' styles with LocalScreen.css styles, keep in mind the cascading
	 precedence rules:
	 
	 Step 1:
		a. Count the number of ID attributes in the selector
		b. Count the number of CLASS attributes in the selector
		c. Count the number of HTML tag names in the selector
		
	 Step 2:
	 	Write the three numbers in exact order with no spaces or commas to obtain a three digit number.
	 	(Note, you may need to convert the numbers to a larger base to end up with three digits.)
	 	The final list of numbers corresponding to selectors will easily determine specificity with
	 	the higher numbers winning out over lower numbers. Following is a list of selectors sorted by specificity:

			#id1         {xxx} /* a=1 b=0 c=0 --> specificity = 100
			UL UL LI.red {xxx} /* a=0 b=1 c=3 --> specificity = 013
			LI.red       {xxx} /* a=0 b=1 c=1 --> specificity = 011
			LI           {xxx} /* a=0 b=0 c=1 --> specificity = 001
*/

/* @group Base Formatting */

body {
	color: #3f3f3f;
	font: 13px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	min-width: 850px;
}

#content {
	position: relative;
	margin: auto;
	width: 850px;
}

.centred {
	text-align: center;
}

/* Style all links */

a {
	color: #1b65c9;
	text-decoration: none;
}

a:hover {
	color: #6c98fc;
}

a:active {
	color: #7f7f7f;
}

ul {
	padding-left: 30px;
}

/* Style all navigation links								
	(I use un-ordered lists for navigation)	*/

ul li a {
	color: #7f7f7f;
	text-decoration: none;
	text-transform: uppercase;
}

ul li a:hover {
	color: #3f3f3f;
}

ul li a:active {
	color: #000;
/*	color: #386597;	*/
}

ul li.current a {
	color: #000;
}

/* @end Base Formatting */

/* @group Header */

#hcHeader {
	height: 200px;
	background: url(../images/header.png) repeat-x;
	position: relative;
}

#hcBanner {
	height: 165px;
	position: relative;
	top: 12px;
}

#hcSpecialties {
	position: relative;
	margin-left: 40px;
}

#hcAddress {
	float: right;
	margin-top: 68px;
}

.hcHeaderContent {
	width: 850px;
	display: block;
	margin: auto;
}

/* Style navigation */

#navbar {
	position: relative;
	bottom: 0;	
	left: 0;
	right: 0;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-color: #87b1cc;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #3087d9;
}

/* Style navigation list */

#navbar ul {
	padding: 0;
}

/* Style all navigation list items */

#navbar li {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
}

/* ...but the first item doesn't want left padding. */

#navbar li:first-child {
	padding-left: 0;
}

/* Style navigation links */

#navbar ul li a {
	color: #a7dcfd;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 10px 5px;
}

#navbar ul li a:hover {
	color: #fff;
}

#navbar ul li a:active {
	color: #5da0c9;
}

#navbar.homeNav #homeNav a,
#navbar.philosophyNav #philosophyNav a,
#navbar.chiropracticNav #chiropracticNav a,
#navbar.faqNav #faqNav a,
#navbar.askNav #askNav a,
#navbar.blogNav #blogNav a,
#navbar.bookNav #bookNav a,
#navbar.exercisesNav #exercisesNav a {
	color: #fff;
	background-color: #1b4d7a;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* @end group Header */

/* @group Footer */

#footer {
	color: #666;
	font-size: 11px;

	margin-top: 28px;
	padding-bottom: 28px;
	
	clear: both;
}

/* @end group Footer */