<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'
      xmlns:xbl='http://www.w3.org/ns/xbl' >
  <head>
    <title>XBL 2.0 Test Suite: Style test - media attribute</title>
    <style type='text/css'>
		h1 {background-color: blue;}
    </style>
    <xbl xmlns="http://www.w3.org/ns/xbl" >
     <binding id="b1" element="#title1">
	   <resources>
	      <style src="TC35_1.css" media="screen"></style>
	   </resources>
     </binding>
     <binding id="b2" element="#title2">
	   <resources>
	      <style media="print, handheld">
			h1 {background-color: red;}
		  </style>		  
	   </resources>
     </binding>
     <binding id="b3" element="#title3">
	   <resources>
	      <style media="print, handheld">
			h1 {color: red;}
		  </style>		  
	      <style media="screen and (color)">
			h1 {background-color: green;}
		  </style>		  
	      <style media="not screen">
			h1 {background-color: red;}
		  </style>		  
	   </resources>
     </binding>
    </xbl>
  </head>
  <body>
  
  <p>NOTE: The below instructions are valid when viewing the document 
  on a computer with a color display.</p>
  
   <h1 id="title1">This should have green background</h1>
   <h1 id="title2">This should have blue background</h1>
   <h1 id="title3">This should have green background</h1>
  </body>
</html>
