gistfile1.txt

#siteNav {
	background: #FFF;
	@include clearfix;
	border: {
		style: solid;
		color: $header-border-color;
		top: {
			width: 1px;
		}
		bottom: {
			width: 1px;
		}
	}
	

	#userInfo {
		padding: 5px 0;
		@include clearfix;
		@include column(11);
		.userAvatar {
			@include column(2);
			border: 2px solid $header-border-color;
			padding: 1px;
		}
		.userDetails {
			@include column(8,last);
			font-weight: bold;
			padding-top: 12px;
			.vcard {
				
				span {
					
					display: block;
					&.fn {
						font-size: 25px;
						line-height: 25px;
					}
					&.title {
						color: $secondary-content-color;
						line-height: 16px;
					}
				}
			} /* vcard */
			a {
				text-decoration: none;
				color: #a397b7;
				font-size: 10px;
			}
		} /* close userDetails */
	} /* close userInfo */
	
	ul {
		@include clearfix;
		@include column(13, last);
		
		margin: 0;
		padding: 0;
		li {
			
			list-style-type: none;
			a {
				@include opacity(.6);
				border-left: 1px solid $header-border-color;
				padding: 21px 0 21px 64px;
				text-decoration: none;
				font-weight: bold;
				font-size: 22px;
				line-height: 22px;
				display: block;
				@include transition-property(opacity);
				@include transition-duration(.3s);
				span {
					font-weight: normal;
					display: block;
					font-size: 17px;
				}
				
				&:hover {
					cursor: pointer;
					@include opacity(1);
					color: #533d79;
				}
			}
			
			&.current {
				@include background(linear-gradient(#FFF, #a58eb2));	
				a {
					@include opacity(1);
					@include box-shadow(inset rgba(255,255,255,.6) 1px 0 0);
				}
			} /* close current */
			
			&.yourStream {
				@include column(4.12,last); 	
				a {
					@include background(image-url("/assets/parts/icons/ico-navStream.png") no-repeat 12px 28px);
				}
			} /* close yourStream */
			
			&.yourItems {
				@include column(5.12, last); 
				a {
					padding-left: 60px;
					@include background(image-url("/assets/parts/icons/ico-navSaved.png") no-repeat 12px 28px);
				}
			} /* close yourItems */
			
			&.yourSettings {	
				@include column(4.12, last);
				a {
					@include background(image-url("/assets/parts/icons/ico-navSettings.png") no-repeat 12px 28px);
					padding-left: 52px;
					border-right: 1px solid $header-border-color;
				}
			} /* close yourSettings */
			
		} /* close li */

	} /* close ul */
	
} /* close siteNav */