* { margin: 0; padding: 0; }
body {
	margin: 0 0 30px 0;
	padding: 0;
	background: url(../images/body-bg.jpg) repeat-x #339900;
	}

	img {border: 0;}
	.hidden {display: none;}

	#topads {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		font-family: Arial, "Lucida Sans", "Lucida Grande";
		font-size: .8em;
		line-height: 18px;
		color: #555555;
		margin-top: 7px;
		text-align: center;		
		}

	#middleads {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		font-family: Arial, "Lucida Sans", "Lucida Grande";
		font-size: .8em;
		line-height: 18px;
		color: #555555;
		margin-top: 7px;
		text-align: center;		
		}
		
	#container {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/container-bg.jpg) repeat-y;
		font-family: Arial, "Lucida Sans", "Lucida Grande";
		font-size: .8em;
		line-height: 18px;
		color: #555555;
		margin-top: 20px;
		}
		
		#header {
			width: 780px;
			margin-left: auto;
			margin-right: auto;
			height: 80px;
			overflow: hidden;
			background: url(../images/header-bg.jpg) no-repeat;
			}

	#logo {padding: 27px 0px 0 25px; float: left; }
	#navigation {
		margin: 15px 13px 0 0;
		height: 23px;
		list-style-type: none;
		float: right;
		padding: 5px 0 0 0;
		}
		
		#navigation li span { display: none; }
		#navigation li { float: left;  }
		#navigation li a { display: block; margin: 0 5px 0 0; }
		
		#navigation li.make a {
			width: 245px;
			height: 21px;
			background: url(../images/nav-make.jpg) no-repeat;
			}
			#navigation li.make { background: url(../images/nav-make-hover.jpg) -9999px no-repeat; }
			#navigation li.make, #navigation li.make a:hover, #navigation li.make a.active { background: url(../images/nav-make-hover.jpg) no-repeat; }
		
		#navigation li.top a {
			width: 113px;
			height: 21px;
			background: url(../images/nav-top-faceplants.jpg) no-repeat;
			}
			#navigation li.top { background: url(../images/nav-top-faceplants-hover.jpg) -9999px no-repeat; }
			#navigation li.top a:hover, #navigation li.top a.active { background: url(../images/nav-top-faceplants-hover.jpg) no-repeat; }
		
		#navigation li.about a {
			width: 51px;
			height: 21px;
			background: url(../images/nav-about.jpg) no-repeat;
			}
			#navigation li.about { background: url(../images/nav-about-hover.jpg) -9999px no-repeat; }
			#navigation li.about a:hover, #navigation li.about a.active { background: url(../images/nav-about-hover.jpg) no-repeat; }
			
	#header .sponsor {
		float: right;
		margin: 8px 20px;
		}
	
	.content {margin: 0px 5px;}
	h3 {display: inline; font-size: 100%; color: #333333;}
	
	h2 {
	font-family: verdana;
	line-height: 1.2em;
	font-size: 14px;
	margin: 0 0 3px 0;
	}	
	
	.greyheading {
		background: #555555;
		color: #FFFFFF;
		}
		
		.greyheading h1 {
			text-indent: -9999px;
			height: 50px;
			}
		
		.greyheading h1.blog { background: #555555 url(../images/top-faceplants-heading.jpg) center no-repeat; }
		.greyheading h1.about { background: #555555 url(../images/about-heading.jpg) center no-repeat; }
		.greyheading h1.sponsor { background: #555555 url(../images/sponsor-heading.jpg) center no-repeat; }
		.greyheading h1.share { background: #555555 url(../images/fp-anywhere-heading.jpg) center no-repeat; }
		.greyheading h1.tos { background: #555555 url(../images/tos-heading.jpg) center no-repeat; }
		.greyheading h1.privacy { background: #555555 url(../images/privacy-heading.jpg) center no-repeat; }
		.greyheading h1.copyright { background: #555555 url(../images/copyright-heading.jpg) center no-repeat; }
		.greyheading h1.help { background: #555555 url(../images/help-heading.jpg) center no-repeat; }
	
	#mainheading {
		background: #555 url(../images/example-tab-top.jpg) no-repeat;
		background-position: 25px bottom;
		color: #fff9b4;
		font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		text-align: center;
		padding: 20px 0;
		}
		
		#mainheading h2 {
			text-indent: -9999px;
			background: url(../images/lol-heading.jpg) no-repeat;
			width: 386px;
			height: 26px;
			margin: 0 auto 5px auto;
			}
		
		#mainheading p {
			text-align: center;
			line-height: 1.6em;
			}
		
			#mainheading p span {
				position: relative;
				top: -5px;
				}
		
		#mainheading a.make {
			position: relative;
			top: 5px;
			left: 5px;
			}
	
	#mainbody {
		background: #fff  url(../images/example-tab-bottom.jpg) no-repeat;
		background-position: 25px top;
		padding-top: 55px;
		}
		
		#polaroidContainer {
			width: 715px;
			margin: 0 auto 25px auto;
			}
			
			#polaroids {
				width: 560px;
				height: 335px;
				float: left;
				overflow: hidden;
				}
				
				#set-one, #set-two, #set-three, #set-four {
					width: 523px;
					height: 322px;
					background: url(../images/example-polaroids.jpg) top left no-repeat;
					padding: 13px 27px 0 14px;
					}
				
				#polaroids div.left { width: 224px; height: 268px; float: left; overflow: hidden; }
				#polaroids div.right { width: 224px; height: 268px; float: right; overflow: hidden; }
				#polaroids div.left a, #polaroids div.right a { display: block; width: 224px; height: 268px; }
				
				#set-one div.left { background: url(../images/front-photos/one-before.jpg) no-repeat; }
				#set-two div.left { background: url(../images/front-photos/two-before.jpg) no-repeat; }
				#set-three div.left { background: url(../images/front-photos/three-before.jpg) no-repeat; }
				#set-four div.left { background: url(../images/front-photos/four-before.jpg) no-repeat; }
				
				#set-one div.right { background: url(../images/front-photos/one-after.jpg) no-repeat; }
				#set-two div.right { background: url(../images/front-photos/two-after.jpg) no-repeat; }
				#set-three div.right { background: url(../images/front-photos/three-after.jpg) no-repeat; }
				#set-four div.right { background: url(../images/front-photos/four-after.jpg) no-repeat; }
				
			#celebrities {
				width: 155px;
				height: 318px;
				background: url(../images/celebrity-faceplants.jpg) top left no-repeat;
				float: left;
				margin-top: 4px;
				}
				
				#celebrityLinks {
					width: 145px;
					height: 284px;
					list-style-type: none;
					margin-top: 21px;
					}
					
					#celebrityLinks li { 
						width: 145px;
						height: 72px;
						overflow: hidden;
						line-height: 0;
						font-size: 0;
						}
					
					#celebrityLinks a {
						display: block;
						width: 145px;
						height: 72px;
						margin: 0 5px;
						background: url(../images/celebrity-links.jpg) no-repeat;
						}
						#celebrityLinks li a.one { background-position: -5px 0px; }
						#celebrityLinks li a.two { background-position: -5px -72px; }
						#celebrityLinks li a.three { background-position: -5px -144px; }
						#celebrityLinks li a.four { background-position: -5px -216px; }
						
						#celebrityLinks li a.one:hover, #celebrityLinks li a.two:hover, 
						#celebrityLinks li a.three:hover, #celebrityLinks li a.four:hover, 
						#celebrityLinks li.ui-tabs-selected a { background: url(../images/celebrity-links-hover.jpg) -5px -1px no-repeat; }
						
						#celebrityLinks li a.one:hover, #celebrityLinks li.ui-tabs-selected a.one { background-position: -5px -1px; }
						#celebrityLinks li a.two:hover, #celebrityLinks li.ui-tabs-selected a.two { background-position: -5px -73px; }
						#celebrityLinks li a.three:hover, #celebrityLinks li.ui-tabs-selected a.three { background-position: -5px -145px; }
						#celebrityLinks li a.four:hover, #celebrityLinks li.ui-tabs-selected a.four { background-position: -5px -217px; }
					
					#celebrityLinks span { display: none; }
		
		#mainbody .definitionContainer {
			width: 710px;
			margin: 0 auto;
			text-align: center;
			}
			
			/*#mainbody .definitionContainer .left {
				float: left;
				width: 157px;
				height: 223px;
				background: url(../images/temp-ad.jpg);
				}
			
			#mainbody .definitionContainer .right {
				float: left;
				width: 550px;
				height: 223px;
				background: url(../images/definition-background.jpg);
				}*/
				
			#mainbody .definitionContainer .right {
				width: 550px;
				height: 223px;
				background: url(../images/definition-background.jpg);
				margin: 0 auto;
				text-align: left;
				}
				
				#mainbody .definitionContainer .right p {
					color: #999;
					font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
					font-size: 1.2em;
					padding: 55px 55px 0 57px;
					line-height: 25px;
					}
					
				#mainbody .definitionContainer .right p strong {
					color: #444;
					font-weight: normal;
					}
					
		#mainbody .getStarted {
			margin: 20px 0 20px 0;
			text-align: center;
			}
	
	#aboutheading {background: url(../images/aboutfaceplanting-heading.gif) no-repeat #555555 96% 62%;}
	
	.aboutindividual {
		margin: 20px;
		padding: 1px 20px 0 280px;
		height: 355px;
		border-bottom: 1px solid #e6e6e6;
		font-size: 108%;
		line-height: 19px;
		}
	
	#abouttb {
		background: url(../images/about-tb-polaroid.jpg) no-repeat;
		}
	
	.body {
		padding: 15px;
		overflow: auto;
		}
		
		.body p {
			margin-bottom: 12px;
			}
			
		.body a { color: #808eb2; text-decoration: underline; }
		.body a:hover { color: #808eb2; text-decoration: none; }
			
		.body ul {
			margin: 0 0 0 25px;
			}
			
			.body ul li {
				margin-bottom: 15px;
				}
			
		.body h2 {
			margin-bottom: 12px;
			}
		
		.body .entry {
			float: left;
			width: 50%;
			text-align: center;
			margin-bottom: 30px;
			}
		
		.body .entry h2 {
			font-size: 1.1em;
			margin-bottom: 10px;
			}
			
			.body .entry h2 a {
				text-decoration: none;
				color: #555;
				}
				
				.body .entry h2 a span {
					color: #888;
					font-size: .85em;
					font-weight: normal;
					display: block;
					text-align: center;
					}
	
		.body .pagination {
			overflow: auto;
			padding: 10px;
			border: 1px solid #ddd;
			}
			
			.body .pagination .left { float: left; margin-left: 30%; }
			.body .pagination .right { float: right; margin-right: 30%; }
		
	
	#footer {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		background: #339900 url(../images/footer-bg.jpg) top no-repeat;
		}
		
		#footer p {
			font-size: .85em;
			padding: 25px 15px 0 15px;
			color: #fff;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			line-height: 1.2em;
			text-align: center;
			}
			
			#footer p a {
				color: #fcf7bd;
				text-decoration: none;
				}
				
			#footer p a:hover {
				color: #fcf7bd;
				text-decoration: underline;
				}
			
			#footer p.left { float: left; }
			#footer p.right { float: right; }
		
	.clear {clear:both;}
	img { border: 0; }
	
#Flash.flash_notice {
	border-color: #9c9;
	color: #fff;
	text-align: left;
	padding: 5px 5px 5px 20px;
	font-size: .9em;
	margin-bottom: 4px;	
}	

#Flash.flash_notice a{
	border-bottom: 1px dotted #cc0000;
	text-decoration: none;
	background-color: #cc0000;	
	color: #fff;	
}

#Flash.flash_notice a:hover{
	border-bottom: 1px dotted #990000;
	text-decoration: none;
	background-color: #990000;
	color: #fff;		
}

/* jQuery Tabs UI */
	
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}