@media screen {
/*~	common styles	*/
				li form { display : inline ; }
				button { font-size : 100% ; margin : 0 ; padding : 2px 5px 0 2px ; }
				html>body button { margin-bottom : -5px ; *margin-bottom : 0 ; }
				html:lang(en)>body button { margin-bottom : 0 ; }
				
	/*~	.copy image	*/
				.articles .copy img { float : left ; margin: 0 10px 10px 0; }
				.articles_1 .copy img { float: none; margin: 0 }
				.reverse .copy img { float : right ; margin: 0 0 10px 10px; }
				
	/*~	.island	*/
				.island { }
				.island h2 { padding : 3px 5px ; }
				.island .copy { padding : 0 5px 5px ; }
				
	/*~	  ways to break up sections of a page
				.separator  -   break up horizontal
				.partition   -   break up vertical	*/
				.separator, 
				.partition,
				.separatorBottom,
				.partitionLeft,
				.partitionRight { border-color : #ccc ; border-style : solid ; }
				.separator { border-width : 1px 0 0 ; clear : both ; margin-top : 9px ; padding-top : 12px ; }
				.separatorBottom { border-width : 0 0 1px 0 ; clear : both ; margin-bottom : 9px ; padding-bottom : 12px ; }
				.partition { border-width : 0 0 0 1px ; margin-left : 10px ; padding-left : 10px ; }
				.partitionLeft { border-width : 0 0 0 0 1px ; margin-left: 10px; }
				.partitionRight { border-width : 0 1px 0 0 ; margin-right: 10px; }
				
	/*~	   used with above two section breaks so as not to compromise their original style, globally.
				.partial      -   use for softer separation (e.g. dotted line instead of solid)
				.natural     -   use to keep section in the context of a floated image	*/
				body .partial { border-style : dotted ; }
				body .natural { clear : none ; }
	
	/*~	.deco - style applied to headings you want to add a lil' pizzaz too	*/
				.deco { 
					border-style : solid ; 
					border-width : 0 0 1px ; 
					margin-bottom : 9px ; 
					padding-bottom : 2px ; 
					}
				#b h2.deco { margin-top : 1em ; }
	/*~	.pad - style applied to containers to add space	*/
				.pad { margin: 10px; } 
	
	/*~	.hero 
		- main image of the page	*/
				img.hero {  }
				img.hero-md { }
				img.hero-sm {  }
		/*	portrait styles	*/
				img.hero, img.hero-md, img.hero-sm, 
				img.hero-pt, img.hero-pt-md, img.hero-pt-sm { background : #fff ; border : 1px solid #ccc ; padding : 5px ; }
				
	/*~	.tn 
		/*	portrait styles	*/

				img.hero, img.hero-md, img.hero-sm, 
				img.hero-pt, img.hero-pt-md, img.hero-pt-sm, 
				img.tn, img.tn-sm, img.tn-lg, 
				img.tn-pt, img.tn-lg-pt { float : left ; margin : 0 .5em .5em 0 ; }
				
				.reverse img.hero, .reverse img.hero-md, .reverse img.hero-sm, 
				.reverse img.hero-pt, .reverse img.hero-pt-md, .reverse img.hero-pt-sm, 
				.reverse img.tn, .reverse img.tn-sm, .reverse img.tn-lg, 
				.reverse img.tn-pt, .reverse img.tn-lg-pt { float : right ; margin : 0 0 .5em .5em ; }
				
				body img.static { display : block ; float : none ; margin : 0 auto .5em ; }

				
	/*~	.action	*/
				.action { text-align : right ; margin-bottom: 0; }
				
/*~	#mast-head	*/
				body.no-mast #mast-head { display : none ; }
				
/*~	#h	*/
				#h { margin-top : 10px ; }
				#h #branding { float : left ; }
				#h #branding { 
					background-image : url(/media/themes/default/temp/branding.png) ; 
					padding : 61px 0 0 233px ; 
					}
				
	/*~	.tab	*/
				#h .tab a { font-size: 110% ; font-weight : bolder ; }
				
				#h .tab ul { z-index : 90 ; }
				#h .tab ul li.first-child { padding-left : 5px ; }
				#h .tab ul a { font-weight : normal ; }
				
/*~	#b	*/
	/*~	#content	*/
	/*~	___layouts over-writes	*/
				#b #m { padding-right : 10px ; width : 610px ; _width : 600px ; }
				.fixed-xlg #b #e { width : 321px ; }
				.fixed-xxlg #b #e { width : 336px ; }
				#b #e .a-c a.gr { margin : 0 ; margin-bottom : 10px ; padding-right : 5px ; width : 47% ; }
				#b #e .a-c a.c { float: right ; padding-left : 5px ;  }
			
				#b { padding-top : 10px ; z-index : 50 ; }
				
				.contentMain { float: left; width: 430px; padding-right: 16px; }
				.contentExtra { float: right; width: 160px; margin-top: 0.8em; }
				
	/*~	.b	*/
				#b .selected .teaser { font-weight: bold; }
		/*~	#page-nav	*/	
				#b #page-nav { _height : 15px ; min-height : 15px ; padding-right : 10px ; }
				#b #page-nav .trail { float : left ; } 
				#b #page-nav .pagination { float : right ; }
				#b #page-nav .slider { float : right ; }

				
	/*~	.lead	*/
				#b #content .lead h2 { margin-bottom : 7px ; }
				#b #content .lead p { margin-bottom : 0.1em; }
				html>body #b #content .lead ul.related {  }
				#b #content ul.related li { margin-bottom : .5em ; }
				#b #content .lead p.lead-readmore { margin-top : 0.3em ; }
				
	/*~	.feature-band	*/
				#b .feature-band { clear : both ; margin : 7px 0 10px ; }
				#b .feature-band p { margin-bottom : .2em ; }
				#b .feature-band p.action { text-align : left ; margin-bottom : 0 ; }
				#b .feature-band br { clear : both ; line-height : 0 ; }
	/*~	.top-story	*/
				#b .top-spot h2 { padding-bottom : 10px ; }
		
		/*~	.copy-extras	*/
				/*#b #content .copy-extras { float : right ; margin : 5px 0 10px 10px ; }*/
				#b #content .reverse .copy-extras { float : left ; margin : 5px 10px 10px 0 ; }
				#b #content .copy-extras .share { 
					background : #666 ; 
					_margin-bottom : -15px ; 
					padding : 5px 10px ; 
					_padding-bottom : 0 ; 
					margin-top: 5px;
					}
				#b #content .copy-extras .share li { margin : 0 9px ; _margin : 0 7px ; padding : 0 ; }
				#b #content .copy-extras .share a.btn { 
					background-position : center bottom ; 
					*background-position : left top ; 
					padding : 35px 0 0 44px ; 
					}
				#b #content .copy-extras .share .print { 
					background-image : url(/media/themes/default/icn/print_neg.png) ; 
					}
				#b #content .copy-extras .share .comment { 
					background-image : url(/media/themes/default/icn/comment_neg.png) ; 
					}
				#b #content .copy-extras .share .mail { 
					background-image : url(/media/themes/default/icn/mail_neg.png) ; 
					}
				#b #content .copy-extras .share .feed { 
					background-image : url(/media/themes/default/icn/rss_neg.png) ; 
					}
				#b #content .copy-extras .enlarge { 
					background-image : url(/media/icn/viewmag.png) ; 
					float : right ; 
					margin-top : -1.4em ; 
					padding : 22px 0 0 22px ; 
					}
		
		/*~	.feature-img	*/
				#b #content .feature-img img { display : block ; float : none ; margin: 0 auto; }
				#b #content .feature-img p { margin-bottom : .5em ; padding : 5px 10px ; }
		
		/*	.spotlight	*/
				#b #content .spotlight { clear : both ; }
				
		/*~	#share */
				#b #share li { padding-bottom : 3px ; }
				#b #share .social li { float : left ; width : 49% ; }
			/*~	#send-by-email	*/
				#b #share #send-by-email input.text { width : 8.5em ; }
				
		/*~	#related	*/
				#b #related .copy img { float : left ; margin : 0 5px 5px 0 ; }
				#b #related h3, 
				#b #related ul { padding-left : 5px ; }
				
		/*~	#comments	*/
				#b .comments-container { padding : 10px ; }
				#b .comments-container .b { width : 65% ; }
				#b .comments-container .com-add { float : right ; margin-top : -3.1em ; text-decoration : underline ; }
				#b .comments-container div.comment { padding : 0 5px 10px 5px ; }
				#b .comments-container .com-post { margin-top : -2px ; }
				#b .comments-container form p { min-height : 37px ; margin-bottom : 7px ; }
				#b .comments-container form p label { 
					clear : both ; 
					float : none ; 
					display : block ; 
					width : auto ; 
					}
				#b .comments-container form p input.text { 
					float : none ; 
					display : block ; 
					margin-right : 10px ; 
					padding : 2px 4px ; 
					width : 21em ; 
					}
				#b .comments-container form p textarea { height : 110px ; width : 100% ; }
				#b .comments-container form p strong.tooltip { 
					clear : both ; 
					color : #999 ; 
					display : block ; 
					font-size : 80% ; 
					font-weight : normal ; 
					}
				#b .comments-container form p.action { float : none ; }
				#b .comments-container form p.action label { display : none ; }
	
	/*~	#magazine	*/
				#b #magazine .copy { padding : 10px 0 ; }
				#b #magazine .b  { 
					margin-right : 10px ; 
					padding : 10px 10px 0 0 ; 
					width : 360px ; 
					_width : 350px ; 
					}
				#b #magazine .c  { width : 270px ; *width : 265px ; }
				
		/*~	#latest-issue	*/	
				#b #latest-issue img { 
					float : left ; 
					_margin-top : 7px ; 
					margin-right : 5px ; *margin-right : 0 ; 
					margin-bottom : 20px ;
					margin-left: 5px; 
					width : 102px ; 
					}
				#b #latest-issue h3 { margin-bottom : 0 ; *padding-left : 110px ; }
				#b #latest-issue h4 { margin-bottom : 0 ; }
				#b #latest-issue .teaser { margin-right : 10px ; }
				#b #latest-issue .teaser .copy { padding : 5px 7px ; }
		/*~	#subscribe	*/	
				#b #subscribe { background : #fff ; margin : -4px 10px 0 0 ; padding : 5px ; }
				#b #m .a-c #subscribe { width: 45% ; }
				#b #subscribe fieldset p {
					*margin-left : -2px ; _margin-left : 0 ; 
					margin-right : 4px ; _margin-right : 2px ; 
					}
				#b #subscribe p.action { margin-top : -1px ; }
				#b #subscribe input.lg { width : 190px ; }
				#b #subscribe input.med { width : 150px ; }
				#b #subscribe input.sm { width : 106px ; }
				
	/*~	.c	*/
				#b #site-search .copy { padding : 0 10px 5px ; }
				#b blockquote { 
					font : italic 190% "Times New Roman" ; 
					text-align : center ; 
					margin-bottom : 22px ; 
					}
				
		/*~	div.ui-accordian	*/
				#b #content div.ui-accordian .ui-h { 
					color : #069 ; 
					cursor : pointer ; _cursor : hand ; 
					font-size : 120% ; 
					margin-bottom : 0 ; 
					padding : .3em .4em ; 
					}
				#b #content div.ui-accordian .ui-h:hover { 
					color : #c00 ; 
					text-decoration : underline ; 
					}
				#b #content div.ui-accordian .ui-b { 
					padding : .4em ; 
					}
				
		/*~	div.ui-tab	*/
				#b div.ui-tab { margin-bottom : 10px ; }
				#b div.ui-tab ul.ui-tab { padding-bottom : 0 ; }
				#b div.ui-tab .ui-b { clear : both ; padding : 10px 10px 6px 10px; }
				
		/*~	.newsletter	*/
				.newsletter input.text { width : 275px ; }
				.newsletter p.action button { float : left ; }
				.newsletter p.action a { float : right ; margin : 3px 30px 0 0 ; }
				
		/*~	.ads	*/
				.ads { margin : 0 0 10px 0 ; }
				.ads .a { text-align : right ; }
				.ads .c { text-align : left ; }
				
		/*~	.quiz	*/	
				#b .quiz { margin-top : 10px ; }


				
/*~	#f	*/
				#f { padding-top : 10px ; }
				#f ul { padding : 5px 0 ; text-align : center ; }
				#f .island .copy { *margin-bottom : -4px ; }
				#f input.submit { margin-left : 3px ; }
/*	END SCREEN MEDIA TYPE	*/
			}