diff --git a/pycon_project/static/2012/css/pycon.css b/pycon_project/static/2012/css/pycon.css
index df06b1d3..f93cdbff 100644
--- a/pycon_project/static/2012/css/pycon.css
+++ b/pycon_project/static/2012/css/pycon.css
@@ -578,7 +578,6 @@ nav#main-nav {
   right: -18px;
 }
 nav#main-nav ul {
-  overflow: hidden;
 }
 nav#main-nav ul li {
   float: left;
@@ -588,7 +587,6 @@ nav#main-nav ul li a {
   padding: 0 18px;
   text-decoration: none;
   color: #484746;
-  overflow: hidden;
   position: relative;
   text-shadow: 0 1px 0 #f9f2e6;
   font-size:161.6%;
@@ -654,15 +652,20 @@ nav#main-nav ul li.sfhover ul li a, nav#main-nav ul li ul li a {
   text-shadow: 0px 1px 0px #dddddd;
   font-size: 93%;
   font-weight: normal;
-  padding: 2px 15px;
+  padding: 6px 15px;
   border: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  height:24px;
-  line-height:24px;
+  height:100%;
+  line-height:18px;
   text-transform:none;
   text-shadow:0 1px 0 #fff;
 }
 
+/* shift venue dropdown menu to the left so that it does not get cropped */
+nav#main-nav ul li#tab_venue ul {
+  margin: -17px 0 0 -110px;
+}
+
 /* subnav rollover effects */
 nav#main-nav ul li ul li a:hover {
   color: #006e91;
@@ -2005,4 +2008,50 @@ a.btn-register:hover {
   line-height: 26px;
   font-size: 14px;
 }
-
+/* css3 gradient buttons from http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */
+.button {
+	font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
+	text-transform: uppercase;
+	font-size: 24px;
+	display: inline-block;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+	text-decoration: none;
+	padding: .25em 1em;
+	text-shadow: 0 1px 1px rgba(0,0,0,.3);
+	-webkit-border-radius: .25em; 
+	-moz-border-radius: .25em;
+	border-radius: .25em;
+	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	box-shadow: 0 1px 2px rgba(0,0,0,.2);
+}
+.button:hover {
+	text-decoration: none;
+}
+.button:active {
+	position: relative;
+	top: 1px;
+}
+/* blue */
+.blue {
+	color: #fff;
+	border: solid 1px #0076a3;
+	background: #0095cd;
+	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
+	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
+}
+.blue:hover {
+	background: #007ead;
+	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
+	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
+}
+.blue:active {
+	color: #80bed6;
+	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
+	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
+	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
+}