/************************************/
/*****			CONTENTS		*****/
/************************************/
/*****							*****/
/*****	00. Reset 				*****/
/*****	01. WP CSS 				*****/
/*****	02. Layout 				*****/
/*****	03. Typography 			*****/
/*****	04. General			 	*****/
/*****	05. Homepage 			*****/
/*****	06. Blog 				*****/
/*****	07. Sidebar				*****/
/*****	08. Footer				*****/
/*****	09. Contact Form		*****/
/*****	10. Portfolio			*****/
/*****	11. Message Boxes		*****/
/***** 	12. Tabs & Toggles		*****/
/***** 	13. Icons				*****/
/***** 	14. Widgets				*****/
/***** 	15. Comments			*****/
/***** 	16. Buttons				*****/
/***** 	17. Keyframes			*****/
/*****							*****/
/************************************/

/***** 00. 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;
}

/**** 01. 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; }

/***** 02. LAYOUT *****/
.float-left { float: left; }
.float-right { float: right; }

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

/* 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%;}

/***** 03. TYPOGRAPHY *****/
a {
	/*Defined in colours.php*/
	text-decoration: none;
	transition:			color 0.1s linear;
	-moz-transition:	color 0.1s linear;
	-webkit-transition:	color 0.1s linear;
	-o-transition:		color 0.1s linear;
}

	a:hover {
		/*Defined in colours.php*/
	}

p {
	color: #4c4c4c;
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 18px;
	font-weight: normal;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}


h1 {
	font-size: 30px;
	margin: 0 0 20px 0;
	color: #333;
	font-weight: normal;
	line-height: 32px;
}

	h1.page-titles {
	}

	.short_divider_title {
		/*Defined in colours.php*/
		height: 2px;
		width: 60px;
		display: block;
		margin: 10px 0 40px 0;
	}

h2 {
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 20px 0;
	color: #333;
}


h3 {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 10px 0;
	color: #333;
	text-transform: uppercase;
}

h4 {
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	color: #333;
}

h5 {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
	color: #333;
}

::selection { /*Defined in colours.php*/ }

.divider {
	background: url(images/misc/divCross.png) repeat-x;
	clear: both;
	height: 8px;
	margin: 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 {
	max-width: 100%;
	height: auto;
}

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;}

ul, ol { list-style-position: inside; }

#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer ul, #footer ol,
#footer .textwidget {
	color: #f9f9f9;
	list-style-position: inside;
	text-shadow: rgba(0, 0, 0, 1) 0 1px 3px
}


#home_widget_area p, #home_widget_area h1, #home_widget_area h2, #home_widget_area h3, #home_widget_area h4, #home_widget_area h5, #home_widget_area ul, #home_widget_area ol,
#home_widget_area .textwidget {
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

#home_widget_area a {
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
}

	#home_widget_area a:hover {

	}

#footer a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

	#footer a:hover {
		border-bottom: 1px dotted #aaa;
		color: #aaa;
	}

#footer_small p, #footer_small h1, #footer_small h2, #footer_small h3, #footer_small h4, #footer_small h5, #footer_small ul, #footer_small ol {
	color: #e9e9e9;
	font-size: 11px;
	margin-bottom: 0;
	list-style-position: inside;
	text-shadow: none;
}

#footer_small a {
	font-size: 11px;
	border-bottom: 1px dotted #aaa;
	color: #aaa;
}

	#footer_small a:hover {
		border-bottom: 1px dotted #fff;
		color: #fff;
	}

/***** 04. GENERAL *****/
body {
	font-family: "Helvetica Neue", Helvetica, "Droid Sans", Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
}

#header {
	padding: 20px 0;
}

#header_tag {
	background: #131313;
	margin-bottom: 60px;
	padding: 2px 0;
}

	#header_inner {
		margin: 0 auto;
		width: 940px;
	}
			
		#logo {
			float: left;
			margin-bottom: 20px;
			/*Top margin defined in colours.php*/
		}

		#logo, #logo a {
			font-size: 28px;
			line-height: 30px;
			color: #000;
			font-weight: bold;
		}

		#contact_info_header {
			color: #333;
			float: right;
			padding: 3px 10px;
			text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
			/*Top margin defined in colours.php*/
		}

.user_content.min {
	width: 554px;
	margin: 0 38px 0 0;
	float: left;
}

	.user_content.min.sideleft {
		margin-right: 0;
		margin-left: 38px;
		float: right;
	}

.sidebar .user_content {
	margin-bottom: 0;
}

.sidebar {
	width: 288px;
	float: left;
}

	.sidebar_block {
		margin-bottom: 20px;
	}

#primary_nav_container {
	background: #111;
}

	#primary_nav {
		margin: 0 auto;
		width: 940px;
		padding: 0;
	}

		#primary_nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}

			#primary_nav ul li {
				float: left;
				position: relative;
				z-index: 50;
				margin: 0 0 0 0px;
				padding: 0;
			}

				#primary_nav ul li a {
					padding: 10px 15px;
					color: #fff;
					font-weight: bold;
					font-size: 12px;
					display: block;
					transition:			all 0.05s linear;
					-moz-transition:	all 0.05s linear;
					-webkit-transition:	all 0.05s linear;
					-o-transition:		all 0.05s linear;
				}

					#primary_nav ul li a:hover {
						/*BG defined in colours.php*/
						/*-moz-box-shadow:	inset rgba(0, 0, 0, 0.2) 0 -5px 0;
						-webkit-box-shadow:	inset rgba(0, 0, 0, 0.2) 0 -5px 0;
						-0-box-shadow:		inset rgba(0, 0, 0, 0.2) 0 -5px 0;
						box-shadow:			inset rgba(0, 0, 0, 0.2) 0 -5px 0;*/
					}

	ul.footer-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}

		ul.footer-menu li {
			float: left;
			position: relative;
			z-index: 50;
			margin: 0 0 0 15px;
		}

			#footer_small ul.footer-menu li a {
				color: #e9e9e9;
				font-weight: normal;
				font-size: 11px;
				display: block;
				border-bottom: none;
				transition:			all 0.05s linear;
				-moz-transition:	all 0.05s linear;
				-webkit-transition:	all 0.05s linear;
				-o-transition:		all 0.05s linear;
			}

				ul.footer-menu li a:hover {
				}

	/*Superfish styles*/
	.sf-menu li { position: relative; }

	.nav_arrow {
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #fff;
	}
		
		/*First Drop*/
		#primary_nav ul ul {
			position: absolute;
			top: 44px;
			left: 0;
			background: #222;
			width: 160px;
			-moz-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
			-webkit-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
			-0-box-shadow:		rgba(0, 0, 0, 0.15) 0 1px 3px;
			box-shadow:			rgba(0, 0, 0, 0.15) 0 1px 3px;
		}
			
		#primary_nav ul ul li:first-child {
			border-top: none;
		}

		#primary_nav ul ul li {
			width: 100%;
			border-top: 1px solid #2f2f2f;
			margin: 0;
		}

		#primary_nav ul ul li a {
			color: #f9f9f9;
			padding: 5px 15px;
		}

		#primary_nav ul ul li a:hover {
			color: #fff;
		}

			/*Second Drop*/
			#primary_nav ul ul ul {
				top: 0px;
				left: 100%;
			}

#footer_bottom {
	font-size: 11px;
}

.user_content {
	background-color: #fcfcfc;
	margin-bottom: 60px;
	padding: 30px;
	-moz-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-0-box-shadow:		rgba(0, 0, 0, 0.15) 0 1px 3px;
	box-shadow:			rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	-o-border-radius:		2px;
	border-radius:			2px;
}

img.custom_preview_image { /*Fixes image covering screen when uploading in admin area*/
	max-width: 100%;
	height: auto;
}

/***** 05. HOMAPAGE *****/
#home_widget_area {
	margin-bottom: 60px;
}

.feat_title_container {
	background: url(images/misc/divCross.png) repeat-x 0 56%;
	position: relative;
	text-align: center;
	margin-bottom: 25px;
}

h3.feat_title {
	background: #111;
	padding: 2px 12px;
	display: inline-block;
	color: #fafafa;
	font-size: 11px;
	text-transform: uppercase;
	-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
	box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
	margin: 0;
}

	h3.feat_title.home {
		padding: 4px 16px;
		font-size: 12px;
	}

/* Slider */
#showcase_slider {
	position: relative;
	margin-bottom: 60px;
	width: 940px;
	height: 400px;
}
	
	/* Featurd work */
	#feat_work {
		width: 940px;
		overflow: hidden;
		margin-bottom: 60px;
		padding-right: 5px; /* To show all the right buttons drop shadow */
	}

	/* Carousel buttons */
	#latest_work_next, #latest_work_prev {
		background: #111;
		padding: 3px 9px;
		display: inline-block;
		color: #fafafa;
		font-size: 12px;
		text-transform: uppercase;
		-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
		box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
		cursor: pointer;
		margin-right: 1px;
		transition:			background 0.1s linear;
		-moz-transition:	background 0.1s linear;
		-webkit-transition:	background 0.1s linear;
		-o-transition:		background 0.1s linear;
	}

	#latest_work_next {
		float: right;
	}

	#latest_work_prev {
		float: left;
	}

	#latest_work_next:hover, #latest_work_prev:hover {
		color: #fff;
		/*Defined in colours.php*/
	}

	/* Grid and items */
	ul.feat_work_grid {
		list-style: none;
		width: 960px;
	}

		ul.feat_work_grid li {
			float: left;
			width: 220px;
			margin-right: 20px;
			padding-bottom: 5px;
		}

			ul.feat_work_grid li .feat_work_thumb,
			ul.filter-posts li .feat_work_thumb {
				position: relative;
				overflow: hidden;
			}

				/* Float in icon/buttons */
				ul.feat_work_grid li a,
				ul.filter-posts li a {
					display: block;
					position: relative;
					transition:			background 0.1s linear;
					-moz-transition:	background 0.1s linear;
					-webkit-transition:	background 0.1s linear;
					-o-transition:		background 0.1s linear;
				}

				ul.feat_work_grid li img,
				ul.filter-posts li img {
					display: block;
					position: relative;
				}

	.work_thumb_overlay {
		height: 100%;
		width: 100%;
		background-color: #000;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		position: absolute;
		top: 0;
		left: 0;
		transition:			background 0.1s linear;
		-moz-transition:	background 0.1s linear;
		-webkit-transition:	background 0.1s linear;
		-o-transition:		background 0.1s linear;
		z-index: 200;		
	}

		ul.feat_work_grid li .overlay_zoom, ul.feat_work_grid li .overlay_link,
		ul.filter-posts li .overlay_zoom, ul.filter-posts li .overlay_link {
			width: 50px;
			height: 50px;
			position: absolute;
			top: 34%;
			z-index: 600;
			opacity: 0.9;
			-moz-opacity: 0.9;
			filter:alpha(opacity=9);
   			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /*IE8*/
			-webkit-border-radius:	50px;
			-moz-border-radius:		50px;
			-o-border-radius:		50px;
			border-radius:			50px;
		}

		ul.feat_work_grid li .overlay_zoom,
		ul.filter-posts li .overlay_zoom {
			background: #000 url(images/icons/overlay_zoom.png) no-repeat center center;
			left: -60px;
		}

		ul.feat_work_grid li .overlay_link,
		ul.filter-posts li .overlay_link {
			background: #000 url(images/icons/overlay_link.png) no-repeat center center;
			right: -60px;
		}

		ul.feat_work_grid li .overlay_link:hover,
		ul.filter-posts li .overlay_link:hover {
			/*Defined in colours.php*/
		}

		ul.feat_work_grid li .overlay_zoom:hover,
		ul.filter-posts li .overlay_zoom:hover {
			/*Defined in colours.php*/
		}
	
	.feat_work_meta {
		background: #fff;
		position: relative;
		padding: 10px;
		/*Defined in colours.php*/
		margin-bottom: 3px; /* To fully show the paper layers*/
	}

	.feat_work_title {
		text-transform: uppercase;
		color: #333;
		font-size: 12px;
	}

		.feat_work_title a {
			color: #333;
		}

			#content h4.feat_work_title a:hover {
				color: #111;
				background: none;
			}

	.feat_work_cat {
		text-transform: uppercase;
		color: #999;
		font-size: 11px;
		line-height: 16px;
	}

	.short_divider {
		/*Defined in colours.php*/
		height: 2px;
		width: 30px;
		display: block;
		margin: 10px 0;
	}

		.work_desc_bottom {
			width: 220px;
			height: 7px;
			position: absolute;
			bottom: -7px;
			left: 0;
		}

			.work_desc_bottom_left {
				background: url(images/misc/paper_left.png) no-repeat;
				float: left;
				height: 7px;
				width: 8px;
			}
			.work_desc_bottom_right {
				background: url(images/misc/paper_right.png) no-repeat;
				float: right;
				height: 7px;
				width: 8px;
			}
			.work_desc_bottom_mid {
				background: url(images/misc/paper_mid.png) repeat-x;
				float: left;
				height: 7px;
				width: 204px; /*Must be changed depending on width - 16px */
			}

		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 940px;
		}

	.feat_work_cat span {
		/*Defined in colours.php*/
		font-weight: bold;
	}


	/* Latest Blog */
	#latest_blog {
		margin-bottom: 60px;
	}

		#latest_blog_container {
			clear: left;
		}

			.latest_blog_item {
				width: 220px;
				margin-right: 20px;
				float: left;
			}

				h4.latest_blog_title {
					background: #111;
					padding: 10px 15px;
					color: #fafafa;
					margin-bottom: 0;
				}

				.latest_blog_meta {
					background: #fff;
					padding: 10px 15px;
					position: relative;
				}

					.latest_blog_date {
						text-align: center;
						background: url(images/misc/dash3x1-999.png) repeat-x 0 50%;
					}

						.latest_blog_date span {
							padding: 0 15px;
							background: #fff;
							color: #666;
							font-size: 11px;
						}

					.latest_blog_meta p:first-letter {
						float: left;
						color: #333;
						font-size: 48px;
						line-height: 42px;
						padding: 0 5px 0 0;
						font-family: 'Rokkitt', serif;
						text-transform: uppercase;
					}

					.latest_blog_meta p {
						line-height: 21px;
					}

					.latest_blog_meta a.readmore {
						text-transform: uppercase;
						font-weight: bold;
						font-size: 11px;
					}

/***** 09. BLOG *****/		
		.post {
			position: relative;
			margin: 0 0 60px 0;
		}
		
		.post .sticky {
			text-transform: uppercase;
			float: left;
			margin-right: 15px;
			color: #444;
			}
			
			/** Index page **/			
			.post-info {
			}

				.slides-slider {
					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 {
						max-width: 100%;
						height: auto;
					}
			
				.post-meta {
					width: 140px;
					padding-right: 20px;
					float: left;
					position: relative;
				}
				
					.post-meta {
						font-size: 11px;
					}
					
					.post-meta span {
						color: #999;
					}
				
				.post-excerpt {
					float: left;
					width:394px;
				}

				.single-post .post-excerpt { margin-bottom: 40px;}
				
				.post-bottom-border {
					float: left;
					width: 80px;
					/*Defined in colours.php*/
				}
				
					.post-excerpt .video_container {
						margin-bottom: 20px;
						}
				
				/*Meta Icons*/
				/*If sidebar on the right...*/
				.sideright .post-date {
					left: -72px;
					top: 0;
					padding: 0;
					position: absolute;
					text-align: center;
					height: 40px;
					width: 40px;
					/*Defined in colours.php*/
				}

				/*If the sidebar is on the left...*/
				.sideleft .post-date {
					left: 584px;
					top: 0;
					padding: 0;
					position: absolute;
					text-align: center;
					height: 40px;
					width: 40px;
					/*Defined in colours.php*/
				}

					.post-date .day {
						display: block;
						font-size: 18px;
						color: #fff;
					}

					.post-date .month {
						display: block;
						font-size: 10px;
						text-transform: uppercase;
						font-weight: bold;
						color: #fff;
						height: 14px;
					}
				
				.post-author {
					background: url(images/icons/blog/blog-user.png) no-repeat 0 4px;
					padding: 0 0 10px 25px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
					color: #666;
				}

					.post-author a { color: #666; }
				
				.post-comments {
					background: url(images/icons/blog/blog-comments.png) no-repeat 0 6px;
					padding: 0 0 10px 25px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
					color: #666;
				}
				
				.post-sticky {
					background: url(images/icons/blog/blog-sticky.png) no-repeat 3px 3px;
					padding: 0 0 10px 25px;
					text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.90);
					color: #666;
				}
				
				.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: #fff;
					border: 1px solid #bbb;
					-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: #191919;
					border: 1px solid #090909;
					text-shadow: none;
				}

				.pagination .current{
					color:#fff;
					background: #191919;
					border: 1px solid #090909;
					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;
				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;
				float: left;
				clear: both;
				-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: 270px;
				}
				
					#author-bio p {
						margin-bottom: 0;
					}
	
	/** 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 .sidebar_block {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		overflow: hidden;
	}

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

	.searchbox {
		overflow: hidden;
		position: relative;
	}
	
	.searchbox input {
		height: 20px;
		width: 187px;
		margin: 0;
		padding: 9px 30px 9px 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: 1px solid #ccc;
		-webkit-border-radius:	2px;
		-moz-border-radius:		2px;
		-o-border-radius:		2px;
		border-radius:			2px;
		-webkit-appearance: none;
	}
	
	.searchbox .button {
		background: url(images/icons/blog/search.png) no-repeat;
		height: 30px;
		width: 30px;
		border: none;
		cursor:pointer;
		position: absolute;
		top: 6px;
		right: 6px;
	}

/***** 06. Footer *****/
#footer {
	margin: 60px 0 0 0;
	background: #1d1d1d;
	padding: 20px 0;
}

	#footer_inner {
		width: 940px;
		margin: 0 auto;
	}

#footer_small {
	margin: 0 0 0 0;
	background: #191919;
	padding: 15px 0;
}

	#footer_small_inner {
		width: 940px;
		margin: 0 auto;
	}

#footer_left {
	float: left;
	max-width: 50%;
}

#footer_right {
	float: right;
	max-width: 40%;
}

/*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; border-bottom: none;}

				#twitter-tweets ul li a:hover {  }

	a.followme {
		clear: both;
		float: left;
	}

/***** 09. Contact Form *****/
#contact_content {
	width: 614px;
	margin-right: 38px;
	float: left;
}
#contact_sidebar {
	width: 288px;
	float: left;
}

.user_content.contact {
	margin-bottom: 0;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	-0-box-shadow:		none;
	box-shadow:			none;
	-moz-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-0-box-shadow:		rgba(0, 0, 0, 0.15) 0 1px 3px;
	box-shadow:			rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-border-radius:	2px 2px	0 0;
	-moz-border-radius:		2px 2px	0 0;
	-o-border-radius:		2px 2px	0 0;
	border-radius:			2px 2px	0 0;
	border-bottom: 1px solid #eee;
}

#contact-form {
	background-color: #fcfcfc;
	padding: 30px;
	-moz-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-box-shadow:	rgba(0, 0, 0, 0.15) 0 1px 3px;
	-0-box-shadow:		rgba(0, 0, 0, 0.15) 0 1px 3px;
	box-shadow:			rgba(0, 0, 0, 0.15) 0 1px 3px;
	-webkit-border-radius:	0 0 2px 2px;
	-moz-border-radius:		0 0 2px 2px;
	-o-border-radius:		0 0 2px 2px;
	border-radius:			0 0 2px 2px;
}

#contact-form ul { list-style: none; }

#contact-form label {
    width: 60px;
    display: block;
    float: left;
    padding-top: 5px;
}

#contact-form label.error {
	color: #de2c2c;
	font-size: 12px;
	float: right;
	background: none;
	width: auto;
	margin-top: 12px;
	padding: 0;
}

#contact-form input[type="text"], #contact-form input[type="email"] {
    border: 1px solid #d3d3d3;
    padding: 12px;
    width: 250px;
    margin-bottom: 10px;
    background: #fff;
	-moz-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-webkit-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-0-box-shadow:		inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	box-shadow:			inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#contact-form textarea {
    border: 1px solid #d3d3d3;
    resize: none;
    width: 250px;
    padding: 12px;
    height: 150px;
    background: #fff;
	-moz-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-webkit-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-0-box-shadow:		inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	box-shadow:			inset rgba(0, 0, 0, 0.1) 0 1px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

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

#contact-form input:focus, #contact-form textarea:focus {
		/*Defined in colours.php*/
	}

#contact-form .button {
	border: none;
	display:block;
	float: left;
	margin: 0 0 0 60px;
	background-color: #111;
	font-size: 11px;
	color:#f5f5f5;
	cursor:pointer;
	padding: 8px 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

	#contact-form .button:hover{
		background-color: #333;
	}

#contact-form br { clear: left; }

.contact_map {
	background: #fcfcfc;
}

.contact_map iframe {
	width: 100%;
	height: 300px;
	border: none;
	display: block;
}

/***** 11. PORTFOLIO *****/
/*Filter list*/
ul.filter-list {
	list-style: none;
	background: url(images/misc/divCross.png) repeat-x 0 65%;
	padding-left: 20px;
}

	ul.filter-list li {
		cursor: pointer;
		float: left;
		margin-right: 15px;
		background: #111;
		padding: 2px 10px;
		display: inline-block;
		color: #fafafa;
		font-size: 11px;
		text-transform: uppercase;
		-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
		box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
		-webkit-transition:	all .3s;
		-moz-transition:	all .3s;
		-o-transition:		all .3s;
		transition:			all .3s;
	}

	ul.filter-list li a {
		color: #fafafa;
	}

/*Portfolio items*/
.portfolio_page {
	width: 960px;
	float: left;
}

ul.filter-posts {
	list-style: none;
}

	ul.filter-posts li {
		float: left;
		margin-right: 20px;
		margin-bottom: 35px;
	}

/*Set the metabox widths depending on layout*/
.threecol ul.filter-posts li { width: 300px; }
.fourcol ul.filter-posts li { width: 200px; }
.fivecol ul.filter-posts li { width: 152px; }

.threecol .feat_work_meta { width: 280px; } /* +10px padding = 300px */
.fourcol .feat_work_meta { width: 200px; }
.fivecol .feat_work_meta { width: 152px; }

.threecol .work_desc_bottom {
	width: 300px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 0;
}

	.threecol .work_desc_bottom_mid {
		background: url(images/misc/paper_mid.png) repeat-x;
		float: left;
		height: 7px;
		width: 284px; /*Must be changed depending on width - 16px */
	}

.fourcol .work_desc_bottom {
	width: 220px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 0;
}

	.fourcol .work_desc_bottom_mid {
		background: url(images/misc/paper_mid.png) repeat-x;
		float: left;
		height: 7px;
		width: 204px; /*Must be changed depending on width - 16px */
	}

.fivecol .work_desc_bottom {
	width: 172px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 0;
}

	.fivecol .work_desc_bottom_mid {
		background: url(images/misc/paper_mid.png) repeat-x;
		float: left;
		height: 7px;
		width: 156px; /*Must be changed depending on width - 16px */
	}

/*Single page*/
.portfolio_title_container {
	background: url(images/misc/divCross.png) repeat-x 0 56%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

h1.feat_title {
	background: #111;
	padding: 8px 30px;
	display: inline-block;
	color: #fafafa;
	font-size: 18px;
	text-transform: uppercase;
	-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
	box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
	margin: 0;
}

#portfolio_single { position: relative; }

	#portfolio_single .video_container {
		margin-bottom: 40px;
	}

.single_portfolio_slider { position: relative; }

	.slides_container_portfolio {
		width: 940px;
		height: 500px;
	}

		.portfolio_slide {
			width: 940px;
			height: 500px;
			display: block;
		}

.port_next, .port_prev {
	background-color: #111;
	padding: 20px 26px;
	color: #fff;
	display: block;
	position: absolute;
	top: 44%;
	z-index: 99999;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

	.port_next:hover, .port_prev:hover {
		/*Defined in colours.php*/
		color: #fff;
	}

	.port_next span, .port_prev span {
		text-shadow: none;
	}

.port_next {
	right: 0;
}

.port_prev {
	left: 0;
}

#portfolio_single h4 { margin-bottom: 10px; }

ul.portfolio_tags {
	list-style: none;
}

	ul.portfolio_tags li {
		float: left;
		margin: 0 15px 10px 0;
		background: #111;
		padding: 1px 8px;
		display: inline-block;
		color: #fafafa;
		font-size: 11px;
		text-transform: uppercase;
		-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
		-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
		box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
	}

div.cols {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
}

/* Next/Prev post buttons */
#prevPortItem, #nextPortItem {
	background: #111;
	padding: 3px 9px;
	position: absolute;
	top: 6px;
	color: #fafafa;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-webkit-box-shadow:	rgba(50, 50, 50, 0.8) 4px 4px 0;
	-0-box-shadow:		rgba(50, 50, 50, 0.8) 4px 4px 0;
	box-shadow:			rgba(50, 50, 50, 0.8) 4px 4px 0;
	cursor: pointer;
	transition:			background 0.1s linear;
	-moz-transition:	background 0.1s linear;
	-webkit-transition:	background 0.1s linear;
	-o-transition:		background 0.1s linear;
}

#nextPortItem {
	right: 0;
}

#prevPortItem {
	left: 0;
}

#nextPortItem:hover, #prevPortItem:hover {
	color: #fff;
	/*Defined in colours.php*/
}

/***** 14. MESSAGE BOXES *****/
/** Coloured notice boxes **/
.message {
	padding: 20px 20px 20px 20px;
	margin: 0 0 40px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

	.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: 1px solid #407C92;
		color: #0C4458;
	}
	
		.message.info p, .message.info h1, .message.info h2, .message.info h3, .message.info h4, .message.info a {	color: #0C4458;	}
	
	.message.warning {
		background: #e59f30;
		border: 1px solid #99640e;
		color: #634008;
	}
	
		.message.warning p, .message.warning h1, .message.warning h2, .message.warning h3, .message.warning  h4, .message.warning  a { color: #634008; }
	
	.message.success {
		background: #a4cd37;
		border: 1px solid #5d751c;
		color: #475E0b;
	}
	
		.message.success p, .message.success h1, .message.success h2, .message.success h3, .message.success  h4, .message.success  a { color: #475E0b; }
	
	.message.error {
		background: #ea5044;
		border: 1px solid #5d2521;
		color: #53160a;
	}
	
		.message.error p, .message.error h1, .message.error h2, .message.error h3, .message.error  h4, .message.error  a { color: #53160a; }
	
	.message.general {
		background: #fff;
		border: 1px solid #bbb;
		color: #555;
	}
	
		.message.general p, .message.general h1, .message.general h2, .message.general h3, .message.general  h4, .message.general  a { color: #555; }
	
	/** Standard plain boxes **/
	.box {
		width: 100%;
		overflow: hidden;
		margin: 0 0 30px 0;
	}
	
		.box a {
			border-bottom: 1px dotted;
		}
	
		.box.light .box-title {
			background: #111;
			color: #f9f9f9;
			padding: 6px 15px;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			-webkit-border-radius: 2px 2px 0 0;
			-moz-border-radius: 2px 2px 0 0;
			-o-border-radius: 2px 2px 0 0;
			border-radius: 2px 2px 0 0;
		}
		
			.box.light .box-body {
				background: #fff;
				color: #555;
				border-left: 1px solid #bbb;
				border-right: 1px solid #bbb;
				border-bottom: 1px solid #bbb;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
				-webkit-border-radius: 0 0 2px 2px;
				-moz-border-radius: 0 0 2px 2px;
				-o-border-radius: 0 0 2px 2px;
				border-radius: 0 0 2px 2px;
			}
			
			.box.light .box-body a {
				border-bottom: 1px dotted #333;
				color: #333;
			}
		
		.box.dark .box-title {
			background: #fff;
			color: #555;
			padding: 6px 15px;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			border-left: 1px solid #bbb;
			border-right: 1px solid #bbb;
			border-top: 1px solid #bbb;
			-webkit-border-radius: 2px 2px 0 0;
			-moz-border-radius: 2px 2px 0 0;
			-o-border-radius: 2px 2px 0 0;
			border-radius: 2px 2px 0 0;
		}
		
			.box.dark .box-body {
				background: #111;
				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;
				-webkit-border-radius: 0 0 2px 2px;
				-moz-border-radius: 0 0 2px 2px;
				-o-border-radius: 0 0 2px 2px;
				border-radius: 0 0 2px 2px;
			}
			
			.box.dark .box-body a {
				color: #fff;
				border-bottom: 1px dotted #fff;
			}

/***** 18. TABS & TOGGLES *****/
	/** Tabs **/
	#blogWidgetTabs { margin-bottom: 0; }
	.tabs { margin-bottom: 20px; position: relative; zoom: 1; }
	.sidebar .tabs { top: 0; }
	ul.idTabs { padding: 0; margin: 0;}
			
		.tabs ul.idTabs li {
			background: #fafafa;
			list-style: none;
			float: left;
			padding-bottom: 0;
			padding-left: 0;
			padding-top: 0;
			margin-bottom: -1px;
			position: relative;
			border: 1px solid #d9d9d9;
			border-right: none;
		}

		.tabs ul.idTabs li:last-child { border-right: 1px solid #d9d9d9; }
		
		.idTabs li a {
			padding: 4px 8px!important;
			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: #fafafa;
			cursor: default;
			background: #111;
			-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!important;
		}
		
		.tabs div {
			padding: 10px;
			clear: left;
			font-size: 12px;
			color: #888;
			line-height: 18px;
			position: relative;
			z-index: 50;
			border: 1px solid #D9D9D9;
			background: #fff;
		}

		/*Tab when in sidebar*/
		.sidebar .tabs div {
			padding: 5px 0 0 0;
			background: none;
			border: none;
		}
		
		/**tab list styling**/
		.tabs div li {
			list-style: none;
			padding: 0 0 8px 0;
		}
		
		.tabs div li:first-child { border-top: none; }
		
		.tabs div li ul {
			margin: 0 0 0 20px;
		}
		
		.tabs #tabsPosts .tabLatestPost {
			background: url(images/icons/blog/post.png) no-repeat 0 3px;
			padding: 0 0 0 30px;
			border: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
			margin-bottom: 10px;
		}

			.tabs #tabsPosts .tabLatestPost:last-child { margin-bottom: 0; }
		
		.tabs #tabsPosts .tabLatestPost h5 {
			margin-top: 0;
			margin-bottom: 0;
			color: #444;
		}
		
		p.tabs_recent_posts {
			font-size: 11px;
			color: #888;
			margin: -2px 0 0 0;
		}
		
		.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 {
			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: 8px 20px 8px 36px;
		margin: 0;
		border: 1px solid #d9d9d9;
		background: #fafafa url(images/icons/general/toggle-plus.png) no-repeat 10px 50%;
		height: 16px;
		line-height: 16px;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
		text-transform: none;
	}
	
		h4.trigger a {
			color: #666;
			text-decoration: none;
			display: block;
		}
	
			h4.trigger a:hover { color: #444; }
	
			h4.active {background: #fafafa 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 #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		background: #fff;
		overflow: hidden;
		font-size: 12px;
		clear: both;
	}
	
		.toggle_container .toggle_block {
			padding: 10px; /*--Padding of Container--*/
			line-height: 18px;
			color: #666;
		}

/***** 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 **/
		h3.icon {
			padding: 0 0 5px 25px;
			margin-bottom: 0px;
			line-height: 22px;
		}

			h3.icon.alert { background: url(images/icons/header/alert.png) no-repeat 0 2px; }
			h3.icon.basket { background: url(images/icons/header/basket.png) no-repeat 0 2px; }
			h3.icon.bulb { background: url(images/icons/header/bulb.png) no-repeat 0 2px; }
			h3.icon.calendar { background: url(images/icons/header/calendar.png) no-repeat 0 2px; }
			h3.icon.cart { background: url(images/icons/header/cart.png) no-repeat 0 2px; }
			h3.icon.chart { background: url(images/icons/header/chart.png) no-repeat 0 2px; }
			h3.icon.cloud { background: url(images/icons/header/cloud.png) no-repeat 0 2px; }
			h3.icon.cog { background: url(images/icons/header/cog.png) no-repeat 0 2px; }
			h3.icon.create { background: url(images/icons/header/create.png) no-repeat 0 2px; }
			h3.icon.denied { background: url(images/icons/header/denied.png) no-repeat 0 2px; }
			h3.icon.download_cloud { background: url(images/icons/header/download_cloud.png) no-repeat 0 2px; }
			h3.icon.download { background: url(images/icons/header/download.png) no-repeat 0 2px; }
			h3.icon.film_strip { background: url(images/icons/header/film_strip.png) no-repeat 0 2px; }
			h3.icon.flag { background: url(images/icons/header/flag.png) no-repeat 0 2px; }
			h3.icon.globe { background: url(images/icons/header/globe.png) no-repeat 0 2px; }
			h3.icon.help { background: url(images/icons/header/help.png) no-repeat 0 2px; }
			h3.icon.home { background: url(images/icons/header/home.png) no-repeat 0 2px; }
			h3.icon.info { background: url(images/icons/header/info.png) no-repeat 0 2px; }
			h3.icon.link { background: url(images/icons/header/link.png) no-repeat 0 2px; }
			h3.icon.mail { background: url(images/icons/header/mail.png) no-repeat 0 2px; }
			h3.icon.map { background: url(images/icons/header/map.png) no-repeat 0 2px; }
			h3.icon.marker { background: url(images/icons/header/marker.png) no-repeat 0 2px; }
			h3.icon.paperclip { background: url(images/icons/header/paperclip.png) no-repeat 0 2px; }
			h3.icon.paypal { background: url(images/icons/header/paypal.png) no-repeat 0 2px; }
			h3.icon.pricetag { background: url(images/icons/header/pricetag.png) no-repeat 0 2px; }
			h3.icon.robot { background: url(images/icons/header/robot.png) no-repeat 0 2px; }
			h3.icon.search { background: url(images/icons/header/search.png) no-repeat 0 2px; }
			h3.icon.sound { background: url(images/icons/header/sound.png) no-repeat 0 2px; }
			h3.icon.speech { background: url(images/icons/header/speech.png) no-repeat 0 2px; }
			h3.icon.search { background: url(images/icons/header/search.png) no-repeat 0 2px; }
			h3.icon.tag { background: url(images/icons/header/tag.png) no-repeat 0 2px; }
			h3.icon.upload_cloud { background: url(images/icons/header/upload_cloud.png) no-repeat 0 2px; }
			h3.icon.upload { background: url(images/icons/header/upload.png) no-repeat 0 2px; }
			h3.icon.user { background: url(images/icons/header/user.png) no-repeat 0 2px; }
			h3.icon.users { background: url(images/icons/header/users.png) no-repeat 0 2px; }
			
	/*Contact page icons*/
	p.contact-icon {
		padding: 0 0 0 25px;
		margin-bottom: 20px;
		line-height: 18px;
	}

	p.contact-icon.address { background: url(images/icons/contact/address.png) no-repeat 0 2px; }
	p.contact-icon.phone { background: url(images/icons/contact/phone.png) no-repeat 0 2px; }
	p.contact-icon.phone-alt { background: url(images/icons/contact/phone-alt.png) no-repeat 0 2px; }
	p.contact-icon.email { background: url(images/icons/contact/email.png) no-repeat 0 2px; }
	p.contact-icon.location { background: url(images/icons/contact/location.png) no-repeat 0 0; margin: 0 0 10px 0; }

	/*Social Icons*/
	ul#social {
		list-style: none;
		float: left;
	}
	
		ul#social li {
			float: left;
			width: 32px;
			height: 32px;
			margin: 0 6px 6px 0px;
		}

		ul#social.contact li {
			float: left;
		}
				
			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;
				border-bottom: none;
			}
					
				ul#social li a:hover {
					filter: alpha(opacity=100);
					opacity: 1;
					border-bottom: none;
				}

/***** 00. Widgets *****/
/** Flickr Widget Styles **/
	.flickr_badge_image img {
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
	}

		.flickr_badge_image img:hover {
			background: rgba(0, 0, 0, 0.6);
		}

	#content .flickr_badge_image a {
		border-bottom: none;
	}

	/*In sidebar*/
	.sidebar .flickr_badge_image {
		float: left;
		margin: 0 8px 8px 0;
	}

		.sidebar .flickr_badge_image img {
			width: 67px;
			height: 67px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		.sidebar .flickr_widget a {
			border-bottom: none;
			display: block;
			width: 67px;
			height: 67px;
			/*For hover state*/
			background: #000;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		.sidebar .flickr_widget a:hover img {
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter:alpha(opacity=6);
		}

	/*In Home Widget Area*/
	#home_widget_area .flickr_badge_image {
		float: left;
		margin: 0 20px 20px 0;
	}

		#home_widget_area .flickr_badge_image img {
			width: 75px;
			height: 75px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		#home_widget_area .flickr_widget a {
			border-bottom: none;
			display: block;
			width: 75px;
			height: 75px;
			/*For hover state*/
			background: #000;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		#home_widget_area .flickr_widget a:hover img {
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter:alpha(opacity=6);
		}

	/*In Footer Area*/
	#footer .flickr_badge_image {
		float: left;
		margin: 0 8px 8px 0;
	}

		#footer .flickr_badge_image img {
			width: 60px;
			height: 60px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		#footer .flickr_widget a {
			border-bottom: none;
			display: block;
			width: 60px;
			height: 60px;
			/*For hover state*/
			background: #000;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		#footer .flickr_widget a:hover img {
			opacity: 0.6;
			-moz-opacity: 0.6;
			filter:alpha(opacity=6);
		}

/***** 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:150px;
			    float: left;
			    padding-top: 10px;
			}

				#commentform label.textarea {
					padding-top: 0;
				}

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

		#commentform input[type=text], #commentform input[type="email"] {
			border: 1px solid #d3d3d3;
		    padding: 12px;
		    width: 250px;
		    margin-bottom: 10px;
		    background: #fff;
			-moz-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-webkit-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-0-box-shadow:		inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			box-shadow:			inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
	
		#commentform textarea {
		    border: 1px solid #d3d3d3;
		    resize: none;
		    width: 250px;
		    padding: 12px;
		    height: 150px;
		    background: #fff;
			-moz-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-webkit-box-shadow:	inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-0-box-shadow:		inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			box-shadow:			inset rgba(0, 0, 0, 0.1) 0 1px 4px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
	
		#commentform input:focus, #commentform textarea:focus {
			border: 1px solid #f24e00;
		}
		
		#commentform .button {
			border: none;
			display:block;
			float: left;
			margin: 0 0 0 150px;
			background-color: #111;
			font-size: 11px;
			color:#f5f5f5;
			cursor:pointer;
			padding: 8px 15px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
			font-weight: bold;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			-o-transition: all .2s;
			transition: all .2s;
		}
		
			#commentform .button:hover{
				background-color:#333;
			}
		
		#commentform br { clear: left; }

/***** 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: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		}

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

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

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

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

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

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

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

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

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

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

/***** 12. Keyframes *****/
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}
50% {
-webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.9);
}
100% {
-webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}
}