/* 
Theme Name: Access-byDesign
Theme URL: http://www.access-bydesign.com
Description: The Company Website
Author: Paul Whitehead
Author URI: www.access-bydesign.com
Version: 3.0
*/

/*main */
$bg-w: #FFFFFF;
$bg-lg: #f8f8f8;
$bg-submit-hover: #f0f0f0;

$bg-red: #ff6f6f;
$bg-blue: #99a2e3;
$bg-orange: #2d0000;
$bg-light-orange: #e5851f;					 
$bg-teal: #417489;	
$bg-grey: #434343;	
$bg-purple: #5B1426;							 				 
$bg-green: #528037;	

/*text and links */
$text: #545454;
$text-b: #333333;
$link: #0087B9;
$link-hover: #000000;
$link-dg: #111111;

/* border */
$border-w:#FFFFFF;
$border-dg: #222222;
$border-lg: #dfdfdf;
$border-hover: #999999;

/*more links*/
$more-w: #FFFFFF;

/*suckerfish*/
$suckerfish-bg: #FFFFFF;
$suckerfish-hover:#333333;
$suckerfish-border: #FFFFFF;
$suckerfish-border-hover: #000000;
$suckerfish-text: #333333;
$suckerfish-text-hover: #FFFFFF;

$corner: 4px;

/*===display none ==============================================*/

 .nodisplay, ul li.nodisplay, .hidden, .nodisplay
{
	display:none;
}

h1
{
	display:none;
}

.mobile_nodisplay
{
	display:none;
}

/* ===== body ================================================*/

*, html
{
	margin:0;
	padding:0;
}

a, a:visited, a:link
{
	color:$link;
}

a:active, a:hover
{
	color:$link-hover;
}

p
{
	line-height:1.8em;
}

#content p
{
	margin-bottom:10px;
}

body
{
	color:$text;
	font-size:0.8em;
	font-family: Verdana, sans-serif;
	line-height:1.15em;
}

#wrapper
{
	width:100%;
	height:auto;
	float:left;
	background:#99a2e3 url(images/backgrounds/bg-blue.jpg) no-repeat top left;
}

	.section
	{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 20px;
	}

/*==== top bar ====*/
	#top_bar
	{
		display:none;
		height:auto;
		background:url(images/trans.png) repeat;
		padding:10px 1%;
		width:88%;
		margin:0 5% 30px;
		float:left;

	}
	
		#top_social
		{
			width:auto;
			float:right;
			height:auto;
			background:$bg-w;
			border:1px solid $border-lg;
			padding:1px 7px 5px;
			margin-right:10px;
		}
		
			#top_social ul#social
			{
				width:auto;
				height: auto;
				float:left;
			}
			
				#top_social ul#social li
				{
					width:auto;
					float:left;
					height:auto;
				}
				
					#top_social ul li.intro
					{
						padding:3px 0;
						float:left;
						margin-right:10px;
					}
		
					#top_social ul li a	
					{
						width:auto;
						float:left;
						height:auto;
						margin-right:5px;
					}
					
					#top_social ul li a#delicious, 
					#top_social ul li a#design-float, 
					#top_social ul li a#digg, 
					#top_social ul li a#facebook, 
					#top_social ul li a#mixx, 
					#top_social ul li a#reddit, 
					#top_social ul li a#stumbleupon, 
					#top_social ul li a#technorati
					{
						height:21px;
						width:21px;
						float:left;
						background:url() no-repeat center;
					}
		
						#top_social ul li a#technorati
						{
							background:url(images/icons/social/social.png) no-repeat 0 -532px;
						}
						
						#top_social ul li a#design-float
						{
							background:url(images/icons/social/social.png) no-repeat 0 -76px;
						}
						
						#top_social ul li a#digg
						{
							background:url(images/icons/social/social.png) no-repeat  0 -152px;
						}
						
						#top_social ul li a#facebook
						{
							background:url(images/icons/social/social.png) no-repeat  0 -228px;
						}
						
						#top_social ul li a#mixx
						{
							background:url(images/icons/social/social.png) no-repeat 0 -304px;
						}
						
						#top_social ul li a#reddit
						{
							background:url(images/icons/social/social.png) no-repeat 0 -380px;
						}			
						
						#top_social ul li a#stumbleupon
						{
							background:url(images/icons/social/social.png) no-repeat 0 -456px;
						}
						
						#top_social ul li a#delicious
						{
							background:url(images/icons/social/social.png) no-repeat 0 0;
						}						
				
	
		form#searchmysite
		{
			width:auto;
			float:right;
			height:auto;
		}
			
			form#searchmysite ul
			{
				
			}
			
				form#searchmysite ul li
				{
					
				}
				
					form#searchmysite ul li input#s, 
					form#searchmysite ul li input[type="text"]
					{
						height:auto;
						padding:5px 5px 5px 30px;
						background:$bg-w url(images/icons/icons.png) no-repeat left -3596px;
						outline:none;
						-moz-border-radius:$corner;
						-webkit-border-radius:$corner;	
						border-radius:$corner;							
						border:1px solid $border-lg;
					}
					
					form#searchmysite ul li input[type="submit"], 
					form#searchmysite ul li submit
					{
						border:1px solid $border-lg;
						height:auto;
						padding:3px 5px 5px 30px;
						background:$bg-lg url(images/icons/icons.png) no-repeat left -3825px;
						outline:none;
						-moz-border-radius:$corner;
						-webkit-border-radius:$corner;	
						border-radius:$corner;	
						width:auto;
					}		
					
						form#searchmysite ul li input[type="submit"]:hover,	
						form#searchmysite ul li input[type="submit"]:focus,
						form#searchmysite ul li submit:hover,
						form#searchmysite ul li submit:focus
						{
							background:$bg-submit-hover url(images/icons/icons.png) no-repeat left -3825px;
							border:1px solid $border-hover;
						}
						
/*==== viewing ====*/
	#viewing
	{
		width:auto;
		float: right;
		height: auto;
		background:$bg-w;
		border:1px solid $border-lg;
		margin-right:10px;
		padding:0 5px;
	}
	
		#viewing ul
		{
			margin:0;
			padding:0;
			width:auto;
			height:auto;
			float:left;
		}
		
			#viewing ul li
			{
				float:left;
				display:inline;
				width:auto;
				height: auto;
				padding-bottom:2px;
			}

				#viewing li a.view
				{
					height:25px;
					width:27px;
					float:left;
				}
					
					#viewing li a.view.default
					{
						background:url(images/viewing/viewing.png) no-repeat 0 -78px;	
					}
					
					#viewing li a.view.easy
					{
						background:url(images/viewing/viewing.png) no-repeat 0 -156px;	
					}
					
					#viewing li a.view.large
					{
						background:url(images/viewing/viewing.png) no-repeat 0 -234px;	
					}
					
					#viewing li a.view.off
					{
						background:url(images/viewing/viewing.png) no-repeat 0 -390px;	
					}
					
					#viewing li a.view.mobile
					{
						background:url(images/viewing/viewing.png) no-repeat 0 -312px;	
					}
					
					#viewing li a.view.sitemap
					{
						background:url(images/viewing/viewing.png) no-repeat 0 0;	
					}	
					
/* ==== abd admin login ==== */

	#abd_login
	{
		background:$bg-w;
		border:1px solid $border-lg;
		-moz-border-radius:$corner;
		-webkit-border-radius:$corner;	
		border-radius:$corner;	
		width:auto;
		float:right;
		height: auto;
		margin-left:10px;
	}

		#abd-trigger
		{
			height:26px;
			width:33px;
			float:left;
			background: $bg-w url(images/icons/icons.png) no-repeat center -3900px;
		}
		
/* admin login content */		

	#abd_login_content
	{
		width:100%;
		height:auto;
		float:left;
		padding:0 0 10px;
	}	
	
	#login_content
	{
		height:auto;
		float:left;
		background-color:$bg-w;
		border-bottom:1px solid $border-lg;
		border-top:0;
		padding:5px 0;
		width:100%;
		color:$text;
		font-size: 1.1em;
		line-height: 1.3em;
		z-index:99;
	}
	
		form#adminloginform, 
		ul.adminlogin
		{
			width:auto;
			height:auto;
			display:block;
			padding-right:2px;
			float:right;
		}
	
		form#adminloginform ul.search_list, 
		form ul.login
		{
			margin-right:1%;
			padding:4px 1%;
			width:auto;
			height:auto;
			float:right;
			display:inline;
		}
		
			form#adminloginform ul li
			{
				width: auto;
				float:left;
				height:auto;
				padding:0 0 0 15px;
			}
			
				form#adminloginform ul li.remember
				{
					background:url(images/icons/bulb2.png) no-repeat left center;
					padding:5px 5px 2px 0;
					margin-left:20px;
					width:auto;
				}
			
				form#adminloginform ul li.admin
				{
					background:$bg-w url(images/icons/icons.png) no-repeat left -0px;	
					padding:2px 5px 2px 30px;	
					font-size:1.25em;
					font-family:cambria, serif;				
				}
			
				form#adminloginform ul li input[type="text"],
				form#adminloginform ul li input[type="password"]
				{
					background:$bg-w url(images/icons/icons.png) no-repeat left -0px;	
					padding:2px 5px 2px 30px;
					border: 1px solid $border-lg;	
					color:$text;
					-moz-border-radius: $corner; 
					-webkit-border-radius: $corner;	
					width:130px;
				}
				
				form#adminloginform ul li input[type="password"]
				{
					background:$bg-w url(images/icons/icons.png) no-repeat left -2200px;	
				}
				
					form#adminloginform ul li input[type="text"]:focus,
					form#adminloginform ul li input[type="password"]:focus
					{
						outline:none;	
					}
					
				form#adminloginform ul li input[type="checkbox"]
				{
					padding:2px 5px;
					width:10px;
				}
				
				form#adminloginform ul li select
				{
					background:$bg-w;
					border: 1px solid $border-lg;	
					color:$text;
				}
				
				form#adminloginform ul li select option
				{
					padding:0 10px;
					color:$text;
				}
				
				form#adminloginform ul li select:focus, 
				form#adminloginform ul li select option:focus
				{
					border: 1px solid $border-lg;	
					outline:none;
				}
				
				
				form#adminloginform ul li input#signin, 
				form#adminloginform ul li input[type="submit"]
				{
					background:$bg-w url(images/icons/unlock.png) no-repeat left center;
					padding:5px 5px 3px 30px;
					width:auto;
					float:left;
					height:auto;
					color:$text;
					border:1px solid $border-lg;
					outline:none;
					font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
					font-size:0.85em;
					line-height:130%;
					text-decoration:none;
					font-weight:bold;
					cursor:pointer;
					-moz-border-radius: $corner; 
					-webkit-border-radius: $corner;				
				}
	
				 form#adminloginform ul li input#signin:active, 
				 form#adminloginform ul li input[type="submit"]:active
				{
					color:#529214;
					border:1px solid #C6D880;
				}
				
				 form#adminloginform ul li input#signin:hover, 
				 form#adminloginform ul li input[type="submit"]:hover
				 form#adminloginform ul li input#signin:focus, 
				 form#adminloginform ul li input[type="submit"]:focus			
				{
					color:#529214;
					border:1px solid #C6D880;
				}	
				
/* == not logged == */
		ul.login
		{
			width:auto;
			height:auto;
			float:right;
		}

			ul.login li
			{
				width:auto;
				height:auto;
				float:left;
				display:inline;
				margin-left:10px;
			}
			
			#user_content form ul li input#submit, 
			#user_content form ul li input[type="submit"]
			{
				background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2500px;
			}
			
			#user_content ul
			{
				width:auto;
				height:auto;
				float:right;
			}

			#user_content ul li
			{
				width:auto;
				height:auto;
				float:left;
				margin-left:10px;
			}
			
			a.logout, 
			#user_content ul li a.view_info, 
			#user_content ul li a.view_info_dash
			{
				background:$bg-w url(images/icons/icons.png) no-repeat scroll left -3900px;
				padding:5px 5px 5px 30px;
				width:auto;
				float:left;
				height:auto;
				color:$text;
				border:1px solid $border-lg;
				outline:none;
				font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
				font-size:0.85em;
				line-height:130%;
				text-decoration:none;
				font-weight:bold;
				cursor:pointer;
				-moz-border-radius: $corner; 
				-webkit-border-radius: $corner;		
				border-radius: $corner;	
			}
			
			#user_content ul li a.view_info
			{
				background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2384px;
			}	
			
				#user_content ul li a.view_info_dash
				{
					background:$bg-w url(images/icons/icons.png) no-repeat scroll left -3961px;
				}
					
				a.logout:hover,
				a.logout:focus,
				#user_content ul li a.view_info:hover,
				#user_content ul li a.view_info:focus,
				#user_content ul li a.view_info_dash:hover,
				#user_content ul li a.view_info_dash:focus
				{
					color:#529214;
					border:1px solid #C6D880;
				}					
/* ==== hidden description divs ==== */

			#top_viewing_hidden,
			#top_search_hidden,
			#top_social_hidden, 
			#top_desc
			{
				background:url(images/trans.png) repeat;
				display:none;
				font-family:Cambria,serif;
				font-size:1.4em;
				height:auto;
				left:39%;
				line-height:1.4em;
				padding:5px 10px;
				position:absolute;
				text-align:center;
				top:49px;
				width:20%;			
			}
			
			#top_desc
			{
				margin:0 1%;
				padding:5px 0.75%;
				top:84px;
				width:18%;
			}
			
			/*class added by js when admin login toggled */
				#top_viewing_hidden.add_top,
				#top_search_hidden.add_top,
				#top_social_hidden.add_top
				{
					top:85px;	
				}
				
				#top_desc.add_top
				{
					top:120px;
				}	
				
				
/* ==== notice area ==== */
	#notice
	{
		width:85%;
		height:auto;
		float:left;
		margin:20px 5%;
		border:1px solid #E6DB55;
		background: #FFFFE0;
		-moz-border-radius:$corner;
		-webkit-border-radius:$corner;	
		border-radius:$corner;		
		padding:10px 2.5%;
	}
		
/* === header tabs === */
	#header_wrapper
	{
		display:none;
		height:auto;
		float:left;
		padding:20px 2.5%;
		width:95%;
	}
	
		#header_content
		{
				
		}
		
			#header_tabs
			{
				width:100%;
				height:auto;
				float:left;
			}
			
				ul.header_htabs
				{
					display:none;
					float:right;
					width:auto;
					height:auto;
					margin-right:6%;
				}
				
					ul.header_htabs li
					{
						width:auto;
						float:left;
						height:auto;
					}
					
						ul.header_htabs li a
						{
							background:url(images/trans-60.png) repeat;
							padding:5px 5px 0;
							margin-right:10px;
							float:left;
						}

							ul.header_htabs li a:hover
							{
								background:url(images/trans.png) repeat;
							}
							
							ul.header_htabs li a.active
							{
								background:url(images/trans.png) repeat;
							}
		
			#header_text
			{
				float:right;
				font-family:Cambria,serif;
				font-size:1.4em;
				height:auto;
				line-height:1.6em;
				padding:10px 2.5% 10px 0;
				width:60%;
			}
			
			#header_contact
			{
				float:left;
				height:auto;
				width:100%;
			}
			
				#header_contact ul
				{
					width:100%;
					height:auto;
					float: left;
					background:url(images/trans.png) repeat;
					border:1px solid $border-lg;
				}

					#header_contact ul li
					{
						padding:0 0.5%;
						width:99%;
						height:auto;
						float: left;
					}
					
						#header_contact ul li#header_gmap
						{
							
						}
						
							#header_contact ul li#header_gmap a#gmap-trigger
							{
								width:30px;
								height:30px;
								float:left;
								margin-right:10px;
								background:$bg-w url(images/icons/icons.png) no-repeat left -1745px;	
							}
							
							.header_text, #gmap_text
							{
								float:left;
								font-family: Cambria, serif;
								font-size:0.95em;
							}
							
					
						#header_contact ul li#header_phone img, 
						#header_contact ul li#header_email img
						{
							width:30px;
							height: 30px;
							float:left;
							margin-right:10px;
						}
						
						#hidden-email-content
						{
							width:100%;
							height:auto;
							float:left;
							display:none;
						}
			
			#header_logo
			{
				width:37%;
				float:left;
				height:170px;
				background:url(images/logo.png) no-repeat center;
			}	
			
			#tweet_wrapper
			{
				width:90%;
				height:auto;
				float:left;
				background:url(images/icons/twitter.png) left bottom no-repeat;
				padding:10px 5%;			
			}
			
				#tweet_wrapper .tweet
				{
					width:95%;
					height:auto;
					float:left;
					background:url(images/trans.png) repeat;
					-moz-border-radius:$corner;
					-webkit-border-radius:$corner;	
					border-radius:$corner;	
					padding:10px 2.5%;
				}	
				
					#tweet_wrapper .tweet .tweet_content
					{
						width:100%;
						height:auto;
						float:left;
						font-family: Helvetica, Arial, sans-serif;
						font-size: 1.8em;
						letter-spacing: -0.1em;
						line-height: 1.4em;						
					}
					
					#tweet_wrapper .tweet .tweet_date
					{
						width:100%;
						height:auto;
						float:left;
						padding:0 0 10px;
						font-family: Helvetica, Arial, sans-serif;
						font-size:1.2em;
						line-height: 1.45em;						
					}
				
			#testimonial_wrapper
			{
				width:90%;
				height:auto;
				float:left;
				background:url(images/icons/comment.png) left bottom no-repeat;
				padding:10px 5%;			
			}
			
				#testimonial_wrapper #testimonial
				{
					width:95%;
					height:auto;
					float:left;
					background:url(images/trans.png) repeat;
					padding:10px 2.5%;
					font-family: Helvetica, Arial, sans-serif;
					font-size:1.5em;
					letter-spacing: -0.1em;
					line-height: 1.4em;						
				}	
				
					#testimonial_wrapper #testimonial-title
					{
						width:auto;
						height:auto;
						float:left;
						padding:5px 20px 5px 0;
						background:url(images/speach-trans.png) no-repeat right bottom;
						font-family: Helvetica, Arial, sans-serif;
						font-size:1.5em;
						letter-spacing: -0.1em;
						line-height: 1.4em;							
					}
				
					#testimonial_wrapper #testimonial .more
					{
						width:100%;
						float:right;
						height:auto;
						font-size:0.6em;
					}
						
						#testimonial_wrapper #testimonial .more a
						{
							font-family:Verdana, Geneva, sans-serif;
							padding:6px 5px 6px 25px;						
						}

		#nav
		{
			width:94%;
			height:auto;
			float:left;
			padding-left:6%;
		}
	
/* portfolio links above the mid_wrapper */

	ul.portfolio-links
	{
		display:none;
		width:94%;
		height:auto;
		float:left;
		margin:10px 0 0 6%;
	}
	
		ul.portfolio-links li
		{
			width:auto;
			height:auto;
			float:left;
			margin-right:10px;
		}
		
			ul.portfolio-links li a
			{
				background:url(images/trans-60.png) repeat;
				float:left;
				font-family:Cambria,serif;
				font-size:1.3em;
				height:auto;
				line-height:1.4em;
				width:auto;		
				text-decoration:none;
				vertical-align:middle;
				padding:5px 15px;
			}
			
				ul.portfolio-links li a.active, 
				ul.portfolio-links li a:hover
				{
					background:url(images/trans.png) repeat;
				}			
			
			ul.portfolio-links li a span.portfolio-img
			{
				background:url() no-repeat center;
				margin-right:10px;
				float:left;
				width:30px;
				height:30px;
			}
			
			ul.portfolio-links li a span.portfolio-text
			{
				float:left;
				width:auto;
				height:auto;
				padding:5px 0;
				color:$link-dg;
			}
			
/*====menu styles====*/

#menu
{
	width:auto;
	float:left;
	height:auto;
}

/*===== main content area ===== */
	
	#mid_wrapper
	{
		width:100%;		
		height:auto;
		float:left;
	}
	
		#content ul
		{
			padding-left:20px;	
		}
	
		#content ul li
		{
			margin:0 0 5px 20px;
			list-style:disc;
		}
	
/*===== breadcrumb ===== */	
	#breadcrumb_wrapper
	{
		display:none;
		width:100%;
		height:auto;
		float: left;		
	}
	
	#breadcrumb
	{
		width:auto;
		height:auto;
		float: left;
		margin-top:5px;
		position:relative;
		right:19px;			
	}
	
		#crumb-content
		{
			width:auto;
			float:left;
			margin:13px 0 0 0;
			height:auto;
			background:url(images/trans.png) repeat;
		}
	
		#breadcrumb a, 
		span#crumb-second, 
		#breadcrumb .current
		{
			padding:10px 20px 10px 10px;
			width:auto;
			height: auto;
			float:left;
			background:url(images/crumb/sep.png) no-repeat right;
			text-decoration:none;
		}
		
			#breadcrumb a:hover, 
			#breadcrumb a:focus
			{

				text-decoration:underline;
			}
		
		span#crumb-first
		{
			width:19px;
			height:48px;
			float:left;
			background:url(images/crumb/first.png) no-repeat right top;
		
		}		
	
		span#crumb-second
		{
				
		}
		
		#breadcrumb .current
		{
			background:url(images/crumb/finish.png) no-repeat right center;
			position:relative;
			right:-19px;	
			padding:10px 20px 10px 0;
			font-weight:bold;
		}
	
/* ==== fallback ==== */

	#content_wrapper
	{
		width:100%;
		height: auto;
		float:left;
		padding:10px 0;
	}
	
		#content
		{
			width:100%;
			height:auto;
			float:left;
		}
		
/* === fallback === */

	.page
	{
		
	}
	
		.page_title
		{
			font-family: Cambria, serif;
			font-size: 1.5em;
			line-height: 1.3em;
			
		}
		.subhead3 a{
			color:#000000;
		}
		
			.page_title p a
			{
				text-decoration:none;
			
			}
			
				.page_title p a:hover, 
				.page_title p a:focus
				{
					text-decoration:underline;	
				}
		
		.page_content
		{
			
		}
		

/* == gallery == */

	#gallery
	{
		width:100%;
		height:auto;
		float:right;
	}
		


/* ==== sidebar ====*/		
		
	#sidebar_wrapper
	{
		display:none;
		width:32.5%;
		height: auto;
		float:left;	
		padding:10px 0 10px 2.5%;
	}
	
		.sidebar_top
		{
			height:5px;
			width:100%;
			float:left;
			margin-top:10px;
		}
		
			.sidebar_top_inner
			{
				height:5px;
				width:100%;
				float:left;	
				background:url(images/trans.png) repeat;
			}
	
		.sidebar_item
		{
			width:97.5%;
			height:auto;
			padding:10px 0 10px 2.5%;
			float:left;
		}
	
		.sidebar_bottom
		{
			height:5px;
			width:100%;
			float:left;	
			margin-bottom:20px;
		}	
	
			.sidebar_bottom_inner
			{
				height:5px;
				width:100%;
				float:left;	
				background:url(images/trans.png) repeat;
			}	
			
		.sidebar_page_image
		{
			width:100%;
			height:250px;
			float:right;
			background-color: $bg-w;
			background-repeat:no-repeat;
			background-position:center;
			background-image:url(images/backup.jpg);
		}
		
/* == sidebar media	==*/
	
		#sidebar-media
		{
			width:100%;
			height:auto;
			float:left;
		}
		
			#sidebar-media-title
			{
				font-family: Cambria, serif;
				font-size: 1.35em;
				line-height: 1.4em;	
				padding:0 0 5px 5%;
			}
			
			#sidebar-media ul
			{
				width:95%;
				height:auto;
				float:left;
				padding:0 0 0 5%;
			}
			
				#sidebar-media ul li.media-item
				{
					width:100%;
					height:auto;
					float:left;
				}
				
					#sidebar-media ul li a
					{
						width:auto;
						height:auto;
						float:left;
						padding:6px 5px 5px 35px;
						text-decoration:none;
					}
					
						#sidebar-media ul li a:hover
						{
							text-decoration:underline;	
						}
						
						
						
/* === sidebar siblings === */

	#sidebar-siblings
	{
		width:100%;
		height:auto;
		float:left;
	}
	
		#sidebar-siblings-title
		{
			font-family: Cambria, serif;
			font-size: 1.35em;
			line-height: 1.4em;	
			padding:0 0 5px 5%;
		}
		
		#sidebar-siblings ul 
		{
			width:95%;
			height:auto;
			float:left;
			padding:0 0 0 5%;	
		}
		
			#sidebar-siblings ul li
			{
				width:100%;
				height:auto;
				float:left;			
			}
			
				#sidebar-siblings ul li a
				{
					width:auto;
					height:auto;
					float:left;	
					padding:4px 5px 4px 40px;
					background:url(images/icons/icons.png) no-repeat left -456px;
				}	
				
				
/* === sidebar tabs ===  */				
			
			ul#sidebar-htabs
			{
				width:100%;
				height:auto;
				float:left;
			}
			
				ul#sidebar-htabs li
				{
					width:auto;
					float:left;
					height:auto;
				}
				
					ul#sidebar-htabs li a
					{
						float:left;
						height:30px;
						margin-right:5px;
						padding:10px;
						width:30px;
						background: url(images/trans-60.png) repeat;
					}
					
						ul#sidebar-htabs li a span.tab-link-img
						{
							display: none;
							background-position:center;
							background-repeat:no-repeat;
							float:left;
							height:30px;
							width:30px;
						}
					
						ul#sidebar-htabs li a.active
						{
							background: url(images/trans.png) repeat;
						}
					
						ul#sidebar-htabs li a#sidebar-link-contact span.tab-link-img
						{
							background-image:url(images/large_icons/large_email.png);
						}
						
						ul#sidebar-htabs li a#sidebar-link-media span.tab-link-img
						{
							background-image:url(images/large_icons/floppy.png);
						}
						
						ul#sidebar-htabs li a#sidebar-link-linked span.tab-link-img
						{
							background-image:url(images/large_icons/linkedin.png);
						}	
						
						ul#sidebar-htabs li a#sidebar-link-siblings span.tab-link-img
						{
							background-image:url(images/large_icons/category.png);
						}	
						
						ul#sidebar-htabs li a#sidebar-link-meta span.tab-link-img
						{
							background-image:url(images/large_icons/tag.png);
						}							
			
			#sidebar-tabs
			{
				width:95%;
				height:auto;
				float:left;
				background: url(images/trans.png) repeat;
				padding:10px 2.5%;
				color:$text;
			}
			
				#sidebar-tabs a
				{

				}
			
			#sidebar .sidebar-tab-title
			{
				width:100%;
				height:auto;
				float:left;
				font-size:1.4em;
			}
		
		
			.sidebar-tab-contact
			{
				width:100%;
				height:auto;
				float:left;
			}
			
				.tab-title
				{
					width:85%;
					height:auto;
					float:left;	
					font-size:1.3em;
					line-height: 1.4em;	
				}
				
				#sidebar .more a
				{
					color:$link;	
				}
			
				#sidebar-tab-contact ul
				{
					width:100%;
					height:auto;
					float:left;	
				}
		
					#sidebar-tab-contact ul li
					{
						width:85%;
						height:auto;
						float:left;	
						padding:3px 0 3px 30px;
						font-size:1.1em;
						line-height: 1.4em;
					}	
					
						#sidebar-tab-contact ul li.email 
						{
							background:url(images/icons/icons.png) no-repeat left -1442px;	
						}
						
							#sidebar-tab-contact ul li.email a
							{
								text-decoration:none;	
							}
							
								#sidebar-tab-contact ul li.email a:hover,
								#sidebar-tab-contact ul li.email a:focus
								{
									text-decoration: underline;
								}
								

						#sidebar-tab-contact ul li.phone
						{
							background:url(images/icons/icons.png) no-repeat left -3143px;		
						}
						
						#sidebar-form
						{
							width:100%;
							height:auto;
							float:left;
						}
						
							#sidebar-form label
							{
								width:100%;
								height:auto;
								float:left;
							}
							
							#sidebar-form fieldset 
							{
								border:0;	
								margin-top:20px;
							}
							
								#sidebar-form fieldset legend
								{
									font-size:1.2em;	
									margin-bottom:10px;
								}
							
							#sidebar-form .reqtxt, 
							#sidebar-form .emailreqtxt
							{
								font-size:0.8em;
								text-align:right;
								float:right;
							}
							
							#sidebar-form .cform ol li
							{
								width:100%;
								height:auto;
								float:left;
								margin-bottom:5px;
							}
						
							#sidebar-form input[type="text"],
							#sidebar-form input[type="password"], 
							#sidebar-form textarea
							{
								padding:2px 5px 2px 5px;
								border: 1px solid $border-lg;	
								color:$text;
								border-radius:2px;
								-khtml-border-radius:2px;
								-moz-border-radius:2px; 
								-webkit-border-radius:2px;	
								width:96%;
							}
							
							#sidebar-form input[type="password"]
							{

							}
							
								#sidebar-form input[type="text"]:focus,
								#sidebar-form input[type="password"]:focus
								{
									outline:none;	
								}
								
							#sidebar-form input[type="checkbox"]
							{
								padding:2px 5px;
								width:10px;
							}
							
							#sidebar-form select
							{
								background:$bg-w;
								border: 1px solid $border-lg;	
								color:$text;
							}
							
							#sidebar-form select option
							{
								padding:0 10px;
								color:$text;
							}
							
							#sidebar-form select:focus, 
							#sidebar-form select option:focus
							{
								border: 1px solid $border-lg;	
								outline:none;
							}
							
							#sidebar-form input#signin, 
							#sidebar-form input[type="submit"]
							{
								background:$bg-w url(images/icons/icons.png) no-repeat left -3825px;
								padding:5px 5px 3px 30px;
								width:auto;
								float: right;
								height:auto;
								color:$text;
								border:1px solid $border-lg;
								outline:none;
								font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
								font-size:0.85em;
								line-height:130%;
								text-decoration:none;
								font-weight:bold;
								cursor:pointer;
								border-radius:2px;
								-khtml-border-radius:2px;
								-moz-border-radius:2px; 
								-webkit-border-radius:2px;			
							}
				
							 #sidebar-form input#signin:active, 
							 #sidebar-form input[type="submit"]:active
							{
								color:#529214;
								border:1px solid #C6D880;
							}
							
							#sidebar-form p.linklove, 
							.cf_hidden
							{
								display:none;
							}
							
							#sidebar-form ol 
							{
								list-style:none;	
							}
							
							
/* == sidebar testimonial == */

		#sidebar_testimonial
		{
			float:left;
			width:100%;
			height: auto;
		}

		.sidebar-test
		{
			width:100%;
			height:auto;
			float:left;
			background:url(images/quote-open.png) no-repeat left top;
		}
		
			.sidebar-test-title
			{
				padding:37px 17% 0;
				width:60%;
				float:left;
				height:auto;				
			}
			
			.sidebar-test-content
			{
				padding:10px 10% 35px 13%;
				width:70%;
				float:left;
				height:auto;
				font-style:italic;
				background:url(images/quote-close.png) no-repeat right bottom;
			}
			
				.sidebar-test-content a
				{
					text-decoration:none;
				}
				
					.sidebar-test-content a:hover, 
					.sidebar-test-content a:focus
					{
						text-decoration:underline;
					}	

							
						


/* === cat list style === */	
	
		#item_wrapper
		{
			width:100%;
			height:auto;
			float:left;
			padding-bottom:20px;
		}


/* == search box == */

#search_box
{
	width:auto;
	height:auto;
	float:right;
	margin:10px 5.5% 10px 0;
}
	
/* ====== category lists====== */	
	

#list_wrapper
{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
}		
	
		.item
		{
			width:95%;
			height:auto;
			float:left;
			padding:10px 2.5%;
			margin-bottom:20px;
			display:block;
			border-bottom:1px solid $border-w;
		}
	
		.item_text
		{
			padding:0 0 10px;
			width:100%;
			height:auto;
			float:left;			
		}
		
		.item_title
		{
			float:left;
			padding:0;
			margin:0 0 10px;
			width:100%;
			background-repeat: no-repeat;
			background-position:left center;
		}
		
			 .item_title p
			{
				color:$text-b;	
				font-size:1.8em;
			}
			
				.item_title a
				{
					text-decoration: none;
				}
				
					.item_title a:hover, 
					.item_title a:focus
					{
						text-decoration: underline;	
					}
			
		.item_image
		{
			display:none;
			width:39%;
			height:200px;
			float:left;
			background:$bg-w url(images/backup.jpg) no-repeat center;
			border:2px solid $border-w;
		}
		
			.item_image.frontpage
			{
				background-position:top left;	
			}
		
		.item_content
		{
			width:95%;
			height:auto;
			float: left;
			padding:0 2.5%;
		}
					
			.item_meta
			{
				width:100%;
				height:auto;
				float:left;
				padding:5px 0;
			}
				.meta-tags, meta-cats
				{
					width:100%;
					height:auto;
					float:right;
				}
				
				.item_meta .meta_date, 
				.meta_tag, 
				.meta_cat,
				.item_meta .meta_author,
				.meta-edit a
				{
					display:none;
					background:$bg-w url(images/icons/icons.png) no-repeat left -456px;
					padding:5px 5px 5px 30px;
					width:auto;
					float: right;
					height:auto;
					color:$text;
					border:1px solid $border-lg;
					outline:none;
					font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
					font-size:0.85em;
					line-height:130%;
					text-decoration:none;
					font-weight:bold;
					-moz-border-radius: $corner; 
					-webkit-border-radius: $corner;		
					border-radius: $corner;		
					margin:5px 0 0 5px;				
				}

					.item_meta .meta_date
					{
						float:left;
						background:$bg-w url(images/icons/icons.png) no-repeat left -1292px;			
					}
										
					.meta_tag
					{
						background:$bg-w url(images/icons/icons.png) no-repeat left -3672px;			
					}		
					
					.item_meta .meta_author
					{
						float:left;
						background:$bg-w url(images/icons/icons.png) no-repeat left -380px;			
					}						
				
					.meta-edit a
					{
						float: left;
						background:$bg-w url(images/icons/icons.png) no-repeat left -2535px;			
					}						
								
				
				.item_meta_title
				{
					width:100%;
					height:auto;
					float:left;
					padding:10px 0;
				}
				
			.item_text .item_content
			{
				width:100%;
				height:auto;
				float:left;
				margin:5px 0;
			}
			
				.item_text span.readmore, 
				.item_text span.viewonline
				{
					width:55%;
					float:right;
					height:auto;
					margin:10px 0 0 0;
				}
				
					.item_text span.readmore a, 
					.item_text span.viewonline a
					{
						background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2307px;
						padding:5px 5px 5px 30px;
						width:auto;
						float:left;
						height:auto;
						color:$text;
						border:1px solid $border-lg;
						outline:none;
						font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
						font-size:0.85em;
						line-height:130%;
						text-decoration:none;
						font-weight:bold;
						cursor:pointer;
						-moz-border-radius: $corner; 
						-webkit-border-radius: $corner;		
						border-radius: $corner;	
					}	
					
						.item_text span.viewonline a
						{
							background:$bg-w url(images/icons/icons.png) no-repeat scroll left -3961px;
						}
		
		#item_list .item_image
		{
			width:59%;
			height:255px;
			float:left;
			background:url() no-repeat top left;
			border:2px solid $border-w;
		}				
					
	/* === for the additional information ==== */				
		

/* ==== whats next for fallback pages ====*/

	#whats_next_wrapper
	{
		display:none;
		background: url(images/trans.png);
		-moz-border-radius: $corner; 
		-webkit-border-radius: $corner;	
		border-radius:$corner;
		width:90%;
		height:auto;
		float:right;
		margin:25px 2.5%;
		padding:15px 2.5%;
	}

	#whats_next
	{
		float:right;
		height:auto;
		width:80%;	
	}
	
		#whats_next_title
		{
			font-size:1.4em;
			margin-bottom:20px;
		}
	
		#whats_next a
		{
			text-decoration:none;
		}
		
			#whats_next a:hover
			{
				text-decoration:underline;
			}
	
		.next_left, 
		.next_right
		{
			width:50%;
			height:auto;
			float:left;
		}
		
		.next_title
		{
			font-size:1.08em;
		}
		
		.next_right
		{
			float:right;	
		}
		
			#whats_next ul li
			{
				background:url(images/icons/icons.png) no-repeat left -228px;
				list-style:none;
				margin:0;
				font-size:1.1em;
				color:$link;
				float:left;
				padding:5px 0 5px 10%;
				width:90%;
			}
			
			#whats_next .next_right ul li
			{
				background:url(images/icons/icons.png) no-repeat left -456px;
			}
			
				#whats_next ul li a
				{
					
				}
				
			#whats_next ul li.callback
			{

			}
				
			#whats_next ul li.callback.active
			{
				background:url(images/icons/icons.png) no-repeat left -228px;
			}

			#whats_next ul li.callback ul#callback_content	
			{
				widht:100%;
				height:auto;
				float:left;
			}

			#whats_next ul li.callback ul#callback_content	li
			{
				widht:100%;
				height:auto;
				float:left;
				background:none;
				padding:0;
				margin:0;				
			}
			
	
/* ====== web portfolio ====== */

#web_list_wrapper
{
	width:100%;
	height:auto;
	float:left;
}

	#web_options
	{
		height:30px;
		width:95%;
		float:left;
		padding:10px 2.5%;
		border-bottom:2px solid $border-w;
	}

	#web_list
	{
		width:95%;
		height:auto;
		float:left;	
		padding:20px 2.5%;
	}
	
		.web_row
		{
			width:100%;
			height:auto;
			float: left;
			margin-bottom:20px;
			display:block;
		}
		
		.web
		{
			width:100%;
			height:auto;
			float:left;
			margin-bottom:20px;
			display:block;
		}
	
		#web_list .web_text
		{
			width:100%;
			height:auto;
			float:left;			
			padding:0px 0 10px;
		}
		
		.web_title
		{
			
			float:left;
			background-repeat: no-repeat;
			background-position:left center;
		}
		
			#web_list .web_title p
			{
				color:$text-b;	
				font-size:1.5em;
			}
			
				#web_list .web_title p a
				{
					color:$text-b;	
					text-decoration: none;
				}
				
					#web_list .web_title p a:hover, 
					#web_list .web_title p a:focus
					{
						text-decoration: underline;	
					}
					
			.web_meta
			{
				display:none;
				width:100%;
				height:auto;
				float:left;
				padding:5px 0;
			}
			
				.web_meta #web_date, 
				.web_meta .web_user, 
				.web_meta .web_skills, 
				.web_meta .web_view
				{
					background:$bg-w url(images/icons/icons.png) no-repeat left -1293px;
					padding:5px 5px 5px 30px;
					width:auto;
					float:left;
					height:auto;
					color:$text;
					border:1px solid $border-lg;
					outline:none;
					font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
					font-size:0.85em;
					line-height:130%;
					text-decoration:none;
					font-weight:bold;
					-moz-border-radius: $corner; 
					-webkit-border-radius: $corner;		
					border-radius: $corner;		
					margin:5px 5px 0 0;		
					list-style: none;
				}

				.web_meta .web_user
				{
					background:$bg-w url(images/icons/icons.png) no-repeat left -0px;			
				}
				
				.web_meta .web_skills
				{
					background:$bg-w url(images/icons/media/media.png) no-repeat left -484px;	
				}
				
					.web_meta .web_skills.php
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -484px;	
					}	
					
					.web_meta .web_skills.css
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -49px;	
					}	
					
					.web_meta .web_skills.wordpress
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -708px;	
					}	
					
					.web_meta .web_skills.jquery
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -313px;	
					}	
					
					.web_meta .web_skills.dreamweaver
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -820px;	
					}	
					
					.web_meta .web_skills.photoshop
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -425px;	
					}	
					
					.web_meta .web_skills.illustrator
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -201px;	
					}	
					
					.web_meta .web_skills.oscommerce
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -766px;	
					}		

					.web_meta .web_skills.seo-optimisation
					{
						background:$bg-w url(images/icons/media/media.png) no-repeat left -874px;	
					}		
					
					.web_meta .web_view
					{
						background:$bg-w url(images/icons/icons.png) no-repeat left -2687px;	
					}
					
					
				
				.web_meta_title
				{
					width:100%;
					height:auto;
					float:left;
					padding:10px 0 0;
				}
				
			.web_text .web_content
			{
				width:100%;
				height:auto;
				float:left;
				margin:5px 0;
			}
			
				.web_text span.readmore, 
				.web_text span.viewonline
				{
					display:none;
					width:100%;
					float:left;
					height:auto;
					margin:10px 0 0 0;
				}
				
					.web_text span.readmore a, 
					.web_text span.viewonline a
					{
						display:none;
						background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2307px;
						padding:5px 5px 5px 30px;
						width:auto;
						float:left;
						height:auto;
						color:$text;
						border:1px solid $border-lg;
						outline:none;
						font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
						font-size:0.85em;
						line-height:130%;
						text-decoration:none;
						font-weight:bold;
						cursor:pointer;
						-moz-border-radius: $corner; 
						-webkit-border-radius: $corner;		
						border-radius: $corner;	
					}	
					
						.web_text span.viewonline a
						{
							background:$bg-w url(images/icons/icons.png) no-repeat scroll left -3961px;
						}
		
		#web_list .web_image
		{
			display:none;
			width:59%;
			height:255px;
			float:left;
			background:url() no-repeat top left;
			border:2px solid $border-w;
		}
		
/* ===== child pages====== */

	#parent
	{
		width:100%;
		height:auto;
		float:left;
		padding:10px 0;
	}
	
		#parent_title
		{
			height:auto;
			padding:0 0;
			margin-left:-20px;
			width:100%;
			font-size:1.5em;
			font-weight:bold;
		}
	
		#parent_image
		{
			display:none;
			width:30%;
			height:270px;
			float:right;
			background-position:center;
			background-repeat: no-repeat;
		}
		
		#parent_text
		{
			height:auto;
			float:left;
			padding:10px 0 10px 2.5%;
			width:97.5%;
		}
		
	#children
	{
		height:auto;
		float:left;
		padding:20px 0.5% 20px 1.5%;
		width:98%;
	}
	
	.child_wrapper
	{
		float:left;
		height:auto;
		margin-bottom:10px;
		padding-left:0.5%;
		width:99.5%;			
	}
	
		.child
		{
			float:left;
			height:auto;
			margin:0 1% 0;
			width:98%;
		}
		
			.child_title
			{
				float:left;
				font-size:1.1em;
				height:auto;
				padding:15px 10px 5px;
				width:auto;
				font-weight:bold;
			}
			
				.child_title a
				{
					color: #000000;
					text-decoration:none;
					
				}
			
					.child_title a:hover
					{
						text-decoration:underline;
					}
						
			.child_image
			{
				display:none;
				width:95%;
				height:150px;
				float:left;
				margin-bottom:10px;
				border:2px solid $border-w;
				background-color:$bg-w;
				background-position:center;
				background-image:url(images/backup.jpg);
				background-repeat:no-repeat;
			}
			
			.child_content		
			{
				width:96%;
				height:auto;
				float:left;
				text-align:left;
				padding:0 2%;
			}
			
				.child_content a
				{
					text-decoration:none;
					color:$link;
				}
				
					.child_content a:hover
					{
						text-decoration:underline;
						color:$link-hover;
					}
			
		
/*==== web fallback ==== */

	#web_details
	{
		width:95%;
		height:auto;
		float:left;
		padding:10px 2.5% 20px;
	}
	
		#web_details #web_title
		{
			width:100%;
			height:auto;
			float:left;	
			padding:10px 0 0;			
		}
		
			#web_details #web_title a
			{
				text-decoration:none;
			}
			
		#web_details #web_images_wrapper
		{
			width:60%;
			height:auto;
			float:left;
		}
			
			#web_details #web_image_wrapper
			{
				width:100%;
				height:350px;
				float:left;		
				border:2px solid $border-w;
			}
			
			#web_details img#web_image
			{
				width:100%;
				height:auto;
				margin:0 auto;
				vertical-align:middle;
			}
			
				#web_details #web_images
				{
					width:auto;
					float:left;
					height:auto;
				}
				
				#web_image_additional
				{
					width:auto;
					float:left;
					height:auto;
				}
				
					#web_image_additional img
					{
						display:none;
						width:auto;
						height:auto;
						float:left;
						margin:10px 10px 0 0;
						border:2px solid $border-w;
					}
		
		#web_details #web_content
		{
			width:35%;
			height:auto;
			float:left;	
			padding:0px 2.5%;
		}
		
			#additional_trigger_wrapper
			{
				width:100%;
				height:auto;
				float:left;
				
			}
			
				#additional_trigger_wrapper a#close_multi_trigger
				{
					width:100%;
					height:20px;
					float:left;
					background:url(images/icons/icons.png) no-repeat left -90px;	
				}
				
					#additional_trigger_wrapper a#close_multi_trigger.active
					{
						background:url(images/icons/icons.png) no-repeat center -307px;	
					}

		
/*==== page navigation ====*/
	.list_navi
	{
		display:none;
		width:auto;
		height:auto;
		float:right;
		padding:0 2.5% 0 0;
	}
	
		.previouspostslink, 
		.nextpostslink, 
		.list_navi a,
		.list_navi .pages, 
		.list_navi .current, 
		.list_navi .extend
		{
			background:$bg-w url(images/icons/icons.png) no-repeat left -1669px;
			padding:5px 5px 5px 30px;
			width:auto;
			float:left;
			height:auto;
			color:$text;
			border:1px solid $border-lg;
			outline:none;
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			font-size:0.85em;
			line-height:130%;
			text-decoration:none;
			font-weight:bold;
			cursor:pointer;
			-moz-border-radius: $corner; 
			-webkit-border-radius: $corner;		
			border-radius: $corner;		
			margin-right:5px;
		}
		
		.list_navi .current
		{
			background:$bg-w url(images/icons/icons.png) no-repeat left -3825px;
		}
		
		.list_navi a
		{
			background: $bg-w;	
			padding:5px 10px;
		}
		
		.current
		{
			
		}
		
/* ====== footer======= */	

	#footer_wrapper
	{
		display:none;
		width:100%;
		height:auto;
		float:left;
	}
	
		#footer_content
		{
			float:left;
			height:auto;
			width:100%;
	
		}
		
			#footer_tabs
			{
				float:left;
				height:auto;
				padding:0 ;
				width:100%;	
			}
			
				ul.footer_htabs
				{
					display:none;
					float:left;
					width:64%;
					height:auto;
					margin:10px 0 0 6%;
				}
				
					ul.footer_htabs li
					{
						width:auto;
						float:left;
						height:auto;
					}
					
						ul.footer_htabs li a
						{
							background:url(images/trans-60.png) repeat;
							float:left;
							font-family:Cambria,serif;
							font-size:1.4em;
							height:auto;
							line-height:1.4em;
							width:auto;		
							text-decoration:none;
							vertical-align:middle;
							padding:5px 10px 0 0;
							margin-right:5px;
							color:$link-dg;
						}

							ul.footer_htabs li a:hover
							{
								background:url(images/trans.png) repeat;
							}
							
							ul.footer_htabs li a.active
							{
								background:url(images/trans.png) repeat;
							}
							
							ul.footer_htabs li a span.footer-tab-img
							{
								width:0;
								height:40px;
								float:left;
							}
							
								ul.footer_htabs li a span.footer-tab-cats
								{
									width:auto;
									float:left;
									height:auto;
									padding:8px 0 5px 10px;
								}
								
								ul.footer_htabs li a span#tab-link-cats
								{
									background:url(images/large_icons/category.png) no-repeat center;
									padding:0 5px 0 30px;
									
								}
								
								ul.footer_htabs li a span.footer-tab-us
								{
									width:auto;
									float:left;
									height:auto;
									padding:8px 0 5px 10px;
								}
								
								ul.footer_htabs li a span#tab-link-us
								{
									background:url(images/large_icons/large_contact.png) no-repeat center;
									padding:0 5px 0 30px;
									
								}								
							

/* ==== inner footer tabs ==== */


ul#mini_htabs
{
	width:98%;
	padding:10px 1%;
	height:auto;
	float: left;
	border-bottom:1px solid $border-w;
}

	ul#mini_htabs li
	{
	
	
	}
	
		ul#mini_htabs li a
		{
			width:auto;
			float:left;
			margin-right:5px;
			padding:6px 10px 6px 35px;
			background:url(images/icons/icons.png) no-repeat left -456px;
			text-decoration: none;
		}	
	
		ul#mini_htabs li a.active
		{
			width:auto;
			float:left;
			margin-right:5px;
			padding:5px 10px 5px 35px;
			border:1px solid $border-lg;
			background:$bg-w url(images/icons/icons.png) no-repeat left -456px;
			text-decoration: none;
		}

		.projects_tabs
		{
			width:100%;
			height:auto;
			float: left;
		}
		
			.project_tab
			{
				padding:10px 1%;
				width:98%;
				height:auto;
				float: left;
			}
			
				.project_tab a.projects-seemore
				{
					width:auto;
					float:right;
					margin-right:5px;
					padding:5px 10px 5px 35px;
					border:1px solid $border-lg;
					background:$bg-w url(images/icons/icons.png) no-repeat left -2307px;
					text-decoration: none;						
				}
			
				.project_tab ul li
				{
					float: left;
					height:auto;
					width:100%;
					margin-bottom:5px;
				}
				
					.project_tab ul li a.projects-image
					{
						background-image:url(images/small-backup.jpg);
						background-position:center;
						background-repeat:no-repeat;
						width:50px;
						height:50px;
						float:left;
						margin:0 20px 0 0;
						border:1px solid $border-lg;
					}
					
					.projects-content
					{
						float:left;
						height:auto;
						width:85%;
					}
					
					.projects-title
					{
						width:100%;
						float:left;
						height:auto;
					}
					
						.projects-title a
						{
							text-decoration:none;
						}
						
							.projects-title a:hover
							{
								text-decoration: underline;
							}						
					
					.project-desc
					{
						width:auto;
						float:left;
						height:auto;						
					}
					
					.projects-desc span.project-more a
					{					
						margin-left:5px;
						padding:5px 6px 5px 23px;
						text-decoration:none;
						background:$bg-w url(images/icons/icons.png) no-repeat left -456px;
					}
					
/* ====== user tabs ====== */
ul#user_htabs
{
	width:98%;
	padding:10px 1%;
	height:auto;
	float: left;
	border-bottom:1px solid $border-w;
}

	ul#user_htabs li
	{
	
	
	}
	
		ul#user_htabs li a
		{
			width:auto;
			float:left;
			margin-right:5px;
			padding:6px 10px 6px 35px;
			background:url(images/icons/icons.png) no-repeat left 1px;
			text-decoration: none;
		}	
	
		ul#user_htabs li a.active
		{
			width:auto;
			float:left;
			margin-right:5px;
			padding:5px 10px 5px 35px;
			border:1px solid $border-lg;
			background:$bg-w url(images/icons/icons.png) no-repeat left 1px;
			text-decoration: none;
		}
		
		.user_tabs
		{
			width:100%;
			height:auto;
			float: left;		
		}
		
			.user_tab
			{
				width:98%;
				height:auto;
				float: left;		
				padding:10px 1%;
			}
		
			.user-content
			{
				width:75%;
				height:auto;
				float:right;
				padding:10px 0;
			}
				
				.user-content ul li
				{
					margin-bottom:7px;
					width:100%;
				}
		
				.user-content ul li.user-name
				{
					color: $text-b;
				}
				
				.user-content ul li.user-email
				{
					
				}
				
					.user-content ul li.user-email a
					{
						text-decoration:none;	
					}
					
						.user-content ul li.user-email a:hover, 
						.user-content ul li.user-email a:focus					
						{
							text-decoration: underline;
						}
				
				.user-content ul li.user-job
				{
					color: #e25b5b;
				}
				
				.user-content ul li.user-desc
				{
					line-height:1.5em;
				}
			
			.user-image
			{
				background-image:url(images/backup.jpg);
				background-position:center;
				background-repeat:no-repeat;
				background-color:$bg-w;
				height:175px;
				float:left;
				margin:0 0 0 1%;
				width:23%;
				border:1px solid $border-lg;				
			}
					
/* ======== for the 404 page ======== */			

#my404_wrapper
{
	width:50%;
	height:auto;
	margin:0 auto;
	position: relative;
	top:250px;
}

	#my404
	{
		width:90%;
		height:auto;
		float:left;
		background:url(images/trans.png) repeat;
		color:$text;
		padding:20px 5%;
		
	}	
		
	#my404-title
	{
		width:100%;
		height:auto;
		float:left;
	}
	
	#my404-content
	{
		width:100%;
		height: auto;
		float:left;
	}
	
		#my404-content p
		{
			line-height:1.6em;
			margin-bottom:5px;
		}
		
			#my404-content p a
			{
				padding:5px 5px 5px 25px;
				background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2307px;
				border: 1px solid $border-lg;
				text-decoration:none;
			}
			
			#my404-content p a:hover, 
			#my404-content p a:focus
			{
				text-decoration: underline;
			}
	
	#my404-huge
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 3.5em;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 1.2em;	
	}
		

/* == nothing left == */

#nothing-left
{
	width:95%;
	height:auto;
	float:left;
	padding:10px 2.5%;
}

		
/* === for the link alter each excerpt ===== */			

.more
{
	display: none;
	width:100%;
	float:left;
	height:auto;
	margin-top:5px;
}

	.more a
	{
		background:$bg-w url(images/icons/icons.png) no-repeat scroll left -2307px;
		padding:5px 5px 5px 30px;
		width:auto;
		float:right;
		height:auto;
		color:$text;
		border:1px solid $border-lg;
		outline:none;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:0.85em;
		font-weight:bold;
		text-decoration:none;
		line-height:130%;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		-moz-border-radius: $corner; 
		-webkit-border-radius: $corner;		
		border-radius: $corner;		
	}
	
		.more a:hover, .more a:focus
		{
			text-decoration:underline;	
		}
	
/* == rounded classes == */

.round
{
		border-radius:$corner;
		-moz-border-radius:$corner;
		-webkit-border-radius:$corner;		
		-khtml-border-radius: $corner;
}
	
	.round_top
	{
			border-radius:$corner $corner 0 0;
			-moz-border-radius:$corner $corner 0 0;
			-webkit-border-radius:$corner $corner 0 0;	
			-khtml-border-radius: $corner $corner 0 0;	
	}
	
		.round_top_left
		{
			border-radius:$corner 0 0 0;
			-moz-border-radius:$corner 0 0 0;
			-webkit-border-radius:$corner 0 0 0;	
			-khtml-border-radius:$corner 0 0 0;			
		}
		
		.round_top_right
		{
			border-radius:0 $corner 0 0;
			-moz-border-radius:0 $corner 0 0;
			-webkit-border-radius:0 $corner 0 0;	
			-khtml-border-radius: 0 $corner 0 0;				
		}
		
		.round_not_top_right
		{
			border-radius: $corner 0 $corner $corner;
			-moz-border-radius:$corner 0 $corner $corner;
			-webkit-border-radius:$corner 0 $corner $corner;
			-khtml-border-radius: $corner 0 $corner $corner;			
		}	
		
		.round_not_top_left
		{
			border-radius: 0 $corner $corner $corner;
			-moz-border-radius:0 $corner $corner $corner;
			-webkit-border-radius:0 $corner $corner $corner;
			-khtml-border-radius: 0 $corner $corner $corner;			
		}			
	
	.round_bottom
	{
			border-radius: 0 0 $corner $corner;
			-moz-border-radius: 0 0 $corner $corner;
			-webkit-border-radius: 0 0 $corner $corner;
			-khtml-border-radius: 0 0 $corner $corner;		
	}

		.round_bottom_left
		{
			border-radius: 0 0 0 $corner;
			-moz-border-radius: 0 0 0 $corner;
			-webkit-border-radius: 0 0 0 $corner;
			-khtml-border-radius: 0 0 0 $corner;		
		}
		
		.round_bottom_right
		{
			border-radius:0 0 $corner 0;
			-moz-border-radius:0 0 $corner 0;
			-webkit-border-radius:0 0 $corner 0;
			-khtml-border-radius:0 0 $corner 0;			
		}
		
		.round_not_bottom_left
		{
			border-radius: $corner $corner 0 $corner;
			-moz-border-radius: $corner $corner 0 $corner;
			-webkit-border-radius: $corner $corner 0 $corner;
			-khtml-border-radius: $corner $corner 0 $corner;		
		}			

		.round_not_bottom_right
		{
			border-radius: $corner $corner $corner 0 ;
			-moz-border-radius: $corner $corner $corner 0 ;
			-webkit-border-radius: $corner $corner $corner 0;
			-khtml-border-radius: $corner $corner $corner 0;		
		}	
		
	.round_right
	{
		border-radius: 0 $corner $corner 0;
		-moz-border-radius:0 $corner $corner 0;
		-webkit-border-radius:0 $corner $corner 0;
		-khtml-border-radius: 0 $corner $corner 0;
	}
	
	.round_left
	{
		border-radius: $corner 0 0 $corner;
		-moz-border-radius: $corner 0 0 $corner;
		-webkit-border-radius: $corner 0 0 $corner;
		-khtml-border-radius: $corner 0 0 $corner;
	}	
/* == some classes of the file types which apply site wide == */

	a[href $='.pdf'],
	a[href $='.doc'],
	a[href $='.docx'],
	a[href $='.xls'],
	a[href $='.xlsx'],
	a[href $='.ppt'],
	a[href $='.pptx'],
	a[href $='.zip']
	{
		padding-left: 30px;
	}
	
	a[href $='.zip'], 
	.zip
	{
		background:url(images/icons/media/media.png) no-repeat 0 -889px;
	}
	
	a[href $='.pdf'], 
	.pdf
	{
		background:url(images/icons/media/media.png) no-repeat 0 0;
	}
	
	a[href $='.pptx'], 
	a[href $='.ppt'], 
	.ppt, 
	.pptx
	{
		background:url(images/icons/media/media.png) no-repeat 0 -737px;
	}
	
	a[href $='.xlsx'], 
	a[href $='.xls'], 
	.xls, 
	.xlsx
	{
		background:url(images/icons/media/media.png) no-repeat 0 -142px;
	}
	
	a[href $='.docx'], 
	a[href $='.doc'], 
	.doc, 
	.docx
	{
		background:url(images/icons/media/media.png) no-repeat 0 -813px;
	}	

/* === linked in === */

#linkedin_wrapper
{
	width:48%;
	height:auto;
	float:left;	
}

.linkedin_title
{
	width:100%;
	height:auto;
	float:left;
	padding:10px 0 10px 30px;
	background-image:url(images/icons/linkedin-large.png);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.4em;
}

.hresume
{
	width:100%;
	height:auto;
	float:left;
}

.hresume p
{
	margin-bottom:0;
}

.hresume .main 
{
	width:100%;
	height:auto;
	float:left;
}

	#nameplate
	{
		font-size:1.2em;
		font-weight:bold;			
	}
	
	.info
	{
		font-weight:bold;
	}
	
	.adr
	{
		display:block;
	}
	
	.info p.headline 
	{
		margin-bottom:10px;	
	}	
	p.locality
	{	
		padding-left: 20px;
		background-image:url(images/icons/map.png);
		background-position:left;
		background-repeat:no-repeat;		
	}
	
	.actions ul 
	{
		margin-left:0;
	}
	
		.actions ul li, .actions ul li a 
		{
			list-style:none;
			padding-left: 20px;
			background-image:url();
			background-position:left;
			background-repeat:no-repeat;
		}
		
			.actions ul li#send-inmail
			{
				background-image:url(images/icons/linkedin.png);
				
			}
			
			.actions ul li#add-to-network
			{
				background-image:url(images/icons/contact_linkedin.png);
			}

	#summary 
	{
		float:left;
		height:auto;
		width:48%;
		display:none;
	}

	p.summary
	{
		display:none;
	}

	#overview
	{
		float:right;
		height:auto;
		width:100%;
	}
	
		#overview ul 
		{
			margin-bottom:10px;
		}
		
			#overview ul li
			{
				font-size:1.05em;
				font-weight:bold;
				margin-bottom:10px;
				display:none;
			}
			
				#overview ul li ul li
				{
					font-size:0.85em;
					font-weight:normal;
				}
				
			#overview ul li.recommended, #overview ul li.connections
			{
				display:block;
			}
			
		
				#overview ul li.recommended img, #overview ul li.connections img
				{
					display:none;
				}
				
			#overview ul li.thumbs,  #overview ul li.network
			{
				padding: 5px 0 5px 20px;
				background-image:url(images/icons/thumb-up.png);
				background-position:left;
				background-repeat:no-repeat;
				font-weight:normal;
				font-size:1em;
			}
			
			 #overview ul li.network
			 {
				background-image:url(images/icons/network.png);
			 }
			
			

.profile-header .content
{
	font-size:1em;
}


	.hresume #searchForm
	{
		display:none;
	}
	
	.hresume #control
	{
		display:none;
	}
	
	.hresume #experience
	{
		float:right;
		height:auto;
		width:48%;
		display:none;
	}
	
	.viewfull
	{
		width:100%;
		height:auto;
		float:left;
		display:none;
	}	
	
	.view_full
	{
		width:100%;
		height:auto;
		float:left;
		padding:10px 0 10px 20px ;
		background-image:url(images/icons/linked-in-guy.png);
		background-position:left;
		background-repeat:no-repeat;
		
	}
		
/* === over write some other style sheets === */
#slide_wrapper
{
	display:none;
	padding-top:10px;
}

#slide_wrapper #button
{
	background:url(images/trans.png) repeat;	
}

.highslide img 
{
	border:none;
}
.ngg-gallery-thumbnail img 
{
	border:1px solid $border-lg;
	display:block;
	margin:0 4px 4px 0;
	padding:0;
	position:relative;
}

		
/* ========== suck MY suckerfish ==================== */
	


#suck_my_suckerfish 
{
    font-family:verdana,sans-serif;
	z-index:100;
    width:94%;
	color:$suckerfish-text;
	padding-left:6%;
}
	
#suck_my_suckerfish, #suck_my_suckerfish ul 
{
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
	z-index:100;
	color:$suckerfish-text;
}

#suck_my_suckerfish a 
{
    display:block;
    color:$suckerfish-text;
	z-index:100;
    text-decoration:none;
    padding:0px 10px;
	font-weight:normal;
}
	
#suck_my_suckerfish a:hover /*for individual li items */
{
	color:$suckerfish-text-hover;
	background-color:$suckerfish-hover;
}
	
#suck_my_suckerfish li 
{
    float:left;
    padding:0;
	z-index:100;
	border:2px solid $suckerfish-border;
	color:$suckerfish-text;
	background-color:$suckerfish-bg;
	margin:0 5px;

}
	
#suck_my_suckerfish ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:204px;
    font-weight:normal;
    margin:0;
    line-height:1;
	border-top:2px solid $suckerfish-border;
	margin-left:-2px;
}
		
#suck_my_suckerfish li li 
{
    width:200px;
    border:2px solid $suckerfish-border;
	border-top:0;
	color:$suckerfish-text;
	margin:0;

}

#suck_my_suckerfish li li:hover 
{
	width:200px;
	border:2px solid $suckerfish-border;
	border-top:0;
	color:$suckerfish-text-hover;
	
}
	
#suck_my_suckerfish li li:hover 
{
	background-color:$suckerfish-hover;
}	
	
#suck_my_suckerfish li li a 
{
	padding:10px 10px;
	width:180px;
	color:$suckerfish-text;
}
	
#suck_my_suckerfish li ul ul 
{
   	margin:-35px 0 0 200px;
	color:$suckerfish-text;
	
}

#suck_my_suckerfish li ul li:hover a, #suck_my_suckerfish li ul li li:hover a, #suck_my_suckerfish li ul li li li:hover a, #suck_my_suckerfish li ul li li li:hover a 
{
	color:$suckerfish-text-hover;
	
}

#suck_my_suckerfish li:hover a 
{
	color:$suckerfish-text-hover;
}

#suck_my_suckerfish li.sfhover a 
{
    color:$suckerfish-text-hover;
 }
 
#suck_my_suckerfish li:hover li a, #suck_my_suckerfish li li:hover li a, #suck_my_suckerfish li li li:hover li a, #suck_my_suckerfish li li li li:hover li a 
{
    color:$suckerfish-text; /*this is for the color of the other non hovered over objects*/
 }
 
#suck_my_suckerfish li:hover ul ul, #suck_my_suckerfish li:hover ul ul ul, #suck_my_suckerfish li:hover ul ul ul ul, #suck_my_suckerfish li.sfhover ul ul, #suck_my_suckerfish li.sfhover ul ul ul, #suck_my_suckerfish li.sfhover ul ul ul ul 
{
    left:-999em;
	color: $suckerfish-text;
}

#suck_my_suckerfish li:hover ul, #suck_my_suckerfish li li:hover ul, #suck_my_suckerfish li li li:hover ul, #suck_my_suckerfish li li li li:hover ul, #suck_my_suckerfish li.sfhover ul, #suck_my_suckerfish li li.sfhover ul, #suck_my_suckerfish li li li.sfhover ul, #suck_my_suckerfish li li li li.sfhover ul 
{
    left:auto;
    background-color:$suckerfish-hover; /*background colour of the drop down second level menu*/
	color: $suckerfish-text;
}
#suck_my_suckerfish li:hover, #suck_my_suckerfish li.sfhover {
    background-color:$suckerfish-hover; /*color of the top level */
	border:2px solid $suckerfish-border;
	color: $suckerfish-text;

 }