Extra resources for State of the Map 2012 site

[stateofthemap.git] / register / 090625 / css / sotm.css

diff --git a/register/090625/css/sotm.css b/register/090625/css/sotm.css
new file mode 100644 (file)
index 0000000..04adf0c
--- /dev/null
+++ b/register/090625/css/sotm.css
@@ -0,0 +1,200 @@
+body {
+    padding-top: 15px;
+    background: #f4ffff url(../images/bg.gif) left bottom repeat-x;
+}
+a {color: #008DCF}
+#wrapper {
+    width: 960px;
+    margin: 0 auto 15px;
+    background: #fff;
+}
+/*Header*/
+#header {
+    position: relative;
+    height: 245px;
+    padding-right: 40px;
+    text-align: right;
+    background: url(../images/logo.jpg) left top no-repeat;
+}
+#header .left {
+    left: -1px;
+    background: url(../images/header_corners.gif) 0px 0px no-repeat;
+}
+#header .right {
+    right: -2px;
+    background: url(../images/header_corners.gif) -10px 0px no-repeat;
+}
+#content, #header {
+    border: 1px solid #a1cde1;
+    border-top: none;
+    border-bottom: none;
+}
+#header h1 {
+    padding: 38px 0 0 0;
+    text-align: right;
+    font: bold 41px "Arial black";
+    text-transform: uppercase;
+}
+#header h2 {
+    text-align: right;
+    font: 23px "Arial";
+    color: #666;
+}
+#header h2 b {
+    color: #000;
+    font-weight: bold;
+    font-family: "Arial black";
+}
+#header h3 {
+    padding-top: 20px;
+    width: 495px;
+    float: right;
+    text-align: left;
+    font: bold 24px "Arial";
+    color: #008dcf;
+}
+/*Content*/
+.first {
+    padding: 10px 0;
+    color: #4b5052;
+    font-size: 13px;
+}
+.first em {
+    font-style: normal;
+    font-weight: bold;
+    color: #000;
+}
+#content h3, #content p, #content ol, .banner, .themes, .bulleted, .sponsors {
+    margin: 0 40px;
+}
+/*Banner*/
+.banner {
+    height: 74px;
+    position: relative;
+    background: #ddf2f9;
+}
+.banner span {
+    position: absolute;
+    top: 0px;
+    display: block;
+    width: 14px;
+    height: 74px;
+}
+.banner .left {
+    left: 0px;
+    background: url(../images/banner_corners.jpg) 0px 0px no-repeat;
+}
+.banner .right {
+    right: 0px;
+    background: url(../images/banner_corners.jpg) -14px 0px no-repeat;
+}
+#content .banner p {
+    font: bold 23px arial;
+    line-height: 74px;
+    margin: 0 25px;
+}
+.banner a {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    display: block;
+    width: 331px;
+    height: 62px;
+    text-indent: -11000px;
+    background: url(../images/button.jpg) 0 0 no-repeat;
+}
+.banner a:hover {background: url(../images/button.jpg) 0  -62px no-repeat;}
+.banner a:active {background: url(../images/button.jpg) 0 -124px no-repeat;}
+
+
+#content h3 {
+    padding-top: 25px;
+    font: bold 16px arial;
+    color: #5c6568;
+}
+
+/*Speakers*/
+.speakers {
+    position: relative;
+    clear: both;
+    height: 272px;
+    padding: 0 32px 0 40px;
+    background: #ddf2f9;
+}
+.speakers div {
+    float: left;
+    display: block;
+    width: 434px;
+    height: 124px;
+    margin: 8px 8px 0 0;
+    background: url(../images/speaker_block.gif) 0 0 no-repeat;
+}
+.speakers img {
+    float: left;
+    margin: 9px 20px 8px 10px;
+}
+#content .speakers h4 {
+    margin: 10px 0px 5px 0;
+    font: bold 24px arial;
+}
+#content .speakers p {
+    margin: 0;
+    font: bold 13px arial;
+}
+
+/*Themes*/
+.themes {
+    margin-top: 8px;
+    font: 13px arial;
+    color: #3e4446;
+}
+.themes li {
+    line-height: 20px;
+}
+.themes em {
+    color: #000;
+    font-style: normal;
+    font-weight: bold;
+}
+
+/*Bulletes*/
+.bulleted {
+    padding: 10px 0 0 24px;
+}
+.bulleted li {
+    padding-left: 12px;
+    height: 18px;
+    background: url(../images/bullet.gif) left center no-repeat;
+    font: 13px arial;
+    color: #585d5f;
+}
+.bulleted .no-bullet {background: none;}
+
+/*Sponsors*/
+.sponsors {
+    padding: 15px 0 10px 0;
+}
+.sponsors a {margin-right: 14px;}
+
+
+/*Footer*/
+#footer {
+    position: relative;
+    height: 14px;
+    background: url(../images/footer_line.gif) repeat-x;
+}
+#footer span, #header span {
+    position: absolute;
+    top: 0px;
+    display: block;
+    width: 11px;
+    height: 14px;
+}
+#footer .left {
+    left: -1px;
+    background: url(../images/footer_corners.gif) 0px 0px no-repeat;
+}
+#footer .right {
+    right: -1px;
+    background: url(../images/footer_corners.gif) -12px 0px no-repeat;
+}