/*
Theme Name: Vue
Theme URI: http://www.mushindesign.co.uk/
Description: A CV and portfolio template
Version: 1.0
Author: (Shared on MafiaShare.net) 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. LAYOUT
	05. TEXT STYLES
	06. NAVIGATION
	07. PORTFOLIO
	08. RESUME
	09. BLOG
	10. FOOTER
	11. CONTACT FORM
	12. COMMENTS
	13. COIN SLIDER
	14. ICONS
	15. MESSAGE BOXES
	16. TEXT CAROUSEL
	17. BUTTONS
	18. TABS
	19. LIST ICONS
	20. MISC ITEMS

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


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

table { border-collapse: collapse; border-spacing: 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 #f0f0f0;
		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:0 4px 5px;
	}
	
	.gallery-caption { margin-left: 0; }
	
	#footer-container-large.dark .textwidget {
		color: #d1d1d1;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	#footer-container-large.light .textwidget, .textwidget {
		color: #a3a3a3;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
/***** 03. GENERAL *****/
	body {
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#top-strip {
		height: 15px;
	}
	
	#wrapper {
		background: url(images/footer-border.png) repeat-x 0 bottom;
		padding-bottom: 20px;
	}
	
		
	#header-container-lrg {
		margin: 0 0 0 0;
		height: 450px;
	}
	
	#header-container-sm {
		margin: 0 0 0 0;
		height: 130px;
	}
	
		#header {
			width: 940px;
			margin: 0 auto;
		}
	
	#logo-nav {
		height: 70px;
		padding: 33px 0 0 0;
	}
		#logo {
			float: left;
		}
		
			#logo h1 {
				font-size: 44px;
				margin: 0;
			}
			
			#logo span {
				float: left;
				position: absolute;
				font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
			}	
	
	#content {
		overflow: hidden;
		padding: 30px 0 40px 0;
		clear: both;
		width: 940px;
		margin: 0 auto;
	}
	
	#intro { 
		overflow: hidden;
	}
	
		#intro_text {
			margin-right: 4%;
			text-align: left;
			float: left;
		}
		
		#intro_text h2 { margin: 6px 0 5px 0; }
		
		#calltoaction {
			float: left;
			width: 22%;
			padding-top: 5px;
		}
		
			#calltoaction a { float:right; width: 80%; }
	
	.user-content { clear: both; }
	
	.space { clear: both; height: 20px; display: block }	
	
	.float-left { float: left; }
	.float-right { float: right; }
	
/***** 04. LAYOUT *****/
	/* Fluid columns */
	.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%; }
	.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; }
	.last{ margin-right:0 !important; clear:right; }
	.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/***** 05. TEXT STYLES *****/
	a {
		text-decoration: none;
		font-size: 12px;
	}
	
		a:hover {
			
		}
		
	p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
		color: #666;
	}

	h1, h2, h3, h4, h6 {
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #555;
		margin: 15px 0 10px 0;
	}
	
	h1 {
		font-size: 34px;
	}
		
	h2 {
		font-size: 28px;
		font-weight: normal;
	}
	
	h3 {
		font-size: 22px;
	}
	
	h4 {
		font-size: 18px;
		font-weight: normal;
	}
	
	h5 {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #555;
		margin: 15px 0 10px 0;
	}
	
	h6 {
		font-size: 11px;
		text-transform: uppercase;
		font-weight: normal;
		font-style: oblique;
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #555;
		margin: 15px 0 10px 0;
	}
	
	.separator {
		background: url(images/separator.png) no-repeat;
		clear: both;
		height: 1px;
		margin: 25px 0;
	}
	
	.divider {
		background: url(images/divider.png) repeat-x;
		height: 10px;
		margin: 35px 0 30px 0;
		clear: both;
	}
	
	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: #999;
		width: 33%;
		border-left: 5px solid #ccc;
	}
	
		.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;
		border-left: 10px solid #ddd;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: #eee;
		color: #666;
	}
	
	.user-content ul {
		color: #555;
		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 25px;
		}

	.user-content ol {
		color: #555;
		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;
		}

	#footer ul {
		color: #f5f5ed;
		list-style-position: inside;
	}
	
		#footer ul li {
			margin: 0;
		}

	#footer ol {
		color: #f5f5ed;
		list-style-position: inside;
	}	
	
		#footer ol li {
			margin: 0;
		}
		
	table {
		border: 1px solid #ccc;
		line-height: 18px;
		margin: 0 0 20px 0;
		text-align: left;
		padding: 5px;
		background: #eee;
		border-width: 1px;
		color: #777;
		font-size: 12px;
	}

	tr { border-bottom: 1px solid #ccc; }
	
	th {
		background: #3f3f3f;
		color: #f9f9f9;
		border	: 1px solid #555;
	}
	
	td {
		border	: 1px solid #ccc;
	}
	
	th, td {
		padding: 8px;
		vertical-align: middle;
		text-align: center;
	}
		
		td:hover {
			background: #e6e6e6;
		}
		
/***** 06. NAVIGATION *****/
	#primary-nav {
		float: right;
		margin: 10px 0 20px 0;
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	
/***** 07. PORTFOLIO *****/
	.grid {
		overflow: hidden;
		width: 952px;
		margin-top: 30px;
	}
		
		.port-item {
			float: left;
			margin: 0 15px 25px 0;
		}
			
			.port-item img {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				padding: 3px;
				background: #fff;
				border: 1px solid #c9c9c9;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 2px;
			}
			
	.port-desc {
		padding: 0 0 15px 0;
	}
	
		.grid.fourcol .port-desc { width: 221px; height: 150px; }
		.grid.threecol .port-desc { width: 302px; height: 125px }
		.grid.twocol .port-desc { width: 460px; height: 100px }

		.port-desc h5 {
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #efefef;
			background: #fff;
			padding: 4px 8px;
		}
		
		
		.port-image-port a.view-item {
			position: absolute;
			bottom: 30px;
			border: none;
			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;
		}
	
			.port-image-port a.view-item:hover {
				background-color: #888;
			}
		
		.port-image-port p {
			margin-top: 10px;
			font-size: 11px;
		}
	
	#sidebar-portfolio {
		margin: 0 0 0 0;
		width: 260px;
		float: left;
	}
	
		#sidebar-portfolio h3 {
			margin-top: 0;
		}

		.grid-vert {
			overflow: hidden;
			margin-bottom: 40px;
		}
		
		.portfolio-latest-items {
			float: left;
			display: block;
			width: 100%;
			margin-bottom: 10px;
			margin-top: 10px;
			padding-bottom: 20px;
			border-bottom: 1px solid #e9e9e9;
		}
		
			.grid-vert img {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				padding: 3px;
				background: #fff;
				border: 1px solid #c9c9c9;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-o-border-radius: 2px;
				border-radius: 2px;
				float: left;
				margin-right: 10px;
			}
			
			.portfolio-latest-items img:hover {
				opacity: 0.8;
			}
			
			.portfolio-latest-items h5 {
				margin-top: 0;
				margin-bottom: 0;
			}
			
			

/***** 08. RESUME *****/

		#resume h4 {
			margin-top: 0;
			}
	
		h4.light, h5.light {
			color: #999;
			margin-right: 10px;
		}
			
		h4 span {
			color: #999;
			margin-right: 10px;
			}
		
		#resume_info {
			margin: 20px 0 20px 0;
			overflow: hidden;
			padding: 0 0 20px 0;
			}
		
		#resume_image {
			margin: 0 20px 0 0;
			width: 300px;
			float: left;
		}
				
			#resume_image img {
				padding: 5px;
				background: #fff;
				border: 1px solid #ccc;
				-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
				margin: 0 auto;
				display: block;
			}
			
		#resume_personal {
			float: left;
			width: 620px;
		}
		
			#resume_personal h3 {
				margin-top: 0;
			}
			
		.resume_entry {
			margin: 0 0 40px 0;
			overflow: hidden;
			width: 620px;
			float: right;
		}
		
		.resume_title {
			margin-bottom: 20px;
			overflow: hidden;
		}
		
			.resume_title h4 {
				margin-top: 4px;
			}
			
			.resume_title h5 {
				margin-top: 8px;
				border-top: 1px solid #efefef;
				border-bottom: 1px solid #efefef;
				background: #fff;
				padding: 4px 8px;
			}
			
			.resume_title_left { width: 370px; overflow: hidden; float: left; margin-top: 4px; }
			.resume_title_right { width: 250px; overflow: hidden; float: right; }
			
		#employment {
			float: left;
			margin-bottom: 40px;
		}
		
		#education {
			float: left;
		}
		
		h3.resume {
			margin: 0 20px 0 0;
			padding: 0 0 0 40px;
			height: 32px;
			width: 260px;
			float: left;
		}
		
			h3.resume.ed {
				background: url(images/icons/others/books.png) no-repeat 0 0;
			}
			
			h3.resume.em {
				background: url(images/icons/others/building.png) no-repeat 0 0;				
			}
				
				
/***** 09. BLOG *****/
	.min {
		width: 600px;
		float: left;
		margin: 0 80px 20px 0;
		padding-bottom: 20px;
	}

	.sidebar {
		margin: 10px 0 0 0;
		width: 260px;
		float: left;
		color: #666;
		font-size: 12px;
	}
		
		.sidebar a {
			color: #888;
		}
		
			.sidebar a:hover {
				color: #222;
			}

		.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;
				border-top: 1px solid #e9e9e9;
				color: #666;
			}
			
				.sidebar ul li ul li:first-child { border-top: none; }
			
				.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: 1px 5px 1px 0;
			margin: 0 0 20px 0;
		}
		
		.block h3 { margin-top: 0; };

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

		.searchbox input[type=text], textarea {
			height: 15px;
			width: 150px;
			margin: 0 0 20px 0;
			padding: 8px;
			float: left;
			background: url(images/form_grad.png) repeat-x bottom #fcfcfc;
			color: #aaa;
			font: 12px arial;
			border: 1px solid #d6d6d6;
			-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 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;
		}
		
		.searchbox input[type=text]:hover, textarea:hover { border-color: #aaa; }
		
		.searchbox 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);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
			font-size: 12px;
			color: #777;
			border-color: #aaa;
		}
		
		.searchbox .button {
			border: none;
			display:block;
			float:left;
			margin: 3px 0 0 10px;
			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;
		}
		
			.searchbox .button:hover{
				background-color:#888;
			}
		
		.searchbox br { clear: left; }

	.post {
		margin: 0 0 60px 0;
	}
	
	.post h3 { margin-top: 5px; }

	a.post-title {
		font-size: 22px;
		margin: 10px 0;
		font-weight: normal;
		color: #333;
	}
	
	p.post-time { color: #888; }
	
	.post-time {
		margin: 8px 0 15px 0;
		font-size: 11px;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		background: #fff url(images/divider.png) repeat;
		padding: 4px 8px;
	}
	
	
	
	.post-time a {
		font-size: 11px;
	}

	.post-img img {
		width: 592px;
		height: 187px;
		padding: 3px;
		background: #fff;
		border: 1px solid #c9c9c9;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		position: relative;
		margin: 0 0 15px 0;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	
	.post-img img:hover { opacity: 0.8; }

	.pagination {
		margin-bottom: 20px;
		height: 32px;
		clear: both;
		font-size: 11px;
	}

	p.older a {
		background: #e6e6e6;
		display: block;
		float: right;
		margin-right: 8px;
		bottom: 5px;
		position: relative;
		color: #666;
		padding: 8px 5px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
	}

	p.newer a {
		background: #e6e6e6;
		display: block;
		float: right;
		margin-right: 8px;
		bottom: 5px;
		position: relative;
		color: #666;
		padding: 8px 5px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
	}
	
		p.newer a:hover, p.older a:hover { background: #c6c6c6; }

	p.tags {
		background: url(images/icons/others/tag.png) no-repeat;
		height: 32px;
		display: block;
		position: relative;
		padding: 2px 0 0 40px;
		margin-top: 20px;
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
		p.tags a {
			font-size: 11px;
		}
		
	
/***** 10. FOOTER *****/
	#footer-container-large {
		bottom: 0;
		width: 100%;
		min-height: 200px;
		overflow: hidden;
		font-size: 12px;
	}
	
		#footer-large {
			padding: 20px 10px;
			width: 940px;
			margin: 0 auto;
			overflow: hidden;
		}
		
	#footer-container-small {
		bottom: 0;
		width: 100%;
		height: 60px;
		overflow: hidden;
	}
	
		#footer-small {
			padding: 18px 10px;
			width: 940px;
			margin: 0 auto;
		}
	
		
		
	#footer-container-large.light { background: #f5f5f5; }
	#footer-container-small.light { background: #ededed; }
	
	#footer-container-large.light a { color: #888; }
	#footer-container-large.light a:hover { color: #666; }
	
	#footer-container-large.light h1,
	#footer-container-large.light h2,
	#footer-container-large.light h3,
	#footer-container-large.light h4,
	#footer-container-large.light h5
	{ color: #969696; }
	#footer-container-large.light p,
	#footer-container-large.light li
	{ color: #a3a3a3; }
	#footer-container-large.light li
	{ background: url(images/footer-dot-light.png) repeat-x 0 top; padding: 8px 0 8px 0; }
	#footer-container-large.light li:first-child { background: none; padding-top: 0; }
	
	#footer-container-small.light a { color: #888; font-size: 11px; }
	#footer-container-small.light a:hover { color: #666; }
	
	#footer-container-small.light h1,
	#footer-container-small.light h2,
	#footer-container-small.light h3,
	#footer-container-small.light h4,
	#footer-container-small.light h5
	{ color: #f5f5ed; }
	#footer-container-small.light p { font-size: 11px; padding-top: 3px; color: #999; }
	
	
	
	
	
	
	
	#footer-container-large.dark { background: #343434; }
	#footer-container-small.dark { background: #252525; }
	
	#footer-container-large.dark a { color: #888; }
	#footer-container-large.dark a:hover { color: #666; }
	
	#footer-container-large.dark h1,
	#footer-container-large.dark h2,
	#footer-container-large.dark h3,
	#footer-container-large.dark h4,
	#footer-container-large.dark h5
	{ color: #ebebeb; }
	#footer-container-large.dark p,
	#footer-container-large.dark li
	{ color: #d1d1d1; }
	#footer-container-large.dark li
	{ background: url(images/footer-dot-dark.png) repeat-x 0 top; padding: 8px 0 8px 0; }
	#footer-container-large.dark li:first-child { background: none; padding-top: 0; }
	
	#footer-container-small.dark a { color: #888; font-size: 11px; }
	#footer-container-small.dark a:hover { color: #666; }
	
	#footer-container-small.dark h1,
	#footer-container-small.dark h2,
	#footer-container-small.dark h3,
	#footer-container-small.dark h4,
	#footer-container-small.dark h5
	{ color: #ebebeb; }
	#footer-container-small.dark p { font-size: 11px; padding-top: 3px; color: #ebebeb; }
	
	
	
	
	
	#footer-container-large li { list-style: none; line-height: 18px; }
	
	#footer-container-large h5 {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	#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; }

				#twitter-tweets ul li a:hover {  }
				
			
			ul#social {
				list-style: none;
				float: right;
			}
			
				ul#social li {
					float: left;
					width: 24px;
					height: 24px;
					padding-left: 8px;
				}
				
					ul#social li a {
						opacity: 0.70;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}
					
						ul#social li a:hover {
							opacity: 1;
							}
		
		
		
/***** 11. CONTACT FORM *****/
	#contact-form ul {
		list-style: none;
		margin: 0;
	}
		
		#contact-form ul li {
			list-style: none;
			padding: 0;
			clear: left;
		}

	#contact-form  label {
		display:block; /* needed in order to set a width */
		width:300px;
		margin-top: 20px;
	}
	
	#contact-form textarea {
		width:400px;
		height:100px;
	}
	#contact-form .error {
		color: #de2c2c;
		font-size: 12px;
	}

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

	#contact-form input[type=text], textarea {
		height: 15px;
		width: 270px;
		margin: 0 0 20px 0;
		padding: 8px;
		float: left;
		background: url(images/form_grad.png) repeat-x bottom #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 1px solid #d6d6d6;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		-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 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;
	}
	
	#contact-form textarea { height: 170px; width: 450px; margin-bottom: 20px; border: 1px solid #d6d6d6; font: 12px arial; }
	
	#contact-form input[type=text]:hover, textarea:hover { border-color: #aaa; }
	
	#contact-form 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);
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
		font-size: 12px;
		color: #777;
		border-color: #aaa;
	}
	
	#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; }
	
	.one_third.last.nospacecontact h5:first-child { margin-top: 0;}


/***** 12. COMMENTS *****/
	.comments {
		background: url(images/icons/others/chat.png) no-repeat 0 3px;
		padding: 0 0 0 40px;
		height: 35px;
	}

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

		ol#comments_section li { /*Single comment*/
			margin-bottom: 30px;
			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: 60px;
			}

		.comment-body {
			position: relative;
			margin-bottom: 20px;
		}
		
			.comment-body p {
				font-size: 11px;
				color: #666;
			}

		.comment-author {
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #efefef;
			background: #fff url(images/divider.png) repeat;
			overflow: hidden;
			padding: 10px;
			margin-bottom: 10px;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			-o-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
		}

			.comment-author .avatar {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.comment-author .fn {
				font-weight: bold;
				top: 10px;
				position: relative;
				color: #333;
			}
			
			.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 {
					background: #ddd;
				}
			
		.comment-meta {
			margin-bottom: 25px;
			position: absolute;
			top: 20px;
			right: 10px;
		}
		
		.comment-reply-link {
			font-size: 11px;
		}
		
			.comment-reply-link:hover {
			}

		

		a.prev {
			background: #e6e6e6;
			display: block;
			float: left;
			margin-right: 8px;
			bottom: 5px;
			position: relative;
			color: #666;
			padding: 8px 5px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}

		a.next {
			background: #e6e6e6;
			display: block;
			float: right;
			margin-right: 8px;
			bottom: 5px;
			position: relative;
			color: #666;
			padding: 8px 5px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
		
			p.next a:hover, p.prev a:hover, a.page-numbers:hover { background: #c6c6c6; }
		
		a.page-numbers {
			background: #e6e6e6;
			display: block;
			float: left;
			margin-right: 8px;
			bottom: 5px;
			position: relative;
			color: #666;
			padding: 8px 7px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
		
		span.page-numbers.current {
			background: #c6c6c6;
			display: block;
			float: left;
			margin-right: 8px;
			bottom: 5px;
			position: relative;
			color: #666;
			padding: 8px 7px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
			
		#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;
			}
			
			#commentform textarea {
				width:400px;
				height:100px;
			}

		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: url(images/form_grad.png) repeat-x bottom #fcfcfc;
		color: #aaa;
		font: 12px arial;
		border: 1px solid #d6d6d6;
		-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 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;
		}
	
		#commentform textarea { height: 170px; width: 450px; margin-bottom: 20px; border: 1px solid #d6d6d6; 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);
			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; }
		
/***** 13. COIN SLIDER *****/
.coin-slider { zoom: 1; position: relative; margin: 0; padding: 5px; background: url(images/trans_light.png) repeat; width: 940px; margin-top: 15px; left: -5px;}
.coin-slider a{ text-decoration: none; outline: none; border: none;  }
.cs-buttons { font-size: 0px; padding: 10px; float: left; position: relative; bottom: -10px;   }
.cs-buttons a { -webkit-border-radius: 10px;	-moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left: 5px; height: 6px; width: 6px; float: left; border: 2px solid #ddd; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #ddd; color: #FFFFFF; }
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, 
.cs-next { background-color: #fff; color: #333; padding: 0px 10px; }
.cs-next { -webkit-border-radius: 5px 0 0 5px;	-moz-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.cs-prev { -webkit-border-radius: 0 5px 5px 0;	-moz-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }

.kwicks {
		list-style: none;
		position: relative;
		margin: 0;
		margin-top: 15px;
	}
		.kwicks li{
			display: block;
			overflow: hidden;
			padding: 0;
			cursor: pointer;
			float: left;
			height: 260px;
			margin-right: 5px;
		}
		
		.kwicks li .kshadow {
			width: 52px;
			height: 100%;
			position: absolute;
			right: 0;
			background: url(images/kslider-shadow.png) no-repeat;
			top: 0;
		}
		
		.kwicks li:last-child .kshadow { background: none; }
		
		#kwick1 { 
			background-color: #4D9AA8;
		}
		#kwick2 {
			background-color: #82A616;
		}
		#kwick3 {
			background-color: #F29A1F;
		}
		#kwick4 { 
			background-color: #A66A16;
			margin-bottom: none;
		}

/***** 14. ICONS *****/
	h3.icon {
		padding-left: 40px;
		padding-bottom: 5px;
		/*height: 32px;*/
	}

		h3.icon.colour {
			background: url(images/icons/header/colour.png) no-repeat 0 0;
		}
		
		h3.icon.email {
			background: url(images/icons/header/email.png) no-repeat 0 0;
		}
		
		h3.icon.comment {
			background: url(images/icons/header/comment.png) no-repeat 0 0;
		}
		
		h3.icon.iccomments {
			background: url(images/icons/header/comments.png) no-repeat 0 0;
		}
		
		h3.icon.coins {
			background: url(images/icons/header/coins.png) no-repeat 0 0;
		}
		
		h3.icon.cog {
			background: url(images/icons/header/cog.png) no-repeat 0 0;
		}
		
		h3.icon.help {
			background: url(images/icons/header/help.png) no-repeat 0 0;
		}
		
		h3.icon.user {
			background: url(images/icons/header/user.png) no-repeat 0 0;
		}
		
		h3.icon.date_edit {
			background: url(images/icons/header/date_edit.png) no-repeat 0 0;
		}

/***** 15. MESSAGE BOXES *****/
	/** Coloured notice boxes **/
	.message {
		padding: 0 20px 10px 20px;
		margin: 30px 0;
	}
	
	.message.info.nospace,
	.message.warning.nospace,
	.message.success.nospace,
	.message.error.nospace,
	.message.general.nospace { margin-top: 0; }
		
		.message.info {
			background: #c4e9f1;
			border-top: 1px solid #4db5c3;
			border-bottom: 1px solid #4db5c3;
			color: #45939d;
		}
		
			.message.info p, .message.info h1, .message.info h2, .message.info h3, .message.info h4 {	color: #45939d;	}
		
		.message.warning {
			background: #f5bc7e;
			border-top: 1px solid #c17625;
			border-bottom: 1px solid #c17625;
			color: #a06627;
		}
		
			.message.warning p, .message.warning h1, .message.warning h2, .message.warning h3, .message.warning  h4 { color: #a06627; }
		
		.message.success {
			background: #c8eaae;
			border-top: 1px solid #91c36b;
			border-bottom: 1px solid #91c36b;
			color: #699845;
		}
		
			.message.success p, .message.success h1, .message.success h2, .message.success h3, .message.success  h4 { color: #699845; }
		
		.message.error {
			background: #f5917e;
			border-top: 1px solid #b4503d;
			border-bottom: 1px solid #b4503d;
			color: #923e2e;
		}
		
			.message.error p, .message.error h1, .message.error h2, .message.error h3, .message.error  h4 { color: #923e2e; }
		
		.message.general {
			background: #f2f2f2;
			border-top: 1px solid #eaeaea;
			border-bottom: 1px solid #eaeaea;
			color: #b1b1b1;
		}
		
			.message.general p, .message.general h1, .message.general h2, .message.general h3, .message.general  h4 { color: #b1b1b1; }
		
		/** Standard plain boxes **/
		.box {
			width: 100%;
			overflow: hidden;
			margin: 0 0 30px 0;
		}
		
			.box.light .box-title {
				background: #3f3f3f;
				color: #f9f9f9;
				padding: 8px 15px;
				font-size: 16px;
				-webkit-border-radius: 3px 3px 0 0;
				-moz-border-radius: 3px 3px 0 0;
				-o-border-radius: 3px 3px 0 0;
				border-radius: 3px 3px 0 0;
			}
			
			.box.light .box-body {
				background: #f4f4f4;
				color: #666;
				border-left: 1px solid #eee;
				border-right: 1px solid #eee;
				border-bottom: 1px solid #eee;
				padding: 10px 15px;
				font-size: 12px;
				line-height: 18px;
			}
			
			.box.dark .box-title {
				background: #f4f4f4;
				color: #666;
				padding: 8px 15px;
				font-size: 16px;
				-webkit-border-radius: 3px 3px 0 0;
				-moz-border-radius: 3px 3px 0 0;
				-o-border-radius: 3px 3px 0 0;
				border-radius: 3px 3px 0 0;
				border-left: 1px solid #eee;
				border-right: 1px solid #eee;
				border-top: 1px solid #eee;
			}
			
			.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;
			}
			
	/***** FEATURED CONTENT & RIBBONS *****/
	.feat-box {
		background: #fbfbfb url(images/feat-box-grad.png) repeat-x 0 bottom;
		padding: 5px 10px 15px 20px;
		border: 1px solid #e7e7e7;
		border-bottom: 1px solid #e1e1e1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-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;
		position: relative;
		margin: 15px 0 30px 0;
		}
		
	.feat-box-home {
		background: #fbfbfb url(images/feat-box-grad.png) repeat-x 0 bottom;
		padding: 5px 10px 15px 20px;
		border: 1px solid #e7e7e7;
		border-bottom: 1px solid #e1e1e1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-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;
		position: relative;
		margin-bottom: 0;
		}

	.ribbon {
		height: 87px;
		width: 87px;
		position: absolute;
		top: -5px;
		right: -5px;
	}
	
	.blog-blue { background: url(images/ribbons/ribbon-blog-blue.png) no-repeat; }
	.blog-green { background: url(images/ribbons/ribbon-blog-green.png) no-repeat; }
	.blog-orange { background: url(images/ribbons/ribbon-blog-orange.png) no-repeat; }
	.blog-red { background: url(images/ribbons/ribbon-blog-red.png) no-repeat; }
	
	.new-blue { background: url(images/ribbons/ribbon-new-blue.png) no-repeat; }
	.new-green { background: url(images/ribbons/ribbon-new-green.png) no-repeat; }
	.new-orange { background: url(images/ribbons/ribbon-new-orange.png) no-repeat; }
	.new-red { background: url(images/ribbons/ribbon-new-red.png) no-repeat; }
/***** 16. TEXT CAROUSEL *****/
	.text-carousel {
		overflow: hidden;
		width: 940px;
		margin: 35px 0 10px 0;
		position: relative;
		padding: 0 0 10px 0;
	}
	
			.text-carousel:before {
				content: "";
				position: absolute;
				background: url(images/bracket_open.png) no-repeat;
				left: 0;
				top: 0;
				height: 146px;
				width: 40px;
			}
			
			.text-carousel:after {
				content: "";
				position: absolute;
				background: url(images/bracket_close.png) no-repeat;
				right: 0;
				top: 0;
				height: 146px;
				width: 40px;
			}

	.showcase-content { font-size: 12px; color: #555; line-height: 20px; }
	
	.showcase-content img { float: left; margin-right: 20px; }
	
	.showcase-content h1, .showcase-content h2, .showcase-content h3, .showcase-content h4, .showcase-content h5 { margin-top: 0; }
	
/***** 17. BUTTONS *****/
.round {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

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

.button {
	text-align: center;
	margin-bottom: 3px;
	display: inline-block;
}

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

.button.small {
	height: 15px;
	color: #f9f9f9;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 14px;
}

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

.button.large.green { background: url(images/btn-fade.png) repeat-x 0 0 #8bb73b; border: 1px solid #8bb73b; }
.button.large.green:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #8bb73b;}
.button.small.green { background: url(images/btn-fade.png) repeat-x 0 0 #8bb73b; border: 1px solid #8bb73b; }
.button.small.green:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #8bb73b;}

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

.button.large.blue { background: url(images/btn-fade.png) repeat-x 0 0 #318bcb; border: 1px solid #318bcb; }
.button.large.blue:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #318bcb;}
.button.small.blue { background: url(images/btn-fade.png) repeat-x 0 0 #318bcb; border: 1px solid #318bcb; }
.button.small.blue:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #318bcb;}

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

.button.large.purple { background: url(images/btn-fade.png) repeat-x 0 0 #942cc0; border: 1px solid #942cc0; }
.button.large.purple:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #942cc0;}
.button.small.purple { background: url(images/btn-fade.png) repeat-x 0 0 #942cc0; border: 1px solid #942cc0; }
.button.small.purple:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #942cc0;}

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

.button.large.white { background: url(images/btn-fade.png) repeat-x 0 0 #ededed; border: 1px solid #ddd; }
.button.large.white:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #ededed;}
.button.small.white { background: url(images/btn-fade.png) repeat-x 0 0 #ededed; border: 1px solid #ddd; }
.button.small.white:hover { background: url(images/btn-fade-hover.png) repeat-x 0 bottom #ededed;}

/***** 18. TABS *****/

.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;
	}
	
	.idTabs li a {
		background: #333;
		color: #f5f5f5;
		padding: 8px 8px;
		margin-right: 4px;
		display: block;
		margin-left: 0;
		text-decoration: none!important;
		font-size: 12px;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-o-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
		.idTabs li a:hover {
			padding: 6px 8px 10px 8px;
			color: #fff;
		}
	
	.idTabs li a.selected {
		background: #eee;
		color: #888;
		cursor: default;
	}
	
	.tabs div {
		padding: 10px 10px 8px 10px;
		clear: left;
		background: #eee;
		font-size: 12px;
		color: #888;
		overflow: hidden;
		line-height: 18px;
	}
	
	/**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 h5 {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.tabs #tabsPosts .tabLatestPost img{
		float: left;
		margin-right: 10px;
		padding: 3px;
		background: #fff;
		border: 1px solid #c9c9c9;
		-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;
	}
	
		.tabs #tabsPosts .tabLatestPost img:hover {
			opacity: 0.8;
		}
	
	.tabs #tabsTags a {
		background: url(images/tag-hole.png) no-repeat 7px 50% #fff;
		border: 1px solid #dcdcdc;
		padding: 6px 8px 6px 24px;
		margin: 0 10px 10px 0;
		display: block;
		float: left;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	
	.tabs #tabsCats li {
		background: url(images/footer-dot-light.png) repeat-x 0 top;
		border: none;
	}
	
	.tabs #tabsCats li:first-child {
		background: none;
		border: none;
	}

/***** 19. LIST ICONS *****/
ul.icon_list { list-style: none; }
ul.icon_list li { padding: 0 0 0 20px; }
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%; }

/***** 20. MISC ITEMS *****/
.tagcloud a {
		font-size: 12px;
		background: url(images/tag-hole.png) no-repeat 7px 50% #fff;
		border: 1px solid #dcdcdc;
		padding: 6px 8px 6px 24px;
		margin: 0 10px 10px 0;
		display: block;
		float: left;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}