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