/* Style Sheet for 26and1 website */
/* Author - Lindsy Anderson */
/* Created updated 22 July 2011*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2011 10:02:52 AM America/New_York */
@font-face {
    font-family: '1942report1942report';
    src: url('fonts/1942-webfont.eot');
    src: url('fonts/1942-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/1942-webfont.woff') format('woff'),
         url('fonts/1942-webfont.ttf') format('truetype'),
         url('fonts/1942-webfont.svg#1942report1942report') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VivienneRegular';
    src: url('fonts/vivienne-webfont.eot');
    src: url('fonts/vivienne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vivienne-webfont.woff') format('woff'),
         url('fonts/vivienne-webfont.ttf') format('truetype'),
         url('fonts/vivienne-webfont.svg#VivienneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* This specifies the background colour for the page*/
body {
		background-color: #8d867a;
		text-align: center;}

/* This section specifies the layout for the page*/

/* This specifies the page wrapper which is the container for all the information*/
.pagewrapper {
	width: 850px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color:  #FEE892;
	background-image:url('images/background.jpg');
    background-repeat:repeat-y;	
}

/* This specifies the layout for the main content*/

.contentwrapper {position: relative;
				z-index:2;}


.footer {
	position: relative;
	bottom: 0;
	left:0;
	width: 100%;
	height: 214px;
	background-color:  #FEE892;
	background-image: url('images/footer3.jpg');
    background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;	
	z-index:1;
}
.footerimg {
	position: relative;
	top: -20px;
	
}

/* This ensures that the text in the centre is correctly positioned*/
.maincontent {
	margin-left: 100px;
	margin-right: 100px;
}
.rightmargin {
	margin-right: 100px;
}

.leftmargin {
	margin-left: 40px;
}

/*End of layout specification*/



/* This section describes the fonts, colours and formats used within the design*/


/* This specifies the default settings for all the fonts.*/
h1
{
	font-family: 'VivienneRegular', fantasy, serif;
	color: #72520C; 
	font-size: 9em;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	line-height: 100px;
	margin:0;
	margin-top: 50px;
	padding:0; 
	text-shadow: 2px 2px 3px #DB1204;
}

h2
{
	font-family: '1942report1942report', Courier, sans-serif;
	font-size: 1.9em;
	text-align: center;
}

h3
{
	font-family: Courier, sans-serif;
	color: #72520C; 
	text-shadow: 1px 1px 1px #DB1204;
	text-align: left;

}

.righttext
{
	font-family: '1942report1942report', Courier, sans-serif;
	font-size: 1.9em;
	text-align: right;
}

/* This specifies the colour for the hyperlinks */

	a:link {	font-family: '1942report1942report', Courier, sans-serif;
				color: #DB1204;  
				text-decoration: none;
 			}
	a:visited {	font-family: '1942report1942report', Courier, sans-serif;
				color: #DB1204; 
				text-decoration: none;
			}
	 a:hover,  a:focus,  a:active {
 color: #000000;
}		
		
.plainlink a:link {	font-family: Courier, sans-serif;
				color: #DB1204;  
				text-decoration: none;
 			}
.plainlink a:visited {	font-family: Courier, sans-serif;
				color: #DB1204; 
				text-decoration: none;
			}
.plainlink a:hover,  a:focus,  a:active {
 color: #000000;
}		

/* This specifies the formatting for the right aligned text.*/

.typedtext {
	font-size: 0.9em; 
	text-align: left;
	line-height: 1.5em;
	font-family: Courier, Helvetica, sans-serif;
	color:#000000; 
	}


/* This specifies the formatting for text in a list.*/
li {
	font-size: 0.9em; 
	text-align: left;
	line-height: 1.5em;
	font-family: Courier, Helvetica, sans-serif;
	color:#000000; 
         	}


/* End of formatting specification.*/

#gallery {
		margin: 0px auto;
		margin-left: 600px;
		padding: 0px;
		position: relative;}
	
#gallery div {
			background: #fff;
			position: absolute;
			overflow: hidden;
			opacity: 0.9;
			-webkit-transition: all 1500ms linear;

			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;

			-webkit-box-shadow: -3px -3px 50px #666;
			-moz-box-shadow: -3px -3px 50px #666;
			box-shadow: -3px -3px 50px #666;}
			
		#gallery div#img1:hover,
		#gallery div#img2:hover,
		#gallery div#img3:hover,
		#gallery div#img4:hover,
		#gallery div#img5:hover,
		#gallery div#img6:hover {
			z-index: 999;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			opacity: 1;
			}		
					
		#gallery img {
			-webkit-mask-repeat: none;}
		
			
#img1 img { width: 200px;}
	#gallery #img1 { 
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		top: 0px;
		left: 0px;
		z-index:8;
		}

#img2 img { width: 200px;}
	#gallery #img2 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 160px;
		left: 0px;
		z-index:7;
		}

#img3 img { width: 200px;}
	#gallery #img3 { 
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		top: 320px;
		left: 0px;
		z-index:6;
		}
			
#img4 img { width: 200px;}
	#gallery #img4 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 480px;
		left: 0px;
		z-index:5;
		}
		
#img5 img { width: 200px;}
	#gallery #img5 { 
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		top: 630px;
		left: 0px;
		z-index:4;
		}
			
			
			
/*magazine gallery*/			
#maggallery {
		margin: 0px auto;
		margin-left: -50px;
		padding: 0px;
		position: absolute;}
	
#maggallery div {
			background: #fff;
			position: absolute;
			overflow: hidden;
			opacity: 0.9;
			-webkit-transition: all 1500ms linear;

			-webkit-box-shadow: -3px -3px 50px #666;
			-moz-box-shadow: -3px -3px 50px #666;
			box-shadow: -3px -3px 50px #666;}
			
		#maggallery div#mag1:hover,
		#maggallery div#mag2:hover,
		#maggallery div#mag3:hover,
		#maggallery div#mag4:hover,
		#maggallery div#mag5:hover,
		#maggallery div#mag6:hover {
			z-index: 999;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			opacity: 1;
			}		
					
		#maggallery img {
			-webkit-mask-repeat: none;}
		
		
			
#mag1 img { width: 150px;}
	#maggallery #mag1 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 0px;
		left: -100px;
		z-index:6;
		}

#mag2 img { width: 150px;}
	#maggallery #mag2 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 160px;
		left: -100px;
		z-index:5;
		}

#mag3 img { width: 150px;}
	#maggallery #mag3 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 320px;
		left: -100px;
		z-index:4;
		}
			
#mag4 img { width: 150px;}
	#maggallery #mag4 { 
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		top: 480px;
		left: -100px;
		z-index:3;
		}