/*
Theme Name: PFD Choc Theme
Theme URI: http://www.paulfosterdesign.co.uk
Description: Darker portfolio theme
Version: 1.0
Author: Paul Foster
Author URI: http://www.paulfosterdesign.co.uk
Tags: dark, custom header, fixed width, two columns, widgets
Copyright: (c) Paul Foster 2011

If you are reading this, you do not have permission to use my portfolio theme - it is for my website only.
*/

	html,body,div,span,h1,h2,h3,p,blockquote,a,img,strong,ol,ul,li,form {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
	body {margin:0;padding:0;font: normal 1em/1em "trebuchet ms",freesans,helvetica,arial,sans-serif;color:#333;background:#1F1C19 url(images/pfd_bg_sitebg.png) repeat-x;background-attachment:fixed}
	
	.clear {clear:both}
	.nobrdr {border:none !important}
	.fr {float:right}
	.fl {float:left}
	.divide {display:block;height:1em;border-top:0.2em solid #ddd}
	input {margin: 0.2em}
	
	a, a:link {color:#777;text-decoration:none}
	a:visited {color:#777}
	a:hover, a:active, a:focus {color:#000;text-decoration:underline}
	
	h2 {margin:0.4em 0;font-size:1.3em;line-height:1.3em;}
	h3 {margin:0.2em 0 0;font-size:1em;line-height:1em;}
	.current, #content h2:first-child {padding:0 0 0 0.3em;margin-left:0.1em !important;border-left:0.5em solid #53c1be !important;color:#000}
		
	img, img a {border:none;outline:none}
	p, blockquote p, #content ul {margin:0.8em 0;font-size:0.8em;line-height:1.6em}
	blockquote {margin:1em 0 1em 1em;padding:0.2em 0 0.2em 1em;border-left:0.3em solid #3B3933}
	
	p a:link, p a:visited, p a:active {font-weight:bold;text-decoration:none;color:#41afaa;border-bottom:0.1em dotted #41afaa}
	p a:hover, p a:focus {border-bottom:0.1em solid #000;color:#000}
		
	#drop {position:relative;width:960px;margin:20px auto;text-align:left;background:#fff url(images/pfd_bg_siteheader.png) top center no-repeat}
	
	#header {display:block;width:960px;height:94px;text-shadow:0.2em 0.2em 0.3em #000}
	#header a, #pfdlinks a, #subfooter a {color:#fff}
	h1 {position:absolute;display:block;top:27px;left:30px;font-size:1.9em;line-height:1em}
	h1 img {display:block;float:left;padding-right:40px}
	
	#content {position:relative;float:right;right:30px;width:700px;height:auto;min-height:560px;font:normal 1em/2em "helvetica neue",helvetica,freesans,arial,sans-serif}
	#content ul {margin:0.8em 0 0.8em 1em;list-style-position:inside;list-style-type:square}
	
	#pfdlinks {position:relative;float:right;top:40px;right:25px;display:block;font-size:0.8em;line-height:1em;text-shadow: 0.2em 0.2em 0.3em #000}
	#pfdlinks li {display:inline;float:left;padding:0.1em 0.6em;border-right: 0.2em solid #555;list-style-position:outside}
	
	/* LEFTNAV */
	#leftnav {position:relative;float:left;display:block;width:180px;top:40px;left:25px;font-size:0.8em;color:#ccc}
	#leftnav ul {list-style-type:none;margin:0 0 2em 0}
	#leftnav ul ul {border-left:0.2em solid #ddd;padding-left:0.1em}
	#leftnav ul ul li {position:relative;padding:0.3em 0;margin-left:0.1em}
	#leftnav ul ul li a {padding:0.3em 0 0.3em 0.4em}
	#leftnav h2:before {content: "/ ";}
	
	#leftnav li a:hover {border-left: 0.5em solid #ccc;-moz-transition: all .1s linear;-webkit-transition: all .1s linear;transition: all .2s linear}
	#leftnav li h2 a:hover, #leftnav li.current a:hover {border:none}
	
	.preview {position:absolute;left:-9999em;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0.5}
	a:hover .preview {position:absolute;z-index:102;display:block !important;top:0;left:140px;width:92px;height:76px;background:transparent url(images/pfd-bg-navthumbs.png) top right no-repeat !important;opacity:1}
	
	.bg {position:relative;display:block !important;top:4px;left:28px;width:60px;height:60px;background:#fff url(images/pfd-workthumbs.jpg) no-repeat}
	
	.digitalsignage {background-position: 0 -70px !important}
	.gameapp {background-position: -70px -70px !important}
	.xmascracker {background-position: -140px -70px !important}
	.sizechart {background-position: -210px -70px !important}
	
	.rodizio {background-position: 0 -140px !important}
	.streetfighter {background-position: -70px -140px !important}
	.gameplay {background-position: -140px -140px !important}
	.nintendo {background-position: -210px -140px !important}
	.printtheme {background-position: -280px -140px !important}
	
	.kalanda {background-position: 0 0 !important}
	.ledfin {background-position: -70px 0 !important}
	.safe2o {background-position: -140px 0 !important}
	.simpla {background-position: -210px 0 !important}
	

	#footer {position:relative;display:block;margin:20px auto;padding:24px 30px 0;font-size:0.7em;text-align:right;color:#555;background:#1F1C19 url(images/pfd_bg_sitefooter.png) top center no-repeat}
 	#social {margin-top:-34px;width:85px}
		
	/*
	 * jQuery Nivo Slider v2.4
	 * http://nivo.dev7studios.com
	 *
	 * Copyright 2011, Gilbert Pellegrom
	 * Free to use and abuse under the MIT license.
	 * http://www.opensource.org/licenses/mit-license.php
	 * 
	 * March 2010
	 */
	.nivoSlider{position:relative;background-color:#efefef !important;min-height:480px;clear:both}
	.nivoSlider img{position:absolute;top:0px;left:0px}
	.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
	.nivo-slice{display:block;position:absolute;z-index:50;height:100%}
	.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.7;width:100%;z-index:89}
	.nivo-caption p{padding:5px;margin:0;color:#fff;opacity:1}
	.nivo-caption a{display:inline !important}
	.nivo-html-caption{display:none}
	.nivo-controlNav{position:absolute;right:0;top:-34px}
	.nivo-controlNav a{display:block;width:22px;height:22px;background:url(images/bg-bullet.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left}
	.nivo-controlNav a.active{background-position:0 -22px}
	/*END*/
	.homehero{height:235px;padding:10px 12px;margin:20px auto;background:url(images/bg-homehero.png) no-repeat top center}
	.homehero .nivoSlider {min-height:230px}
	.homehero .nivo-controlNav{top:-55px;right:-12px}
	
	#slider{margin:0 !important;list-style-position:outside;list-style-type:none !important;display:block !important;clear:both}
	#slider li a{display:block}
			
	/* CATEGORY PAGES */
	.cat_item {position:relative;float:left;display:block;width:340px;margin:15px 10px 0 0;overflow:hidden;font-size:0.9em;}
	.cat_item img {float:left;display:block;padding:4px;border:1px solid #ccc;margin:0 10px 10px 0;opacity:1}
	.cat_item img:hover {opacity:0.8}
	.catlink {display:inline;color:#000 !important;text-decoration:none !important;padding-left:0.3em;border-left:0.4em solid #ddd}
	.catlink:hover {border-left: 0.4em solid #33c1be}
	
	.cat_item span {display:none}
	
	/* INDIVIDUAL PAGES */
	.greypannel {display:block;padding:1em;background-color:#eee;border-left:0.7em solid #ddd}
	.greypannel div p {width:260px}
	
	.portrait-text {width:300px;display:block}
	.portrait-img {
		width:380px;
		border:1px solid #ddd;
		-webkit-box-shadow: 0 0 4px rgba(100,100,100,0.3);
		box-shadow: 0 0 4px rgba(100,100,100,0.3);
	}
	
	/*About*/
	.twocol {width:310px;margin-left:0px;padding-left:10px}
	.small {font-size:0.7em;color:#777}
	
	/*Contact page specific*/
	#contact {position:relative;float:left;display:block;width:300px;padding:2em;margin:0.6em;font-family:"trebuchet ms",freesans,helvetica,arial,sans-serif;border:0.1em solid #ccc;min-height:150px;background-color:#fff;-o-box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2);-webkit-box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2);-moz-box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2);box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2)}
	.large {font-size:1.2em}.note {color:#bbb !important}.botrgt {position:absolute;z-index:109;bottom:-2.4em;right:0;font-size:0.7em;color:#999 !important;text-decoration:none !important;border-bottom:none !important}.botrgt:hover {text-decoration:underline !important}
	
	#content a[target='_blank'] {display:inline;padding-right:18px;background:url(images/icon_newpage.png) no-repeat center right}
	
/*Print Styles*/
@media print {
	body, html, #drop, #content, #header, h1, #maincol, .cat_item, .cat_item_margin, #footer {float:none !important;position:relative;display:block;width:auto !important;height:auto;padding:0;margin:0 !important;right:auto;top:0;bottom:0;left:auto;font:normal 1em/1.4 "Helvetica Neue",sans-serif;text-align:left;background: none}
	p, a, #footer {font-size:small;color:#000 !important;border-color:#888 !important}
	blockquote {margin:1em 0 1em 1em;padding:.5em 0 .5em 1em;border-left:0.3em solid #777;}
	#content a, p a:after {padding:0 2px !important;content: "[" attr(href) "]";word-wrap:break;white-space:normal;font-weight:normal}
	h1 img, #maincats, #leftnav, #pfdlinks {display:none !important;}
	h1 a {font:normal 2em/1.4 "Trebuchet MS",sans-serif;color:#000;text-decoration:none;text-shadow:none !important;}
	div > h2 {display:inline;padding:0 0.4em;border-left:0.4em solid rgb(205,205,200) !important;}
}