/* ------------------------------------

	@file:		screen.css
	@media:		screen, projector
	@copyright:	Sean Foushee
	@version:	0.1
	@date:		28 Aug 2009

------------------------------------ */

html {} /* Force Scrollbars, hat tip: Patrick Lauke */

body {
	background	: #e4e0da url(/images/4.jpg);
	font-family	: Georgia,Times,serif;
	position	: relative;
	min-height	: 100%;
	height		: 100%;
}

/* ------------------------------------
	Typographical styles
------------------------------------ */

/* ------------------------------------
	A quick discussion on why I'm 
	using pixels instead of ems for 
	my font-size properties.
	
	Major browsers now employ page 
	zooming instead of text resizing 
	when someone requests a larger 
	font-size. So, instead of working 
	in ems, pixel based fonts can now 
	be used without much fuss.
	
	Oh, and I hate IE6.
	But, don't we all?
------------------------------------ */

#page-home h1 {
	width 				: 142px; /* 95px */
	height 				: 112px; /* 145px */
	margin				: 122px auto 0 auto;
	position			: relative;
	font-weight			: bold;
	font-size			: 20px;
	color				: #333;
	-webkit-transform	: rotate(-6deg); 
	-moz-transform		: rotate(-6deg);
}
#page-home h1 span {
	background			: url('/images/PAC-logo.jpg') no-repeat;
	position			: absolute;
	width				: 100%;
	height				: 100%;
	border				: 4px solid #fff;
	background-color 	: #eee;
	-moz-box-shadow		: 0px 0px 5px rgba(10,10,10,0.5);
	-webkit-box-shadow	: 0px 0px 5px rgba(10,10,10,0.5);
	box-shadow			: 0px 0px 5px rgba(10,10,10,0.5);
}

h2 {
	font-size		: 36px;
	line-height		: 32px;
	margin-bottom	: 20px;
}
h3 {}

p {
	margin-bottom 	: 14px;
	font-size 		: 14px;
	color	  		: #000;
	line-height 	: 18px;
}

strong 	{ font-weight : bold; }
em 		{ font-style : italic; }

a:link,
a:visited { color : #3a5259; }
a:hover,
a:active  { color : #7f7373; }

blockquote {
	padding					: 10px 10px 0px 15px;
	margin-bottom			: 15px;
	border					: 1px solid #f9fae9;
	border-bottom-color		: #d5c6a5;
	border-right-color		: #d5c6a5;
	background-color 		: #f7e8c7;
	font-size		 		: 14px;
	line-height				: 19px;
	-moz-border-radius	 	: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px; /* future proofing */
	-khtml-border-radius	: 10px; /* for old Konqueror browsers */
	-moz-box-shadow			: 0px 0px 3px #c4b594;
	-webkit-box-shadow		: 0px 0px 3px #c4b594;
	behavior				: url(/css/border-radius.htc);
	-moz-box-shadow			: 0px 0px 3px #c4b594;
	-webkit-box-shadow		: 0px 0px 3px #c4b594;
	box-shadow				: 0px 0px 3px #c4b594;
}
blockquote cite {
	margin		: 10px 15px 0 0;
	display		: block;
	text-align 	: right;
	font-family	: Georgia,Times,serif;
	font-weight	: bold;
	font-size	: 13px;
}


/* ------------------------------------
	Typographical styles
------------------------------------ */

#container {
	width		: 867px;
	margin		: 100px auto 20px auto;
	padding		: 0 20px;
	position	: relative;
}

#container h1,
#container #panels { float : left; }

#container h1 { margin-right : 20px; }

#container #panels { 
	width				: 695px;
	position			: relative;
	border				: 5px solid #fff;
	background-color 	: #eee;
	-moz-box-shadow		: 0px 0px 5px rgba(10,10,10,0.5);
	-webkit-box-shadow	: 0px 0px 5px rgba(10,10,10,0.5);
	box-shadow			: 0px 0px 5px rgba(10,10,10,0.5);
	-webkit-transform	: rotate(2deg); 
	-moz-transform		: rotate(2deg);
}

#panels .panel { 
	float 		: right; 
	height		: 370px;
	padding		: 15px;
	text-align 	: left;
}

#panel-title {
	width 		: 270px;
	height		: 400px !important;
	padding		: 0 !important;
	border-left	: 5px solid #fff;
	position	: relative;
}

#panel-title span {
	display		: block;
	background	: url('/images/page-title.gif') no-repeat;
	position	: absolute;
	width		: 100%;
	height		: 100%;
}

#panel-title h2 { padding : 15px 15px 0px 15px; }
#panel-title p  { padding : 15px; }

#panel-links {
	width  		: 390px;
	overflow 	: auto;
}

#panel-links li a {
	text-decoration	: none;
	font-size		: 22px;
	line-height		: 26px;
}
#panel-links li {
	margin-bottom: 10px;
}

/* ------------------------------------
	Fin... 
		- Misc Styles
		- Clearing
------------------------------------ */
.hide 	{ display : none; }
.clear 	{ clear : both; }
.floatright { float : right; }
.floatleft  { float : left; }

.test-red 	{ background-color : rgba(158, 0, 0, 0.3); }
.test-blue 	{ background-color : rgba(0, 8, 160, 0.3); }

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