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

@import url(color.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 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
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; /* 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; }
/* COMMON TYPOGRAPHY */

/* h3 setting with lines */	
div#main_content h3	{
	padding: 3px 0 1px 0;
	margin: 1em 0;
	text-transform:uppercase;
	border-top-width: 6px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
	
/* turn off h3 setting above */	
body#resources div#main_content h3,
body#latest div#main_content h3,
body#writing div#main_content h3,
body#words div#main_content h3,
body#listings div#main_content h3 {
	padding: 0 0 0.5em 0;
	margin:  0;
	border: none;
	}
	
/* turn off border on h3 setting only */
body#interview div#main_content h3,
body#shortfeature div#main_content h3 {
	border: none;
}		

div#main_content h3.shorter {width: 494px}	
	
/* h3.top */		
body#msbusiness div#main_content h3.top,
body#info div#main_content h3.top, 
body#simple div#main_content h3.top,
body#shopping div#main_content h3.top {
	margin: 0 0 1em 0;
	}
		
body#info div#sub_content h3.top,
body#latest div#sub_content h3.top, 
body#msbusiness div#sub_content h3.top {margin-top: 0; }		

/* 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; 
	}	

/* 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 */

/* @group LAYOUT */

/* =base images */
body { background-image: url(../images/architecture/base.gif); }
div#header { background-image: url(../images/architecture/banner1.gif); }

body {
	text-align:center; /* this centers the wrappers in older IEwin versions */
	padding: 0; /* these side paddings together determine the natural min-width */
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	background-repeat: repeat-x;
	background-position: bottom;
	}

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;
	}

div#printhead {
	height: 70px; 
	display: none; 
	}
			
div#content {
	float: left;
	clear: left;
	width: 810px; /* leaves 30px margin before ads column */ 
	margin-top: 35px;
	display: inline;
	}
	
div#ads { 
	width: 140px; 
	float: right; 
	margin-top: 50px;
	display: inline;
	}

/* @group HEADER */
div#header {
	position: relative;
	width: 100%;
	height: 256px /*276px*/;
	background-repeat: no-repeat;
	background-position: 0 100%;
	margin-top: 1em;
	}

/* @group SEARCH */


/* =Searchbox form
-----------------------------------------------------------------------------*/
form#cse-search-box {
	padding: 0; 
	margin: 0; 
	text-align: right;
	position: absolute;
	width: 160px;
	bottom:  168px /*188px*/;
	right: 0;
	}		
	
form#cse-search-box input {
	font-size: 1.3em;
	font-weight: normal;
	padding:2px;
	width: 120px; 
	margin:	0;
	border-top: 1px solid #999;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #eee;
	-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;
	}		
form#cse-search-box input.button {
	width: auto;
	background-color: #666;
	border: 1px solid #333;
	color: #fff;
	outline: none;
	}

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 */

/* @group NAVIGATION */

/* @group LINKS STYLES */
ul#mainnav a, div#adminnav a, ul#footernav a {border-bottom: none; }
div#adminnav a, ul#footernav a {font-weight: normal}
ul#mainnav a, ul#footernav a {background-color: transparent}

ul#footernav a:hover {color: #666;}
div#end p a:hover {color:#000; background-color: transparent; border-bottom-color: #000}


/* @end */

/* @group ADMIN NAV */
div#adminnav {
	position: absolute;
	width: 400px;
	height:  20px;
	bottom:  168px /*188*/;
	right: 160px;
	}
div#adminnav ul {float: right;}
div#adminnav li { float: left; }
div#adminnav a {
	display: block;
	padding: 0 0.5em 0 0.5em;
	font-size: 1.3em; 
	}		
div#adminnav ul .last a {background-image: none}
/* @end */


/* @group MAIN NAV */
/* mainnav list */
ul#mainnav {
	width: 100%;
	float: left;
	padding: 0;
	margin-top: 100px;
	margin-right: -3px; /* IE6 fix so that absolute positioned boxes don't disappear */
	height: 4em;
	line-height: 4em;
	}


/* mainnav list items */		
ul#mainnav li { 
	position: relative;
	float: left;
	z-index: 10;
	}
	
ul#mainnav li#submit {width: 9em;}	
ul#mainnav li#subscribe {width: 11em;}	
ul#mainnav li#shop {width: 7em;}	
ul#mainnav li#magazine {width: 11em;}
ul#mainnav li#publish {width: 14.5em;}
ul#mainnav li#resources {width: 12em;}
ul#mainnav li#writinglink {width: 9em;}
ul#mainnav li#reslink {width: 12em;}
ul#mainnav li#whatson {width: 12em;}
ul#mainnav li#blog {width: 7em;}			
	
ul#mainnav li a {padding-left: 1em}		
	
ul#mainnav a {
	display: block;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(../images/architecture/divider.gif) no-repeat right 50%;
	}	

 /* mainnav second-level lists */	
ul#mainnav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 1em;
	padding-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	background-image: url(../images/architecture/mainnav_bg.png);
	/*IE correction needed - padding-top: 10px*/
  	}	
	
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: transparent; 
	border-bottom: 1px dotted #666
	}		
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: 16em}   
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: #000;}		
ul#mainnav .last a {background: none}
ul#mainnav li.first {margin-left: 15px}


/* @end */

/* @end */

/* @group SOCIAL NETWORK LINKS */

div#social { 
	position:absolute; 
	top: 15px;
	right: 0;
	width: 600px;
	height: 40px;
	font-size: 1.3em; 
	color: #666;
	font-weight: bold;
	line-height: 32px;
	}
div#social ul { 
	float: right; 
	line-height: 32px;
	}	
div#social li { float: left;}
div#social a {
	display: block;
	padding: 0 0 0 0.8em;
	border-bottom: none;
	line-height: 32px;
	font-weight: normal;
	}
	
div#social a img { 
	opacity: 0.75; 
	vertical-align:middle;
	margin-right: 2px; 
	}
div#social a:hover img { opacity: 1; }
/* @end */

/* @group BRANDING */
div#branding { 
	position:absolute; 
	bottom: 159px /*179*/;
	left: 0;
	width: 480px;
	height: 85px;
	}
	
div#branding h1  { 
	position:relative;
	width: 480px;
	height: 85px;
	}

div#branding h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/architecture/branding.png);
	background-repeat: no-repeat;
	}	
	
div#branding h3 { text-indent: -5000px; margin: 0; padding: 0; line-height: 0; }	


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

/* @group ADS */
div#ads img {margin: 0 0 1.5em 0; float: right; }

div.setads {
	width: 118px;
	margin: 0 0 1.5em 0;
	float: right;
	border-width: 1px;
	border-style: solid;
	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 #666;}
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;
	z-index:2
	}

div#main_content h2.title span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index:2
	}	
	


/* @end */	

/* @group SUB CONTENT */
div#sub_content {
	float: left;
	width: 246px;
	margin: 0 0 20px 0;
	display: inline;
	}	
	
div#sub_content img {
	border-bottom-width: 3px;
	border-bottom-style:solid;
	}
	
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.png) 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; 
	}

ul#footernav li { float: left;	}	
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#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 */
/* @end */

/* @group PAGE DESIGN */

/* @group DIV PANEL & DIV THEME */
div#panel, div#theme {
	-webkit-border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	}
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 { 
	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; 
	}	

/*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 #666; 
	padding-bottom: 0;
	}	
/*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; 
	}	
	
/*specific pages*/
body#contents div#panel, 
body#latest div#panel,
body#info div#panel,
body#resources div#panel ul { padding-bottom: 2em;}	

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 {font-weight: bold}

body#latest div#panel li { margin-bottom: 10px; font-weight: bold }
body#latest div#panel p img {
	float: left; 
	padding-top: 10px; 
	margin-right: 10px;
	}	
	
/* @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: #e8e8e8;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
	background-image : 
	-moz-linear-gradient (linear, 0% 0%, 0% 100%, from(#cccccc), to(#E8E8E8), color-stop(.6,#E8E8E8));
	background-image : 
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#E8E8E8), color-stop(.6,#E8E8E8));
	}	
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, 
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 HOME PAGE */
/*main column */
div.level, div.latestnews {clear: both}
div.news {
	width: 45%; 
	float: left;
	margin: 0 20px 2em 0
	}
div.news h4 {margin-bottom: 5px}

div.twitterbadge {
	width: 100%;
	background-color: #e3f6fd;
	}
div#main_content div.twitterbadge h3 {
	color: #333;
	border-top-color: #0084b4;
	border-bottom-color: #999;
	text-transform: none;
	padding-left: 0.5em;
	}
div#main_content div.twitterbadge p {
	padding: 0 1em;
	font-weight: 200;
	text-transform: uppercase;
	}	
div.twitterbadge a, div.twitterbadge a:hover {border: none; color: #0084b4}
div.twitterbadge a:hover {background-color: #e8e8e8}

ul#twitter_update_list { 
	padding: 0 1em 1em;
	margin: 0; 
	overflow: hidden;
	color: #000;
	 }	
ul#twitter_update_list li {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #999
	}
ul#twitter_update_list a, ul#twitter_update_list a:hover {
		border: none; 
		color: #0084b4;
		}
a#twitter-link {
	display: block;
	font-size: 1.4em;
	line-height: 35px;
	padding-left: 40px;
	background: #CCC url(../images/architecture/twitter_small.png) no-repeat 10px 5px;
	color:  #000;
	}
a:hover#twitter-link { color:  #0084b4;}	
		
/*sub column */
body#home div.current {
	padding: 0 0 1.5em 0; 
	margin-bottom: 3em;
	}
	
body#home div.current h4 {
	background-color: #666;
	padding: 0;
	position:relative;
	width: 246px;
	height: 37px;
	z-index: 2;
	margin: 0 0 1em 0;
	}

body#home div.current h4 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/titles/newissue.gif);
	background-repeat: no-repeat;
	z-index: 2;
	}	

div.current p, div.current h2 { padding: 0 10px; } 
div.current h2, div.current h3 {
	display: inline; 
	clear: both; 
	padding-bottom: 0
	}
div.current h2 {text-transform:uppercase}	
div.current h3 {font-size: 1.4em;}

body#home div#sub_content div.current img {
	border-top: 3px solid #666; 
	border-bottom: 3px solid #666; 
	}
	
div.current p.currentfloat {
	float: left; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding-bottom: 0;
	}

div.current p.currentfloat img {border: 3px solid #666;}

body#home div.current div.quote p.serif {
	font: 1.55em Georgia, "Times New Roman", serif; 
	line-height: 1.4;
	font-weight: normal;
	color: #000;
	padding: 1em 10px 0.5em 10px;
	clear: both 
	}

div.quote { margin: 2em 0 1.5em 0; }	
div.quote p {font-weight: bold;}			


	
/* homepage 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 SHARED FEATURES  */
/*  Serif font for magazine features */	
body#contents div#main_content p,
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;
	}	
	
/*  Extra space for features title */
body#contents div#main_content h2.title,		
body#books div#main_content h2.title,
body#outnow div#main_content h2.title,
body#interview div#main_content h2.title,
body#words div#main_content h2.title,
body#feature div#main_content h2.title,
body#shortfeature div#main_content h2.title, 
body#writing div#main_content h4 
 { margin-bottom: 1em; }	
 
/*  Extra space for info and shop title */ 	
body#shopping div#main_content h2.title,
body#info div#main_content h2.title {
	margin-bottom: 0.5em; 
}		
	
/*  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: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6;
	margin: 1em 0;
	}
	
/*  Style end on magazine pages */	
div#main_content p.end {
	padding-top: 1em;
	border-top: solid 1px #ccc;	}
	
/* @end */	

/* @group CONTENTS */
body#contents div#panel li {
	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 15px 0 0
	}
/* @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; 
	}
	
/* bedside table*/
body#books div#table, body#outnow div#table {margin-bottom: 3em;}
body#books div#table h4, body#outnow div#table h4 {padding: 5px 10px; }
body#books div#table p, body#outnow div#table p {padding: 1em 10px;}

/* 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; 
	}	
/* @end */	


/* @group WRITING */
body#writing div#main_content img {
	float: left; 
	margin: 5px 10px 0 0; 
	border-style: solid; 
	border-width: 3px;
	}
body#writing div#main_content div.collection img {
	float: none;	
	margin: 0 0 3em 0
	}
body#writing div.submitnw, body#writing div.workshopnw  {
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	margin-bottom: 3em;
	padding-bottom: 0.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 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 }

/* style side links on interview, shortfeature and words pages 	*/	
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;
	}

/* @end */	

/* @group WORDS */
body#words div#about { margin: 3em 0; padding: 2em 0 1em 0; }
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 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;
	}
body#words div.writingtitle {margin-bottom: 1em}
body#words div.writingtitle h3 {padding: 0}	
/* @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: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", 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#feature div#main_content p.crosshead { padding: 5px 0 0 0; }
body#shortfeature div#main_content p.crosshead { padding: 5px 150px 0 180px; }		
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
	}
body#feature div#sub_content h5 {
	padding-top: 0.5em; 
	font-weight: normal;
	}
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;}
/* @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;
	}	
body#info div#main_content ul {padding-bottom: 1em;}
body#info div#sub_content li { margin-bottom: 1em; font-weight: bold}
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;}
/* @end */	

/* @group SHOP */
body#shopping div#main_content {float: left;}
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; 
	}	

/* Shop navigation */
body#shopping div#panel ul#shopnav {
	margin: 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 8px;
	border-bottom-style: solid;
	border-bottom-width: 7px;
	}
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 }

/* Single issues format*/
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; }

/* 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
	}
/* stockists list */	
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 SIMPLE PAGES */
body#simple div#main_content { float: left; width: 80%;}
/* @end */	


/* @group WHAT'S ON */
body#latest div#main_content h3 {
	padding: 0.3em 0.5em; 
	margin: 1em 0; 
	}
	
body#latest div#main_content h5 {float:right; margin: 1em 0; }	
body#latest div#main_content img {float:right; margin-left: 10px}
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;
	}	

/* @group MSBUSINESS */
body#msbusiness div#main_content {float: left; width: 100%;}
/* @end */

/* @group LISTINGS */
body#listings div#main_content {float: left; width: 100%;}
div#main_content div.listing {
	background-image: url(../images/architecture/listingsbg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 4em;
	border-left-style:solid;
	border-left-width: 4px;
	}
div#main_content div.listing h1 {
	font-size: 1.6em; 
	padding: 0 15px 5px 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;
	}	
div#main_content div.listing p.details {
	font-size: 1.3em; 
	padding: 0 15px; 
	}
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;
	}	
body#listings div#main_content div.listing h3 {
	font-size: 1.4em; 
	padding: 10px 15px 0 15px
	}	
div#main_content div.listing h4 {
	font-size: 1.4em; 
	font-weight: normal; 
	padding: 0 15px;}	
div#main_content div.listing h2 {
	font-size: 1.5em; 
	text-transform:uppercase; 
	float: right; 
	display: inline;
	padding: 0 15px 0 0; 
	}
/* @end */	
/* @end */	

/* @group RESOURCES */
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;}	

body#resources div#main_content h3.query {
	display:inline;
	padding: 3px 5px;
	}	
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;
	}
/* @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; 
	}
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: #e8e8e8; }
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: #e8e8e8 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; }

/* @end */

/* @end */

/* @group LINKS */
a { text-decoration: none; font-weight: bold}

/* @group READMORE */
a.readmore	{
	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;
	}
/* @end */  

/* @group PAGE STYLES */

/*NO BORDER on links*/
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; }

/*reinstate border on info panel*/
body#info div#sub_content div#panel a {
border-bottom-width: 1px;
border-bottom-style: dotted;
}

/* latest, msbusiness, listings */
body#latest div#main_content h5 a { padding-right:10px; line-height: 3em }	

/* interview, words, shortfeature */	
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: #666;
	background-color: #fff;
	background-image: url(../images/architecture/raquo_over.gif);
	}	

/* bedside table */	
body#books div#table h4 a, body#outnow div#table h4 a  { border: 0; 	}
body#books div#table h4 a:link, body#books div#sub_content h4 a:visited,
body#outnow div#table h4 a:link, body#outnow div#sub_content h4 a:visited  {color: #fff }
body#books div#table h4 a:hover, body#outnow div#table h4 a:hover {color: #000 }	
	
/* panel */
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;
 	}

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

/* @group CLASSES */

/* @group clearing and floating */
.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;
		}
	
p.pullquote img {
		float: left;
		margin-right: 10px;
		padding-top: 10px;
		}	
		
body#interview div#main_content p.pullquote, 
body#words div#main_content p.pullquote, 
body#shortfeature div#main_content p.pullquote {
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", 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: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", 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: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6;
	width: 226px;
	float: none;
	margin: 2em 0 0 0;
	padding: 10px;
	background-image: url(../images/architecture/nw_quotemark.gif);
	background-repeat: no-repeat;
	}
	
body#feature div#main_content p.pullquote	{
	font-family: "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", 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;
	}

/* @end */

/*sizing */
.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;
	}
/*additional setting in color.css for application to msbusiness*/	
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;}
/* @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: #666; 
	color: #fff
	}
/*heading title for upload form*/
h1#content_h1 {
	background-color: #ccc;
	color:  #000;
	text-transform: uppercase
	}
/* @end */