/*
	aw.css
	
	Alexander-Wright.com Stylesheet.
	
	Contains standard style information for the Alexander Wright website.
	
	© Alexander Wright, 2013
	
	Design
	
	 ___________________________________________________
	|                                                   |
	|   Head                              				|
	|___________________________________________________|
	|   Navigation						                |
	|___________________________________________________|
	|  	Content                                          |
	|                                                   |
	|                                                   |
	|                                                   |
	|                                                   |
	|                                                   |
	|                                                   |
	|                                                   |
	|___________________________________________________|
	|    Foot                                           |
	|___________________________________________________|
	
	
	
	Green Colour:	#339933 - on white backgrounds
					#66cc66 - on black backgrounds
	
	
 */
 
 
 
/*
	===========================================================================
	
	Layout Containers
	
	===========================================================================
*/


* {
	margin:					0px;
	padding:				0px;	
}

a, img {
    border:					none;	
}

html {

}

body {
	background-color:           #000000;
	padding:					0;
	margin:						0;
    text-align:            		center;
}

@media screen {

	#wrap {    
		background-color:           #000000;
		background-image:           url(../gfx/bk/bk.jpg);
		background-position:        top center; 
		background-repeat:          no-repeat;
		background-attachment: 		fixed;
		margin:						0 auto;
		text-align:					center;
	}


	#headerIndex {
		margin: 					0 20px;
		width:                  	auto;
		padding:					70px 0px 70px 0px;
		text-align:            		center;
	}	
	
	#header {
		margin: 					0 auto;
		width:                  	980px;
		padding:					20px;
		text-align:            		center;
	}
	
	#headLeft {
		float: 						left;
		padding: 					10px;
	}
	
	#headRight {
		float: 						right;
		padding: 					50px 10px 10px 10px;
		display:					inline;
	}
	
	.headerImageIndex {		
		width: 						100%;
		max-width:                 	350px;
	}
	
	#headerIndex:hover {
	
	}
	
	.headerImage {
		width: 						100%;
		max-width:                 	200px;	
	}
	
	.socialIcons {
		width:						30px;
		padding: 					10px;
	}
	
	.imPageHead {	
		width: 						100%;
		margin-bottom: 				10px;
		box-shadow: 				0px 5px 10px #888888;
	}
	






	#navBar {
		margin: 					0 auto;
		width: 						100%;
		
		background-color:			#000000;
		
		background-image: 			-moz-linear-gradient(top, #333333, #000000);
		background-image: 			-ms-linear-gradient(top, #333333, #000000);
		background-image: 			-webkit-linear-gradient(top, #333333, #000000);
		background-image: 			-o-linear-gradient(top, #333333, #000000);
		background-image: 			linear-gradient(top, #333333, #000000);
		box-shadow: 				0px 5px 10px #000000;
		
		border-top:					7px solid #66CC66;		
		text-align:            		center;
		padding:					10px 0px;
	}



	/*
		End of WordPress Style NavBar
		-------------------------------------------------------------------------
	*/
	
	#contentBk {
		padding: 					20px 0px 30px 0px;
		margin: 					0 auto;
		width:                     	100%;
		height:                    	auto;
		text-align:            		center;
		/*box-shadow: 				0px 5px 10px #888888;*/	
	}
	
	#contentBk.clear {
		background-color:           none;
	}
	
	
	#contentBk.white {
		background-color:           #FFFFFF;	
		background-color:			rgba(255, 255, 255, 0.2);
	}
	
	#contentBk.grey {
		background-color:           #EEEEEE;
		background-color:			rgba(220, 220, 220, 0.2);	
	}
	
	
	#contentBk.black {
		background-color:           #000000;	
		background-color:			rgba(0, 0, 0, 0.2);
	}
	
	#content {
		background-color:           #FFFFFF;	
		margin: 					0px auto;
		width: 						940px;
		text-align: 				left;
		padding: 					20px;
		border: 					2px dashed #888888; 
		box-shadow: 				0px 5px 10px #333333;	
	}
	
	#contentFloat {
		font-size:					1em; 					/* 	
																Who knows why I have to put this in 
																here to keep text size the same for 
																p tags?
															*/
		margin: 					0px auto;
		width: 						980px;
		text-align: 				left;
		padding: 					0px;
	}	
	
	
	
	#mobileBanner {		
		background-color:           #FFFFFF;	
		display: 					none;
	}
	
	
	
	#floatTextLeft {
		background-color:           #FFFFFF;	
		float: 						left;
		margin: 					0px auto;
		width: 						600px;
		min-height: 				300px;
		text-align: 				left;
		padding: 					20px;
		border: 					2px dashed #888888; 
		box-shadow: 				0px 5px 10px #333333;	
	}
	
	#floatTextRight {
		background-color:           #FFFFFF;	
		float: 						right;
		margin: 					0px auto;
		width: 						600px;
		min-height: 				300px;
		text-align: 				left;
		padding: 					20px;
		border: 					2px dashed #888888; 
		box-shadow: 				0px 5px 10px #333333;	
	}
	
	#floatTextLeft.logo {		
		min-height: 				205px;
	}
	
	#floatTextRight.logo {		
		min-height: 				205px;
	}

	
	#floatImLeft {
		background-color:           #FFFFFF;	
		float: 						left;
		margin: 					0px auto;
		width: 						250px;
		text-align: 				left;
		padding: 					20px;
		border: 					2px dashed #888888; 
		box-shadow: 				0px 5px 10px #333333;	
	}
	
	#floatImRight {
		background-color:           #FFFFFF;	
		float: 						right;
		margin: 					0px auto;
		width: 						250px;
		text-align: 				left;
		padding: 					20px;
		border: 					2px dashed #888888; 
		box-shadow: 				0px 5px 10px #333333;	
	}
	
	.frontIm {
		box-shadow: 				0px 5px 10px #888888;	
		display: 					block;
	}
	
	
	.imSig {
		padding: 					20px 20px;
		width:						200px;
	}
	
	.pubBox {
		background-color:			#FFFFFF;
		box-shadow: 				0px 2px 5px #888888; 
		padding: 					15px;
	}
	
	.goldBox {
		background-color:			#FFEE99;		
		background-image: 			-moz-linear-gradient(top, #FFEE99, #FFEB80);
		background-image: 			-ms-linear-gradient(top, #FFEE99, #FFEB80);
		background-image: 			-webkit-linear-gradient(top, #FFEE99, #FFEB80);
		background-image: 			-o-linear-gradient(top, #FFEE99, #FFEB80);
		background-image: 			linear-gradient(top, #FFEE99, #FFEB80);
		
		box-shadow: 				0px 2px 5px #888888; 
		padding: 					15px;
	}

	.silverBox {
		background-color:			#EEEEEE;		
		background-image: 			-moz-linear-gradient(top, #EEEEEE, #CCCCCC);
		background-image: 			-ms-linear-gradient(top, #EEEEEE, #CCCCCC);
		background-image: 			-webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
		background-image: 			-o-linear-gradient(top, #EEEEEE, #CCCCCC);
		background-image: 			linear-gradient(top, #EEEEEE, #CCCCCC);
		
		box-shadow: 				0px 2px 5px #888888; 
		padding: 					15px;
	}	
	
	

	#clear{
		clear:						both;
	}

	#social {
		width: 						auto;
		padding: 					10px;
	}
	
	
	.sidebarFloat {
		float: 						left;
		width: 						18%;
		padding: 					5px;
	}
	
	.catClear {
		clear: 						none;
	}
	
	
	.logoIm {
		width: 						100%;
	}
	
	.socialLeft {
		width: 						33%;
		text-align: 				left;
		float: 						left;	
	}
	
	.socialMid {
		width: 						33%;
		text-align: 				center;
		float: 						left;	
	}
	
	.socialRight {
		width: 						33%;
		text-align: 				right;
		float: 						left;
	}


	#footer {
		margin: 					0 auto;
		width:                  	100%;
		text-align:            		center;
		padding:					10px 0px;	
		color: 						#FFFFFF;		
		
		background-color:			#000000;
		
		background-image: 			-moz-linear-gradient(top, #333333, #000000);
		background-image: 			-ms-linear-gradient(top, #333333, #000000);
		background-image: 			-webkit-linear-gradient(top, #333333, #000000);
		background-image: 			-o-linear-gradient(top, #333333, #000000);
		background-image: 			linear-gradient(top, #333333, #000000);
		
		border-top:					7px solid #66CC66;	
	}



	hr {
		color:						#339933;
		background-color:			#339933;
		border-style:				solid;
		height:						1px;
		margin:						0px 0px 10px 0px;		
	}
	
	hr.black {	
		color:						#000000;
		background-color:			#000000;
	}
	
	hr.grey {	
		color:						#888888;
		background-color:			#888888;
	}


/*

	pagination from
	
*/

	.pagination {
		clear:				both;
		padding:			0px 0px 25px 0px;
		position:			relative;
		font-size:			11px;
		line-height:		13px;
	}

	.pagination span, .pagination a {
		display:			block;
		float:				left;
		margin: 			2px 2px 2px 0;
		padding:			6px 9px 5px 9px;
		text-decoration:	none;
		width:				auto;
		color:				#fff;
		background: 		#555;
	}

	.pagination a:hover{
		color:				#fff;
		background: 		#669966;
	}

	.pagination .current{
		padding:			6px 9px 5px 9px;
		background: 		#339933;
		color:				#fff;
	}
	 
}