Skip to:
Content

BuddyPress.org

Changeset 4461


Ignore:
Timestamp:
06/05/2011 10:42:22 AM (15 years ago)
Author:
djpaul
Message:

Reorganise BP Default's stylesheet's table of contents. Fixes #3243, props karmatosed

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/bp-themes/bp-default/_inc/css/default.css

    r4455 r4461  
    66----------------------------------------------------------------
    771.0 - Reset - Based on work by Eric Meyer
    8 2.0 - BuddyPress
    9         2.1 - Activity
    10                 2.1.1 - Activity Listing
    11                 2.1.2 - 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
    22 3.0 - Error / Success Messages
    23 4.0 - Forms
    24         4.1 - Buttons
    25 5.0 - Navigation
    26         5.1 - Pagination
    27 6.0 - Structure
    28         6.1 - Content
    29         6.2 - Header
    30         6.3 - Footer
    31         6.4 - Sidebar
    32 7.0 - Text Elements
    33         7.1 - Headers
    34 8.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 
     82.0 - Structural
     9        2.1 - Content
     10        2.2 - Header
     11        2.3 - Footer
     12        2.4 - Sidebar
     133.0 - Non-structural
     14        3.1 - Text
     15        3.2 - Headers
     16        3.3 - Lists
     174.0 - Navigation
     18        4.1 - Pagination
     195.0 - WordPress
     20        5.1 - Alignments
     21        5.2 - Comments
     22        5.3 - Gallery
     23        5.4 - Images
     24        5.5 - Posts
     256.0 - BuddyPress
     26        6.1 - Activity
     27                6.1.1 - Activity Listing
     28                6.1.2 - Activity Comments
     29        6.2 - Admin Bar
     30        6.3 - Ajax Loading
     31        6.4 - Directories - Members, Groups, Blogs, Forums
     32        6.5 - Error / Success Messages
     33        6.6 - Forms
     34        6.7 - Topics and Tables - Forums and General
     35        6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
     36        6.9 - Private Messaging Threads
     37--------------------------------------------------------------*/
    4338
    4439/*--------------------------------------------------------------
     
    6661a img{border:none;}
    6762
    68 
    69 /*--------------------------------------------------------------
    70 2.0 - BuddyPress
    71 --------------------------------------------------------------*/
    72 /*--------------------------------------------------------------
    73 2.1 - Activity
     63/*--------------------------------------------------------------
     642.0 - Structural
     65--------------------------------------------------------------*/
     66body {
     67        background-color: #eaeaea;
     68        background-image: url( ../images/background.gif );
     69        background-repeat: repeat-x;
     70        background-position: top left;
     71        font-size: 12px;
     72        font-family: Arial, Tahoma, Verdana, sans-serif;
     73        line-height: 170%;
     74        color: #555;
     75        width: 90%;
     76        min-width: 960px;
     77        max-width: 1250px;
     78        margin: 0 auto;
     79}
     80.padder {
     81        padding: 19px;
     82}
     83div#container {
     84        background: #fff;
     85        border-right: 1px solid #e0e0e0;
     86        border-bottom: 1px solid #e0e0e0;
     87        -moz-border-radius: 6px;
     88        -webkit-border-radius: 6px;
     89        border-radius: 6px;
     90        overflow: hidden;
     91        position: relative;
     92        width: 100%;
     93}
     94body.activity-permalink div#container {
     95        background: none;
     96        border: none;
     97}
     98
     99
     100/*--------------------------------------------------------------
     1012.1 - Content
     102--------------------------------------------------------------*/
     103div#content {
     104        -moz-border-radius-topleft: 6px;
     105        -webkit-border-top-left-radius: 6px;
     106        -moz-border-radius-bottomleft: 6px;
     107        -webkit-border-bottom-left-radius: 6px;
     108        border-top-left-radius: 6px;
     109        border-top-right-radius: 6px;
     110        float: left;
     111        width: 100%;
     112}
     113div#content .padder {
     114        border-right: 1px solid #ddd;
     115        -moz-border-radius-topleft: 6px;
     116        -webkit-border-top-left-radius: 6px;
     117        -moz-border-radius-bottomleft: 6px;
     118        -webkit-border-bottom-left-radius: 6px;
     119        border-top-left-radius: 6px;
     120        border-bottom-left-radius: 6px;
     121        margin-right: 225px;
     122}
     123div#content .one-column {
     124        margin-right: 0;
     125        border-right: 0 none;
     126}
     127div#content .left-menu {
     128        float: left;
     129        width: 170px;
     130}
     131div#content .main-column {
     132        margin-left: 190px;
     133}
     134
     135
     136/*--------------------------------------------------------------
     1372.2 - Header
     138--------------------------------------------------------------*/
     139#header {
     140        -moz-border-radius-bottomleft: 6px;
     141        -webkit-border-bottom-left-radius: 6px;
     142        -moz-border-radius-bottomright: 6px;
     143        -webkit-border-bottom-right-radius: 6px;
     144        border-top-left-radius: 6px;
     145        border-top-right-radius: 6px;
     146        color: #fff;
     147        height: 100px;
     148        margin-bottom: 20px;
     149        padding-top: 25px;
     150        position: relative;
     151        z-index: 1000;
     152}
     153#header #search-bar {
     154        margin-top: 5px;
     155        text-align: right;
     156        width: 100%;
     157}
     158#header #search-bar .padder {
     159        padding: 10px 15px 0 20px;
     160}
     161#header #search-bar input[type=text] {
     162        border: 1px inset #888;
     163        -moz-border-radius: 3px;
     164        -webkit-border-radius: 3px;
     165        border-radius: 3px;
     166        margin-right: 4px;
     167        padding: 2px;
     168}
     169#header #search-bar input[type=submit] {
     170        font-size: 11px;
     171        padding: 1px 4px;
     172        margin-left: 4px;
     173}
     174#header h1 {
     175        float: left;
     176        margin-bottom: 0;
     177        margin-top: 0;
     178}
     179#header h1 a {
     180        color: #fff;
     181        font-size: 26px;
     182        text-decoration: none;
     183}
     184
     185
     186/*--------------------------------------------------------------
     1872.3 - Footer
     188--------------------------------------------------------------*/
     189#footer {
     190        margin: 20px 0;
     191}
     192#footer-widgets {
     193        background: #fff;
     194        border-bottom: 1px solid #e0e0e0;
     195        border-right: 1px solid #e0e0e0;
     196        -moz-border-radius: 6px;
     197        -webkit-border-radius: 6px;
     198        border-radius: 6px;
     199        padding: 19px;
     200}
     201#site-generator {
     202        margin: 20px 20px;
     203        text-align: center;
     204        color: #bbb;
     205        text-shadow: #fafafa 1px 1px 0;
     206}
     207#footer-widget-area {
     208        overflow: hidden;
     209        margin-top: -19px;
     210}
     211#footer-widget-area div.widget-area > ul {
     212        float: left;
     213        margin-right: 19px;
     214        width: 23%;
     215}
     216#footer-widget-area div.widget-area > ul > li {
     217        margin-top: 19px;
     218}
     219#footer-widget-area h3.widgettitle {
     220        margin: 0 0 10px 0;
     221        background: #eaeaea;
     222        padding: 5px 15px;
     223        font-size: 12px;
     224        clear: left;
     225}
     226#footer-widget-area div div.item-options {
     227        margin-left: 0;
     228        margin-right: 0;
     229}
     230#footer-widget-area ul.item-list li img.avatar {
     231        margin-left: 15px; /* border is 4px */
     232}
     233
     234
     235/*--------------------------------------------------------------
     2362.4 - Sidebar
     237--------------------------------------------------------------*/
     238div#sidebar {
     239        background: url( ../images/sidebar_back.gif ) top left repeat-x;
     240        border-left: 1px solid #ddd;
     241        -moz-border-radius-topright: 3px;
     242        -webkit-border-top-right-radius: 3px;
     243        border-top-right-radius: 3px;
     244        float: left;
     245        margin-left: -226px;
     246        margin-top: 1px;
     247        width: 224px;
     248}
     249div#sidebar div#sidebar-me img.avatar {
     250        float: left;
     251        margin: 0 10px 15px 0;
     252}
     253div#sidebar div#sidebar-me h4 {
     254        font-size: 16px;
     255        margin: 0 0 8px 0;
     256        font-weight: normal;
     257}
     258div#sidebar ul#bp-nav {
     259        clear: left;
     260        margin: 15px -16px;
     261}
     262div#sidebar ul#bp-nav li {
     263        padding: 10px 15px;
     264}
     265div#sidebar h3.widgettitle {
     266        margin: 25px -20px 10px -19px;
     267        background: #eaeaea;
     268        padding: 5px 15px;
     269        font-size: 12px;
     270        clear: left;
     271}
     272#footer-widget-area .widget_search,
     273div#sidebar .widget_search {
     274        margin-top: 20px;
     275}
     276#footer-widget-area .widget_search input[type=text],
     277div#sidebar .widget_search input[type=text] {
     278        width: 110px;
     279        padding: 2px;
     280}
     281#footer-widget-area ul#recentcomments li,
     282#footer-widget-area .widget_recent_entries ul li,
     283div#sidebar ul#recentcomments li,
     284div#sidebar .widget_recent_entries ul li {
     285        margin-bottom: 15px;
     286}
     287#footer-widget-area ul.item-list img.avatar,
     288div#sidebar ul.item-list img.avatar {
     289        width: 20px;
     290        height: 20px;
     291        margin-right: 10px;
     292}
     293#footer-widget-area div.item-avatar img,
     294div#sidebar div.item-avatar img {
     295        width: 40px;
     296        height: 40px;
     297        margin: 1px;
     298}
     299#footer-widget-area .avatar-block,
     300div#sidebar .avatar-block {
     301        overflow: hidden;
     302}
     303#footer-widget-area ul.item-list div.item-title,
     304div#sidebar ul.item-list div.item-title {
     305        font-size: 12px;
     306}
     307#footer-widget-area div.item-options,
     308div#sidebar div.item-options {
     309        margin: -10px -20px 0 -19px;
     310        background: #f8f8f8;
     311        padding: 5px 15px;
     312        font-size: 11px;
     313}
     314#footer-widget-area div.item-content {
     315        margin-left: 38px;
     316}
     317#footer-widget-area div.item-meta,
     318div#sidebar div.item-meta,
     319div#sidebar div.item-content {
     320        margin-left: 38px;
     321        font-size: 11px;
     322}
     323#footer-widget-area div.tags div#tag-text,
     324div#sidebar div.tags div#tag-text {
     325        font-size: 1.4em;
     326        line-height: 140%;
     327        padding-top: 10px;
     328}
     329
     330
     331/*--------------------------------------------------------------
     3323.0 - Non-structural
     333--------------------------------------------------------------*/
     334p {
     335        margin-bottom: 15px;
     336}
     337p:last-child {
     338        margin-bottom: 0;
     339}
     340.accessibly-hidden {
     341        left: -999em;
     342        position: absolute;
     343}
     344hr {
     345        background-color: #e7e7e7;
     346        border: 0 none;
     347        clear: both;
     348        height: 1px;
     349        margin: 20px 0;
     350}
     351
     352
     353/*--------------------------------------------------------------
     3543.1 - Text
     355--------------------------------------------------------------*/
     356big {
     357        font-size: 18px;
     358}
     359del {
     360        text-decoration: line-through;
     361}
     362ins {
     363        background: #fff9db;
     364        text-decoration: none;
     365}
     366sub {
     367        top: .5ex;
     368}
     369sup {
     370        bottom: 1ex;
     371}
     372sub,
     373sup {
     374        height: 0;
     375        line-height: 1;
     376        vertical-align: baseline;
     377        position: relative;
     378}
     379pre, blockquote {
     380        margin-bottom: 20px;
     381}
     382pre,
     383code p {
     384        background: #f4f4f4;
     385        -moz-border-radius: 3px;
     386        -webkit-border-radius: 3px;
     387        border-radius: 3px;
     388        padding: 15px;
     389}
     390code {
     391        font-family: "Monaco", courier, sans-serif;
     392}
     393blockquote {
     394        quotes: none;
     395        font-style: italic;
     396        padding: 0 3em;
     397        font-family: georgia, times, serif;
     398        font-size: 16px;
     399        line-height: 150%;
     400}
     401blockquote p {
     402        margin-bottom: 15px !importantr;
     403}
     404
     405
     406/*--------------------------------------------------------------
     4073.2 - Headers
     408--------------------------------------------------------------*/
     409h1,
     410h2,
     411h3,
     412h4,
     413h5,
     414h6 {
     415        margin: 5px 0 15px 0;
     416}
     417h1 {
     418        font-size: 28px;
     419        margin-bottom: 25px;
     420}
     421h2 {
     422        font-size: 24px;
     423        margin-bottom: 20px;
     424}
     425h3 {
     426        font-size: 20px;
     427}
     428h4 {
     429        font-size: 16px;
     430        margin-bottom: 15px;
     431}
     432h5 {
     433        font-size: 14px;
     434        margin-bottom: 0;
     435}
     436h6 {
     437        font-size: 12px;
     438        margin-bottom: 0;
     439}
     440
     441
     442/*--------------------------------------------------------------
     4433.3 - Lists
     444--------------------------------------------------------------*/
     445div.page ul,
     446div.page ol,
     447div.page dl,
     448div.post ul,
     449div.post ol,
     450div.post dl {
     451        margin: 0 0 18px 1.5em;
     452}
     453div.page ul,
     454div.post ul {
     455        list-style: square;
     456}
     457div.page ol,
     458div.post ol {
     459        list-style: decimal;
     460}
     461div.page ol ol,
     462div.post ol ol {
     463        list-style: upper-alpha;
     464}
     465dl {
     466        margin-left: 0;
     467}
     468dt {
     469        font-size: 14px;
     470        font-weight: bold;
     471}
     472dd {
     473        margin: 0 0 15px 0;
     474}
     475
     476
     477/*--------------------------------------------------------------
     4784.0 - Navigation
     479--------------------------------------------------------------*/
     480a {
     481        color: #1fb3dd;
     482}
     483a:hover,
     484a:active {
     485        color: #888;
     486}
     487a:focus {
     488        outline: 1px dotted #ccc;
     489}
     490#nav {
     491        margin: 0;
     492        padding: 0;
     493        position: absolute;
     494        right: 15px;
     495        list-style: none;
     496        bottom: 0;
     497        max-width: 95%;
     498}
     499#nav li a {
     500        background: url( ../images/60pc_black.png );
     501        color: #fff;
     502        display: block;
     503        padding: 5px 15px;
     504        text-decoration: none;
     505}
     506#nav li {
     507        margin-left: 5px;
     508        float: left;
     509}
     510#nav li li {
     511        margin-left: 0;
     512}
     513#nav > li > a {
     514        -moz-border-radius-topleft: 3px;
     515        -webkit-border-top-left-radius: 3px;
     516        -moz-border-radius-topright: 3px;
     517        -webkit-border-top-right-radius: 3px;
     518        border-top-left-radius: 3px;
     519        border-top-right-radius: 3px;
     520}
     521#nav li.selected a,
     522#nav > li.current-menu-item a,
     523#nav > li.current_page_item a {
     524        background: #f5f5f5;
     525        color: #555;
     526}
     527#nav > li > ul {
     528        border-top-width: 0;
     529}
     530#nav > ul li.sfhover a,
     531#nav > ul li:hover a {
     532        background: #333;
     533        color: #fff;
     534}
     535#nav li.sfhover,
     536#nav li:hover {
     537        position: relative;
     538        z-index: 1000;
     539}
     540#nav ul {
     541        border: 1px solid #222;
     542        -moz-border-radius: 3px;
     543        -webkit-border-radius: 3px;
     544        -moz-border-radius-topleft: 0;
     545        -moz-border-radius-topright: 0;
     546        -webkit-border-top-left-radius: 0;
     547        -webkit-border-top-right-radius: 0;
     548        border-top-left-radius: 0;
     549        border-top-right-radius: 0;
     550        -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     551        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     552        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     553}
     554#nav ul li ul {
     555        -moz-border-radius: 3px;
     556        -webkit-border-radius: 3px;
     557        border-radius: 3px;
     558}
     559#nav ul,
     560#nav .sfhover ul ul,
     561#nav :hover ul ul {
     562        left: -9999px;
     563        position: absolute;
     564}
     565#nav .sfhover ul,
     566#nav :hover ul {
     567        left: 0;
     568        top: 100%;
     569        width: 128px;
     570}
     571#nav .sfhover ul li > a,
     572#nav :hover ul li > a {
     573        background: #333;
     574        color: #fff;
     575}
     576#nav .sfhover ul .sfhover > ul,
     577#nav :hover ul :hover > ul {
     578        left: 125px;
     579        top: -1px;
     580        width: 128px;
     581}
     582#nav ul li.sfhover > a,
     583#nav ul li:hover > a {
     584        background-color: #222;
     585        color: #fff;
     586}
     587#nav .sfhover ul li,
     588#nav :hover ul li {
     589        height: 30px;
     590        line-height: 30px;
     591        text-indent: 10px;
     592        width: 128px;
     593}
     594#nav .sfhover ul li a,
     595#nav :hover ul li a {
     596        padding: 0 0;
     597}
     598
     599
     600/*--------------------------------------------------------------
     6014.1 - Pagination
     602--------------------------------------------------------------*/
     603div.pagination {
     604        margin: -20px -19px 0px -19px;
     605        padding: 8px 20px;
     606        color: #888;
     607        font-size: 11px;
     608        height: 19px;
     609        background: #f4f4f4;
     610        border: none;
     611        position: relative;
     612}
     613div.pagination .pag-count {
     614        float: left;
     615}
     616div.pagination .pagination-links {
     617        float: right;
     618}
     619div.pagination .pagination-links span,
     620div.pagination .pagination-links a {
     621        font-size: 12px;
     622        padding: 0 5px;
     623}
     624div.pagination .pagination-links a:hover {
     625        font-weight: bold;
     626}
     627div#pag-bottom {
     628        margin-top: -1px;
     629}
     630
     631
     632/*--------------------------------------------------------------
     6335.0 - WordPress
     634--------------------------------------------------------------*/
     635/*--------------------------------------------------------------
     6365.1 - Alignments
     637--------------------------------------------------------------*/
     638.alignright {
     639        float: right;
     640        margin-left: 15px;
     641}
     642.alignleft {
     643        float: left;
     644        margin-right: 15px;
     645}
     646.aligncenter {
     647        display: block;
     648        margin-left: auto;
     649        margin-right: auto;
     650}
     651.clear {
     652        clear: left;
     653}
     654
     655
     656/*--------------------------------------------------------------
     6575.2 - Comments
     658--------------------------------------------------------------*/
     659.navigation,
     660.paged-navigation,
     661.comment-navigation {
     662        overflow: hidden;
     663        font-family: georgia, times, serif;
     664        font-style: italic;
     665        font-size: 14px;
     666        padding: 5px 0;
     667        margin: 5px 0 25px 0;
     668}
     669.comments {
     670        float: right;
     671}
     672#trackbacks {
     673        margin-top: 30px;
     674}
     675.commentlist .bypostauthor {
     676}
     677#comments ol.commentlist {
     678        border-bottom: 1px solid #e4e4e4;
     679        margin: 0 0 30px 0;
     680}
     681ol.commentlist li {
     682        clear: left;
     683        list-style: none;
     684        margin-bottom: 15px;
     685}
     686ol.commentlist div.comment-avatar-box {
     687        float: left;
     688        margin: 15px 10px 15px 0;
     689}
     690.commentlist ul.children div.comment-avatar-box {
     691        float: left;
     692        margin: 0px 10px 10px 0;
     693}
     694div.comment-avatar-box img {
     695        border: 2px solid #eee;
     696}
     697div.comment-content {
     698        border-top: 1px solid #e4e4e4;
     699        padding-left: 75px;
     700}
     701.commentlist .children .comment {
     702        margin-bottom: 5px;
     703}
     704div.comment-meta,
     705div.comment-options {
     706        color: #888;
     707        font-size: 11px;
     708        margin: 15px 0;
     709}
     710div.comment-meta em {
     711        font-style: normal;
     712}
     713div.comment-meta span.comment-highlight a {
     714        background: #EBF7FF;
     715        border-right: 1px solid #a1dcfa;
     716        border-bottom: 1px solid #a1dcfa;
     717        -moz-border-radius: 4px;
     718        -webkit-border-radius: 4px;
     719        border-radius: 4px;
     720        color: #059AE7;
     721        margin-right: 3px;
     722        padding: 3px 8px;
     723        text-decoration: none;
     724}
     725div.comment-meta .comment-highlight a:hover,
     726.commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover {
     727        background: #059AE7;
     728        border-color: #059AE7;
     729        color: #fff;
     730}
     731#reply-title {
     732        margin-top: 0;
     733}
     734#reply-title small {
     735        float: right;
     736        font-size: 11px;
     737        font-weight: normal;
     738}
     739#reply-title small a,
     740div.comment-options a.comment-reply-link {
     741        background: #FFF9DB;
     742        border-bottom: 1px solid #FFE8C4;
     743        border-right: 1px solid #FFE8C4;
     744        -moz-border-radius: 4px;
     745        -webkit-border-radius: 4px;
     746        border-radius: 4px;
     747        color: #ffa200;
     748        margin-right: 10px;
     749        padding: 3px 8px;
     750        text-decoration: none;
     751}
     752#reply-title small a {
     753        margin-right: 0;
     754}
     755#reply-title small a:hover,
     756div.comment-options a.comment-reply-link:hover {
     757        background: #f7740a;
     758        border-color: #f7740a;
     759        color: #fff;
     760}
     761.commentlist ul.children {
     762        background: #f5f5f5;
     763        -moz-border-radius: 4px;
     764        -webkit-border-radius: 4px;
     765        border-radius: 4px;
     766        margin-bottom: 10px;
     767        margin-left: 75px;
     768        padding: 1px 10px;
     769
     770}
     771.commentlist ul.children ul {
     772        margin-left: 20px;
     773        margin-bottom: 0;
     774        padding: 5px 0 0 0;
     775}
     776.commentlist ul.children img.avatar {
     777        border-style: none;
     778        height: 25px;
     779        margin: 0;
     780        width: 25px;
     781}
     782.commentlist ul.children div.comment-content {
     783        border-top: none;
     784        padding-left: 35px;
     785}
     786.commentlist ul.children div.comment-meta {
     787        font-size: 11px;
     788        margin-top: 0;
     789}
     790.commentlist ul.children div.comment-options {
     791        margin-bottom: 5px;
     792        margin-top: 0;
     793}
     794.commentlist ul.children li {
     795        border-top: 2px solid #fffeff;
     796        padding-top: 10px;
     797}
     798.commentlist ul.children li:first-child {
     799        border-top: none;
     800}
     801.commentlist ul.children ul li:first-child {
     802        border-top: 2px solid #fffeff;
     803}
     804.commentlist ul.children div.comment-options a.comment-reply-link {
     805        background: transparent;
     806        border-style: none;
     807        color: #1fb3dd;
     808        margin-right: 0;
     809        padding: 3px 8px;
     810        text-decoration: underline;
     811}
     812.commentlist ul.children div.comment-options a.comment-reply-link:hover {
     813        background: transparent;
     814        border-style: none;
     815        color: #1fb3dd;
     816}
     817#respond {
     818        background-color: #fafafa;
     819        border: 1px solid #e5e5e5;
     820        -moz-border-radius: 4px;
     821        -webkit-border-radius: 4px;
     822        border-radius: 4px;
     823        padding: 15px;
     824}
     825#respond .form-submit {
     826        margin-bottom: 0;
     827}
     828ol.commentlist #respond {
     829        margin-left: 75px;
     830}
     831.commentlist ul.children #respond {
     832        margin-bottom: 10px;
     833        margin-left: 35px;
     834        margin-right: 20px;
     835}
     836h3#reply .comments-header {
     837        font-size: 14px;
     838}
     839#respond div.comment-avatar-box {
     840        margin-top: 0;
     841}
     842#respond div.comment-content {
     843        border-style: none;
     844}
     845#nav-below {
     846        margin: 0 0;
     847        padding: 0 0;
     848}
     849
     850
     851/*--------------------------------------------------------------
     8525.3 - Gallery
     853--------------------------------------------------------------*/
     854.wp-caption {
     855        background-color: #f3f3f3;
     856        border: 1px solid #ddd;
     857        -moz-border-radius: 3px;
     858        -webkit-border-radius: 3px;
     859        border-radius: 3px;
     860        margin-bottom: 15px;
     861        padding-top: 4px;
     862        text-align: center;
     863
     864}
     865.wp-caption img {
     866        margin: 0;
     867        padding: 0;
     868        border: 0 none;
     869}
     870dd.wp-caption p.wp-caption-text,
     871.wp-caption p.wp-caption-text {
     872        font-size: 0.9em;
     873        line-height: 17px;
     874        padding: 5px 4px 5px 0;
     875        margin: 0;
     876}
     877#content .gallery {
     878        margin: 0 auto 15px;
     879}
     880#content .gallery .gallery-item {
     881        margin-bottom: 0;
     882        margin-left: 0;
     883}
     884.gallery-item img {
     885        margin-bottom: 15px;
     886}
     887.gallery .gallery-caption {
     888        color: #555;
     889}
     890
     891
     892/*--------------------------------------------------------------
     8935.4 - Images
     894--------------------------------------------------------------*/
     895img.avatar {
     896        float: left;
     897        border: 2px solid #eee;
     898}
     899img.wp-smiley {
     900        padding: 0 !important;
     901        margin: 0 !important;
     902        border: none !important;
     903        float: none !important;
     904        clear: none !important;
     905}
     906img.centered,
     907img.aligncenter {
     908        display: block;
     909        margin-left: auto;
     910        margin-right: auto;
     911}
     912img.alignright {
     913        padding: 4px;
     914        margin: 0 0 2px 7px;
     915        display: inline;
     916}
     917img.alignleft {
     918        padding: 4px;
     919        margin: 0 7px 2px 0;
     920        display: inline;
     921}
     922
     923
     924/*--------------------------------------------------------------
     9255.5 - Posts
     926--------------------------------------------------------------*/
     927.sticky .date {
     928        background: #fff9db;
     929        border-top: 1px solid #ffe8c4;
     930        border-bottom: 1px solid #ffe8c4;
     931        color: #ffa200;
     932        padding: 5px;
     933}
     934div.page,
     935div.post,
     936div.attachment {
     937        margin: 0 0 30px 0;
     938        overflow: hidden;
     939}
     940div.page:last-child,
     941div.post:last-child,
     942div.item-body:last-child,
     943#trackbacklist {
     944        margin-bottom: 0;
     945}
     946h2.pagetitle,
     947h2.posttitle {
     948        margin: 0;
     949        line-height: 120%;
     950}
     951h2.pagetitle a,
     952h2.posttitle a {
     953        color: #666;
     954        text-decoration: none;
     955}
     956.edit-link,
     957.page-link {
     958        clear: both;
     959        font-weight: bold;
     960}
     961div.post table,
     962div.page table {
     963        margin-bottom: 15px;
     964        border-collapse: collapse;
     965        border-spacing: 0;
     966        border: 1px solid #eee;
     967}
     968div.post table th,
     969div.page table th {
     970        border-top: 1px solid #eee;
     971        text-align: left;
     972}
     973div.post table td,
     974div.page table td {
     975        border-top: 1px solid #eee;
     976}
     977div.author-box {
     978        background: #f0f0f0;
     979        -moz-border-radius: 3px;
     980        -webkit-border-radius: 3px;
     981        border-radius: 3px;
     982        float: left;
     983        font-family: georgia, times, serif;
     984        font-style: italic;
     985        margin: 0 15px 15px 0;
     986        padding: 10px;
     987        text-align: center;
     988        width: 70px;
     989}
     990div.author-box p,
     991div.comment-avatar-box p {
     992        margin: 5px 0 0;
     993}
     994div.author-box a,
     995div.comment-avatar-box a {
     996        text-decoration: none;
     997}
     998div.author-box img {
     999        float: none;
     1000        border: 4px solid #fff;
     1001        margin: 0;
     1002}
     1003div.post-content {
     1004        margin-left: 105px;
     1005}
     1006p.date span:first-child {
     1007        font-style: italic;
     1008}
     1009div.post .entry {
     1010        margin-bottom: 15px;
     1011}
     1012p.date,
     1013p.postmetadata {
     1014        color: #888;
     1015        font-size: 12px;
     1016        font-family: Georgia, times, serif;
     1017        padding: 3px 0;
     1018        margin: 10px 0;
     1019        border-bottom: 1px solid #e4e4e4;
     1020        border-top: 1px solid #e4e4e4;
     1021}
     1022p.postmetadata {
     1023        clear: left;
     1024        overflow: hidden;
     1025}
     1026.tags {
     1027        float: left;
     1028}
     1029
     1030
     1031/*--------------------------------------------------------------
     10326.0 - BuddyPress
     1033--------------------------------------------------------------*/
     1034/*--------------------------------------------------------------
     10356.1 - Activity
    741036--------------------------------------------------------------*/
    751037#item-body form#whats-new-form {
     
    1291091
    1301092/*--------------------------------------------------------------
    131 2.1.1 - Activity Listing
     10936.1.1 - Activity Listing
    1321094--------------------------------------------------------------*/
    1331095ul.activity-list li {
     
    3511313
    3521314/*--------------------------------------------------------------
    353 2.1.2 - Activity Comments
     13156.1.2 - Activity Comments
    3541316--------------------------------------------------------------*/
    3551317div.activity-meta {
     
    5331495
    5341496/*--------------------------------------------------------------
    535 2.2 - Admin Bar
     14976.2 - Admin Bar
    5361498--------------------------------------------------------------*/
    5371499#wp-admin-bar .padder {
     
    5411503
    5421504/*--------------------------------------------------------------
    543 2.3 - Ajax Loading
     15056.3 - Ajax Loading
    5441506--------------------------------------------------------------*/
    5451507.ajax-loader {
     
    5571519
    5581520/*--------------------------------------------------------------
    559 2.4 - Data Tables
    560 --------------------------------------------------------------*/
    561 table {
    562         width: 100%;
    563 }
    564 table thead tr {
    565         background: #eaeaea;
    566 }
    567 table#message-threads {
    568         margin: 0 -19px;
    569         width: auto;
    570 }
    571 table.profile-fields {
    572         margin-bottom: 20px;
    573 }
    574 div#sidebar table {
    575         margin: 0 -16px;
    576         width: 117%;
    577 }
    578 table tr td,
    579 table tr th {
    580         padding: 8px;
    581         vertical-align: middle;
    582 }
    583 table tr td.label {
    584         border-right: 1px solid #eaeaea;
    585         font-weight: bold;
    586         width: 25%;
    587 }
    588 table tr td.thread-info p {
    589         margin: 0;
    590 }
    591 table tr td.thread-info p.thread-excerpt {
    592         color: #888;
    593         font-size: 11px;
    594         margin-top: 3px;
    595 }
    596 div#sidebar table td,
    597 table.forum td {
    598         text-align: center;
    599 }
    600 table tr.alt {
    601         background: #f8f8f8;
    602 }
    603 table.notification-settings {
    604         margin-bottom: 20px;
    605         text-align: left;
    606 }
    607 table.notification-settings th.icon,
    608 table.notification-settings td:first-child {
    609         display: none;
    610 }
    611 table.notification-settings th.title {
    612         width: 80%;
    613 }
    614 table.notification-settings .yes,
    615 table.notification-settings .no {
    616         width: 40px;
    617         text-align: center;
    618 }
    619 table.forum {
    620         margin: 0 -19px;
    621         width: auto;
    622 }
    623 table.forum tr.sticky td {
    624         background: #fff9db;
    625         border-top: 1px solid #ffe8c4;
    626         border-bottom: 1px solid #ffe8c4;
    627 }
    628 table.forum tr.closed td.td-title {
    629         padding-left: 35px;
    630         background-image: url( ../images/closed.png );
    631         background-position: 15px 50%;
    632         background-repeat: no-repeat;
    633 }
    634 table.forum td p.topic-text {
    635         color: #888;
    636         font-size: 11px;
    637 }
    638 table.forum tr > td:first-child,
    639 table.forum tr > th:first-child {
    640         padding-left: 15px;
    641 }
    642 table.forum tr > td:last-child,
    643 table.forum tr > th:last-child {
    644         padding-right: 15px;
    645 }
    646 table.forum tr th#th-title,
    647 table.forum tr th#th-poster,
    648 table.forum tr th#th-group,
    649 table.forum td.td-poster,
    650 table.forum td.td-group,
    651 table.forum td.td-title {
    652         text-align: left;
    653 }
    654 table.forum td.td-freshness {
    655         font-size: 11px;
    656         color: #888;
    657         white-space: nowrap;
    658         width: 150px;
    659 }
    660 table.forum td img.avatar {
    661         margin-right: 5px;
    662 }
    663 table.forum td.td-poster,
    664 table.forum td.td-group {
    665         min-width: 140px;
    666 }
    667 table.forum th#th-title {
    668         width: 100%;
    669 }
    670 table.forum th#th-postcount {
    671         width: 50px;
    672 }
    673 
    674 
    675 /*--------------------------------------------------------------
    676 2.5 - Directories - Members, Groups, Blogs, Forums
     15216.4 - Directories - Members, Groups, Blogs, Forums
    6771522--------------------------------------------------------------*/
    6781523div.dir-search {
     
    6871532
    6881533/*--------------------------------------------------------------
    689 2.6 - Forum Topics
    690 --------------------------------------------------------------*/
    691 ul#topic-post-list {
    692         margin: 0px -19px 15px;
    693         width: auto;
    694 }
    695 ul#topic-post-list li {
    696         padding: 15px;
    697         position: relative;
    698 }
    699 ul#topic-post-list li.alt {
    700         background: #f8f8f8;
    701 }
    702 ul#topic-post-list li div.poster-meta {
    703         margin-bottom: 10px;
    704         color: #888;
    705 }
    706 ul#topic-post-list li div.post-content {
    707         margin-left: 54px;
    708 }
    709 div.topic-tags {
    710         font-size: 11px;
    711 }
    712 div.admin-links {
    713         position: absolute;
    714         top: 15px;
    715         right: 25px;
    716         color: #888;
    717         font-size: 11px;
    718 }
    719 div#topic-meta {
    720         padding: 5px 19px 30px;
    721         margin: -10px -19px;
    722         position: relative;
    723 }
    724 div#topic-meta div.admin-links {
    725         right: 19px;
    726         top: -36px;
    727 }
    728 div#topic-meta h3 {
    729         font-size: 20px;
    730         margin: 5px 0;
    731 }
    732 div#new-topic-post {
    733         display: none;
    734         margin: 20px 0 0 0;
    735         padding: 1px 0 0 0;
    736 }
    737 
    738 
    739 /*--------------------------------------------------------------
    740 2.7 - Items
    741 --------------------------------------------------------------*/
    742 .item-body {
    743         margin: 20px 0;
    744 }
    745 span.activity,
    746 div#message p {
    747         background: #fff9db;
    748         border-bottom: 1px solid #ffe8C4;
    749         border-right: 1px solid #ffe8C4;
    750         -moz-border-radius: 3px;
    751         -webkit-border-radius: 3px;
    752         border-radius: 3px;
    753         color: #ffa200;
    754         display: inline-block;
    755         font-size: 11px;
    756         font-weight: normal;
    757         margin-top: 6px;
    758         padding: 1px 8px;
    759         text-decoration: none;
    760 }
    761 
    762 
    763 /*--------------------------------------------------------------
    764 2.7.1 - Item Headers
    765 --------------------------------------------------------------*/
    766 div#item-header {
    767         overflow: hidden;
    768 }
    769 div#item-header div#item-header-content {
    770         margin-left: 170px;
    771 }
    772 div#item-header h2 {
    773         font-size: 28px;
    774         margin: 0 0 15px 0;
    775         line-height: 120%;
    776 }
    777 div#item-header h2 a {
    778         text-decoration: none;
    779         color: #777;
    780 }
    781 div#item-header img.avatar {
    782         float: left;
    783         margin: 0 15px 25px 0;
    784 }
    785 div#item-header h2 {
    786         margin-bottom: 5px;
    787 }
    788 div#item-header span.activity,
    789 div#item-header h2 span.highlight {
    790         vertical-align: middle;
    791         font-size: 11px;
    792         font-weight: normal;
    793         line-height: 170%;
    794         margin-bottom: 7px;
    795 }
    796 div#item-header h2 span.highlight {
    797         font-size: 16px;
    798 }
    799 div#item-header h2 span.highlight span {
    800         background: #a1dcfa;
    801         -moz-border-radius: 3px;
    802         -webkit-border-radius: 3px;
    803         border-radius: 3px;
    804         color: #fff;
    805         cursor: pointer;
    806         font-weight: bold;
    807         font-size: 11px;
    808         margin-bottom: 2px;
    809         padding: 1px 4px;
    810         position: relative;
    811         right: -2px;
    812         top: -2px;
    813         vertical-align: middle;
    814 }
    815 div#item-header div#item-meta {
    816         font-size: 14px;
    817         color: #aaa;
    818         padding-bottom: 10px;
    819         overflow: hidden;
    820         margin: 15px 0 5px 0;
    821 }
    822 div#item-header div#item-actions {
    823         float: right;
    824         width: 20%;
    825         margin: 0 0 15px 15px;
    826         text-align: right;
    827 }
    828 div#item-header div#item-actions h3 {
    829         font-size: 12px;
    830         margin: 0 0 5px 0;
    831 }
    832 div#item-header ul {
    833         overflow: hidden;
    834         margin-bottom: 15px;
    835 }
    836 div#item-header ul h5,
    837 div#item-header ul span,
    838 div#item-header ul hr {
    839         display: none;
    840 }
    841 div#item-header ul li {
    842         float: right;
    843 }
    844 div#item-header ul img.avatar,
    845 div#item-header ul.avatars img.avatar {
    846         width: 30px;
    847         height: 30px;
    848         margin: 2px;
    849 }
    850 div#item-header div.generic-button,
    851 div#item-header a.button {
    852         float: left;
    853         margin: 10px 10px 0 0;
    854 }
    855 div#item-header div#message.info {
    856         line-height: 80%;
    857 }
    858 
    859 
    860 /*--------------------------------------------------------------
    861 2.7.2 - Item Lists - Activity, Friend, Group Lists
    862 --------------------------------------------------------------*/
    863 ul.item-list {
    864         width: 100%;
    865 }
    866 ul.item-list li {
    867         position: relative;
    868         padding: 15px 0;
    869         border-bottom: 1px solid #eaeaea;
    870 }
    871 ul.single-line li {
    872         border: none;
    873 }
    874 ul.item-list li img.avatar {
    875         float: left;
    876         margin: 0 10px 0 0;
    877 }
    878 ul.item-list li div.item-title,
    879 ul.item-list li h4 {
    880         font-weight: normal;
    881         font-size: 14px;
    882         width: 75%;
    883         margin: 0;
    884 }
    885 ul.item-list li div.item-title span {
    886         font-size: 12px;
    887         color: #999;
    888 }
    889 ul.item-list li div.item-desc {
    890         margin: 10px 0 0 64px;
    891         font-size: 11px;
    892         color: #888;
    893         width: 50%;
    894 }
    895 ul.item-list li div.action {
    896         position: absolute;
    897         top: 15px;
    898         right: 0;
    899         text-align: right;
    900 }
    901 ul.item-list li div.meta {
    902         margin-top: 10px;
    903         color: #888;
    904         font-size: 11px;
    905 }
    906 ul.item-list li h5 span.small {
    907         font-weight: normal;
    908         font-size: 11px;
    909         float: right;
    910 }
    911 
    912 
    913 /*--------------------------------------------------------------
    914 2.7.3 - Item Tabs
    915 --------------------------------------------------------------*/
    916 div.item-list-tabs {
    917         clear: left;
    918         overflow: hidden;
    919         margin: 25px -19px 20px -19px;
    920         background: #eaeaea;
    921 }
    922 div.item-list-tabs ul li a {
    923         text-decoration: none;
    924 }
    925 div.item-list-tabs ul {
    926         width: 100%;
    927 }
    928 div.item-list-tabs ul li {
    929         float: left;
    930         margin: 5px 0 0 5px;
    931 }
    932 div.item-list-tabs#subnav ul li {
    933         margin-top: 0;
    934 }
    935 div.item-list-tabs ul li:first-child {
    936         margin-left: 20px;
    937 }
    938 div.item-list-tabs ul li.last {
    939         float: right;
    940         margin: 7px 20px 0 0;
    941 }
    942 div.item-list-tabs#subnav ul li.last {
    943         margin-top: 4px;
    944 }
    945 div.item-list-tabs ul li.last select {
    946         max-width: 175px;
    947 }
    948 div.item-list-tabs ul li a,
    949 div.item-list-tabs ul li span {
    950         display: block;
    951         padding: 5px 10px;
    952         text-decoration: none;
    953 }
    954 div.item-list-tabs ul li span {
    955         color: #aaa;
    956 }
    957 div.item-list-tabs ul li a span {
    958         display: inline;
    959         padding: 0;
    960         color: inherit;
    961 }
    962 div.item-list-tabs ul li.selected a,
    963 div.item-list-tabs ul li.current a {
    964         background-color: #fff;
    965         -moz-border-radius-topleft: 3px;
    966         -webkit-border-top-left-radius: 3px;
    967         -moz-border-radius-topright: 3px;
    968         -webkit-border-top-right-radius: 3px;
    969         border-top-left-radius: 3px;
    970         border-top-right-radius: 3px;
    971         color: #555;
    972         font-weight: bold;
    973 }
    974 ul li.loading a {
    975         background-image: url( ../images/ajax-loader.gif );
    976         background-position: 92% 50%;
    977         background-repeat: no-repeat;
    978         padding-right: 30px !important;
    979 }
    980 div#item-nav ul li.loading a {
    981         background-position: 88% 50%;
    982 }
    983 div.item-list-tabs#object-nav {
    984         margin-top: 0;
    985 }
    986 div.item-list-tabs#subnav {
    987         background: #fff;
    988         margin: -15px -19px 15px -19px;
    989         border-bottom: 1px solid #eaeaea;
    990         min-height: 35px;
    991         overflow: hidden;
    992 }
    993 div.item-list-tabs ul li.feed a {
    994         background: url( ../images/rss.png ) center left no-repeat;
    995         padding-left: 20px;
    996 }
    997 
    998 
    999 /*--------------------------------------------------------------
    1000 2.8 - Private Messaging Threads
    1001 --------------------------------------------------------------*/
    1002 table#message-threads tr.unread td {
    1003         background: #fff9db;
    1004         border-top: 1px solid #ffe8c4;
    1005         border-bottom: 1px solid #ffe8c4;
    1006         font-weight: bold;
    1007 }
    1008 table#message-threads tr.unread td span.activity {
    1009         background: #fff;
    1010 }
    1011 li span.unread-count,
    1012 tr.unread span.unread-count {
    1013         background: #dd0000;
    1014         -moz-border-radius: 3px;
    1015         -webkit-border-radius: 3px;
    1016         border-radius: 3px;
    1017         color: #fff;
    1018         font-weight: bold;
    1019         padding: 2px 8px;
    1020 }
    1021 div.item-list-tabs ul li a span.unread-count {
    1022         padding: 1px 6px;
    1023         color: #fff;
    1024 }
    1025 div.messages-options-nav {
    1026         font-size: 11px;
    1027         background: #eee;
    1028         text-align: right;
    1029         margin: 0 -19px;
    1030         padding: 5px 15px;
    1031 }
    1032 div#message-thread div.message-box {
    1033         margin: 0 -19px;
    1034         padding: 15px;
    1035 }
    1036 div#message-thread div.alt {
    1037         background: #f4f4f4;
    1038 }
    1039 div#message-thread p#message-recipients {
    1040         margin: 10px 0 20px 0;
    1041 }
    1042 div#message-thread img.avatar {
    1043         float: left;
    1044         margin: 0 10px 0 0;
    1045         vertical-align: middle;
    1046 }
    1047 div#message-thread strong {
    1048         margin: 0;
    1049         font-size: 16px;
    1050 }
    1051 div#message-thread strong a {
    1052         text-decoration: none;
    1053 }
    1054 div#message-thread strong span.activity {
    1055         margin: 4px 0 0 10px;
    1056 }
    1057 div#message-thread div.message-metadata {
    1058         overflow: hidden;
    1059 }
    1060 div#message-thread div.message-content {
    1061         margin-left: 45px;
    1062 }
    1063 div#message-thread div.message-options {
    1064         text-align: right;
    1065 }
    1066 
    1067 
    1068 /*--------------------------------------------------------------
    1069 3.0 - Errors / Success Messages
     15346.5 - Errors / Success Messages
    10701535--------------------------------------------------------------*/
    10711536div#message {
     
    11311596
    11321597/*--------------------------------------------------------------
    1133 4.0 - Forms
     15986.6 - Forms
    11341599--------------------------------------------------------------*/
    11351600.standard-form textarea,
     
    12631728        width: 160px;
    12641729}
    1265 
    1266 
    1267 /*--------------------------------------------------------------
    1268 4.1 - Buttons
    1269 --------------------------------------------------------------*/
    12701730button,
    12711731a.button,
     
    13041764
    13051765/*--------------------------------------------------------------
    1306 5.0 - Navigation
    1307 --------------------------------------------------------------*/
    1308 a {
    1309         color: #1fb3dd;
    1310 }
    1311 a:hover,
    1312 a:active {
     17666.7 - Forums, Tables and Topics
     1767--------------------------------------------------------------*/
     1768ul#topic-post-list {
     1769        margin: 0px -19px 15px;
     1770        width: auto;
     1771}
     1772ul#topic-post-list li {
     1773        padding: 15px;
     1774        position: relative;
     1775}
     1776ul#topic-post-list li.alt {
     1777        background: #f8f8f8;
     1778}
     1779ul#topic-post-list li div.poster-meta {
     1780        margin-bottom: 10px;
    13131781        color: #888;
    13141782}
    1315 a:focus {
    1316         outline: 1px dotted #ccc;
    1317 }
    1318 #nav {
     1783ul#topic-post-list li div.post-content {
     1784        margin-left: 54px;
     1785}
     1786div.topic-tags {
     1787        font-size: 11px;
     1788}
     1789div.admin-links {
     1790        position: absolute;
     1791        top: 15px;
     1792        right: 25px;
     1793        color: #888;
     1794        font-size: 11px;
     1795}
     1796div#topic-meta {
     1797        padding: 5px 19px 30px;
     1798        margin: -10px -19px;
     1799        position: relative;
     1800}
     1801div#topic-meta div.admin-links {
     1802        right: 19px;
     1803        top: -36px;
     1804}
     1805div#topic-meta h3 {
     1806        font-size: 20px;
     1807        margin: 5px 0;
     1808}
     1809div#new-topic-post {
     1810        display: none;
     1811        margin: 20px 0 0 0;
     1812        padding: 1px 0 0 0;
     1813}
     1814table {
     1815        width: 100%;
     1816}
     1817table thead tr {
     1818        background: #eaeaea;
     1819}
     1820table#message-threads {
     1821        margin: 0 -19px;
     1822        width: auto;
     1823}
     1824table.profile-fields {
     1825        margin-bottom: 20px;
     1826}
     1827div#sidebar table {
     1828        margin: 0 -16px;
     1829        width: 117%;
     1830}
     1831table tr td,
     1832table tr th {
     1833        padding: 8px;
     1834        vertical-align: middle;
     1835}
     1836table tr td.label {
     1837        border-right: 1px solid #eaeaea;
     1838        font-weight: bold;
     1839        width: 25%;
     1840}
     1841table tr td.thread-info p {
    13191842        margin: 0;
     1843}
     1844table tr td.thread-info p.thread-excerpt {
     1845        color: #888;
     1846        font-size: 11px;
     1847        margin-top: 3px;
     1848}
     1849div#sidebar table td,
     1850table.forum td {
     1851        text-align: center;
     1852}
     1853table tr.alt {
     1854        background: #f8f8f8;
     1855}
     1856table.notification-settings {
     1857        margin-bottom: 20px;
     1858        text-align: left;
     1859}
     1860table.notification-settings th.icon,
     1861table.notification-settings td:first-child {
     1862        display: none;
     1863}
     1864table.notification-settings th.title {
     1865        width: 80%;
     1866}
     1867table.notification-settings .yes,
     1868table.notification-settings .no {
     1869        width: 40px;
     1870        text-align: center;
     1871}
     1872table.forum {
     1873        margin: 0 -19px;
     1874        width: auto;
     1875}
     1876table.forum tr.sticky td {
     1877        background: #fff9db;
     1878        border-top: 1px solid #ffe8c4;
     1879        border-bottom: 1px solid #ffe8c4;
     1880}
     1881table.forum tr.closed td.td-title {
     1882        padding-left: 35px;
     1883        background-image: url( ../images/closed.png );
     1884        background-position: 15px 50%;
     1885        background-repeat: no-repeat;
     1886}
     1887table.forum td p.topic-text {
     1888        color: #888;
     1889        font-size: 11px;
     1890}
     1891table.forum tr > td:first-child,
     1892table.forum tr > th:first-child {
     1893        padding-left: 15px;
     1894}
     1895table.forum tr > td:last-child,
     1896table.forum tr > th:last-child {
     1897        padding-right: 15px;
     1898}
     1899table.forum tr th#th-title,
     1900table.forum tr th#th-poster,
     1901table.forum tr th#th-group,
     1902table.forum td.td-poster,
     1903table.forum td.td-group,
     1904table.forum td.td-title {
     1905        text-align: left;
     1906}
     1907table.forum td.td-freshness {
     1908        font-size: 11px;
     1909        color: #888;
     1910        white-space: nowrap;
     1911        width: 150px;
     1912}
     1913table.forum td img.avatar {
     1914        margin-right: 5px;
     1915}
     1916table.forum td.td-poster,
     1917table.forum td.td-group {
     1918        min-width: 140px;
     1919}
     1920table.forum th#th-title {
     1921        width: 100%;
     1922}
     1923table.forum th#th-postcount {
     1924        width: 50px;
     1925}
     1926
     1927
     1928/*--------------------------------------------------------------
     19296.8 - Headers, Lists and Tabs - Acvtivity, Groups, Blogs, Forums
     1930--------------------------------------------------------------*/
     1931.item-body {
     1932        margin: 20px 0;
     1933}
     1934span.activity,
     1935div#message p {
     1936        background: #fff9db;
     1937        border-bottom: 1px solid #ffe8C4;
     1938        border-right: 1px solid #ffe8C4;
     1939        -moz-border-radius: 3px;
     1940        -webkit-border-radius: 3px;
     1941        border-radius: 3px;
     1942        color: #ffa200;
     1943        display: inline-block;
     1944        font-size: 11px;
     1945        font-weight: normal;
     1946        margin-top: 6px;
     1947        padding: 1px 8px;
     1948        text-decoration: none;
     1949}
     1950div#item-header {
     1951        overflow: hidden;
     1952}
     1953div#item-header div#item-header-content {
     1954        margin-left: 170px;
     1955}
     1956div#item-header h2 {
     1957        font-size: 28px;
     1958        margin: 0 0 15px 0;
     1959        line-height: 120%;
     1960}
     1961div#item-header h2 a {
     1962        text-decoration: none;
     1963        color: #777;
     1964}
     1965div#item-header img.avatar {
     1966        float: left;
     1967        margin: 0 15px 25px 0;
     1968}
     1969div#item-header h2 {
     1970        margin-bottom: 5px;
     1971}
     1972div#item-header span.activity,
     1973div#item-header h2 span.highlight {
     1974        vertical-align: middle;
     1975        font-size: 11px;
     1976        font-weight: normal;
     1977        line-height: 170%;
     1978        margin-bottom: 7px;
     1979}
     1980div#item-header h2 span.highlight {
     1981        font-size: 16px;
     1982}
     1983div#item-header h2 span.highlight span {
     1984        background: #a1dcfa;
     1985        -moz-border-radius: 3px;
     1986        -webkit-border-radius: 3px;
     1987        border-radius: 3px;
     1988        color: #fff;
     1989        cursor: pointer;
     1990        font-weight: bold;
     1991        font-size: 11px;
     1992        margin-bottom: 2px;
     1993        padding: 1px 4px;
     1994        position: relative;
     1995        right: -2px;
     1996        top: -2px;
     1997        vertical-align: middle;
     1998}
     1999div#item-header div#item-meta {
     2000        font-size: 14px;
     2001        color: #aaa;
     2002        padding-bottom: 10px;
     2003        overflow: hidden;
     2004        margin: 15px 0 5px 0;
     2005}
     2006div#item-header div#item-actions {
     2007        float: right;
     2008        width: 20%;
     2009        margin: 0 0 15px 15px;
     2010        text-align: right;
     2011}
     2012div#item-header div#item-actions h3 {
     2013        font-size: 12px;
     2014        margin: 0 0 5px 0;
     2015}
     2016div#item-header ul {
     2017        overflow: hidden;
     2018        margin-bottom: 15px;
     2019}
     2020div#item-header ul h5,
     2021div#item-header ul span,
     2022div#item-header ul hr {
     2023        display: none;
     2024}
     2025div#item-header ul li {
     2026        float: right;
     2027}
     2028div#item-header ul img.avatar,
     2029div#item-header ul.avatars img.avatar {
     2030        width: 30px;
     2031        height: 30px;
     2032        margin: 2px;
     2033}
     2034div#item-header div.generic-button,
     2035div#item-header a.button {
     2036        float: left;
     2037        margin: 10px 10px 0 0;
     2038}
     2039div#item-header div#message.info {
     2040        line-height: 80%;
     2041}
     2042ul.item-list {
     2043        width: 100%;
     2044}
     2045ul.item-list li {
     2046        position: relative;
     2047        padding: 15px 0;
     2048        border-bottom: 1px solid #eaeaea;
     2049}
     2050ul.single-line li {
     2051        border: none;
     2052}
     2053ul.item-list li img.avatar {
     2054        float: left;
     2055        margin: 0 10px 0 0;
     2056}
     2057ul.item-list li div.item-title,
     2058ul.item-list li h4 {
     2059        font-weight: normal;
     2060        font-size: 14px;
     2061        width: 75%;
     2062        margin: 0;
     2063}
     2064ul.item-list li div.item-title span {
     2065        font-size: 12px;
     2066        color: #999;
     2067}
     2068ul.item-list li div.item-desc {
     2069        margin: 10px 0 0 64px;
     2070        font-size: 11px;
     2071        color: #888;
     2072        width: 50%;
     2073}
     2074ul.item-list li div.action {
     2075        position: absolute;
     2076        top: 15px;
     2077        right: 0;
     2078        text-align: right;
     2079}
     2080ul.item-list li div.meta {
     2081        margin-top: 10px;
     2082        color: #888;
     2083        font-size: 11px;
     2084}
     2085ul.item-list li h5 span.small {
     2086        font-weight: normal;
     2087        font-size: 11px;
     2088        float: right;
     2089}
     2090div.item-list-tabs {
     2091        clear: left;
     2092        overflow: hidden;
     2093        margin: 25px -19px 20px -19px;
     2094        background: #eaeaea;
     2095}
     2096div.item-list-tabs ul li a {
     2097        text-decoration: none;
     2098}
     2099div.item-list-tabs ul {
     2100        width: 100%;
     2101}
     2102div.item-list-tabs ul li {
     2103        float: left;
     2104        margin: 5px 0 0 5px;
     2105}
     2106div.item-list-tabs#subnav ul li {
     2107        margin-top: 0;
     2108}
     2109div.item-list-tabs ul li:first-child {
     2110        margin-left: 20px;
     2111}
     2112div.item-list-tabs ul li.last {
     2113        float: right;
     2114        margin: 7px 20px 0 0;
     2115}
     2116div.item-list-tabs#subnav ul li.last {
     2117        margin-top: 4px;
     2118}
     2119div.item-list-tabs ul li.last select {
     2120        max-width: 175px;
     2121}
     2122div.item-list-tabs ul li a,
     2123div.item-list-tabs ul li span {
     2124        display: block;
     2125        padding: 5px 10px;
     2126        text-decoration: none;
     2127}
     2128div.item-list-tabs ul li span {
     2129        color: #aaa;
     2130}
     2131div.item-list-tabs ul li a span {
     2132        display: inline;
    13202133        padding: 0;
    1321         position: absolute;
    1322         right: 15px;
    1323         list-style: none;
    1324         bottom: 0;
    1325         max-width: 95%;
    1326 }
    1327 #nav li a {
    1328         background: url( ../images/60pc_black.png );
    1329         color: #fff;
    1330         display: block;
    1331         padding: 5px 15px;
    1332         text-decoration: none;
    1333 }
    1334 #nav li {
    1335         margin-left: 5px;
    1336         float: left;
    1337 }
    1338 #nav li li {
    1339         margin-left: 0;
    1340 }
    1341 #nav > li > a {
     2134        color: inherit;
     2135}
     2136div.item-list-tabs ul li.selected a,
     2137div.item-list-tabs ul li.current a {
     2138        background-color: #fff;
    13422139        -moz-border-radius-topleft: 3px;
    13432140        -webkit-border-top-left-radius: 3px;
     
    13462143        border-top-left-radius: 3px;
    13472144        border-top-right-radius: 3px;
    1348 }
    1349 #nav li.selected a,
    1350 #nav > li.current-menu-item a,
    1351 #nav > li.current_page_item a {
    1352         background: #f5f5f5;
    13532145        color: #555;
    1354 }
    1355 #nav > li > ul {
    1356         border-top-width: 0;
    1357 }
    1358 #nav > ul li.sfhover a,
    1359 #nav > ul li:hover a {
    1360         background: #333;
    1361         color: #fff;
    1362 }
    1363 #nav li.sfhover,
    1364 #nav li:hover {
    1365         position: relative;
    1366         z-index: 1000;
    1367 }
    1368 #nav ul {
    1369         border: 1px solid #222;
    1370         -moz-border-radius: 3px;
    1371         -webkit-border-radius: 3px;
    1372         -moz-border-radius-topleft: 0;
    1373         -moz-border-radius-topright: 0;
    1374         -webkit-border-top-left-radius: 0;
    1375         -webkit-border-top-right-radius: 0;
    1376         border-top-left-radius: 0;
    1377         border-top-right-radius: 0;
    1378         -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    1379         -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    1380         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    1381 }
    1382 #nav ul li ul {
     2146        font-weight: bold;
     2147}
     2148ul li.loading a {
     2149        background-image: url( ../images/ajax-loader.gif );
     2150        background-position: 92% 50%;
     2151        background-repeat: no-repeat;
     2152        padding-right: 30px !important;
     2153}
     2154div#item-nav ul li.loading a {
     2155        background-position: 88% 50%;
     2156}
     2157div.item-list-tabs#object-nav {
     2158        margin-top: 0;
     2159}
     2160div.item-list-tabs#subnav {
     2161        background: #fff;
     2162        margin: -15px -19px 15px -19px;
     2163        border-bottom: 1px solid #eaeaea;
     2164        min-height: 35px;
     2165        overflow: hidden;
     2166}
     2167div.item-list-tabs ul li.feed a {
     2168        background: url( ../images/rss.png ) center left no-repeat;
     2169        padding-left: 20px;
     2170}
     2171
     2172
     2173/*--------------------------------------------------------------
     21746.9 - Private Messaging Threads
     2175--------------------------------------------------------------*/
     2176table#message-threads tr.unread td {
     2177        background: #fff9db;
     2178        border-top: 1px solid #ffe8c4;
     2179        border-bottom: 1px solid #ffe8c4;
     2180        font-weight: bold;
     2181}
     2182table#message-threads tr.unread td span.activity {
     2183        background: #fff;
     2184}
     2185li span.unread-count,
     2186tr.unread span.unread-count {
     2187        background: #dd0000;
    13832188        -moz-border-radius: 3px;
    13842189        -webkit-border-radius: 3px;
    13852190        border-radius: 3px;
    1386 }
    1387 #nav ul,
    1388 #nav .sfhover ul ul,
    1389 #nav :hover ul ul {
    1390         left: -9999px;
    1391         position: absolute;
    1392 }
    1393 #nav .sfhover ul,
    1394 #nav :hover ul {
    1395         left: 0;
    1396         top: 100%;
    1397         width: 128px;
    1398 }
    1399 #nav .sfhover ul li > a,
    1400 #nav :hover ul li > a {
    1401         background: #333;
    14022191        color: #fff;
    1403 }
    1404 #nav .sfhover ul .sfhover > ul,
    1405 #nav :hover ul :hover > ul {
    1406         left: 125px;
    1407         top: -1px;
    1408         width: 128px;
    1409 }
    1410 #nav ul li.sfhover > a,
    1411 #nav ul li:hover > a {
    1412         background-color: #222;
     2192        font-weight: bold;
     2193        padding: 2px 8px;
     2194}
     2195div.item-list-tabs ul li a span.unread-count {
     2196        padding: 1px 6px;
    14132197        color: #fff;
    14142198}
    1415 #nav .sfhover ul li,
    1416 #nav :hover ul li {
    1417         height: 30px;
    1418         line-height: 30px;
    1419         text-indent: 10px;
    1420         width: 128px;
    1421 }
    1422 #nav .sfhover ul li a,
    1423 #nav :hover ul li a {
    1424         padding: 0 0;
    1425 }
    1426 
    1427 
    1428 /*--------------------------------------------------------------
    1429 5.1 - Pagination
    1430 --------------------------------------------------------------*/
    1431 div.pagination {
    1432         margin: -20px -19px 0px -19px;
    1433         padding: 8px 20px;
    1434         color: #888;
    1435         font-size: 11px;
    1436         height: 19px;
     2199div.messages-options-nav {
     2200        font-size: 11px;
     2201        background: #eee;
     2202        text-align: right;
     2203        margin: 0 -19px;
     2204        padding: 5px 15px;
     2205}
     2206div#message-thread div.message-box {
     2207        margin: 0 -19px;
     2208        padding: 15px;
     2209}
     2210div#message-thread div.alt {
    14372211        background: #f4f4f4;
    1438         border: none;
    1439         position: relative;
    1440 }
    1441 div.pagination .pag-count {
    1442         float: left;
    1443 }
    1444 div.pagination .pagination-links {
    1445         float: right;
    1446 }
    1447 div.pagination .pagination-links span,
    1448 div.pagination .pagination-links a {
    1449         font-size: 12px;
    1450         padding: 0 5px;
    1451 }
    1452 div.pagination .pagination-links a:hover {
    1453         font-weight: bold;
    1454 }
    1455 div#pag-bottom {
    1456         margin-top: -1px;
    1457 }
    1458 
    1459 
    1460 /*--------------------------------------------------------------
    1461 6.0 - Structure
    1462 --------------------------------------------------------------*/
    1463 body {
    1464         background-color: #eaeaea;
    1465         background-image: url( ../images/background.gif );
    1466         background-repeat: repeat-x;
    1467         background-position: top left;
    1468         font-size: 12px;
    1469         font-family: Arial, Tahoma, Verdana, sans-serif;
    1470         line-height: 170%;
    1471         color: #555;
    1472         width: 90%;
    1473         min-width: 960px;
    1474         max-width: 1250px;
    1475         margin: 0 auto;
    1476 }
    1477 .padder {
    1478         padding: 19px;
    1479 }
    1480 .clear {
    1481         clear: left;
    1482 }
    1483 .accessibly-hidden {
    1484         left: -999em;
    1485         position: absolute;
    1486 }
    1487 hr {
    1488         background-color: #e7e7e7;
    1489         border: 0 none;
    1490         clear: both;
    1491         height: 1px;
    1492         margin: 20px 0;
    1493 }
    1494 div#container {
    1495         background: #fff;
    1496         border-right: 1px solid #e0e0e0;
    1497         border-bottom: 1px solid #e0e0e0;
    1498         -moz-border-radius: 6px;
    1499         -webkit-border-radius: 6px;
    1500         border-radius: 6px;
     2212}
     2213div#message-thread p#message-recipients {
     2214        margin: 10px 0 20px 0;
     2215}
     2216div#message-thread img.avatar {
     2217        float: left;
     2218        margin: 0 10px 0 0;
     2219        vertical-align: middle;
     2220}
     2221div#message-thread strong {
     2222        margin: 0;
     2223        font-size: 16px;
     2224}
     2225div#message-thread strong a {
     2226        text-decoration: none;
     2227}
     2228div#message-thread strong span.activity {
     2229        margin: 4px 0 0 10px;
     2230}
     2231div#message-thread div.message-metadata {
    15012232        overflow: hidden;
    1502         position: relative;
    1503         width: 100%;
    1504 }
    1505 body.activity-permalink div#container {
    1506         background: none;
    1507         border: none;
    1508 }
    1509 
    1510 
    1511 /*--------------------------------------------------------------
    1512 6.1 - Content
    1513 --------------------------------------------------------------*/
    1514 div#content {
    1515         -moz-border-radius-topleft: 6px;
    1516         -webkit-border-top-left-radius: 6px;
    1517         -moz-border-radius-bottomleft: 6px;
    1518         -webkit-border-bottom-left-radius: 6px;
    1519         border-top-left-radius: 6px;
    1520         border-top-right-radius: 6px;
    1521         float: left;
    1522         width: 100%;
    1523 }
    1524 div#content .padder {
    1525         border-right: 1px solid #ddd;
    1526         -moz-border-radius-topleft: 6px;
    1527         -webkit-border-top-left-radius: 6px;
    1528         -moz-border-radius-bottomleft: 6px;
    1529         -webkit-border-bottom-left-radius: 6px;
    1530         border-top-left-radius: 6px;
    1531         border-bottom-left-radius: 6px;
    1532         margin-right: 225px;
    1533 }
    1534 div#content .one-column {
    1535         margin-right: 0;
    1536         border-right: 0 none;
    1537 }
    1538 div#content .left-menu {
    1539         float: left;
    1540         width: 170px;
    1541 }
    1542 div#content .main-column {
    1543         margin-left: 190px;
    1544 }
    1545 
    1546 
    1547 /*--------------------------------------------------------------
    1548 6.2 - Header
    1549 --------------------------------------------------------------*/
    1550 #header {
    1551         -moz-border-radius-bottomleft: 6px;
    1552         -webkit-border-bottom-left-radius: 6px;
    1553         -moz-border-radius-bottomright: 6px;
    1554         -webkit-border-bottom-right-radius: 6px;
    1555         border-top-left-radius: 6px;
    1556         border-top-right-radius: 6px;
    1557         color: #fff;
    1558         height: 100px;
    1559         margin-bottom: 20px;
    1560         padding-top: 25px;
    1561         position: relative;
    1562         z-index: 1000;
    1563 }
    1564 #header #search-bar {
    1565         margin-top: 5px;
     2233}
     2234div#message-thread div.message-content {
     2235        margin-left: 45px;
     2236}
     2237div#message-thread div.message-options {
    15662238        text-align: right;
    1567         width: 100%;
    1568 }
    1569 #header #search-bar .padder {
    1570         padding: 10px 15px 0 20px;
    1571 }
    1572 #header #search-bar input[type=text] {
    1573         border: 1px inset #888;
    1574         -moz-border-radius: 3px;
    1575         -webkit-border-radius: 3px;
    1576         border-radius: 3px;
    1577         margin-right: 4px;
    1578         padding: 2px;
    1579 }
    1580 #header #search-bar input[type=submit] {
    1581         font-size: 11px;
    1582         padding: 1px 4px;
    1583         margin-left: 4px;
    1584 }
    1585 #header h1 {
    1586         float: left;
    1587         margin-bottom: 0;
    1588         margin-top: 0;
    1589 }
    1590 #header h1 a {
    1591         color: #fff;
    1592         font-size: 26px;
    1593         text-decoration: none;
    1594 }
    1595 
    1596 
    1597 /*--------------------------------------------------------------
    1598 6.3 - Footer
    1599 --------------------------------------------------------------*/
    1600 #footer {
    1601         margin: 20px 0;
    1602 }
    1603 #footer-widgets {
    1604         background: #fff;
    1605         border-bottom: 1px solid #e0e0e0;
    1606         border-right: 1px solid #e0e0e0;
    1607         -moz-border-radius: 6px;
    1608         -webkit-border-radius: 6px;
    1609         border-radius: 6px;
    1610         padding: 19px;
    1611 }
    1612 #site-generator {
    1613         margin: 20px 20px;
    1614         text-align: center;
    1615         color: #bbb;
    1616         text-shadow: #fafafa 1px 1px 0;
    1617 }
    1618 #footer-widget-area {
    1619         overflow: hidden;
    1620         margin-top: -19px;
    1621 }
    1622 #footer-widget-area div.widget-area > ul {
    1623         float: left;
    1624         margin-right: 19px;
    1625         width: 23%;
    1626 }
    1627 #footer-widget-area div.widget-area > ul > li {
    1628         margin-top: 19px;
    1629 }
    1630 #footer-widget-area h3.widgettitle {
    1631         margin: 0 0 10px 0;
    1632         background: #eaeaea;
    1633         padding: 5px 15px;
    1634         font-size: 12px;
    1635         clear: left;
    1636 }
    1637 #footer-widget-area div div.item-options {
    1638         margin-left: 0;
    1639         margin-right: 0;
    1640 }
    1641 #footer-widget-area ul.item-list li img.avatar {
    1642         margin-left: 15px; /* border is 4px */
    1643 }
    1644 
    1645 
    1646 /*--------------------------------------------------------------
    1647 6.4 - Sidebar
    1648 --------------------------------------------------------------*/
    1649 div#sidebar {
    1650         background: url( ../images/sidebar_back.gif ) top left repeat-x;
    1651         border-left: 1px solid #ddd;
    1652         -moz-border-radius-topright: 3px;
    1653         -webkit-border-top-right-radius: 3px;
    1654         border-top-right-radius: 3px;
    1655         float: left;
    1656         margin-left: -226px;
    1657         margin-top: 1px;
    1658         width: 224px;
    1659 }
    1660 div#sidebar div#sidebar-me img.avatar {
    1661         float: left;
    1662         margin: 0 10px 15px 0;
    1663 }
    1664 div#sidebar div#sidebar-me h4 {
    1665         font-size: 16px;
    1666         margin: 0 0 8px 0;
    1667         font-weight: normal;
    1668 }
    1669 div#sidebar ul#bp-nav {
    1670         clear: left;
    1671         margin: 15px -16px;
    1672 }
    1673 div#sidebar ul#bp-nav li {
    1674         padding: 10px 15px;
    1675 }
    1676 div#sidebar h3.widgettitle {
    1677         margin: 25px -20px 10px -19px;
    1678         background: #eaeaea;
    1679         padding: 5px 15px;
    1680         font-size: 12px;
    1681         clear: left;
    1682 }
    1683 #footer-widget-area .widget_search,
    1684 div#sidebar .widget_search {
    1685         margin-top: 20px;
    1686 }
    1687 #footer-widget-area .widget_search input[type=text],
    1688 div#sidebar .widget_search input[type=text] {
    1689         width: 110px;
    1690         padding: 2px;
    1691 }
    1692 #footer-widget-area ul#recentcomments li,
    1693 #footer-widget-area .widget_recent_entries ul li,
    1694 div#sidebar ul#recentcomments li,
    1695 div#sidebar .widget_recent_entries ul li {
    1696         margin-bottom: 15px;
    1697 }
    1698 #footer-widget-area ul.item-list img.avatar,
    1699 div#sidebar ul.item-list img.avatar {
    1700         width: 20px;
    1701         height: 20px;
    1702         margin-right: 10px;
    1703 }
    1704 #footer-widget-area div.item-avatar img,
    1705 div#sidebar div.item-avatar img {
    1706         width: 40px;
    1707         height: 40px;
    1708         margin: 1px;
    1709 }
    1710 #footer-widget-area .avatar-block,
    1711 div#sidebar .avatar-block {
    1712         overflow: hidden;
    1713 }
    1714 #footer-widget-area ul.item-list div.item-title,
    1715 div#sidebar ul.item-list div.item-title {
    1716         font-size: 12px;
    1717 }
    1718 #footer-widget-area div.item-options,
    1719 div#sidebar div.item-options {
    1720         margin: -10px -20px 0 -19px;
    1721         background: #f8f8f8;
    1722         padding: 5px 15px;
    1723         font-size: 11px;
    1724 }
    1725 #footer-widget-area div.item-content {
    1726         margin-left: 38px;
    1727 }
    1728 #footer-widget-area div.item-meta,
    1729 div#sidebar div.item-meta,
    1730 div#sidebar div.item-content {
    1731         margin-left: 38px;
    1732         font-size: 11px;
    1733 }
    1734 #footer-widget-area div.tags div#tag-text,
    1735 div#sidebar div.tags div#tag-text {
    1736         font-size: 1.4em;
    1737         line-height: 140%;
    1738         padding-top: 10px;
    1739 }
    1740 
    1741 
    1742 /*--------------------------------------------------------------
    1743 7.0 - Text Elements
    1744 --------------------------------------------------------------*/
    1745 p {
    1746         margin-bottom: 15px;
    1747 }
    1748 p:last-child {
    1749         margin-bottom: 0;
    1750 }
    1751 big {
    1752         font-size: 18px;
    1753 }
    1754 del {
    1755         text-decoration: line-through;
    1756 }
    1757 ins {
    1758         background: #fff9db;
    1759         text-decoration: none;
    1760 }
    1761 sub {
    1762         top: .5ex;
    1763 }
    1764 sup {
    1765         bottom: 1ex;
    1766 }
    1767 sub,
    1768 sup {
    1769         height: 0;
    1770         line-height: 1;
    1771         vertical-align: baseline;
    1772         position: relative;
    1773 }
    1774 
    1775 
    1776 /*--------------------------------------------------------------
    1777 7.1 - Headers
    1778 --------------------------------------------------------------*/
    1779 h1,
    1780 h2,
    1781 h3,
    1782 h4,
    1783 h5,
    1784 h6 {
    1785         margin: 5px 0 15px 0;
    1786 }
    1787 h1 {
    1788         font-size: 28px;
    1789         margin-bottom: 25px;
    1790 }
    1791 h2 {
    1792         font-size: 24px;
    1793         margin-bottom: 20px;
    1794 }
    1795 h3 {
    1796         font-size: 20px;
    1797 }
    1798 h4 {
    1799         font-size: 16px;
    1800         margin-bottom: 15px;
    1801 }
    1802 h5 {
    1803         font-size: 14px;
    1804         margin-bottom: 0;
    1805 }
    1806 h6 {
    1807         font-size: 12px;
    1808         margin-bottom: 0;
    1809 }
    1810 
    1811 
    1812 /*--------------------------------------------------------------
    1813 8.0 - WordPress
    1814 --------------------------------------------------------------*/
    1815 /*--------------------------------------------------------------
    1816 8.1 - Alignments
    1817 --------------------------------------------------------------*/
    1818 .alignright {
    1819         float: right;
    1820         margin-left: 15px;
    1821 }
    1822 .alignleft {
    1823         float: left;
    1824         margin-right: 15px;
    1825 }
    1826 .aligncenter {
    1827         display: block;
    1828         margin-left: auto;
    1829         margin-right: auto;
    1830 }
    1831 
    1832 
    1833 /*--------------------------------------------------------------
    1834 8.2 - Comments
    1835 --------------------------------------------------------------*/
    1836 .navigation,
    1837 .paged-navigation,
    1838 .comment-navigation {
    1839         overflow: hidden;
    1840         font-family: georgia, times, serif;
    1841         font-style: italic;
    1842         font-size: 14px;
    1843         padding: 5px 0;
    1844         margin: 5px 0 25px 0;
    1845 }
    1846 .comments {
    1847         float: right;
    1848 }
    1849 #trackbacks {
    1850         margin-top: 30px;
    1851 }
    1852 .commentlist .bypostauthor {
    1853 }
    1854 #comments ol.commentlist {
    1855         border-bottom: 1px solid #e4e4e4;
    1856         margin: 0 0 30px 0;
    1857 }
    1858 ol.commentlist li {
    1859         clear: left;
    1860         list-style: none;
    1861         margin-bottom: 15px;
    1862 }
    1863 ol.commentlist div.comment-avatar-box {
    1864         float: left;
    1865         margin: 15px 10px 15px 0;
    1866 }
    1867 .commentlist ul.children div.comment-avatar-box {
    1868         float: left;
    1869         margin: 0px 10px 10px 0;
    1870 }
    1871 div.comment-avatar-box img {
    1872         border: 2px solid #eee;
    1873 }
    1874 div.comment-content {
    1875         border-top: 1px solid #e4e4e4;
    1876         padding-left: 75px;
    1877 }
    1878 .commentlist .children .comment {
    1879         margin-bottom: 5px;
    1880 }
    1881 div.comment-meta,
    1882 div.comment-options {
    1883         color: #888;
    1884         font-size: 11px;
    1885         margin: 15px 0;
    1886 }
    1887 div.comment-meta em {
    1888         font-style: normal;
    1889 }
    1890 div.comment-meta span.comment-highlight a {
    1891         background: #EBF7FF;
    1892         border-right: 1px solid #a1dcfa;
    1893         border-bottom: 1px solid #a1dcfa;
    1894         -moz-border-radius: 4px;
    1895         -webkit-border-radius: 4px;
    1896         border-radius: 4px;
    1897         color: #059AE7;
    1898         margin-right: 3px;
    1899         padding: 3px 8px;
    1900         text-decoration: none;
    1901 }
    1902 div.comment-meta .comment-highlight a:hover,
    1903 .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover {
    1904         background: #059AE7;
    1905         border-color: #059AE7;
    1906         color: #fff;
    1907 }
    1908 #reply-title {
    1909         margin-top: 0;
    1910 }
    1911 #reply-title small {
    1912         float: right;
    1913         font-size: 11px;
    1914         font-weight: normal;
    1915 }
    1916 #reply-title small a,
    1917 div.comment-options a.comment-reply-link {
    1918         background: #FFF9DB;
    1919         border-bottom: 1px solid #FFE8C4;
    1920         border-right: 1px solid #FFE8C4;
    1921         -moz-border-radius: 4px;
    1922         -webkit-border-radius: 4px;
    1923         border-radius: 4px;
    1924         color: #ffa200;
    1925         margin-right: 10px;
    1926         padding: 3px 8px;
    1927         text-decoration: none;
    1928 }
    1929 #reply-title small a {
    1930         margin-right: 0;
    1931 }
    1932 #reply-title small a:hover,
    1933 div.comment-options a.comment-reply-link:hover {
    1934         background: #f7740a;
    1935         border-color: #f7740a;
    1936         color: #fff;
    1937 }
    1938 .commentlist ul.children {
    1939         background: #f5f5f5;
    1940         -moz-border-radius: 4px;
    1941         -webkit-border-radius: 4px;
    1942         border-radius: 4px;
    1943         margin-bottom: 10px;
    1944         margin-left: 75px;
    1945         padding: 1px 10px;
    1946 
    1947 }
    1948 .commentlist ul.children ul {
    1949         margin-left: 20px;
    1950         margin-bottom: 0;
    1951         padding: 5px 0 0 0;
    1952 }
    1953 .commentlist ul.children img.avatar {
    1954         border-style: none;
    1955         height: 25px;
    1956         margin: 0;
    1957         width: 25px;
    1958 }
    1959 .commentlist ul.children div.comment-content {
    1960         border-top: none;
    1961         padding-left: 35px;
    1962 }
    1963 .commentlist ul.children div.comment-meta {
    1964         font-size: 11px;
    1965         margin-top: 0;
    1966 }
    1967 .commentlist ul.children div.comment-options {
    1968         margin-bottom: 5px;
    1969         margin-top: 0;
    1970 }
    1971 .commentlist ul.children li {
    1972         border-top: 2px solid #fffeff;
    1973         padding-top: 10px;
    1974 }
    1975 .commentlist ul.children li:first-child {
    1976         border-top: none;
    1977 }
    1978 .commentlist ul.children ul li:first-child {
    1979         border-top: 2px solid #fffeff;
    1980 }
    1981 .commentlist ul.children div.comment-options a.comment-reply-link {
    1982         background: transparent;
    1983         border-style: none;
    1984         color: #1fb3dd;
    1985         margin-right: 0;
    1986         padding: 3px 8px;
    1987         text-decoration: underline;
    1988 }
    1989 .commentlist ul.children div.comment-options a.comment-reply-link:hover {
    1990         background: transparent;
    1991         border-style: none;
    1992         color: #1fb3dd;
    1993 }
    1994 #respond {
    1995         background-color: #fafafa;
    1996         border: 1px solid #e5e5e5;
    1997         -moz-border-radius: 4px;
    1998         -webkit-border-radius: 4px;
    1999         border-radius: 4px;
    2000         padding: 15px;
    2001 }
    2002 #respond .form-submit {
    2003         margin-bottom: 0;
    2004 }
    2005 ol.commentlist #respond {
    2006         margin-left: 75px;
    2007 }
    2008 .commentlist ul.children #respond {
    2009         margin-bottom: 10px;
    2010         margin-left: 35px;
    2011         margin-right: 20px;
    2012 }
    2013 h3#reply .comments-header {
    2014         font-size: 14px;
    2015 }
    2016 #respond div.comment-avatar-box {
    2017         margin-top: 0;
    2018 }
    2019 #respond div.comment-content {
    2020         border-style: none;
    2021 }
    2022 #nav-below {
    2023         margin: 0 0;
    2024         padding: 0 0;
    2025 }
    2026 
    2027 
    2028 /*--------------------------------------------------------------
    2029 8.3 - Gallery
    2030 --------------------------------------------------------------*/
    2031 .wp-caption {
    2032         background-color: #f3f3f3;
    2033         border: 1px solid #ddd;
    2034         -moz-border-radius: 3px;
    2035         -webkit-border-radius: 3px;
    2036         border-radius: 3px;
    2037         margin-bottom: 15px;
    2038         padding-top: 4px;
    2039         text-align: center;
    2040 
    2041 }
    2042 .wp-caption img {
    2043         margin: 0;
    2044         padding: 0;
    2045         border: 0 none;
    2046 }
    2047 dd.wp-caption p.wp-caption-text,
    2048 .wp-caption p.wp-caption-text {
    2049         font-size: 0.9em;
    2050         line-height: 17px;
    2051         padding: 5px 4px 5px 0;
    2052         margin: 0;
    2053 }
    2054 #content .gallery {
    2055         margin: 0 auto 15px;
    2056 }
    2057 #content .gallery .gallery-item {
    2058         margin-bottom: 0;
    2059         margin-left: 0;
    2060 }
    2061 .gallery-item img {
    2062         margin-bottom: 15px;
    2063 }
    2064 .gallery .gallery-caption {
    2065         color: #555;
    2066 }
    2067 
    2068 
    2069 /*--------------------------------------------------------------
    2070 8.4 - Images
    2071 --------------------------------------------------------------*/
    2072 img.avatar {
    2073         float: left;
    2074         border: 2px solid #eee;
    2075 }
    2076 img.wp-smiley {
    2077         padding: 0 !important;
    2078         margin: 0 !important;
    2079         border: none !important;
    2080         float: none !important;
    2081         clear: none !important;
    2082 }
    2083 img.centered,
    2084 img.aligncenter {
    2085         display: block;
    2086         margin-left: auto;
    2087         margin-right: auto;
    2088 }
    2089 img.alignright {
    2090         padding: 4px;
    2091         margin: 0 0 2px 7px;
    2092         display: inline;
    2093 }
    2094 img.alignleft {
    2095         padding: 4px;
    2096         margin: 0 7px 2px 0;
    2097         display: inline;
    2098 }
    2099 
    2100 
    2101 /*--------------------------------------------------------------
    2102 8.5 - Lists
    2103 --------------------------------------------------------------*/
    2104 div.page ul,
    2105 div.page ol,
    2106 div.page dl,
    2107 div.post ul,
    2108 div.post ol,
    2109 div.post dl {
    2110         margin: 0 0 18px 1.5em;
    2111 }
    2112 div.page ul,
    2113 div.post ul {
    2114         list-style: square;
    2115 }
    2116 div.page ol,
    2117 div.post ol {
    2118         list-style: decimal;
    2119 }
    2120 div.page ol ol,
    2121 div.post ol ol {
    2122         list-style: upper-alpha;
    2123 }
    2124 dl {
    2125         margin-left: 0;
    2126 }
    2127 dt {
    2128         font-size: 14px;
    2129         font-weight: bold;
    2130 }
    2131 dd {
    2132         margin: 0 0 15px 0;
    2133 }
    2134 
    2135 
    2136 /*--------------------------------------------------------------
    2137 8.6 - Posts
    2138 --------------------------------------------------------------*/
    2139 .sticky .date {
    2140         background: #fff9db;
    2141         border-top: 1px solid #ffe8c4;
    2142         border-bottom: 1px solid #ffe8c4;
    2143         color: #ffa200;
    2144         padding: 5px;
    2145 }
    2146 div.page,
    2147 div.post,
    2148 div.attachment {
    2149         margin: 0 0 30px 0;
    2150         overflow: hidden;
    2151 }
    2152 div.page:last-child,
    2153 div.post:last-child,
    2154 div.item-body:last-child,
    2155 #trackbacklist {
    2156         margin-bottom: 0;
    2157 }
    2158 h2.pagetitle,
    2159 h2.posttitle {
    2160         margin: 0;
    2161         line-height: 120%;
    2162 }
    2163 h2.pagetitle a,
    2164 h2.posttitle a {
    2165         color: #666;
    2166         text-decoration: none;
    2167 }
    2168 .edit-link,
    2169 .page-link {
    2170         clear: both;
    2171         font-weight: bold;
    2172 }
    2173 pre, blockquote {
    2174         margin-bottom: 20px;
    2175 }
    2176 pre,
    2177 code p {
    2178         background: #f4f4f4;
    2179         -moz-border-radius: 3px;
    2180         -webkit-border-radius: 3px;
    2181         border-radius: 3px;
    2182         padding: 15px;
    2183 }
    2184 code {
    2185         font-family: "Monaco", courier, sans-serif;
    2186 }
    2187 blockquote {
    2188         quotes: none;
    2189         font-style: italic;
    2190         padding: 0 3em;
    2191         font-family: georgia, times, serif;
    2192         font-size: 16px;
    2193         line-height: 150%;
    2194 }
    2195 blockquote p {
    2196         margin-bottom: 15px !importantr;
    2197 }
    2198 div.post table,
    2199 div.page table {
    2200         margin-bottom: 15px;
    2201         border-collapse: collapse;
    2202         border-spacing: 0;
    2203         border: 1px solid #eee;
    2204 }
    2205 div.post table th,
    2206 div.page table th {
    2207         border-top: 1px solid #eee;
    2208         text-align: left;
    2209 }
    2210 div.post table td,
    2211 div.page table td {
    2212         border-top: 1px solid #eee;
    2213 }
    2214 div.author-box {
    2215         background: #f0f0f0;
    2216         -moz-border-radius: 3px;
    2217         -webkit-border-radius: 3px;
    2218         border-radius: 3px;
    2219         float: left;
    2220         font-family: georgia, times, serif;
    2221         font-style: italic;
    2222         margin: 0 15px 15px 0;
    2223         padding: 10px;
    2224         text-align: center;
    2225         width: 70px;
    2226 }
    2227 div.author-box p,
    2228 div.comment-avatar-box p {
    2229         margin: 5px 0 0;
    2230 }
    2231 div.author-box a,
    2232 div.comment-avatar-box a {
    2233         text-decoration: none;
    2234 }
    2235 div.author-box img {
    2236         float: none;
    2237         border: 4px solid #fff;
    2238         margin: 0;
    2239 }
    2240 div.post-content {
    2241         margin-left: 105px;
    2242 }
    2243 p.date span:first-child {
    2244         font-style: italic;
    2245 }
    2246 div.post .entry {
    2247         margin-bottom: 15px;
    2248 }
    2249 p.date,
    2250 p.postmetadata {
    2251         color: #888;
    2252         font-size: 12px;
    2253         font-family: Georgia, times, serif;
    2254         padding: 3px 0;
    2255         margin: 10px 0;
    2256         border-bottom: 1px solid #e4e4e4;
    2257         border-top: 1px solid #e4e4e4;
    2258 }
    2259 p.postmetadata {
    2260         clear: left;
    2261         overflow: hidden;
    2262 }
    2263 .tags {
    2264         float: left;
    2265 }
     2239}
Note: See TracChangeset for help on using the changeset viewer.