iamstarkov

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}

iamstarkov

	/**
	 * CSS-only: How can I center fixed width div between two divs that fill the remaining space?
	 */
	
	#main {
		height: 40px;
		width: auto;
		border: 1px solid #cfcfcf;
		position: relative;
	}

iamstarkov

	/**
	 * CSS-only: How can I center fixed width div between two divs that fill the remaining space?
	 */
	
	#main {
		height: 40px;
		width: auto;
		border: 1px solid #cfcfcf;
		position: relative;
	}

iamstarkov

/**
 * basic layout
 */

/* colors */
#header,
#footer {
	background-color: #f1f1f1;
}

iamstarkov

/**
 * basic layout
 */
	
	/* colors */
	#header,
	#footer {
		background-color: #f1f1f1;
	}
	

iamstarkov

/**
 * custom layout
 */

	
	/* colors */
	#header,
	#footer {
		background-color: #f1f1f1;
	}

iamstarkov

/**
 * custom layout
 */

	
	/* colors */
	#header,
	#footer {
		background-color: #f1f1f1;
	}

iamstarkov

/**
 * http://stackoverflow.com/questions/10604586/laying-out-page-elements-with-css
 */
#parent {
    background-color: #efefef;
    position: relative;
    width: 400px;
}

.right {

iamstarkov

/**
 * Text masking — The SVG way
 */

svg {
	width: 6em; height: 1.5em;
	font: 900 500%/1.2 'Arial Black', sans-serif;
}

text { fill: url(#wood); }

iamstarkov

	<ul>
		<li class="home">
			<a href="#">Home</a>
		</li>
		<li class="blog">
			<a href="#">Blog</a>
		</li>
		<li class="faq">
			<a href="#">FAQ</a>