register/090601/css/sotm.css

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