Added launch date and audition link

diff --git a/circle.css b/circle.css
index 5d77cdf542a395ff1433b1c8348b26bc854078ea..155b1173b55da77ed8cde93683b9c23b79a4bf54 100644 (file)
--- a/circle.css
+++ b/circle.css
@@ -85,18 +85,65 @@ div.footer {
 }
 
 div.main img {
+       padding-left: 75px;
+       padding-right: 75px;
+       padding-bottom: 70px;
+}
+
+div.main div {
+       width: 15em;
+       position: absolute;
+}
+
+div.main div#center {
+       width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
-       margin-left: -100px;
-       margin-top: -100px;
+       margin-left: -175px;
+       margin-top: -170px;
+       margin-bottom: -200px;
 }
 
-div.main div {
-       width: 15em;
+div.main div#audition {
+       width: 100%;
        position: absolute;
+       bottom: 30px;
+       left: 0px;
+       height: 40px;
+       line-height: 20px;
+       text-align: center;
 }
 
+div.main div#audition a:link, div.main div#audition a:visited {
+       color: #0A0A66;
+       text-decoration: none;
+       font-weight: bold;
+       font-size: 1.2em;
+}
+
+div.main div#audition a:hover {
+       color: #8B323D;
+}
+
+div.main div#launch {
+       width: 100%;
+       height: 30px;
+       position: absolute;
+       bottom: 0px;
+       right: 0px;
+       line-height: 30px;
+       text-align: center;
+}
+
+div.main div#launch span {
+        color: #8B323D;
+       text-decoration: none;
+       font-weight: bold;
+        font-size: 1.2em;
+}
+
+
 div.main div#president {
        top: 0;
        right: 50%;

diff --git a/index.html b/index.html
index 093b440d12dc6014f2e892994d5251af0bafe4e0..52a07ae1bd332f4f1f77699a9a81357b0e770dbb 100644 (file)
--- a/index.html
+++ b/index.html
@@ -186,7 +186,17 @@
                                         </a>
                                 </p>
                        </div>
-                       <img src="logo.png" alt="" title="Homerton May Ball 2011">
+                       <div id="center">
+                               <img src="logo.png" alt="" title="Homerton May Ball 2011">
+                               <div id="audition">
+                                       <a target="_blank" href="http://doodle.com/haiscnwhqfvfkua4"> Book an Audition </a>
+                               </div>
+                               <div id="launch">
+                                       <span>
+                                               Launch: 4th February 2011
+                                       </span>
+                               </div>
+                       </div>
                </div> 
                <div class="footer"> 
                        &copy; Homerton May Ball 2011 Committee. All rights reserved.