tmaslen/gist:159282

## gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">

<head profile="http://dublincore.org/documents/dcq-html/">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="schema.dcterms" href="http://purl.org/dc/terms/" />
<meta name="DCTERMS.created" content="2006-09-15T12:00:00Z" />
<meta name="DCTERMS.modified" content="2006-09-15T12:35:00Z" />


<!--[if IE]><![if gte IE 6]><![endif]-->
<script src="http://www.bbc.co.uk/glow/1.5.1/core/core.js" type="text/javascript"></script>
<script src="http://www.bbc.co.uk/glow/1.5.1/widgets/widgets.js" type="text/javascript"></script>
<link href="http://www.bbc.co.uk/glow/1.5.1/widgets/widgets.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">

	glow.ready(function(){

		new glow.widgets.Sortable(
				'#cols-example .col1, #cols-example .col2, #cols-example .col3',
				{
						draggableOptions : {
								handle : 'strong'
						}
				}
		);

	});

</script>
<style type="text/css">
#cols-example {
	position: relative;
	zoom: 1;
}
#cols-example .feature {
        background: #666;
        color: #fff;
        height: 160px;
        margin: 10px 10px 0;
        width: 420px;
}

#cols-example .feature strong {
        display: block;
        padding: 1em;
}

#cols-example .col1,
#cols-example .col2,
#cols-example .col3 {
        float: left;
        width: 220px;
}

#cols-example .rightCols {
        float: left;
        width: 510px;
}

#cols-example .widget {
        background: #fff;
        height: 160px;
        margin: 10px;
        width: 200px;
}

#cols-example .widget strong {
        background: #aaa;
        color: #fff;
        cursor: move;
        display: block;
        padding: 1em;
}

#cols-example .glow-sortable-dropindicator {
        border: 2px dotted #800;
        height: 160px;
        margin: 10px;
        width: 200px;
}
</style>
<!--[if IE]><![endif]><![endif]-->
</head>
<body>


    <div id="cols-example">
			<div class="col1">
					<div class="widget">
							<strong>News</strong>
							<ul>
									<li>Mexico shuts down to control flu</li>
									<li>Bankers made 'astonishing mess'</li>
									<li>Bankers made 'astonishing mess'</li>
							</ul>
					</div>
					<div class="widget">
							<strong>Sport</strong>
							<ul>
									<li>Stockport go into administration</li>
									<li>Cup edge to Hamburg and Shakhtar</li>
									<li>Spurs star Bent out for two weeks</li>
							</ul>
					</div>
					<div class="widget">
							<strong>Entertainment</strong>
							<ul>
									<li>First female Poet Laureate named</li>
									<li>Man convicted of stalking Banks</li>
									<li>Actor Sean Penn files for divorce</li>
							</ul>
					</div>
			</div>
			<div class="rightCols">
					<div class="feature">
							<div class="feature-content">
									<strong>Swine flu - get the latest news</strong>
									<ul>
											<li>Latest: The situation in the UK</li>
											<li>Map: How it's spreading</li>
											<li>How effective are face masks?</li>
									</ul>
							</div>
					</div>
					<div class="col2">
							<div class="widget">
									<strong>Food</strong>
									<ul>
											<li>Banana biscuits</li>
											<li>Boiled egg and soldiers</li>
											<li>Lamb with egg sauce</li>
									</ul>
							</div>
							<div class="widget">
									<strong>Weird & Wonderful</strong>
									<ul>
											<li>Birds show off their dance moves</li>
											<li>Kenyan women hit men with sex ban</li>
											<li>Rare blue diamond goes on display</li>
									</ul>
							</div>
					</div>
					<div class="col3">
							<div class="widget">
									<strong>Science & Nature</strong>
									<ul>
											<li>Spider sex violent but effective</li>
											<li>'Safe' climate means 'no to coal'</li>
											<li>Russia mulls rocket power 'first'</li>
									</ul>
							</div>
							<div class="widget">
									<strong>BBC iPlayer</strong>
									<ul>
											<li>Performance on 3</li>
											<li>Jo Whiley</li>
											<li>Journey into Space</li>
									</ul>
							</div>
					</div>
			</div>
	</div>

</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">

	<head profile="http://dublincore.org/documents/dcq-html/">
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link rel="schema.dcterms" href="http://purl.org/dc/terms/" />
	<meta name="DCTERMS.created" content="2006-09-15T12:00:00Z" />
	<meta name="DCTERMS.modified" content="2006-09-15T12:35:00Z" />


	<!--[if IE]><![if gte IE 6]><![endif]-->
	<script src="http://www.bbc.co.uk/glow/1.5.1/core/core.js" type="text/javascript"></script>
	<script src="http://www.bbc.co.uk/glow/1.5.1/widgets/widgets.js" type="text/javascript"></script>
	<link href="http://www.bbc.co.uk/glow/1.5.1/widgets/widgets.css" type="text/css" rel="stylesheet" />

	<script type="text/javascript">

	glow.ready(function(){

	new glow.widgets.Sortable(
	'#cols-example .col1, #cols-example .col2, #cols-example .col3',
	{
	draggableOptions : {
	handle : 'strong'
	}
	}
	);

	});

	</script>
	<style type="text/css">
	#cols-example {
	position: relative;
	zoom: 1;
	}
	#cols-example .feature {
	background: #666;
	color: #fff;
	height: 160px;
	margin: 10px 10px 0;
	width: 420px;
	}

	#cols-example .feature strong {
	display: block;
	padding: 1em;
	}

	#cols-example .col1,
	#cols-example .col2,
	#cols-example .col3 {
	float: left;
	width: 220px;
	}

	#cols-example .rightCols {
	float: left;
	width: 510px;
	}

	#cols-example .widget {
	background: #fff;
	height: 160px;
	margin: 10px;
	width: 200px;
	}

	#cols-example .widget strong {
	background: #aaa;
	color: #fff;
	cursor: move;
	display: block;
	padding: 1em;
	}

	#cols-example .glow-sortable-dropindicator {
	border: 2px dotted #800;
	height: 160px;
	margin: 10px;
	width: 200px;
	}
	</style>
	<!--[if IE]><![endif]><![endif]-->
	</head>
	<body>


	<div id="cols-example">
	<div class="col1">
	<div class="widget">
	<strong>News</strong>
	<ul>
	<li>Mexico shuts down to control flu</li>
	<li>Bankers made 'astonishing mess'</li>
	<li>Bankers made 'astonishing mess'</li>
	</ul>
	</div>
	<div class="widget">
	<strong>Sport</strong>
	<ul>
	<li>Stockport go into administration</li>
	<li>Cup edge to Hamburg and Shakhtar</li>
	<li>Spurs star Bent out for two weeks</li>
	</ul>
	</div>
	<div class="widget">
	<strong>Entertainment</strong>
	<ul>
	<li>First female Poet Laureate named</li>
	<li>Man convicted of stalking Banks</li>
	<li>Actor Sean Penn files for divorce</li>
	</ul>
	</div>
	</div>
	<div class="rightCols">
	<div class="feature">
	<div class="feature-content">
	<strong>Swine flu - get the latest news</strong>
	<ul>
	<li>Latest: The situation in the UK</li>
	<li>Map: How it's spreading</li>
	<li>How effective are face masks?</li>
	</ul>
	</div>
	</div>
	<div class="col2">
	<div class="widget">
	<strong>Food</strong>
	<ul>
	<li>Banana biscuits</li>
	<li>Boiled egg and soldiers</li>
	<li>Lamb with egg sauce</li>
	</ul>
	</div>
	<div class="widget">
	<strong>Weird & Wonderful</strong>
	<ul>
	<li>Birds show off their dance moves</li>
	<li>Kenyan women hit men with sex ban</li>
	<li>Rare blue diamond goes on display</li>
	</ul>
	</div>
	</div>
	<div class="col3">
	<div class="widget">
	<strong>Science & Nature</strong>
	<ul>
	<li>Spider sex violent but effective</li>
	<li>'Safe' climate means 'no to coal'</li>
	<li>Russia mulls rocket power 'first'</li>
	</ul>
	</div>
	<div class="widget">
	<strong>BBC iPlayer</strong>
	<ul>
	<li>Performance on 3</li>
	<li>Jo Whiley</li>
	<li>Journey into Space</li>
	</ul>
	</div>
	</div>
	</div>
	</div>

	</body>
	</html>