Skip to:
Content

BuddyPress.org

Ticket #3243: default.2.diff

File default.2.diff, 66.0 KB (added by karmatosed, 15 years ago)
  • default.css

     
    1 /* > Global Elements
    2 -------------------------------------------------------------- */
    3 
     1/*--------------------------------------------------------------
     2Hello, this is the main BuddyPress Default theme file.
     3Please see adminbar.css in this folder for the adminbar styling.
     4----------------------------------------------------------------
     5>>> TABLE OF CONTENTS:
     6----------------------------------------------------------------
     71.0 - Reset - Based on work by Eric Meyer
     82.0 - BuddyPress
     9        2.1 - Activity
     10                2.1.2 - Activity Listing
     11                2.1.3 - Activity Comments
     12        2.2 - Admin Bar
     13        2.3 - Ajax Loading
     14        2.4 - Data Tables
     15        2.5 - Directories - Members, Groups, Blogs, Forums
     16        2.6 - Forum Topics
     17    2.7 - Items
     18        2.7.1 - Item Headers
     19            2.7.2 - Item Lists - Activity, Friend, Group Lists
     20        2.7.3 - Item Tabs
     21        2.8 - Private Messaging Threads
     223.0 - Error / Success Messages
     234.0 - Forms
     24        4.1 - Buttons
     255.0 - Navigation
     26    5.1 - Pagination
     276.0 - Structure
     28        6.1 - Content
     29        6.2 - Header
     30        6.3 - Footer
     31        6.4 - Sidebar
     327.0 - Text Elements
     33    7.1 - Headers
     348.0 - WordPress
     35        8.1 - Alignments
     36        8.2 - Comments
     37        8.3 - Gallery
     38        8.4 - Images
     39    8.5 - Lists
     40        8.6 - Posts
     41--------------------------------------------------------------*/
     42/*--------------------------------------------------------------
     43>>> START STYLES
     44--------------------------------------------------------------*/
     45/*--------------------------------------------------------------
     461.0 - Reset - Reset default browser CSS. Based on work by Eric
     47Meyer: v1.0  http://meyerweb.com/eric/tools/css/reset/index.html
     48--------------------------------------------------------------*/
     49html, body, div, span, applet, object, iframe,
     50h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     51a, abbr, acronym, address, big, cite, code,
     52del, dfn, em, font, img, ins, kbd, q, s, samp,
     53small, strike, strong, sub, sup, tt, var,
     54b, u, i, center,
     55dl, dt, dd, ol, ul, li,
     56fieldset, form, label, legend,
     57table, caption, tbody, tfoot, thead, tr, th, td {
     58        margin: 0;
     59        padding: 0;
     60        border: 0;
     61        outline: 0;
     62        font-size: 100%;
     63        vertical-align: baseline;
     64        background: transparent;
     65}
    466body {
    5         background-color: #eaeaea;
    6         background-image: url( ../images/background.gif );
    7         background-repeat: repeat-x;
    8         background-position: top left;
    9         font-size: 12px;
    10         font-family: Arial, Tahoma, Verdana, sans-serif;
    11         line-height: 170%;
    12         color: #555;
    13         width: 90%;
    14         min-width: 960px;
    15         max-width: 1250px;
    16         margin: 0 auto;
     67    background:#fff;
     68        line-height: 1;
    1769}
    18 h1,
    19 h2,
    20 h3,
    21 h4,
    22 h5,
    23 h6 {
    24         margin: 5px 0 15px 0;
     70ol, ul {
     71        list-style: none;
    2572}
    26 h1 {
    27         font-size: 28px;
    28         margin-bottom: 25px;
     73blockquote, q {
     74        quotes: none;
    2975}
    30 h2 {
    31         font-size: 24px;
    32         margin-bottom: 20px;
     76blockquote:before, blockquote:after,
     77q:before, q:after {
     78        content: '';
     79        content: none;
    3380}
    34 h3 {
    35         font-size: 20px;
     81/* remember to define focus styles! */
     82:focus {
     83        outline: 0;
    3684}
    37 h4 {
    38         font-size: 16px;
    39         margin-bottom: 15px;
     85/* remember to highlight inserts somehow! */
     86ins {
     87        text-decoration: none;
    4088}
    41 h5 {
    42         font-size: 14px;
    43         margin-bottom: 0;
     89del {
     90        text-decoration: line-through;
    4491}
    45 h6 {
    46         font-size: 12px;
    47         margin-bottom: 0;
     92/* tables still need 'cellspacing="0"' in the markup */
     93table {
     94        border-collapse: collapse;
     95        border-spacing: 0;
    4896}
    49 a {
    50         color: #1fb3dd;
     97a img { border: none; }
     98/*--------------------------------------------------------------
     992.0 - BuddyPress
     100--------------------------------------------------------------*/
     101/*--------------------------------------------------------------
     1022.1 - Activity
     103--------------------------------------------------------------*/
     104form#whats-new-form {
     105        margin-bottom: 5px;
    51106}
    52 a:hover,
    53 a:active {
     107#item-body form#whats-new-form {
     108        margin: 20px 0 10px;
     109        padding-bottom: 40px;
     110        border-bottom: 1px solid #ddd;
     111}
     112.home-page form#whats-new-form {
     113        border-bottom: none;
     114        padding-bottom: 0;
     115}
     116form#whats-new-form h5 {
     117        margin: 0;
     118        font-weight: normal;
     119        font-size: 12px;
    54120        color: #888;
     121        margin-left: 76px;
     122        padding: 0 0 3px 0;
    55123}
    56 a:focus {
    57         outline: 1px dotted #ccc;
     124form#whats-new-form #whats-new-avatar {
     125        float: left;
    58126}
    59 .padder {
    60         padding: 19px;
     127form#whats-new-form #whats-new-content {
     128        margin-left: 54px;
     129        padding-left: 22px;
    61130}
    62 .clear {
    63         clear: left;
     131form#whats-new-form #whats-new-textarea {
     132        padding: 8px;
     133        border: 1px inset #ccc;
     134        background: #fff;
     135        margin-bottom: 10px;
     136        -moz-border-radius: 3px;
     137        -webkit-border-radius: 3px;
     138        border-radius: 3px;
    64139}
    65 p {
    66         margin-bottom: 15px;
     140form#whats-new-form textarea {
     141        width: 100%;
     142        height: 50px;
     143        font-size: 14px;
     144        font-family: inherit;
     145        color: #555;
     146        border: none;
     147        margin: 0;
     148        padding: 0;
    67149}
    68 p:last-child {
    69         margin-bottom: 0;
     150form#whats-new-form #whats-new-options select {
     151        max-width: 200px;
    70152}
    71 hr {
    72         background-color: #e7e7e7;
    73         border: 0 none;
    74         clear: both;
    75         height: 1px;
    76         margin: 20px 0;
     153form#whats-new-form #whats-new-submit {
     154        float: right;
     155        margin: 0;
    77156}
    78 img.avatar {
     157/*--------------------------------------------------------------
     1582.1.1 - Activity Listing
     159--------------------------------------------------------------*/
     160ul.activity-list li {
     161        padding: 15px 0 0;
     162        overflow: hidden;
     163}
     164.activity-list .activity-avatar {
    79165        float: left;
    80         border: 2px solid #eee;
    81166}
    82 big {
    83         font-size: 18px;
     167ul.activity-list > li:first-child {
     168        padding-top: 5px;
    84169}
    85 del {
    86         text-decoration: line-through;
     170ul.activity-list li.has-comments {
     171        padding-bottom: 15px;
    87172}
    88 ins {
    89         background: #fff9db;
    90         text-decoration: none;
     173body.activity-permalink ul.activity-list li.has-comments {
     174        padding-bottom: 0;
    91175}
    92 sub {
    93         top: .5ex;
     176.activity-list li.mini {
     177        position: relative;
     178        font-size: 11px;
     179        min-height: 35px;
     180        padding: 15px 0 0 0;
    94181}
    95 sup {
    96         bottom: 1ex;
     182.activity-list li.mini div.activity-meta {
     183        margin: 0;
    97184}
    98 sub,
    99 sup {
    100         height: 0;
    101         line-height: 1;
    102         vertical-align: baseline;
    103         position: relative;
     185.activity-list li.mini div.activity-meta a {
     186        padding: 3px 8px;
    104187}
    105 
    106 
    107 /* > Admin Bar
    108 -------------------------------------------------------------- */
    109 
    110 #wp-admin-bar .padder {
    111         width: 90% !important; /* Line up the admin bar with the content body in this theme */
     188.activity-list li.mini .activity-avatar img.avatar,
     189.activity-list li.mini .activity-avatar img.FB_profile_pic {
     190        width: 20px;
     191        height: 20px;
     192        margin-left: 76px;
    112193}
    113 
    114 
    115 /* > Header
    116 -------------------------------------------------------------- */
    117 
    118 #header {
    119         -moz-border-radius-bottomleft: 6px;
    120         -webkit-border-bottom-left-radius: 6px;
    121         -moz-border-radius-bottomright: 6px;
    122         -webkit-border-bottom-right-radius: 6px;
    123         color: #fff;
     194.activity-list li.activity_comment .activity-avatar img.avatar,
     195.activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
     196        width: 40px;
     197        height: 40px;
     198        margin-left: 20px;
     199}
     200body.activity-permalink .activity-list > li:first-child {
     201        padding-top: 0;
     202}
     203body.activity-permalink .activity-list li .activity-avatar img.avatar,
     204body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
     205        width: 100px;
    124206        height: 100px;
    125         margin-bottom: 20px;
    126         padding-top: 25px;
     207        margin-left: 0;
     208}
     209.activity-list li .activity-content {
    127210        position: relative;
    128         z-index: 1000;
    129211}
    130 #header #search-bar {
    131         margin-top: 5px;
    132         text-align: right;
    133         width: 100%;
     212.activity-list li.mini .activity-content p {
     213        margin: 0;
     214        float: left;
    134215}
    135 #header #search-bar .padder {
    136         padding: 10px 15px 0 20px;
     216.activity-list li .activity-meta {
     217        position: absolute;
     218        right: 0;
     219        top: 0;
    137220}
    138 #header #search-bar input[type=text] {
    139         -moz-border-radius: 3px;
    140         -webkit-border-radius: 3px;
    141         border-radius: 3px;
    142         border: 1px inset #888;
    143         padding: 2px;
    144         margin-right: 4px;
     221body.activity-permalink .activity-list .activity-meta {
     222        top: 18px;
     223        right: 15px;
    145224}
    146 #header #search-bar input[type=submit] {
     225body.activity-permalink .activity-list li.mini .activity-meta {
     226        position: absolute;
     227        right: 15px;
     228}
     229.activity-list li.mini .activity-comments {
     230        clear: left;
     231        font-size: 12px;
     232        margin-top: 30px;
     233}
     234.activity-list li .activity-inreplyto {
    147235        font-size: 11px;
    148         padding: 1px 4px;
    149         margin-left: 4px;
     236        color: #888;
     237        margin-left: 70px;
     238        margin-bottom: 15px;
     239        padding-left: 25px;
     240        background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
    150241}
    151 #header h1 {
    152         float: left;
     242.activity-list li .activity-inreplyto > p {
     243        margin: 0;
     244        display: inline;
     245}
     246.activity-list li .activity-inreplyto blockquote,
     247.activity-list li .activity-inreplyto div.activity-inner {
     248        background: none;
     249        border: none;
     250        display: inline;
     251        padding: 0;
     252        margin: 0;
     253        overflow: hidden;
     254}
     255.activity-list .activity-avatar img {
     256        width: 50px;
     257        height: 50px;
     258}
     259body.activity-permalink .activity-list .activity-avatar img {
     260        width: 100px;
     261        height: 100px;
     262}
     263.activity-list .activity-content {
     264        margin-left: 70px;
     265}
     266body.activity-permalink .activity-list li .activity-content {
     267        -moz-border-radius: 4px;
     268        -webkit-border-radius: 4px;
     269        border-radius: 4px;
     270        background: #fff;
     271        padding: 15px;
     272        border-bottom: 1px solid #ddd;
     273        border-right: 1px solid #ddd;
     274        margin-left: 135px;
     275        font-size: 16px;
     276        line-height: 150%;
     277        min-height: 35px;
     278        margin-right: 0;
     279}
     280body.activity-permalink .activity-list li .activity-header > p {
     281        background: url( ../images/activity_arrow.gif ) top left no-repeat;
     282        margin-left: -35px;
     283        padding: 5px 0 0 35px;
     284        height: 35px;
    153285        margin-bottom: 0;
    154         margin-top: 0;
    155286}
    156 #header h1 a {
    157         color: #fff;
    158         font-size: 26px;
     287.activity-list .activity-content .activity-header,
     288.activity-list .activity-content .comment-header {
     289        font-size: 11px;
     290        color: #888;
     291        line-height: 220%;
     292}
     293.activity-header {
     294        margin-right: 130px;
     295}
     296.activity-list .activity-content .activity-header img.avatar {
     297        float: none !important;
     298        margin: 0 5px -8px 0 !important;
     299}
     300.activity-list .activity-header a:first-child,
     301.commentlist .depth-1 > .comment-content .comment-meta a:first-child,
     302span.highlight {
     303        background: #ebf7ff;
     304        border-bottom: 1px solid #a1dcfa;
     305        border-right: 1px solid #a1dcfa;
     306        color: #059ae7;
     307        padding: 3px 8px;
    159308        text-decoration: none;
     309        -moz-border-radius: 4px;
     310        -webkit-border-radius: 4px;
     311        border-radius: 4px;
     312        margin-right: 3px;
    160313}
    161 
    162 
    163 /* > Navigation
    164 -------------------------------------------------------------- */
    165 
    166 #nav {
     314.activity-list .activity-header a:first-child:hover {
     315        background: #059ae7 !important;
     316        color: #fff !important;
     317}
     318.activity-list .activity-content a:first-child:focus {
     319        outline: none;
     320}
     321.activity-list .activity-content span.time-since,
     322.comment-content .comment-meta span.time-since {
     323        color: #bbb;
     324}
     325.activity-list .activity-content span.activity-header-meta a {
     326        background: none;
     327        padding: 0;
     328        font-size: 11px;
    167329        margin: 0;
    168         padding: 0;
    169         position: absolute;
    170         right: 15px;
    171         list-style: none;
    172         bottom: 0;
    173         max-width: 95%;
     330        border: none;
     331        color: #aaa;
     332        text-decoration: underline;
    174333}
    175 #nav li a {
    176         background: url( ../images/60pc_black.png );
    177         color: #fff;
    178         display: block;
    179         padding: 5px 15px;
     334.activity-list .activity-content span.activity-header-meta a:hover {
     335        color: inherit;
    180336        text-decoration: none;
    181337}
    182 #nav li {
    183         margin-left: 5px;
    184         float: left;
     338.activity-list .activity-content .activity-inner,
     339.activity-list .activity-content blockquote {
     340        margin: 15px 0 15px 5px;
     341        overflow: hidden;
    185342}
    186 #nav li li {
     343body.activity-permalink .activity-content .activity-inner,
     344body.activity-permalink .activity-content blockquote {
    187345        margin-left: 0;
     346        margin-top: 5px;
    188347}
    189 #nav > li > a {
    190         -moz-border-radius-topleft: 3px;
    191         -webkit-border-top-left-radius: 3px;
    192         -moz-border-radius-topright: 3px;
    193         -webkit-border-top-right-radius: 3px;
     348.activity-inner > .activity-inner {
     349        margin: 0 !important;
    194350}
    195 #nav li.selected a,
    196 #nav > li.current-menu-item a,
    197 #nav > li.current_page_item a {
    198         background: #f5f5f5;
     351.activity-inner > blockquote {
     352        margin: 0 !important;
     353}
     354.activity-list .activity-content img.thumbnail {
     355        float: left;
     356        margin: 0 10px 5px 0;
     357        border: 2px solid #eee;
     358}
     359.activity-read-more {
     360        margin-left: 1em;
     361}
     362.activity-list li.load-more {
     363        margin: 15px 0 !important;
     364        padding: 10px 15px !important;
     365        background: #f0f0f0 !important;
     366        text-align: center;
     367        font-size: 1.2em;
     368        border-right: 1px solid #ddd;
     369        border-bottom: 1px solid #ddd;
     370        -moz-border-radius: 4px;
     371        -webkit-border-radius: 4px;
     372        border-radius: 4px;
     373}
     374.activity-list li.load-more a {
    199375        color: #555;
    200376}
    201 #nav > li > ul {
    202         border-top-width: 0;
     377/*--------------------------------------------------------------
     3782.1.2 - Activity Comments
     379--------------------------------------------------------------*/
     380div.activity-meta {
     381        margin: 0 0 20px 3px;
     382        clear: left;
    203383}
    204 #nav > ul li.sfhover a,
    205 #nav > ul li:hover a {
    206         background: #333;
     384.activity-list div.activity-meta a {
     385        font-size: 11px;
     386        background: #f4f4f4;
     387        border-bottom: 1px solid #ddd;
     388        border-right: 1px solid #ddd;
     389        color: #999;
     390        padding: 4px 8px;
     391        text-decoration: none;
     392        -moz-border-radius: 4px;
     393        -webkit-border-radius: 4px;
     394        border-radius: 4px;
     395        margin-right: 3px;
     396}
     397.activity-list div.activity-meta a.acomment-reply {
     398        background: #fff9db;
     399        border-bottom: 1px solid #ffe8c4;
     400        border-right: 1px solid #ffe8c4;
     401        color: #ffa200;
     402}
     403div.activity-meta a:focus {
     404        outline: none;
     405}
     406div.activity-meta a:hover {
     407        background: #aaa;
    207408        color: #fff;
     409        border-color: #aaa;
    208410}
    209 #nav li.sfhover,
    210 #nav li:hover {
     411div.activity-meta a.acomment-reply:hover {
     412        background: #f7740a;
     413        color: #fff;
     414        border-color: #f7740a;
     415}
     416div.activity-comments {
    211417        position: relative;
    212         z-index: 1000;
     418        margin: 0 0 0 75px;
     419        width: auto;
     420        overflow: hidden; /* IE fix */
    213421}
    214 #nav ul {
    215         border: 1px solid #222;
    216         -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    217         -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    218         -moz-border-radius: 3px;
    219         -webkit-border-radius: 3px;
    220         -moz-border-radius-topleft: 0;
    221         -webkit-border-top-left-radius: 0;
    222         -moz-border-radius-topright: 0;
    223         -webkit-border-top-right-radius: 0;
     422body.activity-permalink div.activity-comments {
     423        width: auto;
     424        margin-left: 135px;
     425        background: none;
    224426}
    225 #nav ul li ul {
    226         -moz-border-radius: 3px;
    227         -webkit-border-radius: 3px;
     427div.activity-comments > ul {
     428        background: #f5f5f5;
     429        -moz-border-radius: 4px;
     430        -webkit-border-radius: 4px;
     431        padding: 0 10px 0;
    228432}
    229 #nav ul,
    230 #nav .sfhover ul ul,
    231 #nav :hover ul ul {
    232         left: -9999px;
    233         position: absolute;
     433div.activity-comments ul,
     434div.activity-comments ul li {
     435        border: none;
     436        list-style: none;
    234437}
    235 #nav .sfhover ul,
    236 #nav :hover ul {
    237         left: 0;
    238         top: 100%;
    239         width: 128px;
     438div.activity-comments ul {
     439        clear: left;
    240440}
    241 #nav .sfhover ul li > a,
    242 #nav :hover ul li > a {
    243         background: #333;
    244         color: #fff;
     441div.activity-comments ul li {
     442        border-top: 2px solid #fff;
     443        padding: 10px 0 0;
    245444}
    246 #nav .sfhover ul .sfhover > ul,
    247 #nav :hover ul :hover > ul {
    248         left: 125px;
    249         top: -1px;
    250         width: 128px;
     445body.activity-permalink .activity-list li.mini .activity-comments {
     446        clear: none;
     447        margin-top: 0;
    251448}
    252 #nav ul li.sfhover > a,
    253 #nav ul li:hover > a {
    254         background-color: #222;
    255         color: #fff;
     449body.activity-permalink div.activity-comments ul li {
     450        border-width: 1px;
     451        padding: 10px 0 0;
    256452}
    257 #nav .sfhover ul li,
    258 #nav :hover ul li {
    259         height: 30px;
    260         line-height: 30px;
    261         text-indent: 10px;
    262         width: 128px;
     453.commentlist .comment-content a:first-child {
     454        margin-bottom: 10px;
    263455}
    264 #nav .sfhover ul li a,
    265 #nav :hover ul li a {
    266         padding: 0 0;
     456div.activity-comments > ul > li:first-child {
     457        border-top: none;
    267458}
    268 
    269 
    270 /* > Container
    271 -------------------------------------------------------------- */
    272 
    273 div#container {
    274         position: relative;
    275         width: 100%;
    276         -moz-border-radius: 6px;
    277         -webkit-border-radius: 6px;
    278         border-right: 1px solid #e0e0e0;
    279         border-bottom: 1px solid #e0e0e0;
     459div.activity-comments ul li:last-child {
     460        margin-bottom: 0;
     461}
     462div.activity-comments ul li > ul {
     463        margin-top: 0;
     464        margin-left: 20px;
     465}
     466body.activity-permalink div.activity-comments ul li > ul {
     467        margin-top: 10px;
     468}
     469body.activity-permalink div.activity-comments > ul {
     470        padding-left: 15px;
     471}
     472div.activity-comments div.acomment-avatar img {
     473        border-width: 2px !important;
     474        float: left;
     475        margin-right: 10px;
     476}
     477div.activity-comments div.acomment-content {
     478        font-size: 11px;
     479        margin-left: 39px;
     480        margin-top: 5px;
     481}
     482div.acomment-content .time-since {
     483        display: none;
     484}
     485div.acomment-content .activity-delete-link {
     486        display: none;
     487}
     488div.acomment-content .comment-header {
     489        display: none;
     490}
     491body.activity-permalink div.activity-comments div.acomment-content {
     492        font-size: 14px;
     493}
     494div.activity-comments div.acomment-meta {
     495        font-size: 11px;
     496        color: #888;
     497}
     498div.activity-comments form.ac-form {
     499        display: none;
     500        margin: 10px 0 10px 33px;
     501        background: #fafafa;
     502        border: 1px solid #ddd;
     503        -moz-border-radius: 4px;
     504        -webkit-border-radius: 4px;
     505        border-radius: 4px;
     506        padding: 8px;
     507}
     508div.activity-comments li form.ac-form {
     509        margin-right: 15px;
     510}
     511div.activity-comments form.root {
     512        margin-left: 0;
     513}
     514div.activity-comments div#message {
     515        margin-top: 15px;
     516        margin-bottom: 0;
     517}
     518div.activity-comments form.loading {
     519        background-image: url( ../images/ajax-loader.gif );
     520        background-position: 2% 95%;
     521        background-repeat: no-repeat;
     522}
     523div.activity-comments form .ac-textarea {
     524        padding: 8px;
     525        border: 1px inset #ccc;
    280526        background: #fff;
    281         overflow: hidden;
     527        margin-bottom: 10px;
     528        -moz-border-radius: 3px;
     529        -webkit-border-radius: 3px;
     530        border-radius: 3px;
    282531}
    283 body.activity-permalink div#container {
    284         background: none;
     532div.activity-comments form textarea {
     533        width: 100%;
     534        font-family: inherit;
     535        font-size: 11px;
     536        color: #555;
     537        height: 60px;
    285538        border: none;
     539        padding: 0;
    286540}
    287 
    288 
    289 /* > Sidebar
    290 -------------------------------------------------------------- */
    291 
    292 div#sidebar {
    293         float: left;
    294         width: 224px;
    295         margin-left: -226px;
    296         margin-top: 1px;
    297         border-left: 1px solid #ddd;
    298         -moz-border-radius-topright: 3px;
    299         -webkit-border-top-right-radius: 3px;
    300         background: url( ../images/sidebar_back.gif ) top left repeat-x;
     541div.activity-comments form input {
     542        margin-top: 5px;
    301543}
    302 div#sidebar div#sidebar-me img.avatar {
     544div.activity-comments form div.ac-reply-avatar {
    303545        float: left;
    304         margin: 0 10px 15px 0;
    305546}
    306 div#sidebar div#sidebar-me h4 {
    307         font-size: 16px;
    308         margin: 0 0 8px 0;
    309         font-weight: normal;
     547div.ac-reply-avatar img {
     548        border: 2px solid #fff !important;
    310549}
    311 div#sidebar ul#bp-nav {
    312         clear: left;
    313         margin: 15px -16px;
     550div.activity-comments form div.ac-reply-content {
     551        margin-left: 50px;
     552        padding-left: 15px;
     553        color: #888;
     554        font-size: 11px;
    314555}
    315 div#sidebar ul#bp-nav li {
    316         padding: 10px 15px;
     556/*--------------------------------------------------------------
     5572.2 - Admin Bar
     558--------------------------------------------------------------*/
     559#wp-admin-bar .padder {
     560        width: 90% !important; /* Line up the admin bar with the content body in this theme */
    317561}
    318 div#sidebar h3.widgettitle {
    319         margin: 25px -20px 10px -19px;
     562/*--------------------------------------------------------------
     5632.3 - Ajax Loading
     564--------------------------------------------------------------*/
     565.ajax-loader {
     566        background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
     567        padding: 8px;
     568        display: none;
     569}
     570a.loading {
     571        background-image: url( ../images/ajax-loader.gif ) !important;
     572        background-position: 95% 50% !important;
     573        background-repeat: no-repeat !important;
     574        padding-right: 25px !important;
     575}
     576/*--------------------------------------------------------------
     5772.4 - Data Tables
     578--------------------------------------------------------------*/
     579table {
     580        width: 100%;
     581}
     582table thead tr {
    320583        background: #eaeaea;
    321         padding: 5px 15px;
    322         font-size: 12px;
    323         clear: left;
    324584}
    325 #footer-widget-area .widget_search,
    326 div#sidebar .widget_search {
    327         margin-top: 20px;
     585table#message-threads {
     586        margin: 0 -19px;
     587        width: auto;
    328588}
    329 #footer-widget-area .widget_search input[type=text],
    330 div#sidebar .widget_search input[type=text] {
    331         width: 110px;
    332         padding: 2px;
     589table.profile-fields {
     590        margin-bottom: 20px;
    333591}
    334 #footer-widget-area ul#recentcomments li,
    335 #footer-widget-area .widget_recent_entries ul li,
    336 div#sidebar ul#recentcomments li,
    337 div#sidebar .widget_recent_entries ul li {
    338         margin-bottom: 15px;
     592div#sidebar table {
     593        margin: 0 -16px;
     594        width: 117%;
    339595}
    340 #footer-widget-area ul.item-list img.avatar,
    341 div#sidebar ul.item-list img.avatar {
    342         width: 20px;
    343         height: 20px;
    344         margin-right: 10px;
     596table tr td,
     597table tr th {
     598        padding: 8px;
     599        vertical-align: middle;
    345600}
    346 #footer-widget-area div.item-avatar img,
    347 div#sidebar div.item-avatar img {
     601table tr td.label {
     602        border-right: 1px solid #eaeaea;
     603        font-weight: bold;
     604        width: 25%;
     605}
     606table tr td.thread-info p {
     607        margin: 0;
     608}
     609table tr td.thread-info p.thread-excerpt {
     610        color: #888;
     611        font-size: 11px;
     612        margin-top: 3px;
     613}
     614div#sidebar table td,
     615table.forum td {
     616        text-align: center;
     617}
     618table tr.alt {
     619        background: #f8f8f8;
     620}
     621table.notification-settings {
     622        margin-bottom: 20px;
     623        text-align: left;
     624}
     625table.notification-settings th.icon,
     626table.notification-settings td:first-child {
     627        display: none;
     628}
     629table.notification-settings th.title {
     630        width: 80%;
     631}
     632table.notification-settings .yes,
     633table.notification-settings .no {
    348634        width: 40px;
    349         height: 40px;
    350         margin: 1px;
     635        text-align: center;
    351636}
    352 #footer-widget-area .avatar-block,
    353 div#sidebar .avatar-block {
    354         overflow: hidden;
     637table.forum {
     638        margin: 0 -19px;
     639        width: auto;
    355640}
    356 #footer-widget-area ul.item-list div.item-title,
    357 div#sidebar ul.item-list div.item-title {
    358         font-size: 12px;
     641table.forum tr.sticky td {
     642        background: #fff9db;
     643        border-top: 1px solid #ffe8c4;
     644        border-bottom: 1px solid #ffe8c4;
    359645}
    360 #footer-widget-area div.item-options,
    361 div#sidebar div.item-options {
    362         margin: -10px -20px 0 -19px;
    363         background: #f8f8f8;
    364         padding: 5px 15px;
     646table.forum tr.closed td.td-title {
     647        padding-left: 35px;
     648        background-image: url( ../images/closed.png );
     649        background-position: 15px 50%;
     650        background-repeat: no-repeat;
     651}
     652table.forum td p.topic-text {
     653        color: #888;
    365654        font-size: 11px;
    366655}
    367 #footer-widget-area div.item-content {
    368         margin-left: 38px;
     656table.forum tr > td:first-child,
     657table.forum tr > th:first-child {
     658        padding-left: 15px;
    369659}
    370 #footer-widget-area div.item-meta,
    371 div#sidebar div.item-meta,
    372 div#sidebar div.item-content {
    373         margin-left: 38px;
     660table.forum tr > td:last-child,
     661table.forum tr > th:last-child {
     662        padding-right: 15px;
     663}
     664table.forum tr th#th-title,
     665table.forum tr th#th-poster,
     666table.forum tr th#th-group,
     667table.forum td.td-poster,
     668table.forum td.td-group,
     669table.forum td.td-title {
     670        text-align: left;
     671}
     672table.forum td.td-freshness {
    374673        font-size: 11px;
     674        color: #888;
     675        white-space: nowrap;
     676        width: 150px;
    375677}
    376 #footer-widget-area div.tags div#tag-text,
    377 div#sidebar div.tags div#tag-text {
    378         font-size: 1.4em;
    379         line-height: 140%;
    380         padding-top: 10px;
     678table.forum td img.avatar {
     679        margin-right: 5px;
    381680}
    382 
    383 
    384 /* > Content
    385 -------------------------------------------------------------- */
    386 
    387 div#content {
    388         float: left;
     681table.forum td.td-poster,
     682table.forum td.td-group {
     683        min-width: 140px;
     684}
     685table.forum th#th-title {
    389686        width: 100%;
    390         -moz-border-radius-topleft: 6px;
    391         -webkit-border-top-left-radius: 6px;
    392         -moz-border-radius-bottomleft: 6px;
    393         -webkit-border-bottom-left-radius: 6px;
    394687}
    395 div#content .padder {
    396         margin-right: 225px;
    397         border-right: 1px solid #ddd;
    398         -moz-border-radius-topleft: 6px;
    399         -webkit-border-top-left-radius: 6px;
    400         -moz-border-radius-bottomleft: 6px;
    401         -webkit-border-bottom-left-radius: 6px;
     688table.forum th#th-postcount {
     689        width: 50px;
    402690}
    403 div#content .one-column {
    404         margin-right: 0;
    405         border-right: 0 none;
     691/*--------------------------------------------------------------
     6922.5 - Directories - Members, Groups, Blogs, Forums
     693--------------------------------------------------------------*/
     694div.dir-search {
     695        float: right;
     696        margin: -39px 0 0 0;
    406697}
    407 div#content .left-menu {
    408         float: left;
    409         width: 170px;
     698div.dir-search input[type=text] {
     699        padding: 0 3px;
     700        font-size: 12px;
    410701}
    411 div#content .main-column {
    412         margin-left: 190px;
     702/*--------------------------------------------------------------
     7032.6 - Forum Topics
     704--------------------------------------------------------------*/
     705ul#topic-post-list {
     706        margin: 0px -19px 15px;
     707        width: auto;
    413708}
    414 
    415 
    416 /* > Item Headers (Profiles, Groups)
    417 -------------------------------------------------------------- */
    418 
     709ul#topic-post-list li {
     710        padding: 15px;
     711        position: relative;
     712}
     713ul#topic-post-list li.alt {
     714        background: #f8f8f8;
     715}
     716ul#topic-post-list li div.poster-meta {
     717        margin-bottom: 10px;
     718        color: #888;
     719}
     720ul#topic-post-list li div.post-content {
     721        margin-left: 54px;
     722}
     723div.topic-tags {
     724        font-size: 11px;
     725}
     726div.admin-links {
     727        position: absolute;
     728        top: 15px;
     729        right: 25px;
     730        color: #888;
     731        font-size: 11px;
     732}
     733div#topic-meta {
     734        padding: 5px 19px 30px;
     735        margin: -10px -19px;
     736        position: relative;
     737}
     738div#topic-meta div.admin-links {
     739        right: 19px;
     740        top: -36px;
     741}
     742div#topic-meta h3 {
     743        font-size: 20px;
     744        margin: 5px 0;
     745}
     746div#new-topic-post {
     747        display: none;
     748        margin: 20px 0 0 0;
     749        padding: 1px 0 0 0;
     750}
     751/*--------------------------------------------------------------
     7522.7 - Items
     753--------------------------------------------------------------*/
     754.item-body {
     755        margin: 20px 0;
     756}
     757span.activity,
     758div#message p {
     759        display: inline-block;
     760        font-size: 11px;
     761        font-weight: normal;
     762        background: #fff9db;
     763        border-bottom: 1px solid #ffe8C4;
     764        border-right: 1px solid #ffe8C4;
     765        color: #ffa200;
     766        padding: 1px 8px;
     767        margin-top: 6px;
     768        text-decoration: none;
     769        -moz-border-radius: 3px;
     770        -webkit-border-radius: 3px;
     771        border-radius: 3px;
     772}
     773/*--------------------------------------------------------------
     7742.7.1 - Item Headers
     775--------------------------------------------------------------*/
    419776div#item-header {
    420777        overflow: hidden;
    421778}
     
    507864div#item-header div#message.info {
    508865        line-height: 80%;
    509866}
    510 
    511 
    512 /* > Item Lists (Activity, Friend, Group lists)
    513 -------------------------------------------------------------- */
    514 
     867/*--------------------------------------------------------------
     8682.7.2 - Item Lists - Activity, Friend, Group Lists
     869--------------------------------------------------------------*/
    515870ul.item-list {
    516871        width: 100%;
    517872}
     
    560915        font-size: 11px;
    561916        float: right;
    562917}
    563 
    564 
    565 /* > Item Tabs
    566 -------------------------------------------------------------- */
    567 
     918/*--------------------------------------------------------------
     9192.7.3 - Item Tabs
     920--------------------------------------------------------------*/
    568921div.item-list-tabs {
    569922        clear: left;
    570923        overflow: hidden;
     
    644997        background: url( ../images/rss.png ) center left no-repeat;
    645998        padding-left: 20px;
    646999}
    647 
    648 
    649 /* > Item Body
    650 -------------------------------------------------------------- */
    651 
    652 .item-body {
    653         margin: 20px 0;
     1000/*--------------------------------------------------------------
     10012.8 - Private Messaging Threads
     1002--------------------------------------------------------------*/
     1003table#message-threads tr.unread td {
     1004        background: #fff9db;
     1005        border-top: 1px solid #ffe8c4;
     1006        border-bottom: 1px solid #ffe8c4;
     1007        font-weight: bold;
    6541008}
    655 span.activity,
    656 div#message p {
    657         display: inline-block;
    658         font-size: 11px;
    659         font-weight: normal;
    660         background: #fff9db;
    661         border-bottom: 1px solid #ffe8C4;
    662         border-right: 1px solid #ffe8C4;
    663         color: #ffa200;
    664         padding: 1px 8px;
    665         margin-top: 6px;
    666         text-decoration: none;
     1009table#message-threads tr.unread td span.activity {
     1010        background: #fff;
     1011}
     1012li span.unread-count,
     1013tr.unread span.unread-count {
     1014        background: #dd0000;
     1015        padding: 2px 8px;
     1016        color: #fff;
     1017        font-weight: bold;
    6671018        -moz-border-radius: 3px;
    6681019        -webkit-border-radius: 3px;
    6691020        border-radius: 3px;
    6701021}
    671 
    672 
    673 /* > Directories (Members, Groups, Blogs, Forums)
    674 -------------------------------------------------------------- */
    675 
    676 div.dir-search {
    677         float: right;
    678         margin: -39px 0 0 0;
     1022div.item-list-tabs ul li a span.unread-count {
     1023        padding: 1px 6px;
     1024        color: #fff;
    6791025}
    680 div.dir-search input[type=text] {
    681         padding: 0 3px;
    682         font-size: 12px;
     1026div.messages-options-nav {
     1027        font-size: 11px;
     1028        background: #eee;
     1029        text-align: right;
     1030        margin: 0 -19px;
     1031        padding: 5px 15px;
    6831032}
    684 
    685 
    686 /* > Pagination
    687 -------------------------------------------------------------- */
    688 
    689 div.pagination {
    690         margin: -20px -19px 0px -19px;
    691         padding: 8px 20px;
    692         color: #888;
    693         font-size: 11px;
    694         height: 19px;
     1033div#message-thread div.message-box {
     1034        margin: 0 -19px;
     1035        padding: 15px;
     1036}
     1037div#message-thread div.alt {
    6951038        background: #f4f4f4;
    696         border: none;
    697         position: relative;
    6981039}
    699 div.pagination .pag-count {
     1040div#message-thread p#message-recipients {
     1041        margin: 10px 0 20px 0;
     1042}
     1043div#message-thread img.avatar {
    7001044        float: left;
     1045        margin: 0 10px 0 0;
     1046        vertical-align: middle;
    7011047}
    702 div.pagination .pagination-links {
    703         float: right;
     1048div#message-thread strong {
     1049        margin: 0;
     1050        font-size: 16px;
    7041051}
    705 div.pagination .pagination-links span,
    706 div.pagination .pagination-links a {
    707         font-size: 12px;
    708         padding: 0 5px;
     1052div#message-thread strong a {
     1053        text-decoration: none;
    7091054}
    710 div.pagination .pagination-links a:hover {
    711         font-weight: bold;
     1055div#message-thread strong span.activity {
     1056        margin: 4px 0 0 10px;
    7121057}
    713 div#pag-bottom {
    714         margin-top: -1px;
     1058div#message-thread div.message-metadata {
     1059        overflow: hidden;
    7151060}
    716 
    717 
    718 /* > Error / Success Messages
    719 -------------------------------------------------------------- */
    720 
     1061div#message-thread div.message-content {
     1062        margin-left: 45px;
     1063}
     1064div#message-thread div.message-options {
     1065        text-align: right;
     1066}
     1067/*--------------------------------------------------------------
     10683.0 - Errors / Success Messages
     1069--------------------------------------------------------------*/
    7211070div#message {
    7221071        margin: 15px 0;
    7231072}
     
    7501099        width: 90%;
    7511100        margin: 0 0 10px 0;
    7521101}
    753 
    754 
    755 /* > Buttons
    756 -------------------------------------------------------------- */
    757 
    758 button,
    759 a.button,
    760 input[type=submit],
    761 input[type=button],
    762 input[type=reset],
    763 ul.button-nav li a,
    764 div.generic-button a {
    765         background: url( ../images/white-grad.png ) top left repeat-x;
    766         border: 1px solid #ddd;
    767         padding: 3px 10px;
    768         -moz-border-radius: 3px;
    769         -webkit-border-radius: 3px;
    770         border-radius: 3px;
    771         text-decoration: none;
    772         color: #888;
    773         font-size: 12px;
    774         font-weight: normal;
    775         vertical-align: bottom;
    776         cursor: pointer;
    777 }
    778 button:hover,
    779 a.button:hover,
    780 a.button:focus,
    781 input[type=submit]:hover,
    782 input[type=button]:hover,
    783 input[type=reset]:hover,
    784 ul.button-nav li a:hover,
    785 ul.button-nav li.current a,
    786 div.generic-button a:hover {
    787         border-color: #aaa;
    788         color: #555;
    789         outline: none;
    790 }
    791 
    792 /* Buttons that are disabled */
    7931102button.pending,
    7941103button.disabled,
    7951104div.pending a,
     
    8171126ul.button-nav li.current a {
    8181127        font-weight: bold;
    8191128}
    820 
    821 
    822 /* > AJAX Loaders
    823 -------------------------------------------------------------- */
    824 
    825 .ajax-loader {
    826         background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
    827         padding: 8px;
    828         display: none;
    829 }
    830 a.loading {
    831         background-image: url( ../images/ajax-loader.gif ) !important;
    832         background-position: 95% 50% !important;
    833         background-repeat: no-repeat !important;
    834         padding-right: 25px !important;
    835 }
    836 
    837 
    838 /* > Input Forms
    839 -------------------------------------------------------------- */
    840 
     1129/*--------------------------------------------------------------
     11304.0 - Forms
     1131--------------------------------------------------------------*/
    8411132.standard-form textarea,
    8421133.standard-form input[type=text],
    8431134.standard-form select,
     
    9681259        border: 1px solid #e4e4e4;
    9691260        margin: 10px 0;
    9701261}
    971 
    972 
    973 /* > Data Tables
    974 -------------------------------------------------------------- */
    975 
    976 table {
    977         width: 100%;
    978 }
    979 table thead tr {
    980         background: #eaeaea;
    981 }
    982 table#message-threads {
    983         margin: 0 -19px;
    984         width: auto;
    985 }
    986 table.profile-fields {
    987         margin-bottom: 20px;
    988 }
    989 div#sidebar table {
    990         margin: 0 -16px;
    991         width: 117%;
    992 }
    993 table tr td,
    994 table tr th {
    995         padding: 8px;
    996         vertical-align: middle;
    997 }
    998 table tr td.label {
    999         border-right: 1px solid #eaeaea;
    1000         font-weight: bold;
    1001         width: 25%;
    1002 }
    1003 table tr td.thread-info p {
    1004         margin: 0;
    1005 }
    1006 table tr td.thread-info p.thread-excerpt {
     1262/*--------------------------------------------------------------
     12634.1 - Buttons
     1264--------------------------------------------------------------*/
     1265button,
     1266a.button,
     1267input[type=submit],
     1268input[type=button],
     1269input[type=reset],
     1270ul.button-nav li a,
     1271div.generic-button a {
     1272        background: url( ../images/white-grad.png ) top left repeat-x;
     1273        border: 1px solid #ddd;
     1274        padding: 3px 10px;
     1275        -moz-border-radius: 3px;
     1276        -webkit-border-radius: 3px;
     1277        border-radius: 3px;
     1278        text-decoration: none;
    10071279        color: #888;
    1008         font-size: 11px;
    1009         margin-top: 3px;
     1280        font-size: 12px;
     1281        font-weight: normal;
     1282        vertical-align: bottom;
     1283        cursor: pointer;
    10101284}
    1011 div#sidebar table td,
    1012 table.forum td {
    1013         text-align: center;
     1285button:hover,
     1286a.button:hover,
     1287a.button:focus,
     1288input[type=submit]:hover,
     1289input[type=button]:hover,
     1290input[type=reset]:hover,
     1291ul.button-nav li a:hover,
     1292ul.button-nav li.current a,
     1293div.generic-button a:hover {
     1294        border-color: #aaa;
     1295        color: #555;
     1296        outline: none;
    10141297}
    1015 table tr.alt {
    1016         background: #f8f8f8;
     1298/*--------------------------------------------------------------
     12995.0 - Navigation
     1300--------------------------------------------------------------*/
     1301a {
     1302        color: #1fb3dd;
    10171303}
    1018 table.notification-settings {
    1019         margin-bottom: 20px;
    1020         text-align: left;
    1021 }
    1022 table.notification-settings th.icon,
    1023 table.notification-settings td:first-child {
    1024         display: none;
    1025 }
    1026 table.notification-settings th.title {
    1027         width: 80%;
    1028 }
    1029 table.notification-settings .yes,
    1030 table.notification-settings .no {
    1031         width: 40px;
    1032         text-align: center;
    1033 }
    1034 table.forum {
    1035         margin: 0 -19px;
    1036         width: auto;
    1037 }
    1038 table.forum tr.sticky td {
    1039         background: #fff9db;
    1040         border-top: 1px solid #ffe8c4;
    1041         border-bottom: 1px solid #ffe8c4;
    1042 }
    1043 table.forum tr.closed td.td-title {
    1044         padding-left: 35px;
    1045         background-image: url( ../images/closed.png );
    1046         background-position: 15px 50%;
    1047         background-repeat: no-repeat;
    1048 }
    1049 table.forum td p.topic-text {
     1304a:hover,
     1305a:active {
    10501306        color: #888;
    1051         font-size: 11px;
    10521307}
    1053 table.forum tr > td:first-child,
    1054 table.forum tr > th:first-child {
    1055         padding-left: 15px;
     1308a:focus {
     1309        outline: 1px dotted #ccc;
    10561310}
    1057 table.forum tr > td:last-child,
    1058 table.forum tr > th:last-child {
    1059         padding-right: 15px;
     1311#nav {
     1312        margin: 0;
     1313        padding: 0;
     1314        position: absolute;
     1315        right: 15px;
     1316        list-style: none;
     1317        bottom: 0;
     1318        max-width: 95%;
    10601319}
    1061 table.forum tr th#th-title,
    1062 table.forum tr th#th-poster,
    1063 table.forum tr th#th-group,
    1064 table.forum td.td-poster,
    1065 table.forum td.td-group,
    1066 table.forum td.td-title {
    1067         text-align: left;
     1320#nav li a {
     1321        background: url( ../images/60pc_black.png );
     1322        color: #fff;
     1323        display: block;
     1324        padding: 5px 15px;
     1325        text-decoration: none;
    10681326}
    1069 table.forum td.td-freshness {
    1070         font-size: 11px;
    1071         color: #888;
    1072         white-space: nowrap;
    1073         width: 150px;
     1327#nav li {
     1328        margin-left: 5px;
     1329        float: left;
    10741330}
    1075 table.forum td img.avatar {
    1076         margin-right: 5px;
     1331#nav li li {
     1332        margin-left: 0;
    10771333}
    1078 table.forum td.td-poster,
    1079 table.forum td.td-group {
    1080         min-width: 140px;
     1334#nav > li > a {
     1335        -moz-border-radius-topleft: 3px;
     1336        -webkit-border-top-left-radius: 3px;
     1337        -moz-border-radius-topright: 3px;
     1338        -webkit-border-top-right-radius: 3px;
    10811339}
    1082 table.forum th#th-title {
    1083         width: 100%;
     1340#nav li.selected a,
     1341#nav > li.current-menu-item a,
     1342#nav > li.current_page_item a {
     1343        background: #f5f5f5;
     1344        color: #555;
    10841345}
    1085 table.forum th#th-postcount {
    1086         width: 50px;
     1346#nav > li > ul {
     1347        border-top-width: 0;
    10871348}
    1088 
    1089 
    1090 /* > Activity Stream Posting
    1091 -------------------------------------------------------------- */
    1092 
    1093 form#whats-new-form {
    1094         margin-bottom: 5px;
     1349#nav > ul li.sfhover a,
     1350#nav > ul li:hover a {
     1351        background: #333;
     1352        color: #fff;
    10951353}
    1096 #item-body form#whats-new-form {
    1097         margin: 20px 0 10px;
    1098         padding-bottom: 40px;
    1099         border-bottom: 1px solid #ddd;
     1354#nav li.sfhover,
     1355#nav li:hover {
     1356        position: relative;
     1357        z-index: 1000;
    11001358}
    1101 .home-page form#whats-new-form {
    1102         border-bottom: none;
    1103         padding-bottom: 0;
     1359#nav ul {
     1360        border: 1px solid #222;
     1361        -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     1362        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     1363        -moz-border-radius: 3px;
     1364        -webkit-border-radius: 3px;
     1365        -moz-border-radius-topleft: 0;
     1366        -webkit-border-top-left-radius: 0;
     1367        -moz-border-radius-topright: 0;
     1368        -webkit-border-top-right-radius: 0;
    11041369}
    1105 form#whats-new-form h5 {
    1106         margin: 0;
    1107         font-weight: normal;
    1108         font-size: 12px;
    1109         color: #888;
    1110         margin-left: 76px;
    1111         padding: 0 0 3px 0;
    1112 }
    1113 form#whats-new-form #whats-new-avatar {
    1114         float: left;
    1115 }
    1116 form#whats-new-form #whats-new-content {
    1117         margin-left: 54px;
    1118         padding-left: 22px;
    1119 }
    1120 form#whats-new-form #whats-new-textarea {
    1121         padding: 8px;
    1122         border: 1px inset #ccc;
    1123         background: #fff;
    1124         margin-bottom: 10px;
     1370#nav ul li ul {
    11251371        -moz-border-radius: 3px;
    11261372        -webkit-border-radius: 3px;
    1127         border-radius: 3px;
    11281373}
    1129 form#whats-new-form textarea {
    1130         width: 100%;
    1131         height: 50px;
    1132         font-size: 14px;
    1133         font-family: inherit;
    1134         color: #555;
    1135         border: none;
    1136         margin: 0;
    1137         padding: 0;
     1374#nav ul,
     1375#nav .sfhover ul ul,
     1376#nav :hover ul ul {
     1377        left: -9999px;
     1378        position: absolute;
    11381379}
    1139 form#whats-new-form #whats-new-options select {
    1140         max-width: 200px;
     1380#nav .sfhover ul,
     1381#nav :hover ul {
     1382        left: 0;
     1383        top: 100%;
     1384        width: 128px;
    11411385}
    1142 form#whats-new-form #whats-new-submit {
    1143         float: right;
    1144         margin: 0;
     1386#nav .sfhover ul li > a,
     1387#nav :hover ul li > a {
     1388        background: #333;
     1389        color: #fff;
    11451390}
    1146 
    1147 
    1148 /* > Activity Stream Listing
    1149 -------------------------------------------------------------- */
    1150 
    1151 ul.activity-list li {
    1152         padding: 15px 0 0;
    1153         overflow: hidden;
     1391#nav .sfhover ul .sfhover > ul,
     1392#nav :hover ul :hover > ul {
     1393        left: 125px;
     1394        top: -1px;
     1395        width: 128px;
    11541396}
    1155 .activity-list .activity-avatar {
    1156         float: left;
     1397#nav ul li.sfhover > a,
     1398#nav ul li:hover > a {
     1399        background-color: #222;
     1400        color: #fff;
    11571401}
    1158 ul.activity-list > li:first-child {
    1159         padding-top: 5px;
     1402#nav .sfhover ul li,
     1403#nav :hover ul li {
     1404        height: 30px;
     1405        line-height: 30px;
     1406        text-indent: 10px;
     1407        width: 128px;
    11601408}
    1161 ul.activity-list li.has-comments {
    1162         padding-bottom: 15px;
     1409#nav .sfhover ul li a,
     1410#nav :hover ul li a {
     1411        padding: 0 0;
    11631412}
    1164 body.activity-permalink ul.activity-list li.has-comments {
    1165         padding-bottom: 0;
    1166 }
    1167 .activity-list li.mini {
    1168         position: relative;
     1413/*--------------------------------------------------------------
     14145.1 - Pagination
     1415--------------------------------------------------------------*/
     1416div.pagination {
     1417        margin: -20px -19px 0px -19px;
     1418        padding: 8px 20px;
     1419        color: #888;
    11691420        font-size: 11px;
    1170         min-height: 35px;
    1171         padding: 15px 0 0 0;
    1172 }
    1173 .activity-list li.mini div.activity-meta {
    1174         margin: 0;
    1175 }
    1176 .activity-list li.mini div.activity-meta a {
    1177         padding: 3px 8px;
    1178 }
    1179 .activity-list li.mini .activity-avatar img.avatar,
    1180 .activity-list li.mini .activity-avatar img.FB_profile_pic {
    1181         width: 20px;
    1182         height: 20px;
    1183         margin-left: 76px;
    1184 }
    1185 .activity-list li.activity_comment .activity-avatar img.avatar,
    1186 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
    1187         width: 40px;
    1188         height: 40px;
    1189         margin-left: 20px;
    1190 }
    1191 body.activity-permalink .activity-list > li:first-child {
    1192         padding-top: 0;
    1193 }
    1194 body.activity-permalink .activity-list li .activity-avatar img.avatar,
    1195 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
    1196         width: 100px;
    1197         height: 100px;
    1198         margin-left: 0;
    1199 }
    1200 .activity-list li .activity-content {
     1421        height: 19px;
     1422        background: #f4f4f4;
     1423        border: none;
    12011424        position: relative;
    12021425}
    1203 .activity-list li.mini .activity-content p {
    1204         margin: 0;
     1426div.pagination .pag-count {
    12051427        float: left;
    12061428}
    1207 .activity-list li .activity-meta {
    1208         position: absolute;
    1209         right: 0;
    1210         top: 0;
     1429div.pagination .pagination-links {
     1430        float: right;
    12111431}
    1212 body.activity-permalink .activity-list .activity-meta {
    1213         top: 18px;
    1214         right: 15px;
    1215 }
    1216 body.activity-permalink .activity-list li.mini .activity-meta {
    1217         position: absolute;
    1218         right: 15px;
    1219 }
    1220 .activity-list li.mini .activity-comments {
    1221         clear: left;
     1432div.pagination .pagination-links span,
     1433div.pagination .pagination-links a {
    12221434        font-size: 12px;
    1223         margin-top: 30px;
     1435        padding: 0 5px;
    12241436}
    1225 .activity-list li .activity-inreplyto {
    1226         font-size: 11px;
    1227         color: #888;
    1228         margin-left: 70px;
    1229         margin-bottom: 15px;
    1230         padding-left: 25px;
    1231         background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
     1437div.pagination .pagination-links a:hover {
     1438        font-weight: bold;
    12321439}
    1233 .activity-list li .activity-inreplyto > p {
    1234         margin: 0;
    1235         display: inline;
     1440div#pag-bottom {
     1441        margin-top: -1px;
    12361442}
    1237 .activity-list li .activity-inreplyto blockquote,
    1238 .activity-list li .activity-inreplyto div.activity-inner {
    1239         background: none;
    1240         border: none;
    1241         display: inline;
    1242         padding: 0;
    1243         margin: 0;
    1244         overflow: hidden;
     1443/*--------------------------------------------------------------
     14446.0 - Structure
     1445--------------------------------------------------------------*/
     1446body {
     1447        background-color: #eaeaea;
     1448        background-image: url( ../images/background.gif );
     1449        background-repeat: repeat-x;
     1450        background-position: top left;
     1451        font-size: 12px;
     1452        font-family: Arial, Tahoma, Verdana, sans-serif;
     1453        line-height: 170%;
     1454        color: #555;
     1455        width: 90%;
     1456        min-width: 960px;
     1457        max-width: 1250px;
     1458        margin: 0 auto;
    12451459}
    1246 .activity-list .activity-avatar img {
    1247         width: 50px;
    1248         height: 50px;
     1460.padder {
     1461        padding: 19px;
    12491462}
    1250 body.activity-permalink .activity-list .activity-avatar img {
    1251         width: 100px;
    1252         height: 100px;
     1463.clear {
     1464        clear: left;
    12531465}
    1254 .activity-list .activity-content {
    1255         margin-left: 70px;
     1466hr {
     1467        background-color: #e7e7e7;
     1468        border: 0 none;
     1469        clear: both;
     1470        height: 1px;
     1471        margin: 20px 0;
    12561472}
    1257 body.activity-permalink .activity-list li .activity-content {
    1258         -moz-border-radius: 4px;
    1259         -webkit-border-radius: 4px;
    1260         border-radius: 4px;
     1473div#container {
     1474        position: relative;
     1475        width: 100%;
     1476        -moz-border-radius: 6px;
     1477        -webkit-border-radius: 6px;
     1478        border-right: 1px solid #e0e0e0;
     1479        border-bottom: 1px solid #e0e0e0;
    12611480        background: #fff;
    1262         padding: 15px;
    1263         border-bottom: 1px solid #ddd;
    1264         border-right: 1px solid #ddd;
    1265         margin-left: 135px;
    1266         font-size: 16px;
    1267         line-height: 150%;
    1268         min-height: 35px;
    1269         margin-right: 0;
     1481        overflow: hidden;
    12701482}
    1271 body.activity-permalink .activity-list li .activity-header > p {
    1272         background: url( ../images/activity_arrow.gif ) top left no-repeat;
    1273         margin-left: -35px;
    1274         padding: 5px 0 0 35px;
    1275         height: 35px;
    1276         margin-bottom: 0;
    1277 }
    1278 .activity-list .activity-content .activity-header,
    1279 .activity-list .activity-content .comment-header {
    1280         font-size: 11px;
    1281         color: #888;
    1282         line-height: 220%;
    1283 }
    1284 .activity-header {
    1285         margin-right: 130px;
    1286 }
    1287 .activity-list .activity-content .activity-header img.avatar {
    1288         float: none !important;
    1289         margin: 0 5px -8px 0 !important;
    1290 }
    1291 .activity-list .activity-header a:first-child,
    1292 .commentlist .depth-1 > .comment-content .comment-meta a:first-child,
    1293 span.highlight {
    1294         background: #ebf7ff;
    1295         border-bottom: 1px solid #a1dcfa;
    1296         border-right: 1px solid #a1dcfa;
    1297         color: #059ae7;
    1298         padding: 3px 8px;
    1299         text-decoration: none;
    1300         -moz-border-radius: 4px;
    1301         -webkit-border-radius: 4px;
    1302         border-radius: 4px;
    1303         margin-right: 3px;
    1304 }
    1305 .activity-list .activity-header a:first-child:hover {
    1306         background: #059ae7 !important;
    1307         color: #fff !important;
    1308 }
    1309 .activity-list .activity-content a:first-child:focus {
    1310         outline: none;
    1311 }
    1312 .activity-list .activity-content span.time-since,
    1313 .comment-content .comment-meta span.time-since {
    1314         color: #bbb;
    1315 }
    1316 .activity-list .activity-content span.activity-header-meta a {
     1483body.activity-permalink div#container {
    13171484        background: none;
    1318         padding: 0;
    1319         font-size: 11px;
    1320         margin: 0;
    13211485        border: none;
    1322         color: #aaa;
    1323         text-decoration: underline;
    13241486}
    1325 .activity-list .activity-content span.activity-header-meta a:hover {
    1326         color: inherit;
    1327         text-decoration: none;
    1328 }
    1329 .activity-list .activity-content .activity-inner,
    1330 .activity-list .activity-content blockquote {
    1331         margin: 15px 0 15px 5px;
    1332         overflow: hidden;
    1333 }
    1334 body.activity-permalink .activity-content .activity-inner,
    1335 body.activity-permalink .activity-content blockquote {
    1336         margin-left: 0;
    1337         margin-top: 5px;
    1338 }
    1339 
    1340 /* Backwards compatibility. */
    1341 .activity-inner > .activity-inner {
    1342         margin: 0 !important;
    1343 }
    1344 .activity-inner > blockquote {
    1345         margin: 0 !important;
    1346 }
    1347 .activity-list .activity-content img.thumbnail {
     1487/*--------------------------------------------------------------
     14886.1 - Content
     1489--------------------------------------------------------------*/
     1490div#content {
    13481491        float: left;
    1349         margin: 0 10px 5px 0;
    1350         border: 2px solid #eee;
     1492        width: 100%;
     1493        -moz-border-radius-topleft: 6px;
     1494        -webkit-border-top-left-radius: 6px;
     1495        -moz-border-radius-bottomleft: 6px;
     1496        -webkit-border-bottom-left-radius: 6px;
    13511497}
    1352 .activity-read-more {
    1353         margin-left: 1em;
    1354 }
    1355 .activity-list li.load-more {
    1356         margin: 15px 0 !important;
    1357         padding: 10px 15px !important;
    1358         background: #f0f0f0 !important;
    1359         text-align: center;
    1360         font-size: 1.2em;
     1498div#content .padder {
     1499        margin-right: 225px;
    13611500        border-right: 1px solid #ddd;
    1362         border-bottom: 1px solid #ddd;
    1363         -moz-border-radius: 4px;
    1364         -webkit-border-radius: 4px;
    1365         border-radius: 4px;
     1501        -moz-border-radius-topleft: 6px;
     1502        -webkit-border-top-left-radius: 6px;
     1503        -moz-border-radius-bottomleft: 6px;
     1504        -webkit-border-bottom-left-radius: 6px;
    13661505}
    1367 .activity-list li.load-more a {
    1368         color: #555;
     1506div#content .one-column {
     1507        margin-right: 0;
     1508        border-right: 0 none;
    13691509}
    1370 
    1371 
    1372 /* > Activity Stream Comments
    1373 -------------------------------------------------------------- */
    1374 
    1375 div.activity-meta {
    1376         margin: 0 0 20px 3px;
    1377         clear: left;
     1510div#content .left-menu {
     1511        float: left;
     1512        width: 170px;
    13781513}
    1379 .activity-list div.activity-meta a {
    1380         font-size: 11px;
    1381         background: #f4f4f4;
    1382         border-bottom: 1px solid #ddd;
    1383         border-right: 1px solid #ddd;
    1384         color: #999;
    1385         padding: 4px 8px;
    1386         text-decoration: none;
    1387         -moz-border-radius: 4px;
    1388         -webkit-border-radius: 4px;
    1389         border-radius: 4px;
    1390         margin-right: 3px;
     1514div#content .main-column {
     1515        margin-left: 190px;
    13911516}
    1392 .activity-list div.activity-meta a.acomment-reply {
    1393         background: #fff9db;
    1394         border-bottom: 1px solid #ffe8c4;
    1395         border-right: 1px solid #ffe8c4;
    1396         color: #ffa200;
    1397 }
    1398 div.activity-meta a:focus {
    1399         outline: none;
    1400 }
    1401 div.activity-meta a:hover {
    1402         background: #aaa;
     1517/*--------------------------------------------------------------
     15186.2 - Header
     1519--------------------------------------------------------------*/
     1520#header {
     1521        -moz-border-radius-bottomleft: 6px;
     1522        -webkit-border-bottom-left-radius: 6px;
     1523        -moz-border-radius-bottomright: 6px;
     1524        -webkit-border-bottom-right-radius: 6px;
    14031525        color: #fff;
    1404         border-color: #aaa;
    1405 }
    1406 div.activity-meta a.acomment-reply:hover {
    1407         background: #f7740a;
    1408         color: #fff;
    1409         border-color: #f7740a;
    1410 }
    1411 div.activity-comments {
     1526        height: 100px;
     1527        margin-bottom: 20px;
     1528        padding-top: 25px;
    14121529        position: relative;
    1413         margin: 0 0 0 75px;
    1414         width: auto;
    1415         overflow: hidden; /* IE fix */
     1530        z-index: 1000;
    14161531}
    1417 body.activity-permalink div.activity-comments {
    1418         width: auto;
    1419         margin-left: 135px;
    1420         background: none;
    1421 }
    1422 div.activity-comments > ul {
    1423         background: #f5f5f5;
    1424         -moz-border-radius: 4px;
    1425         -webkit-border-radius: 4px;
    1426         padding: 0 10px 0;
    1427 }
    1428 div.activity-comments ul,
    1429 div.activity-comments ul li {
    1430         border: none;
    1431         list-style: none;
    1432 }
    1433 div.activity-comments ul {
    1434         clear: left;
    1435 }
    1436 div.activity-comments ul li {
    1437         border-top: 2px solid #fff;
    1438         padding: 10px 0 0;
    1439 }
    1440 body.activity-permalink .activity-list li.mini .activity-comments {
    1441         clear: none;
    1442         margin-top: 0;
    1443 }
    1444 body.activity-permalink div.activity-comments ul li {
    1445         border-width: 1px;
    1446         padding: 10px 0 0;
    1447 }
    1448 .commentlist .comment-content a:first-child {
    1449         margin-bottom: 10px;
    1450 }
    1451 div.activity-comments > ul > li:first-child {
    1452         border-top: none;
    1453 }
    1454 div.activity-comments ul li:last-child {
    1455         margin-bottom: 0;
    1456 }
    1457 div.activity-comments ul li > ul {
    1458         margin-top: 0;
    1459         margin-left: 20px;
    1460 }
    1461 body.activity-permalink div.activity-comments ul li > ul {
    1462         margin-top: 10px;
    1463 }
    1464 body.activity-permalink div.activity-comments > ul {
    1465         padding-left: 15px;
    1466 }
    1467 div.activity-comments div.acomment-avatar img {
    1468         border-width: 2px !important;
    1469         float: left;
    1470         margin-right: 10px;
    1471 }
    1472 div.activity-comments div.acomment-content {
    1473         font-size: 11px;
    1474         margin-left: 39px;
     1532#header #search-bar {
    14751533        margin-top: 5px;
     1534        text-align: right;
     1535        width: 100%;
    14761536}
    1477 div.acomment-content .time-since {
    1478         display: none;
     1537#header #search-bar .padder {
     1538        padding: 10px 15px 0 20px;
    14791539}
    1480 div.acomment-content .activity-delete-link {
    1481         display: none;
    1482 }
    1483 div.acomment-content .comment-header {
    1484         display: none;
    1485 }
    1486 body.activity-permalink div.activity-comments div.acomment-content {
    1487         font-size: 14px;
    1488 }
    1489 div.activity-comments div.acomment-meta {
    1490         font-size: 11px;
    1491         color: #888;
    1492 }
    1493 div.activity-comments form.ac-form {
    1494         display: none;
    1495         margin: 10px 0 10px 33px;
    1496         background: #fafafa;
    1497         border: 1px solid #ddd;
    1498         -moz-border-radius: 4px;
    1499         -webkit-border-radius: 4px;
    1500         border-radius: 4px;
    1501         padding: 8px;
    1502 }
    1503 div.activity-comments li form.ac-form {
    1504         margin-right: 15px;
    1505 }
    1506 div.activity-comments form.root {
    1507         margin-left: 0;
    1508 }
    1509 div.activity-comments div#message {
    1510         margin-top: 15px;
    1511         margin-bottom: 0;
    1512 }
    1513 div.activity-comments form.loading {
    1514         background-image: url( ../images/ajax-loader.gif );
    1515         background-position: 2% 95%;
    1516         background-repeat: no-repeat;
    1517 }
    1518 div.activity-comments form .ac-textarea {
    1519         padding: 8px;
    1520         border: 1px inset #ccc;
    1521         background: #fff;
    1522         margin-bottom: 10px;
     1540#header #search-bar input[type=text] {
    15231541        -moz-border-radius: 3px;
    15241542        -webkit-border-radius: 3px;
    15251543        border-radius: 3px;
     1544        border: 1px inset #888;
     1545        padding: 2px;
     1546        margin-right: 4px;
    15261547}
    1527 div.activity-comments form textarea {
    1528         width: 100%;
    1529         font-family: inherit;
     1548#header #search-bar input[type=submit] {
    15301549        font-size: 11px;
    1531         color: #555;
    1532         height: 60px;
    1533         border: none;
    1534         padding: 0;
     1550        padding: 1px 4px;
     1551        margin-left: 4px;
    15351552}
    1536 div.activity-comments form input {
    1537         margin-top: 5px;
    1538 }
    1539 div.activity-comments form div.ac-reply-avatar {
     1553#header h1 {
    15401554        float: left;
     1555        margin-bottom: 0;
     1556        margin-top: 0;
    15411557}
    1542 div.ac-reply-avatar img {
    1543         border: 2px solid #fff !important;
     1558#header h1 a {
     1559        color: #fff;
     1560        font-size: 26px;
     1561        text-decoration: none;
    15441562}
    1545 div.activity-comments form div.ac-reply-content {
    1546         margin-left: 50px;
    1547         padding-left: 15px;
    1548         color: #888;
    1549         font-size: 11px;
     1563/*--------------------------------------------------------------
     15646.3 - Footer
     1565--------------------------------------------------------------*/
     1566#footer {
     1567        margin: 20px 0;
    15501568}
    1551 
    1552 
    1553 /* > Private Message Threads
    1554 -------------------------------------------------------------- */
    1555 
    1556 table#message-threads tr.unread td {
    1557         background: #fff9db;
    1558         border-top: 1px solid #ffe8c4;
    1559         border-bottom: 1px solid #ffe8c4;
    1560         font-weight: bold;
    1561 }
    1562 table#message-threads tr.unread td span.activity {
     1569#footer-widgets {
    15631570        background: #fff;
     1571        border-bottom: 1px solid #e0e0e0;
     1572        border-right: 1px solid #e0e0e0;
     1573        border-radius: 6px;
     1574        padding: 19px;
     1575        -moz-border-radius: 6px;
     1576        -webkit-border-radius: 6px;
    15641577}
    1565 li span.unread-count,
    1566 tr.unread span.unread-count {
    1567         background: #dd0000;
    1568         padding: 2px 8px;
    1569         color: #fff;
    1570         font-weight: bold;
    1571         -moz-border-radius: 3px;
    1572         -webkit-border-radius: 3px;
    1573         border-radius: 3px;
     1578#site-generator {
     1579        margin: 20px 20px;
     1580        text-align: center;
     1581        color: #bbb;
     1582        text-shadow: #fafafa 1px 1px 0;
    15741583}
    1575 div.item-list-tabs ul li a span.unread-count {
    1576         padding: 1px 6px;
    1577         color: #fff;
     1584#footer-widget-area {
     1585        overflow: hidden;
     1586        margin-top: -19px;
    15781587}
    1579 div.messages-options-nav {
    1580         font-size: 11px;
    1581         background: #eee;
    1582         text-align: right;
    1583         margin: 0 -19px;
     1588#footer-widget-area div.widget-area > ul {
     1589        float: left;
     1590        margin-right: 19px;
     1591        width: 23%;
     1592}
     1593#footer-widget-area div.widget-area > ul > li {
     1594        margin-top: 19px;
     1595}
     1596#footer-widget-area h3.widgettitle {
     1597        margin: 0 0 10px 0;
     1598        background: #eaeaea;
    15841599        padding: 5px 15px;
     1600        font-size: 12px;
     1601        clear: left;
    15851602}
    1586 div#message-thread div.message-box {
    1587         margin: 0 -19px;
    1588         padding: 15px;
     1603#footer-widget-area div div.item-options {
     1604        margin-left: 0;
     1605        margin-right: 0;
    15891606}
    1590 div#message-thread div.alt {
    1591         background: #f4f4f4;
     1607#footer-widget-area ul.item-list li img.avatar {
     1608        margin-left: 15px; /* border is 4px */
    15921609}
    1593 div#message-thread p#message-recipients {
    1594         margin: 10px 0 20px 0;
     1610/*--------------------------------------------------------------
     16116.4 - Sidebar
     1612--------------------------------------------------------------*/
     1613div#sidebar {
     1614        float: left;
     1615        width: 224px;
     1616        margin-left: -226px;
     1617        margin-top: 1px;
     1618        border-left: 1px solid #ddd;
     1619        -moz-border-radius-topright: 3px;
     1620        -webkit-border-top-right-radius: 3px;
     1621        background: url( ../images/sidebar_back.gif ) top left repeat-x;
    15951622}
    1596 div#message-thread img.avatar {
     1623div#sidebar div#sidebar-me img.avatar {
    15971624        float: left;
    1598         margin: 0 10px 0 0;
    1599         vertical-align: middle;
     1625        margin: 0 10px 15px 0;
    16001626}
    1601 div#message-thread strong {
    1602         margin: 0;
     1627div#sidebar div#sidebar-me h4 {
    16031628        font-size: 16px;
     1629        margin: 0 0 8px 0;
     1630        font-weight: normal;
    16041631}
    1605 div#message-thread strong a {
    1606         text-decoration: none;
     1632div#sidebar ul#bp-nav {
     1633        clear: left;
     1634        margin: 15px -16px;
    16071635}
    1608 div#message-thread strong span.activity {
    1609         margin: 4px 0 0 10px;
     1636div#sidebar ul#bp-nav li {
     1637        padding: 10px 15px;
    16101638}
    1611 div#message-thread div.message-metadata {
    1612         overflow: hidden;
     1639div#sidebar h3.widgettitle {
     1640        margin: 25px -20px 10px -19px;
     1641        background: #eaeaea;
     1642        padding: 5px 15px;
     1643        font-size: 12px;
     1644        clear: left;
    16131645}
    1614 div#message-thread div.message-content {
    1615         margin-left: 45px;
     1646#footer-widget-area .widget_search,
     1647div#sidebar .widget_search {
     1648        margin-top: 20px;
    16161649}
    1617 div#message-thread div.message-options {
    1618         text-align: right;
     1650#footer-widget-area .widget_search input[type=text],
     1651div#sidebar .widget_search input[type=text] {
     1652        width: 110px;
     1653        padding: 2px;
    16191654}
    1620 
    1621 
    1622 /* > Group Forum Topics
    1623 -------------------------------------------------------------- */
    1624 
    1625 ul#topic-post-list {
    1626         margin: 0px -19px 15px;
    1627         width: auto;
     1655#footer-widget-area ul#recentcomments li,
     1656#footer-widget-area .widget_recent_entries ul li,
     1657div#sidebar ul#recentcomments li,
     1658div#sidebar .widget_recent_entries ul li {
     1659        margin-bottom: 15px;
    16281660}
    1629 ul#topic-post-list li {
    1630         padding: 15px;
    1631         position: relative;
     1661#footer-widget-area ul.item-list img.avatar,
     1662div#sidebar ul.item-list img.avatar {
     1663        width: 20px;
     1664        height: 20px;
     1665        margin-right: 10px;
    16321666}
    1633 ul#topic-post-list li.alt {
    1634         background: #f8f8f8;
     1667#footer-widget-area div.item-avatar img,
     1668div#sidebar div.item-avatar img {
     1669        width: 40px;
     1670        height: 40px;
     1671        margin: 1px;
    16351672}
    1636 ul#topic-post-list li div.poster-meta {
    1637         margin-bottom: 10px;
    1638         color: #888;
     1673#footer-widget-area .avatar-block,
     1674div#sidebar .avatar-block {
     1675        overflow: hidden;
    16391676}
    1640 ul#topic-post-list li div.post-content {
    1641         margin-left: 54px;
     1677#footer-widget-area ul.item-list div.item-title,
     1678div#sidebar ul.item-list div.item-title {
     1679        font-size: 12px;
    16421680}
    1643 div.topic-tags {
     1681#footer-widget-area div.item-options,
     1682div#sidebar div.item-options {
     1683        margin: -10px -20px 0 -19px;
     1684        background: #f8f8f8;
     1685        padding: 5px 15px;
    16441686        font-size: 11px;
    16451687}
    1646 div.admin-links {
    1647         position: absolute;
    1648         top: 15px;
    1649         right: 25px;
    1650         color: #888;
     1688#footer-widget-area div.item-content {
     1689        margin-left: 38px;
     1690}
     1691#footer-widget-area div.item-meta,
     1692div#sidebar div.item-meta,
     1693div#sidebar div.item-content {
     1694        margin-left: 38px;
    16511695        font-size: 11px;
    16521696}
    1653 div#topic-meta {
    1654         padding: 5px 19px 30px;
    1655         margin: -10px -19px;
    1656         position: relative;
     1697#footer-widget-area div.tags div#tag-text,
     1698div#sidebar div.tags div#tag-text {
     1699        font-size: 1.4em;
     1700        line-height: 140%;
     1701        padding-top: 10px;
    16571702}
    1658 div#topic-meta div.admin-links {
    1659         right: 19px;
    1660         top: -36px;
     1703/*--------------------------------------------------------------
     17047.0 - Text Elements
     1705--------------------------------------------------------------*/
     1706p {
     1707        margin-bottom: 15px;
    16611708}
    1662 div#topic-meta h3 {
    1663         font-size: 20px;
    1664         margin: 5px 0;
     1709p:last-child {
     1710        margin-bottom: 0;
    16651711}
    1666 div#new-topic-post {
    1667         display: none;
    1668         margin: 20px 0 0 0;
    1669         padding: 1px 0 0 0;
     1712big {
     1713        font-size: 18px;
    16701714}
    1671 
    1672 
    1673 /* > WordPress Blog Styles
    1674 -------------------------------------------------------------- */
    1675 
    1676 .sticky .date {
     1715del {
     1716        text-decoration: line-through;
     1717}
     1718ins {
    16771719        background: #fff9db;
    1678         border-top: 1px solid #ffe8c4;
    1679         border-bottom: 1px solid #ffe8c4;
    1680         color: #ffa200;
    1681         padding: 5px;
    1682 }
    1683 div.page,
    1684 div.post,
    1685 div.attachment {
    1686         margin: 0 0 30px 0;
    1687         overflow: hidden;
    1688 }
    1689 div.page:last-child,
    1690 div.post:last-child,
    1691 div.item-body:last-child,
    1692 #trackbacklist {
    1693         margin-bottom: 0;
    1694 }
    1695 h2.pagetitle,
    1696 h2.posttitle {
    1697         margin: 0;
    1698         line-height: 120%;
    1699 }
    1700 h2.pagetitle a,
    1701 h2.posttitle a {
    1702         color: #666;
    17031720        text-decoration: none;
    17041721}
    1705 .edit-link,
    1706 .page-link {
    1707         clear: both;
    1708         font-weight: bold;
     1722sub {
     1723        top: .5ex;
    17091724}
    1710 .navigation,
    1711 .paged-navigation,
    1712 .comment-navigation {
    1713         overflow: hidden;
    1714         font-family: georgia, times, serif;
    1715         font-style: italic;
    1716         font-size: 14px;
    1717         padding: 5px 0;
    1718         margin: 5px 0 25px 0;
     1725sup {
     1726        bottom: 1ex;
    17191727}
    1720 .alignright {
    1721         float: right;
    1722         margin-left: 15px;
     1728sub,
     1729sup {
     1730        height: 0;
     1731        line-height: 1;
     1732        vertical-align: baseline;
     1733        position: relative;
    17231734}
    1724 .alignleft {
    1725         float: left;
    1726         margin-right: 15px;
     1735/*--------------------------------------------------------------
     17367.1 - Headers
     1737--------------------------------------------------------------*/
     1738h1,
     1739h2,
     1740h3,
     1741h4,
     1742h5,
     1743h6 {
     1744        margin: 5px 0 15px 0;
    17271745}
    1728 div.page ul,
    1729 div.page ol,
    1730 div.page dl,
    1731 div.post ul,
    1732 div.post ol,
    1733 div.post dl {
    1734         margin: 0 0 18px 1.5em;
     1746h1 {
     1747        font-size: 28px;
     1748        margin-bottom: 25px;
    17351749}
    1736 div.page ul,
    1737 div.post ul {
    1738         list-style: square;
    1739 }
    1740 div.page ol,
    1741 div.post ol {
    1742         list-style: decimal;
    1743 }
    1744 div.page ol ol,
    1745 div.post ol ol {
    1746         list-style: upper-alpha;
    1747 }
    1748 dl {
    1749         margin-left: 0;
    1750 }
    1751 dt {
    1752         font-size: 14px;
    1753         font-weight: bold;
    1754 }
    1755 dd {
    1756         margin: 0 0 15px 0;
    1757 }
    1758 pre, blockquote {
     1750h2 {
     1751        font-size: 24px;
    17591752        margin-bottom: 20px;
    17601753}
    1761 pre,
    1762 code p {
    1763         padding: 15px;
    1764         background: #f4f4f4;
    1765         -moz-border-radius: 3px;
    1766         -webkit-border-radius: 3px;
    1767         border-radius: 3px;
     1754h3 {
     1755        font-size: 20px;
    17681756}
    1769 code {
    1770         font-family: "Monaco", courier, sans-serif;
    1771 }
    1772 blockquote {
    1773         quotes: none;
    1774         font-style: italic;
    1775         padding: 0 3em;
    1776         font-family: georgia, times, serif;
     1757h4 {
    17771758        font-size: 16px;
    1778         line-height: 150%;
    1779 }
    1780 blockquote p {
    1781         margin-bottom: 15px !importantr;
    1782 }
    1783 div.post table,
    1784 div.page table {
    17851759        margin-bottom: 15px;
    1786         border-collapse: collapse;
    1787         border-spacing: 0;
    1788         border: 1px solid #eee;
    17891760}
    1790 div.post table th,
    1791 div.page table th {
    1792         border-top: 1px solid #eee;
    1793         text-align: left;
     1761h5 {
     1762        font-size: 14px;
     1763        margin-bottom: 0;
    17941764}
    1795 div.post table td,
    1796 div.page table td {
    1797         border-top: 1px solid #eee;
    1798 }
    1799 div.author-box {
    1800         background: #f0f0f0;
    1801         padding: 10px;
    1802         float: left;
    1803         margin: 0 15px 15px 0;
    1804         font-family: georgia, times, serif;
    1805         font-style: italic;
    1806         text-align: center;
    1807         width: 70px;
    1808         -moz-border-radius: 3px;
    1809         -webkit-border-radius: 3px;
    1810         border-radius: 3px;
    1811 }
    1812 div.author-box p,
    1813 div.comment-avatar-box p {
    1814         margin: 5px 0 0;
    1815 }
    1816 div.author-box a,
    1817 div.comment-avatar-box a {
    1818         text-decoration: none;
    1819 }
    1820 div.author-box img {
    1821         float: none;
    1822         border: 4px solid #fff;
    1823         margin: 0;
    1824 }
    1825 div.post-content {
    1826         margin-left: 105px;
    1827 }
    1828 p.date span:first-child {
    1829         font-style: italic;
    1830 }
    1831 div.post .entry {
    1832         margin-bottom: 15px;
    1833 }
    1834 p.date,
    1835 p.postmetadata {
    1836         color: #888;
     1765h6 {
    18371766        font-size: 12px;
    1838         font-family: Georgia, times, serif;
    1839         padding: 3px 0;
    1840         margin: 10px 0;
    1841         border-bottom: 1px solid #e4e4e4;
    1842         border-top: 1px solid #e4e4e4;
     1767        margin-bottom: 0;
    18431768}
    1844 p.postmetadata {
    1845         clear: left;
    1846         overflow: hidden;
     1769/*--------------------------------------------------------------
     17708.0 - WordPress
     1771--------------------------------------------------------------*/
     1772/*--------------------------------------------------------------
     17738.1 - Alignments
     1774--------------------------------------------------------------*/
     1775.alignright {
     1776        float: right;
     1777        margin-left: 15px;
    18471778}
    1848 .tags {
     1779.alignleft {
    18491780        float: left;
     1781        margin-right: 15px;
    18501782}
    1851 .comments {
    1852         float: right;
    1853 }
    1854 img.wp-smiley {
    1855         padding: 0 !important;
    1856         margin: 0 !important;
    1857         border: none !important;
    1858         float: none !important;
    1859         clear: none !important;
    1860 }
    1861 img.centered,
    1862 img.aligncenter {
    1863         display: block;
    1864         margin-left: auto;
    1865         margin-right: auto;
    1866 }
    1867 img.alignright {
    1868         padding: 4px;
    1869         margin: 0 0 2px 7px;
    1870         display: inline;
    1871 }
    1872 img.alignleft {
    1873         padding: 4px;
    1874         margin: 0 7px 2px 0;
    1875         display: inline;
    1876 }
    18771783.aligncenter {
    18781784        display: block;
    18791785        margin-left: auto;
    18801786        margin-right: auto;
    18811787}
    1882 .wp-caption {
    1883         border: 1px solid #ddd;
    1884         text-align: center;
    1885         background-color: #f3f3f3;
    1886         padding-top: 4px;
    1887         margin-bottom: 15px;
    1888         -moz-border-radius: 3px;
    1889         -webkit-border-radius: 3px;
    1890         border-radius: 3px;
     1788/*--------------------------------------------------------------
     17898.2 - Comments
     1790--------------------------------------------------------------*/
     1791.navigation,
     1792.paged-navigation,
     1793.comment-navigation {
     1794        overflow: hidden;
     1795        font-family: georgia, times, serif;
     1796        font-style: italic;
     1797        font-size: 14px;
     1798        padding: 5px 0;
     1799        margin: 5px 0 25px 0;
    18911800}
    1892 .wp-caption img {
    1893         margin: 0;
    1894         padding: 0;
    1895         border: 0 none;
     1801.comments {
     1802        float: right;
    18961803}
    1897 dd.wp-caption p.wp-caption-text,
    1898 .wp-caption p.wp-caption-text {
    1899         font-size: 0.9em;
    1900         line-height: 17px;
    1901         padding: 5px 4px 5px 0;
    1902         margin: 0;
    1903 }
    1904 #content .gallery {
    1905         margin: 0 auto 15px;
    1906 }
    1907 #content .gallery .gallery-item {
    1908         margin-bottom: 0;
    1909         margin-left: 0;
    1910 }
    1911 .gallery-item img {
    1912         margin-bottom: 15px;
    1913 }
    1914 .gallery .gallery-caption {
    1915         color: #555;
    1916 }
    1917 
    1918 
    1919 /* > WordPress Blog Comment Styles
    1920 -------------------------------------------------------------- */
    1921 
    19221804#trackbacks {
    19231805        margin-top: 30px;
    19241806}
     
    20941976        margin: 0 0;
    20951977        padding: 0 0;
    20961978}
    2097 
    2098 
    2099 /* > Footer
    2100 -------------------------------------------------------------- */
    2101 
    2102 #footer {
    2103         margin: 20px 0;
     1979/*--------------------------------------------------------------
     19808.3 - Gallery
     1981--------------------------------------------------------------*/
     1982.wp-caption {
     1983        border: 1px solid #ddd;
     1984        text-align: center;
     1985        background-color: #f3f3f3;
     1986        padding-top: 4px;
     1987        margin-bottom: 15px;
     1988        -moz-border-radius: 3px;
     1989        -webkit-border-radius: 3px;
     1990        border-radius: 3px;
    21041991}
    2105 #footer-widgets {
    2106         background: #fff;
    2107         border-bottom: 1px solid #e0e0e0;
    2108         border-right: 1px solid #e0e0e0;
    2109         border-radius: 6px;
    2110         padding: 19px;
    2111         -moz-border-radius: 6px;
    2112         -webkit-border-radius: 6px;
     1992.wp-caption img {
     1993        margin: 0;
     1994        padding: 0;
     1995        border: 0 none;
    21131996}
    2114 #site-generator {
    2115         margin: 20px 20px;
    2116         text-align: center;
    2117         color: #bbb;
    2118         text-shadow: #fafafa 1px 1px 0;
     1997dd.wp-caption p.wp-caption-text,
     1998.wp-caption p.wp-caption-text {
     1999        font-size: 0.9em;
     2000        line-height: 17px;
     2001        padding: 5px 4px 5px 0;
     2002        margin: 0;
    21192003}
    2120 #footer-widget-area {
     2004#content .gallery {
     2005        margin: 0 auto 15px;
     2006}
     2007#content .gallery .gallery-item {
     2008        margin-bottom: 0;
     2009        margin-left: 0;
     2010}
     2011.gallery-item img {
     2012        margin-bottom: 15px;
     2013}
     2014.gallery .gallery-caption {
     2015        color: #555;
     2016}
     2017/*--------------------------------------------------------------
     20188.4 - Images
     2019--------------------------------------------------------------*/
     2020img.avatar {
     2021        float: left;
     2022        border: 2px solid #eee;
     2023}
     2024img.wp-smiley {
     2025        padding: 0 !important;
     2026        margin: 0 !important;
     2027        border: none !important;
     2028        float: none !important;
     2029        clear: none !important;
     2030}
     2031img.centered,
     2032img.aligncenter {
     2033        display: block;
     2034        margin-left: auto;
     2035        margin-right: auto;
     2036}
     2037img.alignright {
     2038        padding: 4px;
     2039        margin: 0 0 2px 7px;
     2040        display: inline;
     2041}
     2042img.alignleft {
     2043        padding: 4px;
     2044        margin: 0 7px 2px 0;
     2045        display: inline;
     2046}
     2047/*--------------------------------------------------------------
     20488.5 - Lists
     2049--------------------------------------------------------------*/
     2050div.page ul,
     2051div.page ol,
     2052div.page dl,
     2053div.post ul,
     2054div.post ol,
     2055div.post dl {
     2056        margin: 0 0 18px 1.5em;
     2057}
     2058div.page ul,
     2059div.post ul {
     2060        list-style: square;
     2061}
     2062div.page ol,
     2063div.post ol {
     2064        list-style: decimal;
     2065}
     2066div.page ol ol,
     2067div.post ol ol {
     2068        list-style: upper-alpha;
     2069}
     2070dl {
     2071        margin-left: 0;
     2072}
     2073dt {
     2074        font-size: 14px;
     2075        font-weight: bold;
     2076}
     2077dd {
     2078        margin: 0 0 15px 0;
     2079}
     2080/*--------------------------------------------------------------
     20818.6 - Posts
     2082--------------------------------------------------------------*/
     2083.sticky .date {
     2084        background: #fff9db;
     2085        border-top: 1px solid #ffe8c4;
     2086        border-bottom: 1px solid #ffe8c4;
     2087        color: #ffa200;
     2088        padding: 5px;
     2089}
     2090div.page,
     2091div.post,
     2092div.attachment {
     2093        margin: 0 0 30px 0;
    21212094        overflow: hidden;
    2122         margin-top: -19px;
    21232095}
    2124 #footer-widget-area div.widget-area > ul {
     2096div.page:last-child,
     2097div.post:last-child,
     2098div.item-body:last-child,
     2099#trackbacklist {
     2100        margin-bottom: 0;
     2101}
     2102h2.pagetitle,
     2103h2.posttitle {
     2104        margin: 0;
     2105        line-height: 120%;
     2106}
     2107h2.pagetitle a,
     2108h2.posttitle a {
     2109        color: #666;
     2110        text-decoration: none;
     2111}
     2112.edit-link,
     2113.page-link {
     2114        clear: both;
     2115        font-weight: bold;
     2116}
     2117pre, blockquote {
     2118        margin-bottom: 20px;
     2119}
     2120pre,
     2121code p {
     2122        padding: 15px;
     2123        background: #f4f4f4;
     2124        -moz-border-radius: 3px;
     2125        -webkit-border-radius: 3px;
     2126        border-radius: 3px;
     2127}
     2128code {
     2129        font-family: "Monaco", courier, sans-serif;
     2130}
     2131blockquote {
     2132        quotes: none;
     2133        font-style: italic;
     2134        padding: 0 3em;
     2135        font-family: georgia, times, serif;
     2136        font-size: 16px;
     2137        line-height: 150%;
     2138}
     2139blockquote p {
     2140        margin-bottom: 15px !importantr;
     2141}
     2142div.post table,
     2143div.page table {
     2144        margin-bottom: 15px;
     2145        border-collapse: collapse;
     2146        border-spacing: 0;
     2147        border: 1px solid #eee;
     2148}
     2149div.post table th,
     2150div.page table th {
     2151        border-top: 1px solid #eee;
     2152        text-align: left;
     2153}
     2154div.post table td,
     2155div.page table td {
     2156        border-top: 1px solid #eee;
     2157}
     2158div.author-box {
     2159        background: #f0f0f0;
     2160        padding: 10px;
    21252161        float: left;
    2126         margin-right: 19px;
    2127         width: 23%;
     2162        margin: 0 15px 15px 0;
     2163        font-family: georgia, times, serif;
     2164        font-style: italic;
     2165        text-align: center;
     2166        width: 70px;
     2167        -moz-border-radius: 3px;
     2168        -webkit-border-radius: 3px;
     2169        border-radius: 3px;
    21282170}
    2129 #footer-widget-area div.widget-area > ul > li {
    2130         margin-top: 19px;
     2171div.author-box p,
     2172div.comment-avatar-box p {
     2173        margin: 5px 0 0;
    21312174}
    2132 #footer-widget-area h3.widgettitle {
    2133         margin: 0 0 10px 0;
    2134         background: #eaeaea;
    2135         padding: 5px 15px;
     2175div.author-box a,
     2176div.comment-avatar-box a {
     2177        text-decoration: none;
     2178}
     2179div.author-box img {
     2180        float: none;
     2181        border: 4px solid #fff;
     2182        margin: 0;
     2183}
     2184div.post-content {
     2185        margin-left: 105px;
     2186}
     2187p.date span:first-child {
     2188        font-style: italic;
     2189}
     2190div.post .entry {
     2191        margin-bottom: 15px;
     2192}
     2193p.date,
     2194p.postmetadata {
     2195        color: #888;
    21362196        font-size: 12px;
     2197        font-family: Georgia, times, serif;
     2198        padding: 3px 0;
     2199        margin: 10px 0;
     2200        border-bottom: 1px solid #e4e4e4;
     2201        border-top: 1px solid #e4e4e4;
     2202}
     2203p.postmetadata {
    21372204        clear: left;
     2205        overflow: hidden;
    21382206}
    2139 #footer-widget-area div div.item-options {
    2140         margin-left: 0;
    2141         margin-right: 0;
     2207.tags {
     2208        float: left;
    21422209}
    2143 #footer-widget-area ul.item-list li img.avatar {
    2144         margin-left: 15px; /* border is 4px */
    2145 }
    2146  No newline at end of file
     2210/*--------------------------------------------------------------
     2211<<< END STYLES
     2212--------------------------------------------------------------*/
     2213 No newline at end of file