@import "reset.less";
@import "bootstrap.less";
@import "wp-default.less";
@import "style.less";

/*
    Variables

*/
@mediumRed: #962a2a;
@deepRed: #701b20;


@homeBodyTextColor: #ffffff;


@containerWidth: 1280px;
@centerContainer: 0 auto;


/*
    Rules
*/

body{
    background-color: @deepRed;
    color: @homeBodyTextColor;
    font: 17px/1.5 'Nobile', Arial , sans-serif;
}


#container{
    display: block;
    .center-block;
    width: @containerWidth;

	#main{
		margin-top: 50px;
		
		#col-left{
			background-color: @mediumRed;
			float:left;
			height: 813px;
			position: relative;
			width: 640px;
			
			#logo{
				background-color: #701B20;
                height: 157px;
                position: absolute;
                text-align: center;
                top: 327px;
                width: 640px;
                z-index: 2;

				h1{
					background: url(/wp-content/themes/lacin/img/kent-logo-red.jpg) no-repeat 0 10px;
					height: 189px;
					text-indent: -9999px;
					width: 600px;
				}
			}
			
			aside{
				left: 65px;
				letter-spacing: 2px;
				position: absolute;
				top: 650px;
				z-index: 2;
				
				nav{
					ul{
						li{
							padding-bottom: 15px;
							
							a{
								color: @homeBodyTextColor;
                                font-size: 17px;
								letter-spacing: 2px;
								text-decoration: none;
								text-transform: uppercase;
								
								&:hover{
									text-decoration: underline;
								}
							}
						}
					}
				}
			}
		}

		#col-right{
			float: left;
			position: relative;
			
			nav{
				left: 60px;
				position: absolute;
				top: 400px;
				z-index: 4;
					
				ul{
					float: left;
					
					li{
						float: left;
						margin-right: 15px;
						
						a{
							color: @homeBodyTextColor;
                            font-size: 17px;
							letter-spacing: 3px;
							text-decoration: none;
							text-transform: uppercase;
							
							&:hover{
								text-decoration: underline;
							}
						}
					}
				}
				
				#button{
					float:left;		
					margin-left: 40px;			
				}
			}
		}
	
	}
	
}/* end container */