Skip to:
Content

BuddyPress.org

Changeset 4461


Ignore:
Timestamp:
06/05/2011 10:42:22 AM (13 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.