/*
Theme Name: Jacto
Theme URI: http://www.mushindesign.co.uk/
Description: A portfolio template
Version: 1.0
Author: Martin Burdon
Author URI: http://www.mushindesign.co.uk/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/**************************************

	01. RESET
	02. WORDPRESS CSS
	03. GENERAL
	04. TEXT STYLES
	05. HEADER
	06. HOME STYLES
	07. PORTFOLIO
	08. BLOG
	09. SIDEBAR
	10. CONTACT FORM
	11. FOOTER
	12. BUTTONS
	13. MESSAGE BOXES
	14. ICONS
	15. SLIDES SLIDER
	16. CUSTOM WIDGETS
	17. TABS & TOGGLES
	18. COMMENTS

***************************************/



/***** 01. RESET *****/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

/**** 02. WORDPRESS CSS *****/
	/* Aligning elements with WYSIWYG editor */
	.alignnone {
    margin: 5px 20px 20px 0;
}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}
	
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignright {
		float: right;
		margin-left: 15px;
	}

	.alignleft {
		float: left;
		margin-right: 15px;
	}
	
	a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #dcdcdc;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:2px 4px 1px;
	}
	
	.gallery-caption { margin-left: 0; }
	
	/* Standard Widget styles */
	div.textwidget {
		color: #777777;
		margin-bottom: 0;
		text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
	}
	
	.searchbox {
		overflow: hidden;
		}
	
	.searchbox input {
		height: 13px;
		width: 159px;
		margin: 0;
		padding: 9px;
		float: left;
		background: #fcfcfc;
		color: #aaa;
		font: 12px arial;
		-webkit-transition: height .5s, border .5s;
		-moz-transition: height .5s, border .5s;
		-o-transition: height .5s, border .5s;
		transition: height .5s, border .5s;
		border: 2px solid #ddd;
	}
	
	.searchbox .button {
		height: 35px;
		display:block;
		float:left;
		background-color:#333;
		font-size: 11px;
		color:#f5f5f5;
		cursor:pointer;
		padding:5px 10px 6px 10px;
		-webkit-border-radius: 0 2px 2px 0;
		-moz-border-radius: 0 2px 2px 0;
		-o-border-radius: 0 2px 2px 0;
		border-radius: 0 2px 2px 0;
		margin-left: -2px;
		margin-right: 0;
		border: none;
		position: relative;
		-webkit-transition: all .1s;
		-moz-transition: all .1s;
		-o-transition: all .1s;
		transition: all .1s;
	}
		
			.searchbox .button:hover{
				color: #ccc;
				padding-left: 15px;
				margin-left: -7px;
			}
			
			.search-arrow {
				width: 0;
				height: 0;
				border-top: 5px solid transparent;
				border-bottom: 5px solid transparent; 
				border-right:5px solid #333;
				position: absolute;
				left: -5px;
				top: 13px;
			}
	
	.tagcloud {
		display: block;
		overflow: hidden;
	}
	
		.tagcloud a {
			color: #333;
			font-size: 11px;
			margin: 0 10px 10px 0;
			display: block;
			float: left;
			}
	
	#footer-container-large.dark .textwidget {
		color: #d1d1d1;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
		#footer-container-large.dark .textwidget p {
			text-shadow: none;
			}
	
/***** 03. GENERAL *****/
	body {
		font-family: "Helvetica Neue", Helvetica, "Droid Sans", Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		color: #666;
	}
	
	#wrapper {
		width: 940px;
		margin: 36px auto 0px auto;
		padding: 0 20px 40px 20px;
		overflow: hidden;
		background: #f9f9f9;
		-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 10px;
		-moz-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 10px;
		-o-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 10px;
		box-shadow: rgba(0, 0, 0, 0.05) 0 3px 10px;
	}
	
		#content {
			overflow: visible;
			clear: both;
			padding-top: 20px;
		}
	
			#content.min {
				width: 620px;
				padding-right: 30px;
				float: left;
			}
		
		.sidebar {
			width: 240px;
			float: left;
		}
		
			.sidebar.single-page {
			}
		
	.user-content ul {
		color: #666;
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0 20px 20px;
		list-style-position: inside;
	}
	
		.user-content ul li {
			margin: 0;
			padding: 3px 0 3px 0;
		}

	.user-content ol {
		color: #666;
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0 20px 20px;
		list-style-position: inside;
	}	
	
		.user-content ol li {
			margin: 0;
			padding: 3px 0 3px 25px;
		}
		
	.user-content { clear: both; margin-top: 0px; }
	
	.float-left { float: left; }
	.float-right { float: right; }
	
	/* Fluid columns */
	.full_width{ width:100%; }
	.one_half{ width:48%; }
	.one_third{ width:30.66%; }
	.two_third{ width:65.33%; }
	.one_fourth{ width:22%; }
	.three_fourth{ width:74%; }
	.one_fifth{ width:16.8%; }
	.two_fifth{ width:37.6%; }
	.three_fifth{ width:58.4%; }
	.four_fifth{ width:67.2%; }
	.one_sixth{ width:13.33%; }
	.five_sixth{ width:82.67%; }
	.full_width,.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; margin-bottom: 20px; }
	.last{ margin-right:0 !important; clear:right; }
	.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
	
	#slider {
		clear: both;
		height: 380px;
		margin: 0 0 60px 0;
		padding: 10px;
		background: #ffffff;
		-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	
	.theme-default .nivo-controlNav {
		position:absolute;
		right: 0px;
		bottom: 0px;
		margin-left:-40px; /* Tweak this to center bullets */
		z-index: 100;
		background: #fff;
		-webkit-border-radius: 2px 0 0 0;
		-moz-border-radius: 2px 0 0 0;
		-o-border-radius: 2px 0 0 0;
		border-radius: 2px 0 0 0;
	}

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

/***** 04. SWHOCASE AREA *****/
	#showcase_area {
		min-height: 305px;
		width: 980px;
		margin: 44px auto 0 auto;
		overflow: visible;
	}
		
		/*Intro section*/
		#intro_box {
			min-height: 254px;
			width: 280px;
			border-top: 1px solid #fff;
			margin-right: 40px;
			position: relative;
			background: #f9f9f9;
			float: left;
			padding: 20px;
		}
			
			.intro_box_bottom {
				background: url(images/general/intro_box_bottom.png) no-repeat 0 center;
				height: 8px;
				width: 320px;
				position: absolute;
				bottom: -8px;
				left:0;
			}

			.intro_cta { margin-bottom: 11px; overflow: hidden; }
			.intro .button { margin-right: 0; margin-left: 0; }
			
			.intro_or { text-align: center; padding-top: 3px; margin-bottom: 0; }
			
			.intro_third {
				position: relative;
				float: left;
				width: 42%;
				margin-right: 2%;
				}
				
			.intro_third_small {
				position: relative;
				float: left;
				width: 10%;
				margin-right: 2%;		
			}

			.intro_third .button {margin: 0;}
		
		/*Slider*/
		#showcase_slider {
			height: 284px;
			width: 610px;
			border-top: 1px solid #fff;
			margin-right: 0px;
			position: relative;
			background: #f9f9f9;
			float: left;
			padding: 5px;
		}

			.showcase_slider_bottom {
				background: url(images/general/showcase_slider_bottom.png) no-repeat 0 center;
				height: 8px;
				width: 620px;
				position: absolute;
				bottom: -8px;
				left:0;
			}

		.slides_container_showcase {
		    width:610px;
		    height:285px;
		    overflow:hidden;
		  }

			 .slides_container_showcase .showcase_slide {
			 		position: relative;
				    width:610px;
				    height:285px;
				    display:block;
	  			}
	  	
	  	.showcase_prev, .showcase_next {
	  		z-index: 9000;
	  		position: absolute;
	  		bottom: 4px;
	  		height: 30px;
	  		width: 30px;
	  		text-indent: -9999px;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
	  	}

	  	.showcase_prev {
	  		background: #060909 url(images/slider/showcase_prev.png) no-repeat;
	  		left: 5px;
	  	}
	  	.showcase_next {
	  		background: #060909 url(images/slider/showcase_next.png) no-repeat;
	  		left: 35px;
	  	}

	  	ul.showcase_pagination {
	  		z-index: 9000;
	  		position: absolute;
	  		list-style: none;
	  		bottom: 12px;
	  		right: 13px;
	  	}

	  		ul.showcase_pagination li {
	  			float: left;
				margin-left: 8px;
	  		}

	  			ul.showcase_pagination li.current a { background: #fff;}

	  		ul.showcase_pagination li a {
		  			display: block;
		  			text-indent: -9999px;
		  			height: 10px;
		  			width: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					-o-border-radius: 10px;
					border-radius: 10px;
					background: #060909;
	  		}

	  	.showcase_caption {
	  		position: absolute;
	  		bottom: 0;
	  		left: 60px;
	  		background: #060909 url(images/slider/showcase_divider.png) no-repeat;
	  		padding: 6px 15px;
	  		color: #fff;
	  		font-size: 11px;
	  	}

	  		

/***** 05. TEXT STYLES *****/
	a {
		text-decoration: none;
	}
	
		a:hover {
		}
		
	p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 18px;
		color: #666666;
		font-weight: normal;
		text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
	}
		
	h1 {
		font-size: 24px;
		margin: 0 0 20px 0;
		color: #333;
	}
	
		h1.page-titles {
			text-align: left;
			background: url(images/general/divider-dots.png) repeat-x;
			height: 30px;
			position: relative;
			margin-top: 20px;
			line-height: 26px;
		}
		
			h1.page-titles span {
				font-size: 24px; 
				padding: 8px 25px 8px 0;
				color: #222;
				background: #F9F9F9;
				text-shadow: none;
				position: absolute;
				top: -20px;
			}
		
	h2 {
		font-size: 20px;
		margin: 0 0 20px 0;
		color: #333;
	}
	
	h3 {
		font-size: 18px;
		margin: 0 0 10px 0;
		color: #333;
		line-height: 24px;
		text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
	}
	
	h4 {
		font-size: 14px;
		margin: 0 0 10px 0;
		color: #333;
	}
	
	h5 {
		font-size: 12px;
		margin: 0 0 10px 0;
		color: #333;
	}
	
	h6 {
		font-size: 12px;
		margin: 0 0 10px 0;
	}
	
	.divider {
		background: url(images/general/indent-light.png) repeat-x;
		clear: both;
		height: 2px;
		margin: 40px 0;
	}

	.divider2 {
		background: url(images/general/divider-dots-work.png) repeat-x;
		clear: both;
		height: 3px;
		margin: 40px 0;
	}

	.divider3 {
		background: url(images/general/divider-dots.png) repeat-x;
		clear: both;
		height: 10px;
		margin: 40px 0;
	}
	
	.divider-sidebar {
		background: url(images/general/indent-light.png) repeat-x;
		clear: both;
		height: 2px;
		margin: 0 0 40px 0;
	}
	
	blockquote {
		min-height: 40px;
		font-family: "Droid Serif", Georgia, Times, serif;
		font-style: italic;
		margin-left: 15px;
		padding: 0 40px;
		color: #999;
	}
	
	.quote {
		min-height: 40px;
		font-family: "Droid Serif", Georgia, Times, serif;
		font-style: italic;
		margin: 0 0 15px 20px;
		padding: 5px 20px;
		color: #666666;
		width: 33%;
		border-left: 5px solid #aaaaaa;
	}
	
		.quote.left { float: left; }
		.quote.right { float: right; }
		
	.code {
		font-size: 12px;
		font-family: "andale mono", "lucida console", monospace;
		margin: 10px 0;
		padding: 10px 5px 20px 5px;
		border-left: 10px solid #c9c9c9;
		border-top: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		background: #f9f9f9;
		color: #666;
	}
	
	.space {
		clear: both;
		height: 40px;
		display: block;
	}
	
	img.border {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		padding: 10px;
		background: #ffffff;
		-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}

	.no-margin-left { margin-left: 0;}
	.no-margin-right { margin-right: 0;}

/***** 06. HEADER *****/
	#header {
		width: 940px;
		margin: 0px auto;
		padding: 20px;
		overflow: hidden;
		background: #fff;
	}
	
		#logo {
			float: left;
			margin: 10px 0;
		}
			#logo a {
				float: left;
				margin-right: 30px;
			}
			
			#logo h1 { margin-bottom: 0; }
			
			#header span {
				float: right;
				font-size: 12px;
				width: 310px;
				text-align: right;
			}
		
		/** Dark nav styles **/
		#primary-nav-container{
			border-top: 1px solid #121314;
			border-bottom: 5px solid #0a0a0a;
			background: #3a3e40 url(images/nav/dark-span.png) repeat-x;
			width: 980px;
			margin: 0 auto;
		}
		
			#primary-nav-container #primary-nav {
				width: 980px;
				margin: 0 auto;
				height: 34px;
				background: url(images/nav/dark-sep.png) no-repeat left 0;
			}

				#primary-nav-container #primary-nav ul {
					list-style: none;
				}
			
					#primary-nav-container #primary-nav ul li {
						float: left;
						position: relative;
						background: url(images/nav/dark-sep.png) no-repeat right 0;
					}
					
						#primary-nav-container #primary-nav ul li a {
							color: #e3e3e3;
							font-size: 12px;
							text-decoration: none;
							font-weight: bold;
							display: block;
							padding: 5px 15px;
							text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
						}
						
						#primary-nav-container #primary-nav ul li a:hover {
							color: #ffffff;
						}
						
						/* Sub menu styles */
						#primary-nav-container #primary-nav ul li ul li {
							background: #131415;
						}
						
						/* First drop */
						#primary-nav-container .sf-menu ul li { 
							border-bottom: 1px solid #222;
						}

						/*Second Drop */
						#primary-nav-container .sf-menu ul li ul li { 
							border-bottom: 1px solid #2c2f32;
							top: -1px;
						}

/***** 07. HOME STYLES *****/
	/** Home widget area **/
	.home-widget-area {
		margin: 0;
		min-height: 100px;
		text-transform: none;
		overflow: hidden;
		width: 940px;
	}
		
	/** Default Widget styles **/
	.home-widget-box .textwidget {
		font-size: 12px;
		line-height: 18px;
		color: #777777;
		font-weight: normal;
	}
	
	.home-widget-box ul{ list-style: none; line-height: 18px; }
	
	/** Home other **/
	.home-title {
		background: url(images/general/divider-dots-work.png) repeat-x 0 center;
		position: relative;
		top: -28px;
		text-align: center;
	}

		.home-title h3 {
			font-size: 14px;
			text-transform: uppercase;
			padding: 8px 25px;
			color: #fff;
			background: #060909;
			text-shadow: none;
			display: inline;
		}
	
	/** Home latest work **/
	#latest-work-container {
	}

	.latest-work {
		width: 960px;
	}

		.latest-work ul {
			list-style: none;
		}

			.latest-work ul li {
				float: left;
				margin-bottom: 40px;
			}

	/*Less margin (to fit title in) for standard layout*/
	.lw_standard .work-item {
		position: relative;
		margin: 0 20px 10px 0;
		overflow: hidden;
	}

	/*Set gridnav container height for layouts using gridnav*/
	.threecol { height: 220px;}
	.fourcol { height: 190px;}
	.fivecol { height: 200px;}

		.work-item img { display: block; } /*remove that pesky white-space beneathe images!*/
		
		/*Standard layouts title*/
		span.lw_title {
			text-align: center;
			font-size: 12px;
			color: #222;
			margin-right: 20px;
			display: block;
			text-transform: uppercase;
			font-weight: bold;
		}
	
	ul.tj_gallery .work-item .overlay-zoom, ul.tj_gallery .work-item .overlay-link {
		height: 40px;
		width: 40px;
		position: absolute;
		top: 34%;
		z-index: 9000; /* Must be lower than 9500 (zindex of lightbox) */
		filter: alpha(opacity=70);
		opacity: 0.7;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.portfolio_page .work-thumb .overlay-zoom, .portfolio_page .work-thumb .overlay-link {
		height: 40px;
		width: 40px;
		position: absolute;
		top: 38%;
		z-index: 9000; /* Must be lower than 9500 (zindex of lightbox) */
		filter: alpha(opacity=70);
		opacity: 0.7;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.work-item .overlay-zoom {
		left: -60px;
		background: #fff url(images/general/thumb-zoom.png) no-repeat center center;
	}

	.work-item .overlay-link {
		right: -60px;
		background: #fff url(images/general/thumb-more.png) no-repeat center center;
	}

	.work-item .overlay {
		height: 100%;
		width: 100%;
		background: #000;
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		overflow: hidden;
	}

		.work-item .overlay:hover {
			filter: alpha(opacity=70);
			opacity: 0.7;
		}
			
		.work-item .last { margin-right: 0; }

	#lw-tag-left {
		width: 85%;
		float: left;
	}

	#lw-tag-right {
		width: 15%;
		float: right;
		margin: 0;
	}

	p.lw-tag {
		font-size: 12px;
		font-style: oblique;
		float: right;
		line-height: 30px;
	}

	.button.lw-button {
		margin-right: 0;
		float: right;
	}

	/* Gridnav styles */
	#gridnav { position: relative ;}

	.gridnav_nav{
		position: relative;
	}

	.gridnav_nav span.gridnav_prev, .gridnav_nav span.gridnav_next{
		width:20px;
		height:20px;
		position:absolute;
		top:-50px;
		text-indent:-9000px;
		cursor:pointer;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.gridnav_nav span.gridnav_prev{
		background: #060909 url(images/general/lw_prev.png) no-repeat;
		left:0px;
	}
	.gridnav_nav span.gridnav_next{
		background: #060909 url(images/general/lw_next.png) no-repeat;
		right:20px;
	}

	.gridnav_wrapper{
		width:100%;
		height:100%;
		position:relative;
		margin:0px auto;
	}
	.gridnav_wrapper ul li{
		float:left;
	}
	.gridnav_wrapper ul li a{
		outline:none;
		display:block;
		margin:5px;
	}
	.gridnav_wrapper ul li a img{
		display:block;
		border:none;
		opacity:0.7;
		-moz-box-shadow:2px 2px 4px #8e8e8e;
		-webkit-box-shadow:2px 2px 4px #8e8e8e;
		box-shadow:2px 2px 4px #8e8e8e;	
	}
		
	/** home latest blog **/
	#home_blog_container {
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
		background: #1d1d1d url(images/general/footer-bg.png) repeat;
	}

	#home_blog_inner {
		width: 940px;
		padding: 20px;
		overflow: hidden;
		color: #ddd;
	}

	.home_blog_dash {
		background: url(images/general/footer_dash_large.png) repeat-x 0 top;
		height:2px;
		margin: 5px 0;
	}

		/*Home blog text styles*/
		#home_blog_inner h6, #home_blog_inner h5, #home_blog_inner h4, #home_blog_inner h3, #home_blog_inner h2, #home_blog_inner h1, #home_blog_inner p
		{
			color: #ddd;
			text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.90);
		}
	
	.latest-blog-item {
		width: 206px;
		overflow: hidden;
		text-align: center;
	}

		.lb-post-date {
			background: url(images/general/indent-dark.png) repeat-x 0 50%;
			text-align: center;
			font-weight: bold;
			color: #fff;
			margin-bottom: 10px;
		}
			
			.lb-post-date span {
				background: #1d1d1d url(images/general/footer-bg.png) repeat;
				padding: 0 15px;			
			}

		img.attachment-blog-latest {
			margin-bottom: 10px;
			-webkit-box-shadow: rgba(0, 0, 0, .5) 0 1px 3px;
			-moz-box-shadow: rgba(0, 0, 0, .5) 0 1px 3px;
			-o-box-shadow: rgba(0, 0, 0, .5) 0 1px 3px;
			box-shadow: rgba(0, 0, 0, .5) 0 1px 3px;
		}

		.lb-post-info {
			float: left;
			width: 206px;
		}
		
			.lb-post-info h4 {
				font-size: 12px;
				color: #222;
			}

			.lb-post-info p {
				margin-bottom: 0;
				color: #666;
				font-size: 11px;
			}

/***** 08. PORTFOLIO *****/
	.portfolio_page {
		width: 960px;
		overflow: hidden;
	}
	
		.portfolio_page .work-item {
			margin: 0 20px 20px 0;
			position: relative;
		}
		
		.portfolio_page .work-item img { 
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		
		.work-item span {
			font-size: 12px;
			color: #333;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: bold;
			text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
		}
		
		.work-thumb {
			position: relative;
			overflow: hidden;
		}

		.threecol .work-info, .fourcol .work-info, .fivecol .work-info {
			text-align: center;
			margin-top: 5px;
		}
		
		.threecol .work-info { width: 300px; height: 30px; }
		.fourcol .work-info { width: 220px; height: 30px; }
		.fivecol .work-info { width: 172px; height: 30px; }
		
		h2.project-heading {
			color: #fff;
			margin: 15px 0;
		}

		/*Single page styling*/
		#single_portfolio {
			width: 980px;
			margin: 44px auto 0 auto;
			overflow: hidden;
		}

			/*Info section*/
			#single_portfolio_info {
				min-height: 200px;
				width: 280px;
				border-top: 1px solid #fff;
				margin-right: 0px;
				margin-bottom: 8px;
				position: relative;
				background: #f9f9f9;
				float: left;
				padding: 20px;
			}

		.port-single-page iframe,
		.port-single-page img {
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}

		.single_portfolio_video {
			border-top: 1px solid #fff;
			margin-right: 40px;
			margin-bottom: 8px;
			position: relative;
			background: #f9f9f9;
			float: left;
			padding: 5px 5px 0 5px;
		}


		.info-tax ul.portfolio-tax, .info-tax ul.portfolio-tax li { list-style: none; padding: 0; margin: 0; }
		.info-tax ul.portfolio-tax { margin-bottom: 10px;}
		
		.info-tax ul.portfolio-tax li {
			background: #060909;
			margin: 0 10px 10px 0;
			padding: 4px 8px;
			display: inline-block;
			color: #fff;
			font-size: 11px;
		}
		
	/*Quicksand*/
	/*Background*/
	#filter-container {
		width: 980px;
		margin: 0 auto 20px auto;
		padding: 0 20px;
		overflow: hidden;
		background: #1d1d1d url(images/general/footer-bg.png) repeat;
		left: -20px;
		position: relative;
	}

	ul.filter-list {
		list-style: none;
		padding: 10px 0;
		margin: 0 0 0 0;
		overflow: hidden;
	}
		
		ul.filter-list li {
			list-style: none;
			padding: 0;
			margin: 0 5px 0 5px;
			float: left;
			font-size: 11px;
		}
		
			ul.filter-list li span { /*Styles for the / separator*/
				margin-right: 5px;
				text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.90);
				color: #eee;
			}
		
			ul.filter-list li.active a{ /*Selected item*/
				color: #fff;
				border-bottom: 1px dotted #aaa;
				padding-bottom: 4px;
			}
		
			ul.filter-list li a { /*Normal item state*/
				-webkit-transition: color .2s;
				-moz-transition: color .2s;
				-o-transition: color .2s;
				transition: color .2s;
				text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.90);
				color: #eee;
			}
			
			ul.filter-list li a:hover { /*Item on hover*/
				color: #666;
			}

	ul.filter-posts {
		padding: 0;
		margin: 0;
	}
	
		ul.filter-posts li {
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
		}
		
/***** 09. BLOG *****/
	.content-min {
		width: 620px;
		margin: 0 80px 0 0;
		float: left;
	}
	
		.content-min.sideleft {
			margin-right: 0;
			margin-left: 80px;
			float: right;
		}
		
		.post {
			position: relative;
			margin: 0 0 60px 0;
		}
		
		.post .sticky {
			text-transform: uppercase;
			float: left;
			margin-right: 15px;
			color: #444;
			}
			
			/** Index page **/			
			.post-info {
				overflow: hidden;
			}
			
				.post-info.postlink {  }
				h1.page-titles a { color: #444; }
				.post-info.postlink p { color: #444; }
				
				.post-info.postquote {  }
				.post-quote p { color: #444; font-size: 16px; line-height: 28px; }
				.post-quote { background: url(images/icons/blog/quote-open.png) no-repeat; padding: 10px 0 0 30px; }
				
				.quote-by {
					text-align: right;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
					color: #666;
				}
		
				.blog-banner {
					margin-bottom: 10px;
				}
				
					.blog-banner img {
					}
			
				.post-meta {
					width: 140px;
					padding-right: 20px;
					float: left;
				}
				
					.post-meta {
						font-size: 11px;
					}
					
					.post-meta span {
						color: #999;
					}
				
				.post-excerpt {
					float: left;
					width:460px;
				}
				
				.post-bottom-border {
					float: left;
					width: 80px;
					border-bottom: 2px solid #474f51;
				}
				
					.post-excerpt iframe{
						margin-bottom: 10px;
						}
				
				/*Meta Icons*/
				.post-date {
					background: url(images/icons/general/blog-date.png) no-repeat;
					padding: 0 0 10px 30px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
				}
				
				.post-author {
					background: url(images/icons/general/blog-user.png) no-repeat;
					padding: 0 0 10px 30px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
				}
				
				.post-comments {
					background: url(images/icons/general/blog-comments.png) no-repeat;
					padding: 0 0 10px 30px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
				}
				
				.post-sticky {
					background: url(images/icons/general/blog-star.png) no-repeat;
					padding: 0 0 10px 30px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
				}
				
				.status p {
					font-size: 18px;
					line-height: 28px;
					color: #333;
				}
				
			/** Index pagination **/
			.pagination {
				clear:both;
				padding:20px 0;
				position:relative;
				font-size:11px;
				line-height:13px;
				}

				.pagination span, .pagination a {
					display:block;
					float:left;
					margin: 2px 5px 2px 0;
					padding: 5px 6px;
					text-decoration:none;
					width:auto;
					color:#333333;
					font-weight: bold;
					background: #f9f9f9;
					border: 1px solid #ddd;
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					-o-transition: all .3s;
					transition: all .3s;
					-webkit-box-shadow: rgba(0, 0, 0, .20) 0 1px 2px;
					-moz-box-shadow: rgba(0, 0, 0, .20) 0 1px 2px;
					-o-box-shadow: rgba(0, 0, 0, .20) 0 1px 2px;
					box-shadow: rgba(0, 0, 0, .20) 0 1px 2px;
					-webkit-border-radius: 2px 2px 2px 2px;
					-moz-border-radius: 2px 2px 2px 2px;
					-o-border-radius: 2px 2px 2px 2px;
					border-radius: 2px 2px 2px 2px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
				}

				.pagination a:hover{
					color:#fff;
					background: #060909;
					border: 1px solid #222;
					text-shadow: none;
				}

				.pagination .current{
					color:#fff;
					background: #060909;
					border: 1px solid #222;
					text-shadow: none;
				}
			
			/**Single page**/
			.post-content {
				margin: 20px 0 40px 0;
			}
			
			.pagination p.newer {
				float: right;
				background: #f9f9f9;
				border: 1px solid #d6d6d6;
				font-size: 11px;
				padding: 2px 9px 2px 9px;
			}
			
			.pagination p.older {
				float: left;
				background: #f9f9f9;
				border: 1px solid #d6d6d6;
				font-size: 11px;
				padding: 2px 9px 2px 9px;
			}
			
			.tags {
				margin: 10px 0;
				background: url(images/general/indent-light.png) repeat-x 0 top;
				padding-top: 20px;
			}
			
			p.tags a {
				font-size: 11px;
				margin: 0 0 10px 0;
				display: inline-block;				
				background: #060909;
				padding: 4px 8px;
				display: inline-block;
				color: #fff;
				text-shadow: none;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s;
			}
			
				p.tags a:hover {
					color: #ffffff;
					text-shadow: none;
				}
			
			#author-info {
				padding: 20px;
				background: #fff;
				border: 1px solid #d0d4d6;
				position: relative;
				-webkit-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
				-moz-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
				-o-box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
				box-shadow: rgba(0, 0, 0, .05) 0 2px 3px;
				margin: 30px 0 3px 0;
			}
			
			#author-info-content {
				overflow: hidden;
			}
			
				#author-image {
					float: left;
					width: 80px;
				}
				
				#author-bio {
					float: left;
					width: 338px;
				}
				
					#author-bio p {
						margin-bottom: 0;
					}
					
			/*Blog Gallery*/
			.slides_container.blog_gallery img {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
			}
	
	/** Archive page **/
	.post-archive {
		position: relative;
		margin: 0 0 30px 0;
	}
	
		.post-archive h5 {
			margin-bottom: 0;
		}
			
/***** 10. SIDEBAR *****/
	.sidebar ul {
		list-style: none;
		margin: 0 0 20px 0;
	}
	
		.sidebar ul li ul li {
			list-style: none;
			margin-left: 0;
			padding: 4px 0 4px 0;
			color: #666;
		}
		
			.sidebar ul li ul {
				list-style: inside;
				list-style-type: none;
				padding: 0 0 0 0;
				color: #333;
				font-size: 12px;
			}
			
				.sidebar ul li ul li ul {
					margin: 0 0 0 20px;
				}
		
	.sidebar .block {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		overflow: hidden;
	}

		.sidebar .block a {
			color: #666;
			border-bottom: 1px dotted #888;
			padding-bottom: 0;
		}

	.sidebar .flickr_widget a {
		border-bottom: none;
	}
		
/***** 11. CONTACT FORM *****/
	#contact-form ul {
		list-style: none;
		margin: 0;
	}
		
		#contact-form ul li {
			list-style: none;
			padding: 0;
			clear: left;
			list-style-position: outside;
		}

	#contact-form  label {
		display:block; /* needed in order to set a width */
		width:80px;
		float: left;
		height: 19px;
		background: #333;
		text-align: center;
		padding: 8px 0;
		position: relative;
		clear: left;
		color: #fff;
	}
	
		#contact-form  label.message-area {
			float: none;
			width: 470px;
		}
	
		#contact-form  label p {
			color: #fff;
			text-shadow: none;
		}
	
	#contact-form label.error {
		color: #de2c2c;
		font-size: 12px;
		clear: left;
		float: left;
		background: none;
		width: auto;
		padding: 0 0 40px 0;
	}
	
		.contact-arrow {
			width: 0;
			height: 0;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent; 
			border-left:5px solid #333;
			position: absolute;
			right: -5px;
			top: 14px;
		}
		
		@-moz-document url-prefix() {
			.contact-arrow, .contact-message-arrow {
				display: none;
			}
		}
		
		.contact-message-arrow {
			width: 0;
			height: 0;
			border-top: 5px solid #333;
			border-right: 5px solid transparent; 
			border-left:5px solid transparent;
			position: absolute;
			right: 230px;
			bottom: -5px;
		}

	input:focus, textarea:focus { outline: none; } /*Remove Chromes auto orange border */

	#contact-form input[type=text], textarea {
		height: 13px;
		width: 270px;
		margin: 0 0 20px 0;
		padding: 9px;
		float: left;
		background: #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 2px solid #ddd;
		border-left: none;
		-webkit-transition: height .5s, border .5s;
		-moz-transition: height .5s, border .5s;
		-o-transition: height .5s, border .5s;
		transition: height .5s, border .5s;
	}

	#contact-form textarea {
		height: 170px;
		width: 450px;
		margin-bottom: 20px;
		border: 2px solid #ddd;
		border-top: none;
		font: 12px arial; ƒ
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		resize: none;
		}
	
	#contact-form input[type=text]:focus, #contact-form textarea:focus {
		/*Defined in colours.php and alt stylesheets*/
	}
	
	#contact-form .button {
		border: none;
		display:block;
		float:left;
		margin:10px 7px 0 0;
		background-color:#333;
		font-size: 11px;
		color:#f5f5f5;
		cursor:pointer;
		padding:5px 10px 6px 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	
		#contact-form .button:hover{
			background-color:#888;
		}
	
	#contact-form br { clear: left; }
		
/***** 12. FOOTER *****/
	#footer-container-large {
		width: 980px;
		overflow: hidden;
		margin: 40px auto 0 auto;
		background: #1d1d1d url(images/general/footer-bg.png) repeat;
	}

		#footer-inner {
			width: 940px;
			min-height: 160px;
			padding: 20px 20px 0 20px;
			overflow: hidden;
			color: #ddd;
		}
	
	/*Footer text styles*/
		#footer-inner h6, #footer-inner h5, #footer-inner h4, #footer-inner h3, #footer-inner h2, #footer-inner h1, #footer-inner p
		{
			color: #eee;
			text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.90);
		}

		#footer-inner a {
			color: #fff;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			border-bottom: 1px dotted #888;
			padding-bottom: 1px;
		}

		#footer-inner li { color: #eee; padding: 8px 0 8px 0; list-style: none; line-height: 18px; }
		#footer-inner li:first-child { background: none; padding-top: 0; }

	/*Footer twitter*/
	#twitter-tweets ul {
		float: left;
		list-style-type: none;
	}

		#twitter-tweets ul li {
			padding-bottom: 15px;
		}

			#twitter-tweets ul li span { 
				display: block; 
			}
			
				#twitter-tweets ul li span a { font-size: 12px; }

			#twitter-tweets ul li a { font-size: 10px; color: #aaa; border-bottom: none;}

				#twitter-tweets ul li a:hover {  }


	/* Footer small */
	#footer-container-small {
		bottom: 0;
		width: 940px;
		height: 16px;
		overflow: hidden;
		margin: 0 auto;
		padding: 20px 20px;
		background: #060909;
		border-top: 1px solid #161616;
	}	
		
	#footer-container-small a { color: #888; font-size: 11px; }
	#footer-container-small a:hover { color: #666; }
	
	#footer-container-small h1,
	#footer-container-small h2,
	#footer-container-small h3,
	#footer-container-small h4,
	#footer-container-small h5
	{ color: #ebebeb; }
	#footer-container-small p { font-size: 11px; padding-top: 0px; color: #ebebeb; text-shadow: none; }
	
				
	/*Social Icons*/
	ul#social {
		list-style: none;
		float: right;
	}
	
		ul#social li {
			float: left;
			width: 16px;
			height: 16px;
			padding-left: 10px;
		}
				
			ul#social li a {
				opacity: 0.70;
				filter: alpha(opacity=70);
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
			}
					
				ul#social li a:hover {
					filter: alpha(opacity=100);
					opacity: 1;
					}
							
/***** 13. BUTTONS *****/
	/*Plain button (latest work etc)*/
	.generic {
		height: 10px;
		padding: 10px 20px;
		font-size: 12px;
		line-height: 11px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		}
	
	.button.generic.green { background: url(images/general/btn-fade.png) repeat-x 0 0 #8bbd13; border: 1px solid #7aa514; color: #4b6718; }
	.button.generic.green:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #8bbd13;}

	.button.generic.orange { background: url(images/general/btn-fade.png) repeat-x 0 0 #ef9007; border: 1px solid #c77f18; color: #804412; }
	.button.generic.orange:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #ef9007;}

	.button.generic.blue { background: url(images/general/btn-fade.png) repeat-x 0 0 #305875; border: 1px solid #243541; color: #123e5b; }
	.button.generic.blue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #305875;}

	.button.generic.lightblue { background: url(images/general/btn-fade.png) repeat-x 0 0 #26acce; border: 1px solid #3c8496; color: #046077; }
	.button.generic.lightblue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #26acce;}

	.button.generic.red { background: url(images/general/btn-fade.png) repeat-x 0 0 #d33939; border: 1px solid #a03535; color: #63130b; }
	.button.generic.red:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #d33939;}

	.button.generic.purple { background: url(images/general/btn-fade.png) repeat-x 0 0 #9a50b9; border: 1px solid #5f2f73; color: #3b2245; }
	.button.generic.purple:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #9a50b9;}

	.button.generic.black { background: url(images/general/btn-fade.png) repeat-x 0 0 #1c1c1c; border: 1px solid #000000; color: #ffffff; }
	.button.generic.black:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #1c1c1c;}

	.button.generic.white { background: url(images/general/btn-fade.png) repeat-x 0 0 #efefef; border: 1px solid #d3d3d3; color: #414141; }
	.button.generic.white:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #efefef; color: #616161;}

	/*Shortcode buttons*/
	.round {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
	}

	.square {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		}

	.button {
		text-align: center;
		margin: 0 10px 10px 10px;
		display: inline-block;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.button.large {
		height: 16px;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 16px;
	}

	.button.small {
		height: 15px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.button span {
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		font-weight: bold;
		display: block;
	}
	
	.button.black span {
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
		font-weight: bold;
		display: block;
	}

	.button.large.green { background: url(images/general/btn-fade.png) repeat-x 0 0 #8bbd13; border: 1px solid #7aa514; color: #4b6718; }
	.button.large.green:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #8bbd13;}
	.button.small.green { background: url(images/general/btn-fade.png) repeat-x 0 0 #8bbd13; border: 1px solid #7aa514; color: #4b6718; }
	.button.small.green:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #8bbd13;}

	.button.large.orange { background: url(images/general/btn-fade.png) repeat-x 0 0 #ef9007; border: 1px solid #c77f18; color: #804412; }
	.button.large.orange:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #ef9007;}
	.button.small.orange { background: url(images/general/btn-fade.png) repeat-x 0 0 #ef9007; border: 1px solid #c77f18; color: #804412; }
	.button.small.orange:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #ef9007;}

	.button.large.blue { background: url(images/general/btn-fade.png) repeat-x 0 0 #305875; border: 1px solid #243541; color: #123e5b; }
	.button.large.blue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #305875;}
	.button.small.blue { background: url(images/general/btn-fade.png) repeat-x 0 0 #305875; border: 1px solid #243541; color: #123e5b; }
	.button.small.blue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #305875;}

	.button.large.lightblue { background: url(images/general/btn-fade.png) repeat-x 0 0 #26acce; border: 1px solid #3c8496; color: #046077; }
	.button.large.lightblue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #26acce;}
	.button.small.lightblue { background: url(images/general/btn-fade.png) repeat-x 0 0 #26acce; border: 1px solid #3c8496; color: #046077; }
	.button.small.lightblue:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #26acce;}

	.button.large.red { background: url(images/general/btn-fade.png) repeat-x 0 0 #d33939; border: 1px solid #a03535; color: #63130b; }
	.button.large.red:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #d33939;}
	.button.small.red { background: url(images/general/btn-fade.png) repeat-x 0 0 #d33939; border: 1px solid #a03535; color: #63130b; }
	.button.small.red:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #d33939;}

	.button.large.purple { background: url(images/general/btn-fade.png) repeat-x 0 0 #9a50b9; border: 1px solid #5f2f73; color: #3b2245; }
	.button.large.purple:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #9a50b9;}
	.button.small.purple { background: url(images/general/btn-fade.png) repeat-x 0 0 #9a50b9; border: 1px solid #5f2f73; color: #3b2245; }
	.button.small.purple:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #9a50b9;}

	.button.large.black { background: url(images/general/btn-fade.png) repeat-x 0 0 #1c1c1c; border: 1px solid #000000; color: #ffffff; }
	.button.large.black:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #1c1c1c;}
	.button.small.black { background: url(images/general/btn-fade.png) repeat-x 0 0 #1c1c1c; border: 1px solid #000000; color: #ffffff; }
	.button.small.black:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #1c1c1c;}

	.button.large.white { background: url(images/general/btn-fade.png) repeat-x 0 0 #efefef; border: 1px solid #d3d3d3; color: #414141; }
	.button.large.white:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #efefef; color: #616161;}
	.button.small.white { background: url(images/general/btn-fade.png) repeat-x 0 0 #efefef; border: 1px solid #d3d3d3; color: #414141; }
	.button.small.white:hover { background: url(images/general/btn-fade-hover.png) repeat-x 0 bottom #efefef; color: #616161;}
	
/***** 14. MESSAGE BOXES *****/
	/** Coloured notice boxes **/
	.message {
		padding: 20px 20px 20px 20px;
		margin: 0 0 40px 0;
	}
	
		.message p {
			text-shadow: none;
		}
		
		.message a { border-bottom: 1px dotted; }
	
	.message.info.nospace,
	.message.warning.nospace,
	.message.success.nospace,
	.message.error.nospace,
	.message.general.nospace { margin-top: 0; }
		
		.message.info {
			background: #78bad2;
			border-top: 1px solid #336476;
			border-bottom: 1px solid #336476;
			color: #336476;
		}
		
			.message.info p, .message.info h1, .message.info h2, .message.info h3, .message.info h4, .message.info a {	color: #336476;	}
		
		.message.warning {
			background: #e59f30;
			border-top: 1px solid #9e660c;
			border-bottom: 1px solid #9e660c;
			color: #9e660c;
		}
		
			.message.warning p, .message.warning h1, .message.warning h2, .message.warning h3, .message.warning  h4, .message.warning  a { color: #9e660c; }
		
		.message.success {
			background: #a4cd37;
			border-top: 1px solid #5d751c;
			border-bottom: 1px solid #5d751c;
			color: #5d751c;
		}
		
			.message.success p, .message.success h1, .message.success h2, .message.success h3, .message.success  h4, .message.success  a { color: #5d751c; }
		
		.message.error {
			background: #ea5044;
			border-top: 1px solid #5d2521;
			border-bottom: 1px solid #5d2521;
			color: #923e2e;
		}
		
			.message.error p, .message.error h1, .message.error h2, .message.error h3, .message.error  h4, .message.error  a { color: #5d2521; }
		
		.message.general {
			background: #fff;
			border-top: 1px solid #d6d6d6;
			border-bottom: 1px solid #d6d6d6;
			color: #999999;
		}
		
			.message.general p, .message.general h1, .message.general h2, .message.general h3, .message.general  h4, .message.general  a { color: #b1b1b1; }
		
		/** Standard plain boxes **/
		.box {
			width: 100%;
			overflow: hidden;
			margin: 0 0 30px 0;
		}
		
			.box a {
				border-bottom: 1px dotted;
			}
		
			.box.light .box-title {
				background: #3f3f3f;
				color: #f9f9f9;
				padding: 8px 15px;
				font-size: 16px;
			}
			
			.box.light .box-body {
				background: #fff;
				color: #666;
				border-left: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-bottom: 1px solid #e1e1e1;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.box.light .box-body a {
				border-bottom: 1px dotted #333;
				color: #333;
			}
			
			.box.dark .box-title {
				background: #fff;
				color: #666;
				padding: 8px 15px;
				font-size: 16px;
				border-left: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-top: 1px solid #e1e1e1;
			}
			
			.box.dark .box-body {
				background: #3f3f3f;
				color: #f9f9f9;
				border-left: 1px solid #393939;
				border-right: 1px solid #393939;
				border-bottom: 1px solid #393939;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.box.dark .box-body a {
				color: #fff;
				border-bottom: 1px dotted #fff;
			}
	
/***** 15. ICONS *****/
	/** List icons **/
	ul.icon_list { list-style: none; }
	ul.icon_list li { padding: 0 0 0 20px; line-height: 26px; }
	ul.add li { background: url(images/icons/list/bullet_add.png) no-repeat 0 50%; }
	ul.black li { background: url(images/icons/list/bullet_black.png) no-repeat 0 50%; }
	ul.blue li { background: url(images/icons/list/bullet_blue.png) no-repeat 0 50%; }
	ul.delete li { background: url(images/icons/list/bullet_delete.png) no-repeat 0 50%; }
	ul.go li { background: url(images/icons/list/bullet_go.png) no-repeat 0 50%; }
	ul.green li { background: url(images/icons/list/bullet_green.png) no-repeat 0 50%; }
	ul.orange li { background: url(images/icons/list/bullet_orange.png) no-repeat 0 50%; }
	ul.pink li { background: url(images/icons/list/bullet_pink.png) no-repeat 0 50%; }
	ul.purple li { background: url(images/icons/list/bullet_purple.png) no-repeat 0 50%; }
	ul.red li { background: url(images/icons/list/bullet_red.png) no-repeat 0 50%; }
	ul.star li { background: url(images/icons/list/bullet_star.png) no-repeat 0 50%; }
	ul.yellow li { background: url(images/icons/list/bullet_yellow.png) no-repeat 0 50%; }
	ul.tick li { background: url(images/icons/list/tick.png) no-repeat 0 50%; }
	ul.cross li { background: url(images/icons/list/cross.png) no-repeat 0 50%; }

	/** Header icons **/
		h2.icon {
			padding: 5px 0 5px 48px;
			margin-bottom: 0px;
			height: 32px;
		}

			h2.icon.address { background: url(images/icons/header/light/address.png) no-repeat 0 0; }
			h2.icon.advertising { background: url(images/icons/header/light/advertising.png) no-repeat 0 0; }
			h2.icon.bank { background: url(images/icons/header/light/bank.png) no-repeat 0 0; }
			h2.icon.basket { background: url(images/icons/header/light/basket.png) no-repeat 0 0; }
			h2.icon.bestseller { background: url(images/icons/header/light/bestseller.png) no-repeat 0 0; }
			h2.icon.check { background: url(images/icons/header/light/check.png) no-repeat 0 0; }
			h2.icon.communication { background: url(images/icons/header/light/communication.png) no-repeat 0 0; }
			h2.icon.contact { background: url(images/icons/header/light/contact.png) no-repeat 0 0; }
			h2.icon.current-work { background: url(images/icons/header/light/current-work.png) no-repeat 0 0; }
			h2.icon.customers { background: url(images/icons/header/light/customers.png) no-repeat 0 0; }
			h2.icon.date { background: url(images/icons/header/light/date.png) no-repeat 0 0; }
			h2.icon.drawings { background: url(images/icons/header/light/drawings.png) no-repeat 0 0; }
			h2.icon.email { background: url(images/icons/header/light/email.png) no-repeat 0 0; }
			h2.icon.featured { background: url(images/icons/header/light/featured.png) no-repeat 0 0; }
			h2.icon.heart { background: url(images/icons/header/light/heart.png) no-repeat 0 0; }
			h2.icon.home { background: url(images/icons/header/light/home.png) no-repeat 0 0; }
			h2.icon.illustration { background: url(images/icons/header/light/illustration.png) no-repeat 0 0; }
			h2.icon.lightbulb { background: url(images/icons/header/light/lightbulb.png) no-repeat 0 0; }
			h2.icon.login { background: url(images/icons/header/light/login.png) no-repeat 0 0; }
			h2.icon.logout { background: url(images/icons/header/light/logout.png) no-repeat 0 0; }
			h2.icon.my-account { background: url(images/icons/header/light/my-account.png) no-repeat 0 0; }
			h2.icon.pen { background: url(images/icons/header/light/pen.png) no-repeat 0 0; }
			h2.icon.pencil { background: url(images/icons/header/light/pencil.png) no-repeat 0 0; }
			h2.icon.photography { background: url(images/icons/header/light/photography.png) no-repeat 0 0; }
			h2.icon.plus { background: url(images/icons/header/light/plus.png) no-repeat 0 0; }
			h2.icon.premium { background: url(images/icons/header/light/premium.png) no-repeat 0 0; }
			h2.icon.process { background: url(images/icons/header/light/process.png) no-repeat 0 0; }
			h2.icon.product { background: url(images/icons/header/light/product.png) no-repeat 0 0; }
			h2.icon.product-alt { background: url(images/icons/header/light/product-alt.png) no-repeat 0 0; }
			h2.icon.search { background: url(images/icons/header/light/search.png) no-repeat 0 0; }
			h2.icon.settings { background: url(images/icons/header/light/settings.png) no-repeat 0 0; }
			h2.icon.showreel { background: url(images/icons/header/light/showreel.png) no-repeat 0 0; }
			h2.icon.star { background: url(images/icons/header/light/star.png) no-repeat 0 0; }
			h2.icon.statistics { background: url(images/icons/header/light/statistics.png) no-repeat 0 0; }
			h2.icon.world { background: url(images/icons/header/light/world.png) no-repeat 0 0; }
			
	/*Contact page icons*/
	p.contact-icon {
			padding: 0 0 0 25px;
			margin-bottom: 20px;
			height: 16px;
		}

			p.contact-icon.address { background: url(images/icons/contact/address.png) no-repeat 0 0; }
			p.contact-icon.phone { background: url(images/icons/contact/phone.png) no-repeat 0 0; }
			p.contact-icon.phone-alt { background: url(images/icons/contact/phone-alt.png) no-repeat 0 0; }
			p.contact-icon.email { background: url(images/icons/contact/email.png) no-repeat 0 0; }
			p.contact-icon.location { background: url(images/icons/contact/location.png) no-repeat 0 0; margin: 0 0 10px 0; }
	
/***** 16. SLIDES SLIDER *****/
	.slides-slider { position: relative; }
	  
	 /** Styles for slider in blog for GALLERY post type **/
	 .slides_container {
		width:460px;
		height:330px;
	  }
	  
	  .slides_container div {
		width:440px;
		height:300px;
		display:block;
	  }
	  
	.slides-slider ul.paginationPostGallery {
		list-style: none;
		margin: 0;
		position: absolute;
		top: 7px;
		right: 8px;
		z-index: 100;
	}
	.slides-slider ul.paginationPostGallery li {
		float: left;
		margin-left: 8px;
	}

	.slides-slider ul.paginationPostGallery li a {
		display: block;
		text-indent: -9999px;
		height: 10px;
		width: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		background: #060909;	
	}

	.slides-slider ul.paginationPostGallery li.currentPostGallery a { background: #fff; }

	/** Styles for slider in PORTFOLIO single page **/
		.single_portfolio_slider {
			width: 610px;
			min-height: 50px;
			border-top: 1px solid #fff;
			margin-right: 40px;
			margin-bottom: 8px;
			position: relative;
			background: #f9f9f9;
			float: left;
			padding: 5px 5px 0 5px;
		}

		.slides_container_portfolio {
		    width:610px;
		    overflow:hidden;
		  }

			 .slides_container_portfolio .portfolio_slide {
			    width:610px;
			    height:285px;
			    display:block;
	  			}
	  	
	  	.single_portfolio_slider .showcase_prev, .single_portfolio_slider .showcase_next {
	  		z-index: 9000;
	  		position: absolute;
	  		top: 5px;
	  		height: 30px;
	  		width: 30px;
	  		text-indent: -9999px;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
	  	}

	  	.single_portfolio_slider .showcase_prev {
	  		background: #060909 url(images/slider/showcase_prev.png) no-repeat;
	  		left: 5px;
	  	}
	  	.single_portfolio_slider .showcase_next {
	  		background: #060909 url(images/slider/showcase_next.png) no-repeat;
	  		left: 35px;
	  	}

	  	.single_portfolio_slider ul.showcase_pagination {
	  		z-index: 9000;
	  		position: absolute;
	  		list-style: none;
	  		top: 12px;
	  		right: 13px;
	  	}

	  		.single_portfolio_slider ul.showcase_pagination li {
	  			float: left;
				margin-left: 8px;
	  		}

	  			.single_portfolio_slider ul.showcase_pagination li.current a { background: #fff;}

		  		.single_portfolio_slider ul.showcase_pagination li a {
		  			display: block;
		  			text-indent: -9999px;
		  			height: 10px;
		  			width: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					-o-border-radius: 10px;
					border-radius: 10px;
					background: #060909;
		  		}

	
	/*Styles for slider in TESTIMONIAL widget*/
	.slides-slider-testimonial { /*slide container*/
		position: relative;
	}
	
	.slides_container_testimonial { /*slide viewport*/
		width:200px;
	  }
	  
	  .slides_container_testimonial div {
		width:200px;
		display:block;
		color: #666;
		font-size: 12px;
	  }
	  
	  .slides_container_testimonial div p.test-comment {
		line-height: 28px;
	  }
	  
	  .slides_container_testimonial div p.client {
		float: right;
		font-weight: bold;
	  } 
		
	.slides-slider-testimonial ul.paginationTestimonial { list-style: none; font-size: 0px; padding: 0; margin: 0; float: left; position: absolute; top: 10px; right: 10px; z-index: 100;  display: none; }
	.slides-slider-testimonial ul.paginationTestimonial li { float: left; padding: 0 0 0 3px; }
	.slides-slider-testimonial ul.paginationTestimonial li a { -webkit-border-radius: 10px;	-moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left: 3px; height: 6px; width: 6px; float: left; border: 2px solid #ddd; color: #B8C4CF; text-indent: -99999px; }
	.slides-slider-testimonial ul.paginationTestimonial li.currentTestimonial a { background-color: #ddd; color: #FFFFFF; }
	
/***** 17. CUSTOM WIDGETS *****/
	span.skill-widget-title { margin: 0 0 5px 0; display: block }
	.skill-stars {  }
	.skills-widget-item { margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
	.widget-star { margin-right: 7px; }
	
	.block iframe {
		-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
	}

	/** Flickr Widget Styles **/
	.flickr_badge_image {
		float: left;
		margin: 0 9px 9px 0;
	}

	.flickr_badge_image img {
		padding: 5px;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
	}

		.flickr_badge_image img:hover {
			background: #ddd;
		}

/***** 18. TABS & TOGGLES *****/
	/** Tabs **/
	#blogWidgetTabs { margin-bottom: 0; }
	.tabs { margin-bottom: 20px; position: relative; top: -13px; zoom: 1; }
	.sidebar .tabs { top: 0; }
	ul.idTabs { padding: 0; margin: 0;}
			
		.tabs ul.idTabs li {
			list-style: none;
			float: left;
			padding-bottom: 0;
			padding-left: 0;
			padding-top: 0;
			height: 30px;
			margin-bottom: 1px;
			position: relative;
		}
		
		.idTabs li a {
			padding: 8px!important;
			margin-right: 4px;
			display: block;
			margin-left: 0;
			text-decoration: none!important;
			font-size: 12px;
			border-bottom: none!important;
			text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
			color: #999;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			-o-transition: all .2s;
			transition: all .2s;
		}
		
			.idTabs li a:hover {
				color: #333;
			}
			
			.tabs a {
				border-bottom: 1px dotted #888;
				padding-bottom: 1px;
				color: #333;
			}
			
		
		.idTabs li a.selected {
			color: #fff;
			cursor: default;
			background: #060909;
			-webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			-moz-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			-o-box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			box-shadow: rgba(0, 0, 0, .05) 0 1px 3px;
			text-shadow: none;
		}
		
		.tabs div {
			padding: 10px 0 0 0;
			clear: left;
			font-size: 12px;
			color: #888;
			overflow: hidden;
			line-height: 18px;
			position: relative;
			z-index: 50;
		}
		
		/**tab list styling**/
		.tabs div li {
			list-style: none;
			padding: 8px 0 8px 0;
			border-top: 1px solid #ddd;
		}
		
		.tabs div li:first-child { border-top: none; }
		
		.tabs div li ul {
			margin: 0 0 0 20px;
		}
		
		.tabs #tabsPosts .tabLatestPost {
			border: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
			}
		
		.tabs #tabsPosts .tabLatestPost h5 {
			margin-top: 0;
			margin-bottom: 0;
			color: #444;
		}
		
		p.tabs_recent_posts {
			font-size: 11px;
			color: #888;
		}
		
		.tabs #tabsPosts .tabLatestPost img{
			float: left;
			margin: 0 10px 3px 0;
			padding: 5px;
			background: #333;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			-webkit-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			-moz-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			-o-box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
			box-shadow: rgba(0, 0, 0, .10) 0 1px 3px;
		}
		
			.tabs #tabsPosts .tabLatestPost img:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
			}
		
		.tabs #tabsTags a {
			color: #666666;
			font-size: 11px;
			margin: 0 10px 10px 0;
			display: block;
			float: left;
			border-bottom: 1px dotted #ccc;
			font-style: oblique;
		}
		
		.tabs #tabsCats li {
			background: url(images/general/footer-dot-light.png) repeat-x 0 top;
			border: none;
		}
		
			.tabs #tabsCats a {
				color: #666;
			}
		
		.tabs #tabsCats li:first-child {
			background: none;
			border: none;
		}
		
	/** Toggles **/
	.toggler {
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	
	h4.trigger {
		padding: 10px 20px 10px 36px;
		margin: 0;
		border: 1px solid #d3d3d3;
		background: #f9f9f9 url(images/icons/general/toggle-plus.png) no-repeat 10px 50%;
		height: 16px;
		line-height: 16px;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
	}
	
		h4.trigger a {
			color: #777;
			text-decoration: none;
			display: block;
		}
	
			h4.trigger a:hover { color: #444; }
	
			h4.active {background: #f9f9f9 url(images/icons/general/toggle-minus.png) no-repeat 10px 50%;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
	
	.toggle_container {
		margin: 0 0 5px;
		padding: 0;
		border-left: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
		border-bottom: 1px solid #d3d3d3;
		background: #fcfcfc url(toggle_block_stretch.gif) repeat-y left top;
		overflow: hidden;
		font-size: 12px;
		clear: both;
	}
	
		.toggle_container .toggle_block {
			padding: 10px; /*--Padding of Container--*/
			line-height: 18px;
			color: #666;
		}
		
/***** 19. COMMENTS *****/
	.comments {
		padding: 0 0 0 0;
	}

	ol#comments_section { /*Whole list of comments*/
		margin: 20px 0 0 70px;
		list-style: none;
	}

		ol#comments_section li { /*Single comment*/
			list-style: none;
		}

			ol#comments_section li.comment { /*Single comment*/
				padding-left: 0;
			}

		ol#comments_section ul {
			margin: 0;
		}

			ol#comments_section ul.children {
				margin-left: 70px;
			}

		.comment-body {
			position: relative;
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dotted #bbbbbb;
		}
		
			.comment-body p {
				font-size: 11px;
				color: #666;
				margin-top: 40px;
			}
		
		.comment-author .avatar {
			position: absolute;
			left: -70px;
		}
		
			.comment img.avatar {
				border: 1px solid #e2e2e2;
				padding: 4px;
				background: #f9f9f9;
			}
			
		
		.comment-author {
			overflow: hidden;
			margin-bottom: 10px;
		}

			.comment-author .avatar {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.comment-author .fn {
				font-weight: bold;
				position: relative;
				color: #333;
				font-style: normal;
			}
			
			.comment-author .says { display: none; }
			
			.comment-author a {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
			}
			
				.comment-author a:hover {
				}
			
		.comment-meta {
			margin-bottom: 25px;
			position: absolute;
			top: 20px;
		}
		
			.comment-meta a {
				color: #777777;
				font-size: 11px;
			}
		
		.comment-reply-link {
			font-size: 11px;
		}
		
			.comment-reply-link:hover {
			}
			
		.comment-awaiting-moderation {
			margin-top: 25px;
			display: block;
		}
			
		#respond {
			margin-top: 35px;
		}
			
		#commentform {
			margin-bottom: 20px;
			overflow: hidden;
		}
			
			#commentform  label {
				display:block; /* needed in order to set a width */
				width:300px;
				margin: 20px 0 10px 0;
			}

		input:focus, textarea:focus { outline: none; } /*Remove Chromes auto orange border */

		#commentform input[type=text], textarea {
		height: 15px;
		width: 270px;
		margin: 0 0 20px 0;
		padding: 8px;
		float: left;
		background: #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 1px solid #cdcdcd;
		-webkit-border-radius: 2px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: height .5s, border .5s;
		-moz-transition: height .5s, border .5s;
		-o-transition: height .5s, border .5s;
		transition: height .5s, border .5s;
		-webkit-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		-moz-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		-o-box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		box-shadow: rgba(0, 0, 0, .10) 0 1px 2px;
		}
	
		#commentform textarea { height: 170px; width: 90%; margin-bottom: 20px; border: 1px solid #cdcdcd; font: 12px arial; }
	
		#commentform input[type=text]:hover, textarea:hover { border-color: #aaa; }
	
		#commentform input[type=text]:focus, textarea:focus {
			-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			font-size: 12px;
			color: #777;
			border-color: #aaa;
		}
		
		#commentform .button {
			border: none;
			display:block;
			float:left;
			margin:10px 7px 0 0;
			background-color:#333;
			font-size: 11px;
			color:#f5f5f5;
			cursor:pointer;
			padding:5px 10px 6px 7px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		
			#commentform .button:hover{
				background-color:#888;
			}
		
		#commentform br { clear: left; }