/*
Theme Name: Smallfry
Theme URI: http://www.smallfry.com
Description: WP theme for Smallfry website
Author: Running in the Halls
Author URI: http://www.rith.co.uk
Version: 1.0
*/

/*div {
	border-top: 1px solid #F00;
	border-bottom: 1px solid #0F0;
}*/

body {
	background: #040404;
	color: #FFF;
	font-size: 62.5%;
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.c-left {
	clear: left;
}
.f-left {
	float: left;
	display: inline;
}

a:link, a:active, a:visited { color: #FFA56C }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { clear: both; }

h1 { font: normal 2.7em/2 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
h1 a { text-decoration: none; color: #FFA66C; }
.product h1 { font: normal 1.7em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
#archive h1 { font: normal 1.7em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
#search h1 { font: normal 1.7em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
h2 { font: normal 1.7em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
h2 a { text-decoration: none; color: #FFA66C; }
h3 { font: normal 1.7em/1.5 "Trebuchet MS", "Arial", "Helvetica", sans-serif; color: #FFA66C; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.5em; }

p { font: 1.2em/2 Arial, sans-serif; color: #FFF; }
#footer p, #credits p { font: 1.1em/2 Arial, sans-serif; color: #FFF; }
.product #content p, { font: 1.2em/2 Arial, sans-serif; color: #FFF; }
.piclenselink .piclenselink { font: 1.2em/2 Arial, sans-serif; } 

#branding img {
	margin: 60px 0 20px 15px; 
}

#tagline p {
	margin: 86px 20px 0 0;
	font-size: 1.7em;
	font-weight: bold;
	text-align: right;
}

#navigation {
	position: relative;
}
	#navigation ul {
		font: bold 1.8em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
		color: #FFF;
		margin: 20px 10px;
		border: 3px solid #0D0D0D;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
				border-radius: 10px;
		background: url(Images/Navigation-Background.jpg) top left repeat-x #1A1A1A;
		padding: 12px 30px;
	}
		#navigation ul li {
			margin: 0 30px 0 0;
			display: inline;
		}
		#navigation ul a {
			color: #FFF;
			text-decoration: none;
		}
		#home a.home, #products a.products, #process a.process, 
		#clients a.clients, #awards a.awards, #contact a.contact { 
			color: #999; 
		}
	#navigation form {
		position: absolute;
		right: 30px;
		top: 32px;
		width: 200px;
	}
	#navigation form label {
		position: absolute;
		margin: 0 0 0 -20px;
		width: 26px;
		height: 26px;
		background: url(Images/search.gif) no-repeat 0 5px;
		text-indent: -9999px;
	}
	#navigation form input.search {
		padding: 4px;
		border: 2px solid #AB6E46;
		-webkit-border-radius: 3px;
   		   -moz-border-radius: 3px;
				border-radius: 3px;
		background: #0F0F0F;
		color: #FFF;
		/*Check em's*/
		font: 1.1em/1 Tahoma, Arial, sans-serif;
	}
	#navigation form .submit {
		/*font: 1.1em/1.5 Arial, sans-serif;*/
		background: none;
		border: none;
		font: bold 1.3em/1.5 Arial, sans-serif;
		color: #FFA66C;
		padding: 0;
	}

#intro {
	margin: 20px 10px;
}
#intro img {
	margin: 0 auto;
	display: block;
	border: 3px solid #FFF;
}
#intro ul.slide-gallery {
	margin: 0 0 0 20px;
	list-style-type: none;
	height: 193px;
	overflow: hidden;
}
#home #intro {
	margin: 20px 10px 10px 10px;
}
#home #intro h1 {
	width: 790px;
	margin: 20px 0 0 35px;
}
#home img.smallfry-team {
	background: #171717;
	padding: 7px;
}

#awards #jump-to ul {
	margin: 60px 0;
	font: 1.2em/2 Tahoma, Arial, sans-serif;
}
	#awards #jump-to ul a {
		color: #FFA56C;
	}
#awards .award {
	margin: 40px 0 10px 5px;
}

#content {
	margin-top: 20px;
	margin-bottom: 40px;
}
	#content ol#first-fresh-fast {
		margin: 0 0 20px -10px;
		float: left;
	}
		#content ol#first-fresh-fast li {
			width: 156px;
			padding: 10px;
			margin: 0 0 0 10px;
			display: inline;
			background: #171717;
			float: left;
		}
		#first #content ol#first-fresh-fast li.first, 
		#fresh #content ol#first-fresh-fast li.fresh, 
		#fast #content ol#first-fresh-fast li.fast {
			background: #363636;
		}
			#content ol#first-fresh-fast li p {
				margin: 0 0 10px 0;
			}
			#content ol#first-fresh-fast li.first a.valign {
				margin: 34px 0 10px 0;
				display: block;
			}
			#content ol#first-fresh-fast li.fresh a.valign {
				margin: 0 0 10px 0;
				display: block;
			}
			#content ol#first-fresh-fast li.fast a.valign {
				display: block;
				margin: 0 0 10px 0;
			}
				#content ol#first-fresh-fast li p strong {
					color: #FFA66C;
				}
			#content ol#first-fresh-fast li a {
				color: #FFA66C;
			}
	#products #content ul, #clients #content ul {
		margin: 0 0 20px -25px;
		float: left;
	}
	.product #content ul, #intro ul {
		margin: 20px 0 20px 30px;
		list-style-type: disc;
	}
		#products #content ul li, #clients #content ul li {
			width: 241px;
			padding: 7px;
			margin: 0 0 25px 25px;
			display: inline;
			background: #171717;
			float: left;
		}
		#clients #content ul li {
			background: #FFF;
			padding: 0;
		}
			#products #content ul li p, .product #content ul li, #intro ul li {
				margin: 0;
				font: 1.2em/2 Arial, sans-serif;
			}
		#process #content ul li {
			margin: 10px 0;
		}
			#products #content ul li a {
				color: #FFA56C;
			}
	#company-information #sub-content img {
		float: right;
		margin: 10px 10px 10px 40px;
	}
	#process #content img {
		padding: 5px;
		background: #FFF;
	}
	#clients #sub-content p, #products #sub-content p {
		font: 1.2em/1.8 Arial, sans-serif;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #666;
	}
	#first #sub-content, #fresh #sub-content, #fast #sub-content {
		margin: 80px 0 10px 0;
	}
	#first #details, #fresh #details, #fast #details {
		margin-top: 145px;
	}
	#products #sub-content p, #first #sub-content p, 
	#fresh #sub-content p, #fast #sub-content p {
		border-bottom: none;
		width: 90%;
	}
	#products #sub-content img, .product #content img, 
	#first #sub-content img, #fresh #sub-content img, #fast #sub-content img {
		border: 3px solid #FFF;		
	}
	.product #content img, #first #sub-content img, 
	#fresh #sub-content img, #fast #sub-content img {
		margin-bottom: 20px;
	}
	#products #sub-content ul {
		margin: 0 15px;
	}
	#products #sub-content ul {
		list-style-type: square;
	}
	#clients #sub-content ul {
		list-style-type: none;
		margin: 20px 0;
	}
	#clients #sub-content ul li, #products #sub-content ul li  {
		font: 1.1em/1.2 Arial, sans-serif;
		margin: 10px 0;
	}
	#process #content ol {
		margin: -38px 0 10px 0;
		padding: 50px 0 0 70px;
		width: 290px;
		color: #FFF;
		font: bold 1.4em/1.8 "Trebuchet MS", "Arial", "Helvetica", sans-serif;
		list-style-type: decimal;
		float: right;
		background: url(Images/Orange-Cloud.jpg) top left no-repeat;
	}
		#process #content ol li {
			margin: 0 auto 8px auto;
			width: 190px;
			padding: 5px 0;
			border: 2px solid #FFF;
			-webkit-border-radius: 15px;
			   -moz-border-radius: 15px;
					border-radius: 15px;
			list-style-position: inside;
			text-align: center;
			background: #4A4A4A;
			z-index: 1;
		}
			#process #content ol li strong {
				background: url(Images/process-list-arrow.gif) no-repeat bottom center;
				padding: 0 0 24px 18px;
				margin: 0 0 0 -18px;
				z-index: 1000;
			}
	#process #content p {
		width: 377px;
		float: left;
	}
	#process #content img {
		float: right;
		margin: 0;
	}
	#contact #content img {
		margin: 10px 0 80px 0;
	}
	#contact #content ul {
		width: 200px;
		margin: 20px 0 20px 0;
		background: #0D0D0D;
		padding: 10px;
	}
		#contact #content ul li {
			font: 1.2em/1.5 Tahoma, Arial, sans-serif;
			margin: 10px;
		}
	#blog-post ul, #blog-post ol, .post ul, .post ol {
		margin: 20px 0 20px 30px;
		font: 1.2em/2 Arial, sans-serif;
		list-style-type: disc;
	}
#search-results img {
	float: left;
	margin: 10px 10px 20px 0;
}
	#search-results .result {
		width: 346px;
		margin: 10px 0 20px 0;
		background: #0D0D0D;
		padding: 10px 15px;
		float: left;
		height: 93px;
		overflow: hidden;
	}
		#search-results .result p {
			margin: 0 0 5px 0;
			font-size: 1.1em;
		}
			#search-results .result p a {
				color: #FFA66C;
			}
		
#sub-content ul {
	list-style-type: disc;
	margin: 20px 15px;
}
#sub-content .team-member h3 {
	clear: left;
	display: inline;
}
#sub-content .team-member img {
	float: right;
	border: 2px solid #FFA66C;
}
#sub-content .team-member ul {
	margin: 20px 35px;
	font-size: 1.2em;
}
	#sub-content .team-member ul li {
		margin: 10px 0 10px 0;
	}
#sub-content .team-member {
	margin: 10px 0 80px 0;
}
	#sub-content .team-member h2 {
		border-bottom: 1px solid #FFA66C;
		font-size: 2em;
	}
	#sub-content .team-member h3 {
		margin-bottom: 0;
	}

#details {
	margin-top: 65px;
	margin-bottom: 40px;
}	
	#details h3.context {
		padding: 0 0 0 26px;
		background: url(Images/context.gif) no-repeat 0 5px;
	}
	#details ul.tags li {
		font: 1.0em/1 Verdana, Tahoma, Arial, sans-serif;
		margin: 15px 0;
	}
		#details ul.tags li a {
			padding: 4px;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			       border-radius: 3px;
			background: #161616;
			text-decoration: none;
			color: #AB6D46;
		}
	#details ul.jump-links {
		margin: 8px 0 20px 0;
		font: 1.2em/2 Arial, sans-serif;
	}
		#details ul.jump-links li {
			padding: 0 0 0 26px;
			background: url(Images/breadcrumbs.gif) no-repeat 0 5px;
		}
			#details ul.jump-links li a {
				color: #FFA56C;
			}
		
blockquote {
	margin: 50px 0 10px 0;
}
blockquote p {
	font: italic 1.8em/1.5 Georgia, "Times New Roman", Times, serif;
	color: #FFA56C;
}
cite {
	font: 1.0em/1 Verdana, Tahoma, Arial, sans-serif;
	color: #443D39;
	padding: 10px;
	background: #0D0D0D;
	text-decoration: none;
	display: block;
}

#sidebar {
	margin-top: 20px;
	margin-bottom: 40px;
	color: #E5E5E5;
}
#first #sidebar, #fast #sidebar, #fresh #sidebar {
	height: 1385px;
}
#first #sidebar {
	background: url(Images/sidebar_first.png) no-repeat top left;
}
#fresh #sidebar {
	background: url(Images/sidebar_fresh.png) no-repeat top left;
}
#fast #sidebar {
	background: url(Images/sidebar_fast.png) no-repeat top left;
}
#sidebar img {
	margin: 10px 0 20px 0;
}
#sidebar ul li {
	font: 1.2em/2 Arial, sans-serif;
	margin: 0 0 20px 0;
}	
	#sidebar ul li h2 {
		font: 1.417em/1.5 Arial, sans-serif;
	}
	#sidebar ul li h2.related {
		padding: 0 0 0 26px;
		background: url(Images/related.gif) no-repeat 0 5px;
	}
	#sidebar ul li h2.media {
		padding: 0 0 0 26px;
		margin: 50px 0 10px 0;
		background: url(Images/media.gif) no-repeat 0 5px;
	}
	#sidebar ul li h2.latest-news, #sidebar ul li h2.contact-us {
		padding: 0 0 0 26px;
		background: url(Images/news.gif) no-repeat 0 5px;
	}
	#sidebar ul li a {
		color: #FFA66C;
	}
#sidebar form {
	width: 150px;
	margin: 30px 0 80px 0;
}
	#sidebar legend {
		color: #FFA56C;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 20px 0;
	}
		#sidebar form fieldset label {
			color: #FFF;
			margin: 10px 0;
		}
		#sidebar form fieldset label, #sidebar form fieldset input {
			display: block;
			font-size: 1.2em;
			margin: 10px 0;
		}
		#sidebar form fieldset input, #sidebar form fieldset textarea {
			margin: 10px 0;
			width: 140px;
			padding: 5px;
			border: 2px solid #AB6E46;
			background: #0F0F0F;
			color: #FFF;
		}
		#sidebar label.check { 
			display: inline;
		}
		#sidebar fieldset input#callback {
			display: inline;
			width: 15px;
			margin: 10px 0;
		}
	#news-nav {
		margin: 0 0 30px 0;
	}
	#news-nav a, #featured-nav a {
		color: #FFA66C;
	}
	#news-nav p, #featured-nav p {
		font: 1.5em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
		color: #E5E5E5;;
	}
	#news-nav li p, #featured-nav li p {
		font: 1.1em/2 Arial, sans-serif;
		color: #FFF;
	}

		
#tags ul, #extras ul {
	font: 1.1em/2 Tahoma, Arial, sans-serif;
	margin: 10px 20px 10px 0;
}
	#tags ul li {
		margin: 0 10px 10px 0;
		display: inline;
	}
		#tags ul li a, #extras ul li a {
			color: #999;
		}
	
#footer {
	background: #0D0D0D;
	padding: 20px 0;
	margin: 20px 0 0 0;
}
	#footer a { text-decoration: none; }

	#footer h4 {
		margin: 10px 0 20px 0;
		color: #FFA66C;
	}
	#footer p, #footer a {
		color: #FFA66C;
	}
	#footer form p { 
		position: relative;
		color: #CCC;
		margin: 0 0 0 0;
	}
	#footer form fieldset p label  { 
		position: absolute; 
		width: 26px;
		height: 26px;
		background: url(Images/search.gif) no-repeat 0 5px;
		text-indent: -9999px;
	}
	#footer form fieldset p input {
		padding: 4px;
		border: 2px solid #AB6E46;
		background: #0F0F0F;
		color: #FFF;
		margin: 0 0 0 30px;
		/*Check em's*/
		font: 1.1em/1 Tahoma, Arial, sans-serif;
	}
	#footer form .submit {
		font: 1.1em/1.5 Arial, sans-serif;
	}
	#footer ul {
		font: 1.1em/2 Tahoma, Arial, sans-serif;
		margin: 0;
	}
		#footer ul li {
			margin: 0 0 10px 0;
		}
#credits {
	background: #0A0A0A;
	padding: 20px 0;
}
	#credits p {
		margin: 0;
		color: #C3C3C3;
	}
	#credits a {
		color: #C3C3C3;
	}
	#credits a.totop {
		color: #FFA66C;
	}