new css, popping animations, yeh

default.css

@@ -1,8 +1,12 @@
 body {
-	background-color: #7aabab;
+	background-image: url(bg.png);
+	background-repeat: no-repeat;
+	background-size: 100%;
 	font-family: Arial, Helvetica, sans-serif; 
-	font-size: 14px;
-	color: DimGrey;
+	font-size: 0.8em;
+	padding: 0px;
+	margin: 0px;
+	color: white;
 }
 
 #wrapper {
@@ -13,6 +17,35 @@ body {
 
 }
 
+
+
+#hRight {
+	position: absolute;
+	height: 98px;
+	right: 0px;
+	top: 0px;
+}
+
+#hRight img {
+	margin: auto 10px;
+	position: relative;
+	top: 30px;
+}
+
+#cannedLogin {
+	float: right;
+	margin-left: 20px;
+	margin-right: 20px;
+	line-height: 100px;
+}
+
+#cannedLogin a {
+	font-weight: bold;
+	text-decoration: none;
+	color: #ff9933;
+}
+
+
 #description {
 	width: 400px;
 	resize: none;
@@ -27,9 +60,12 @@ border:2px solid blue;
 padding:8px;
 }
 
+
 header {
-	display: block;
-	left: 50%;
+	height: 100px;
+	width: 100%;
+	background-color: rgba(0,0,0,0.7);
+	position: relative;
 }
 
 footer {

index.html

@@ -10,8 +10,22 @@
 <div id="wrapper">
 <header>
 
-     <!-- logo -->
-    <img src="Stb_Logo.png" width="600" height="100" alt="Save the Bubble">
+	<!-- logo -->
+	<img src="Stb_Logo_nobg.png" height=100 width=auto alt="Save the Bubble">
+	<div id="hRight">
+		<img src="add event.png" alt="Add an Event" onclick="prompt()">
+			<form id="pForm">
+				Event: <input type="text" name="event" size="35" placeholder="Enter your event" /><br><br>
+				Date: <input type="text" name="date" maxlength="8" placeholder="##/##/##" /><br><br>
+				Time: <input type="text" name="time" maxlength="10" placeholder="ex: 12:00 P.M." /><br><br>
+				Description: <textarea name="script" rows="10" columns="300" placeholder="Enter a description of your event" id="description"></textarea><br><br>
+				Will food be provided?:<input type="checkbox" name="food" /> <br><br>
+			<input type="button" value="Submit" onclick="getPdata()" />
+			<input type="button" value="Cancel" onclick="initprompt()" />
+		</form>
+		<img src="my events.png" alt="My Events">
+		<div id="cannedLogin">George123 | <a href="">Sign Out</a></div>
+	</div>
 
 </header>
 
@@ -47,8 +61,8 @@
 
 <!-- HTML5 article tag -->    
 <article>
-    <div style="width:600px;height:800px;border:1px solid #000;">
-	<canvas id="canvas" height="800" width="600"></canvas>
+    <div style="width:1022px;height:500px;border:1px solid #000;">
+	<canvas id="canvas" height="500" width="1022"></canvas>
 	</div>
 </article>