/*============== IMPORT LESS CONSTANTS =======================*/
@import "shared";

body,html{
    width:100%;
    font-size: .95em;
}

h1, h2, h3, h4, h5{
    font: 2.25em 'Droid Sans', Georgia, serif;
    line-height: 1em;
}

h2{ font-size: 2em; }
h3{ font-size: 1.75em; }
h4{ font-size: 1.3em; line-height: 1.5em}
h5{ font-size: 1.15em; }

header{
	padding-top: 30px;
    position:relative;
    
    nav{
        width:100%;       
        margin: 75px auto 0;
        
        ol{                    
        	float:left;
        	width: 100%;
        	margin: 0 auto;
        	z-index: 9998;
        }
        
        li{
            float:left;
            display:block;
            margin-right: 10px;
            padding:3px 5px;
            font: 22px 'Droid Sans', Georgia, serif;
            z-index: 9999;                    
        }
        
        li:last-of-type{
        	margin-right:0;
        }
              
    }
}


#contentWrapper{
	background:url(img/bkgnd-dirt.png) repeat-x 0 100%, url(img/clouds.svg) no-repeat 0 0, -moz-linear-gradient(50% 67.6667% 90deg,@colorLightOrange 0%, @colorDarkOrange 94.5813%) no-repeat 0 0;
	background:url(img/bkgnd-dirt.png) repeat-x 0 100%, url(img/clouds.svg) no-repeat 0 0, -webkit-gradient(linear,50% 67.6667%,50% 3.66663%,color-stop(0, @colorLightOrange),color-stop(1, @colorDarkOrange)) no-repeat 0 0; 
	background-size: 960px 72px, 320px 200px, 100% 200px;
}

#innerWrapper{
	width: 100%;
}

#mainContent{
	padding: 0px;
	margin-left:0px;
}

#post, #contentArea{
	margin:10px 0 0 0;
	background: hsla(50,0,1,.4);
	padding:5px;
	.rounded(5px);
	
	h1,h2,h3{
		font-family: Helvetica, Arial, sans-serif;
		margin-top:30px;
	}
	
	h1{
		font-size: 2.25em;
		line-height: 1em;
	}
	
	h2{
		font-size: 2em;
		line-height: 1em;
	}
	
	h3{
		font-size: 1.75em;
		line-height: 1em;
	}
	
	p{
		margin: .8em 0;
		font-size: 1em;
		line-height: 1.15em;
	}
	
	ol, ul{
		margin:30px;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	li{
		margin-bottom:10px;
	}
		
	.author{
		font-size: 90%;
	}
}

#contentArea{
	margin: 110px 5px 5px 5px;
}

#relatedPost{
	width:90%;
	margin: 10px auto;
}

#tweets{
    height:300px;
    padding:10px 0px;
    width:100%;
    background:#242424 url(img/bkgnd-dark-linen.jpg) repeat-x 0 0;
    margin:15px 0px 10px 0px;
    overflow-y: scroll;
    
    h2{
    	float:none;
    	margin:0 0 5px 15px;
    	font-size:18px;
    	line-height:20px;
    	width: auto;
    }
    
    ul{
        list-style:none;
        margin:0 0 0 15px;
    }
}


.tagWrapper{
    width:176px;
    height:74px;
    padding-top:45px;
    margin: -15px 0 10px -15px;
    background-size: 176px 120px;
    
    h1{
    	font-size:2.25em;
    	padding-right:30px;
    }
    
    img{
    	z-index: -1;    
    }
    
}

.sharing {
	width:85%;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}