/* @override http://www.mslexia.co.uk/css/_cache/default.css */
/* @group Reset */

/* Remove padding and margin, list style none and borders */
*	{
	font-size:100%;
	margin:0;
	padding:0;
	list-style:none;
 	border:0;
	}

/* Remove border around linked images */
img { border: 0; }

/* Fix up IE6 PNG Support */  
img, body, div#wrapper, div#header, div#branding, div#content, div#main_content, div#sub_content, div#faux, div#footer { behavior: url(css/iepngfix.htc) }

/* @end */	

/* @group Typography */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em;  color: #993366; }
h3 { font-size: 1.6em;  color: #993366; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.25em; /* para size with no padding */}
p, blockquote { font-size: 1.25em;}
td { font-size: 1.25em; }
div#content li { font-size: 1.25em; /* excludes navigation li */}
dt { font-size: 1.5em; color: #cc6633; /* resources */}
dd { font-size: 1.25em; }

h4 {padding: 0 0 3px 0; }
h3 {padding: 0 0 0.5em 0; } 
p  {padding: 0 0 1em 0; }
blockquote  {padding: 0 2em 1em 2em; font-style: italic; }

/* @group h3 */
div#main_content h3	{
	margin-top: 1em;
	text-transform:uppercase;
	}
div#main_content h3.shorter {width: 494px}	
div#main_content h3.top { margin-top: 0;}		

/* @end */		

/*  @group list items with dots please */	
body#feature div#main_content li,	
body#info div#main_content li, 
body#shopping div#main_content li, 
body#simple div#main_content li, 
body#msbusiness div#main_content li, 
body#resources div#main_content li,
body#getpublished div#main_content li {
	margin-bottom: 0.5em; 
	list-style-type:disc; 
	list-style-position: inside; 
	}	
/* @end */	
/* @group  feature standfirsts and crossheads */		
body#feature div#main_content p.standfirst, 
body#shortfeature div#main_content p.standfirst,
body#feature div#main_content p.crosshead,
body#shortfeature div#main_content p.crosshead {
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.6; 
	font-weight: bold;
	}
/* @end */	

/* @end */

/* @group LINKS */
a { text-decoration: none; font-weight: bold}
a:link, a:visited {
	color: #303030; 
	border-bottom: 1px dotted #303030;
	}
a:hover {
	color: #000; 
	background-color: #e3e1dd;
  	border-bottom: 1px dotted #000;
	}
div#sub_content div#panel a:hover {background-color: #ffffff}	
div#business a:link, div#social a:link, 
div#business a:visited, div#social a:visited {color: #8b8272;}
div#business a:hover, div#social a:hover {
	background-color: #fff; 
	color: #000;
	}
ul.badge-extra li a:link, ul.badge-extra li a:visited {color: #8b8272;}

div#ads img a,
body#shopping table.shopmenu a, 
body#resources div#main_content div.category h5 a,
body#latest div#main_content h5 a, 
body#info div#sub_content a { border:none; }

/* @group READMORE */
a.readmore, a.exploremore, a.listingsmore {
	display: block;
	margin-top: 5px;
	padding: 1px 2px; 
	border: none;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	-webkit-box-shadow : rgba(0,0,0,.5) 0 1px 2px;
	-moz-box-shadow : rgba(0,0,0,.5) 0 1px 2px;
	box-shadow : rgba(0,0,0,.5) 0 1px 2px;
	}
a.readmore {width: 7.5em;}
a.exploremore {width: 11em;}
a.listingsmore {width: 230px;}	

a:link.readmore, a:visited.readmore, a:hover.readmore,
a:link.exploremore, a:visited.exploremore, a:hover.exploremore,
a:link.listingsmore, a:visited.listingsmore, a:hover.listingsmore {
	padding-left: 5px;
	padding-right: 5px;
	border: 0;
	}	
a:link.readmore, a:visited.readmore, 
a:link.exploremore, a:visited.exploremore,
a:link.listingsmore, a:visited.listingsmore  {background-color: #eee;} 	
a:hover.readmore, a:hover.exploremore, a:hover.listingsmore  {
	color: #fff; 
	background-color: #993366; 
	} 
div#sub_content div#panel a:link.readmore, div#sub_content div#panel a:visited.readmore, div#sub_content div#panel a:link.exploremore, div#sub_content div#panel a:visited.exploremore {
	color: #333;
	background-color: #b09bc1;
	} 		
div#sub_content div#panel a:hover.readmore, div#sub_content div#panel a:hover.exploremore {
	background-color: #fff;
	} 
body#shopping a.readmore {
	width:auto;
	display: inline;
	}
/* @end */  
/* @end */

/* @group LAYOUT */
html { background: url(../images/architecture/top-grey.gif) repeat-x;}
body {
	text-align:center; /* centers wrappers in older IE */
	padding: 0; /* side paddings determine min-width */
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	background: url(../images/architecture/base.gif) repeat-x bottom;
	color:#303030;
	}
div#wrapper {
	margin: 0 auto 0 auto; /* these side margins should be the same or slightly less than body paddings */
	position: relative;
	width: 980px;
	text-align:left;
	}
div#faux {
	float: left;
	width: 100%;
	background-image: url(../images/architecture/longline.gif);
	background-repeat: no-repeat;
	background-position: 840px 50px;
	z-index: 10
	}
div#printhead {
	height: 70px; 
	display: none; 
	}
div#content {
	float: left;
	clear: left;
	width: 810px; /* leaves 30px margin before ads column */ 
	margin-top: 40px;
	display: inline;
	}
	
div#ads { 
	width: 140px; 
	float: right; 
	margin-top: 50px;
	display: inline;
	}


/* @group HEADER */
div#header {
	position: relative;
	width: 100%;
	z-index: 100
	}

/* @group BRANDING */
div#branding { 
	position:absolute; 
	top: 55px;
	left: 0;
	width: 490px;
	height: 108px;
	}
div#branding h1  { 
	position:relative;
	width: 490px;
	height: 108px;
	}
div#branding h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/architecture/logo.gif);
	background-repeat: no-repeat;
	}
div#branding h3 { text-indent: -5000px; margin: 0; padding: 0; line-height: 0; }	
/* @end */

/* @group NAVIGATION */

/* @group ADMIN NAV */
div#adminnav {
	position: absolute;
	width: 100%;
	top: 6px;
	right:  0;
	z-index: 1;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.8em; /*IE fix on positioning */
	}
div#adminnav ul { float: right; }	
div#adminnav li { float: left;}
div#adminnav a {
	display: block;
	padding: 0 0.5em 1.5em 0.5em;
	font-size: 1.3em; 
	border-bottom: none;
	}
div#adminnav a:link, div#adminnav a:visited {color: #8b8272;}
div#adminnav a:hover {
	color: #303030;
	background: #FFF url(../images/architecture/adminjigger.gif) no-repeat 10px bottom;
}			
/* @end */


/* @group MAIN NAV */
ul#mainnav {
	width: 100%;
	float: left;
	padding: 0;
	margin-top: 180px;
	margin-right: -3px; /* IE6 fix so absolute positioned boxes don't disappear */
	height: 3em;
	line-height: 3em;
	background-color: #a29b8e;
	}
ul#mainnav li { 
	position: relative;
	float: left;
	z-index: 10;
	background-color: #a29b8e;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase
	}
ul#mainnav li#submit {width: 9em;}	
ul#mainnav li#subscribe {width: 12em;}	
ul#mainnav li#shop {width: 7.5em;}	
ul#mainnav li#magazine {width: 11.5em;}
ul#mainnav li#publish {width: 15em;}
ul#mainnav li#resources {width: 12em;}
ul#mainnav li#writinglink {width: 10em;}
ul#mainnav li#reslink {width: 13em;}
ul#mainnav li#whatson {width: 8.3em;}
ul#mainnav li#blog {width: 7em;}			
	
ul#mainnav li a {padding-left: 1em}	
ul#mainnav a {
	display: block;
	font-size: 1.3em;
	letter-spacing: 1px;
	background: url(../images/architecture/dot.gif) no-repeat right 50%;
	border-bottom: none;
	}	
ul#mainnav a:link, ul#mainnav a:visited {color: #FFF}
ul#mainnav a:hover {color:#993366;} 	

 /* mainnav second-level lists */	
ul#mainnav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 1em;
	padding-top: 1.5em;
	padding-bottom: 0.8em;
	border-bottom: 5px solid #8b8272;
	background: #993366 url(../images/architecture/jigger.gif) no-repeat 10% 0;
	}	
	
ul#mainnav li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	} 	
	
ul#mainnav li:hover ul, ul#mainnav li.over ul { display: block; }		
ul#mainnav li ul li { background-color: #993366;  }
ul#mainnav li ul#mag, ul#mainnav li ul#mag li {width: 15em} 
ul#mainnav li ul#pub, ul#mainnav li ul#pub li {width: 17em} 
ul#mainnav li ul#writelink, ul#mainnav li ul#writelink li {width: 17em} 
ul#mainnav li ul#nuts, ul#mainnav li ul#nuts li {width: 20em}  
ul#mainnav li ul#news, ul#mainnav li ul#news li {width: 18.5em}   
ul#mainnav li ul#shoplinks, ul#mainnav li ul#shoplinks li {width: 16em}   
  
ul#mainnav li ul a {
	line-height: 2em;
	margin-top: 0;
	text-transform: none;
	letter-spacing: normal;
	background: none;
	padding: 0 1em;
	}	
ul#mainnav li ul a:hover { background-color: #fff;}		
ul#mainnav .last a {background: none}
ul#mainnav li.first {margin-left: 15px}
/* @end */

/* @end */

/* @group SEARCH */


/* =Searchbox form
-----------------------------------------------------------------------------*/
form#cse-search-box {
	padding: 0; 
	margin: 0; 
	text-align: right;
	position: absolute;
	width: 300px;
	top:  136px;
	right: 0;
	z-index: 20
	}
form#cse-search-box input {
	font-size: 1.3em;
	font-weight: normal;
	width: 156px;
	padding: 0 2px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #8b8272;
	margin:	0;
	color: #8b8272;
	outline: none;
	}		
form#cse-search-box input.button {
 	width: 30px;
 	height: 28px;
 	background-color: #8b8272;
	color: #fff;
	}
form#cse-search-box input.button:hover { 
	background-color: #ccc; 
	border-color: #999; 
	color: #333;
	}
/* =SEARCH LANDING PAGE*/	
body#search div#content { width: 100%;}
body#search div#main_content { float: left; width: 100%;}
body#search div#faux { background-image: none; }	

/* @end */	


/* @end */

/* @group SOCIAL NETWORK LINKS */

div#social { 
	position:absolute; 
	top: 70px;
	right: 0;
	width: 300px;
	color: #8b8272;
	font-weight: bold;
	}
div#social ul { float: right; }	
div#social li { 
	float: left;  
	text-align: center;
	}
div#social li p { font-size: 1.25em;}
div#social a {
	display: block;
	padding: 0 0 0 1em;
	border-bottom: none;
	line-height: 32px;
	font-weight: normal
	}
div#social a img { 
	vertical-align:middle;
	margin-right: 5px; 
	}
/* @end */	
/* @end */

/* @group ADS */
div#ads img {margin: 0 0 1.5em 0; float: right; }
div#ads img a { background-color:#fff; }
div.setads {
	width: 118px;
	margin: 0 0 1.5em 0;
	float: right;
	border: 1px solid #CCC;
	display: inline; /* double margin float bug */ 
	}
	
div.setads p { font-size: 1.2em; padding: 0 5px 10px 5px; line-height: 135% }
div.setads h4 { font-size: 1.4em; padding: 5px 5px 0 5px; line-height: 135%}	
/* old msbanner ads */
ul#msbanners {
	margin: 0; 
	float: right; 
	display: inline; /* double margin float bug */ 
	}
	
ul#msbanners li {margin-bottom: 1.5em;}
ul#msbanners li a {display: block; width: 118px;}
ul#msbanners li a:link, ul#msbanners li a:visited {border: solid 1px #ccc;}
ul#msbanners li a:hover {border: solid 1px #8b8272;}
ul#msbanners li img {margin: 0; float: none;}

div.housebanner, div.paidbanner {
	height: 90px;
	width: 100%;
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
div.paidbanner img { margin: 0 auto; }
div.housebanner a {
     display: block;
     width: 728px;
     height: 90px;
     padding: 0;
     margin: 0 auto;
     border: none;
     background:#eee url(../images/ads/leaderboard/homeleader.gif) 0 0 no-repeat;
}
body#submit div.housebanner a {background: url(../images/ads/leaderboard/submitleader.gif)}
body#subscribe div.housebanner a {background: url(../images/ads/leaderboard/subscribeleader.gif)}
body#shop div.housebanner a {background: url(../images/ads/leaderboard/shopleader.gif)}
body#magazine div.housebanner a {background: url(../images/ads/leaderboard/magazineleader.gif)}
body#getpublished div.housebanner a {background: url(../images/ads/leaderboard/publishedleader.gif)}
body#writing div.housebanner a {background: url(../images/ads/leaderboard/writingleader.gif)}
body#resources div.housebanner a {background: url(../images/ads/leaderboard/resourcesleader.gif)}
body#latest div.housebanner a {background: url(../images/ads/leaderboard/whatsonleader.gif);}

/*css sprite*/
/*div.housebanner a:link, div.housebanner a:visited{ background-postion: 0 0;}
div.housebanner a:hover {background-postion: -728px 0 no-repeat;}*/

/* @end */	

/* @group MAIN CONTENT */
div#main_content {
	float: right;
	width: 534px;
	margin: 0 0 20px 0;
	display: inline;
	}
div#main_content h2.title  { 
	position:relative;
	width: 400px;
	height: 50px;
	padding: 0;
	margin: 0 0 0.5em 0;
	z-index:2;
	font-size: 1.5em;
	color:#303030;
	}
div#main_content h2.title span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index:2
	}
	
body#latest div#main_content h2.title, body#resources div#main_content h2.title {
	margin-bottom: 0;
}
	
/* @end */	

/* @group SUB CONTENT */
div#sub_content {
	float: left;
	width: 246px;
	margin: 0 0 20px 0;
	display: inline;
	}	
div#sub_content img { border-bottom: 3px solid #999; }
body#latest div#sub_content img,
body#msbusiness div#sub_content img { border-bottom: 3px solid #8b8272; }
	
body#books div#sub_content img, 
body#outnow div#sub_content img
body#home div#sub_content img, 
body#info div#sub_content img,
body#shopping div#sub_content img {border-bottom: none}	
/* @end */
/* @group BUSINESS */
#business {
	width: 77%;
	margin: 3em 0 4em 15px;
	padding-top: 40px;
	background-image: url(../images/architecture/businessline.gif);
	background-repeat: repeat-x;
	position: relative
	}
#business h2 {
	font-size: 1.2em;
	float: left;
	margin: 0 1em 0 0;
	line-height: 32px;
	color: #808080;
	}
#business a { border:  none; }
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 2px 0 0;
    padding: 0;
	}
.addthis_toolbox .custom_images a:hover img {opacity: 1;}
.addthis_toolbox .custom_images a img {opacity: 0.75;}
.addthis_toolbox { font-size: 1.3em; }

/* @group text size */

div.textsize {
	position:absolute; 
	top: 40px;
	right: 0;
	width: 27em;
	height: 4em;
	line-height: 32px;
	text-align: right;	
	}
div.textsize ul {
	float: right; 
	line-height: 32px;
	}
div.textsize li, div.access li { float: left; }
div.textsize li a, div.access li a {
	display: block;
	width:  32px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 0 0;
	border-bottom: none;
	background: url(../images/socialicons/textsize.gif) no-repeat;
	text-align: center;	
	}
div.access li a	{ margin: 0 1em 0 0;}
div.textsize a.letter1, div.access a.letter1 {font-size: 1.4em}
div.textsize a.letter2, div.access a.letter2 {font-size: 1.8em}
div.textsize a.letter3, div.textsize a.letter0,
div.access a.letter3, div.access a.letter0 {font-size: 2.2em}	

/*div.access = on access page*/
div.access { margin-bottom: 10px;}
body#simple div#main_content div.access li  { list-style-type: none; }

/* @end */

/* @end */


/* @group FOOTER */
div#footer {
	position: relative;
	width: 100%; 
	height: 285px;
	clear: left; 
	}
div#footer p {color: #000}	
ul#footernav li { float: left;	}	
ul#footernav a {
	border-bottom: none;
	font-weight: normal;
	background-color: transparent
	}
ul#footernav a:link, ul#footernav a:visited {color: #000;}
ul#footernav a:hover {color: #8b8272;}

ul#footernav li a {
	display: block;
	padding: 0 0.5em 0 0.5em;
	font-size: 1.3em; 
	background-image: url(../images/architecture/divider_admin.gif);
	background-repeat: no-repeat;
	background-position: right 50%
	}
ul#footernav .last a { background-image: none} 
ul#footernav li.first {margin-left: 15px}
ul#footernav li.first a {padding-left: 0}

div#footer p {font-size: 1.1em;}	

div#end {
	position: absolute;
	left: 15px;
	top: 60px;
	}
div#end p a:hover {
	color:#000; 
	background-color: transparent; 
	border-bottom-color: #000
	}	

div#copyright {
	position: absolute;
	right: 15px;
	top: 60px;
	}

div#copyright a { border-bottom: none;}




/* @end */

/* @group ACCESSIBILITY */
/* skipnav */
#skipnav
	{ position:absolute;
	margin-left: -1000px;
	}

#skipnav a:focus, #skipnav a:active 
	{
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}	

/* @end */

/* @group PAGE DESIGN */

/* @group DIV PANEL & DIV THEME */
div#panel, div#theme, div.current { padding-bottom: 2em; }
div#panel p, div#panel h3, div#panel h4, div#panel form, div#panel ul,
div#theme p, div#theme h2, div#theme h3, div#theme h4, div#theme form,
div#sub_content .listingbadge ul, div#sub_content .listingbadge h3, 
div#sub_content .listingbadge h4, div#sub_content .listingbadge p { 
	padding-left: 10px; 
	padding-right: 10px; 
	}	
div#theme h3.top, div#panel h3.top,
div#theme h2.top, div#panel h2.top,
div#panel h3.paneltop { padding-top: 1em; }		

div#theme form, div#panel form { padding-top: 0 }
div#panel h3, div#theme h3 {
	padding-top: 5px; 
	padding-bottom: 0; 
	}	

/* @group panel */
div#panel img { padding-bottom: 1em; }	
div#panel h3 { text-transform: uppercase; }
div#panel ul { padding-bottom: 5px; }
div#panel p.panelfloat {
	float: left; 
	margin-top: 15px; 
	margin-bottom: 0; 
	padding-bottom: 0; 
	}
div#panel p.panelfloat img {
	border: 3px solid #8b8272; 
	padding-bottom: 0;
	}

/* @end */	

/* @group theme */
div#theme h2, div#panel h2 { padding-top: 0.5em; }	
div#theme h4, div#panel h4 { padding-top: 1em; }
div#theme ul { padding-bottom: 1em; }	
div#theme h2 { 
	padding-top: 1em; 
	padding-bottom: 0; 
	text-transform: uppercase;
	font-size: 1.6em; 
	}
/* @end */	
	
/* @group panel specific pages */
body#shopping div#panel{ padding-bottom: 0; }

body#info div#panel ul { padding-top: 10px; }
body#resources div#panel h5 { padding: 0 10px; }
body#getpublished div#panel h4 { padding-top: 0 }
body#contents div#panel li, body#latest div#panel li {font-weight: bold}

body#latest div#panel p img {
	float: left; 
	padding-top: 10px; 
	margin-right: 10px;
	}
body#info div#panel, body#shopping div#panel, body#resources div#panel, body#home div.current { 
	background: #e3e1dd; 
	}
body#info div#panel h3,
body#info div#panel p, 
body#info div#panel h4, 
body#info div#panel h5,
body#info div#panel li,
body#shopping div#panel h3,
body#shopping div#panel p, 
body#shopping div#panel h4, 
body#shopping div#panel h5,
body#shopping div#panel li {
	color: #303030
	}

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

/* @group PDF MENU */
div.box-outer {
	margin: 1em 0 2em 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
	background-color: #fff;
	}
#getpublished div#sub_content div.box-outer	{ margin: 0 10px 10px 10px;}
div.box-inner {
	margin:  0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	background-color: #e3e1dd;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
	background-image : 
	-moz-linear-gradient (linear, 0% 0%, 0% 100%, from(#cccccc), to(#e3e1dd), color-stop(.6,#e3e1dd));
	background-image : 
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e3e1dd), color-stop(.6,#e3e1dd));
	}	
div.box-inner a, div.box-inner a:hover {
	background: transparent; 	
	}
div.box-inner a, div.box-inner a:hover {
	border: none;	
	}
div.box-inner img, 
body#getpublished div#sub_content div.box-inner img {
	padding: 7px 10px 0 10px;
	border: none
	}
div.box-inner p {padding: 0 10px 1em 70px}	
body#getpublished div#sub_content div.box-inner p {padding: 10px 10px 5px 10px}
div.box-inner h2 {padding: 10px 10px 0 70px}		
div#main_content div.box-inner h2 span.highlight1 {
	position: static;
	background: none;
	text-transform: uppercase;
	font-size: 70%;
	color:  #000;
	}
div.box-inner img {float: left;}
div.box-inner img.floatright {float: right;}
p.download, p.downloadfree { text-transform: uppercase; }
p.download a, p.downloadfree a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	}
p.download a {
	width:  150px;
	background: url(../images/shop/download.png) no-repeat 0 0;
	}
p.downloadfree a {
	width:  250px;
	background: url(../images/shop/downloadfree.png) no-repeat 0 0;
	}
p.download a:hover {
	background: url(../images/shop/download.png) no-repeat -150px 0;
	}
p.downloadfree a:hover {
	background: url(../images/shop/downloadfree.png) no-repeat -250px 0;}

/* @end */

/* @group listingbadge */
div.listingbadge {
	margin: 1.5em 0;
	background: url(../images/architecture/bg_col.gif) repeat; 
	padding: 1em 0 1.5em 0;
	border: 1px solid #999;
	}
div#main_content div.listingbadge {
	background: none;
	border-width: 0;
	margin-top: 0;
	}
div#main_content div.listingbadge h3 {
	padding: 0.3em 0.5em; 
	margin: 1em 0;
	background-color: #996699;
	color: #fff;
	}	
body#latest div#sub_content div.listingbadge h3 {
	color: #996699
	}	
div#main_content ul.badge-extra {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	border-bottom: 3px solid #b09bc1;
	} 
div#main_content ul.badge-extra li { 
	margin-bottom: 0.3em;
	color: #666;
	}	
div#sub_content ul.badge-extra li {
	margin-bottom: 0.5em;
	padding: 0 3px;
	background-color: #fff;
	}
div#sub_content ul.badge-extra li a {
	border-bottom: 0;
	}
ul.badge-extra li a:link, ul.badge-extra li a:visited {
	color: #666;
	}
/* @end */

/* @group HOME PAGE */
/* @group news */
.firstnews { margin-bottom: 2em; }
.homenews {
	border-top: 1px dashed #CC6633;
	padding-top: 2em;
	margin: 1em 0 1.5em 0;
	position: relative;
	overflow: hidden;
	}
div#main_content .homenews h3, div#main_content .firstnews h3	{
	padding: 0;
	margin: 0;
	border: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	color: #cc6633
	}
div#main_content .homenews 	h4, div#main_content .homenews 	h3,
div#main_content .homenews 	p { 
	margin-left: 125px;
	}
div#main_content .homenews h4, 
div#main_content .firstnews h4 {
	color: #993366
	}	
.homenews img {
	position: absolute;
	top:  2.5em;
	left: 0;
	border: 3px solid #ccc;
	}		
/* @end */

/* @group win */
.win {margin: 3em 0 1em 0;}
div#main_content .win h3 { 
	border: none; 
	padding: 0.3em 0.5em; 
	margin: 1em 0;
	background-color: #cc6633;
	color: #fff
	}
/* @end */

/* @group twitterbadge */
#twitter-box {
	width: 95%;
	margin-top: 2em;
	padding: 1em 0;
	border: 1px solid #CCC;
	background: url(../images/architecture/twitter.png) no-repeat 90% 1em;
	}
div#sub_content #twitter-box h2 {
	color: #333;
	text-transform: none;
	}
div#sub_content #twitter-box p, div#sub_content #twitter-box h2 {
	padding: 0 10px;
	}	
#twitter-box a, #twitter-box a:hover {border: none; color: #0084b4; font-weight: normal}
#twitter-box a:hover {background-color: #e3e1dd}
#twitter-updates { 
	padding: 0 1em 1em;
	margin: 0; 
	overflow: hidden;
	color: #000;
	 }	
#twitter-updates li {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #999
	}
#twitter-updates a, #twitter-updates a:hover {
		border: none; 
		color: #0084b4;
		font-weight: normal
		}
a#twitter-link {
	display: block;
	font-size: 1.2em;
	line-height: 35px;
	padding-left: 40px;
	background: url(../images/architecture/twitter_small.png) no-repeat 10px 5px;
	color:  #303030;
	}
a:hover#twitter-link { color:  #0084b4;}

/* @end */

/* @group sub column */
body#home div#sub_content p {color: #444}
body#home div.current {
	padding: 0 0 1px 0; 
	margin-bottom: 3em;
	}
div.current p, div.current h2 { padding: 0 10px; }
body#home div.current h2, body#home div.current h3 { color: #000; }
body#home div.current h4 { color: #993366 } 
body#home div#sub_content div.current img {
	border-top: 3px solid #fff; 
	border-bottom: 3px solid #fff;
	}
body#home div#sub_content div.current div.top img {
	border-top: 0px solid #fff
}	
body#home div.current div.quote p.serif {
	font: 1.55em Georgia, "Times New Roman", serif; 
	line-height: 1.4;
	font-weight: normal;
	padding: 1em 10px 0.5em 10px;
	clear: both 
	}
div.quote { margin: 0 0 2em 0; }	
div.quote p {font-weight: bold;}
body#home div.current div.quote p.serif { color: #000; }

/* @end */

/* @group poll */
#poll {
	width: 100%;
	padding: 10px 0 1em 0;
	margin: 2em 0;
	background-color: #000;
	background-image: url(../images/home/poll.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}		

body#home div#main_content #poll h2  {margin: 0 10px 0 10px; color: #fff;}	
body#home div#main_content #poll p	{padding: 0 140px 10px 10px; color: #fff; font-weight: bold; }	

#poll a:link, #poll a:visited {
	background-color: #ff0000; 
	color: #fff;
	padding: 2px 4px;
	text-transform: uppercase;
	border: dashed 1px #fff;
	}	
#poll a:hover {
	background-color: #fff; 
	color: #000;
	border: dashed 1px #000;
	}
/* @end */

/* @group links list */
div.linkslist {padding-bottom: 2em;}
div.linkslist h3 {
	padding: 85px 0 0 0;
	margin: 0;
	text-indent: -9999px;
	background: url(../images/home/listingsbadge.gif) no-repeat;
	}
p.links {
	background-color: #b09bc1;
	padding: 0.5em;
	margin-bottom: 2em;
	-webkit-box-shadow : rgba(0,0,0,.5) 0 2px 4px;
	-moz-box-shadow : rgba(0,0,0,.5) 0 2px 4px;
	box-shadow : rgba(0,0,0,.5) 0 2px 4px;
	}	
/* @end */	
	


/* @end */	

/* @group SHARED FEATURES  */
/*  Serif font for magazine features */	
body#books div#main_content p,
body#outnow div#main_content p, 
body#writing div#main_content p, 
body#interview div#main_content p, 
body#words div#main_content p, 
body#feature div#main_content p,
body#feature div#main_content li,  
body#shortfeature div#main_content p {
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 1.4em;
	line-height: 1.7;
	}	
	
/*  Style biog on magazine pages */		
div#main_content p.biog, 
body#writing div#main_content p.biog,
body#interview div#main_content p.biog, 
body#words div#main_content p.biog, 
body#feature div#main_content p.biog,
body#shortfeature div#main_content p.biog { 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6;
	margin: 1em 0;
	color: #8b8272;
	}
	
/*  Style end on magazine pages */	
div#main_content p.end {
	color: #993366; 
	font-weight: bold;
	padding-top: 1em;
	border-top: solid 1px #ccc;	
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
body#books div#main_content p.end,
body#outnow div#main_content p.end, 
body#writing div#main_content p.end, 
body#interview div#main_content p.end, 
body#words div#main_content p.end, 
body#feature div#main_content p.end,
body#shortfeature div#main_content p.end {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}	
	
	
/* @end */

/* @group CONTENTS */
body#contents div#main_content h4 {
	color: #cc6633
	}
body#contents div#panel { background-color: #d060a1}
body#contents div#panel p,
body#contents div#panel h4, 
body#contents div#panel h5 {
	color: #000
}
body#contents div#panel li {
	color: #000;
	display: inline;
	padding-left: 15px;
	background-image: url(../images/architecture/content_linkbg.gif);
	background-repeat: no-repeat;
	background-position: 20% 0;
	}
body#contents div#panel li.date {
	background-image: none; 
	padding: 0 10px 0 0
	}
body#contents div#panel h3 {color: #fff}

/* @group contents links */
body#contents div#panel a:link, 
body#contents div#panel a:visited {color: #fff; border-bottom-color: #fff}
body#contents div#panel a:hover {color: #000; border-color: #eee;}
/* @end */
/* @end */	

/* @group BOOKS */
body#books div#main_content p.reviewtitle { 
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.6;
	}
body#books div#main_content p.reviewby {
	text-align: right; 
	font-style:italic; 
	color: #8b8272
	}
/* @group bedside table */
div#table { 
	border-right: 1px dashed #d060a1;
	margin-bottom: 3em;
	}
div#table img { margin-bottom: 2em; }
body#books div#table h2	{
	color: #303030;
	text-transform: uppercase
	}
body#books div#table h3.title  { 
	position:relative;
	width: 244px;
	height: 50px;
	padding: 0;
	margin: 0;
	z-index:2;
	font-size: 1.5em;
	color:#993366;
	}
body#books div#table h3.title span {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:2;
	background: url(../images/architecture/besidetable-title.gif) no-repeat;
	}
body#books div#table p, body#outnow div#table p { padding-right: 10px; }
body#books div#table h4, body#outnow div#table h4	{ color: #666; }	

ul.infull {
	border-top: 7px solid #d060a1;
	border-bottom: 7px solid #d060a1;
	padding: 1em 0 2.5em 0;
	margin-top: 2em;
	margin-right: 10px;
	}
body#books ul.infull h4 { 
	font-size: 1.2em;
	margin-bottom: 0.5em; 
	}		
ul.infull li a { 
	display: block;
	background-color: #993366;
	margin: 0;
	padding: 5px 0.5em
	}
ul.infull li a:link, ul.infull li a:visited {
	color: #fff;
	border-bottom-color: #fff;
	}	
ul.infull li a:hover { 
	background-color: #d060a1;
	color:#303030;
	}
/* @end */	

/* @group reader's choice */
body#books p.readerbiog {
	padding-top: 1em; 
	border-top: solid 1px #ccc; 
	}
body#books div#choice {
	border-right: solid 1px #ccc; 
	margin-top: 1em; 
	}
body#books div#choice p, body#books div#choice h5 {
	margin: 0; 
	padding-right:15px; 
	}
body#books div#choice p	{ color: #cc6633 }

/* @end */

/* @end */

/* @group WRITING */
body#writing div#main_content h2,
body#writing div.writingtitle h5, 
body#words div.writingtitle h5,
body#writing div#main_content p.end,
body#words div#main_content p.end {
	color: #7d9cae	
	}

	
body#writing div#main_content h3 {
	color: #8b8272	
}	
body#writing div#main_content img {
	float: left; 
	margin: 5px 10px 0 0; 
	border: 3px solid #999; 
	}

/* @group workshops */
body#writing div#main_content div.collection img {
	float: none;	
	margin: 0 0 3em 0
	}
body#writing div.submitnw, body#writing div.workshopnw  {
	margin-bottom: 3em;
	border: 1px dashed #7d9cae;
	padding: 1em
	}
body#writing div#main_content a.submit {
	font-size: 2em;
	border: none;
	}
body#writing div.submitnw h3, 
body#writing div.workshopnw h3,
body#writing div.collection h4  { 
	text-transform: uppercase;
	}
body#writing div.workshopnw ul {margin-bottom: 1em}
body#writing div.workshopnw li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 5px;
	}
body#writing div#main_content div.submitnw p, 
body#writing div#main_content div.workshopnw p {
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6;
	}
/* @end */

/* @group theme */
body#writing div#theme { background-color: #7d9cae }
body#writing div#theme h2 { color: #fff }		
body#writing div#theme p, 
body#writing div#theme h3,
body#writing div#theme h4, 
body#writing div#theme h5 {
	color: #000
	}

/* @end */

/* @group writing links */
body#writing div#theme a:link, 
body#writing div#theme a:visited {
	color: #000; 
	border-bottom-color: #000;
	} 
body#writing div#theme a:hover { color: #000; } 	
body#writing div#theme a:hover, body#writing div#main_content a:hover { border-bottom-color: #000;} 	
body#writing div#main_content a.submit { color: #7d9cae; }
/* @end */	

/* @end */

/* @group WORDS */
body#words div#about { 
	margin: 3em 0; 
	padding: 2em 0 1em 0;
	background-color: #8B8272
	}
body#words div#main_content div#about h2, 
body#words div#main_content div#about h5 {
	padding-left: 20px;
	}
body#words div#main_content div#about h2 {
	color: #fff
	}
body#words div#main_content  div#about img {
	padding-left: 20px; 
	float: left; 
	margin: 5px 10px 0 0
	}
body#words div#main_content div#about p {
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6;
	padding-left: 20px; 
	padding-right: 20px;
	color: #000;
	}
body#words div.writingtitle {
	margin-bottom: 1em
	}
body#words div.writingtitle h3 {
	padding: 0;
	color: #000;
	}	
/* @end */

/* @group INTERVIEW, WORDS, SHORTFEATURE */
/* set content in the middle */	
body#interview div#main_content, 
body#words div#main_content, 
body#shortfeature div#main_content { 
	width: 100%; 
	position: relative
	}
body#interview div#main_content p, 
body#interview div#main_content h2, 
body#interview div#main_content h3, 
body#interview div#main_content h4,
body#interview div#main_content h5,
body#interview div#main_content ul, 
body#words div#main_content p, 
body#words div#main_content h2, 
body#words div#main_content h4, 
body#words div.writingtitle, 
body#shortfeature div#main_content p, 
body#shortfeature div#main_content h2,
body#shortfeature div#main_content h3,
body#shortfeature div#main_content h4,
body#shortfeature div#main_content h5,
body#shortfeature div#main_content ul,
body#shortfeature div#main_content img { 
	padding-left: 180px; 
	padding-right: 50px;
	}	

body#interview div#main_content h5,
body#shortfeature div#main_content h5 { 
	padding-bottom: 1em; 
	font-weight: normal
	}

/* @group issue number styles */
div#main_content div#issuenumber   {
	position: absolute;
	width: 150px;
	top: 0;
	left: 0;
	border-top: dashed 1px #999;
	border-right: dashed 1px #999;
	padding: 10px 0 0 0;
	z-index: 100;
	}
div#main_content div#issuenumber p  {
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.4;
	padding: 0 10px 1em 0;
	text-align: right;
	}
body#shortfeature div#main_content div#issuenumber p {
	color: #8b8272
	}
div#main_content div#issuenumber a {
	border: none;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: right 70%;	
	padding: 0 15px 0 0;
	}	
div#main_content div#issuenumber a:link, 
div#main_content div#issuenumber a:visited {
	color: #000;
	background-image: url(../images/architecture/raquo.gif);
	}	
	
div#main_content div#issuenumber a:hover {
	color: #8b8272;
	background-color: #fff;
	background-image: url(../images/architecture/raquo_over.gif);
	}

/* @end */	
	
		

/* @end */	

/* @group INTERVIEW */
body#interview div#main_content img	{float:right; margin: 0 0 10px 10px;  }
body#interview div#memory {
	padding: 3em 0 2em 35px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-image: url(../images/architecture/downarrows.gif);
	background-repeat: no-repeat;
	background-position: left 3em;
	margin: 3em 0 4em 0;
	}
body#interview div#main_content div#memory p {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6;
	padding-left: 0;	
	}
body#interview div#main_content div#memory h4 {
	padding: 0; 
	margin-bottom: 0;
	}
body#interview div#main_content ul { 
	padding-top: 1em; 
	margin-bottom: 2em; 
	}
body#interview div#main_content  ul li {
	margin-bottom: 0.5em;
	background-image: url(../images/architecture/raquo.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 15px;
	}	
/* @end */	

/* @group FEATURE, SHORTFEATURE */
body#shortfeature div#main_content h3,
body#feature div#main_content h3 {
	color: #303030
}
body#feature div#main_content p.crosshead { 
	padding: 5px 0 0 0;
	color: #000
	}
body#shortfeature div#main_content p.crosshead { 
	padding: 5px 150px 0 180px;
	color: #000
	}		
body#feature div#main_content ul, 
body#shortfeature div#main_content ul {
	padding-bottom: 1em;
	}	
body#feature div#sub_content p, 
body#feature div#sub_content ul, 
body#feature div#sub_content h3, 
body#feature div#sub_content h4,
body#feature div#sub_content h5 {
	padding-left: 10px; 
	border-left: solid 1px #ccc;
	color: #000
	}
body#feature div#sub_content h5 {
	padding-top: 0.5em; 
	font-weight: normal;
	color: #8b8272;
	}
body#feature div#sub_content ul {
	padding-bottom: 1em; 
	border-bottom: solid 1px #ccc; 
	margin-bottom: 2em;
	}	
body#feature div#sub_content h3 {margin-top: 2em;}	
body#feature div#sub_content li {margin-bottom: 1em;}	
body#shortfeature div#main_content img {margin-bottom: 1em;}

body#feature div#main_content h2, 
body#shortfeature div#main_content h2, 
body#feature div#main_content p.standfirst, 
body#shortfeature div#main_content p.standfirst { 
	color: #CC6633;
	}
	

/* @end */

/* @group INFO */
body#info div#main_content {float: left; }	
body#info div#sub_content {float: right;}
body#info div#main_content .serif {
	font: 1.5em Georgia, "Times New Roman", serif; 
	line-height: 1.3;
	font-weight: normal;
	color: #993366;
	}
body#info div#main_content h3 {
	padding-top: 0.5em;
	border-top: 1px dashed #993366;
	}
body#info div#main_content ul {
	color: #cc6633;
	padding-bottom: 1em;
	}
body#info div#sub_content li { 
	margin-bottom: 1em; 
	font-weight: bold
	}
body#info div#sub_content p {
	color: #000;
}	
body#info div#sub_content p img {
	float: left; 
	padding-top: 10px; 
	margin-right: 10px;
	}	
body#info div.onepayment {width: 20em}
body#info div.onepayment form {float: right;}

/* @group info panel links */
body#info div#sub_content div#panel a:link,
body#info div#sub_content div#panel a:visited { 
	color: #000; 
	border-bottom: 1px dotted #000;
	}
body#info div#sub_content a:hover {background-color: #fff}	
body#info div#sub_content div#panel a:hover {
	color: #cc6633; 
	background-color: transparent;
	border-bottom-color: #cc6633;
	}
	

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

/* @group SHOP */
body#shopping div#main_content {float: left;}
body#shopping div#main_content h3 {
	padding-top: 0.5em;
	border-top: 1px dashed #993366;
	}
body#shopping div#sub_content {float: right;}	
body#shopping div#panel p, 
body#shopping div#panel ul { padding-bottom: 15px;}	
body#shopping div#panel li {
	nargin-bottom: 0.5em; 
	list-style-type:disc; 
	list-style-position: inside; 
	}	

/* @group shop navigation */
body#shopping div#panel ul#shopnav {
	margin: 0;
	padding: 0;
	border-top: 8px solid #ccc;
	border-bottom: 7px solid #ccc;
	}
body#shopping div#panel ul#shopnav li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	list-style-type: none;
	}
body#shopping div#panel ul#shopnav li a {
	display: block;
	padding: 7px 10px;
	border-bottom-style: none;
	}
html>body body#shopping div#panel ul#shopnav li a { width: auto }
/* @end */

/* @group single issues */
div.issue {
	width: 100%; 
	margin: 30px 0 10px 0; 
	clear:left;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
	}
body#shopping div#main_content ul.shopmenu li {
	float: left;
	list-style-type: none;
	background-color: #eee;
	padding: 5px 10px 5px 10px;
	text-align: center
	}
div.issue ul.shopmenu img {
	float: none; 
	margin: 0;
	padding: 0
	}	
div.issue.top {margin-top: 0}	
div.issue img {
	float: left; 
	margin: 0 10px 20px 0
	}	
body#shopping .singleissues {margin-bottom: 30px}
body#shopping .singleissues img {float: left; margin-right: 10px; }

/* @end */

/* @group single payments */
body#shopping div.onepayment {width: 40em}
body#shopping div.onepayment form {float: right;}
div.divideline {
	width: 100%; 
	height: 2em; 
	border-top: solid 1px #ccc; 
	margin-top: 1em; 
	clear:left
	}

/* @end */

/* @group stockists */
body#shopping div#main_content ul#locate { margin-bottom: 1em; }
body#shopping div#main_content ul#locate li {
	list-style-image: none;
	display:inline;
	margin-right: 10px;
	line-height: 180%
	}
/* @end */

/* @group shop links */
body#shopping div#panel li a:link,
body#shopping div#panel li a:visited {
	background-color: #666; 
	color: #fff
	}
body#shopping div#panel li a:hover,
body#shopping div#panel.shop li#navshop a,
body#shopping div#panel.sub li#navsub a,
body#shopping div#panel.dig li#navdig a,
body#shopping div#panel.gift li#navgift a,
body#shopping div#panel.renew li#navrenew a,
body#shopping div#panel.diary li#navdiary a,
body#shopping div#panel.comp li#navcomp a,
body#shopping div#panel.single li#navsingle a,
body#shopping div#panel.back li#navback a,
body#shopping div#panel.stock li#navstock a,
body#shopping div#panel.goodies li#navgoodies a {
	background-color: #993366;
	color: #fff;
	}
	
/* goodies */	
div.box-inner h2 a:link  { color: #000 }
div.box-inner h2 a:visited { color: #8b8272 }
div.box-inner h2 a:hover { color:  #993366; }	
p.download a, p.downloadfree a {color: #fff}

/* stockists */	
body#shopping ul#locate a:link, body#shopping ul#locate a:visited {
	color: #000; 
	background-color: #e3e1dd;
  	border-bottom: none
	}
body#shopping ul#locate a:hover {
	color: #993366; 
	border-bottom: none
	}
/* @end */
	
/* @end */

/* @group SIMPLE PAGES */
body#simple div#main_content { float: left; width: 80%;}
body#simple div#main_content h3 {
	padding-top: 0.5em;
	border-top: 1px dashed #993366;
	}

/* @end */

/* @group LATEST, MSBUSINESS, LISTINGS */
body#latest div#main_content h3 {
	padding: 0.3em 0.5em; 
	margin: 1em 0;
	background-color: #996699;
	color: #fff;
	}
body#latest div#main_content h5 {float:right; margin: 1em 0; }	
body#latest div#main_content img {
	float:right; 
	margin-left: 10px;
	border: 3px solid #CCC
	}
body#latest div#sub_content h3 {
	color: #b09bc1
	}	
body#latest div#panel, body#msbusiness div#panel { 
	background-color: #303030
	}
body#latest div#panel p, body#latest div#panel h4, body#latest div#panel h5,
body#latest div#panel li, body#latest div#panel h3.paneltop, 
body#msbusiness div#panel h3.paneltop {
	color: #fff
	}		
body#latest div#main_content .serif, 
body#msbusiness div#main_content .serif {
	font: 1.5em Georgia, "Times New Roman", serif; 
	line-height: 1.3;
	font-weight: normal;
	color: #303030
	}
body#msbusiness div#main_content {
	float: left; 
	width: 100%;
	}	
body#msbusiness div#main_content h3,
body#msbusiness div#sub_content h3 {
	color: #996699
	}

/* @group LISTINGS */
body#listings div#main_content {
	float: left; 
	width: 100%;
	}
div#main_content div.listing {
	background-color: #e3e1dd;
	padding: 1.5em 0 1em 0;
	margin-bottom: 4em;
	border-left:4px solid #996699;
	}
div#main_content div.listing h1 {
	font-size: 2em; 
	padding: 0 15px 5px 15px;
	color: #996699;
	}
div#main_content div.listing h2 {
	font-size: 1.4em; 
	text-transform:uppercase; 
	float: right; 
	display: inline;
	color: #fff;
	background-color: #cc6633;
	padding: 0 3px;
	margin-right: 15px; 
	}
body#listings div#main_content div.listing h3 {
	font-size: 1.4em; 
	padding: 10px 15px 0 15px;
	color:#8b8272; 
	}	
div#main_content div.listing h4 {
	font-size: 1.4em; 
	font-weight: normal; 
	padding: 0 15px;
	}			
div#main_content div.listing p.price,
div#main_content div.listing p.where, 
div#main_content div.listing p.contact {
	font-size: 1.3em; 
	padding: 0 246px 0 15px;
	color:#303030;
	}	
div#main_content div.listing p.details {
	font-size: 1.3em; 
	padding: 0 15px; 
	color:  #000;
	}
div#main_content div.listing ul {padding: 10px 15px 15px 15px;}	
div#main_content div.listing li {
	font-size: 1.2em; 
	font-weight: bold; 
	padding: 0;
	}
ul.listingsmenu {
	width: 100%; 
	overflow: hidden;
	margin-bottom: 2em;
}
ul.listingsmenu li {
	float: left;
	margin-right: 1em;
	}
/* @end */

/* @group latest, msbusiness, listings links */

body#latest div#main_content a:link,
body#latest div#main_content a:visited,
body#msbusiness div#main_content a:link,
body#msbusiness div#main_content a:visited {
	color: #333333; 
	border-bottom-color: #333333
	}
body#latest div#main_content a:hover, 
body#msbusiness div#main_content a:hover {
	color: #fff; 
	background-color: #993366; 
	border-bottom-color: #993366
	} 
body#msbusiness div#main_content p.writecomp a:link,
body#msbusiness div#main_content p.writecomp a:visited,
body#msbusiness div#main_content p.writecomp a:hover {
	color:  #fff;
	border-bottom: none;
	background-color: transparent;	
	}
body#latest div#panel a:link,
body#latest div#panel a:visited,
body#msbusiness div#panel a:link,
body#msbusiness div#panel a:visited {
	color: #fff; 
	border-bottom-color: #fff;
	}
body#latest div#panel a:hover, 
body#msbusiness div#cpanel a:hover {
	color: #333333; 
	background-color: #b09bc1; 
	border-bottom-color: #333333;
	}  	
body#latest div#main_content h5 a:link, 
body#latest div#main_content h5 a:visited { 
	color:#fff;
	padding-right:10px; 
	line-height: 3em
	}	
body#latest div#main_content h5 a:hover { 
	color: #993366; 
	background-color: #b09bc1;
	}	
body#listings div#content a:link,
body#listings div#content a:visited {
	color: #cc6633;
	border-bottom-color: #cc6633
	}	
body#listings div#content a:hover {
	color: #fff; 
	background-color: #993366; 
	border-bottom-color: #993366
	}
	
body#listings div#content ul.listingsmenu li a {
	display: block;
	padding: 0 3px
}	
body#listings div#content ul.listingsmenu li a:link, 
body#listings div#content ul.listingsmenu li a:visited {
	border: none;
	color: #fff;
	background-color: #996699;
	}
body#listings div#content ul.listingsmenu li a:hover {
	background-color: #993366;
	} 		
/* @end */	
/* @end */

/* @group RESOURCES */
body#resources div#main_content h2 { color: #303030; }
body#resources div.category { 
	border: dashed 1px #999; 
	margin-bottom: 2em 
	}
body#resources div#main_content div.category h2,
body#resources div#main_content div.category h3, 
body#resources div#main_content div.category p,
body#resources div#main_content div.category ul, 
body#resources div#main_content div.category h4, 
body#resources div#main_content div.category h5,
body#resources div#main_content div.category img {
	padding-left: 10px; 
	padding-right: 10px;
	}
body#resources div#main_content div.category img {
	float:right; 
	margin-left: 10px
	}
body#resources div#main_content div.category h2,
body#resources div#main_content div.category h3,
body#resources div#main_content div.category h5 {
	margin-top: 10px;
	}
body#resources div#main_content div.category h5 {float:right; }	
body#resources div#main_content div.category h4 {
	text-transform:uppercase;
	color: #8b8272;}	

body#resources div#main_content h3.query {
	display:inline;
	padding: 3px 5px;
	background-color: #993366;
	color: #fff
	}	
dl { margin: 0 0 2em 0; }			
dd { margin: 0 0 5px 0;	 }
dd.contact { 
	padding-bottom: 1em; 
	border-bottom: dashed 1px #999;
	margin: 0 0 1em 0;
	color:#8b8272
	}
body#resources div#panel h3 { color: #8b8272;}

/* @group resources links */
body#resources div#main_content a:link, 
body#resources div#main_content a:visited  {
	color: #993366; 
	border-bottom-color: #993366; 
	}	
body#resources div#main_content a:hover { 
	background-color: #ccc; 
	color: #8b8272; 
	border-bottom-color: #8b8272;
	}
body#resources div#panel li a {
	border: none;
	font-weight: normal;
	margin-bottom: 0.5em; 
	padding-left: 25px; 
	background-image: url(../images/architecture/resourcelink.gif);
	background-repeat: no-repeat;
	background-position: left center;
 	}	
body#resources div#panel a:link, 
body#resources div#panel a:visited { color: #993366; }	
body#resources div#panel a:hover { 
	background-color: #fff; 
	color: #333;
	border-bottom-color: #333;
	}
body#resources div#main_content dl a:link, 
body#resources div#main_content dl a:visited { 
	color: #8b8272; 
	border-bottom-color: #999;
	font-weight: normal; 
	}	
body#resources div#main_content dl a:hover { 
	background-color: #ccc; 
	color: #000; 
	}
/* @end */ 	
/* @end */

/* @group GET PUBLISHED */
body#getpublished div#main_content ul {padding-bottom: 1em;}
body#getpublished div#panel ul {padding-bottom: 1.5em;}
body#getpublished div#panel { 
	background: url(../images/architecture/bg_col.gif) repeat; 
	}
body#getpublished div#main_content h3,
body#getpublished div#panel h3 {
	color:#303030
	}	
div#main_content h2.workshopintro span {
	position: static;
	background: none;
	text-transform: uppercase;
	font-weight: 200;
	}
div.authors, div.agents {
	margin-top: 1.5em;
	position: relative;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	}
div.authors p, div.authors h4,
div.agents p, div.agents h4 { padding-left: 10px; padding-right: 10px }	
div.authors	{ background-color: #e3e1dd; }
div.agents	{ background-color: #fff;}	
div.photohead { margin-bottom: 1em; }
div.photohead h4 {
	font-size: 2em;
	padding-top: 3px;
	font-family: "Courier New", Courier, mono;
	}
div.authors div.photohead h4 {text-transform: uppercase;}		
div.photohead a { 
	display: block;
	padding: 3px 0;
	border: none;
	}	
div.authors div.photohead img {
	float: left;
	margin: 12px 15px 5px 15px;
	width: 100px;
	height: 100px;
	border : 3px solid #fff; 
	-webkit-box-shadow : 0 0 10px rgba(0,0,0,.8);
	-moz-box-shadow : 0 0 10px rgba(0,0,0,.8); 
	box-shadow : 0 0 10px rgba(0,0,0,.8);
	}
div.authors div.photohead img:hover { 
	border-color : #999;
	} 
div.agents div.photohead a,
body.pubagent div.photohead h4 {
	background: #e3e1dd url(../images/architecture/bg_col.gif) repeat;
	} 
div.agents img	{
	float:left;
	margin: 5px 15px 5px 15px;
	border : 3px solid #ccc; 
	-webkit-box-shadow : 0 0 10px rgba(0,0,0,.8);
	-moz-box-shadow : 0 0 10px rgba(0,0,0,.8); 
	box-shadow : 0 0 10px rgba(0,0,0,.8);
	}
p.photocredit { 
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 1em;
	font-style: italic;
	}

/*author list images*/
ul.authorlist { margin-top: 1em; }
ul.authorlist img {
	width: 70px;
	height: 70px;
	list-style-type: none;
	border : 2px solid #999; 
	opacity: 1;  
	}
ul.authorlist img:hover { border-color : #ccc; opacity: 0.8; } 

ul.authorlist li a:link, 
ul.authorlist li a:visited, 
ul.authorlist li a:hover  { border-bottom: none;}	

body#getpublished div#main_content ul.authorlist li {
	float: left;
	list-style-type: none;
	margin-right: 10px
	}
	
/*author interview pages */
body.pubauthor div.photohead img { 
	float: right;
	margin: 12px 15px 15px 15px;
	width:  170px;
	height:  170px;
	}
body.pubauthor div.authors div.photohead img:hover {
	border-color: #fff;
}	
body.pubauthor div.photohead h4 { padding-left: 10px; }
body#getpublished.pubauthor div#panel h4.biog,
body#getpublished.pubagent div#panel h4.biog { padding-top: 1em; }
body.pubauthor p.photocredit { top: 190px; }

/* @group get published links */
body#getpublished div#panel a:hover { 
	background-color: #fff; 
	color: #333;
	border-bottom-color: #333;
	}	
body#getpublished div#panel div.box-inner a:link, 
body#getpublished div#panel div.box-inner a:visited {
	color: #333;
	border-bottom-color: #333;
	background-color: transparent;
	}
body#getpublished div#panel div.box-inner a:hover {
	color: #000;
	border-bottom-color: #000;
	background-color: #fff;
	} 
div.photohead a {
	color: #fff;
	background-color: #999;
	} 
div.photohead a:hover {
	background-color: #8b8272;
	} 
div.agents div.photohead a {color: #606060;} 
div.agents div.photohead a:hover { color: #303030;} 	
body#getpublished div#main_content div.agents p.pullquote {
	color: #606060;
	}	
/*author and agent pages */
body.pubauthor div.photohead h4 {
	background-color: #8b8272;
	color:  #fff;
	}
body.pubauthor div.photohead img:hover { border-color : #fff }
body.pubauthor .biog,
body.pubagent .biog { background-color: #fff; color:  #8b8272; }	
/* @end */

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

/* @group CLASSES */

.small {font-size: 60%}
.digitalbanner img {border: 1px solid #ccc; margin-bottom: 2em;}
img.secure {float: left; margin-right: 5px;}

p.writecomp { 
	font-size: 1.4em; 
	line-height: 40px;
	}
p.writecomp a {
	color:  #fff;
	border-bottom: none;
	display: block;
	background: transparent url(../images/shop/enter.png) no-repeat 100% 0;
	padding-left: 10px;
	padding-right: 40px;
	display:-moz-inline-stack;
	display:inline-block;
	}
p.writecomp a:hover {
	background: transparent url(../images/shop/enter_over.png) no-repeat 100% 0;
	}	
p.topofpage {
	margin: 1em 0;
	position: relative
	}	
p.topofpage a {
	display: block;
	width:  100px;
	height:  25px;
	line-height: 25px;
	border: 1px solid #ccc;
	position:absolute;
	top: -20px;
	left: 80%;
	text-align: center;
	}

/* @group clearing and floating */
div.divider {
	overflow: hidden;
	margin-bottom: 1.5em;
}

.floatleft {float:left; margin: 0 10px 10px 0; }
.floatright {float:right; margin: 0 0 10px 10px;  }
.clear { clear:both; }	
.clearboth{
	display:block;
 	clear:both;
 	margin:0;
 	padding:0;
	}
.clearleft{
	display:block;
	clear:left;
	margin: 0;
	padding:0;
	}
.clearright{
	display:block;
	clear:right;
	margin:0;
	padding:0;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}	
/* @end */

/* @group pullquote */
p.pullquote {
		width: 35%;
		float: right;
		font-family: Georgia, "Times New Roman", serif; 
		font-size: 1.5em;
		font-weight: bold;
		line-height: 140%;
		margin-left: 10px;
		color: #993366;
		}
p.pullquote img {
		float: left;
		margin-right: 10px;
		padding-top: 10px;
		}	
body#shortfeature p.pullquote {color: #993366;}
body#latest p.pullquote {color: #333333;}
body#interview div#main_content p.pullquote, 
body#words div#main_content p.pullquote, 
body#shortfeature div#main_content p.pullquote {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.6;
	width: 50%;
	float: left;
	padding: 0;
	margin: 1em 10px 1em 0;
	}
body#getpublished div#main_content p.pullquote	{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	padding: 0.7em 1em 0.7em 0.5em;
	border-right: 5px solid #ccc;
	background: #fff url(../images/architecture/bg_col.gif) repeat;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-bottom-left-radius : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-bottomleft : 5px;
	border-top-left-radius : 5px;
	border-bottom-left-radius : 5px;
	}
body#getpublished div#main_content div.authors p.pullquote,
body#getpublished div#main_content div.agents p.pullquote {
	width: 30%;
	margin-right: 10px
	}
body#getpublished div#main_content div.authors p.pullquote,
body#getpublished div#main_content div.agents p.pullquote { 
	background-image: none;
	}	
body#writing div#sub_content p.pullquote,
body#getpublished div#sub_content p.pullquote {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6;
	color: #303030;
	width: 226px;
	float: none;
	margin: 2em 0 0 0;
	padding: 10px 0;
	background-image: url(../images/architecture/nw_quotemark.gif);
	background-repeat: no-repeat;
	}
body#feature div#main_content p.pullquote {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6;
	margin-left: 15px;
	padding: 1em 0;
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	color: #000
	}
/* @end */
/* @end */

/* @group EASY SLIDER */
div#slidercontainer { 
	position: relative; 
	width: 520px;
	margin: 10px 0 30px 0;
	border-bottom: 1px solid #eee 
	}
div#slider { margin: 0 0 20px 50px}
div#slidercontainer p {font-weight: bold}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px;
		height:220px;
		overflow:hidden; 
		}
		
#slider img {
	float: left; 
	margin-right: 10px;
	}
	
#slider h5 {font-size: 110%}
	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:32px;
	height:220px;
	position:absolute;
	left: 0;
	top: 0;
		}	
#nextBtn{
	left: 470px;
	}														
#prevBtn a, #nextBtn a{
	display:block;
	width:32px;
	height:220px;
	background-image: url(../images/architecture/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
#nextBtn a{
	background-image: url(../images/architecture/btn_next.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#prevBtn a:hover, #nextBtn a:hover {background-color: #fff}
	
/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
/* @end */
	

/* @group TABLES */

table { 
  	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 2em 0;
	}

td 	{
  	text-align: left;
	font-weight: normal;
	padding: 0.1em 0;
	}
	
td h4 {font-size: 100%; margin-top: 10px} 
td.divider {border-bottom: dashed 1px #ccc; padding-bottom: 10px; }

/* @end */	

/* @group FORMS */
/* please label with class="site"*/
form.site { padding: 1em 0; margin: 0; }
form.site fieldset {
	margin: 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}
form.site legend { font-weight: bold; }		
form.site label {
	float: left;
	width: 15em;
	margin-bottom: 0.5em;
	}
form.site input  { width: 200px; }	
form.site textarea {
	width: 300px;
	height: 100px;
	margin-top: 0.5em;
	}	
form.site textarea#reading {
	width: 400px;
	height: 400px;
	margin-top: 0.5em;
	}			
form.site select { 
 background-color: #333; 
 color: #ffffff; 
 font-size: 1.3em;
 width: 224px;
	}
form.site input:focus, form.site textarea:focus {background: #ffc;}	
form.site input[type="text"], form.site textarea {
 	border-top: 2px solid #999;
 	border-left: 2px solid #999;
 	border-bottom: 2px solid #ccc;
 	border-right: 2px solid #ccc;
 	}
form.site p {
	position: relative;
	}
form.site .required {
	color:#FF0000;
	font-size: 0.9em
	}
form.site input.radio {width: 3em;}
form.site input.checkbox {width: 3em;}
form.site #selectnumbers label, 
form.site #selectissues label,
form.site #selecttype label {
	width: 10em; 
	float: none; 
	display: inline
	}
form.site input.button {
	width: 130px;
	height: 25px;
	background-color: #ccc;
	border: 1px solid #999;
	outline: none;
	}
form.site input.button:hover { 
	background-color: #999; 
	border-color: #8b8272; 
	color: #fff
	}
/*heading title for upload form*/
h1#content_h1 {
	background-color: #ccc;
	color:  #000;
	text-transform: uppercase
	}
/* @end */

/* @group COLOURS */
.highlight1 {
	color: #993366; 
	font-weight: bold
	}
.highlight2 {
	color: #cc6633;
	font-weight: bold
	}
.highlight3 {
	color: #8B8272;
	font-weight: bold
	}
body#latest .highlight1, body#msbusiness .highlight1 {
	color: #333333;
	}
body#latest .highlight2, body#msbusiness .highlight2 {
	color: #993366;
	}
body#feature .highlight1, body#shortfeature .highlight1, 
body#resources .highlight1 {
	color: #993366;
	}
body#feature .highlight2, body#resources .highlight2 {
	color: #cc6633;
	}
body#info div#panel .highlight1, body#shopping div#panel .highlight1 {
	color: #993366;
	}

.redpen {color: #f00}

/* @end */