<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/transform-1-0.xsl"?>
<gabml xml:lang="en" lang="en">
	<head>
		<base href="http://www.wilduniverse.org/" />
		<title>Wild Universe Productions</title>
		<meta name="description" content="Wild Universe is a music label and propose some high quality music from many talented artists. Our goal is to promote copyright-free music and help our bands to gain visibility and to earn money for their music." />
		<meta http-equiv="Content-Language" content="en" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

		<link rel="stylesheet" type="text/css" title="Wild blue" media="screen" href="main.css" />
		<link href='http://fonts.googleapis.com/css?family=Gruppo' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css' />
		<style type="text/css">

			body {
				font-family: sans-serif;
			}

			p, span {
				font-family: 'Spinnaker', sans-serif;
			}

			h1, h2, h3, h4, #leftpanel ul li {
				font-family: 'Gruppo', sans-serif;
			}

		</style>


		<!-- Helps IE prior to version 9 to render CSS as it should -->
		<!--[if lt IE 7]>
		<style type="text/css">
			#header {
				height: 144px;
				width: 1024px;
			}

			#header h1 {
				width: 340px;
				height: 115px;
				position: relative;
				left: 342px;
				top: 15px;
			}
		</style>
		<![endif]-->
		<!--[if lt IE 9]>
		<style type="text/css">
			.boxshadow {
				filter:progid:DXImageTransform.Microsoft.Shadow(color='#060612', Direction=135, Strength=8);
				zoom: 1;
			}
		</style>
		<script src="scripts/IE9.js" type="text/javascript">IE7_PNG_SUFFIX=".png";</script>
		<![endif]-->

		<script type="text/javascript">
		//<![CDATA[

			//a function to get an element by its id regardless of the browser used
			function getElementByIdUniversal(id)
			{
				var elem;
				if(document.getElementById)
				{
					elem = document.getElementById( id );
				}
				else
				{
					elem = document.all[ id ];
				}
				return elem;
			}

			//register the header event handlers
			function registerEventHandler()
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.onclick     = clickevent;
					elem.onmouseover = mouseoverevent;
					elem.onmouseout  = mouseoutevent;
				}
			}

			function clickevent(e) //fired when the header is clicked
			{
				window.location="/home";
			}

			function mouseoverevent(e) //fired when the header is mouseovered
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="pointer";
				}
			}

			function mouseoutevent(e) //fired when the header is mouseouted
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="default";
				}
			}

			//start the move of the background image
			var bgheight;
			var offset;
			var elemHeader;
			var timerid;

			function movebg()
			{
				bgheight = 768;
				offset = bgheight;
				elemHeader = getElementByIdUniversal( "header" );

				timerid = setInterval ( "dowork()", 100 );
			}

			//move the background image in an infinite loop
			function dowork()
			{
				offset = (offset < 1) ? offset + (bgheight - 1) : offset - 1;
				elemHeader.style.backgroundPosition = "100% " + offset + "px";
			}


		//]]>
		</script>

		<meta name="google-site-verification" content="410MGV18y1gFUJGiC89D9BdQzftCAipc485dRLYkj2U" />

	</head>
	<body>

		<!--start of canvas -->
		<div id="canvas">

			<!--start of header -->
			<div id="header">
				<span class="banner-top-left-gradient">&#xA0;</span>
				<h1>Wild Universe</h1>
				<span class="banner-top-right-gradient">&#xA0;</span>
			</div>
			<!--end of header -->

			<!--start of leftpanel -->
			<div id="leftpanel">
				<ul class="boxshadow">
					<li><a href="home">Home</a></li>
					<li><a href="news">News</a></li>
					<li><a href="bands">Bands</a></li>
					<li><a href="albums">Albums</a></li>
					<li><a href="comingsoon">Coming soon</a></li>
					<li><a href="aboutus">About us</a></li>
					<li><a href="coollinks">Cool links</a></li>
					<li><a href="contact">Contact</a></li>
				</ul>

				<!--start of almostreleased -->
				<div id="almostreleased" class="boxshadow">
					<h2>Almost released</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/3">Windpearl</a></h3>
	<h4><a href="album/3">"Fate"</a></h4>
	<a href="album/3"><img src="getimg.php?type=album&amp;width=150&amp;id=3&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>Not released yet...</p>
	<p><a href="album/3">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of almostreleased -->

			</div>
			<!--end of leftpanel -->

			<!--start of content -->
			<div id="content">

				<h1>Welcome to Wild Universe Productions</h1>
<p>Wild Universe is a music label and propose some high quality music from many talented artists. Our goal is to promote copyright-free music and help our artists to gain visibility and to earn money for their music.</p>
<p>All our bands release their album under the Creative Commons Licence, allowing you to listen to their music before to buy it. Unlike most labels, if you don't like what you hear, then you don't have to buy it. However Wild Universe will always do its best to select high quality music.</p>
<p>There is various way to support our artists and to show them your interest in what they do:</p>
<ul>
  <li><h2>Donate</h2>
    <p>This can be done in the band's pages. Wild Universe will give 90% of your donation to the band and keep 10% for website administration. Donation is a nice way to encourage the bands you like to continue to produce great music.</p>
    <p>Example: You donate 10 EUR to a band; the band receive 9 EUR and we keep 1 EUR.</p>
  </li>
  <li><h2>Buy the CD</h2>
    <p>Each band have the possibility to sell their music on CD, they can decide its ground price (which must at least cover the CD &amp; booklet manufacturing fee + 1 EUR for Wild Universe), then you can decide how much you are willing to buy the CD, provided it's greater or equal than the ground price. Shipping fee is not included because it can vary according to your location, but will be kept to the minimal amount available. We will not make any money on shipping.</p>
    <p>Example: CD &amp; booklet manufacturing fee is 2 EUR (1). The band sets the ground price to 5 EUR. You decide to pay 10 EUR. Then we use 2 EUR to manufacture the CD &amp; booklet, we keep 1 EUR and the band win 7 EUR.</p>
  </li>
  <li><h2>Send messages</h2>
    <p>You can show your interest by writing to the comment section of the band and band members. It's always motivating for an artist to see that people like his music. Each individual artist have a comment section on their webpage.</p>
  </li>
  <li><h2>Tell others</h2>
    <p>Tell your friends about us and the bands you like, share your interest in our productions with them, so that the bands gain visibility and possibly earn more.</p>
  </li>
</ul>
<p>(1): Manufacturing fee will vary according to the complexity of the album to produce.</p>
			</div>
			<!--end of content -->

			<!--start of rightpanel -->
			<div id="rightpanel">

				<!--start of newreleases -->
				<div id="newreleases" class="boxshadow">
					<h2>New releases</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/2">Windpearl</a></h3>
	<h4><a href="album/2">"Mother Earth"</a></h4>
	<a href="album/2"><img src="getimg.php?type=album&amp;width=150&amp;id=2&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;Mother Earth&#34; is the second album released by Windpearl late 2008.

A few words of the artist:
&#34;While I was in France, I thought that my next album will have Asian sonorities. When I arrived in As...</p>
	<p><a href="album/2">Read&#xA0;more</a></p>
</div>

<div class="rightpanelalbum">
	<h3><a href="album/1">Windpearl</a></h3>
	<h4><a href="album/1">"I love you a bit..."</a></h4>
	<a href="album/1"><img src="getimg.php?type=album&amp;width=150&amp;id=1&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;I love you a bit...&#34; is the first album of Windpearl released to the public.

Some few words of the artist Gabriel Hautclocq:
&#34;With calm ambient tracks, catchy chip tunes, some experimental hardte...</p>
	<p><a href="album/1">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of newreleases -->

			</div>
			<!--end of rightpanel -->

		</div>
		<!--end of canvas -->

		<!-- start of footer -->
		<div id="footer">
						<p>Copyright (c) Wild Universe 2009-2012</p>
			<p><a href="sitemap" title="Click here to view the site map.">Site map</a></p>
			<p><a href="http://validator.w3.org/check?uri=referer" title="">Valid GABML 1.0 transformed in XHTML 1.1</a></p>
			<p>Website by <a href="http://www.gabsoftware.com" title="Click here to visit the webmaster website.">GabSoftware</a></p>
			<p>Contact us: <hiddenmail username="&#x69;&#110;&#102;&#x6f;" hostname="&#119;&#x69;&#x6c;&#x64;&#x75;&#110;&#105;&#x76;&#101;&#x72;&#115;&#101;" tld="&#x6f;&#114;&#103;" caption="Click here to send us an email" /></p>
		</div>
		<!-- end of footer -->

		<!--[if lt IE 7]>
		<script type="text/javascript">
		//<![CDATA[
			movebg = function() { return false; }; //do not scroll the background with IE prior to 7
		//]]>
		</script>
		<![endif]-->
		<script type="text/javascript">
		//<![CDATA[
			registerEventHandler(); //registers event handlers when the page is loaded
			movebg(); //begins to scroll the header space background
		//]]>
		</script>
	</body>
</gabml>

