@charset "utf-8";
/*
Copyright is held by original owners.
CSS Document: Alex Lloyd core CSS
Version: 1.00
*/

/*
ATTRIBUTES
**********
Font Primary: #282824, Arial 11px
Page Heading: #, Font
Content Headings: #, Font
__________

DIMENSIONS
**********
Main site width: 910px
Content Main: 604px
Gutter width: 16px
__________

CSS INDEX:
**********
+ Global Styles
  - Text
  - Headings  
  - Links
  - Lists
  - Forms
+ Frame Layout
+ Page Layout
  - Content (Containers)
+ Header
+ Footer
+ Navigation
  - Primary
  - Secondary
+ Banners
+ Page Tools
+ Content (Body)
__________

*/

/*
=================================
GLOBAL STYLES
*/

* {
	margin:0em;
	padding:0em;
	border:none;
}	


	
.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	

.right {
	float:right;
}

.left {
	float:left;
}

.image.right {
	margin:0em 0em 2em 2em;
}

.image.left {
	margin:0em 2em 2em 0em;
}

body {
	font-size:75%;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:24px;
}


	/* links */
	a:link {
		color:#c74d00;
	}
	a:visited {
		color:#aa7121;
	}
	a:hover {
		color:#ff5f00;
	}
	a:active {
		color:#ff5f00;
	}
	
button {
	cursor:pointer;
}	
	
	
/*
=================================
FRAME LAYOUT
*/

body {
	background:url(../images/bg_page.jpg) center -31px repeat;
}

#musicPlayer {
	background:url(../images/bg_music_player.jpg) center top repeat;
	padding-right:15px;
}

#musicPlayer #musicBox {
	height:35px; /* minimum height to force FF into scroll */
	width:910px;
	margin:0em auto;
	position:relative;
	z-index:10;
}

#frame {
	position:fixed;
	_position:absolute; /* IE6 bug */
	top:0px;
	right:0px;
	height:12px;
	width:100%;
	z-index:10;
	background:url(../images/bg_frame.png) center top repeat-x;
	_background-image:url(../images/bg_frame.gif);
}


#header .masthead {
	background:url(../images/bg_header.jpg ) center top no-repeat;
}

#home #header .masthead {
	background:url(../images/bg_header_home.jpg ) center top no-repeat;
}

#header .masthead{
	width:910px;
	margin:0em auto;
	position:relative;
	height:203px;
	margin-bottom:-80px;
}

#icon {
	background:url(../images/icon_bird.gif) right 11px no-repeat;
	
	/* no-scrolling */
	position:fixed;
	margin-left:776px;
	
	/* scrolling
	position:absolute;
	right:0px;
	top:0px;
	*/
	
	width:134px;
	z-index:12;
}

#musicPlayer #icon {
	height:35px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:12;
}

#header #icon {
	height:120px;
	background-position: right -22px;
}


/*
=================================
PAGE LAYOUT
*/

#content_container #content {
	width:604px;
	margin-right:16px;
	float:left;
}

#content_container #content_extra {
	width:290px;
	margin-top:3.6em;
	float:left;
}

#home #content_container #content {
	width:100%;
	margin:0em;
}

#home #content_extra {
	display:none;

}

#content_container {
	clear:both;
	width:910px;
	margin:0em auto;
	overflow:auto;
	position:relative;
	z-index:10;
}


#home #content_container #content {
	width:100%;
	margin:auto;
}

#home #content_extra {
	display:none;

}
#home { height: 90%; }
#home_spacer { height: 20%; vertical-align: bottom; margin-top: -200px; }


/*
=================================
NAVIGATION
*/

	/* Music Player */
	#musicPlayer #links {
		float:right;
		position:relative;
		z-index:13;
		top:-15px;
		right:80px;
		display:inline-block;
		height:.1%;
	}
	
	#musicPlayer #links a {
		margin-left:16px;
	}


	/* Primary */
	#nav_primary {
		color:#fff;
		font-family:"Times New Roman", Times, serif;
		position:absolute;
		right:16px;
		top:65px;
		z-index:12;
	}
	
	#nav_pri li {
		display:inline;
		text-align:center;
	}
	
	#nav_pri li a {
		float:left;
		background-color:#000;
		color:#fff;
		text-decoration:none;
		width:auto;
		font-size:1.5em;
		padding:.7em 1em;
		margin-left:.5em;
		height:20px;
		background-position:center 15px;
		background-repeat:no-repeat;
	}
	
		#nav_pri .nav_pri_1 a {
			background-image:url(../images/nav_pri_1.gif);
			width:69px;
		}
		#nav_pri .nav_pri_2 a {
			background-image:url(../images/nav_pri_2.gif);
			width:101px;
		}
		#nav_pri .nav_pri_3 a {
			background-image:url(../images/nav_pri_3.gif);
			width:51px;
		}
		#nav_pri .nav_pri_4 a {
			background-image:url(../images/nav_pri_4.gif);
			width:81px;
		}
		#nav_pri .nav_pri_5 a {
			background-image:url(../images/nav_pri_5.gif);
			width:135px;
		}
		
		#nav_pri .nav_pri_6 a {
			background-image:url(../images/nav_pri_6.gif);
			width:79px;
		}
		
	#nav_pri li a:hover {
		background-color:#c74d00;
		background-position:center -65px;
	}
	
	#nav_pri li a span {
		position:absolute;
		left:-9999em;
	}



/*
=================================
FOOTER
*/

#footer {
	clear:both;
	margin:32px auto;
	width:880px;
	overflow:auto;
	padding:0em 15px;
}

#footer #disclaimer {
	float:left;
}

#footer #site_design {
	float:right;
}

#footer #site_design a {
	display:block;
	height:17px;
	width:78px;
	background:url(../images/logo_flip_creative.gif) left top no-repeat;
}

#footer #site_design a span {
	position:absolute;
	left:-9999em;
}



/*
=================================
CONTENT
*/


/* headings */

#content_container p {
	margin-bottom:1.6em;
	color: #FFFFFF;
	
}

#content_container h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	letter-spacing:.1em;
	font-style:italic;
	text-transform:lowercase;
	margin-bottom:5px;
	color: #FFFFFF;
}

#content_container h2 {
	font-size:1.8em;
	color:#c74d00;
	margin-bottom:.5em;
}


#content_container h3 {
	font-size:1.4em;
	color:#c74d00;
	margin-bottom:.5em;
}


/* banner */

#content_container .banner {
	text-align:center;
}

#content_container #contentpanel {
	background-color: #000000;
	min-height: 600px;
	padding: 15px;
}

#content .banner, #content_extra .banner {
	margin-bottom:16px;
}

	/* newsletter banner */
	#content_extra .banner.newsletter {
		background:url(../images/bg_banner_newsletter.gif) left top no-repeat;
		height:273px;
	}
	
	#content_extra #newsletter_form {
		padding:120px 12px 0px 12px;
		text-align:left;
	}
	
	#content_extra #newsletter_form .line {
		margin-bottom:8px;
	}
	
	#content_extra #newsletter_form .line label {
		display:inline-block;
		color:#2b1b00;
		font-weight:bold;
		font-size:1.4em;
		width:50px;
		text-align:right;
		margin-right:8px;
	}
	
	#content_extra #newsletter_form .line input {
		border:none;
		background:#fff;
		font-size:1.4em;
		padding:.2em;
	}
	
	#content_extra #newsletter_form button {
		float:right;
		background:#000 url(../images/button_subscribe.gif) center top no-repeat;
		height:31px;
		width:90px;
	}
	
	#content_extra #newsletter_form button:hover {
		background-position:center bottom;
	}
	
	#content_extra #newsletter_form button span {
		position:absolute;
		left:-9999em;
	}

/* items */

	/* info */
	#content .info .item {
		margin-bottom:16px;
		background:#3d3d3d;
		padding:48px 16px 16px 16px;
		position:relative;
		_height:.1%;
	}
		/* link button */
		#content .info .item .link {
			position:absolute;
			top:0px;
			right:0px;
		}
		
		#content .info .item .link a {
			background:url(../images/button_more.gif) right top no-repeat;
			display:block;
			width:94px;
			height:36px;
		}
		
		#content .info .item .link a:hover {
			background-position:right bottom;
		}
		
		#content .info .item .link a span {
			position:absolute;
			left:-9999em;
		}
	
	#content .info .item .preview-image {
		float:right;
		margin:0px 0px 16px 16px;
	}
	
	#content .info .item h2 {
		margin-bottom:0em;
	}
	
	#content .info .item .author {
		color:#8c806d;
		font-weight:bold;
		font-size:1.2em;
		margin-bottom:12px;
	}
	
	#content .info .item .date {
		position:absolute;
		top:12px;
		font-weight:bold;
		color: #FFFFFF;
	}
	
	#content .info .item.first {
		background:#000;
		color:#fff;
	}