/*
Theme Name: Fat Pigeon Studios 2008
*/

body {
	font: 12px Arial,Helvetica,Sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #badef7;
}

#page {
	width: 740px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

a img { border: none; }

.clear { clear: both; }

#header ul {
	margin: 0;
	padding: 18px 18px 18px 12px;
	list-style: none;
	background: #606;
	color: #fff;
	font-size: 15px;
}

	#header ul li {
		display: inline;
		border-left: 1px solid #d6bcd6;
	}
	
	#header ul li.first {
		border: none;
	}
	
		#header ul li a {
			padding: 0 4px 0 6px;
			color: #d6bcd6;
			text-decoration: none;
			font-weight: bold;
		}
		
			#header ul li a:hover {
				color: #fff;
			}
		
		#header ul li.active a {
			color: #fff;
		}

#container {
	background: #fff url(images/container_bg.png) bottom left repeat-x;	
	padding: 12px 12px 80px;
	margin: 6px 0 0;
}

#content {
	width: 448px;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	color: #2d2d2d;
}

	#content h1 {
		font-family: Georgia,"Times New Roman",Times,Serif;
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -.04em;
		color: #9e1d98;	
		margin: 0;
		padding: 0;
	}
	
body#page #container #content {
	width: 716px;
}
		
#sidebar {
	padding: 0;
	margin: 0 0 0 494px;
	width: 222px;
}	

	#sidebar div.callout {
		padding:12px;
		margin: 0 0 12px;
		text-align: center;
		font-size: 14px;
		background: #985398;
		color: #fff;
		text-transform: uppercase;
	}
	
	#sidebar div#featured {
		background : #606;
	}
	
		#sidebar div.callout a {
			color: #e4d1e4;
			font-weight: bold;
			text-decoration: none;
			padding: 0 18px;
			display: block;
		}
		
		#sidebar div.callout a.img {
			padding: 0;
		}
		
			#sidebar div.callout a img {
				border: 1px solid #badef7;
				display: block;
				margin: 0 auto 4px;
			}
		
		#sidebar div.callout a:hover {
			color: #fff;
		}
		
#footer {
	clear: both;
	background: #606;
	color: #b17eb1;
	font-size: 11px;
	padding: 14px 0;
	margin: 0 auto;
	width: 740px;
	text-align: center;
}

	#footer a {
		color :#b17eb1;
	}
	
	#footer a:hover {
		color: #fff;
	}
	
	
/* Portfolio */

div.portfolio ul {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

	div.portfolio ul li {
		text-align: center;
		padding: 0;
		margin: 0 12px 12px 0;
		width: 222px;
		float: left;
	}
	
		div.portfolio ul li a {
			display: block;
			min-height: 150px;
			text-decoration: none;
			color: #985395;
			font-weight: bold;
			font-size: 12px;
		}

		div.portfolio ul li a:hover {
			color: #606;
		}

			div.portfolio ul li a img {
				display: block;
				border: 12px solid #985398;
				margin: 0 auto 6px;
			}
			
			div.portfolio ul li a:hover img {
				border-color: #606;
			}