3 files changed, 9 insertions, 7 deletions
diff --git a/index.html b/index.html
index 97c3c46..ae76bb0 100644
--- a/index.html
+++ b/index.html
@@ -5,11 +5,11 @@
 		<link rel="stylesheet" type="text/css" href="style.css" />
 		<title>New Tab</title>
 
-		<script src="tempo.js"></script>
+		<script type="text/javascript" src="tempo.js"></script>
 	</head>
 	<body>
 		<div id="time">
-			<p id="timeval">&nbsp;</p>
+			<p id="timeval"><span id="h"></span>&nbsp;&nbsp;<span id="m"></span>&nbsp;&nbsp;<span id="s"></span></p>
 		</div>
 		<div id="date">
 			<p id="dateval">&nbsp;</p>
diff --git a/style.css b/style.css
index fab737f..f6f460d 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
 body {
+	font-family: "Open Sans";
 	color: #ddd;
 	background-color: #222;
 	padding: 0em;
@@ -6,11 +7,11 @@ body {
 }
 
 div#time {
-	margin-top: 6em;
+	margin-top: 4em;
 }
 
 div#time p {
-	font-size: 10em;
+	font-size: 8em;
 	text-align: center;
 	padding: 0em;
 	margin: 0em;
@@ -18,7 +19,7 @@ div#time p {
 
 div#date p {
 	color: #777;
-	font-size: 2em;
+	font-size: 1.6em;
 	text-align: center;
 	padding: 0em;
 	margin: 0em;
diff --git a/tempo.js b/tempo.js
index 04c1071..2323d3f 100644
--- a/tempo.js
+++ b/tempo.js
@@ -19,10 +19,11 @@ function updateTime() {
 	var dm = date.getMonth();
 	var dy = date.getFullYear();
 
-	var str_t = padTime(h) + ":" + padTime(m) + ":" + padTime(s);
 	var str_d = dd + " " + months[dm] + " " + dy;
 
-	document.getElementById("timeval").innerHTML = str_t;
+	document.getElementById("h").innerHTML = padTime(h);
+	document.getElementById("m").innerHTML = padTime(m);
+	document.getElementById("s").innerHTML = padTime(s);
 	document.getElementById("dateval").innerHTML = str_d;
 }