factory/v2012/dark.css
author Eugen Sawin <sawine@me73.com>
Sun, 18 Dec 2011 19:15:59 +0100
changeset 76 681b1d7dc3a9
parent 73 44d14b5e7bab
child 77 9c443a61358c
permissions -rw-r--r--
Prettier lines.
sawine@73
     1
/*
sawine@73
     2
ME73.com stylesheet
sawine@73
     3
Author: Eugen Sawin <sawine@me73.com>
sawine@73
     4
*/ 
sawine@73
     5
sawine@73
     6
* { margin: 0; padding: 0; outline: 0 }
sawine@73
     7
sawine@73
     8
html { background: #222222; }
sawine@73
     9
sawine@73
    10
body {
sawine@73
    11
    /*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
sawine@73
    12
    font: 12px/1.4 Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;   
sawine@73
    13
    color: #8D8D8D;	
sawine@73
    14
    margin: 0; 	
sawine@73
    15
    padding: 0; 
sawine@73
    16
    background: #222222;	
sawine@73
    17
    text-align: center;
sawine@73
    18
}
sawine@73
    19
sawine@73
    20
/* Links */
sawine@73
    21
a, a:visited {
sawine@73
    22
    text-decoration: none;
sawine@73
    23
    color: #DEDEDE;	
sawine@73
    24
}
sawine@73
    25
a:hover {
sawine@73
    26
    color: #fff;
sawine@73
    27
    border-bottom: 1px dotted #438800;
sawine@73
    28
}
sawine@73
    29
sawine@73
    30
/* headers */
sawine@73
    31
h1, h2, h3, h4 {
sawine@73
    32
    /*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
sawine@73
    33
    /*color: #0AEAEA;*/
sawine@73
    34
    color: #FFF;
sawine@73
    35
}
sawine@73
    36
h1 {    
sawine@73
    37
    font-size: 3.1em;	
sawine@73
    38
    letter-spacing: -2px;
sawine@73
    39
    padding: 15px 10px 5px 10px;	
sawine@73
    40
}
sawine@73
    41
h2 {
sawine@73
    42
    font-size: 1.7em;
sawine@73
    43
    /*color: #895F30;*/
sawine@73
    44
    color: #FFF;
sawine@73
    45
    padding: 20px 10px 5px 10px;	
sawine@73
    46
}
sawine@73
    47
h3 {    
sawine@73
    48
    font-size: 1.6em;	
sawine@73
    49
    font-weight: normal;
sawine@73
    50
    padding: 10px 10px 10px 5px;		
sawine@73
    51
}
sawine@73
    52
sawine@73
    53
h4 {
sawine@73
    54
    color: #AbAbAb;	
sawine@73
    55
    font-size: 1.1em;
sawine@73
    56
    /*font-weight: bold;*/
sawine@73
    57
    padding: 10px 5px 0px 0px;
sawine@73
    58
}
sawine@73
    59
sawine@73
    60
h5 {
sawine@73
    61
    font-size: 1.0em;
sawine@73
    62
    padding: 0px 0px 0px 0px;
sawine@73
    63
}
sawine@73
    64
sawine@73
    65
p, dl {
sawine@73
    66
    padding: 5px 20px;
sawine@73
    67
    margin: 0;
sawine@73
    68
}
sawine@73
    69
sawine@73
    70
ul, ol {
sawine@73
    71
    margin: 5px 20px;
sawine@73
    72
    padding: 0px 20px;
sawine@73
    73
}
sawine@74
    74
ul { 
sawine@74
    75
    list-style-type: square;
sawine@74
    76
}
sawine@73
    77
sawine@73
    78
dt {
sawine@73
    79
    /*font-weight: bold;*/
sawine@73
    80
    color: #FAFAFA;
sawine@73
    81
}
sawine@73
    82
dd {
sawine@73
    83
    padding-left: 25px; 
sawine@73
    84
}
sawine@73
    85
sawine@73
    86
/* images */
sawine@73
    87
img {
sawine@73
    88
    background: #1B1B1B;
sawine@73
    89
    border: 4px solid #262626;
sawine@73
    90
    padding: 0px;
sawine@73
    91
}
sawine@73
    92
sawine@73
    93
img.float-right {
sawine@73
    94
    margin: 5px 0px 5px 10px;  
sawine@73
    95
}
sawine@73
    96
sawine@73
    97
img.float-left {
sawine@73
    98
    margin: 5px 10px 5px 0px;
sawine@73
    99
}
sawine@73
   100
sawine@73
   101
canvas {
sawine@73
   102
    border: 4px solid #262626;  
sawine@73
   103
} 
sawine@73
   104
sawine@73
   105
#logo {
sawine@73
   106
    border-style: none; 
sawine@73
   107
    position: relative;
sawine@73
   108
    margin: 0; 
sawine@73
   109
    padding: 0;
sawine@73
   110
    color: #F8F8F8;    
sawine@73
   111
    /* change the values of top and left to adjust the position of the logo*/
sawine@73
   112
    top: 40px; left: 25px;
sawine@73
   113
    height: 120px;
sawine@73
   114
    width: 670px;
sawine@73
   115
}
sawine@73
   116
sawine@73
   117
code {
sawine@73
   118
    margin: 5px 0;
sawine@73
   119
    padding: 15px;
sawine@73
   120
    text-align: left;
sawine@73
   121
    display: block;
sawine@73
   122
    overflow: auto;  
sawine@73
   123
    font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
sawine@73
   124
    /* white-space: pre; */
sawine@73
   125
    background: #070707;
sawine@73
   126
/*border: 1px solid #111;   */
sawine@73
   127
}
sawine@73
   128
acronym {
sawine@73
   129
    cursor: help;
sawine@73
   130
    border-bottom: 1px dotted #5B5B5B;
sawine@73
   131
}
sawine@73
   132
blockquote {
sawine@73
   133
    margin: 15px 10px;
sawine@73
   134
    padding: 10px 10px 10px 35px;  
sawine@73
   135
    background: #070707 url(quote.gif) no-repeat 10px 10px;
sawine@73
   136
    border: 1px solid #111; 
sawine@73
   137
    font-weight: normal;
sawine@73
   138
    font-size: 17px;
sawine@73
   139
    line-height: 1.6em;
sawine@73
   140
    font-style: italic;
sawine@73
   141
    font-family: Georgia, 'Times New Roman', Times, serif;	
sawine@73
   142
    color: #808080;	
sawine@73
   143
}
sawine@73
   144
sawine@73
   145
/* start - table */
sawine@73
   146
table {
sawine@73
   147
    margin: 15px 0px; 	
sawine@73
   148
    border-collapse: collapse;			
sawine@73
   149
}
sawine@73
   150
th {
sawine@73
   151
    color: #FAFAFA;
sawine@73
   152
    height: 38px;
sawine@73
   153
    padding-left: 0px;
sawine@73
   154
    padding-right: 12px;	
sawine@73
   155
    text-align: left;	
sawine@73
   156
}
sawine@73
   157
tr {
sawine@73
   158
    color: #5b5b5b;
sawine@73
   159
    height: 15px;		
sawine@73
   160
}
sawine@73
   161
td {
sawine@73
   162
    padding-left: 0px;
sawine@73
   163
    padding-right: 12px;	
sawine@73
   164
}
sawine@73
   165
/* end - table */
sawine@73
   166
sawine@73
   167
sawine@73
   168
/* form elements */
sawine@73
   169
form {
sawine@73
   170
    margin: 20px 10px; 
sawine@73
   171
    padding: 15px 25px 25px 20px; 
sawine@73
   172
    background: #070707; 	
sawine@73
   173
/*border: 1px solid #111;	*/
sawine@73
   174
}
sawine@73
   175
form p {
sawine@73
   176
    /*border-bottom: 1px solid #101010;*/
sawine@73
   177
    padding: 12px 0 5px 0;	margin: 0;	
sawine@73
   178
}
sawine@73
   179
label {
sawine@73
   180
    font-weight: bold;	
sawine@73
   181
    color: #FAFAFA;
sawine@73
   182
}
sawine@73
   183
input, select, textarea {
sawine@73
   184
    margin: 5px 0;
sawine@73
   185
    padding: 5px;
sawine@73
   186
    font: normal 1em Verdana, Tahoma, sans-serif;
sawine@73
   187
    color: #6A6969;
sawine@73
   188
    background: #0C0C0C;  
sawine@73
   189
/*border: 1px solid #1C1C1C;*/
sawine@73
   190
}
sawine@73
   191
option { padding-right: 0.5em; } 
sawine@73
   192
sawine@73
   193
#name, #email, #message{
sawine@73
   194
    width: 480px;
sawine@73
   195
}
sawine@73
   196
input.button { 
sawine@73
   197
    font: bold 12px Arial, Verdana, Sans-serif; 
sawine@73
   198
    height: 30px;
sawine@73
   199
    padding: 2px 3px; 
sawine@73
   200
    margin-top: 8px;
sawine@73
   201
    color: #48780E;
sawine@73
   202
    background: #000;
sawine@73
   203
    border-width: 1px;
sawine@73
   204
    border-style: solid;
sawine@73
   205
    border-color: #1B1B1B;
sawine@73
   206
}
sawine@73
   207
sawine@73
   208
sawine@73
   209
/* ------------------------------------------
sawine@73
   210
   LAYOUT
sawine@73
   211
   ------------------------------------------- */ 
sawine@73
   212
#wrap { 
sawine@73
   213
    position: relative;
sawine@73
   214
    width: 1020px;
sawine@73
   215
    margin: 0 auto;
sawine@73
   216
    text-align: left;		
sawine@73
   217
}
sawine@73
   218
#content-wrap {
sawine@73
   219
    clear: both;
sawine@73
   220
    width: 1020px;	
sawine@73
   221
    float: left;	
sawine@73
   222
    padding-top: 15px;
sawine@73
   223
    padding-bottom: 50px;	
sawine@73
   224
}
sawine@73
   225
#header {
sawine@73
   226
    position: relative;
sawine@73
   227
    width: 1020px;	
sawine@73
   228
    height: 170px;	
sawine@73
   229
    margin: 0; 
sawine@73
   230
    padding: 0;			
sawine@73
   231
}
sawine@73
   232
#header h1#logo-text a {
sawine@73
   233
    position: absolute;
sawine@73
   234
    margin: 0; padding: 0;
sawine@73
   235
    font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;	
sawine@73
   236
    letter-spacing: -1.5px;
sawine@73
   237
    color: #F8F8F8;
sawine@73
   238
    text-decoration: none;
sawine@73
   239
    text-transform: none;
sawine@73
   240
    
sawine@73
   241
    /* change the values of top and left to adjust the position of the logo*/
sawine@73
   242
    top: 70px; left: 30px;	
sawine@73
   243
}
sawine@73
   244
#header h1#logo-text a:hover {
sawine@73
   245
    background: none;
sawine@73
   246
    margin-top: 100px;	
sawine@73
   247
    padding-top: 100px;
sawine@73
   248
}
sawine@73
   249
#header img {
sawine@73
   250
    position: relative;
sawine@73
   251
    top: 90px;
sawine@73
   252
    left: 22px;
sawine@73
   253
    border: 0px;
sawine@73
   254
}
sawine@73
   255
sawine@73
   256
#header p#intro {
sawine@73
   257
    position: absolute;
sawine@73
   258
    margin: 0; 
sawine@73
   259
    padding: 0;
sawine@73
   260
    font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
sawine@73
   261
    font-weight: bold;
sawine@73
   262
    font-size: 16px;	
sawine@73
   263
    line-height: 1.5em;
sawine@73
   264
    font-style: normal;
sawine@73
   265
    text-transform: none;
sawine@73
   266
    /*color: #6D7D2D;*/
sawine@73
   267
    color: #5ad715;
sawine@73
   268
    width: 400px;
sawine@73
   269
    
sawine@73
   270
    /* change the values of top and left to adjust the position */
sawine@73
   271
    top: 145px; 
sawine@73
   272
    left: 22px;		
sawine@73
   273
}
sawine@73
   274
sawine@73
   275
/*  Navigation  */
sawine@73
   276
#nav {
sawine@73
   277
    position: absolute;
sawine@73
   278
    margin: 0; 
sawine@73
   279
    padding: 0;		
sawine@73
   280
    height: 50px;
sawine@73
   281
    left: 0px;	
sawine@73
   282
    top: 30px;			
sawine@73
   283
}
sawine@73
   284
#nav ul {
sawine@73
   285
    float: left;
sawine@74
   286
    
sawine@73
   287
    height: 50px;
sawine@73
   288
    margin: 0 0 0 10px; 
sawine@73
   289
    padding: 0;	
sawine@73
   290
    display: inline;
sawine@73
   291
}
sawine@73
   292
#nav ul li {
sawine@73
   293
    display: inline;
sawine@73
   294
    margin: 0; 
sawine@73
   295
    padding: 0;
sawine@73
   296
}
sawine@73
   297
#nav ul li a {
sawine@73
   298
    float: left;
sawine@73
   299
    margin: 0;	
sawine@73
   300
    padding: 0 12px;
sawine@73
   301
    font-weight: bold;
sawine@73
   302
    font-size: 1.25em;
sawine@73
   303
    text-decoration: none;	
sawine@73
   304
    color: #c95723;
sawine@73
   305
    color: #999;	
sawine@73
   306
    text-transform: uppercase;
sawine@73
   307
}
sawine@73
   308
#nav ul li a:hover, 
sawine@73
   309
#nav ul li a:active {
sawine@73
   310
    color: #eee;
sawine@73
   311
    background: none;
sawine@73
   312
    border: none;
sawine@73
   313
}
sawine@73
   314
#nav ul li#current a {	
sawine@73
   315
    color: #D33972;	
sawine@73
   316
}
sawine@73
   317
sawine@73
   318
#subnav{
sawine@73
   319
    position: absolute;
sawine@73
   320
    margin: 17px 280px; 
sawine@73
   321
    padding: 0;		
sawine@73
   322
    height: 50px;
sawine@73
   323
    left: 10px;	
sawine@73
   324
    top: 30px;		
sawine@73
   325
}
sawine@73
   326
sawine@73
   327
#subnav ul {
sawine@73
   328
    float: left;
sawine@74
   329
  
sawine@73
   330
    height: 50px;
sawine@73
   331
    margin: 0 0 0 10px; 
sawine@73
   332
    padding: 0;	
sawine@73
   333
    display: inline;
sawine@73
   334
}
sawine@73
   335
#subnav ul li {
sawine@73
   336
    display: inline;
sawine@73
   337
    margin: 0; 
sawine@73
   338
    padding: 0;
sawine@73
   339
}
sawine@73
   340
#subnav ul li a {
sawine@73
   341
    float: left;
sawine@73
   342
    margin: 0;	
sawine@73
   343
    padding: 0 12px;
sawine@73
   344
    font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
sawine@73
   345
    text-decoration: none;	
sawine@73
   346
    color: #5ad715;	
sawine@73
   347
    text-transform: uppercase;
sawine@73
   348
}
sawine@73
   349
#subnav ul li a:hover, 
sawine@73
   350
#subnav ul li a:active {
sawine@73
   351
    color: #eee;
sawine@73
   352
    background: none;
sawine@73
   353
    border: none;
sawine@73
   354
}
sawine@73
   355
#subnav ul li#current a {	
sawine@73
   356
    color: #D33972;	
sawine@73
   357
}
sawine@73
   358
sawine@73
   359
/* Main Column */
sawine@73
   360
#main {
sawine@73
   361
    float: left;
sawine@73
   362
    width: 670px;
sawine@73
   363
    padding: 0; 
sawine@73
   364
    margin: 0 0 0 2px;
sawine@73
   365
    display: inline;	
sawine@73
   366
}
sawine@73
   367
#main h2 {
sawine@73
   368
    padding: 5px 22px;	
sawine@73
   369
    margin: 15px 5px 0px 0px;
sawine@73
   370
    /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
sawine@73
   371
    /*color: #45D5E6;
sawine@73
   372
      color: #00cccc;*/
sawine@73
   373
    color: #FFF;	
sawine@73
   374
}
sawine@73
   375
#main h2 a {
sawine@73
   376
    /*color: #45D5E6;*/
sawine@73
   377
    color: #FFF;
sawine@73
   378
    text-decoration: none;		
sawine@73
   379
    border: none;		
sawine@73
   380
}
sawine@73
   381
#main ul li {
sawine@73
   382
    /*list-style-image: url(images/bullet.png);*/
sawine@74
   383
    list-style-type: square;
sawine@73
   384
}
sawine@73
   385
sawine@73
   386
/* Sidebar */	
sawine@73
   387
#sidebar {
sawine@73
   388
    float: right;
sawine@73
   389
    width: 300px;
sawine@73
   390
    padding: 0; 
sawine@73
   391
    margin: 0px 18px 0 0;		
sawine@73
   392
    display: inline;
sawine@73
   393
    color: #5D5D5D;   
sawine@73
   394
/*border: 4px solid #262626;*/
sawine@73
   395
}
sawine@73
   396
sawine@74
   397
#random_quote {  
sawine@73
   398
    color: #c95723;
sawine@73
   399
    font-style: italic;
sawine@73
   400
}
sawine@73
   401
sawine@74
   402
#sidebar h2 {
sawine@74
   403
    font-size: 2.3em;
sawine@74
   404
    color: black;
sawine@74
   405
}
sawine@74
   406
sawine@73
   407
#sidebar h3 {
sawine@73
   408
/*padding: 5px 12px;
sawine@73
   409
  margin: 15px 5px 10px 0;
sawine@73
   410
  font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
sawine@73
   411
  color: #45D5E6;*/
sawine@73
   412
/*border-bottom: 1px solid #121212; */
sawine@73
   413
/*background-image: url(pattern.gif);		*/	
sawine@73
   414
}
sawine@73
   415
#sidebar ul.sidemenu {
sawine@73
   416
    text-align: left;
sawine@73
   417
    margin: 20px 5px 20px 0px; 
sawine@73
   418
    padding: 0;		
sawine@73
   419
/*border-top: 1px solid #111;		*/
sawine@73
   420
}
sawine@73
   421
#sidebar ul.sidemenu li {
sawine@73
   422
    list-style: none;
sawine@73
   423
    padding: 8px 10px;
sawine@73
   424
    margin: 0;    
sawine@73
   425
/*border-bottom: 1px solid #111;*/
sawine@73
   426
}
sawine@73
   427
* html body #sidebar ul.sidemenu li {
sawine@73
   428
    height: 1%;
sawine@73
   429
}
sawine@73
   430
#sidebar ul.sidemenu li a {
sawine@73
   431
    text-decoration: none;	
sawine@73
   432
    border: none;
sawine@73
   433
    color: #666666;
sawine@73
   434
    font-weight: bold;		
sawine@73
   435
    /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
sawine@73
   436
    font-size: 9pt;		
sawine@73
   437
}
sawine@73
   438
#sidebar ul.sidemenu li a span {
sawine@73
   439
    color: #444;	
sawine@73
   440
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
sawine@73
   441
    font-style: italic;
sawine@73
   442
    font-weight: normal;	
sawine@73
   443
    font-size: 8pt;
sawine@73
   444
}
sawine@73
   445
#sidebar ul.sidemenu li a:hover,
sawine@73
   446
#sidebar ul.sidemenu li a:hover span {	
sawine@73
   447
    color: #fff;	
sawine@73
   448
}
sawine@73
   449
#sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
sawine@73
   450
#sidebar ul.sidemenu ul li { border: none; }
sawine@73
   451
sawine@73
   452
/* header quick search */
sawine@73
   453
#sidebar form#quick-search {
sawine@73
   454
    padding: 0; 
sawine@73
   455
    margin: 20px 0 35px 0;
sawine@73
   456
    border: none;
sawine@73
   457
    width: 290px; height: 33px;
sawine@73
   458
/*background: url(header-search.gif) no-repeat;		*/
sawine@73
   459
}
sawine@73
   460
#sidebar form#quick-search p {
sawine@73
   461
    margin: 0; 
sawine@73
   462
    padding: 0;		
sawine@73
   463
}
sawine@73
   464
#sidebar form#quick-search input {
sawine@73
   465
    float: left;
sawine@73
   466
    border: none;
sawine@73
   467
    background: transparent;
sawine@73
   468
    color: #4E4E4E;	
sawine@73
   469
    margin: 0;
sawine@73
   470
}
sawine@73
   471
#sidebar form#quick-search .tbox {
sawine@73
   472
    margin: 5px 0 0 0px; 
sawine@73
   473
    width: 240px;	
sawine@73
   474
    display: inline;	
sawine@73
   475
}
sawine@73
   476
#search form#quick-search .btn{
sawine@73
   477
    width: 24px; height: 24px;			
sawine@73
   478
}
sawine@73
   479
#sidebar form#quick-search label {
sawine@73
   480
    display: none;
sawine@73
   481
}
sawine@73
   482
sawine@73
   483
/* footer */
sawine@73
   484
#footer {
sawine@73
   485
    clear: both;
sawine@73
   486
    /*padding: 1em 0 2.5em 0;*/
sawine@73
   487
    background: #222222;
sawine@73
   488
    color: #4E4E4E;
sawine@73
   489
    width: 100%;
sawine@73
   490
    float: left;			
sawine@73
   491
}
sawine@73
   492
#footer a {	
sawine@73
   493
    color: #4E4E4E;
sawine@73
   494
    /*color: #0E909C;*/
sawine@73
   495
    border: none;
sawine@73
   496
}
sawine@73
   497
#footer a:hover {
sawine@73
   498
    color: #fafafa;
sawine@73
   499
}
sawine@73
   500
#footer .rssfeed {
sawine@73
   501
    background: url(images/rss.gif) no-repeat left 1px;
sawine@73
   502
    padding-left: 17px;
sawine@73
   503
}
sawine@73
   504
#footer-left {
sawine@73
   505
    float: left;
sawine@73
   506
    width: 70%;
sawine@73
   507
}
sawine@73
   508
#footer-right {
sawine@73
   509
    float: right;
sawine@73
   510
    width: 25%;
sawine@73
   511
}
sawine@73
   512
sawine@73
   513
.download a
sawine@73
   514
{	
sawine@73
   515
    color: #5ad715;
sawine@73
   516
}
sawine@73
   517
sawine@73
   518
/* postmeta */
sawine@73
   519
.postmeta {	
sawine@73
   520
    padding: 7px 5px; 
sawine@73
   521
    margin: 5px 5px 5px 5px;	
sawine@73
   522
    font-size: 1em;	
sawine@73
   523
    color: #545454;
sawine@73
   524
    /*border: 1px solid #111; */
sawine@73
   525
    background: #222222; 
sawine@73
   526
}
sawine@73
   527
.postmeta .date{ margin: 0 10px 0 5px;	}
sawine@73
   528
.postmeta a.comments { margin: 0 10px 0 5px;	}
sawine@73
   529
.postmeta a.readmore { margin: 0 10px 0 5px;	}
sawine@73
   530
sawine@73
   531
.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
sawine@73
   532
.post-info a, .post-info a:visited { color: #AE275A; }
sawine@73
   533
sawine@73
   534
/* alignment classes */
sawine@73
   535
.float-left  { float: left; }
sawine@73
   536
.float-right { float: right; }
sawine@73
   537
.align-left  { text-align: left; }
sawine@73
   538
.align-right { text-align: right; }
sawine@73
   539
sawine@73
   540
/* display and additional classes */
sawine@73
   541
.no-border { 
sawine@73
   542
    border: none; 
sawine@73
   543
}
sawine@73
   544
sawine@73
   545
.clearer { 
sawine@73
   546
    clear: both; 
sawine@73
   547
}
sawine@73
   548
sawine@73
   549
.clear {
sawine@73
   550
    display:inline-block; 
sawine@73
   551
}
sawine@73
   552
sawine@73
   553
.clear:after {
sawine@73
   554
    display:block; 
sawine@73
   555
    visibility:hidden; 
sawine@73
   556
    clear:both; 
sawine@73
   557
    height:0; 
sawine@73
   558
    content: "."; 
sawine@73
   559
}
sawine@73
   560
sawine@73
   561