/*
Theme Name: Dilate Media
Theme URI: http://www.dilatemedia.co.uk
Description: Dilate Media Theme
Version: 3.0
Author: Chris Winch
Author URI: http://ww.dilatemedia.co.uk/

*/

/* Main Body Elements ------------------*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	background-color: #ebebeb;
	color: #181818;
}
.clear {
	clear: both;	
}
img {
	border: none;	
}
a:link, a:visited {
	color: #181818;
}
a:hover, a:active {
	color: #666;	
}

/* Typography Elements ------------------*/
h2 {
	font-size: 1.12em;
	font-style: italic;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 0.88em;	
}

/* Page Elements ------------------*/
#siteContainer {
	margin: 0 auto;
	width: 60em;	
}
	#content {
		margin-top: 1.88em;
	}
		h2.pageTitle {
			margin-bottom: 1.88em;	
		}
	#footer {
		border-top: 1px solid #181818;
		font-size: 0.62em;
		margin-top: 1.88em;
		padding-top: 1.25em;
		text-align: right;
	}

/* Header Elements ------------------*/
	#header {
		margin: 6.25em 0 1.88em 0;
	}
		#logo {
			float: left;
			width: 23.06em;
		}
		#nav {
			float: right;
			padding-top: 1.38em;
		}
			#nav ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			#nav li {
				display: inline;	
			}
			#nav a:link, #nav a:visited {
				font-size: 1.12em;
				font-style: italic;
				padding-left: 1.88em;
				text-decoration: none;
			}
			#nav a:hover, #nav a:active {
				color: #333;
			}

/* Middle Bar Elements ------------------*/
	#middleBar {
		border-bottom: 1px solid #181818;
		border-top: 1px solid #181818;
		padding: 1.25em 0 1.25em 0;
	}
		.slideshow {
			overflow: hidden; 
		}

/* Portfolio Elements ------------------*/
	.folioCell {
		margin: 1.88em 1.25em 0.62em 0;
		float: left;
		width: 18.75em;
		min-height: 315px;
		max-height: 315px;
	}
		.folioCell a:link, .folioCell a:visited {
			text-decoration: none;	
		}
		.folioHeader {
			margin-top: 1.25em;	
		}
			h3.folioHead {
				float: left;
				font-size: 0.88em;
				font-weight: 500;
				margin: 0;
				padding: 0;
			}
			.folioCat {
				color: #999;
				font-size: 0.88em;
				float: right;
			}
			.folioImg img {
				border: 1px solid #181818;
				padding: 10px;
			}
		.folioContent {
			font-size: 0.65em;
			margin-top: 0.62em;	
		}

/* Blog Elements ------------------*/
	#blogCol {
		float: left;
		margin: 0 1.25em 0 0;
		width: 37.50em;
	}
		.blogCell {
			margin-bottom: 2.5em;	
		}
		.blogThumb img {
			border: 1px solid #181818;
			margin-bottom: 0.62em;
		}
		.blogHead {
			padding: 0 0 0.62em 0;	
		}
		h3.blogHeading {
			margin: 0;
		}
			.blogHead a:link, .blogHead a:visited {
				text-decoration: none;	
			}
		.blogContent {
			border-bottom: 1px solid #181818;
			padding: 0.62em 0 1.88em 0;
			font-size: 0.75em;	
		}
		.blogFoot { 
			padding-top: 0.62em;
			text-align: right;
		}
			.blogFoot a:link, .blogFoot a:visited {
				font-size: 0.75em;
				text-decoration: none;
			}
	#sideCol {
		float: left;
		width: 21.25em;
	}
		#sideCol ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
			#sideCol li {
				border-bottom: 1px dashed #181818;
				padding-bottom: 0.31em;
				margin-bottom: 0.44em;
			}
			#sideCol a:link, #sideCol a:visited {
				text-decoration: none;
			}
			#sideCol img {
				padding: 10px;
				border: 1px solid #181818;
			}
	
/* Contact Elements ------------------*/
	#aboutCell {
		float: left;
		margin-right: 1.55em;
		width: 29.06em;
	}
		#aboutContent {
			font-size: 0.75em;
		}
		#aboutContent img {
			margin-bottom: 1.88em;
		}
	#contactCell {
		float: left;
		width: 29.38em;	
	}