@import url("reset.css");
@import url("forms.css");


/*

Ashbydesign
www.ashby-design.co.uk
+44 (0)191 292 1101

MAIN.CSS 

---------------------------------------------------------------*/

/* @group Colours */
.dark {color: #4d4440;}
.mid {color: rgb(102,102,98);}
.primary {color: #af4424;}
.light {color: rgb(238,238,236);}
.bright {color: #4d4440;}
.black {color: rgb(48,48,48);}
.darkbg {background-color: #4d4440; /*rgb(180,161,115)*/}
.midbg {background-color: rgb(188,188,186);/*rgb(188,188,186)*/ }
.primarybg {background-color: rgb(130,65,65); /*rgb(122,59,59)*/}
.lightbg {background-color:  rgb(238,238,236); /*rgb(238,238,236)*/}
.brightbg {background-color:#4d4440}
.pink {color: rgb(222,0,121);}
.lightpink {color: rgb(255,187,221);}
/* @end */

/* @group Elements */
/* @group Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal; 
	margin-bottom:0.5em; 
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	line-height:1.2;
	}
h1 {font-size:2.5em; /*30px*/ }
h2 {
	font-size: 1.33em; /*16px*/ 
	font-weight: bold;
	}
h3 {
	font-size: 1.33em; /*16px*/ 
	text-transform: uppercase; 
	}
h4 {font-size: 1.16em;}
h5 {
	font-size:1em; /*12px*/ 
	font-weight: bold; 
	}
.sub h3 { 
	font-size: 1.33em; /*16px*/ 
	font-weight: bold;
	text-transform: none; 
	}
.three h2, .sub h2 {font-size: 1.16em; /*14px*/ }
/* @end */

/* @group Text elements */
p {margin:0 0 1em;}
p.smallmargin {margin:0 0 0.5em;}
q {
	font-size: 1.29em;
	line-height: 1.4em;
	font-family: Georgia, Times, serif; 
	font-style:italic;
	font-weight: normal;
	color: rgb(255,255,255);
	display: block;
	margin-bottom: 1em;
	}

/* @group blockquote */

blockquote {
	background: url(../images/architecture/quote.gif)  left top no-repeat; 
	padding-top: 45px;
	width: 45%;
	float: right;
	margin: 0 0 0.5em 5%
	}
blockquote.box4 {
	padding-top: 45px;
	width: 45%;
	float: right;
	margin: 0 0 0.5em 5%
	}
blockquote p { 
	font-size: 1.33em;
	font-family: Georgia, Times, serif; 
	font-style:italic;
	font-weight: normal;
	color: rgb(102,102,98);
	display: block;
	}
blockquote cite { 
	display: block; 
	text-align: right;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(102,102,98);
	font-weight: bold;
	padding-top: 5px;
	font-size: 75%;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	}
.smallcolumn blockquote {
	width: 100%;
	margin-top: 2em;
	}		
div.sub blockquote {
	padding-top: 1em;
	margin: 0;
	background: url(../images/architecture/box2top.gif) no-repeat; 
	/*box-top added to blockquote rather than h3*/	
	width: 100%;
	}
div.invite blockquote, div.sub .bigbods blockquote {
	padding-top: 0;
	margin-top: 0;
	background: none;
	width: 100%
	}
div.sub blockquote p, div.invite blockquote p {
	font-size:1.29em;
	color: rgb(255,255,255);
	}
div.sub blockquote p { 
	background: url(../images/architecture/quote-small.gif) 110% 100% no-repeat; 
	padding-bottom: 45px;
	margin-bottom: 0;
	}	
div.invite blockquote p { margin-bottom: 75px;}	
div.sub blockquote cite, div.invite blockquote cite {
	padding-top: 0.5em;
	color:rgb(238,238,236);
	}	
div.sub .bigbods blockquote p { 
	background: url(../images/architecture/quote-small-blue.gif) 110% 100% no-repeat; 
	}	
/* @end */
/* @end */

/* @group Lists */
li ul {margin:0 1em;}  
ul, dl {
	margin:0 0 1em 0;
	list-style-type:disc;
	list-style-position: inside;
	}
.sub ul { 
	list-style-position: outside /*IE correction*/;
	list-style: none;
	}
ul.primary, ul.dark, ul.mid {font-weight: bold;}	
/* @end */

/* @group Tables */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;vertical-align:top;}
tfoot {font-style:italic;}

table.adrates {
	padding-bottom: 1em;
	border-bottom: 7px solid rgb(238,238,236);
	margin-bottom: 2.5em;
	}
table.adrates td {padding:8px 10px 4px 5px;}
table.adrates td.formats {font-weight: bold; color: #4d4440}
table.adrates td.heading { 
	background-color: rgb(238,238,236); 
	font-weight: bold;
	padding:4px 10px 4px 5px;
	}

/* @end */

/* @group Links */
a { 
	color:#4d4440;
	text-decoration:underline;
	}
a:focus, a:hover {
	color:rgb(101,28,28); 
	text-decoration:underline;
	}
h2 a, h3 a {text-decoration: none; } 
.sub a { font-weight: bold; color: rgb(255,255,255) }
.sub a:hover { color: rgb(238,238,236) }
/* @end */

/* @end */

/* @group Page structure */
body {
	padding: 0;
	margin: 0;
	background: rgb(237,238,236);
	color: rgb(48,48,48);
	position: relative;
	font : 75%/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; /*12px*/
	}
#content {
	padding-right: 170px; /* contains sub column */
	overflow: hidden;
	margin-top: 3em;
	}
.container {
	width: 100%;
	min-width: 980px;
	text-align: center;
	}
.section {
	width: 85%;
	max-width: 105em; /*1260px*/
	min-width: 940px;
	margin: 0 auto;
	text-align: left;
	}
.article { clear: both; }
.border {
	padding-top: 1px;
	background: url(../images/architecture/border.png) repeat-x;
	}	
/* @end */

/* @group Content structure */

.main {
	float: left; /* none */
	width: 96%; /* 100% */
	display: inline;
	overflow: hidden;
	margin-bottom: 1em;
	position:relative;
	clear: none;
	}
.sub {
	width: 180px; /*fixed width */
	margin-right: -170px; /* fits padding width */
	margin-left: 10px;
	float:right;
	display:inline;
	padding-bottom:1px;
	margin-bottom: 1em;
	overflow: hidden;
	}

/* @group header */
.header
{
    /* Theme Change */
    background: rgb(48,48,48) url(../images/architecture/banner1.jpg) no-repeat center 0;
	border-bottom: 7px solid rgb(232,232,232);
}

.header2
{
    /* Theme Change */
    background: rgb(48,48,48) url(../images/architecture/banner1.jpg) no-repeat center 0;
	border-bottom: 7px solid rgb(232,232,232);
}

.header3
{
    /* Theme Change */
    background: rgb(48,48,48) url(../images/architecture/banner1.jpg) no-repeat center 0;
	border-bottom: 7px solid rgb(232,232,232);
}
							
.band
{
	width: 100%;
	height: 35px;
	background: url(../images/architecture/darkshade.png) repeat-x;
} 
	
.header .band .article, .header2 .band .article, .header3 .band .article
{
	/*positioning for admin, branding and welcome */
	position: relative;
	padding: 1px 0 0 0;
	z-index: 5;
}

/* @group welcome */
a.welcome {
	position: absolute;
	display: block;
	top: 6px;
	left: 172px;
	font-size: 1.416em /*17px*/;
	color:rgb(204,204,204); 
	font-weight: bold;
	font-family:Tahoma,Geneva,Kalimati,sans-serif;
	text-decoration:none;
	width: 250px
	}
/* @end */


/* @group logo */
.logo { 
	position:absolute;
	top:  50px;
	left:  0;
	width : 232px; 
	height : 101px;
	text-indent : -9999px;
	background: url(../images/architecture/MPTlogo.png) no-repeat;
	z-index: 10
	}
.logo a { 
	display : block;
	width : 170px; 
	height : 114px;
	}	
/* @end */

/* @group adminnav */
.adminnav {
	position: absolute;
	top: 8px;
	right: 185px;
	display: inline;
	text-align: right;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 1em;
}
.adminnav li {
	display: inline;
	text-align: right;
	margin-left: 3px;
	}
.adminnav a:link,
.adminnav a:visited,
.adminnav a:hover,
.adminnav a:focus,
.adminnav a:active  {
	color: rgb(255,255,255);
	text-decoration: none;
	padding: 2px;
	-webkit-border-top-left-radius : 3px;
	-webkit-border-top-right-radius : 3px;
	-webkit-border-bottom-left-radius : 3px;
	-webkit-border-bottom-right-radius : 3px;
	-moz-border-radius-topleft : 3px;
	-moz-border-radius-topright : 3px;
	-moz-border-radius-bottomleft : 3px;
	-moz-border-radius-bottomright : 3px;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	border-bottom-left-radius : 3px;
	border-bottom-right-radius : 3px;
	}
.adminnav a:hover,
.adminnav a:focus,
.adminnav a:active {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
	}
.adminnav a.selected:link,
.adminnav a.selected:visited,
.adminnav a.selected:hover,
.adminnav a.selected:active,
.adminnav a.selected:focus {
	color: rgb(222,0,121);
	background: rgb(255,255,255);
	}	

.adminnav li.feed a {
	padding-left: 20px;
	background: url(../images/icons/rss_thumb.png) no-repeat 1px 1px;
	}
.adminnav li.feed a:hover,
.adminnav li.feed a:focus,
.adminnav li.feed a:active {
	background: rgb(0,0,0) url(../images/icons/rss_thumb.png) no-repeat 1px 1px;
	}	
	
/* @end adminnav */

/* @group mainnav */
.mainnav ul {
	list-style-type: none;
	margin: 0;
	padding: 130px 0 0 0; /*175px minus 40px band */
	overflow: hidden;
	z-index: 1;
	width: 100%;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 1.16em;
	width: 80%;
	}
.mainnav li {
	margin: 0;
	padding: 0;
	display: inline;
	z-index: 1;
	}
.mainnav li a:link,
.mainnav li a:visited,
.mainnav li a:hover,
.mainnav li a:active,
.mainnav li a:focus {
	margin: 5px 5px 0 0;
	display: block;
	float: left;
	color: rgb(255,255,255);
	/*background: url(../images/architecture/darkshade.png) repeat-x;*/
	background: rgb(60,60,60) url(../images/architecture/fauxheader.png) repeat-x 0 100%;
	padding: 5px 9px;
	text-decoration: none;
	white-space: nowrap;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	}
.mainnav li a:hover,
.mainnav li a:active,
.mainnav li a:focus {
	background-color: /*rgb(222,0,121)*/#ae452b;
	background-image: none;
	color: rgb(255,255,255);
	}
/*add class "selected" to active link */	
.mainnav li a.selected:link,
.mainnav li a.selected:visited,
.mainnav li a.selected:hover,
.mainnav li a.selected:active,
.mainnav li a.selected:focus {
	color: rgb(48,48,48);
	background-color: rgb(238,238,236);
	background-image: none;
	}

.mainnav { position: relative; }

/* @group join */
ul#join {
	position: absolute;
	width: 148px;
	top:  0;
	right: 18px;
	}
.mainnav li#mainnav-facebook a, 
.mainnav li#mainnav-twitter a, 
.mainnav li#mainnav-youtube a,
.mainnav li#mainnav-newsletter a { margin: 5px 0 0 5px; }	

.mainnav li#mainnav-facebook a, 
.mainnav li#mainnav-twitter a, 
.mainnav li#mainnav-youtube a,
.mainnav li#mainnav-newsletter a {float:right; }

.mainnav li#mainnav-facebook a, 
.mainnav li#mainnav-twitter a,
.mainnav li#mainnav-youtube a,
.mainnav li#mainnav-newsletter a { 
	width: 14px;
	text-indent: -2000px;
	}
.mainnav li#mainnav-facebook a {background: url(../images/icons/facebook.png) no-repeat}
.mainnav li#mainnav-twitter a {background: url(../images/icons/twitter.png) no-repeat }
.mainnav li#mainnav-youtube a {background: url(../images/icons/youtube.png) no-repeat}	
.mainnav li#mainnav-newsletter a { background: url(../images/icons/email.png) no-repeat	}

.mainnav li#mainnav-facebook, 
.mainnav li#mainnav-twitter, 
.mainnav li#mainnav-youtube,
.mainnav li#mainnav-newsletter { position: relative }

.mainnav li#mainnav-facebook span, 
.mainnav li#mainnav-twitter span, 
.mainnav li#mainnav-youtube span,
.mainnav li#mainnav-newsletter span { display:none }

.mainnav li#mainnav-facebook:hover span, 
.mainnav li#mainnav-twitter:hover span, 
.mainnav li#mainnav-youtube:hover span,
.mainnav li#mainnav-newsletter:hover span {
	display:block;
	background: url(../images/architecture/joinbg.png) no-repeat;
	position: absolute;
	top: -20px;
	left: 4px;
	width: 148px;
	height: 30px;
	text-align: center;
	z-index: 20	
	}

/* @end */



/* @group newsletter signup */
a.newsletter {
	position: absolute;
	right: 0;
	bottom: 0;
	width:  156px;
	display: block;
	text-decoration: none;
	font-size: 1.16em;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	padding: 7px 12px 6px 12px;
	color: rgb(255,255,255);
	background: url(../images/architecture/darkshade.png) repeat-x 0 100%;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	}
a.newsletter:hover {
	padding-top: 8px;
	padding-bottom: 7px;
	}
.newsletter img {
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	}

/* @end */


/* @end mainnav */
/* @group access */
#skipnav {
	position:absolute;
	margin-left: -9999px;
	list-style-position: outside /*IE correction*/;
	list-style: none;
	z-index: 100;
	}
#skipnav a:focus, #skipnav a:active {
	margin-left: 9999px;
	overflow: visible;
	display: block;
	color: rgb(255,255,255);
	background-color: rgb(0,0,0);
	padding: 2px 5px;
	font-weight: bold;
	}
/* @end */

/* @end Header */

/* @group columns */
.column-wrapper { 
	overflow: hidden; 
	width: 100%;
	}
.column, .bigcolumn, .smallcolumn {
	width: 100%;
	float: left;
	overflow: hidden;
	}
.one, .two, .three, .threemain {
	background-color: rgb(255,255,255);
	margin-bottom: 2em;
	overflow: hidden;
	}
.four, .invite {
	margin-bottom: 1.5em;
	overflow: hidden;
	}	
.two .column {width: 50%;} 
.three .column, .threemain .column { width: 33%;} 
.four .column { width: 24.5%;}
.bigcolumn {width: 65%;}
.smallcolumn { width: 33%;}

.threebg .column-wrapper { background: url(../images/architecture/threebg.gif) repeat-x 0 0; }

.column-box {
	border: 2px solid rgb(204,204,200);
	background-color: rgb(238,238,236);
	overflow: hidden;
	padding: 1em 0.5em 0 0.5em;
	margin-bottom: 1.5em;
	}
.fixed-column-box {	width: 33% }
	
/* @group split column */
.split {
	margin-bottom: 2em;
	overflow: hidden;
	/*NB faux column employed here - 2000px x 1px, split to 992px white*/
	}
.faux-right {background: url(../images/architecture/split-faux.gif) repeat-y center 0;}
.faux-left	{background: url(../images/architecture/split-faux2.gif) repeat-y center 0;}	
.split .columnleft, .split .columnright {
	width: 49%;
	overflow: hidden;
	background-color: rgb(255,255,255);
	}
.split .columnleft { float:left; }
.split .columnright { float:right; }
/* @end */	
	
/* @group column content */
.prose {
	padding-left:1.5em;
	padding-right:1.5em;
	margin: 1.5em 0.8em 1em 0.8em;
	}
.smallcolumn .prose, .smallcolumn2 .prose, .three .prose {
	padding-left:1em;
	padding-right:1em;
	}
.one h3, .two h3, .three h3, .split h3, .threemain h3 { 
	width: auto /*correction for IE6*/;
	margin: 0;
	height: 35px;
	line-height: 35px;
	padding: 0 1.8em;
	color: rgb(255,255,255);
	font-weight: bold;
    /* Theme Change */
    background: #009FE4 url(../images/architecture/fauxheader.png) repeat-x 0 100%;
	position: relative
	}
.three h3 {
	height: 32px;
	line-height: 32px;
	padding: 0 1.6em;
	font-weight: normal;
	}	
.prose h3 {
	background: none;
	color: rgb(102,102,98);
	height: auto;
	padding: 0 0 0.5em 0;
	line-height: 1.2;
	font-size: 1.16em;
	}
.prose .column-box h3, .prose .column-box h3 a { color: rgb(102,102,98);	}	
.prose .column-box h3 a:hover {color: rgb(101,28,28);}	

/*default h3 is strong */
h3.strong {background-color: rgb(130,65,65);}
h3.mid {background-color: rgb(188,188,186); }
/* Theme Change */
h3.dark {background-color: #4d4440; }
h3.bright {background-color: rgb(222,0,121) }
/* @end */

/* @group invite */
.invite {
	background:#D95636 url(../images/architecture/invite-bg.gif) no-repeat 102% 102%;
	border: 3px solid #fa8e74;
	}
.invite p, .invite h2, .invite a { color:  rgb(255,255,255); }
div.newsletter-icon {
	float: right;
	margin: 0 0 0 1em
	}	
.invite .smallcolumn .prose {
	padding-left: 1.5em;
	background: url(../images/architecture/invite-col.gif) repeat-y 0 0;
}	

/* @end */	
	
/* @end columns*/

/* @group sub */
.box, .box2, .box3, .box4 {
	margin-bottom: 1.5em; 
	padding-bottom: 1px; 
	overflow: hidden;
	font-weight: bold;
	}

/* Theme Change */
.box { background: #4d4440 url(../images/architecture/boxbottom.gif) no-repeat 0 100%; }

/* Theme Change */
.box h3 { background: url(../images/architecture/boxtop.gif) no-repeat; }
.box h30 { background: url(../images/architecture/boxtop.gif) no-repeat; }
.box2 { background: #da5736 url(../images/architecture/box2bottom.gif) no-repeat 0 100%; }
.box2 h3 {background: url(../images/architecture/box2top.gif) no-repeat;}
.box3 { background: rgb(188,188,186) url(../images/architecture/box3bottom.gif) no-repeat 0 100%; }
.box3 h3 {background: url(../images/architecture/box3top.gif) no-repeat;}
.box4 { background: rgb(130,65,65) url(../images/architecture/box2bottom.gif) no-repeat 0 100%; }
.box4 h3 {background: url(../images/architecture/box2top.gif) no-repeat;}
.box, .box2, .box3, .box4 {color: rgb(255,255,255)}

/* @group Box paddings etc */
.sub p, .sub h2, .sub h4, .sub h5, .sub ul, .sub form, .sub q { padding: 0 12px 1px 12px; }
.sub h3 { padding: 0.7em 12px 0 12px; }
.sub h4 { margin-bottom: 0.2em; }
.sub div.coverimage { margin: 0.5em 0 0.8em 27px;}
/* @end */	

/* @group Promo */
div.promo {
	padding: 0.5em 0 0.5em 0;
	margin-bottom: 1em;
	}
div.promo h2, div.promo h4, div.promo h5, div.promo ul, div.promo p, div.promo form { 
	padding: 0 20px 1px 20px;
	color:  rgb(48,48,48);
	font-weight: normal;
	}
div.promo p { margin-bottom: 0.5em; }
/* Theme Change */
div.promo a { color:#0cd9dc; }
div.promo a:focus, div.promo a:hover {color:rgb(48,48,48);}
div.promo .coverimage { margin: 0.5em 0 0.8em 27px; }	

.box div.promo {background: rgb(255,255,255) url(../images/architecture/poetrylist.gif) repeat-y;}
.box2 div.promo {background: rgb(255,255,255) url(../images/architecture/issuelist.gif) repeat-y;}
.box3 div.promo {background: rgb(255,255,255) url(../images/architecture/authorlist.gif) repeat-y;}
/* @end */

/* @group ad */
.ad {
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 1.5em; 
	color:  rgb(48,48,48);
	}
.ad img { margin-bottom: 5px;}
/* @end */		

/* @end */

/* @group footer */
.sitemap, .end, .share, .bottomborder, .invite {
	clear: both;
	padding: 0;
	}
.bottomborder {
	background: url(../images/architecture/bottomborder.png) repeat-x;
	height: 7px;
	}	
.sitemap, .end, .share, .invite h2 {color: rgb(255,255,255);}	
.sitemap .article, .end .article, 
.share .article, .invite .article { position: relative; }
.share .article, .invite .article { padding: 2em 0;}	
.sitemap .article {padding: 1em 0;}
.end, .share {background-color: rgb(51,51,51);}
.share .article { border-bottom: 1px solid rgb(153,153,153); }
.end .article { 
	height: 100px;
	padding-top: 25px;
	}

a.toplink {
	display: block;
	background-color: #4d4440;
	color: rgb(255,255,255);
	text-transform: uppercase;
	text-align: center;
	padding-top: 0.2em;
	width: 120px;
	height: 25px;
	position:absolute;
	top: -25px;
	right: 0;
	font-size: 1.16em;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	}
a.toplink:hover {
	top: -26px;
	}

/* @group sitemap */
.sitemap {
	background-color: #4d4440;
	}
.sitemap li, .sitemap h3 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.16em;
	}	
.sitemap h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.33em; /*16px*/
	color: rgb(255,255,255) /*rgb(153,255,255)*/
	}	
.sitemap a {
	text-decoration: none;
	font-weight: bold;
	color: rgb(255,255,255);
	}
.sitemap a:hover { color: rgb(255,255,255);	}
.sitemap img { margin-left:5px; vertical-align: text-bottom}	
.sitemap a:hover img {opacity: 0.75;}
.sitemap a img {opacity: 1;}
/* @end */

/* @group end */
img.logoright {
	float: right;
	margin-left: 3em;
	}
.end p {
	font-size: 1em;
	float: left;
	}
.end a:link, .end a:visited {
	color:rgb(204,204,200);
	text-decoration: none;
	}
.end a:hover,
.end a:focus,
.end a:active  {
	text-decoration: underline;
	color: rgb(255,255,255);
	}

/* @end */

/* @group addthis */
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 2px 0 0;
    padding: 0;
    text-decoration: none;
	}
.addthis_toolbox .custom_images a:hover { color: rgb(255,255,255) }	
.addthis_toolbox .custom_images a:hover img {opacity: 1;}
.addthis_toolbox .custom_images a img {opacity: 0.75;}

.addthis_toolbox ul {
	list-style-type: none; 
	padding: 1px 1.5em;
	margin-bottom: 2em;
	}
.addthis_toolbox li { float: left; margin-right: 0.3em }
.addthis_toolbox .custom_images a .more { display: none }
.addthis_toolbox .custom_images a:hover .more {
	display: inline;
	color: rgb(255,255,255);
	font-size: 1.29em;
	font-weight: bold;
	width:345px;
	position:absolute;
	left:330px;
	top:50;
	z-index:1;
	}
/* @end */	
	
/* @end Footer */

/* @group Search form positions */
form.search {
	position: absolute;
	top: 4px;
	right:  0;
	z-index: 10;
	}
.share form.search {
	top: 2em;
	right: 1.5em;
	}
/* @end */

/* @end */

/* @group Specific and page styles */

/* @group Author */
.author-box {padding:1.5em}
.author-box div.authorphoto {
	float: right;
	margin: 0 1.5em 2em;
	}
.author-box  h4 { color: rgb(130,65,65) }
.none { margin-bottom: 5em; color: rgb(102,102,98) }	

/* @end */

/* @group Contact */
ul.contact-list {
	overflow: hidden;
	list-style: none;
	}
ul.contact-list li  {
	float: left;
	width: 49%
	}
ul.contact-list h4.title {
	font-weight: bold;
	padding: 5px;
	background: rgb(238,238,236);
	color: rgb(102,102,98)
	}
ul.contact-list h4.name { padding: 5px; } 
ul.contact-list p.email a {
	padding: 5px;
	color: #4d4440;
	font-weight: bold;
	}
ul.contact-list p.email a:hover {color:rgb(101,28,28);}	

h2#bypost {
	padding-left: 40px;
	background: url(../images/icons/envelope_grey.gif) no-repeat 0 center;
	line-height: 35px
	}
h2#byemail {
	padding-left: 30px;
	background: url(../images/icons/email.gif) no-repeat 0 center;
	line-height: 25px
	}
h2#byform {
	padding-left: 35px;
	background: url(../images/icons/clipboard.gif) no-repeat 0 center;
	line-height: 40px
	}		
	

/* @end */

/* @group Shopping */
table#basket {
	margin: 1.5em 0;
	padding: 2.5em 0;
	background: url(../images/architecture/crosshatch.gif) repeat-x 0 0;
	border-top: 1px solid rgb(204,204,200);
	border-bottom: 1px solid rgb(204,204,200);
	}

div.feature-head .subscribe_button {float: right}

/* @group Single issues */
ul.singleissues, ul.singleissues li, .singletitle-full dl, 
ul.publications { list-style-type: none }	
ul.singleissues li {
	width: 47%;
	float: left;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right: 0.5em;
	}
ul.singleissues .coverthumb {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
	}
p.mpt-title, p.mpt-series {margin-bottom: 0;}
p.mpt-series, p.mpt-title {font-weight: bold; text-transform: uppercase}
p.mpt-title {font-style: italic;}
p.mpt-series {color: rgb(102,102,98)}
p.price {color: rgb(102,102,98)}

.singletitle-full { margin-bottom: 2em; }
.singletitle-full dl {
	width: 35em;
	overflow: hidden;
	margin: 0 0 0.5em 0;
	font-weight:bold;
	}
.singletitle-full dt {
	width: 8em; 
	float: left;
	text-align: right;
	color: rgb(130,65,65)
	}
.singletitle-full dd {
	float: right;
	width: 25em;
	}	
/* @end */


/* @group Publications */
ul.publications { padding-top: 1.5em; }
ul.publications li {
	overflow: hidden;
	margin-bottom: 1em;
	margin-right: 0.5em;
	}
ul.publications .coverthumb  {
	float: left;
	margin-right: 1.5em;
	}	
p.mpt-publications-title, p.mpt-publications-byline {margin-bottom: 0;}
p.mpt-publications-title {
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase
	}

/* @end */


/* @end */

/* @group Submit */
.subguide { 
	list-style-position: outside; /*IE fix*/
	list-style: none; 
	}
.subguide li {
	padding-bottom: 0.5em;
	border-bottom: 3px solid rgb(238,238,236);
	margin-bottom: 0.5em;
	}
/* @end */

/* @group Subscribe */
.subscribedigital h4, .subscribeprint h4, h4.wide  { line-height: 1.5 }
.subscribedigital {
	background: url(../images/icons/mouse.gif) no-repeat 98% 30px;
	}
.subscribeprint {
	background: url(../images/icons/magazine.gif) no-repeat 105% 25px;
	}
.small {
	font-size: 75%;
	font-weight: normal;
	font-style: italic;
	color: rgb(102,102,98)
	}
.centre {
	text-align: center;
	margin-top: 1.5em;
	}
.centre .constrainer, .centre .subscribe_button { 
	margin-left: auto; 
	margin-right: auto;
	}
.constrainer {
	width: 300px;
	overflow: hidden;
	}
.centre .column-box { width: 120px; float: right }
.cover { width: 120px; float: left }
.coverright { width: 120px; float: right }
.centre	.subscribe_button { float: none }
.centre div.previous-next { margin-top: 1em; }
h2.discount {
	font-size: 1.33em;
	color: #4d4440;
	}
/* @end */

/* @group Reviews */
.review-title {
	font-style: italic;
	font-weight: bold;
	}
.reviewed-by {
	color: #4d4440;
	font-style: italic;
	font-weight: bold
	}
h5.reviewed-by, h5.reviewed-by a { color: rgb(102,102,98);}	
.reviewed-by a	{color: #4d4440}
.reviewed-by a:hover {color: rgb(101,28,28)}
.postcard-author {text-transform: uppercase;}

.leftform {
	width:  49%;
	float: left
	}
.rightform	{
	width:  49%;
	float: right
	}
/* @group Postcards - archive */

.short-review-info, .short-review  {
	overflow: hidden;
	position: relative;
	}
.postcard img, .short-review-info img {
	float: right;
	margin: 0 0.5em 1em 1em;
	}
.short-review-info	{
	float: right; 
	width: 45%;
	}	
.short-review 	{
	float: left; 
	width: 48%;
	padding-right: 1.5em;
	border-right: 1px solid rgb(204,204,200);
	margin-bottom: 1em;
	}
.short-review p {margin-bottom: 0;}
.short-review-info .review-date {
	position: static;
	font-weight: bold; 
	font-size: 1.16em;
	color: rgb(102,102,98);
	}

/* @end */

/* @end */

/* @group Features */
.feature .prose {padding: 0 5em;}
.feature h3 {padding-left: 4.2em;}
.feature .prose h3 {padding-left: 0;}
h2.feature-title {font-size: 1.5em;}
.feature-byline {
	font-style: italic;
	margin-bottom: 1em;
	color: #4d4440;
	}
.feature-head {
	padding-bottom: 1.5em;
	background: url(../images/architecture/crosshatch.gif) repeat-x 0 100%;
	border-bottom: 1px solid rgb(204,204,200);
	margin-bottom: 2em;
	overflow: hidden;
	}
/* @end */

/* @group Community */
ul.contactdetails { 
	list-style-position: outside; /*IE fix*/
	list-style: none; 
	overflow: hidden;
	font-size: 1.16em;
	}
li.mag { 
	margin-bottom: 0.5em; 
	font-style: italic; 
	}
/* @end */

/* @group Resouces */
.links li {
	margin-bottom: 2em;
	list-style: none;
	padding-left: 13px;
	color: rgb(48,48,48);
	background: url(../images/architecture/dot.gif) no-repeat 0 0.5em;
	overflow: visible
	}
/* @end */

/* @group Comments */
.comment {
	margin-top: 1em; 
	margin-bottom: 2.5em;
	}
p.comment-name, p.comment-date { 
	font-family: Tahoma,Geneva,Kalimati,sans-serif; 
	color:  #4d4440;
	padding: 2px 4px;
	background: url(../images/architecture/crosshatch.gif);
	border-top: 1px solid rgb(204,204,200);
	border-bottom: 1px solid rgb(204,204,200);
	}
p.comment-name {
	float: left;
	margin-bottom: 0;
	color:  #4d4440;
	font-weight: bold;
	}

p.comment-date { text-align:right; }

/* @group Addcomment */
.addcomment {
	padding:0;
	margin:0;
	width:  auto;
	overflow:visible;					
	white-space:nowrap;	
	height:35px;
	line-height:28px;
	background:url(../images/architecture/addthisbg2.gif) no-repeat 100% 0;			
	}
.addcomment strong {
	display:block;
	height:35px;
	line-height:28px;			
	margin:0;
	padding-left: 0.8em;
	background:url(../images/architecture/addthisbg1.gif) no-repeat 0 0;
	color: rgb(102,102,100)
	}
.addcomment em {
	display: block;
	float: right;
	margin-right: 1em;
	font-weight: normal;
	}	
.addcomment a, .addcomment a:hover { text-decoration: none;}	
.addcomment a {color: rgb(102,102,100)}
.addcomment a:hover {color: rgb(48,48,48)}
/* @end */
/* @end */

/* @group Home and Magazine */
.thisissue, .highlights, .inthisissue { overflow: hidden; }
.thisissue h2, .thisissue { margin-bottom: 0.2em;}
.thisissue p {margin-bottom: 0;}

.inthisissue {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	overflow: hidden;
	}
div#currentHighlight { 
	color:rgb(48,48,48);
	font-weight: bold;
	}
.inthisissue span {
	float: left; 
	margin-right: 0.5em;
	font-style: italic
	}
.highlights-mag {padding-bottom: 1em;}	
.highlights li{
	list-style: 0;
	color:rgb(102,102,98);
	margin-bottom: 0.5em;
	display: block;
	font-weight: bold
	}	
p.featured {
	margin: 1em 0;
	font-weight: bold;
	}
/* @end */

/* @group Poem */

/* @group poems  */
.poem {
	/*white-space: pre;*/
	margin: 1em 0 2em 0;
	}
h2.poemtitle, h4.poemtitle {
	color: #4d4440;
	font-weight: bold;
	}
.byline {color: #4d4440; }

h2.poemtitle-original, h4.poemtitle-original { 
	color: rgb(130,65,65);
	font-weight: bold;
	}
.byline-original, .byline-original a {color: rgb(130,65,65);}
.byline-original a:hover { color: rgb(48,48,48)}

.homepoem .poem { margin: 1.5em 0 0.5em 0; }	
.homepoem h2.poemtitle { 
	margin-bottom: 0.2em;
	}
/* @end */

/* @group poem of the month */
.poeminfo {
	background: url(../images/architecture/crosshatch.gif) repeat-y 0 0;
	padding-left: 2em;
	border-left : 1px solid rgb(204,204,204);
	}
.poeminfo-left {
	background: url(../images/architecture/crosshatch.gif) repeat-y 100% 0;
	padding-right: 2em;
	border-right : 1px solid rgb(204,204,204);
	}	
.poeminfo dt, .poeminfo-left dt {
	font-style: italic;
	}	
.poeminfo dd, .poeminfo-left dd {
	font-weight: bold;
	margin-bottom: 1em;
	}
.poeminfo dt.left { margin-right: 5px; }	
.poeminfo select, .poeminfo-left select { width: 180px;}	
span.month {
	color:  rgb(204,204,200);
	float: right;
	margin-right:  10px;
	}
/* @end */
/* @end */

/* @group News */
.events h2 {color: #4d4440}
.events h2 a {text-decoration:underline;}
.date {
	border-bottom: 3px solid #4d4440;
	text-transform: uppercase;
	margin-bottom: 1em;
	color: #4d4440;
	}
.news-image img { 
	width: 100%;
	border: 3px solid rgb(153,153,149);
	}	
.news-image {
	 width: 250px; /* constrain to width*/
	 padding-right: 6px; /*allow for border on img*/
	 position: relative;
	 margin-top: 0.3em;
	 margin-bottom: 2em;
	 }
.news-caption { 
	width: 250px;
	font-style: italic;
	}	
.news-caption a {text-decoration: none;}		
.photo-credit {
	position: absolute;
	width: 247px;
	background: url(../images/architecture/shade.png);
	right: 3px;
	top: 3px;
	padding-right: 3px;
	font-size: 90%;
	text-align: right;
	color: rgb(255,255,255)
	}

/*set youtube to 250px width for thumbnail video*/		
.video, .videothumb {overflow: hidden;}
.videothumb {
	margin-top: 0.3em;
	margin-bottom: 2em;	
	}
.video { float: left }	
.media-info {
	float: left;
	width: 180px;
	margin-left: 2em;
	}
.media-info p.date {
	border: none
}	

/* @group news list */
.news-brief {
	overflow: hidden;
	list-style-position: outside /*IE correction*/;
	list-style: none;
	}
.news-brief li {
	margin-bottom: 2.5em;
	padding-left: 120px;
	position: relative;
	}	
.news-brief .news-image {
	 width: 100px;
	 float: none;
	 margin: 0;
	 position: absolute;
	 top:  0;
	 left: 0;
	 }

/* @end */
/* @end */

/* @group Alternative boxes */
.altbox, .post {
	color: rgb(48,48,48);
	border: 1px solid rgb(102,102,98);
	background-color: rgb(255,255,255); 
	margin-bottom: 1.5em; 
	padding-bottom: 1px; 
	overflow: hidden;
	font-weight: bold;
	/*padding-bottom: 1em;
	background: rgb(255,255,255) url(../images/architecture/crosshatch.gif) repeat-x 0 100%;*/
	}
.sub .altbox h3, .sub .joinin h3, .sub .about h3 {
	font-size: 2.166em;
	font-weight: normal;
	padding-top: 0.5em;
	/*background: rgb(255,255,255) url(../images/architecture/crosshatch.gif) repeat-x 0 0;
	padding-top: 1.5em;*/
	}
.godigital, .subdiscount, .joinin, .aboutbox {
	margin-bottom: 1.5em; 
	padding-bottom: 1px; 
	overflow: hidden;
	font-weight: bold;
	color: rgb(48,48,48);
	}

/* @group godigital + subdiscount */
.sub .godigital h3 {	
	background: url(../images/ads/godigitaltop.gif) no-repeat;
	padding-top: 80px;
	text-indent: -9999px;
	}
.sub .subdiscount h3 {	
	background: url(../images/ads/discounttop.gif) no-repeat;
	padding-top: 85px;
	}
.godigital .readmore, .subdiscount .readmore { font-size: 1.16em; }
.godigital	{background: #4d4440 url(../images/ads/godigitalbottom.jpg) no-repeat 0 100%;}
.subdiscount {
	background: #4d4440 url(../images/ads/discountbottom.gif) no-repeat 0 100%;
	padding-bottom: 50px;
	}
/* @end */	

/* @group join in */
.joinin	{ background: rgb(48,48,48) url(../images/ads/joininbottom.gif) no-repeat 0 100%; }
.sub .joinin h3 {	
	background: url(../images/ads/joinintop.gif) no-repeat;
	padding-top: 70px;
	color: rgb(255,255,255);
	}
.joinin ul { 
	margin-bottom: 1em; 
	margin-top: 1em;
	color: rgb(255,255,255);
	}
.joinin li {
	margin-top: 0.5em;
	overflow: hidden;
	}
.joinin h4 { 
	padding-left: 0; 
	padding-right: 0;
	text-transform: uppercase;
	color:rgb(86,160,211);
	font-weight: bold
	}
li.social, p.social { line-height: 16px }
.twitter a, .facebook a, .browse a { 
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	overflow: hidden;
	display: block;
	background-repeat: repeat-x;
	}
.twitter a {
	background-image: url(../images/architecture/fauxheader.png);
	background-color: ##303030;
	background-position: 0 20%;
	}
.facebook a {
	background-image: url(../images/architecture/fauxheader.png);
	background-color: ##303030;
	background-position: 0 40%;
	}
.browse a {
	background-image: url(../images/architecture/fauxheader.png);
	background-color: rgb(255,255,255);
	background-position: 0 20%;
	color: #4d4440
	}	
.facebook a:hover, .twitter a:hover { color: rgb(255,255,255); }
.facebook a:hover	{background-position:0 80%;}
.twitter a:hover	{background-position:0 50%;}
.facebook img, .twitter img { 
	float: left; 
	margin-right: 0.5em;
	}
/* @end */


/* @group post */
.post { 
	background: rgb(255,255,255) url(../images/icons/envelope.gif) no-repeat 110% -10%;
	border-color: #4d4440;
	font-weight: normal;
	}
.sub .post h3 {	color: #4d4440}
/* @end */

/* @end */

/* @group Archive stylings */
/* @group list styles */
.p-poet, .p-title, .p-trans, .p-issue, .onsite, 
.r-poet, .r-title, .r-trans, .r-issue, .r-publisher, .reviews-onsite {display: block}
.p-poet, .r-poet {font-weight: bold;}
.p-trans a, .r-trans a, .r-publisher, .r-title {font-style: italic;}
.p-poet a, .r-poet a, .p-issue a, .r-issue a {text-decoration: none;}
.p-title a, .onsite {
	padding-left: 18px;
	background: url(../images/architecture/poem-featured.png) no-repeat 0 center;
	}
.r-title a, .reviews-onsite {
	padding-left: 18px; 
	background: url(../images/architecture/review-featured.png) no-repeat 0 center;
	}
.p-issue, .r-issue, .p-issue a, .r-issue a  {color: rgb(102,102,98)}
.p-issue a:hover, .r-issue a:hover  {color: rgb(48,48,48)}
.p-title, .onsite {color: #4d4440;}
.p-trans a, .r-trans a {color: rgb(48,48,48);}
.p-trans a:hover, .r-trans a:hover {color: rgb(0,0,0);}
.r-title, .r-title a, .r-reviewer, .r-reviewer a, .r-poet a, .reviews-onsite {color: rgb(130,65,65);}
.r-title a:hover, .r-reviewer a:hover, .r-poet a:hover {color: rgb(101,28,28);}	

ul.featuredpoemlist .p-title a { 
	padding-left: 0;
	background: none;
	}
/* @end */

/* @group list structure */
ul.poemlist,  ul.reviewslist, 
ul.author-page-list, ul.featuredpoemlist { 
	list-style-position: outside /*ie correction*/;
	list-style: none;
	overflow: hidden;
	}	
ul.poemlist li, ul.reviewslist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: dashed 1px rgb(204,204,200);
	}	
ul.author-page-list  { margin-top: 1em; }	
ul.author-page-list li, ul.featuredpoemlist li { margin-bottom: 1em;}	
ul.authorlist {list-style-type: none;}
ul.featuredpoemlist {margin-top: 1em;}

/* @end */

/* @group NAV LIST */
/* also see a-z list for settings*/
ul.navlist li {margin-bottom: 5px}
ul.navlist li a, ul.navtranslate li a { 
	padding: 1px 5px;
	margin-right: 4px;
	}
ul.navlist li a:link, ul.navlist li a:visited {
	background: rgb(153,153,149); 
	color: rgb(255,255,255);
	} 
ul.navtranslate li a:link, ul.navtranslate li a:visited	{
	background: #4d4440;
	color: rgb(255,255,255);
	}	
ul.navlist li a:hover, ul.navtranslate li a:hover   {
	background: rgb(188,188,186); 
	color: rgb(48,48,48);
	}
ul.navlist li.all a:link, ul.navlist li.all a:visited	{
	background: rgb(238,238,236); 
	color: rgb(102,102,98);
	}
ul.navlist li.all a:hover {
	background: rgb(153,153,149); 
	color: rgb(255,255,255);
	}
h4.navlisthead { 
	margin-top: 1.5em;
	color: rgb(130,65,65);
	}
h4.navlisthead-reviews { 
	margin-top: 1.5em;
	color: #4d4440;
	}	
/* @end */
/* @end */

/* @group a-z lists and sub boxes */

/* @group show issue */
.sub .showissue h2  {
	font-weight: bold; 
	margin-bottom: 0.2em
	}	
.sub .showissue h4 { margin-bottom: 0.5em }		

/* @end */

/* @group POETRYLIST */
div.poetrylist h4, div.poetrylist h4, div.poetrylist h4, div.poetrylist h4  { margin-bottom: 0; }
div.poetrylist form { margin-top: 0.5em; margin-bottom: 0.5em; }
div.poetrylist h4 a, div.poetrylist h4 a:hover {
	font-weight: normal;
	text-decoration: none;
	}
.box div.poetrylist h4 a {color:#4d4440; }
.box2 div.poetrylist h4 a {color:rgb(130,65,65); }
.box3 div.poetrylist h4 a {color:rgb(102,102,98); }
.box div.poetrylist h4 a:hover	{color:rgb(130,65,65);}
.box2 div.poetrylist h4 a:hover {color:#4d4440;}
.box3 div.poetrylist h4 a:hover {color:rgb(48,48,48);}

#unfold, #unfold2, #unfold3, #unfold4, #unfold5, #unfold6, #unfold7, #unfold8, #unfold9, #unfold10, #unfold11, #unfold12, #unfold13, #unfold14, #unfold15, #unfold16  {display: none;}

.prose div.poetrylist {
	padding-top: 2em; 
	background: url(../images/architecture/crosshatch.gif) repeat-x 0 0;
	border-top: 1px solid rgb(204,204,200);
	}
/* @end */

/* @group A to Z */
ul.atoz, ul.navlist, ul.navtranslate {
	list-style-position: outside /*ie correction*/;
	list-style: none;
	overflow: hidden;
	}
ul.navtranslate, ul.navlist {margin-bottom: 2em;}	
div.promo ul.atoz {
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 0;
	width: 140px /*fixes IE padding issue*/; 
	}	
ul.atoz li { margin-bottom: 0;}	
.prose ul.atoz { margin-bottom: 1em; }	
ul.atoz li, ul.navlist li, ul.navtranslate li { float: left;}
ul.atoz li a, ul.navlist li a, ul.navtranslate li a {
	display: block;
	text-decoration: none;
	font-weight: bold
	}
ul.atoz li a { 
	padding: 1px 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	line-height: 1;
	}
.box2 ul.atoz li a, .darkcolour ul.atoz li a {
	background: #4d4440;
	color: rgb(255,255,255);
	}
.box3 ul.atoz li a, .midcolour ul.atoz li a {
	background: rgb(48,48,48); 
	color: rgb(255,255,255);
	}	
.box ul.atoz li a, .primarycolour ul.atoz li a {
	background: #da5736; 
	color: rgb(255,255,255);
	} 	 
ul.atoz li a:hover {
	background: rgb(188,188,186); 
	color: rgb(48,48,48);
	}

ul.atoz li a.browseall {
	padding: 5px 0 0 0;	
	background: rgb(255,255,255);
	color: rgb(102,102,98);
	font-weight: normal;
	}
ul.atoz li a.browseall:hover {color: rgb(48,48,48)}	
/* @end */



/* @end */
/* @end */

/* @group Images */
img.subright {
	float:right;
	margin: 2px 12px 0.5em 0.5em;
	}
/* @group lineups and captions */
.caption {
	font-style: italic;
	overflow: hidden;
	}
.caption p {margin-bottom: 0.5em; width: 90px;}
.caption a {text-decoration: none; }
.caption div { margin-bottom: 3px; }

.caption p.authorcaption { width: 100px;}
.caption p.authorcaptionsmall { width: 80px;}
.caption p.authorcaptionthumb { width: 50px;}	
.caption p.covercaption { width: 106px;}
.caption p.covercaptionbig { width: 156px;}
.caption p.covercaptionthumb { width: 86px;}	

.lineup, .vertical, .bigbods ul { overflow: hidden;}

ul.lineup {margin-bottom: 0;}
.lineup li { 
	list-style-type: none;
	float: left;
	width: 100px;
	}
.vertical li, .bigbods li {
	list-style-type: none;
	display: block;
	margin-bottom: 5px;
	overflow: hidden; 
	}
.fixed { width:300px; }

.bigbods h3 { margin-bottom: 1em; }
.bigbods ul { 
	float: left;
	margin-bottom: 0;
	}
.bigbods ul .authorphotothumb { margin: 0; }
/* @end */

/* @group cover images */

/*cover image size correction for images at 150px scale down to 120px - i.e. 80%*/
.coverimage a, .bigcoverimage a, .coverthumb a { display: block; } 
.coverimage, .coverimage a  { width: 120px; }
.bigcoverimage, .bigcoverimage a  { width: 150px; margin-bottom: 1em; }
.coverthumb, .coverthumb a  { width: 80px; }
.coverimage img, .bigcoverimage img, .coverthumb img  { 
	width: 100%; 
	border: 3px solid rgb(204,204,204); 
	}
.sub .coverimage, .sub .bigcoverimage { margin-left: 12px;	}

/* @end */

/* @group author photos */
.authorphoto img, .authorphotosmall img, .authorphotothumb img {width: 100%; }
.authorphoto, .authorphotosmall {border: 3px solid rgb(204,204,204);}
.authorphotothumb { border: 2px solid rgb( 102,102,98);	}	
.box .authorphotothumb, .box2 .authorphotothumb { border-color: rgb(204,204,204); }	
.column-box .authorphoto, .column-box .authorphotosmall {border: 3px solid rgb(153,153,149);}

.authorphoto a, .authorphotosmall a, .authorphotothumb a {display: block }	
.authorphoto, .authorphoto a { width: 100px; height: 100px; }
.authorphotosmall, .authorphotosmall a { width: 80px; height: 80px; }
.authorphotothumb, .authorphotothumb a { width: 50px; height: 50px; }
.sub .authorphotothumb { margin: 4px 0.5em 2px 12px;}
/* @end */


/* Banner 1 */

.banner1_left, .banner1_middle, .banner1_right
{
    width: 100%;
	height: 80px;
	margin-bottom: 1.5em;
	text-align: center;
	background-repeat: no-repeat
}
.banner1_left
{
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 0 33%;
}
.banner1_middle
{
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 33% 33%;
}
.banner1_right
{
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 80% 33%;
}

/* Banner 2 */

.banner2_left, .banner2_middle, .banner2_right
{
    width: 100%;
	height: 80px;
	margin-bottom: 1.5em;
	text-align: center;
	background-repeat: no-repeat
}
.banner2_left
{
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 0 33%;
}
.banner2_middle
{
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 33% 33%;
}
.banner2_right
{
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 66% 33%;
}

/* Banner 3 */

.banner3_left, .banner3_middle, .banner3_right
{
    width: 100%;
	height: 80px;
	margin-bottom: 1.5em;
	text-align: center;
	background-repeat: no-repeat
}
.banner3_left
{
    background-image: url(../images/architecture/banner_03.jpg);
	background-position: 0 33%;
}
.banner3_middle
{
    background-image: url(../images/architecture/banner_03.jpg);
	background-position: 33% 33%;
}
.banner3_right
{
    background-image: url(../images/architecture/banner_03.jpg);
	background-position: 66% 33%;
}




/* @group tranches */
.newstranch, .bannertranch1, .bannertranch2, .bannertranch3, .bannertranch4, 
.bannertranch5, .bannertranch6, .bookbanner1, .bookbanner2, .bookbanner3 {
	width: 100%;
	height: 80px;
	margin-bottom: 1.5em;
	text-align: center;
	background-repeat: no-repeat
	}
.newstranch { background-position: 0 0;}
.bannertranch1 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 0 0;
	}
.bannertranch2 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 33% 33%;
	}
.bannertranch3 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_03.jpg);
	background-position: 66% 66%;
	}
.bannertranch4 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 100% 33%;
	}
.bannertranch5 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 33% 100%;
	}
.bookbanner1 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_01.jpg);
	background-position: 0% 30%;
	}
.bookbanner2 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_02.jpg);
	background-position: 50% 30%;
	}
.bookbanner3 {
    /* Theme Change */
    background-image: url(../images/architecture/banner_03.jpg);
	background-position: 100% 30%;
	}		
/* @end */	
/* @end */

/* @group Other classes */
.divider { 
	overflow: hidden;
	margin-bottom: 0.5em;
	}
p.divider {margin-bottom: 1em;}
.bold { font-weight: bold; }
.fancy {font-style: italic; color: rgb(102,102,98)}
.extra-padding {padding-bottom: 1em}

/* @group Breaks */
.break, .breaktop, .prose h3.break, .feature .prose h3 {
	margin-top: 1.5em;
	padding-top: 2.5em;
	background: url(../images/architecture/crosshatch.gif) repeat-x 0 0;
	border-top: 1px solid rgb(204,204,200);
	}
h2.break {margin-top: 2em; padding-top: 1.5em;  }	
h2.breaktop	 {margin-top: 0; padding-top: 1.5em; }
.prose h3.break { margin-bottom: 1em; }
.bannerbreak {
	margin: 1.5em 0;
	padding-top: 2.5em;
	background: url(../images/architecture/bookbanner2.jpg) repeat-x 0 70%;
	}	
h3.line { /*contents and newtitles*/
	border-bottom: 3px solid #af4424;
	margin: 1.5em 0;
	color: #af4424;
	}	
.feature .prose h3 { /*feature titles*/
	margin-top: 2em;
	padding-top: 2em;
	margin-bottom: 0.5em;
	background: url(../images/architecture/crosshatch.gif) repeat-x 0 0;
	border-top: 1px solid rgb(204,204,200);
	}	
/* @end */

/* @group Alter margins */
p.bigmargin { margin-bottom: 1.5em;}
.margin-top {margin-top: 1em}
.margin-bottom {margin-bottom: 1em}

/* @end */

/* @group Icons: download, video, audio */
p.icon {
	position: relative;
	width: 50px;
	margin: 0.3em 0 0 0;
	padding-bottom: 35px;
	text-align: center;
	}
p.icon img {
	position: absolute;
	left:  15px;
	bottom: 0;
	}
p.icon a {
	text-decoration: none;
	font-weight: bold;
	color: rgb(153,153,149)
	}
p.icon a:hover	{ color: rgb(102,102,98)}	
p.icon a:hover img {opacity: 1;}
p.icon a img {opacity: 0.75;}

/* @end */	

/* @group Sharethis button */
div.sharethis { float: right;}
.newsshare {
	position: relative;
	top: 0.5em;
	}
.stbuttontext{
	color: rgb(48,48,48);
	font-size: 1.16em;
	font-weight: bold;
	}
.stbutton { 
	text-decoration: none;
	margin-bottom: 1em;}	
/* @end */

/* @group Readmore */
.readmore, .readmoredark, .readmorewhite, .facebook, .twitter { 
	display: block;
	font-style: normal;
	font-size:1em
	}
.readmore a, .readmoredark a, .readmorewhite a, 
.facebook a, .twitter a { 
	text-decoration: none; 
	font-weight: bold;
	}
.readmore a, div.promo .readmore a, .sub .altbox .readmore a, .sub .post .readmore a,  
.sub .godigital .readmore a, .sub .subdiscount .readmore a {
	color: #4d4440;
	}
.readmoredark a, .amend a {color:#4d4440;}
.readmorewhite a, .facebook a, .twitter a {color: rgb(255,255,255);}
.sub .readmore a {color:rgb(255,255,255);}
.sub .readmoredark a {color:#FFFFFF;	}
.amend a {text-decoration: none;}


.readmore a:hover, .sub .altbox .readmore a:hover, 
.sub .post .readmore a:hover, .sub .godigital .readmore a:hover, .sub .subdiscount .readmore a:hover, .amend a:hover { 
	color:rgb(160,0,0); 
	}	

.readmoredark a:hover { 
	color:rgb(101,28,28); 
	}	
.sub .readmore a:hover, .sub .readmoredark a:hover  {color:rgb(255,255,255);}
.sub .readmorewhite a:hover {color:rgb(255,255,255);}
/* @end */

/* @group Continuation links */
.three { position: relative; }
.padding { padding-bottom: 2em; }	
p.continue1, p.continue2, p.continue3 {
	margin-left: 1.5em;
	margin-bottom: 0;
	position: absolute;
	bottom: 1.5em
	}
.continue1 .readmore, .continue2 .readmore, .continue3	.readmore,
.continue1 .readmoredark, .continue2 .readmoredark, .continue3	.readmoredark {
	display: inline
	}	
/* @group prev-next menu */
.padding-special { padding-bottom: 5.5em; }
.padding-special .continue1, .padding-special .continue2, .padding-special .continue3 {
	bottom: 5em
	}
.padding-special div.previous-next {
	position: absolute;
	bottom: 0;
	width: 95%;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	}
/* @end */	
/* @group atoz menus */
.paddingextra { padding-bottom: 10em; }	
.paddingextra .continue1, .paddingextra .continue2, .paddingextra .continue3 {
	bottom: 9em 
	}
div.primarycolour, div.midcolour, div.darkcolour { 
	margin-left: 1.5em;
	position: absolute;
	bottom: 1em;
	width:  220px;
	}		
.continue1, div.primarycolour {left: 0;}
.continue2, div.midcolour	{left: 33%;}
.continue3, div.darkcolour	{left: 66%;}
/* @end */
/* @end */


/* @group Previous-Next */
.previous-next {
	overflow: hidden;
	margin-bottom:1em;
	padding: 0.3em 0;
	background-color: rgb(238,238,236); 
	border-top: 1px solid rgb(204,204,200);
	border-bottom: 1px solid rgb(204,204,200);
	text-align: center;
	}
.previous-next a  { 
	display: block;
	text-transform: uppercase;
	text-decoration: none; 
	font-weight: bold;
	padding: 0 0.8em;
	}
.previous-next, .previous-next a:link, .previous-next a:visited {
		color: rgb(102,102,98);
		list-style-type: none;
		}
a.previous  { 
	float:left; 
	border-right: 3px solid rgb(204,204,200);
	}
a.next { 
	float:right; 
	border-left: 3px solid rgb(204,204,200);
	}
.previous-next a:hover { color:rgb(101,28,28);}	
a.previous:hover { border-right: 3px solid rgb(101,28,28); }
a.next:hover { border-left: 3px solid rgb(101,28,28);	}	

/* @end */

/* @group Floats */
.left {margin: 0 1.2em 0.4em 0; float:left;}
.right {margin: 0 0 0.4em 1.2em; float:right;}

.thisissue .left {margin-right: 1.5em; }
.thisissue .right {margin-left: 1.5em; }
/* @end */	

/* @group Sign up */
.subscribe_button, .signup_button {
	display: block;
	height:27px;
	float: left;
	margin: 0.5em 1em 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	}
a:hover.signup_button, a:hover.subscribe_button  {
	text-decoration: none;
	color: rgb(255,255,255)
	}

/* Theme Change */
.subscribe_button {
	background: url(../images/architecture/button_subscribe.gif) left top;
	width: 96px;
	}

/* Theme Change */
.subscribe_button:hover {
	background: url(../images/architecture/button_subscribe.gif) left bottom;
	}

/* Theme Change */
.signup_button {
    background: url(../images/architecture/button_signup.gif) left top;
	width: 86px;
	}

/* Theme Change */
.signup_button:hover {
	background: url(../images/architecture/button_signup.gif) left bottom;
	}
.sub .subscribe_button { margin-bottom: 1em;}	
	
/* @end */


	
/* @end */

.error
{
  color:#bb0000;
}

html
{
  overflow-y:scroll;
}