/* 
#262628
980x1081
*/


@font-face {
 font-family: majalla;
 src: url("fonts/majalla.eot") /* EOT file for IE */
}
@font-face {
 font-family: majalla;
 src: url("fonts/majalla.ttf") /* TTF file for CSS3 browsers */
}

body {
	/* explore whats needed of these */
	margin: 0;
	padding: 0;

	height:100%;
	width:100%;

	background: #262628;
	background: #333;

    font-family: majalla;     
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

    /*min-width: 950px;*/
/*
    overflow: hidden;*/

	height:100%;



}






/* Common */









	/* bg wrapper */

	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;

		opacity: .4;
	}
	
	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -512px; 
		}
	}
	/* end bg wrapper */










	/* top */

	div#top{
	    /*display:inline-block;*/

	    /*position:absolute;*/

	   /* top:0;
	    left:0;*/

		min-width: 900px;

		height:100px;
		width:100%;

		background: url('../img/7-opacity-bg.png');

		/*background-color: #262628;*/


	}


		div#top div#logo{

		    display:inline-block;	
		    float:left;    
		    width: 240px;
		    margin: 24px 0 0 40px;

		}

		div#top div#nav{

		    display:inline-block;
		    float:right;
		    /*width:560px;*/

			margin: 42px 40px 0 0;

		    font-size: 24px;
		    text-transform: uppercase;	 

		}
			div#top div#nav ul{
				/*background: red;*/
			}
				div#top div#nav ul li{
				  display: inline;
				  margin-left:40px;
				}
				div#top div#nav ul li a{
					color:#fff;
					text-decoration: none;
				}
				div#top div#nav ul li a:hover{
					color:#c0c0c0;
				}
				div#top div#nav ul li a:visited{
					color:#fff;
					text-decoration: none;
				}
				div#top div#nav ul li a:visited:hover{
					color:#c0c0c0;
					text-decoration: none;
				}

	/* end top */




div.aa{

	background: url('../img/7-opacity-bg.png');
	background: #262628;

	padding: 40px 20px 20px 20px;


	/*word-wrap: break-word;*/


	min-width: 800px;
	/*max-width: 1240px;*/

	margin: 20px;
	/*margin-bottom: 40px;*/


/*
	max-width: 1600px;
	min-width: 900px;*/

*/


	float: left;
/*
	width: 1200px;*/


/*
	height: 100%;
	width: 100%;

	display: inline-block;*/





}









div.canvas-header{


	width: 100%;

	height: 28px;



}






div.aa h1{

		font-size: 28px;
		text-transform: uppercase;

		margin-bottom: 20px;

		float:left;


		

}



div.aa a.back{

		font-size: 16px;
		text-transform: uppercase;

		float:right;


		text-decoration: none;

		color:#fff;

}
div.aa a.back:hover{
	opacity: .5
}


div.aa p{

	clear:both;

		font-size: 18px;
		text-align: justify;

		margin-bottom: 20px;

}





#footer{


		min-width: 900px;

		height:24px;
		width:100%;

		background: url('../img/7-opacity-bg.png');

		bottom: 0;

		/*position: absolute;*/

		overflow: hidden;






}



#footer .footer-left{
	float: left;


	margin: 6px;



	margin-left:12px;


}

#footer .footer-left a{

	margin-left:12px;

	opacity: .7;

	text-transform: uppercase;

}

#footer .footer-left span.copyright{

	opacity: .7;

}



#footer .footer-right {
	float: right;

	margin: 5px;


	margin-top: 6px;
}


#footer .footer-right a.site-credits{

	margin-right:8px;

	color: #777;

	text-transform: uppercase;

	font-size: 11px;

}



#footer *{

color:#fff;
text-decoration: none;

font-size: 14px

}

#footer * a:hover{

	opacity: .5;

}
#footer .footer-right a:hover{

	color: #fff;

	opacity: .9;

}


.text-superscript { position: relative; top: -0.6em; font-size: 10px !important; }

.text-spacing{ letter-spacing: 1.3px; text-transform: uppercase; }





.copyright-superscript { position: relative; top: -0.5em; font-size: 10px !important; }

.copyright-spacing{ letter-spacing: 1.5px; text-transform: uppercase; }































/* Home */


	body#home div#about{
	    display:inline-block;
	    position:fixed;
	    bottom:20px;
	    left:20px;
		width:500px;
		/*height:100px;*/
		overflow: hidden;
		background: url('../img/7-opacity-bg.png');
		padding:20px;
	}
	body#home div#about h2{
		padding-bottom:15px;
		font-size: 24px;
		text-transform: uppercase;
	}
	body#home div#about p{
		text-align: justify;
		font-size: 18px;
	}
	body#home div#about span.readmore{
		float: right;
		font-size: 18px;
		font-weight: 200;
		text-decoration: underline;
		margin-top:8px;
	}



	/* Home right hand feed */

	body#home div#feed{
	    display:inline-block;
	    position:absolute;
	    /*padding: 20px 24px 98px 24px;*/
	    padding: 20px 24px;
	    /*margin: 20px;*/

	    top:120px;
	    right:20px;
		width:232px;
		/*height:560px;*/
		min-height:450px;
		overflow: hidden;
		background: url('../img/7-opacity-bg.png');
	}

		/* header */
		body#home div#feed h2.feed-header{			
			margin-bottom:22px;
		    font-size: 36px;
		    text-transform: uppercase;	 
		}
		/* main */
		body#home div#feed div#main{
			min-height: 245px;
			overflow: hidden;
		}


		body#home div#feed div#main * a{
			color:#fff;
			text-decoration: none;
		}
		body#home div#feed div#main * a:hover{
			color:#c0c0c0;
		}
		body#home div#feed div#main * a:visited{
			color:#fff;
			text-decoration: none;
		}
		body#home div#feed div#main * a:visited:hover{
			color:#c0c0c0;
			text-decoration: none;
		}


			/* blog */
			body#home div#feed div#main div#feed-blog{
				margin-bottom:13px;
				padding: 1px; 
				/*height: auto;*/
				overflow: hidden;
				min-height: 80px;
			}
			body#home div#feed div#main div#feed-blog h3.blog-header{				
				margin-bottom:15px;
			    font-size: 24px;
			    text-transform: uppercase;	
			}
			body#home div#feed div#main div#feed-blog ul{				
				padding:0 10px 0 10px;
			    font-size: 14px;
			}
				body#home div#feed div#main div#feed-blog ul li{
					margin-bottom: 15px;
					/*min-height: 28px;*/
					/*text-align: justify;*/
				}


			/* twitter */
			body#home div#feed div#main div#feed-twitter{
				margin-bottom:13px;
				padding: 1px; 
				/*height: auto;*/
				overflow: hidden;
				min-height: 85px;
			}

			body#home div#feed div#main div#feed-twitter h3.twitter-header{				
				margin-bottom:15px;
			    font-size: 24px;
			    text-transform: uppercase;	
			}

			body#home div#feed div#main div#feed-twitter ul{				
				padding:0 10px 0 10px;
			    font-size: 14px;
			}
				div#feed div#main div#feed-twitter ul li{
					margin-bottom: 15px;
				}



		/* lower */
		body#home div#feed div#lower {
		    display:inline-block;
		    position:absolute;
			bottom: 20px;
			width:232px;
		}

			/* email */
			body#home div#feed div#lower div#feed-email{
				margin-bottom:13px;
				padding: 1px; 
				overflow: hidden;
			}
			body#home div#feed div#lower div#feed-email h3.email-header{				
				margin-bottom:5px;
			    font-size: 18px;
			    text-transform: uppercase;	
			}			
			body#home div#feed div#lower div#feed-email input.feed-email-input{				
				display: inline-block;
				width: 167px;
				height:24px;
				padding-left: 5px;
				color: #4f4d4c;
				background: #6a6a6b;
				border:none;
			}			
			body#home div#feed div#lower div#feed-email input.feed-email-submit{
				display: inline-block;
				position:relative;
				left:-2px;
				top:-1px;
				padding:0;
				margin:0;				
				width: 46px;
				height:26px;
				color: #fff;
				background: #4f4d4c;
				border:none;
				text-decoration: none;
			    font-size: 10px;
			    text-align: center;
			}

			/* follow */
			body#home div#feed div#lower div#feed-email{
				margin-bottom:13px;
				padding: 1px; 
				overflow: hidden;
			}
			body#home div#feed div#lower div#feed-follow h3.follow-header{				
				margin-bottom:5px;
			    font-size: 18px;
			    text-transform: uppercase;	
			}			
			body#home div#feed div#lower div#feed-follow input.feed-follow-input{				
				display: inline-block;
				width: 167px;
				height:24px;
				padding-left: 5px;
				color: #4f4d4c;
				background: #6a6a6b;
				border:none;
			}
			body#home div#feed div#lower div#feed-email div input.feed-email-submit{
				position: relative;
				top:0px;
			}
			body#home div#feed div#lower div#feed-email div input.feed-email-submit:hover{
				cursor: pointer;
				background: #5f5f5f;
			}
			
			div#feed div#lower div#feed-follow div#social-buttons{

			}
				div#feed div#lower div#feed-follow a:hover{
					opacity:.5;
				}				
					div#feed div#lower div#feed-follow a img{
						padding-left: 15px;				
					}



/* end Home */