/*

	Theme Name: Bonsai
	Theme URI: http://themes.eugeneo.com/bonai/
	Description: A clean minimalist theme for business websites, portfolios and blogs.
	Version: 1.1.3
	Author: Eugene Okoronkwo
	Author URI: http://www.eugeneo.com
	
	Lovingly created by EugeneO.
	
*/


/* ------------------------------------------------
-------------------- CSS RESET --------------------
--------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
	
}

ol, ul { list-style: none; }


/* ------------------------------------------------
-------------------- CLEAR FIX --------------------
--------------------------------------------------- */

.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

	
/* -------------------------------------------------
-------------------- HTML SETUP --------------------
---------------------------------------------------- */

article, aside, figure, footer, header, hgroup, nav, section, video { display: block; }


/* -------------------------------------------------
-------------------- TYPOGRAPHY --------------------
---------------------------------------------------- */

a {
	color: #e64135;
	text-decoration: none;
	
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	-o-transition: color 0.25s;  
	transition: color 0.25s;  
}

	a:hover { color: #CCCCCC; }

p { margin: 20px 0 0; }

h1 {
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 32px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 40px 0 0; 
	text-transform: uppercase;	
}

h2 {
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 28px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 40px 0 0;
	text-transform: uppercase;
}

h3 {
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 1em;
	margin: 40px 0 0;
}

	h3 a { color: #555555; }
	
	h3 a:hover { color: #CCC; }
	
h4 {
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5em;
	margin: 40px 0 0;
}

h5 {
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5em;
	margin: 40px 0 0;
}

h6 {
	font-family: Arial, Sans Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5em;
	margin: 40px 0 0;
}


/* ------------------------------------------------
-------------------- STRUCTURE --------------------
--------------------------------------------------- */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #333333;
	color: #555555;
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#top { /* Page top border */
	background: url(images/background-dots.png) #ffffff;
	height: 10px;
}

#wrapper {
	background-color: #ffffff;
	margin: 0 auto 0;
	min-width: 980px;
	width: 100%;
}

	.content-wrapper {
		display: block;
		margin: 0 auto;		
		padding: 0 20px 40px;
		width: 940px;
	}	
	
	
	/* ---------- LAYOUT COLUMNS ---------- */
	
	.col-140 {
		float: left;
		width: 140px;
	}

	.col-246 {
		float: left;
		width: 246px;
	}
	
	.col-512 {
		float: left;
		margin: 0 20px 0 0;
		min-height: 1px;
		width: 512px;
	}	
	
	.col-675 {	
		float: right;
		position: relative;
		width: 675px;	
	}

	.col-780 {
		float: right;
		position: relative;
		width: 780px;	
	}
	
	
	/* ---------- HEADER ---------- */
	
	#logo h1 { margin: 0; }
	
		#logo img{			
			display: block;
			margin: 20px auto 0;			
		}
	
	
		/* ---------- NAVIGTION --------- */
		
		#navigation {			
			border-bottom: 1px dotted #dddddd;
			float: right;
			margin: 20px 0 0;
			position: relative;
			width: 780px;
			z-index: 99;
		}
			#navigation ul { float: right; }
			
			#navigation li {				
				border-left: 1px dotted #dddddd;
				float: left;
				padding: 0 2px;
				position: relative;				
			}
			
			#navigation li:first-child { border: none; }
			
				#navigation a {					
					color: #444444;
					display: block;
					font-style: normal;
					padding: 15px;
					text-transform: uppercase;				
					
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;	
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					
					-webkit-transition: color 0;
					-moz-transition: color 0;
					-o-transition: color 0;  
					transition: color 0;					
				}
					
					#navigation .current-menu-item a, #navigation .current-menu-parent a, #navigation a:hover, #navigation a.hover {
						background-color: #333333;
						color: #FFFFFF;						
					}
				
				#navigation span {					
					color: #999999;
					display: block;
					font-size: 10px;
					font-style: italic;
					text-transform: none;					
				}
				
				
				/* ---- Navigation Sub menus ---- */
	
				#navigation ul ul {					
					background-color: #333333;
					display: none;
					position: absolute;
					width: 175px;
					z-index: 9999;
					
					border-radius: 0;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;					
				}
				
					#navigation ul ul li {						
						border: none;
						padding: 0;
						width: 100%;						
					}
					
						#navigation ul ul a {							
							color: #FFFFFF;
							font-size: 10px;
							
							border-radius: 0;
							-moz-border-radius: 0;
							-webkit-border-radius: 0;					
						}
						
						#navigation ul ul a:hover {							
							background-color: #444444;
							
							border-radius: 0;
							-webkit-border-radius: 0;
							-moz-border-radius: 0;					
						}
						
						
				/* 2nd Level Sub menu */
				
				#navigation ul ul ul {					
					left: 175px;
					top: 0;					
				}
				
				#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul { display: none; }
				#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul { display: block; }

				
/* ---------- CONTENT ---------- */

	.introduction {	
		border-bottom: 1px dotted #dddddd;
		margin: 40px 0 0;
		padding: 0 0 40px;	
	}
	
	.introduction p {		
		color: #999999;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.6em;
		margin: 40px 0 0;	
	}
	
	.page > p:first-child { margin: 40px 0 0; }
	
	.col-780 img { max-width: 780px; }
	
	.col-512 img { max-width: 512px; }
	
	
/* --------- FOOTER ---------- */

.footer-widgets-holder {
	background: url(images/footer-widgets-background.png) repeat-x #e64135;
	min-width: 980px;
}

#footer-widgets {
	color: #f8958e;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 140px;
	width: 800px;
	
}
	
	#footer-widgets .widgettitle { color: #333333; }
	
	#footer-widgets .widget {		
		float: left;
		margin: 40px 0 40px 20px;
		width: 246px;
	}
	
		#footer-widgets .widget li { border-bottom: 1px dotted #f8958e; }
		
		#footer-widgets .widget a { color: #f8958e; }
		
		#footer-widgets .widget_text a { font-weight: 700; }
		
		#footer-widgets .widget a:hover { color: #CCCCCC; }
		
		#footer-widgets .widget_pages a, #footer-widgets .widget_categories a, #footer-widgets .widget_nav_menu a { border-bottom: 1px dotted #f8958e; }
		
		#footer-widgets .widget a.button {
			background: #333333;
			border: none;
			color: #ffffff;
		}
		
		#footer-widgets .widget a.button:hover {
			background-color: #555555;
			color: #ffffff;
		}

footer {
	background: #333333;
	color: #666666;		
}

	.footer-content {		
		line-height: 100px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0 0 0 160px;
		width: 780px;		
	}
		
		footer a { color: #CCCCCC; }
		
		footer a:hover { color: #666666; }
		
		.footer-logo {			
			display: block;
			float: left;
			line-height: 1px;			
		}
			
		footer nav {			
			float: right;
			height: 100px;
			margin: 0;
			width: auto;			
		}
		
			footer nav li {				
				float: left;				
				padding: 0 0 0 40px;				
			}
			
			footer nav li:first-child {				
				background: none;
				padding: 0;				
			}
			
				footer nav a { display: block; }
			
			footer nav ul ul { display: none; } /* Hide any submenus */
			
		.copyright {			
			font-size: 10px;
			line-height: 55px;
			margin: 0 auto;
			padding: 0 0 0 160px;
			text-align: center;
			width: 790px		
		}
		
			.copyright .hr {				
				background-color: #2c2c2c;
				margin: 0;				
			}


/* ------------------------------------------------
-------------------- HOME PAGE --------------------
--------------------------------------------------- */

.page-template-home-page-php .introduction { 
	border: none;
	padding: 0;	
}

#slider {	
	height: 320px;
	margin: 40px 0 40px;
	width: 780px;	
}

	
/* -------------------------------------------------------
-------------------- PORTFOLIO INDEX  --------------------
---------------------------------------------------------- */

#filter {	
	border-bottom: 1px dotted #dddddd;
	margin: 40px 0 0;
	overflow: hidden;
	padding: 0 0 40px;	
}

	#filter li {		
		float: left;
		margin: 0 5px 0 0;		
	}
	
		#filter a {			
			background: #f8958e;
			color: #FFF;
			display: block;
			float: left;
			font-size: 10px;
			padding: 0 5px;
			margin: 2px 4px 2px 0;
			
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;			
		}
		
		#filter .current a { background: #CCCCCC; }
		
		#filter a:hover { background: #CCCCCC; }

#portfolio-holder {	
	overflow: hidden;
	width: 800px;	
}

	.portfolio-item {		
		float: left;
		height: 300px;
		margin: 40px 20px 0px 0;
		width: 246px;		
	}	

		.portfolio-item .feature-image {			
			background: url(images/image-hover.png) no-repeat center center;
			display: block;			
		}
		
		.portfolio-item h3 {			
			font-family: Arial, Sans Serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			margin: 20px 0;		
		}
		
		.portfolio-item p { margin: 0; }

		
/* -------------------------------------------------------
-------------------- PORTFOLIO SINGLE --------------------
---------------------------------------------------------- */

.single-portfolio-page { margin: 20px 0 0; }

	.thumb {		
		margin: 0 0 20px;
		overflow: hidden;
		width: 522px;		
	}
	
		.thumb li {			
			background: url(images/image-hover.png) no-repeat center center;
			float: left;
			height: 113px;
			margin: 0 20px 20px 0;
			padding: 0;
			width: 113px;			
		}
		
.post-content #slider { 	
	height: 240px;
	margin: 0 0 40px;
	width: 512px;	
}
	

/* -------------------------------------------------
-------------------- BLOG INDEX --------------------
---------------------------------------------------- */

	.col-675 h3:first-child {		
		float: left;
		margin: 40px 0 20px;
		padding: 0 0 0 160px;
		width: 460px;		
	}
	
	.comment-label {	
		background: url(images/comment-icon.png) center center no-repeat;
		float: right;
		height: 30px;
		line-height: 28px;
		margin: 40px 0 0;
		text-align: center;
		width: 37px;	
	}
	
		.comment-label a { font-style: normal; }
	
	.post-meta {
		float: left;
		margin: 20px 0 0;
		width: 140px;		
	}
	
		.post-meta li {		
			background: none;
			clear: both;
			line-height: 20px;
			margin: 0 0 10px;
			overflow: hidden;
			padding: 0;			
		}
		
		.post-meta strong, .comment-meta strong {			
			color: #555555;
			display: block;
			font-family: Arial, Sans Serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;			
		}
		
		.post-meta a, .comment-meta a { color: #999999; }
		
		.tag-meta a, .category-meta a {			
			background: #f8958e;
			color: #FFF;
			display: block;
			float: left;
			font-size: 10px;
			padding: 0 5px;
			margin: 2px 4px 2px 0;
			
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;			
		}
		
		.tag-meta a:hover, .category-meta a:hover { background: #CCCCCC; }
		
		li.launch-link { margin: 20px 0 10px; }
		
		.launch-link a { color: #e64135; }
		
		.launch-link a:hover { color: #CCC; }
	
	.post-content {		
		float: right;
		margin: 20px 0 0;
		width: 512px;		
	}
	
	.main-image {		
		background: url(images/image-hover.png) no-repeat center center;
		display: block;
		float: right;
		margin: 0 0 40px;
		overflow: hidden;
		width: 512px;		
	}
	
	.post-content p { margin: 0 0 20px; }
	
	.post-content .more-link {		
		display: block;
		float: left;
		margin: 0 0 40px;		
	}
	
	.sticky {}
	
	.bypostauthor {}
	
/* ---------------------------------------------------
-------------------- PAGINATION   --------------------
------------------------------------------------------ */

.pagination {
	clear: both;
	color: #CCC;
	font-family: 'Droid Serif', Georgia, Sans Serif;
	font-style: italic;
	overflow: hidden;
}

#comment-pagination { margin: 40px 0; }

.pagination ul {	
	margin: 0;
	overflow: hidden;
	padding: 0;	
}

.pagination li {	
	background: none;
	padding: 0;
}

.article-list .pagination { margin: 40px 0 0; }

.post-content .pagination { margin: 40px 0; }
	
	.pagination span { padding: 0 7px 0 0; }

		.pagination a{ color: #555555; }

		.pagination a:hover { color: #CCC; }

.pagination .alignright, .pagination .alignleft { margin-top: 0; }

	
/* ------------------------------------------------
-------------------- COMMENTS  --------------------
--------------------------------------------------- */

#comments {	
	float: right;
	margin: 0;
	padding: 0;
	width: 675px;	
}

.comment {	
	padding: 0;
	width: 100%;	
}

.comment p { margin: 0 0 20px; }

.comment-holder {
	margin: 40px 0 0;
	overflow: hidden;
}

	.comment-meta {		
		float: left;
		margin: 0 0 0 0;
		width: 140px;		
	}
		.avatar { margin: 4px 0 0; }
		
		.comment-meta li {		
			background: none;
			line-height: 20px;
			margin: 0 0 10px;
			padding: 0;			
		}

.author-text { overflow: hidden; }

.the-comment {	
	border-bottom: 1px dotted #dddddd;
	float: right;
	min-height: 145px;
	padding: 0 0 30px;
	width: 512px;	
}

	
/* ---------------------------------------------
-------------------- FORMS  --------------------
------------------------------------------------ */

#reply-title { font-size: 16px; }

form { margin: 20px 0 0; overflow: hidden; }

#respond { 	
	clear: both;
	padding: 1px 0 0;
	width: 512px;
}

#contactForm { margin: 26px 0 0; }

	#respond p {		
		margin: 5px 0;
		overflow: hidden;		
	}
	
	#respond .comment-notes, #respond .form-allowed-tags, #respond .logged-in-as { margin: 20px 0; }
	
	label {	
		line-height: 30px;
		margin-top: 2px;
		width: 512px; 		
	}
	
			label span { color: #e64135; }
		
	input[type=text], input[type=password] {		
		background-color: #F9F9F9;
		border: 1px solid #DDD;
		color: #666;
		clear: both;
		display: block;
		padding: 7px 8px;
		width: 263px;	
	}
	
	textarea {		
		background-color: #F9F9F9;
		border: 1px solid #DDD;
		color: #666;
		font-family: 'Droid Sans', Arial, san-serif;
		height: 141px;
		margin: 0;
		padding: 8px;
		resize: none;			
		width: 494px;	
	}
	
	input[type=checkbox] {		
		background: none;
		float: left;
		height: 25px;
		margin: 4px 10px 10px 0;
		width: 25px;		
	}
	
	#respond label.checkbox {		
		float: left;
		width: 470px;		
	}
	
	input[type=submit] { 		
		background-color: #f8958e;
		border: 1px solid #f8958e;
		color: #FFF;
		cursor: pointer;
		display: block;
		float: right;
		font-family: Arial, sans-serif;
		font-weight: 700;
		line-height: 1em;
		margin: 10px auto 0;
		padding: 6px 15px;
		width: auto;
		
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;	
	}
	
	#respond input[type=submit] {
		float: none;
		width: 100%;
	}
	
	input[type=submit]:hover {
		background-color: #CCCCCC;
		border: 1px solid #CCCCCC;	
	}
	
	input.error, textarea.error {		
		border: 5px solid #F57676;
		max-width: 484px;		
	}
	
	label.error { color: #F57676; }
	
	span.required { color: #e64135; }
	
	
/* SIDEBAR FORMS */

#sidebar input[type=text], #sidebar input[type=password], #sidebar textarea { width: 228px; }
	
	
/* -----------------------------------------------
-------------------- WIDGETS  --------------------
-------------------------------------------------- */

#sidebar { margin: 0; }

.widgettitle{	
	font-family: Arial, Sans Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin: 0 0 20px;	
}

.widget {	
	background: none;
	margin: 40px 0 0;
	padding: 0;	
}

.widget li {	
	background: none;
	border-bottom: 1px dotted #dddddd;
	line-height: 25px;
	padding: 0;
}

#sidebar .widget_pages li,
#footer-widgets .widget_pages li,
#sidebar .widget_categories li,
#footer-widgets .widget_categories li,
#sidebar .widget_nav_menu li,
#footer-widgets .widget_nav_menu li { border: none; }
	
	.widget_pages a,
	.widget_categories a,
	.widget_nav_menu a {
		border-bottom: 1px dotted #dddddd;
		display: block;
	}
	
	.widget_pages li li a,
	.widget_categories li li a,
	.widget_nav_menu li li a {		
		padding: 0 0 0 20px;		
	}
	
	/* ----- CALENDAR ----- */
	.widget_calendar table {		
		border: none;
		margin: 20px auto 0;
		text-align: center; 
		width: 100%;		
	}
			
		.widget_calendar th {			
			background: none;
			color: #555555;
			font-weight: 700;
			padding: 4px;			
		}
	
		.widget_calendar td {			
			background-color: #333333;
			border: none;
			color: #FFFFFF;			
			padding: 4px;
			position: relative;
			vertical-align: middle;			
		}
		
		
		.widget_calendar tr { background-color: #ffffff; }
		
		.widget_calendar .pad, .widget_calendar tfoot td { background: none; }
	
	
	/* ----- SOCIAL BUTTONS ----- */
	.raw_social, .social-button-holder { overflow: hidden; }
	
	.social-button-holder li,
	#footer-widgets .social-button-holder li {		
		border: none;
		float: left;
		margin: 0 10px 10px 0;		
	}
	
	.social-button-holder a {		
		display: block;
		height: 38px;
		float: left;
		overflow: hidden;
		text-indent: 9999px;
		width: 38px;	
	}
	
	.email-button { background: url(images/social/email.png) no-repeat; }
	.rss-button { background: url(images/social/rss.png) no-repeat;	}
	.facebook-button { background: url(images/social/facebook.png) no-repeat; }
	.twitter-button { background: url(images/social/twitter.png) no-repeat; }
	.digg-button { background: url(images/social/digg.png) no-repeat; }
	.myspace-button { background: url(images/social/myspace.png) no-repeat; }
	.dribbble-button { background: url(images/social/dribbble.png) no-repeat; }
	.flickr-button { background: url(images/social/flickr.png) no-repeat; }
	.linkedin-button { background: url(images/social/linkedin.png) no-repeat; }
	.vimeo-button { background: url(images/social/vimeo.png) no-repeat; }
	.youtube-button { background: url(images/social/youtube.png) no-repeat; }
	
	/* ----- SEARCH WIDGET ----- */
	
	.widget_search form{
		background-color: #F9F9F9;
		border: 1px solid #DDD;			
	}
		
		#footer-widgets .widget_search input,
		#sidebar .widget_search input {			
			float: right;
			padding: 7px 8px;			
		}
		
		#footer-widgets .widget_search input[type=text],
		#sidebar .widget_search input[type=text] {			
			background: none;
			border: none;
			clear: none;
			color: #999;
			float: left;
			width: 170px;			
		}
		
		#footer-widgets .widget_search input[type=submit],	
		#sidebar .widget_search input[type=submit] {	
			background: url(images/search-icon.png) no-repeat;
			border: none;
			height: 30px;
			cursor: pointer;
			margin: 0;
			text-indent: -9999px;
			width: 30px;			
		}
		
		#footer-widgets .widget_search input[type=submit]:hover,
		#sidebar .widget_search input[type=submit]:hover { background-position: 0 -30px; }
	
	/* TEXT */
	.widget_text { line-height: 1.5em; }
	
	/* SOCIAL */
	.raw_contact_holder p { line-height: 1.5em; margin: 0; }
	
	/* POPULAR, RECENT, RELATED POSTS */
	.raw_popular_posts img, 
	.raw_related_posts img, 
	.raw_recent_posts img { 
		background-color: #dddddd;
		float: left;
		margin: 10px 10px 0 0;
		padding: 5px;		
	}
	
	#footer-widgets .raw_popular_posts img, 
	#footer-widgets .raw_related_posts img, 
	#footer-widgets .raw_recent_posts img { 
		background-color: #E8554B;		
	}
	
	.raw_popular_posts div, 
	.raw_related_posts div,
	.raw_recent_posts div { 
		float: left;
		width: 171px;
	}
	
	.raw_popular_posts h5,
	.raw_related_posts h5,
	.raw_recent_posts h5 { 		
		font-family: 'Droid Sans', Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 1.5em;
		margin: 10px 0;		
	}
	
	.raw_popular_posts em,
	.raw_related_posts em,
	.raw_recent_posts em { color: #999999; }
	
	#footer-widgets .raw_popular_posts em,
	#footer-widgets .raw_related_posts em,
	#footer-widgets .raw_recent_posts em { color: #333333; }
	
	.raw_popular_posts li,
	.raw_related_posts li,
	.raw_recent_posts li {		
		clear: both;
		color: #666;
		overflow: hidden; 
		padding-bottom: 10px;
	}

	.raw_popular_posts li:first-child,
	#footer-widgets .raw_popular_posts li:first-child,
	.raw_related_posts li:first-child,
	#footer-widgets .raw_related_posts li:first-child,
	.raw_recent_posts li:first-child,
	#footer-widgets .raw_recent_posts li:first-child { border-top: none; }

	.raw_popular_posts li:last-child,
	#footer-widgets .raw_popular_posts li:last-child,
	.raw_related_posts li:last-child,
	#footer-widgets.raw_related_posts li:last-child,
	.raw_recent_posts li:last-child,
	#footer-widgets .raw_recent_posts li:last-child { border-bottom: none; }

	.raw_popular_posts a, .raw_related_posts a, .raw_recent_posts a { color: #555555; }

	.raw_popular_posts a:hover, .raw_related_posts a:hover, .raw_recent_posts a:hover{ color: #CCC; }

	.raw_popular_posts a:active, .raw_related_posts a:active, .raw_recent_posts a:active{ color: #999999; }

	/* TWITTER */
	.raw_twitter { 		
		background: url(images/twitter-icon.png) right top no-repeat;
		overflow: hidden;		
	}
	
	.raw_twitter li { 
		background-color: #f5f5ed;
		border: none;
		margin: 20px 0 0;
		line-height: 1.5em;
		padding: 10px;
	}	

	.raw_twitter span { 
		display: block;
		margin: 0px 0px 10px;
	}

	select {
		background-color: #F9F9F9;
		border: 1px solid #DDD;
		color: #999;
		height: 30px;
		line-height: 22px;
		padding: 3px 4px;
		width: 246px;		
	}
	
	
	/* ----- TESTIMONIALS ----- */
	
	.raw_testimonial li,
	#footer-widgets .raw_testimonial li {
		border: none;
		margin-top: 20px;
		text-align: right;
	}
	
	.raw_testimonial li:first-child,
	#footer-widgets .raw_testimonial li:first-child { margin-top: 0; }
	
	.raw_testimonial div {		
		background-color: #f5f5ed;
		line-height: 1.5em;
		margin: 0 0 10px;		
		padding: 10px;
		text-align: left;
	}
	
	#footer-widgets .raw_testimonial div,
	#footer-widgets .raw_twitter li {		
		background-color: #f8958e;
		color: #333;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		
		#footer-widgets .raw_testimonial a,
		#footer-widgets .raw_twitter a { color:  #333333; }
	
	.raw_testimonial div p:first-child { margin: 0; }
	
	.raw_testimonial h6 { margin: 0; }

	
/* -------------------------------------------------
-------------------- SHORTCODES --------------------
---------------------------------------------------- */

article table {	
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 20px auto 0;
	text-align: center; 
	width: 100%;	
}
			
		article th {			
			background-color: #333333;
			color: #FFFFFF;
			font-family: Arial, Sans Serif;
			font-weight: 700;
			padding: 4px;			
		}
	
		article td {			
			padding: 4px;
			position: relative;
			vertical-align: middle;			
		}
		
		article tbody td { border-right: 1px solid #dddddd; }
		
		article tr { background-color: #ffffff; }
		
		article tr:nth-child(2n) { background-color: #f5f5ed; }

		
/* Alternate Lists */
article ul.square { padding-left: 20px; }
article ul.circle { padding-left: 20px; }

article ul.check li { background: url(images/li_true.png) left 5px no-repeat; }
article ul.cross li { background: url(images/li_false.png) left 5px no-repeat; }

article ul.square li { background: none; list-style-type: square; }
article ul.circle li { background: none; list-style-type: disc;}

/* ----- COLUMNS ------ */

/* Thirds */
.third {
	float: left;
	margin: 0 20px 0 0;
	padding: 1px 0 0;
	position: relative;
	width: 246px;	
}

.col-512 .third { width: 157px; }

/* Half */
.half { 
	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 380px; 	
}

.col-512 .half { width: 246px; }

/* Two Thirds */
.two-thirds { 
	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 512px;
}

.col-512 .two-thirds { width: 334px; }

.end { margin: 0; }	


/* ----- Dropcaps ----- */

.dropcap_1 { 	
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 50px; 
	font-weight: 700;
	float: left; 
	height: 50px;
	line-height: 50px;
	padding-top: 3px;
	text-align: center;
	width: 50px; 	
}

.dropcap_2 {	
	font-family: 'Droid Serif', Georgia, Serif;
	float: left; 
	height: 36px; 
	line-height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -9px;
	padding-top: 5px; 
	text-align: center; 
	width: 40px;
	
	background-color: #e64135; 
	color: #FFF; 
	font-size: 30px; 
	font-weight: 700;
	text-shadow: none; 
	
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;	
}


/* ------ Highlight ------ */

.highlight {
	background-color: #e64135;
	color: #FFF;
	padding: 5px;
}


/* ------ BOXES ------ */

/* Download Box */
.download_box { 	
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13; 	
	margin-top: 16px; 
	padding: 0 20px 0 80px; 
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
	
	.download_box a {
		border-bottom: 1px dotted #548E13; 
		color: #548E13; 		
	}
	
	.download_box a:hover {	
		border-bottom: none; 
		color: #666; 		
	}
	
/* Info Box */
.info_box {
	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9; 
	border: 1px solid #68A2CF; 
	clear: both; 
	color: #2E6093;
	margin-top: 16px; 
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.info_box a { 	
		border-bottom: 1px dotted #68A2CF; 
		color: #68A2CF;
	}
	
	.info_box a:hover { 	
		border-bottom: none; 
		color: #666; 		
	}
	
/* Warning Box */
.warning_box { 
	background: url(images/warning-icon.png) 20px center no-repeat #FCC; 
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.warning_box a {	
		border-bottom: 1px dotted #F99; 
		color: #F99; 		
	}
	
	.warning_box a:hover {
		border-bottom: none; 
		color: #666; 		
	}

	.info_box  p, .download_box p, .warning_box p { margin: 20px 0; }

	
/* ----- Quotes ----- */

blockquote {
	background: url(images/quotes.png) no-repeat left top;
	font-size: 14px;
	margin: 40px 0;
	padding: 15px 40px 0;	
}

blockquote.alignleft, blockquote.alignright { 	
	margin-bottom: 20px;
	width: 186px;
}

cite { margin: 20px 0 0; }


/* ----- Dividers ----- */

.hr {	
	background-color: #dddddd;
	clear: both;
	height: 1px;
	margin: 40px 0 0;	
}

.hr.thin {
	background:	none;
	border-top: 1px dotted #dddddd;	
}

.divider.top {
	background: none;
	border-top: 1px dotted #dddddd;
	height: auto; 
	clear: both; 
	margin: 40px 0;	
}

.top{	
	font-size: 10px;
	line-height: 10px; 
	position: relative;
	text-align: right;
	width: 92%;
}

	.top a{		
		color: #666;
		display: block; 
		height: 20px;
		padding-left: 17px;
		position: absolute; 
		right: -40px;
		top: -5px;
		width: 20px;
	}
	
	.top a:hover{ color: #999999; }

/* ----- Toggle content ----- */	
.toggle-content {	
	border-bottom: 1px solid #dddddd;
	clear: both; 
	margin: 20px 0 0;	
}

.toggle-content + .toggle-content { margin: 0; }

.expand-button { 	
	background: url(images/tab-icon.png) right top no-repeat;
	cursor: pointer; 
	padding: 10px 0; 
}

.expand-button.close { background-position: right -38px; }

.expand-button p { 
	font-family: 'Droid Serif', Georgia, Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
}

.toggle-content .expand { margin: 0 0 20px; }

.expanding .expand { display: none; }

/* ----- Buttons ----- */
.button {
	background-color: #f8958e;
	border: 1px solid #f8958e;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-family: Arial, sans-serif;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 0;
	padding: 6px 15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
	p .button { margin-top: 0; }
	.button:hover {		
		background-color: #CCCCCC;
		border: 1px solid #CCCCCC;
		color: #FFF;		
	}
	
/* Gallery */
.gallery { margin: 20px 0 0; }

.col-512 .gallery { width: 532px; }

.col-780 .gallery { width: 800px; }

.gallery-item {
	background: url(images/image-hover.png) no-repeat center center;
	float: left;
	height: 166px;
	margin: 20px 20px 0 0; 
	position: relative; 
	width: 246px;
}

.gallery-caption {	
	background-color: #ffffff;
	bottom: 0; 
	position: absolute;
	padding: 10px;
}

.wp-caption-text {	
	font-size: 12px;
	color: #555555;	
}

/* Video Player */
object { margin: 20px 0 0; }


/* ----------------------------------------------
-------------------- STYLING --------------------
------------------------------------------------- */

.displace {	
	left: -9999px;
	position: absolute;	
}

article ul, .widget_text ul { margin: 16px 0 0; }
	
	article ul li, .widget_text ul li { 		
		background: url(images/li.png) 0 -1px no-repeat;
		border: none;
		line-height: 25px;
		padding: 0 0 0 20px;
	}
	
		article li ul, .widget_text li ul { margin: 0; }
	 
			article ul ol li, .widget_text ul ol li { background: none;}

article ol, .widget_text ol {	
	margin: 16px 0 0 16px;
	padding-left: 20px;	
}
	article ol li, .widget_text ol li {	
		list-style-type: decimal;		
		padding: 2px 0 2px 3px;		
	}
		article li ol, .widget_text li ol { margin:0; }
		
			article ol ul li, .widget_text ol ul li {				
				background: url(images/li.png) 0 -1px no-repeat;
				list-style-type: none; 
				margin: 0 0 0 -2px;
				padding: 0 0 0 20px; 				
			}

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

.alignleft {	
	float: left;
	margin-right: 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto;	
}

img.alignleft, img.alignright { margin-bottom: 20px; }

.wp-smiley { display: inline; margin: 0; }

.clearboth { clear: both; height: 1px; }

.screen-reader-text { display: none; }

.button.center { display: block; margin: 16px auto 0; text-align: center; }

div > br:first-child { display: none; }

.video-js-box video { margin: 20px 0; }

/* ----- LIGHTBOX TEXT FIX ----- */

.light_square p { color: #333; }
.dark_square p { color: #FFF; }
.facebook p { color: #333; }
.light_rounded p { color: #333; }
.dark_rounded p { color: #FFF; }


/* ----------------------------------------------------
------------------------ FORMS ------------------------
---------------------------------------------------- */

form ul,
#sidebar form ul{ margin: 0; }

form ul li,
#sidebar form ul li { background: none; margin: 0 0 10px; padding: 0;}