/* CornishBlackPigs.co.uk CSS */

body {
	background: url(../img/bg.jpg) repeat-x white top center;	
}

a {
	color: black;
	text-decoration: none;	
}

	a[href^=mailto] {
		color: #00B6FF;
		text-decoration: underline;
	}

	a:hover {
		color: #FCAF3B;
		background: white;
		text-decoration: underline;
	}
	
	a[href^=mailto]:hover {
		color: #FCAF3B;
		text-decoration: underline;
	}

div.wrap {
	width: 767px;
	margin: 0 auto;
	background: #FCAF3B;
	margin-top: 161px;
	padding: 8px 10px;
	position: relative;
}

div#logo {
	position: absolute;
	top: -171px;
	left: -2px;
}

	div#logo h2 {
		font-size: 108%;
		margin-left: 12px;
		margin-top: -1.6em;
		background: #FCAF3B;
		width: 670px;
	}

ul#menu {
	width: 498px;
	background: url(../img/sausage-pig.jpg) left top no-repeat;
	padding-top: 274px;
	margin-top: -8px;
	margin-bottom: 8px;
}

	ul#menu li {
		display: inline;
		color: #fff;
		font-weight: bold;
		font-size: 116%;
	}
	
		ul#menu li+li:before {
			content: " - ";
		}
	
		ul#menu li a {
			text-decoration: none;
			color: #fff;
			padding: 5px 1ex;
		}
		
			ul#menu li a:hover {
				text-decoration: underline;
				background: #FCAF3B;
				color: black;
			}
		
div#subheader {
	width: 60%;
	background: #fff;	
}

	div#subheader form#search_engine {

	}
		
div#subnav {
	padding: 293px 17px 6px 16px;
	background: url(../img/subnav.gif) no-repeat top center #fff;
	margin-top: -343px;
	float: right;
	width: 230px;
}

	div#subnav h3 {
		font-size: 153.9%;
		text-weight: bold;
		background: url(../img/subnav-h3-underline.gif) bottom left no-repeat;
		padding-top: 1em;
		padding-bottom: 5px;
		margin-bottom: 1ex;
	}
	
	div#subnav address {
		padding: 1em 0;
	}

div#content {
	width: 466px;
	margin: 2px;
	padding: 1em;
	background: #fff;
}

	#content h2 {
		font-size: 131%;
		font-weight: bold;
		padding-bottom: 0.8ex;
	}
	
	div#content h3 {
		font-size: 123.1%;
		font-weight: bolder;
		padding-bottom: 0.8ex;
		text-align: center;
	}

	#content p {
		margin: 1.5ex 0;
	}

	div#content b {
		font-size: 153.9%;
		font-weight: bold;
		display: block;
	}
	
	div#content #breadcrumbs {
		color: #999;
		font-size: 93%;
		padding-bottom: 1ex;
		border-bottom: 1px solid #ccc;
		margin-bottom: 2ex;
	}

		div#content #breadcrumbs span {
			font-style: italic;
		}
		
		div#content #breadcrumbs span a {
			color: #999;
			text-decoration: none;
		}
		
			div#content #breadcrumbs span a:hover {
				color: #FCAF3B;
				font-style: normal;
				padding-right: 0.1ex;
				text-decoration: underline;
			}

	div#content form#post label {
		width: 20%;
		text-align: right;
		margin-top: 1em;
		float: left;
		padding-right: 1em;
	}
	
	div#content form#post input.text {
		float: left;
		width: 45%;
		margin-top: -5px;
	}
	
	div#content form#post p {
		width: 90%;
		clear: left;
	}
	
		div#content form#post textarea#message {
			width: 100%;
			clear: left;
			margin-top: 1ex;
		}
	
	div#content img {
		display: block;
		margin: 0 auto;
		padding: 1em 0;
	}
	
	div#content strong {
		font-weight: bold;
	}

	div#content em {
		font-style: italic;
	}

blockquote {
	padding: 0 0 1ex 2.2em;
	color: #666;
	position: relative;
	margin-left: 1.5ex;
	width: 82%;
}

	blockquote::before {
		content: "\201C";
		color: #FCAF3B;
		font-size: 700%;
		display: block;
		width: 1ex;
		padding-top: 10px;
		margin-top: -25px;
		margin-bottom: -1em;
		position: absolute;
		margin-left: -0.7ex;
	}

	blockquote::after {
		content: "\201D";
		color: #FCAF3B;
		font-size: 700%;
		display: block;
		width: 1ex;
		height: 1ex;
		margin-top: -1ex;
		margin-bottom: -7px;
		margin-left: 95%;
		position: absolute;
		float: right;
	}
	
	cite {
		display: block;
		text-align: right;
		font-style: italic;
		margin-right: 4.8em;
		color: #666;
	}
	
div#footer {
	clear: both;
}
	
/* Admin area */

p.edit, p.date {
	border-top: 1px solid #ccc;
	padding-bottom: 2em;
}
	

p.edit a, p.date a {
	float: right;
	background: white;
	padding: 2px 5px;
	color: black;
	margin-top: -1px;
	margin-right: 5px;
	border: 1px solid #ccc;
	border-top: 1px solid white;
}


	form#post input#at {
		width: 98%;
	}
	
	form#post input#as {
		width: 98%;
	}
	
	form#post textarea#txt {
		width: 98%;
		min-height: 100px;
	}
	
	form#post input#pu {
		position: relative;
		left: 100px;
		margin-bottom: -3em;
	}

fieldset legend {
	margin: 1ex 5px;
}

	fieldset legend a {
		border: 1px solid black;
		padding: 3px 5px;
		margin: 2em 0;
		display: block;
		width: 7em;
	}
	
		fieldset legend a:hover {
			background: black;
		}
	
		fieldset legend a::after {
			content: " >";
		}

.adminbutton {
	font-size: 116%;
	font-weight: bold;
}

.adminbutton a {
	display: block;
	padding-top: 2ex;
	padding-bottom: 0.2ex;
	padding-left: 43px;
	min-height: 32px;
	
}

#content fieldset p.adminbutton {
	border-left: 5px solid #fff;
}

	#content fieldset p.adminbutton:hover {
		background: #eee;
		border-left: 5px solid #eee;
	}

	#articlenew a {
		background: url(../img/admin/article_new.png) center left no-repeat;
	}
	
	#pagenew a {
		background: url(../img/admin/page_new.png) center left no-repeat;
	}
	
	#admincategory a {
		background: url(../img/admin/category_new.png) center left no-repeat;
	}
	
	#files a {
		background: url(../img/admin/upload.png) center left no-repeat;
		margin-bottom: 1.5em;
	}
	
	#settings a {
		background: url(../img/admin/settings.png) center left no-repeat;
	}
	
	#logout a {
		background: url(../img/admin/delete.png) center left no-repeat;
	}

body.admin div#content #breadcrumbs {
	padding-top: 0.4ex;
	padding-left: 43px;
	min-height: 32px;
	background: url(../img/admin/admin.png) top left no-repeat;
	color: #999;
	font-size: 93%;
	padding-bottom: 1ex;
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #fff;
	margin-bottom: 2ex;
}

	body.admin div#content #breadcrumbs span {
		font-size: 197%;
		font-weight: bold;
		color: black;
		font-style: normal;
	}

	body.admin div#content #breadcrumbs span a {
		color: black;
		text-decoration: none;
		font-style: normal;
	}
	
		body.admin div#content #breadcrumbs span a:hover {
			color: #FCAF3B;
			text-decoration: underline;
			padding-right: 0;
		}