@bg:             #F9FADD;
@bg-secondary:   #fff;
@border:         #D4CEAC;

@menu:           @bg-secondary;
@menu-current:   @border + 25%;

@text:           #332F29;
@text-highlight: #CC3910;

/* ===== Primary Styles ========================================================
   Author: Stephen Li
   ========================================================================== */

body{
	background:@bg;
	border-top:5px solid @text;
	color:@text;

	h1, h2, h3, h4, h5, h6{
		font-family: 'Open Sans Condensed', sans-serif;
	}

	.block{
		border-radius:none;
		box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
		background:@bg-secondary;
		border-top:5px solid @border;
		margin-bottom:30px;
		padding:35px;
	}

		@media (max-width: 980px){ .block{margin-bottom:20px;} }
	
	.widget{
		h4{
			font-size:2em;
			line-height:1.3em;
			margin-bottom:1em;
		}
	}
}

header{
	hgroup.span6{
		padding:40px 0;
		
		h1 a{
			color:@text;
		}
	}
	
	nav.span6{
		width:auto;
	
		ul{
			list-style:none;
			margin:0;
			overflow:hidden;
			
			li{
				float:left;
				width:92.5px;
				
				a{
					color:@text-highlight;
					font-family: 'Open Sans Condensed', sans-serif;
					font-size:1.3em;
					font-weight:bold;
					line-height:3em;
					
					display:block;
					text-align:center;
				}
				
				a:hover{
					background:@menu;
					text-decoration:none;
				}
			}
			
			li.current{
				background:@menu-current;
				
				a{
					background:@menu-current;
				}
			}
		}
	}
}

	
@media (min-width: 980px){
	header{
		nav.span6{
			float:right;
			
			ul{
				li{
					a{
						line-height:5em;
						padding:40px 0 0;
					}
				}
				
				li.current{
					border-bottom:3px solid @text-highlight;
				}
			}
		}
	}
}

article.hero{	
	h1{
		font-size:4em;
		line-height:1em;
		margin:0.5em 0 0.5em;
	}
	
	h2{
		font-weight:normal;
		font-size:2em;
		line-height:1.3em;
		margin-bottom:1em;
	}
	
	.btn{
		font-weight:bold;
		margin:0 1em 1em 0;
	}
}

article.content{	
	.title{
		color:@text;
		font-size:4em;
		line-height:1.1em;
		border-bottom:1px solid @border;
		padding-bottom:0.25em;
	}
	
	.time{
		border-top:1px solid @border;
		display:block;
		margin-top:2em;
		padding-top:1em;
	}
	
	h1, h2, h3, h4, h5, h6{
		color:@text-highlight;
		margin-bottom:0.5em;
	}
	
	p, li{
		font-size:1.3em;
		line-height:1.8em;
	}
}

footer{
	margin-bottom:2em;
}