register/css/sotm.css

   1 body {
   2     padding-top: 15px;
   3     background: #f4ffff url(../images/bg.gif) left bottom repeat-x;
   4 }
   5 a {color: #008DCF}
   6 #wrapper {
   7     width: 960px;
   8     margin: 0 auto 15px;
   9     background: #fff;
  10 }
  11 /*Header*/
  12 #header {
  13     position: relative;
  14     height: 245px;
  15     padding-right: 40px;
  16     text-align: right;
  17     background: url(../images/logo.jpg) left top no-repeat;
  18 }
  19 #header .left {
  20     left: -1px;
  21     background: url(../images/header_corners.gif) 0px 0px no-repeat;
  22 }
  23 #header .right {
  24     right: -2px;
  25     background: url(../images/header_corners.gif) -10px 0px no-repeat;
  26 }
  27 #content, #header {
  28     border: 1px solid #a1cde1;
  29     border-top: none;
  30     border-bottom: none;
  31 }
  32 #header h1 {
  33     padding: 38px 0 0 0;
  34     text-align: right;
  35     font: bold 41px "Arial black";
  36     text-transform: uppercase;
  37 }
  38 #header h2 {
  39     text-align: right;
  40     font: 23px "Arial";
  41     color: #666;
  42 }
  43 #header h2 b {
  44     color: #000;
  45     font-weight: bold;
  46     font-family: "Arial black";
  47 }
  48 #header h3 {
  49     padding-top: 20px;
  50     width: 495px;
  51     float: right;
  52     text-align: left;
  53     font: bold 24px "Arial";
  54     color: #008dcf;
  55 }
  56 /*Content*/
  57 .first {
  58     padding: 10px 0;
  59     color: #4b5052;
  60     font-size: 13px;
  61 }
  62 .first em {
  63     font-style: normal;
  64     font-weight: bold;
  65     color: #000;
  66 }
  67 #content h3, #content p, #content ol, .banner, .themes, .bulleted, .sponsors {
  68     margin: 0 40px;
  69 }
  70 /*Banner*/
  71 .banner {
  72     height: 74px;
  73     position: relative;
  74     background: #ddf2f9;
  75 }
  76 .banner span {
  77     position: absolute;
  78     top: 0px;
  79     display: block;
  80     width: 14px;
  81     height: 74px;
  82 }
  83 .banner .left {
  84     left: 0px;
  85     background: url(../images/banner_corners.jpg) 0px 0px no-repeat;
  86 }
  87 .banner .right {
  88     right: 0px;
  89     background: url(../images/banner_corners.jpg) -14px 0px no-repeat;
  90 }
  91 #content .banner p {
  92     font: bold 23px arial;
  93     line-height: 74px;
  94     margin: 0 25px;
  95 }
  96 .banner a {
  97     position: absolute;
  98     top: 6px;
  99     right: 6px;
 100     display: block;
 101     width: 331px;
 102     height: 62px;
 103     text-indent: -11000px;
 104     background: url(../images/button.jpg) 0 0 no-repeat;
 105 }
 106 .banner a:hover {background: url(../images/button.jpg) 0  -62px no-repeat;}
 107 .banner a:active {background: url(../images/button.jpg) 0 -124px no-repeat;}
 108
 109
 110 #content h3 {
 111     padding-top: 25px;
 112     font: bold 16px arial;
 113     color: #5c6568;
 114 }
 115
 116 /*Speakers*/
 117 .speakers {
 118     position: relative;
 119     clear: both;
 120     height: 272px;
 121     padding: 0 32px 0 40px;
 122     background: #ddf2f9;
 123 }
 124 .speakers div {
 125     float: left;
 126     display: block;
 127     width: 434px;
 128     height: 124px;
 129     margin: 8px 8px 0 0;
 130     background: url(../images/speaker_block.gif) 0 0 no-repeat;
 131 }
 132 .speakers img {
 133     float: left;
 134     margin: 9px 20px 8px 10px;
 135 }
 136 #content .speakers h4 {
 137     margin: 10px 0px 5px 0;
 138     font: bold 24px arial;
 139 }
 140 #content .speakers p {
 141     margin: 0;
 142     font: bold 13px arial;
 143 }
 144
 145 /*Themes*/
 146 .themes {
 147     margin-top: 8px;
 148     font: 13px arial;
 149     color: #3e4446;
 150 }
 151 .themes li {
 152     line-height: 20px;
 153 }
 154 .themes em {
 155     color: #000;
 156     font-style: normal;
 157     font-weight: bold;
 158 }
 159
 160 /*Bulletes*/
 161 .bulleted {
 162     padding: 10px 0 0 24px;
 163 }
 164 .bulleted li {
 165     padding-left: 12px;
 166     height: 18px;
 167     background: url(../images/bullet.gif) left center no-repeat;
 168     font: 13px arial;
 169     color: #585d5f;
 170 }
 171 .bulleted .no-bullet {background: none;}
 172
 173 /*Sponsors*/
 174 .sponsors {
 175     padding: 15px 0 10px 0;
 176 }
 177 .sponsors a {margin-right: 14px;}
 178
 179
 180 /*Footer*/
 181 #footer {
 182     position: relative;
 183     height: 14px;
 184     background: url(../images/footer_line.gif) repeat-x;
 185 }
 186 #footer span, #header span {
 187     position: absolute;
 188     top: 0px;
 189     display: block;
 190     width: 11px;
 191     height: 14px;
 192 }
 193 #footer .left {
 194     left: -1px;
 195     background: url(../images/footer_corners.gif) 0px 0px no-repeat;
 196 }
 197 #footer .right {
 198     right: -1px;
 199     background: url(../images/footer_corners.gif) -12px 0px no-repeat;
 200 }