Skip to:
Content

BuddyPress.org

Ticket #3243: newdefault.diff

File newdefault.diff, 53.4 KB (added by karmatosed, 15 years ago)

  • default.css

     
    55>>> TABLE OF CONTENTS:
    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
     82.0 - Structure
     9        2.1 - Content
     10        2.2 - Header
     11        2.3 - Footer
     12        2.4 - Sidebar
     133.0 - Forms
     14        3.1 - Buttons
     154.0 - Text Elements
     16        4.1 - Headers
    25175.0 - Navigation
    2618        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
     196.0 - WordPress
     20        6.1 - Alignments
     21        6.2 - Comments
     22        6.3 - Gallery
     23        6.4 - Images
     24        6.5 - Lists
     25        6.6 - Posts
     267.0 - BuddyPress
     27        7.1 - Activity
     28                7.1.1 - Activity Listing
     29                7.1.2 - Activity Comments
     30        7.2 - Admin Bar
     31        7.3 - Ajax Loading
     32        7.4 - Data Tables
     33        7.5 - Directories - Members, Groups, Blogs, Forums
     34        7.6 - Error / Success Messages
     35        7.7 - Forum Topics
     36        7.8 - Headers, lists and tabs - Activity, Friends, Groups
     37        7.9 - Private Messaging Threads
    4138--------------------------------------------------------------*/
    4239
    4340
    … …  
    6764
    6865
    6966/*--------------------------------------------------------------
    70 2.0 - BuddyPress
     672.0 - Structure
    7168--------------------------------------------------------------*/
     69body {
     70        background-color: #eaeaea;
     71        background-image: url( ../images/background.gif );
     72        background-repeat: repeat-x;
     73        background-position: top left;
     74        font-size: 12px;
     75        font-family: Arial, Tahoma, Verdana, sans-serif;
     76        line-height: 170%;
     77        color: #555;
     78        width: 90%;
     79        min-width: 960px;
     80        max-width: 1250px;
     81        margin: 0 auto;
     82}
     83.padder {
     84        padding: 19px;
     85}
     86.clear {
     87        clear: left;
     88}
     89hr {
     90        background-color: #e7e7e7;
     91        border: 0 none;
     92        clear: both;
     93        height: 1px;
     94        margin: 20px 0;
     95}
     96div#container {
     97        background: #fff;
     98        border-right: 1px solid #e0e0e0;
     99        border-bottom: 1px solid #e0e0e0;
     100        -moz-border-radius: 6px;
     101        -webkit-border-radius: 6px;
     102        border-radius: 6px;
     103        overflow: hidden;
     104        position: relative;
     105        width: 100%;
     106}
     107body.activity-permalink div#container {
     108        background: none;
     109        border: none;
     110}
     111
     112
    72113/*--------------------------------------------------------------
    73 2.1 - Activity
     1142.1 - Content
    74115--------------------------------------------------------------*/
     116div#content {
     117        -moz-border-radius-topleft: 6px;
     118        -webkit-border-top-left-radius: 6px;
     119        -moz-border-radius-bottomleft: 6px;
     120        -webkit-border-bottom-left-radius: 6px;
     121        border-top-left-radius: 6px;
     122        border-top-right-radius: 6px;
     123        float: left;
     124        width: 100%;
     125}
     126div#content .padder {
     127        border-right: 1px solid #ddd;
     128        -moz-border-radius-topleft: 6px;
     129        -webkit-border-top-left-radius: 6px;
     130        -moz-border-radius-bottomleft: 6px;
     131        -webkit-border-bottom-left-radius: 6px;
     132        border-top-left-radius: 6px;
     133        border-bottom-left-radius: 6px;
     134        margin-right: 225px;
     135}
     136div#content .one-column {
     137        margin-right: 0;
     138        border-right: 0 none;
     139}
     140div#content .left-menu {
     141        float: left;
     142        width: 170px;
     143}
     144div#content .main-column {
     145        margin-left: 190px;
     146}
     147
     148
     149/*--------------------------------------------------------------
     1502.2 - Header
     151--------------------------------------------------------------*/
     152#header {
     153        -moz-border-radius-bottomleft: 6px;
     154        -webkit-border-bottom-left-radius: 6px;
     155        -moz-border-radius-bottomright: 6px;
     156        -webkit-border-bottom-right-radius: 6px;
     157        border-top-left-radius: 6px;
     158        border-top-right-radius: 6px;
     159        color: #fff;
     160        height: 100px;
     161        margin-bottom: 20px;
     162        padding-top: 25px;
     163        position: relative;
     164        z-index: 1000;
     165}
     166#header #search-bar {
     167        margin-top: 5px;
     168        text-align: right;
     169        width: 100%;
     170}
     171#header #search-bar .padder {
     172        padding: 10px 15px 0 20px;
     173}
     174#header #search-bar input[type=text] {
     175        border: 1px inset #888;
     176        -moz-border-radius: 3px;
     177        -webkit-border-radius: 3px;
     178        border-radius: 3px;
     179        margin-right: 4px;
     180        padding: 2px;
     181}
     182#header #search-bar input[type=submit] {
     183        font-size: 11px;
     184        padding: 1px 4px;
     185        margin-left: 4px;
     186}
     187#header h1 {
     188        float: left;
     189        margin-bottom: 0;
     190        margin-top: 0;
     191}
     192#header h1 a {
     193        color: #fff;
     194        font-size: 26px;
     195        text-decoration: none;
     196}
     197
     198
     199/*--------------------------------------------------------------
     2002.3 - Footer
     201--------------------------------------------------------------*/
     202#footer {
     203        margin: 20px 0;
     204}
     205#footer-widgets {
     206        background: #fff;
     207        border-bottom: 1px solid #e0e0e0;
     208        border-right: 1px solid #e0e0e0;
     209        -moz-border-radius: 6px;
     210        -webkit-border-radius: 6px;
     211        border-radius: 6px;
     212        padding: 19px;
     213}
     214#site-generator {
     215        margin: 20px 20px;
     216        text-align: center;
     217        color: #bbb;
     218        text-shadow: #fafafa 1px 1px 0;
     219}
     220#footer-widget-area {
     221        overflow: hidden;
     222        margin-top: -19px;
     223}
     224#footer-widget-area div.widget-area > ul {
     225        float: left;
     226        margin-right: 19px;
     227        width: 23%;
     228}
     229#footer-widget-area div.widget-area > ul > li {
     230        margin-top: 19px;
     231}
     232#footer-widget-area h3.widgettitle {
     233        margin: 0 0 10px 0;
     234        background: #eaeaea;
     235        padding: 5px 15px;
     236        font-size: 12px;
     237        clear: left;
     238}
     239#footer-widget-area div div.item-options {
     240        margin-left: 0;
     241        margin-right: 0;
     242}
     243#footer-widget-area ul.item-list li img.avatar {
     244        margin-left: 15px; /* border is 4px */
     245}
     246
     247
     248/*--------------------------------------------------------------
     2492.4 - Sidebar
     250--------------------------------------------------------------*/
     251div#sidebar {
     252        background: url( ../images/sidebar_back.gif ) top left repeat-x;
     253        border-left: 1px solid #ddd;
     254        -moz-border-radius-topright: 3px;
     255        -webkit-border-top-right-radius: 3px;
     256        border-top-right-radius: 3px;
     257        float: left;
     258        margin-left: -226px;
     259        margin-top: 1px;
     260        width: 224px;
     261}
     262div#sidebar div#sidebar-me img.avatar {
     263        float: left;
     264        margin: 0 10px 15px 0;
     265}
     266div#sidebar div#sidebar-me h4 {
     267        font-size: 16px;
     268        margin: 0 0 8px 0;
     269        font-weight: normal;
     270}
     271div#sidebar ul#bp-nav {
     272        clear: left;
     273        margin: 15px -16px;
     274}
     275div#sidebar ul#bp-nav li {
     276        padding: 10px 15px;
     277}
     278div#sidebar h3.widgettitle {
     279        margin: 25px -20px 10px -19px;
     280        background: #eaeaea;
     281        padding: 5px 15px;
     282        font-size: 12px;
     283        clear: left;
     284}
     285#footer-widget-area .widget_search,
     286div#sidebar .widget_search {
     287        margin-top: 20px;
     288}
     289#footer-widget-area .widget_search input[type=text],
     290div#sidebar .widget_search input[type=text] {
     291        width: 110px;
     292        padding: 2px;
     293}
     294#footer-widget-area ul#recentcomments li,
     295#footer-widget-area .widget_recent_entries ul li,
     296div#sidebar ul#recentcomments li,
     297div#sidebar .widget_recent_entries ul li {
     298        margin-bottom: 15px;
     299}
     300#footer-widget-area ul.item-list img.avatar,
     301div#sidebar ul.item-list img.avatar {
     302        width: 20px;
     303        height: 20px;
     304        margin-right: 10px;
     305}
     306#footer-widget-area div.item-avatar img,
     307div#sidebar div.item-avatar img {
     308        width: 40px;
     309        height: 40px;
     310        margin: 1px;
     311}
     312#footer-widget-area .avatar-block,
     313div#sidebar .avatar-block {
     314        overflow: hidden;
     315}
     316#footer-widget-area ul.item-list div.item-title,
     317div#sidebar ul.item-list div.item-title {
     318        font-size: 12px;
     319}
     320#footer-widget-area div.item-options,
     321div#sidebar div.item-options {
     322        margin: -10px -20px 0 -19px;
     323        background: #f8f8f8;
     324        padding: 5px 15px;
     325        font-size: 11px;
     326}
     327#footer-widget-area div.item-content {
     328        margin-left: 38px;
     329}
     330#footer-widget-area div.item-meta,
     331div#sidebar div.item-meta,
     332div#sidebar div.item-content {
     333        margin-left: 38px;
     334        font-size: 11px;
     335}
     336#footer-widget-area div.tags div#tag-text,
     337div#sidebar div.tags div#tag-text {
     338        font-size: 1.4em;
     339        line-height: 140%;
     340        padding-top: 10px;
     341}
     342
     343
     344/*--------------------------------------------------------------
     3453.0 - Forms
     346--------------------------------------------------------------*/
     347.standard-form textarea,
     348.standard-form input[type=text],
     349.standard-form select,
     350.standard-form input[type=password],
     351.dir-search input[type=text] {
     352        border: 1px inset #ccc;
     353        -moz-border-radius: 3px;
     354        -webkit-border-radius: 3px;
     355        border-radius: 3px;
     356        color: #888;
     357        font: inherit;
     358        font-size: 14px;
     359        padding: 6px;
     360}
     361.standard-form select {
     362        padding: 3px;
     363}
     364.standard-form input[type=password] {
     365        margin-bottom: 5px;
     366}
     367.standard-form label,
     368.standard-form span.label {
     369        display: block;
     370        font-weight: bold;
     371        margin: 15px 0 5px 0;
     372}
     373.standard-form div.checkbox label,
     374.standard-form div.radio label {
     375        font-weight: normal;
     376        margin: 5px 0 0 0;
     377        font-size: 14px;
     378        color: #888;
     379}
     380.standard-form#sidebar-login-form label {
     381        margin-top: 5px;
     382}
     383.form-allowed-tags,
     384.standard-form input[type=text] {
     385        width: 75%;
     386}
     387.standard-form#sidebar-login-form input[type=text],
     388.standard-form#sidebar-login-form input[type=password] {
     389        padding: 4px;
     390        width: 95%;
     391}
     392.standard-form #basic-details-section input[type=password],
     393.standard-form #blog-details-section input#signup_blog_url {
     394        width: 35%;
     395}
     396.standard-form#signup_form input[type=text],
     397.standard-form#signup_form textarea {
     398        width: 90%;
     399}
     400.standard-form#signup_form div.submit {
     401        float: right;
     402}
     403div#signup-avatar img {
     404        margin: 0 15px 10px 0;
     405}
     406.standard-form textarea {
     407        width: 75%;
     408        height: 120px;
     409}
     410.standard-form textarea#message_content {
     411        height: 200px;
     412}
     413.standard-form#send-reply textarea {
     414        width: 97.5%;
     415}
     416.standard-form p.description {
     417        font-size: 11px;
     418        color: #888;
     419        margin: 5px 0;
     420}
     421.standard-form div.submit {
     422        padding: 15px 0 0 0;
     423        clear: both;
     424}
     425.standard-form p.submit {
     426        padding: 15px 0 0 0;
     427        margin-bottom: 0;
     428}
     429.standard-form div.submit input {
     430        margin-right: 15px;
     431}
     432.standard-form div.radio ul {
     433        margin: 10px 0 15px 38px;
     434        list-style: disc;
     435}
     436.standard-form div.radio ul li {
     437        margin-bottom: 5px;
     438}
     439.standard-form a.clear-value {
     440        display: block;
     441        margin-top: 5px;
     442        outline: none;
     443}
     444.standard-form #basic-details-section,
     445.standard-form #blog-details-section,
     446.standard-form #profile-details-section {
     447        float: left;
     448        width: 48%;
     449}
     450.standard-form #profile-details-section {
     451        float: right;
     452}
     453.standard-form #blog-details-section {
     454        clear: left;
     455}
     456.standard-form input:focus,
     457.standard-form textarea:focus,
     458.standard-form select:focus {
     459        background: #fafafa;
     460        color: #555;
     461}
     462form#send-invite-form {
     463        margin-top: 20px;
     464}
     465div#invite-list {
     466        background: #f5f5f5;
     467        border: 1px solid #e4e4e4;
     468        -moz-border-radius: 3px;
     469        -webkit-border-radius: 3px;
     470        border-radius: 3px;
     471        height: 400px;
     472        margin: 10px 0;
     473        overflow: scroll;
     474        padding: 5px;
     475        width: 160px;
     476}
     477
     478
     479/*--------------------------------------------------------------
     4803.1 - Buttons
     481--------------------------------------------------------------*/
     482button,
     483a.button,
     484input[type=submit],
     485input[type=button],
     486input[type=reset],
     487ul.button-nav li a,
     488div.generic-button a {
     489        background: url( ../images/white-grad.png ) top left repeat-x;
     490        border: 1px solid #ddd;
     491        -moz-border-radius: 3px;
     492        -webkit-border-radius: 3px;
     493        border-radius: 3px;
     494        cursor: pointer;
     495        text-decoration: none;
     496        color: #888;
     497        font-size: 12px;
     498        font-weight: normal;
     499        padding: 3px 10px;
     500        vertical-align: bottom;
     501}
     502button:hover,
     503a.button:hover,
     504a.button:focus,
     505input[type=submit]:hover,
     506input[type=button]:hover,
     507input[type=reset]:hover,
     508ul.button-nav li a:hover,
     509ul.button-nav li.current a,
     510div.generic-button a:hover {
     511        border-color: #aaa;
     512        color: #555;
     513        outline: none;
     514}
     515
     516
     517/*--------------------------------------------------------------
     5184.0 - Text Elements
     519--------------------------------------------------------------*/
     520p {
     521        margin-bottom: 15px;
     522}
     523p:last-child {
     524        margin-bottom: 0;
     525}
     526big {
     527        font-size: 18px;
     528}
     529del {
     530        text-decoration: line-through;
     531}
     532ins {
     533        background: #fff9db;
     534        text-decoration: none;
     535}
     536sub {
     537        top: .5ex;
     538}
     539sup {
     540        bottom: 1ex;
     541}
     542sub,
     543sup {
     544        height: 0;
     545        line-height: 1;
     546        vertical-align: baseline;
     547        position: relative;
     548}
     549
     550
     551/*--------------------------------------------------------------
     5524.1 - Headers
     553--------------------------------------------------------------*/
     554h1,
     555h2,
     556h3,
     557h4,
     558h5,
     559h6 {
     560        margin: 5px 0 15px 0;
     561}
     562h1 {
     563        font-size: 28px;
     564        margin-bottom: 25px;
     565}
     566h2 {
     567        font-size: 24px;
     568        margin-bottom: 20px;
     569}
     570h3 {
     571        font-size: 20px;
     572}
     573h4 {
     574        font-size: 16px;
     575        margin-bottom: 15px;
     576}
     577h5 {
     578        font-size: 14px;
     579        margin-bottom: 0;
     580}
     581h6 {
     582        font-size: 12px;
     583        margin-bottom: 0;
     584}
     585
     586
     587/*--------------------------------------------------------------
     5885.0 - Navigation
     589--------------------------------------------------------------*/
     590a {
     591        color: #1fb3dd;
     592}
     593a:hover,
     594a:active {
     595        color: #888;
     596}
     597a:focus {
     598        outline: 1px dotted #ccc;
     599}
     600#nav {
     601        margin: 0;
     602        padding: 0;
     603        position: absolute;
     604        right: 15px;
     605        list-style: none;
     606        bottom: 0;
     607        max-width: 95%;
     608}
     609#nav li a {
     610        background: url( ../images/60pc_black.png );
     611        color: #fff;
     612        display: block;
     613        padding: 5px 15px;
     614        text-decoration: none;
     615}
     616#nav li {
     617        margin-left: 5px;
     618        float: left;
     619}
     620#nav li li {
     621        margin-left: 0;
     622}
     623#nav > li > a {
     624        -moz-border-radius-topleft: 3px;
     625        -webkit-border-top-left-radius: 3px;
     626        -moz-border-radius-topright: 3px;
     627        -webkit-border-top-right-radius: 3px;
     628        border-top-left-radius: 3px;
     629        border-top-right-radius: 3px;
     630}
     631#nav li.selected a,
     632#nav > li.current-menu-item a,
     633#nav > li.current_page_item a {
     634        background: #f5f5f5;
     635        color: #555;
     636}
     637#nav > li > ul {
     638        border-top-width: 0;
     639}
     640#nav > ul li.sfhover a,
     641#nav > ul li:hover a {
     642        background: #333;
     643        color: #fff;
     644}
     645#nav li.sfhover,
     646#nav li:hover {
     647        position: relative;
     648        z-index: 1000;
     649}
     650#nav ul {
     651        border: 1px solid #222;
     652        -moz-border-radius: 3px;
     653        -webkit-border-radius: 3px;
     654        -moz-border-radius-topleft: 0;
     655        -moz-border-radius-topright: 0;
     656        -webkit-border-top-left-radius: 0;
     657        -webkit-border-top-right-radius: 0;
     658        border-top-left-radius: 0;
     659        border-top-right-radius: 0;
     660        -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     661        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     662        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     663}
     664#nav ul li ul {
     665        -moz-border-radius: 3px;
     666        -webkit-border-radius: 3px;
     667        border-radius: 3px;
     668}
     669#nav ul,
     670#nav .sfhover ul ul,
     671#nav :hover ul ul {
     672        left: -9999px;
     673        position: absolute;
     674}
     675#nav .sfhover ul,
     676#nav :hover ul {
     677        left: 0;
     678        top: 100%;
     679        width: 128px;
     680}
     681#nav .sfhover ul li > a,
     682#nav :hover ul li > a {
     683        background: #333;
     684        color: #fff;
     685}
     686#nav .sfhover ul .sfhover > ul,
     687#nav :hover ul :hover > ul {
     688        left: 125px;
     689        top: -1px;
     690        width: 128px;
     691}
     692#nav ul li.sfhover > a,
     693#nav ul li:hover > a {
     694        background-color: #222;
     695        color: #fff;
     696}
     697#nav .sfhover ul li,
     698#nav :hover ul li {
     699        height: 30px;
     700        line-height: 30px;
     701        text-indent: 10px;
     702        width: 128px;
     703}
     704#nav .sfhover ul li a,
     705#nav :hover ul li a {
     706        padding: 0 0;
     707}
     708
     709
     710/*--------------------------------------------------------------
     7115.1 - Pagination
     712--------------------------------------------------------------*/
     713div.pagination {
     714        margin: -20px -19px 0px -19px;
     715        padding: 8px 20px;
     716        color: #888;
     717        font-size: 11px;
     718        height: 19px;
     719        background: #f4f4f4;
     720        border: none;
     721        position: relative;
     722}
     723div.pagination .pag-count {
     724        float: left;
     725}
     726div.pagination .pagination-links {
     727        float: right;
     728}
     729div.pagination .pagination-links span,
     730div.pagination .pagination-links a {
     731        font-size: 12px;
     732        padding: 0 5px;
     733}
     734div.pagination .pagination-links a:hover {
     735        font-weight: bold;
     736}
     737div#pag-bottom {
     738        margin-top: -1px;
     739}
     740
     741
     742/*--------------------------------------------------------------
     7436.0 - WordPress
     744--------------------------------------------------------------*/
     745/*--------------------------------------------------------------
     7466.1 - Alignments
     747--------------------------------------------------------------*/
     748.alignright {
     749        float: right;
     750        margin-left: 15px;
     751}
     752.alignleft {
     753        float: left;
     754        margin-right: 15px;
     755}
     756.aligncenter {
     757        display: block;
     758        margin-left: auto;
     759        margin-right: auto;
     760}
     761
     762
     763/*--------------------------------------------------------------
     7646.2 - Comments
     765--------------------------------------------------------------*/
     766.navigation,
     767.paged-navigation,
     768.comment-navigation {
     769        overflow: hidden;
     770        font-family: georgia, times, serif;
     771        font-style: italic;
     772        font-size: 14px;
     773        padding: 5px 0;
     774        margin: 5px 0 25px 0;
     775}
     776.comments {
     777        float: right;
     778}
     779#trackbacks {
     780        margin-top: 30px;
     781}
     782.commentlist .bypostauthor {
     783}
     784#comments ol.commentlist {
     785        border-bottom: 1px solid #e4e4e4;
     786        margin: 0 0 30px 0;
     787}
     788ol.commentlist li {
     789        clear: left;
     790        list-style: none;
     791        margin-bottom: 15px;
     792}
     793ol.commentlist div.comment-avatar-box {
     794        float: left;
     795        margin: 15px 10px 15px 0;
     796}
     797.commentlist ul.children div.comment-avatar-box {
     798        float: left;
     799        margin: 0px 10px 10px 0;
     800}
     801div.comment-avatar-box img {
     802        border: 2px solid #eee;
     803}
     804div.comment-content {
     805        border-top: 1px solid #e4e4e4;
     806        padding-left: 75px;
     807}
     808.commentlist .children .comment {
     809        margin-bottom: 5px;
     810}
     811div.comment-meta,
     812div.comment-options {
     813        color: #888;
     814        font-size: 11px;
     815        margin: 15px 0;
     816}
     817div.comment-meta em {
     818        font-style: normal;
     819}
     820div.comment-meta span.comment-highlight a {
     821        background: #EBF7FF;
     822        border-right: 1px solid #a1dcfa;
     823        border-bottom: 1px solid #a1dcfa;
     824        -moz-border-radius: 4px;
     825        -webkit-border-radius: 4px;
     826        border-radius: 4px;
     827        color: #059AE7;
     828        margin-right: 3px;
     829        padding: 3px 8px;
     830        text-decoration: none;
     831}
     832div.comment-meta .comment-highlight a:hover,
     833.commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover {
     834        background: #059AE7;
     835        border-color: #059AE7;
     836        color: #fff;
     837}
     838#reply-title {
     839        margin-top: 0;
     840}
     841#reply-title small {
     842        float: right;
     843        font-size: 11px;
     844        font-weight: normal;
     845}
     846#reply-title small a,
     847div.comment-options a.comment-reply-link {
     848        background: #FFF9DB;
     849        border-bottom: 1px solid #FFE8C4;
     850        border-right: 1px solid #FFE8C4;
     851        -moz-border-radius: 4px;
     852        -webkit-border-radius: 4px;
     853        border-radius: 4px;
     854        color: #ffa200;
     855        margin-right: 10px;
     856        padding: 3px 8px;
     857        text-decoration: none;
     858}
     859#reply-title small a {
     860        margin-right: 0;
     861}
     862#reply-title small a:hover,
     863div.comment-options a.comment-reply-link:hover {
     864        background: #f7740a;
     865        border-color: #f7740a;
     866        color: #fff;
     867}
     868.commentlist ul.children {
     869        background: #f5f5f5;
     870        -moz-border-radius: 4px;
     871        -webkit-border-radius: 4px;
     872        border-radius: 4px;
     873        margin-bottom: 10px;
     874        margin-left: 75px;
     875        padding: 1px 10px;
     876
     877}
     878.commentlist ul.children ul {
     879        margin-left: 20px;
     880        margin-bottom: 0;
     881        padding: 5px 0 0 0;
     882}
     883.commentlist ul.children img.avatar {
     884        border-style: none;
     885        height: 25px;
     886        margin: 0;
     887        width: 25px;
     888}
     889.commentlist ul.children div.comment-content {
     890        border-top: none;
     891        padding-left: 35px;
     892}
     893.commentlist ul.children div.comment-meta {
     894        font-size: 11px;
     895        margin-top: 0;
     896}
     897.commentlist ul.children div.comment-options {
     898        margin-bottom: 5px;
     899        margin-top: 0;
     900}
     901.commentlist ul.children li {
     902        border-top: 2px solid #fffeff;
     903        padding-top: 10px;
     904}
     905.commentlist ul.children li:first-child {
     906        border-top: none;
     907}
     908.commentlist ul.children ul li:first-child {
     909        border-top: 2px solid #fffeff;
     910}
     911.commentlist ul.children div.comment-options a.comment-reply-link {
     912        background: transparent;
     913        border-style: none;
     914        color: #1fb3dd;
     915        margin-right: 0;
     916        padding: 3px 8px;
     917        text-decoration: underline;
     918}
     919.commentlist ul.children div.comment-options a.comment-reply-link:hover {
     920        background: transparent;
     921        border-style: none;
     922        color: #1fb3dd;
     923}
     924#respond {
     925        background-color: #fafafa;
     926        border: 1px solid #e5e5e5;
     927        -moz-border-radius: 4px;
     928        -webkit-border-radius: 4px;
     929        border-radius: 4px;
     930        padding: 15px;
     931}
     932#respond .form-submit {
     933        margin-bottom: 0;
     934}
     935ol.commentlist #respond {
     936        margin-left: 75px;
     937}
     938.commentlist ul.children #respond {
     939        margin-bottom: 10px;
     940        margin-left: 35px;
     941        margin-right: 20px;
     942}
     943h3#reply .comments-header {
     944        font-size: 14px;
     945}
     946#respond div.comment-avatar-box {
     947        margin-top: 0;
     948}
     949#respond div.comment-content {
     950        border-style: none;
     951}
     952#nav-below {
     953        margin: 0 0;
     954        padding: 0 0;
     955}
     956
     957
     958/*--------------------------------------------------------------
     9596.3 - Gallery
     960--------------------------------------------------------------*/
     961.wp-caption {
     962        background-color: #f3f3f3;
     963        border: 1px solid #ddd;
     964        -moz-border-radius: 3px;
     965        -webkit-border-radius: 3px;
     966        border-radius: 3px;
     967        margin-bottom: 15px;
     968        padding-top: 4px;
     969        text-align: center;
     970
     971}
     972.wp-caption img {
     973        margin: 0;
     974        padding: 0;
     975        border: 0 none;
     976}
     977dd.wp-caption p.wp-caption-text,
     978.wp-caption p.wp-caption-text {
     979        font-size: 0.9em;
     980        line-height: 17px;
     981        padding: 5px 4px 5px 0;
     982        margin: 0;
     983}
     984#content .gallery {
     985        margin: 0 auto 15px;
     986}
     987#content .gallery .gallery-item {
     988        margin-bottom: 0;
     989        margin-left: 0;
     990}
     991.gallery-item img {
     992        margin-bottom: 15px;
     993}
     994.gallery .gallery-caption {
     995        color: #555;
     996}
     997
     998
     999/*--------------------------------------------------------------
     10006.4 - Images
     1001--------------------------------------------------------------*/
     1002img.avatar {
     1003        float: left;
     1004        border: 2px solid #eee;
     1005}
     1006img.wp-smiley {
     1007        padding: 0 !important;
     1008        margin: 0 !important;
     1009        border: none !important;
     1010        float: none !important;
     1011        clear: none !important;
     1012}
     1013img.centered,
     1014img.aligncenter {
     1015        display: block;
     1016        margin-left: auto;
     1017        margin-right: auto;
     1018}
     1019img.alignright {
     1020        padding: 4px;
     1021        margin: 0 0 2px 7px;
     1022        display: inline;
     1023}
     1024img.alignleft {
     1025        padding: 4px;
     1026        margin: 0 7px 2px 0;
     1027        display: inline;
     1028}
     1029
     1030
     1031/*--------------------------------------------------------------
     10326.5 - Lists
     1033--------------------------------------------------------------*/
     1034div.page ul,
     1035div.page ol,
     1036div.page dl,
     1037div.post ul,
     1038div.post ol,
     1039div.post dl {
     1040        margin: 0 0 18px 1.5em;
     1041}
     1042div.page ul,
     1043div.post ul {
     1044        list-style: square;
     1045}
     1046div.page ol,
     1047div.post ol {
     1048        list-style: decimal;
     1049}
     1050div.page ol ol,
     1051div.post ol ol {
     1052        list-style: upper-alpha;
     1053}
     1054dl {
     1055        margin-left: 0;
     1056}
     1057dt {
     1058        font-size: 14px;
     1059        font-weight: bold;
     1060}
     1061dd {
     1062        margin: 0 0 15px 0;
     1063}
     1064
     1065
     1066/*--------------------------------------------------------------
     10676.6 - Posts
     1068--------------------------------------------------------------*/
     1069.sticky .date {
     1070        background: #fff9db;
     1071        border-top: 1px solid #ffe8c4;
     1072        border-bottom: 1px solid #ffe8c4;
     1073        color: #ffa200;
     1074        padding: 5px;
     1075}
     1076div.page,
     1077div.post,
     1078div.attachment {
     1079        margin: 0 0 30px 0;
     1080        overflow: hidden;
     1081}
     1082div.page:last-child,
     1083div.post:last-child,
     1084div.item-body:last-child,
     1085#trackbacklist {
     1086        margin-bottom: 0;
     1087}
     1088h2.pagetitle,
     1089h2.posttitle {
     1090        margin: 0;
     1091        line-height: 120%;
     1092}
     1093h2.pagetitle a,
     1094h2.posttitle a {
     1095        color: #666;
     1096        text-decoration: none;
     1097}
     1098.edit-link,
     1099.page-link {
     1100        clear: both;
     1101        font-weight: bold;
     1102}
     1103pre, blockquote {
     1104        margin-bottom: 20px;
     1105}
     1106pre,
     1107code p {
     1108        background: #f4f4f4;
     1109        -moz-border-radius: 3px;
     1110        -webkit-border-radius: 3px;
     1111        border-radius: 3px;
     1112        padding: 15px;
     1113}
     1114code {
     1115        font-family: "Monaco", courier, sans-serif;
     1116}
     1117blockquote {
     1118        quotes: none;
     1119        font-style: italic;
     1120        padding: 0 3em;
     1121        font-family: georgia, times, serif;
     1122        font-size: 16px;
     1123        line-height: 150%;
     1124}
     1125blockquote p {
     1126        margin-bottom: 15px !importantr;
     1127}
     1128div.post table,
     1129div.page table {
     1130        margin-bottom: 15px;
     1131        border-collapse: collapse;
     1132        border-spacing: 0;
     1133        border: 1px solid #eee;
     1134}
     1135div.post table th,
     1136div.page table th {
     1137        border-top: 1px solid #eee;
     1138        text-align: left;
     1139}
     1140div.post table td,
     1141div.page table td {
     1142        border-top: 1px solid #eee;
     1143}
     1144div.author-box {
     1145        background: #f0f0f0;
     1146        -moz-border-radius: 3px;
     1147        -webkit-border-radius: 3px;
     1148        border-radius: 3px;
     1149        float: left;
     1150        font-family: georgia, times, serif;
     1151        font-style: italic;
     1152        margin: 0 15px 15px 0;
     1153        padding: 10px;
     1154        text-align: center;
     1155        width: 70px;
     1156}
     1157div.author-box p,
     1158div.comment-avatar-box p {
     1159        margin: 5px 0 0;
     1160}
     1161div.author-box a,
     1162div.comment-avatar-box a {
     1163        text-decoration: none;
     1164}
     1165div.author-box img {
     1166        float: none;
     1167        border: 4px solid #fff;
     1168        margin: 0;
     1169}
     1170div.post-content {
     1171        margin-left: 105px;
     1172}
     1173p.date span:first-child {
     1174        font-style: italic;
     1175}
     1176div.post .entry {
     1177        margin-bottom: 15px;
     1178}
     1179p.date,
     1180p.postmetadata {
     1181        color: #888;
     1182        font-size: 12px;
     1183        font-family: Georgia, times, serif;
     1184        padding: 3px 0;
     1185        margin: 10px 0;
     1186        border-bottom: 1px solid #e4e4e4;
     1187        border-top: 1px solid #e4e4e4;
     1188}
     1189p.postmetadata {
     1190        clear: left;
     1191        overflow: hidden;
     1192}
     1193.tags {
     1194        float: left;
     1195}
     1196
     1197
     1198/*--------------------------------------------------------------
     11997.0 - BuddyPress
     1200--------------------------------------------------------------*/
     1201/*--------------------------------------------------------------
     12027.1 - Activity
     1203--------------------------------------------------------------*/
    751204form#whats-new-form {
    761205        margin-bottom: 5px;
    771206}
    … …  
    1281257
    1291258
    1301259/*--------------------------------------------------------------
    131 2.1.1 - Activity Listing
     12607.1.1 - Activity Listing
    1321261--------------------------------------------------------------*/
    1331262ul.activity-list li {
    1341263        padding: 15px 0 0;
    … …  
    3501479
    3511480
    3521481/*--------------------------------------------------------------
    353 2.1.2 - Activity Comments
     14827.1.2 - Activity Comments
    3541483--------------------------------------------------------------*/
    3551484div.activity-meta {
    3561485        margin: 0 0 20px 3px;
    … …  
    5321661
    5331662
    5341663/*--------------------------------------------------------------
    535 2.2 - Admin Bar
     16647.2 - Admin Bar
    5361665--------------------------------------------------------------*/
    5371666#wp-admin-bar .padder {
    5381667        width: 90% !important; /* Line up the admin bar with the content body in this theme */
    … …  
    5401669
    5411670
    5421671/*--------------------------------------------------------------
    543 2.3 - Ajax Loading
     16727.3 - Ajax Loading
    5441673--------------------------------------------------------------*/
    5451674.ajax-loader {
    5461675        background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
    … …  
    5561685
    5571686
    5581687/*--------------------------------------------------------------
    559 2.4 - Data Tables
     16887.4 - Data Tables
    5601689--------------------------------------------------------------*/
    5611690table {
    5621691        width: 100%;
    … …  
    6731802
    6741803
    6751804/*--------------------------------------------------------------
    676 2.5 - Directories - Members, Groups, Blogs, Forums
     18057.5 - Directories - Members, Groups, Blogs, Forums
    6771806--------------------------------------------------------------*/
    6781807div.dir-search {
    6791808        float: right;
    … …  
    6841813        font-size: 12px;
    6851814}
    6861815
     1816/*--------------------------------------------------------------
     18177.6 - Errors / Success Messages
     1818--------------------------------------------------------------*/
     1819div#message {
     1820        margin: 15px 0;
     1821}
     1822div#message.updated {
     1823        clear: both;
     1824}
     1825div#message p {
     1826        padding: 10px 15px;
     1827        font-size: 12px;
     1828        display: block;
     1829}
     1830div#message.error p {
     1831        background: #e41717;
     1832        color: #fff;
     1833        border-color: #a71a1a;
     1834        clear: left;
     1835}
     1836div#message.updated p {
     1837        background: #dffcd9;
     1838        color: #1a9b00;
     1839        border-color: #c4e9bd;
     1840}
     1841.standard-form#signup_form div div.error {
     1842        background: #e41717;
     1843        -moz-border-radius: 3px;
     1844        -webkit-border-radius: 3px;
     1845        border-radius: 3px;
     1846        color: #fff;
     1847        margin: 0 0 10px 0;
     1848        padding: 6px;
     1849        width: 90%;
     1850}
     1851button.pending,
     1852button.disabled,
     1853div.pending a,
     1854a.disabled {
     1855        border-color: #eee;
     1856        color: #bbb;
     1857        cursor: default;
     1858}
     1859button.pending:hover,
     1860button.disabled:hover,
     1861div.pending a:hover,
     1862a.disabled:hover {
     1863        border-color: #eee;
     1864        color: #bbb;
     1865}
     1866div.accept,
     1867div.reject {
     1868        float: left;
     1869        margin-left: 10px;
     1870}
     1871ul.button-nav li {
     1872        float: left;
     1873        margin: 0 10px 10px 0;
     1874}
     1875ul.button-nav li.current a {
     1876        font-weight: bold;
     1877}
     1878span.activity,
     1879div#message p {
     1880        background: #fff9db;
     1881        border-bottom: 1px solid #ffe8C4;
     1882        border-right: 1px solid #ffe8C4;
     1883        -moz-border-radius: 3px;
     1884        -webkit-border-radius: 3px;
     1885        border-radius: 3px;
     1886        color: #ffa200;
     1887        display: inline-block;
     1888        font-size: 11px;
     1889        font-weight: normal;
     1890        margin-top: 6px;
     1891        padding: 1px 8px;
     1892        text-decoration: none;
     1893}
    6871894
     1895
    6881896/*--------------------------------------------------------------
    689 2.6 - Forum Topics
     18977.7 - Forum Topics
    6901898--------------------------------------------------------------*/
    6911899ul#topic-post-list {
    6921900        margin: 0px -19px 15px;
    … …  
    7371945
    7381946
    7391947/*--------------------------------------------------------------
    740 2.7 - Items
     19487.8 - Headers, Lists and Tabs - Activity, Friends, Groups
    7411949--------------------------------------------------------------*/
    7421950.item-body {
    7431951        margin: 20px 0;
    7441952}
    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 --------------------------------------------------------------*/
    7661953div#item-header {
    7671954        overflow: hidden;
    7681955}
    … …  
    8552042div#item-header div#message.info {
    8562043        line-height: 80%;
    8572044}
    858 
    859 
    860 /*--------------------------------------------------------------
    861 2.7.2 - Item Lists - Activity, Friend, Group Lists
    862 --------------------------------------------------------------*/
    8632045ul.item-list {
    8642046        width: 100%;
    8652047}
    … …  
    9082090        font-size: 11px;
    9092091        float: right;
    9102092}
    911 
    912 
    913 /*--------------------------------------------------------------
    914 2.7.3 - Item Tabs
    915 --------------------------------------------------------------*/
    9162093div.item-list-tabs {
    9172094        clear: left;
    9182095        overflow: hidden;
    … …  
    9972174
    9982175
    9992176/*--------------------------------------------------------------
    1000 2.8 - Private Messaging Threads
     21777.9 - Private Messaging Threads
    10012178--------------------------------------------------------------*/
    10022179table#message-threads tr.unread td {
    10032180        background: #fff9db;
    … …  
    10622239}
    10632240div#message-thread div.message-options {
    10642241        text-align: right;
    1065 }
    1066 
    1067 
    1068 /*--------------------------------------------------------------
    1069 3.0 - Errors / Success Messages
    1070 --------------------------------------------------------------*/
    1071 div#message {
    1072         margin: 15px 0;
    1073 }
    1074 div#message.updated {
    1075         clear: both;
    1076 }
    1077 div#message p {
    1078         padding: 10px 15px;
    1079         font-size: 12px;
    1080         display: block;
    1081 }
    1082 div#message.error p {
    1083         background: #e41717;
    1084         color: #fff;
    1085         border-color: #a71a1a;
    1086         clear: left;
    1087 }
    1088 div#message.updated p {
    1089         background: #dffcd9;
    1090         color: #1a9b00;
    1091         border-color: #c4e9bd;
    1092 }
    1093 .standard-form#signup_form div div.error {
    1094         background: #e41717;
    1095         -moz-border-radius: 3px;
    1096         -webkit-border-radius: 3px;
    1097         border-radius: 3px;
    1098         color: #fff;
    1099         margin: 0 0 10px 0;
    1100         padding: 6px;
    1101         width: 90%;
    1102 }
    1103 button.pending,
    1104 button.disabled,
    1105 div.pending a,
    1106 a.disabled {
    1107         border-color: #eee;
    1108         color: #bbb;
    1109         cursor: default;
    1110 }
    1111 button.pending:hover,
    1112 button.disabled:hover,
    1113 div.pending a:hover,
    1114 a.disabled:hover {
    1115         border-color: #eee;
    1116         color: #bbb;
    1117 }
    1118 div.accept,
    1119 div.reject {
    1120         float: left;
    1121         margin-left: 10px;
    1122 }
    1123 ul.button-nav li {
    1124         float: left;
    1125         margin: 0 10px 10px 0;
    1126 }
    1127 ul.button-nav li.current a {
    1128         font-weight: bold;
    1129 }
    1130 
    1131 
    1132 /*--------------------------------------------------------------
    1133 4.0 - Forms
    1134 --------------------------------------------------------------*/
    1135 .standard-form textarea,
    1136 .standard-form input[type=text],
    1137 .standard-form select,
    1138 .standard-form input[type=password],
    1139 .dir-search input[type=text] {
    1140         border: 1px inset #ccc;
    1141         -moz-border-radius: 3px;
    1142         -webkit-border-radius: 3px;
    1143         border-radius: 3px;
    1144         color: #888;
    1145         font: inherit;
    1146         font-size: 14px;
    1147         padding: 6px;
    1148 }
    1149 .standard-form select {
    1150         padding: 3px;
    1151 }
    1152 .standard-form input[type=password] {
    1153         margin-bottom: 5px;
    1154 }
    1155 .standard-form label,
    1156 .standard-form span.label {
    1157         display: block;
    1158         font-weight: bold;
    1159         margin: 15px 0 5px 0;
    1160 }
    1161 .standard-form div.checkbox label,
    1162 .standard-form div.radio label {
    1163         font-weight: normal;
    1164         margin: 5px 0 0 0;
    1165         font-size: 14px;
    1166         color: #888;
    1167 }
    1168 .standard-form#sidebar-login-form label {
    1169         margin-top: 5px;
    1170 }
    1171 .form-allowed-tags,
    1172 .standard-form input[type=text] {
    1173         width: 75%;
    1174 }
    1175 .standard-form#sidebar-login-form input[type=text],
    1176 .standard-form#sidebar-login-form input[type=password] {
    1177         padding: 4px;
    1178         width: 95%;
    1179 }
    1180 .standard-form #basic-details-section input[type=password],
    1181 .standard-form #blog-details-section input#signup_blog_url {
    1182         width: 35%;
    1183 }
    1184 .standard-form#signup_form input[type=text],
    1185 .standard-form#signup_form textarea {
    1186         width: 90%;
    1187 }
    1188 .standard-form#signup_form div.submit {
    1189         float: right;
    1190 }
    1191 div#signup-avatar img {
    1192         margin: 0 15px 10px 0;
    1193 }
    1194 .standard-form textarea {
    1195         width: 75%;
    1196         height: 120px;
    1197 }
    1198 .standard-form textarea#message_content {
    1199         height: 200px;
    1200 }
    1201 .standard-form#send-reply textarea {
    1202         width: 97.5%;
    1203 }
    1204 .standard-form p.description {
    1205         font-size: 11px;
    1206         color: #888;
    1207         margin: 5px 0;
    1208 }
    1209 .standard-form div.submit {
    1210         padding: 15px 0 0 0;
    1211         clear: both;
    1212 }
    1213 .standard-form p.submit {
    1214         padding: 15px 0 0 0;
    1215         margin-bottom: 0;
    1216 }
    1217 .standard-form div.submit input {
    1218         margin-right: 15px;
    1219 }
    1220 .standard-form div.radio ul {
    1221         margin: 10px 0 15px 38px;
    1222         list-style: disc;
    1223 }
    1224 .standard-form div.radio ul li {
    1225         margin-bottom: 5px;
    1226 }
    1227 .standard-form a.clear-value {
    1228         display: block;
    1229         margin-top: 5px;
    1230         outline: none;
    1231 }
    1232 .standard-form #basic-details-section,
    1233 .standard-form #blog-details-section,
    1234 .standard-form #profile-details-section {
    1235         float: left;
    1236         width: 48%;
    1237 }
    1238 .standard-form #profile-details-section {
    1239         float: right;
    1240 }
    1241 .standard-form #blog-details-section {
    1242         clear: left;
    1243 }
    1244 .standard-form input:focus,
    1245 .standard-form textarea:focus,
    1246 .standard-form select:focus {
    1247         background: #fafafa;
    1248         color: #555;
    1249 }
    1250 form#send-invite-form {
    1251         margin-top: 20px;
    1252 }
    1253 div#invite-list {
    1254         background: #f5f5f5;
    1255         border: 1px solid #e4e4e4;
    1256         -moz-border-radius: 3px;
    1257         -webkit-border-radius: 3px;
    1258         border-radius: 3px;
    1259         height: 400px;
    1260         margin: 10px 0;
    1261         overflow: scroll;
    1262         padding: 5px;
    1263         width: 160px;
    1264 }
    1265 
    1266 
    1267 /*--------------------------------------------------------------
    1268 4.1 - Buttons
    1269 --------------------------------------------------------------*/
    1270 button,
    1271 a.button,
    1272 input[type=submit],
    1273 input[type=button],
    1274 input[type=reset],
    1275 ul.button-nav li a,
    1276 div.generic-button a {
    1277         background: url( ../images/white-grad.png ) top left repeat-x;
    1278         border: 1px solid #ddd;
    1279         -moz-border-radius: 3px;
    1280         -webkit-border-radius: 3px;
    1281         border-radius: 3px;
    1282         cursor: pointer;
    1283         text-decoration: none;
    1284         color: #888;
    1285         font-size: 12px;
    1286         font-weight: normal;
    1287         padding: 3px 10px;
    1288         vertical-align: bottom;
    1289 }
    1290 button:hover,
    1291 a.button:hover,
    1292 a.button:focus,
    1293 input[type=submit]:hover,
    1294 input[type=button]:hover,
    1295 input[type=reset]:hover,
    1296 ul.button-nav li a:hover,
    1297 ul.button-nav li.current a,
    1298 div.generic-button a:hover {
    1299         border-color: #aaa;
    1300         color: #555;
    1301         outline: none;
    1302 }
    1303 
    1304 
    1305 /*--------------------------------------------------------------
    1306 5.0 - Navigation
    1307 --------------------------------------------------------------*/
    1308 a {
    1309         color: #1fb3dd;
    1310 }
    1311 a:hover,
    1312 a:active {
    1313         color: #888;
    1314 }
    1315 a:focus {
    1316         outline: 1px dotted #ccc;
    1317 }
    1318 #nav {
    1319         margin: 0;
    1320         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 {
    1342         -moz-border-radius-topleft: 3px;
    1343         -webkit-border-top-left-radius: 3px;
    1344         -moz-border-radius-topright: 3px;
    1345         -webkit-border-top-right-radius: 3px;
    1346         border-top-left-radius: 3px;
    1347         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;
    1353         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 {
    1383         -moz-border-radius: 3px;
    1384         -webkit-border-radius: 3px;
    1385         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;
    1402         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;
    1413         color: #fff;
    1414 }
    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;
    1437         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 hr {
    1484         background-color: #e7e7e7;
    1485         border: 0 none;
    1486         clear: both;
    1487         height: 1px;
    1488         margin: 20px 0;
    1489 }
    1490 div#container {
    1491         background: #fff;
    1492         border-right: 1px solid #e0e0e0;
    1493         border-bottom: 1px solid #e0e0e0;
    1494         -moz-border-radius: 6px;
    1495         -webkit-border-radius: 6px;
    1496         border-radius: 6px;
    1497         overflow: hidden;
    1498         position: relative;
    1499         width: 100%;
    1500 }
    1501 body.activity-permalink div#container {
    1502         background: none;
    1503         border: none;
    1504 }
    1505 
    1506 
    1507 /*--------------------------------------------------------------
    1508 6.1 - Content
    1509 --------------------------------------------------------------*/
    1510 div#content {
    1511         -moz-border-radius-topleft: 6px;
    1512         -webkit-border-top-left-radius: 6px;
    1513         -moz-border-radius-bottomleft: 6px;
    1514         -webkit-border-bottom-left-radius: 6px;
    1515         border-top-left-radius: 6px;
    1516         border-top-right-radius: 6px;
    1517         float: left;
    1518         width: 100%;
    1519 }
    1520 div#content .padder {
    1521         border-right: 1px solid #ddd;
    1522         -moz-border-radius-topleft: 6px;
    1523         -webkit-border-top-left-radius: 6px;
    1524         -moz-border-radius-bottomleft: 6px;
    1525         -webkit-border-bottom-left-radius: 6px;
    1526         border-top-left-radius: 6px;
    1527         border-bottom-left-radius: 6px;
    1528         margin-right: 225px;
    1529 }
    1530 div#content .one-column {
    1531         margin-right: 0;
    1532         border-right: 0 none;
    1533 }
    1534 div#content .left-menu {
    1535         float: left;
    1536         width: 170px;
    1537 }
    1538 div#content .main-column {
    1539         margin-left: 190px;
    1540 }
    1541 
    1542 
    1543 /*--------------------------------------------------------------
    1544 6.2 - Header
    1545 --------------------------------------------------------------*/
    1546 #header {
    1547         -moz-border-radius-bottomleft: 6px;
    1548         -webkit-border-bottom-left-radius: 6px;
    1549         -moz-border-radius-bottomright: 6px;
    1550         -webkit-border-bottom-right-radius: 6px;
    1551         border-top-left-radius: 6px;
    1552         border-top-right-radius: 6px;
    1553         color: #fff;
    1554         height: 100px;
    1555         margin-bottom: 20px;
    1556         padding-top: 25px;
    1557         position: relative;
    1558         z-index: 1000;
    1559 }
    1560 #header #search-bar {
    1561         margin-top: 5px;
    1562         text-align: right;
    1563         width: 100%;
    1564 }
    1565 #header #search-bar .padder {
    1566         padding: 10px 15px 0 20px;
    1567 }
    1568 #header #search-bar input[type=text] {
    1569         border: 1px inset #888;
    1570         -moz-border-radius: 3px;
    1571         -webkit-border-radius: 3px;
    1572         border-radius: 3px;
    1573         margin-right: 4px;
    1574         padding: 2px;
    1575 }
    1576 #header #search-bar input[type=submit] {
    1577         font-size: 11px;
    1578         padding: 1px 4px;
    1579         margin-left: 4px;
    1580 }
    1581 #header h1 {
    1582         float: left;
    1583         margin-bottom: 0;
    1584         margin-top: 0;
    1585 }
    1586 #header h1 a {
    1587         color: #fff;
    1588         font-size: 26px;
    1589         text-decoration: none;
    1590 }
    1591 
    1592 
    1593 /*--------------------------------------------------------------
    1594 6.3 - Footer
    1595 --------------------------------------------------------------*/
    1596 #footer {
    1597         margin: 20px 0;
    1598 }
    1599 #footer-widgets {
    1600         background: #fff;
    1601         border-bottom: 1px solid #e0e0e0;
    1602         border-right: 1px solid #e0e0e0;
    1603         -moz-border-radius: 6px;
    1604         -webkit-border-radius: 6px;
    1605         border-radius: 6px;
    1606         padding: 19px;
    1607 }
    1608 #site-generator {
    1609         margin: 20px 20px;
    1610         text-align: center;
    1611         color: #bbb;
    1612         text-shadow: #fafafa 1px 1px 0;
    1613 }
    1614 #footer-widget-area {
    1615         overflow: hidden;
    1616         margin-top: -19px;
    1617 }
    1618 #footer-widget-area div.widget-area > ul {
    1619         float: left;
    1620         margin-right: 19px;
    1621         width: 23%;
    1622 }
    1623 #footer-widget-area div.widget-area > ul > li {
    1624         margin-top: 19px;
    1625 }
    1626 #footer-widget-area h3.widgettitle {
    1627         margin: 0 0 10px 0;
    1628         background: #eaeaea;
    1629         padding: 5px 15px;
    1630         font-size: 12px;
    1631         clear: left;
    1632 }
    1633 #footer-widget-area div div.item-options {
    1634         margin-left: 0;
    1635         margin-right: 0;
    1636 }
    1637 #footer-widget-area ul.item-list li img.avatar {
    1638         margin-left: 15px; /* border is 4px */
    1639 }
    1640 
    1641 
    1642 /*--------------------------------------------------------------
    1643 6.4 - Sidebar
    1644 --------------------------------------------------------------*/
    1645 div#sidebar {
    1646         background: url( ../images/sidebar_back.gif ) top left repeat-x;
    1647         border-left: 1px solid #ddd;
    1648         -moz-border-radius-topright: 3px;
    1649         -webkit-border-top-right-radius: 3px;
    1650         border-top-right-radius: 3px;
    1651         float: left;
    1652         margin-left: -226px;
    1653         margin-top: 1px;
    1654         width: 224px;
    1655 }
    1656 div#sidebar div#sidebar-me img.avatar {
    1657         float: left;
    1658         margin: 0 10px 15px 0;
    1659 }
    1660 div#sidebar div#sidebar-me h4 {
    1661         font-size: 16px;
    1662         margin: 0 0 8px 0;
    1663         font-weight: normal;
    1664 }
    1665 div#sidebar ul#bp-nav {
    1666         clear: left;
    1667         margin: 15px -16px;
    1668 }
    1669 div#sidebar ul#bp-nav li {
    1670         padding: 10px 15px;
    1671 }
    1672 div#sidebar h3.widgettitle {
    1673         margin: 25px -20px 10px -19px;
    1674         background: #eaeaea;
    1675         padding: 5px 15px;
    1676         font-size: 12px;
    1677         clear: left;
    1678 }
    1679 #footer-widget-area .widget_search,
    1680 div#sidebar .widget_search {
    1681         margin-top: 20px;
    1682 }
    1683 #footer-widget-area .widget_search input[type=text],
    1684 div#sidebar .widget_search input[type=text] {
    1685         width: 110px;
    1686         padding: 2px;
    1687 }
    1688 #footer-widget-area ul#recentcomments li,
    1689 #footer-widget-area .widget_recent_entries ul li,
    1690 div#sidebar ul#recentcomments li,
    1691 div#sidebar .widget_recent_entries ul li {
    1692         margin-bottom: 15px;
    1693 }
    1694 #footer-widget-area ul.item-list img.avatar,
    1695 div#sidebar ul.item-list img.avatar {
    1696         width: 20px;
    1697         height: 20px;
    1698         margin-right: 10px;
    1699 }
    1700 #footer-widget-area div.item-avatar img,
    1701 div#sidebar div.item-avatar img {
    1702         width: 40px;
    1703         height: 40px;
    1704         margin: 1px;
    1705 }
    1706 #footer-widget-area .avatar-block,
    1707 div#sidebar .avatar-block {
    1708         overflow: hidden;
    1709 }
    1710 #footer-widget-area ul.item-list div.item-title,
    1711 div#sidebar ul.item-list div.item-title {
    1712         font-size: 12px;
    1713 }
    1714 #footer-widget-area div.item-options,
    1715 div#sidebar div.item-options {
    1716         margin: -10px -20px 0 -19px;
    1717         background: #f8f8f8;
    1718         padding: 5px 15px;
    1719         font-size: 11px;
    1720 }
    1721 #footer-widget-area div.item-content {
    1722         margin-left: 38px;
    1723 }
    1724 #footer-widget-area div.item-meta,
    1725 div#sidebar div.item-meta,
    1726 div#sidebar div.item-content {
    1727         margin-left: 38px;
    1728         font-size: 11px;
    1729 }
    1730 #footer-widget-area div.tags div#tag-text,
    1731 div#sidebar div.tags div#tag-text {
    1732         font-size: 1.4em;
    1733         line-height: 140%;
    1734         padding-top: 10px;
    1735 }
    1736 
    1737 
    1738 /*--------------------------------------------------------------
    1739 7.0 - Text Elements
    1740 --------------------------------------------------------------*/
    1741 p {
    1742         margin-bottom: 15px;
    1743 }
    1744 p:last-child {
    1745         margin-bottom: 0;
    1746 }
    1747 big {
    1748         font-size: 18px;
    1749 }
    1750 del {
    1751         text-decoration: line-through;
    1752 }
    1753 ins {
    1754         background: #fff9db;
    1755         text-decoration: none;
    1756 }
    1757 sub {
    1758         top: .5ex;
    1759 }
    1760 sup {
    1761         bottom: 1ex;
    1762 }
    1763 sub,
    1764 sup {
    1765         height: 0;
    1766         line-height: 1;
    1767         vertical-align: baseline;
    1768         position: relative;
    1769 }
    1770 
    1771 
    1772 /*--------------------------------------------------------------
    1773 7.1 - Headers
    1774 --------------------------------------------------------------*/
    1775 h1,
    1776 h2,
    1777 h3,
    1778 h4,
    1779 h5,
    1780 h6 {
    1781         margin: 5px 0 15px 0;
    1782 }
    1783 h1 {
    1784         font-size: 28px;
    1785         margin-bottom: 25px;
    1786 }
    1787 h2 {
    1788         font-size: 24px;
    1789         margin-bottom: 20px;
    1790 }
    1791 h3 {
    1792         font-size: 20px;
    1793 }
    1794 h4 {
    1795         font-size: 16px;
    1796         margin-bottom: 15px;
    1797 }
    1798 h5 {
    1799         font-size: 14px;
    1800         margin-bottom: 0;
    1801 }
    1802 h6 {
    1803         font-size: 12px;
    1804         margin-bottom: 0;
    1805 }
    1806 
    1807 
    1808 /*--------------------------------------------------------------
    1809 8.0 - WordPress
    1810 --------------------------------------------------------------*/
    1811 /*--------------------------------------------------------------
    1812 8.1 - Alignments
    1813 --------------------------------------------------------------*/
    1814 .alignright {
    1815         float: right;
    1816         margin-left: 15px;
    1817 }
    1818 .alignleft {
    1819         float: left;
    1820         margin-right: 15px;
    1821 }
    1822 .aligncenter {
    1823         display: block;
    1824         margin-left: auto;
    1825         margin-right: auto;
    1826 }
    1827 
    1828 
    1829 /*--------------------------------------------------------------
    1830 8.2 - Comments
    1831 --------------------------------------------------------------*/
    1832 .navigation,
    1833 .paged-navigation,
    1834 .comment-navigation {
    1835         overflow: hidden;
    1836         font-family: georgia, times, serif;
    1837         font-style: italic;
    1838         font-size: 14px;
    1839         padding: 5px 0;
    1840         margin: 5px 0 25px 0;
    1841 }
    1842 .comments {
    1843         float: right;
    1844 }
    1845 #trackbacks {
    1846         margin-top: 30px;
    1847 }
    1848 .commentlist .bypostauthor {
    1849 }
    1850 #comments ol.commentlist {
    1851         border-bottom: 1px solid #e4e4e4;
    1852         margin: 0 0 30px 0;
    1853 }
    1854 ol.commentlist li {
    1855         clear: left;
    1856         list-style: none;
    1857         margin-bottom: 15px;
    1858 }
    1859 ol.commentlist div.comment-avatar-box {
    1860         float: left;
    1861         margin: 15px 10px 15px 0;
    1862 }
    1863 .commentlist ul.children div.comment-avatar-box {
    1864         float: left;
    1865         margin: 0px 10px 10px 0;
    1866 }
    1867 div.comment-avatar-box img {
    1868         border: 2px solid #eee;
    1869 }
    1870 div.comment-content {
    1871         border-top: 1px solid #e4e4e4;
    1872         padding-left: 75px;
    1873 }
    1874 .commentlist .children .comment {
    1875         margin-bottom: 5px;
    1876 }
    1877 div.comment-meta,
    1878 div.comment-options {
    1879         color: #888;
    1880         font-size: 11px;
    1881         margin: 15px 0;
    1882 }
    1883 div.comment-meta em {
    1884         font-style: normal;
    1885 }
    1886 div.comment-meta span.comment-highlight a {
    1887         background: #EBF7FF;
    1888         border-right: 1px solid #a1dcfa;
    1889         border-bottom: 1px solid #a1dcfa;
    1890         -moz-border-radius: 4px;
    1891         -webkit-border-radius: 4px;
    1892         border-radius: 4px;
    1893         color: #059AE7;
    1894         margin-right: 3px;
    1895         padding: 3px 8px;
    1896         text-decoration: none;
    1897 }
    1898 div.comment-meta .comment-highlight a:hover,
    1899 .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover {
    1900         background: #059AE7;
    1901         border-color: #059AE7;
    1902         color: #fff;
    1903 }
    1904 #reply-title {
    1905         margin-top: 0;
    1906 }
    1907 #reply-title small {
    1908         float: right;
    1909         font-size: 11px;
    1910         font-weight: normal;
    1911 }
    1912 #reply-title small a,
    1913 div.comment-options a.comment-reply-link {
    1914         background: #FFF9DB;
    1915         border-bottom: 1px solid #FFE8C4;
    1916         border-right: 1px solid #FFE8C4;
    1917         -moz-border-radius: 4px;
    1918         -webkit-border-radius: 4px;
    1919         border-radius: 4px;
    1920         color: #ffa200;
    1921         margin-right: 10px;
    1922         padding: 3px 8px;
    1923         text-decoration: none;
    1924 }
    1925 #reply-title small a {
    1926         margin-right: 0;
    1927 }
    1928 #reply-title small a:hover,
    1929 div.comment-options a.comment-reply-link:hover {
    1930         background: #f7740a;
    1931         border-color: #f7740a;
    1932         color: #fff;
    1933 }
    1934 .commentlist ul.children {
    1935         background: #f5f5f5;
    1936         -moz-border-radius: 4px;
    1937         -webkit-border-radius: 4px;
    1938         border-radius: 4px;
    1939         margin-bottom: 10px;
    1940         margin-left: 75px;
    1941         padding: 1px 10px;
    1942 
    1943 }
    1944 .commentlist ul.children ul {
    1945         margin-left: 20px;
    1946         margin-bottom: 0;
    1947         padding: 5px 0 0 0;
    1948 }
    1949 .commentlist ul.children img.avatar {
    1950         border-style: none;
    1951         height: 25px;
    1952         margin: 0;
    1953         width: 25px;
    1954 }
    1955 .commentlist ul.children div.comment-content {
    1956         border-top: none;
    1957         padding-left: 35px;
    1958 }
    1959 .commentlist ul.children div.comment-meta {
    1960         font-size: 11px;
    1961         margin-top: 0;
    1962 }
    1963 .commentlist ul.children div.comment-options {
    1964         margin-bottom: 5px;
    1965         margin-top: 0;
    1966 }
    1967 .commentlist ul.children li {
    1968         border-top: 2px solid #fffeff;
    1969         padding-top: 10px;
    1970 }
    1971 .commentlist ul.children li:first-child {
    1972         border-top: none;
    1973 }
    1974 .commentlist ul.children ul li:first-child {
    1975         border-top: 2px solid #fffeff;
    1976 }
    1977 .commentlist ul.children div.comment-options a.comment-reply-link {
    1978         background: transparent;
    1979         border-style: none;
    1980         color: #1fb3dd;
    1981         margin-right: 0;
    1982         padding: 3px 8px;
    1983         text-decoration: underline;
    1984 }
    1985 .commentlist ul.children div.comment-options a.comment-reply-link:hover {
    1986         background: transparent;
    1987         border-style: none;
    1988         color: #1fb3dd;
    1989 }
    1990 #respond {
    1991         background-color: #fafafa;
    1992         border: 1px solid #e5e5e5;
    1993         -moz-border-radius: 4px;
    1994         -webkit-border-radius: 4px;
    1995         border-radius: 4px;
    1996         padding: 15px;
    1997 }
    1998 #respond .form-submit {
    1999         margin-bottom: 0;
    2000 }
    2001 ol.commentlist #respond {
    2002         margin-left: 75px;
    2003 }
    2004 .commentlist ul.children #respond {
    2005         margin-bottom: 10px;
    2006         margin-left: 35px;
    2007         margin-right: 20px;
    2008 }
    2009 h3#reply .comments-header {
    2010         font-size: 14px;
    2011 }
    2012 #respond div.comment-avatar-box {
    2013         margin-top: 0;
    2014 }
    2015 #respond div.comment-content {
    2016         border-style: none;
    2017 }
    2018 #nav-below {
    2019         margin: 0 0;
    2020         padding: 0 0;
    2021 }
    2022 
    2023 
    2024 /*--------------------------------------------------------------
    2025 8.3 - Gallery
    2026 --------------------------------------------------------------*/
    2027 .wp-caption {
    2028         background-color: #f3f3f3;
    2029         border: 1px solid #ddd;
    2030         -moz-border-radius: 3px;
    2031         -webkit-border-radius: 3px;
    2032         border-radius: 3px;
    2033         margin-bottom: 15px;
    2034         padding-top: 4px;
    2035         text-align: center;
    2036 
    2037 }
    2038 .wp-caption img {
    2039         margin: 0;
    2040         padding: 0;
    2041         border: 0 none;
    2042 }
    2043 dd.wp-caption p.wp-caption-text,
    2044 .wp-caption p.wp-caption-text {
    2045         font-size: 0.9em;
    2046         line-height: 17px;
    2047         padding: 5px 4px 5px 0;
    2048         margin: 0;
    2049 }
    2050 #content .gallery {
    2051         margin: 0 auto 15px;
    2052 }
    2053 #content .gallery .gallery-item {
    2054         margin-bottom: 0;
    2055         margin-left: 0;
    2056 }
    2057 .gallery-item img {
    2058         margin-bottom: 15px;
    2059 }
    2060 .gallery .gallery-caption {
    2061         color: #555;
    2062 }
    2063 
    2064 
    2065 /*--------------------------------------------------------------
    2066 8.4 - Images
    2067 --------------------------------------------------------------*/
    2068 img.avatar {
    2069         float: left;
    2070         border: 2px solid #eee;
    2071 }
    2072 img.wp-smiley {
    2073         padding: 0 !important;
    2074         margin: 0 !important;
    2075         border: none !important;
    2076         float: none !important;
    2077         clear: none !important;
    2078 }
    2079 img.centered,
    2080 img.aligncenter {
    2081         display: block;
    2082         margin-left: auto;
    2083         margin-right: auto;
    2084 }
    2085 img.alignright {
    2086         padding: 4px;
    2087         margin: 0 0 2px 7px;
    2088         display: inline;
    2089 }
    2090 img.alignleft {
    2091         padding: 4px;
    2092         margin: 0 7px 2px 0;
    2093         display: inline;
    2094 }
    2095 
    2096 
    2097 /*--------------------------------------------------------------
    2098 8.5 - Lists
    2099 --------------------------------------------------------------*/
    2100 div.page ul,
    2101 div.page ol,
    2102 div.page dl,
    2103 div.post ul,
    2104 div.post ol,
    2105 div.post dl {
    2106         margin: 0 0 18px 1.5em;
    2107 }
    2108 div.page ul,
    2109 div.post ul {
    2110         list-style: square;
    2111 }
    2112 div.page ol,
    2113 div.post ol {
    2114         list-style: decimal;
    2115 }
    2116 div.page ol ol,
    2117 div.post ol ol {
    2118         list-style: upper-alpha;
    2119 }
    2120 dl {
    2121         margin-left: 0;
    2122 }
    2123 dt {
    2124         font-size: 14px;
    2125         font-weight: bold;
    2126 }
    2127 dd {
    2128         margin: 0 0 15px 0;
    2129 }
    2130 
    2131 
    2132 /*--------------------------------------------------------------
    2133 8.6 - Posts
    2134 --------------------------------------------------------------*/
    2135 .sticky .date {
    2136         background: #fff9db;
    2137         border-top: 1px solid #ffe8c4;
    2138         border-bottom: 1px solid #ffe8c4;
    2139         color: #ffa200;
    2140         padding: 5px;
    2141 }
    2142 div.page,
    2143 div.post,
    2144 div.attachment {
    2145         margin: 0 0 30px 0;
    2146         overflow: hidden;
    2147 }
    2148 div.page:last-child,
    2149 div.post:last-child,
    2150 div.item-body:last-child,
    2151 #trackbacklist {
    2152         margin-bottom: 0;
    2153 }
    2154 h2.pagetitle,
    2155 h2.posttitle {
    2156         margin: 0;
    2157         line-height: 120%;
    2158 }
    2159 h2.pagetitle a,
    2160 h2.posttitle a {
    2161         color: #666;
    2162         text-decoration: none;
    2163 }
    2164 .edit-link,
    2165 .page-link {
    2166         clear: both;
    2167         font-weight: bold;
    2168 }
    2169 pre, blockquote {
    2170         margin-bottom: 20px;
    2171 }
    2172 pre,
    2173 code p {
    2174         background: #f4f4f4;
    2175         -moz-border-radius: 3px;
    2176         -webkit-border-radius: 3px;
    2177         border-radius: 3px;
    2178         padding: 15px;
    2179 }
    2180 code {
    2181         font-family: "Monaco", courier, sans-serif;
    2182 }
    2183 blockquote {
    2184         quotes: none;
    2185         font-style: italic;
    2186         padding: 0 3em;
    2187         font-family: georgia, times, serif;
    2188         font-size: 16px;
    2189         line-height: 150%;
    2190 }
    2191 blockquote p {
    2192         margin-bottom: 15px !importantr;
    2193 }
    2194 div.post table,
    2195 div.page table {
    2196         margin-bottom: 15px;
    2197         border-collapse: collapse;
    2198         border-spacing: 0;
    2199         border: 1px solid #eee;
    2200 }
    2201 div.post table th,
    2202 div.page table th {
    2203         border-top: 1px solid #eee;
    2204         text-align: left;
    2205 }
    2206 div.post table td,
    2207 div.page table td {
    2208         border-top: 1px solid #eee;
    2209 }
    2210 div.author-box {
    2211         background: #f0f0f0;
    2212         -moz-border-radius: 3px;
    2213         -webkit-border-radius: 3px;
    2214         border-radius: 3px;
    2215         float: left;
    2216         font-family: georgia, times, serif;
    2217         font-style: italic;
    2218         margin: 0 15px 15px 0;
    2219         padding: 10px;
    2220         text-align: center;
    2221         width: 70px;
    2222 }
    2223 div.author-box p,
    2224 div.comment-avatar-box p {
    2225         margin: 5px 0 0;
    2226 }
    2227 div.author-box a,
    2228 div.comment-avatar-box a {
    2229         text-decoration: none;
    2230 }
    2231 div.author-box img {
    2232         float: none;
    2233         border: 4px solid #fff;
    2234         margin: 0;
    2235 }
    2236 div.post-content {
    2237         margin-left: 105px;
    2238 }
    2239 p.date span:first-child {
    2240         font-style: italic;
    2241 }
    2242 div.post .entry {
    2243         margin-bottom: 15px;
    2244 }
    2245 p.date,
    2246 p.postmetadata {
    2247         color: #888;
    2248         font-size: 12px;
    2249         font-family: Georgia, times, serif;
    2250         padding: 3px 0;
    2251         margin: 10px 0;
    2252         border-bottom: 1px solid #e4e4e4;
    2253         border-top: 1px solid #e4e4e4;
    2254 }
    2255 p.postmetadata {
    2256         clear: left;
    2257         overflow: hidden;
    2258 }
    2259 .tags {
    2260         float: left;
    22612242}
    2262  No newline at end of file