/* main styles for jcowie.co.uk */
/* TODO: add in reset styles here*/
@font-face {
font-family: "JustOldFashion";
src: url("fonts/JustOldFashion.ttf")
}

body{
	margin:0px;
}
h1{
	font-family:"JustOldFashion",Georgia,serif;
	text-align:center;
	text-transform:uppercase;
	padding-top:10px;
	margin:0px;
}

h2{
	font-family:"JustOldFashion",Georgia,serif;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	font-size:14px;
}

p{
	padding:10px 10px 10px 30px;
	font-family:"Garamond Premier Pro",Georgia,serif;
}


#head{
	background-color:white;
	display:block;
	width:600px;
	margin:0 auto;
	-moz-border-radius-topLeft:10px;
	-moz-border-radius-topRight:10px;
}

.box{
	border:1px solid #E1DFD5;
	background-color:#F9F8EF;
	-moz-border-radius:3px;
	padding:0px 10px 0px 10px;
	margin:5px;
	float:left;
}

.box2{
	border:1px solid #E1DFD5;
	background-color:#F9F8EF;
	-moz-border-radius:3px;
	padding:0px 10px 0px 10px;
	margin:5px;
}
	.col1{
		width:110px;
	}

	.box p{
		font-size:11px;
		padding:0px;
		margin:0px;
		text-align:center;
	}

	#primary{
		margin:10px;
	}
#ingredients{
	width:600px;
	display:block;
	margin:0 auto;
	margin-top:-16px;
	background-color:white;
}

#main{
	width:600px;
	margin:0 auto;
	background-color:white;
	display:block;
}

	.divider{
		display:block;
		margin:0 auto;
	}
	
	ul{
			list-style:none outside none
	}
		li{
			list-style:none;
			width:150px;
			border:1px solid #E1DFD5;
			background-color:#F9F8EF;
			float:left;
			margin:0px;
			margin-right:10px;
			margin-top:10px;
			margin-bottom:5px;
			-moz-border-radius:3px;
			padding:2px;
		}
		
			li p{
				padding:0px;
				text-align:center;
				margin:0px;
				font-size:11px;
			}

		.recepies{
			width:150px;
			border:1px solid #E1DFD5;
			background-color:#F9F8EF;
			float:left;
			margin:0px;
			margin-right:10px;
			margin-top:10px;
			margin-bottom:5px;
			-moz-border-radius:3px;
			padding:2px;
		}
		
			.recepies p{
				padding:2px;
				margin:0px;
				text-align:center;
				font-size:11px;
			}
			
				#recepies li{
					height:60px;
				}
				
			#swell{
				width:133px;
				height:142px;
				float:left;
				margin:60px 10px 10px 50px;
			}
			
		.clearer{
			clear:both;
		}