/*  TYPOGRAPHY  */
				
				/*  Type styles. Surprisingly  */					
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #2461AA;
	margin: 0px;
	padding-bottom: 1em;
}
h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2461AA;
	margin: 0px;
}
.bodycopy {
	font-size: 11px;
	line-height: 18px;
}
.bluetext {
	color: #7CA0CC;
}
.pullquote1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
	font-weight: lighter;
	color: #2461AA;
	letter-spacing: 0.1em;
}
.pullquote2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}
.quotee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin-top: .5em;
	color: #0D3692;
}
.standfirst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #2461aa;
	font-size: 12px;
	line-height: 18px;
}


				/*  PAGE SPECIFIC ELEMENTS  */
				
				/*  Stuff that appears on single, or perhaps a couple 
					of pages  */		


		/*  HOMEPAGE  */	
	
		/*  Items used on the homepage  */				
	


#chomepagemiddle{
	width: 700px;
	margin: 20px auto;
	text-align: left;
}
#chomefooter{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 200px;
	width: 100%;
	background-image: url(images/floor.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: right;
}
.chomefooterpic{
	position: absolute;
	bottom: 0;
	right: 0;
}

/* exprimental - works in all but WinIE (shocker!), but now has a wierd 10px margin at bottom */
/*
#homepagemiddle{
	width: 700px;
	margin: 20px auto;
	text-align: left;
}
#homefooter{
	position: absolute; 
	bottom: 0;
	left: 0px;
top:280px;
bottom:0px;
vertical-align:bottom;
	height: -100%;
	width: 100%;
	min-height: 200px;
	background-image: url(images/floor.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: right;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#homefootersofa{
	position: absolute;
	clear:both;
	vertical-align:bottom;
	background-image: url(images/reading.gif);
	min-height: 200px;
	top:0;
	height: 100%;
	width: 350px;
	background-repeat: no-repeat;
	background-position: bottom;
	bottom: 0;
	right: 0;
	overflow:hidden;
}
.fill {
	overflow:hidden;
	height:200px;
}
*/

/* this one works the old way */
/* */		
#homepagemiddle{
	width: 700px;
	margin: 20px auto;
	text-align: left;
	z-index: 4;
}
#homefooter{
	position: absolute; 
	z-index: -2;
	bottom: 0;
	left: 0px;
	height: 200px;
	width: 100%;
	min-height: 200px;
	background-image: url(images/floor.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: right;
	overflow:hidden;
	z-index: 8;
}
#homefootersofa{
	position: absolute;
	z-index: -1;
	float:right;
	background-image: url(images/reading.gif);
	min-height: 200px;
	height: 100%;
	width: 350px;
	border: 0;
	background-repeat: no-repeat;
	background-position: bottom;
	bottom: 0;
	right: 0;
	overflow:hidden;
	z-index: 8;
}
.fill {
	
	display:none;
	overflow:hidden;
}


		/*  TITLE PAGES  */	
	
		/*  Items used on the pages which feature a single magazine  */				
				
.contentright {
	float: right;
	width: 280px;
}
.contentleft {
	float: left;
	width: 170px;	
}

	
		/*  INFO BOXES  */	
						
		/*  All the info that appears under the main cover image  */		
	
.blueborder {
	display: block;
	padding: 5px;
	margin: 10px 10px 10px 35px;
	border: 1px solid #7CA0CC;
}
ul.linkbox {
	padding: 0;
 	margin: 0;
}
ul.linkbox li{
	padding: 0;
	list-style-type: none;
	margin: 0 0 5px;
	width: 170px;
}
ul.linkbox li a{
	display: block;
	color: #fff;
	background-color: #7CA0CC; 
	text-decoration: none;
	padding: .3em;
	text-align: right;
}
ul.linkbox li a:hover, ul.linkbox li a:focus, ul.linkbox li a:active{
	background-color: #2461AA;
	color: #fff;
}
ul.infobox {
	padding: 0;
 	margin: 0;
	width: 170px;
}
ul.infobox li{
	display: block;	
	margin: 0;
	color: #2461AA;
	background-color: #FFFFFF; 
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: .3em;
	text-align: left;
	border: 1px solid #7CA0CC;
}
div.infotitle{
	float: left;
}
div.info{
	color: #000;
	float: right;
	text-align: right;
}

		/*  TEXT ONLY PAGES  */	
		
		/*  Items used on pages with just text  */
		

.boxout {
	float: right;
	width: 200px;
	padding: 0 0 2em 4em;
}

		/*  TITLE INDEX PAGES  */	
		
		/*  Items used on the pages with loads of titles  */


.sectionnavbox {
	width: 100px;
	float: right;
}		
ul.sectionnav {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.sectionnav li{
	display: block;
	float: left;
	color: #7CA0CC;
	padding: 2px 0 1px 0;
	margin: 0 2px 0 0;
	border: 1px solid #FFFFFF;
}
ul.sectionnav li a{
	text-decoration: none;
	color: #7CA0CC;
	padding: .2em;
	text-align: left;
	
}
li.currentpage {
	border: 1px solid #7CA0CC !important;
}
.titlebox {
	width: 160px;
	float: left;
	text-align: center;
	margin: 0 0 30px 0
}
.titledate {
	margin: 5px 0 0 0;
	padding: 0;
	color: #7CA0CC;
	text-align: left;
	width: 130px;
	float: right;
}
.titlename {
	padding: 0;
	margin: 0;
	color: #2461AA;
	text-align: left;
	width: 130px;
	float: right;
}
.subsbox {
	width: 110px;
	float: left;
	text-align: center;
	margin: 0 0 2px 0;
}
.subslink a{
	display: block;
	width: 90px;
	float: left;
	color: #FFFFFF;
	background-color: #7CA0CC; 
	text-align: center;
	margin: 0 10px 40px 10px;
	padding: .3em 0;
	text-decoration: none;
}
.subslink a:hover, #lowernav ul li a:focus, #lowernav ul li a:active{
	background-color: #2461AA;
	background-image: url(images/button-on.gif);
}
.subsname {
	padding: 5px 0 5px 0;
	color: #2461AA;
	text-align: left;
	width: 100px;
	float: right;
}
		/*  RECENT TITLE NAVIGATION  */	
		
		/*  Recent title table contents  */		
			
				
#recenttitles{
	width: 486px;
	padding-bottom: 2em;
}
div.recenttitle a{
	width: 52px;
	height: 80px;
	float: left;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.extraspacing {
	margin-top: 40px;
}
div.recenttitle01 a{
	background: url(images/covers-small-off/24-01.jpg)
}
div.recenttitle01 a:hover{
	background: url(images/covers-small-on/24-01.jpg)
}
div.recenttitle02 a{
	background: url(images/covers-small-off/dadsarmy-01.jpg)
}
div.recenttitle02 a:hover{
	background: url(images/covers-small-on/dadsarmy-01.jpg)
}
div.recenttitle03 a{
	background: url(images/covers-small-off/onlyfools-01.jpg)
}
div.recenttitle03 a:hover{
	background: url(images/covers-small-on/onlyfools-01.jpg)
}
div.recenttitle04 a{
	background: url(images/covers-small-off/stargate-01.jpg)
}
div.recenttitle04 a:hover{
	background: url(images/covers-small-on/stargate-01.jpg)
}
div.recenttitle05 a{
	background: url(images/covers-small-off/popparty-01.jpg)
}
div.recenttitle05 a:hover{
	background: url(images/covers-small-on/popparty-01.jpg)
}
div.recenttitle06 a{
	background: url(images/covers-small-off/Startrek-01.jpg)
}
div.recenttitle06 a:hover{
	background: url(images/covers-small-on/Startrek-01.jpg)
}
div.recenttitle07 a{
	background: url(images/covers-small-off/traceyb-01.jpg)
}
div.recenttitle07 a:hover{
	background: url(images/covers-small-on/traceyb-01.jpg)
}
div.recenttitle08 a{
	background: url(images/covers-small-off/midsomer-01.jpg)
}
div.recenttitle08 a:hover{
	background: url(images/covers-small-on/midsomer-01.jpg)
}

	/*  TEXT PAGES  */	
	
		/*  Pages which feature two columns of text  */				
				

.textleft {
	width: 200px;
	float: left;
}
.textright {
	width: 200px;
	float: right;
}