wp-content/themes/twentyeleven/style.css

   1 /*
   2 Theme Name: Twenty Eleven
   3 Theme URI: http://wordpress.org/extend/themes/twentyeleven
   4 Author: the WordPress team
   5 Author URI: http://wordpress.org/
   6 Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
   7 Version: 1.1
   8 License: GNU General Public License
   9 License URI: license.txt
  10 Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
  11 */
  12
  13 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  14 -------------------------------------------------------------- */
  15
  16 html, body, div, span, applet, object, iframe,
  17 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  18 a, abbr, acronym, address, big, cite, code,
  19 del, dfn, em, font, ins, kbd, q, s, samp,
  20 small, strike, strong, sub, sup, tt, var,
  21 dl, dt, dd, ol, ul, li,
  22 fieldset, form, label, legend,
  23 table, caption, tbody, tfoot, thead, tr, th, td {
  24         border: 0;
  25         font-family: inherit;
  26         font-size: 100%;
  27         font-style: inherit;
  28         font-weight: inherit;
  29         margin: 0;
  30         outline: 0;
  31         padding: 0;
  32         vertical-align: baseline;
  33 }
  34 :focus {/* remember to define focus styles! */
  35         outline: 0;
  36 }
  37 body {
  38         background: #fff;
  39         line-height: 1;
  40 }
  41 ol, ul {
  42         list-style: none;
  43 }
  44 table {/* tables still need 'cellspacing="0"' in the markup */
  45         border-collapse: separate;
  46         border-spacing: 0;
  47 }
  48 caption, th, td {
  49         font-weight: normal;
  50         text-align: left;
  51 }
  52 blockquote:before, blockquote:after,
  53 q:before, q:after {
  54         content: "";
  55 }
  56 blockquote, q {
  57         quotes: "" "";
  58 }
  59 a img {
  60         border: 0;
  61 }
  62 article, aside, details, figcaption, figure,
  63 footer, header, hgroup, menu, nav, section {
  64         display: block;
  65 }
  66
  67
  68 /* =Structure
  69 ----------------------------------------------- */
  70
  71 body {
  72         padding: 0 2em;
  73 }
  74 #page {
  75         margin: 2em auto;
  76         max-width: 1000px;
  77 }
  78 #branding hgroup {
  79         margin: 0 7.6%;
  80 }
  81 #access div {
  82         margin: 0 7.6%;
  83 }
  84 #primary {
  85         float: left;
  86         margin: 0 -26.4% 0 0;
  87         width: 100%;
  88 }
  89 #content {
  90         margin: 0 34% 0 7.6%;
  91         width: 58.4%;
  92 }
  93 #secondary {
  94         float: right;
  95         margin-right: 7.6%;
  96         width: 18.8%;
  97 }
  98
  99 /* Singular */
 100 .singular #primary {
 101         margin: 0;
 102 }
 103 .singular #content,
 104 .left-sidebar.singular #content {
 105         margin: 0 7.6%;
 106         position: relative;
 107         width: auto;
 108 }
 109 .singular .entry-header,
 110 .singular .entry-content,
 111 .singular footer.entry-meta,
 112 .singular #comments-title {
 113         margin: 0 auto;
 114         width: 68.9%;
 115 }
 116
 117 /* Attachments */
 118 .singular .image-attachment .entry-content {
 119         margin: 0 auto;
 120         width: auto;
 121 }
 122 .singular .image-attachment .entry-description {
 123         margin: 0 auto;
 124         width: 68.9%;
 125 }
 126
 127 /* Showcase */
 128 .page-template-showcase-php #primary,
 129 .left-sidebar.page-template-showcase-php #primary {
 130         margin: 0;
 131 }
 132 .page-template-showcase-php #content,
 133 .left-sidebar.page-template-showcase-php #content {
 134         margin: 0 7.6%;
 135         width: auto;
 136 }
 137 .page-template-showcase-php section.recent-posts {
 138         float: right;
 139         margin: 0 0 0 31%;
 140         width: 69%;
 141 }
 142 .page-template-showcase-php #main .widget-area {
 143         float: left;
 144         margin: 0 -22.15% 0 0;
 145         width: 22.15%;
 146 }
 147
 148 /* error404 */
 149 .error404 #primary {
 150         float: none;
 151         margin: 0;
 152 }
 153 .error404 #primary #content {
 154         margin: 0 7.6%;
 155         width: auto;
 156 }
 157
 158 /* Alignment */
 159 .alignleft {
 160         display: inline;
 161         float: left;
 162         margin-right: 1.625em;
 163 }
 164 .alignright {
 165         display: inline;
 166         float: right;
 167         margin-left: 1.625em;
 168 }
 169 .aligncenter {
 170         clear: both;
 171         display: block;
 172         margin-left: auto;
 173         margin-right: auto;
 174 }
 175
 176 /* Right Content */
 177 .left-sidebar #primary {
 178         float: right;
 179         margin: 0 0 0 -26.4%;
 180         width: 100%;
 181 }
 182 .left-sidebar #content {
 183         margin: 0 7.6% 0 34%;
 184         width: 58.4%;
 185 }
 186 .left-sidebar #secondary {
 187         float: left;
 188         margin-left: 7.6%;
 189         margin-right: 0;
 190         width: 18.8%;
 191 }
 192
 193 /* One column */
 194 .one-column #page {
 195         max-width: 690px;
 196 }
 197 .one-column #content {
 198         margin: 0 7.6%;
 199         width: auto;
 200 }
 201 .one-column #nav-below {
 202         border-bottom: 1px solid #ddd;
 203         margin-bottom: 1.625em;
 204 }
 205 .one-column #secondary {
 206         float: none;
 207         margin: 0 7.6%;
 208         width: auto;
 209 }
 210 /* Simplify the showcase template */
 211 .one-column .page-template-showcase-php section.recent-posts {
 212         float: none;
 213         margin: 0;
 214         width: 100%;
 215 }
 216 .one-column .page-template-showcase-php #main .widget-area {
 217         float: none;
 218         margin: 0;
 219         width: auto;
 220 }
 221 .one-column .page-template-showcase-php .other-recent-posts {
 222         border-bottom: 1px solid #ddd;
 223 }
 224 /* Simplify the showcase template when small feature */
 225 .one-column section.featured-post .attachment-small-feature {
 226         border: none;
 227         display: block;
 228         height: auto;
 229         max-width: 60%;
 230         position: static;
 231 }
 232 .one-column article.feature-image.small {
 233         margin: 0 0 1.625em;
 234         padding: 0;
 235 }
 236 .one-column article.feature-image.small .entry-title {
 237         font-size: 20px;
 238         line-height: 1.3em;
 239 }
 240 .one-column article.feature-image.small .entry-summary {
 241         height: 150px;
 242         overflow: hidden;
 243         padding: 0;
 244         text-overflow: ellipsis;
 245 }
 246 .one-column article.feature-image.small .entry-summary a {
 247         left: -9%;
 248 }
 249 /* Remove the margin on singular articles */
 250 .one-column.singular .entry-header,
 251 .one-column.singular .entry-content,
 252 .one-column.singular footer.entry-meta,
 253 .one-column.singular #comments-title {
 254         width: 100%;
 255 }
 256 /* Simplify the pullquotes and pull styles */
 257 .one-column.singular blockquote.pull {
 258         margin: 0 0 1.625em;
 259 }
 260 .one-column.singular .pull.alignleft {
 261         margin: 0 1.625em 0 0;
 262 }
 263 .one-column.singular .pull.alignright {
 264         margin: 0 0 0 1.625em;
 265 }
 266 .one-column.singular .entry-meta .edit-link a {
 267         position: absolute;
 268         left: 0;
 269         top: 40px;
 270 }
 271 .one-column.singular #author-info {
 272         margin: 2.2em -8.8% 0;
 273         padding: 20px 8.8%;
 274 }
 275 /* Make sure we have room for our comment avatars */
 276 .one-column .commentlist > li.comment {
 277         margin-left: 102px;
 278         width: auto;
 279 }
 280 /* Make sure the logo and search form don't collide */
 281 .one-column #branding #searchform {
 282         right: 40px;
 283         top: 4em;
 284 }
 285 /* Talking avatars take up too much room at this size */
 286 .one-column .commentlist > li.comment {
 287         margin-left: 0;
 288 }
 289 .one-column .commentlist > li.comment .comment-meta,
 290 .one-column .commentlist > li.comment .comment-content {
 291         margin-right: 85px;
 292 }
 293 .one-column .commentlist .avatar {
 294         background: transparent;
 295         display: block;
 296         padding: 0;
 297         top: 1.625em;
 298         left: auto;
 299         right: 1.625em;
 300 }
 301 .one-column .commentlist .children .avatar {
 302         background: none;
 303         padding: 0;
 304         position: absolute;
 305         top: 2.2em;
 306         left: 2.2em;
 307 }
 308 .one-column #respond {
 309         width: auto;
 310 }
 311
 312
 313 /* =Global
 314 ----------------------------------------------- */
 315
 316 body, input, textarea {
 317         color: #373737;
 318         font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
 319         font-weight: 300;
 320         line-height: 1.625;
 321 }
 322 body {
 323         background: #e2e2e2;
 324 }
 325 #page {
 326         background: #fff;
 327 }
 328
 329 /* Headings */
 330 h1,h2,h3,h4,h5,h6 {
 331         clear: both;
 332 }
 333 hr {
 334         background-color: #ccc;
 335         border: 0;
 336         height: 1px;
 337         margin-bottom: 1.625em;
 338 }
 339
 340 /* Text elements */
 341 p {
 342         margin-bottom: 1.625em;
 343 }
 344 ul, ol {
 345         margin: 0 0 1.625em 2.5em;
 346 }
 347 ul {
 348         list-style: square;
 349 }
 350 ol {
 351         list-style-type: decimal;
 352 }
 353 ol ol {
 354         list-style: upper-alpha;
 355 }
 356 ol ol ol {
 357         list-style: lower-roman;
 358 }
 359 ol ol ol ol {
 360         list-style: lower-alpha;
 361 }
 362 ul ul, ol ol, ul ol, ol ul {
 363         margin-bottom: 0;
 364 }
 365 dl {
 366         margin: 0 1.625em;
 367 }
 368 dt {
 369         font-weight: bold;
 370 }
 371 dd {
 372         margin-bottom: 1.625em;
 373 }
 374 strong {
 375         font-weight: bold;
 376 }
 377 cite, em, i {
 378         font-style: italic;
 379 }
 380 blockquote {
 381         font-family: Georgia, "Bitstream Charter", serif;
 382         font-style: italic;
 383         font-weight: normal;
 384         margin: 0 3em;
 385 }
 386 blockquote em, blockquote i, blockquote cite {
 387         font-style: normal;
 388 }
 389 blockquote cite {
 390         color: #666;
 391         font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
 392         font-weight: 300;
 393         letter-spacing: 0.05em;
 394         text-transform: uppercase;
 395 }
 396 pre {
 397         background: #f4f4f4;
 398         font: 13px "Courier 10 Pitch", Courier, monospace;
 399         line-height: 1.5;
 400         margin-bottom: 1.625em;
 401         overflow: auto;
 402         padding: 0.75em 1.625em;
 403 }
 404 code, kbd {
 405         font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 406 }
 407 abbr, acronym, dfn {
 408         border-bottom: 1px dotted #666;
 409         cursor: help;
 410 }
 411 address {
 412         display: block;
 413         margin: 0 0 1.625em;
 414 }
 415 ins {
 416         background: #fff9c0;
 417         text-decoration: none;
 418 }
 419 sup,
 420 sub {
 421         font-size: 10px;
 422         height: 0;
 423         line-height: 1;
 424         position: relative;
 425         vertical-align: baseline;
 426 }
 427 sup {
 428         bottom: 1ex;
 429 }
 430 sub {
 431         top: .5ex;
 432 }
 433
 434 /* Forms */
 435 input[type=text],
 436 input[type=password],
 437 textarea {
 438         background: #fafafa;
 439         -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 440         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 441         box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 442         border: 1px solid #ddd;
 443         color: #888;
 444 }
 445 input[type=text]:focus,
 446 textarea:focus {
 447         color: #373737;
 448 }
 449 textarea {
 450         padding-left: 3px;
 451         width: 98%;
 452 }
 453 input[type=text] {
 454         padding: 3px;
 455 }
 456 input#s {
 457         background: url(images/search.png) no-repeat 5px 6px;
 458         -moz-border-radius: 2px;
 459         border-radius: 2px;
 460         font-size: 14px;
 461         height: 22px;
 462         line-height: 1.2em;
 463         padding: 4px 10px 4px 28px;
 464 }
 465 input#searchsubmit {
 466         display: none;
 467 }
 468
 469 /* Links */
 470 a {
 471         color: #1982d1;
 472         text-decoration: none;
 473 }
 474 a:focus,
 475 a:active,
 476 a:hover {
 477         text-decoration: underline;
 478 }
 479
 480 /* Assistive text */
 481 .assistive-text {
 482         position: absolute !important;
 483         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 484         clip: rect(1px, 1px, 1px, 1px);
 485 }
 486 #access a.assistive-text:active,
 487 #access a.assistive-text:focus {
 488         background: #eee;
 489         border-bottom: 1px solid #ddd;
 490         color: #1982d1;
 491         clip: auto !important;
 492         font-size: 12px;
 493         position: absolute;
 494         text-decoration: underline;
 495         top: 0;
 496         left: 7.6%;
 497 }
 498
 499
 500 /* =Header
 501 ----------------------------------------------- */
 502
 503 #branding {
 504         border-top: 2px solid #bbb;
 505         padding-bottom: 10px;
 506         position: relative;
 507         z-index: 2;
 508 }
 509 #site-title {
 510         margin-right: 270px;
 511         padding: 3.65625em 0 0;
 512 }
 513 #site-title a {
 514         color: #111;
 515         font-size: 30px;
 516         font-weight: bold;
 517         line-height: 36px;
 518         text-decoration: none;
 519 }
 520 #site-title a:hover,
 521 #site-title a:focus,
 522 #site-title a:active {
 523         color: #1982d1;
 524 }
 525 #site-description {
 526         color: #7a7a7a;
 527         font-size: 14px;
 528         margin: 0 270px 3.65625em 0;
 529 }
 530 #branding img {
 531         height: auto;
 532         margin-bottom: -7px;
 533         width: 100%;
 534 }
 535
 536
 537 /* =Menu
 538 -------------------------------------------------------------- */
 539
 540 #access {
 541         background: #222; /* Show a solid color for older browsers */
 542         background: -moz-linear-gradient(#252525, #0a0a0a);
 543         background: -o-linear-gradient(#252525, #0a0a0a);
 544         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
 545         background: -webkit-linear-gradient(#252525, #0a0a0a);
 546         -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 547         -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 548         box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 549         clear: both;
 550         display: block;
 551         float: left;
 552         margin: 0 auto 6px;
 553         width: 100%;
 554 }
 555 #access ul {
 556         font-size: 13px;
 557         list-style: none;
 558         margin: 0 0 0 -0.8125em;
 559         padding-left: 0;
 560 }
 561 #access li {
 562         float: left;
 563         position: relative;
 564 }
 565 #access a {
 566         color: #eee;
 567         display: block;
 568         line-height: 3.333em;
 569         padding: 0 1.2125em;
 570         text-decoration: none;
 571 }
 572 #access ul ul {
 573         -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 574         -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 575         box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 576         display: none;
 577         float: left;
 578         margin: 0;
 579         position: absolute;
 580         top: 3.333em;
 581         left: 0;
 582         width: 188px;
 583         z-index: 99999;
 584 }
 585 #access ul ul ul {
 586         left: 100%;
 587         top: 0;
 588 }
 589 #access ul ul a {
 590         background: #f9f9f9;
 591         border-bottom: 1px dotted #ddd;
 592         color: #444;
 593         font-size: 13px;
 594         font-weight: normal;
 595         height: auto;
 596         line-height: 1.4em;
 597         padding: 10px 10px;
 598         width: 168px;
 599 }
 600 #access li:hover > a,
 601 #access ul ul :hover > a,
 602 #access a:focus {
 603         background: #efefef;
 604 }
 605 #access li:hover > a,
 606 #access a:focus {
 607         background: #f9f9f9; /* Show a solid color for older browsers */
 608         background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
 609         background: -o-linear-gradient(#f9f9f9, #e5e5e5);
 610         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
 611         background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
 612         color: #373737;
 613 }
 614 #access ul li:hover > ul {
 615         display: block;
 616 }
 617 #access .current_page_item > a,
 618 #access .current_page_ancestor > a {
 619         font-weight: bold;
 620 }
 621
 622 /* Search Form */
 623 #branding #searchform {
 624         position: absolute;
 625         top: 3.8em;
 626         right: 7.6%;
 627         text-align: right;
 628 }
 629 #branding #searchform div {
 630         margin: 0;
 631 }
 632 #branding #s {
 633         float: right;
 634         -webkit-transition-duration: 400ms;
 635         -webkit-transition-property: width, background;
 636         -webkit-transition-timing-function: ease;
 637         -moz-transition-duration: 400ms;
 638         -moz-transition-property: width, background;
 639         -moz-transition-timing-function: ease;
 640         -o-transition-duration: 400ms;
 641         -o-transition-property: width, background;
 642         -o-transition-timing-function: ease;
 643         width: 72px;
 644 }
 645 #branding #s:focus {
 646         background-color: #f9f9f9;
 647         width: 196px;
 648 }
 649 #branding #searchsubmit {
 650         display: none;
 651 }
 652 #branding .only-search #searchform {
 653         top: 5px;
 654         z-index: 1;
 655 }
 656 #branding .only-search #s {
 657         background-color: #666;
 658         border-color: #000;
 659         color: #222;
 660 }
 661 #branding .only-search #s,
 662 #branding .only-search #s:focus {
 663         width: 85%;
 664 }
 665 #branding .only-search #s:focus {
 666         background-color: #bbb;
 667 }
 668 #branding .with-image #searchform {
 669         top: auto;
 670         bottom: -27px;
 671 }
 672 #branding .only-search + #access div {
 673         padding-right: 205px;
 674 }
 675
 676
 677 /* =Content
 678 ----------------------------------------------- */
 679
 680 #main {
 681         clear: both;
 682         padding: 1.625em 0 0;
 683 }
 684 .page-title {
 685         color: #666;
 686         font-size: 10px;
 687         font-weight: 500;
 688         letter-spacing: 0.1em;
 689         line-height: 2.6em;
 690         margin: 0 0 2.6em;
 691         text-transform: uppercase;
 692 }
 693 .page-title a {
 694         font-size: 12px;
 695         font-weight: bold;
 696         letter-spacing: 0;
 697         text-transform: none;
 698 }
 699 .hentry,
 700 .no-results {
 701         border-bottom: 1px solid #ddd;
 702         margin: 0 0 1.625em;
 703         padding: 0 0 1.625em;
 704         position: relative;
 705 }
 706 .hentry:last-child,
 707 .no-results {
 708         border-bottom: none;
 709 }
 710 .blog .sticky .entry-header .entry-meta {
 711         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 712         clip: rect(1px, 1px, 1px, 1px);
 713         position: absolute !important;
 714 }
 715 .entry-title,
 716 .entry-header .entry-meta {
 717         padding-right: 76px;
 718 }
 719 .entry-title {
 720         clear: both;
 721         color: #222;
 722         font-size: 26px;
 723         font-weight: bold;
 724         line-height: 1.5em;
 725         padding-bottom: .3em;
 726         padding-top: 15px;
 727 }
 728 .entry-title,
 729 .entry-title a {
 730         color: #222;
 731         text-decoration: none;
 732 }
 733 .entry-title a:hover,
 734 .entry-title a:focus,
 735 .entry-title a:active {
 736         color: #1982d1;
 737 }
 738 .entry-meta {
 739         color: #666;
 740         clear: both;
 741         font-size: 12px;
 742         line-height: 18px;
 743 }
 744 .entry-meta a {
 745         font-weight: bold;
 746 }
 747 .single-author .entry-meta .by-author {
 748         display: none;
 749 }
 750 .entry-content,
 751 .entry-summary {
 752         padding: 1.625em 0 0;
 753 }
 754 .entry-content h1,
 755 .entry-content h2,
 756 .comment-content h1,
 757 .comment-content h2 {
 758         color: #000;
 759         font-weight: bold;
 760         margin: 0 0 .8125em;
 761 }
 762 .entry-content h3,
 763 .comment-content h3 {
 764         font-size: 10px;
 765         letter-spacing: 0.1em;
 766         line-height: 2.6em;
 767         text-transform: uppercase;
 768 }
 769 .entry-content table,
 770 .comment-content table {
 771         border-bottom: 1px solid #ddd;
 772         margin: 0 0 1.625em;
 773         width: 100%;
 774 }
 775 .entry-content th,
 776 .comment-content th {
 777         color: #666;
 778         font-size: 10px;
 779         font-weight: 500;
 780         letter-spacing: 0.1em;
 781         line-height: 2.6em;
 782         text-transform: uppercase;
 783 }
 784 .entry-content td,
 785 .comment-content td {
 786         border-top: 1px solid #ddd;
 787         padding: 6px 10px 6px 0;
 788 }
 789 .entry-content #s {
 790         width: 75%;
 791 }
 792 .comment-content ul,
 793 .comment-content ol {
 794         margin-bottom: 1.625em;
 795 }
 796 .comment-content ul ul,
 797 .comment-content ol ol,
 798 .comment-content ul ol,
 799 .comment-content ol ul {
 800         margin-bottom: 0;
 801 }
 802 dl.gallery-item {
 803         margin: 0;
 804 }
 805 .page-link {
 806         clear: both;
 807         display: block;
 808         margin: 0 0 1.625em;
 809 }
 810 .page-link a {
 811         background: #eee;
 812         color: #373737;
 813         margin: 0;
 814         padding: 2px 3px;
 815         text-decoration: none;
 816 }
 817 .page-link a:hover {
 818         background: #888;
 819         color: #fff;
 820         font-weight: bold;
 821 }
 822 .page-link span {
 823         margin-right: 6px;
 824 }
 825 .entry-meta .edit-link a,
 826 .commentlist .edit-link a {
 827         background: #eee;
 828         -moz-border-radius: 3px;
 829         border-radius: 3px;
 830         color: #666;
 831         float: right;
 832         font-size: 12px;
 833         line-height: 1.5em;
 834         font-weight: 300;
 835         text-decoration: none;
 836         padding: 0 8px;
 837 }
 838 .entry-meta .edit-link a:hover,
 839 .commentlist .edit-link a:hover {
 840         background: #888;
 841         color: #fff;
 842 }
 843 .entry-content .edit-link {
 844         clear: both;
 845         display: block;
 846 }
 847
 848 /* Images */
 849 .entry-content img,
 850 .comment-content img,
 851 .widget img {
 852         max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
 853 }
 854 img[class*="align"],
 855 img[class*="wp-image-"] {
 856         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 857 }
 858 img.size-full {
 859         max-width: 97.5%;
 860         width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
 861 }
 862 .entry-content img.wp-smiley {
 863         border: none;
 864         margin-bottom: 0;
 865         margin-top: 0;
 866         padding: 0;
 867 }
 868 img.alignleft,
 869 img.alignright,
 870 img.aligncenter {
 871         margin-bottom: 1.625em;
 872 }
 873 p img,
 874 .wp-caption {
 875         margin-top: 0.4em;
 876 }
 877 .wp-caption {
 878         background: #eee;
 879         margin-bottom: 1.625em;
 880         max-width: 96%;
 881         padding: 9px;
 882 }
 883 .wp-caption img {
 884         display: block;
 885         margin: 0 auto;
 886         max-width: 98%;
 887 }
 888 .wp-caption .wp-caption-text,
 889 .gallery-caption {
 890         color: #666;
 891         font-family: Georgia, serif;
 892         font-size: 12px;
 893 }
 894 .wp-caption .wp-caption-text {
 895         margin-bottom: 0.6em;
 896         padding: 10px 0 5px 40px;
 897         position: relative;
 898 }
 899 .wp-caption .wp-caption-text:before {
 900         color: #666;
 901         content: '\2014';
 902         font-size: 14px;
 903         font-style: normal;
 904         font-weight: bold;
 905         margin-right: 5px;
 906         position: absolute;
 907         left: 10px;
 908         top: 7px;
 909 }
 910 #content .gallery {
 911         margin: 0 auto 1.625em;
 912 }
 913 #content .gallery a img {
 914         border: none;
 915 }
 916 img#wpstats {
 917         display: block;
 918         margin: 0 auto 1.625em;
 919 }
 920 #content .gallery-columns-4 .gallery-item {
 921         width: 23%;
 922         padding-right: 2%;
 923 }
 924 #content .gallery-columns-4 .gallery-item img {
 925         width: 100%;
 926         height: auto;
 927 }
 928
 929 /* Image borders */
 930 img[class*="align"],
 931 img[class*="wp-image-"],
 932 #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 933         border: 1px solid #ddd;
 934         padding: 6px;
 935 }
 936 .wp-caption img {
 937         border-color: #eee;
 938 }
 939 a:focus img[class*="align"],
 940 a:hover img[class*="align"],
 941 a:active img[class*="align"],
 942 a:focus img[class*="wp-image-"],
 943 a:hover img[class*="wp-image-"],
 944 a:active img[class*="wp-image-"],
 945 #content .gallery .gallery-icon a:focus img,
 946 #content .gallery .gallery-icon a:hover img,
 947 #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
 948         background: #eee;
 949         border-color: #bbb;
 950 }
 951 .wp-caption a:focus img,
 952 .wp-caption a:active img,
 953 .wp-caption a:hover img {/* ... including captioned images! */
 954         background: #fff;
 955         border-color: #ddd;
 956 }
 957
 958 /* Password Protected Posts */
 959 .post-password-required .entry-header .comments-link {
 960         margin: 1.625em 0 0;
 961 }
 962 .post-password-required input[type=password] {
 963         margin: 0.8125em 0;
 964 }
 965 .post-password-required input[type=password]:focus {
 966         background: #f7f7f7;
 967 }
 968
 969 /* Author Info */
 970 #author-info {
 971         font-size: 12px;
 972         overflow: hidden;
 973 }
 974 .singular #author-info {
 975         background: #f9f9f9;
 976         border-top: 1px solid #ddd;
 977         border-bottom: 1px solid #ddd;
 978         margin: 2.2em -35.6% 0 -35.4%;
 979         padding: 20px 35.4%;
 980 }
 981 .archive #author-info {
 982         border-bottom: 1px solid #ddd;
 983         margin: 0 0 2.2em;
 984         padding: 0 0 2.2em;
 985 }
 986 #author-avatar {
 987         float: left;
 988         margin-right: -78px;
 989 }
 990 #author-avatar img {
 991         background: #fff;
 992         -moz-border-radius: 3px;
 993         border-radius: 3px;
 994         -webkit-box-shadow: 0 1px 2px #bbb;
 995         -moz-box-shadow: 0 1px 2px #bbb;
 996         box-shadow: 0 1px 2px #bbb;
 997         padding: 3px;
 998 }
 999 #author-description {
1000         float: left;
1001         margin-left: 108px;
1002 }
1003 #author-description h2 {
1004         color: #000;
1005         font-size: 15px;
1006         font-weight: bold;
1007         margin: 5px 0 10px;
1008 }
1009
1010 /* Comments link */
1011 .entry-header .comments-link a {
1012         background: #eee url(images/comment-bubble.png) no-repeat;
1013         color: #666;
1014         font-size: 13px;
1015         font-weight: normal;
1016         line-height: 35px;
1017         overflow: hidden;
1018         padding: 0 0 0;
1019         position: absolute;
1020         top: 1.5em;
1021         right: 0;
1022         text-align: center;
1023         text-decoration: none;
1024         width: 43px;
1025         height: 36px;
1026 }
1027 .entry-header .comments-link a:hover,
1028 .entry-header .comments-link a:focus,
1029 .entry-header .comments-link a:active {
1030         background-color: #1982d1;
1031         color: #fff;
1032         color: rgba(255,255,255,0.8);
1033 }
1034 .entry-header .comments-link .leave-reply {
1035         visibility: hidden;
1036 }
1037
1038 /*
1039 Post Formats Headings
1040 To hide the headings, display: none the ".entry-header .entry-format" selector,
1041 and remove the padding rules below.
1042 */
1043 .entry-header .entry-format {
1044         color: #666;
1045         font-size: 10px;
1046         font-weight: 500;
1047         letter-spacing: 0.1em;
1048         line-height: 2.6em;
1049         position: absolute;
1050         text-transform: uppercase;
1051         top: -5px;
1052 }
1053 .entry-header hgroup .entry-title {
1054         padding-top: 15px;
1055 }
1056 article.format-aside .entry-content,
1057 article.format-link .entry-content,
1058 article.format-status .entry-content {
1059         padding: 20px 0 0;
1060 }
1061 .recent-posts .entry-header .entry-format {
1062         display: none;
1063 }
1064 .recent-posts .entry-header hgroup .entry-title {
1065         padding-top: 0;
1066 }
1067
1068 /* Singular content styles for Posts and Pages */
1069 .singular .hentry {
1070         border-bottom: none;
1071         padding: 4.875em 0 0;
1072         position: relative;
1073 }
1074 .singular.page .hentry {
1075         padding: 3.5em 0 0;
1076 }
1077 .singular .entry-title {
1078         color: #000;
1079         font-size: 36px;
1080         font-weight: bold;
1081         line-height: 48px;
1082 }
1083 .singular .entry-title,
1084 .singular .entry-header .entry-meta {
1085         padding-right: 0;
1086 }
1087 .singular .entry-header .entry-meta {
1088         position: absolute;
1089         top: 0;
1090         left: 0;
1091 }
1092 blockquote.pull {
1093         font-size: 21px;
1094         font-weight: bold;
1095         line-height: 1.6125em;
1096         margin: 0 0 1.625em;
1097         text-align: center;
1098 }
1099 .singular blockquote.pull {
1100         margin: 0 -22.25% 1.625em;
1101 }
1102 .pull.alignleft {
1103         margin: 0 1.625em 0 0;
1104         text-align: right;
1105         width: 33%;
1106 }
1107 .singular .pull.alignleft {
1108         margin: 0 1.625em 0 -22.25%;
1109 }
1110 .pull.alignright {
1111         margin: 0 0 0 1.625em;
1112         text-align: left;
1113         width: 33%;
1114 }
1115 .singular .pull.alignright {
1116         margin: 0 -22.25% 0 1.625em;
1117 }
1118 .singular blockquote.pull.alignleft,
1119 .singular blockquote.pull.alignright {
1120         width: 33%;
1121 }
1122 .singular .entry-meta .edit-link a {
1123         bottom: auto;
1124         left: 50px;
1125         position: absolute;
1126         right: auto;
1127         top: 80px;
1128 }
1129
1130
1131 /* =Aside
1132 ----------------------------------------------- */
1133
1134 .format-aside .entry-title,
1135 .format-aside .entry-header .comments-link {
1136         display: none;
1137 }
1138 .singular .format-aside .entry-title {
1139         display: block;
1140 }
1141 .format-aside .entry-content {
1142         padding: 0;
1143 }
1144 .singular .format-aside .entry-content {
1145         padding: 1.625em 0 0;
1146 }
1147
1148
1149 /* =Link
1150 ----------------------------------------------- */
1151
1152 .format-link .entry-title,
1153 .format-link .entry-header .comments-link {
1154         display: none;
1155 }
1156 .singular .format-link .entry-title {
1157         display: block;
1158 }
1159 .format-link .entry-content {
1160         padding: 0;
1161 }
1162 .singular .format-link .entry-content {
1163         padding: 1.625em 0 0;
1164 }
1165
1166
1167 /* =Gallery
1168 ----------------------------------------------- */
1169
1170 .format-gallery .gallery-thumb {
1171         float: left;
1172         display: block;
1173         margin: .375em 1.625em 0 0;
1174 }
1175
1176
1177 /* =Status
1178 ----------------------------------------------- */
1179
1180 .format-status .entry-title,
1181 .format-status .entry-header .comments-link {
1182         display: none;
1183 }
1184 .singular .format-status .entry-title {
1185         display: block;
1186 }
1187 .format-status .entry-content {
1188         padding: 0;
1189 }
1190 .singular .format-status .entry-content {
1191         padding: 1.625em 0 0;
1192 }
1193 .format-status img.avatar {
1194         -moz-border-radius: 3px;
1195         border-radius: 3px;
1196         -webkit-box-shadow: 0 1px 2px #ccc;
1197         -moz-box-shadow: 0 1px 2px #ccc;
1198         box-shadow: 0 1px 2px #ccc;
1199         float: left;
1200         margin: 4px 10px 2px 0;
1201         padding: 0;
1202 }
1203
1204
1205 /* =Quote
1206 ----------------------------------------------- */
1207
1208 .format-quote blockquote {
1209         color: #555;
1210         font-size: 17px;
1211         margin: 0;
1212 }
1213
1214
1215 /* =Image
1216 ----------------------------------------------- */
1217
1218 .indexed.format-image .entry-header {
1219         min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1220 }
1221 .indexed.format-image .entry-content {
1222         padding-top: 0.5em;
1223 }
1224 .indexed.format-image p,
1225 .indexed.format-image p img {
1226         margin-bottom: 0;
1227 }
1228 .indexed.format-image footer.entry-meta {
1229         background: #ddd;
1230         margin-top: -7px;
1231         padding: 20px 30px;
1232         overflow: hidden;
1233 }
1234 .indexed.format-image div.entry-meta {
1235         display: inline-block;
1236         float: left;
1237         width: 35%;
1238 }
1239 .indexed.format-image div.entry-meta + div.entry-meta {
1240         float: none;
1241         width: 65%;
1242 }
1243 .indexed.format-image .entry-meta span.cat-links,
1244 .indexed.format-image .entry-meta span.tag-links,
1245 .indexed.format-image .entry-meta span.comments-link {
1246         display: block;
1247 }
1248 .indexed.format-image footer.entry-meta a {
1249         color: #444;
1250 }
1251 .indexed.format-image footer.entry-meta a:hover {
1252         color: #fff;
1253 }
1254 #content .indexed.format-image img {
1255         border: none;
1256         max-width: 100%;
1257         padding: 0;
1258 }
1259 .indexed.format-image .wp-caption {
1260         background: #111;
1261         margin-bottom: 0;
1262         max-width: 96%;
1263         padding: 11px;
1264 }
1265 .indexed.format-image .wp-caption .wp-caption-text {
1266         color: #ddd;
1267 }
1268 .indexed.format-image .wp-caption .wp-caption-text:before {
1269         color: #444;
1270 }
1271 .indexed.format-image a:hover img {
1272         opacity: 0.8;
1273 }
1274
1275
1276 /* =error404
1277 ----------------------------------------------- */
1278
1279 .error404 #main #searchform {
1280         background: #f9f9f9;
1281         border: 1px solid #ddd;
1282         border-width: 1px 0;
1283         margin: 0 -8.9% 1.625em;
1284         overflow: hidden;
1285         padding: 1.625em 8.9%;
1286 }
1287 .error404 #main #s {
1288         width: 95%;
1289 }
1290 .error404 #main .widget {
1291         clear: none;
1292         float: left;
1293         margin-right: 3.7%;
1294         width: 30.85%;
1295 }
1296 .error404 #main .widget_archive {
1297         margin-right: 0;
1298 }
1299 .error404 #main .widget_tag_cloud {
1300         float: none;
1301         margin-right: 0;
1302         width: 100%;
1303 }
1304 .error404 .widgettitle {
1305         font-size: 10px;
1306         letter-spacing: 0.1em;
1307         line-height: 2.6em;
1308         text-transform: uppercase;
1309 }
1310
1311
1312 /* =Showcase
1313 ----------------------------------------------- */
1314
1315 h1.showcase-heading {
1316         color: #666;
1317         font-size: 10px;
1318         font-weight: 500;
1319         letter-spacing: 0.1em;
1320         line-height: 2.6em;
1321         text-transform: uppercase;
1322 }
1323
1324 /* Intro */
1325 article.intro {
1326         background: #f9f9f9;
1327         border-bottom: none;
1328         margin: -1.855em -8.9% 1.625em;
1329         padding: 0 8.9%;
1330 }
1331 article.intro .entry-title {
1332         display: none;
1333 }
1334 article.intro .entry-content {
1335         color: #111;
1336         font-size: 16px;
1337         padding: 1.625em 0 0.625em;
1338 }
1339 article.intro .edit-link a {
1340         background: #aaa;
1341         -moz-border-radius: 3px;
1342         border-radius: 3px;
1343         color: #fff;
1344         font-size: 12px;
1345         padding: 0 8px;
1346         position: absolute;
1347         top: 30px;
1348         right: 20px;
1349         text-decoration: none;
1350 }
1351 article.intro .edit-link a:hover,
1352 article.intro .edit-link a:focus,
1353 article.intro .edit-link a:active {
1354         background: #777;
1355 }
1356
1357 /* Featured post */
1358 section.featured-post {
1359         float: left;
1360         margin: -1.625em -8.9% 1.625em;
1361         padding: 1.625em 8.9% 0;
1362         position: relative;
1363         width: 100%;
1364 }
1365 section.featured-post .hentry {
1366         border: none;
1367         color: #666;
1368         margin: 0;
1369 }
1370 section.featured-post .entry-meta {
1371         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
1372         clip: rect(1px, 1px, 1px, 1px);
1373         position: absolute !important;
1374 }
1375
1376 /* Small featured post */
1377 section.featured-post .attachment-small-feature {
1378         float: right;
1379         height: auto;
1380         margin: 0 -8.9% 1.625em 0;
1381         max-width: 59%;
1382         position: relative;
1383         right: -15px;
1384 }
1385 section.featured-post.small {
1386         padding-top: 0;
1387 }
1388 section.featured-post .attachment-small-feature:hover,
1389 section.featured-post .attachment-small-feature:focus,
1390 section.featured-post .attachment-small-feature:active {
1391         opacity: .8;
1392 }
1393 article.feature-image.small {
1394         float: left;
1395         margin: 0 0 1.625em;
1396         width: 45%;
1397 }
1398 article.feature-image.small .entry-title {
1399         line-height: 1.2em;
1400 }
1401 article.feature-image.small .entry-summary {
1402         color: #555;
1403         font-size: 13px;
1404 }
1405 article.feature-image.small .entry-summary p a {
1406         background: #222;
1407         color: #eee;
1408         display: block;
1409         left: -23.8%;
1410         padding: 9px 26px 9px 85px;
1411         position: relative;
1412         text-decoration: none;
1413         top: 20px;
1414         width: 180px;
1415         z-index: 1;
1416 }
1417 article.feature-image.small .entry-summary p a:hover {
1418         background: #1982d1;
1419         color: #eee;
1420         color: rgba(255,255,255,0.8);
1421 }
1422
1423 /* Large featured post */
1424 section.feature-image.large {
1425         border: none;
1426         max-height: 288px;
1427         padding: 0;
1428         width: 100%;
1429 }
1430 section.feature-image.large .showcase-heading {
1431         display: none;
1432 }
1433 section.feature-image.large .hentry {
1434         border-bottom: none;
1435         left: 9%;
1436         margin: 1.625em 9% 0 0;
1437         position: absolute;
1438         top: 0;
1439 }
1440 article.feature-image.large .entry-title a {
1441         background: #222;
1442         background: rgba(0,0,0,0.8);
1443         -moz-border-radius: 3px;
1444         border-radius: 3px;
1445         color: #fff;
1446         display: inline-block;
1447         font-weight: 300;
1448         padding: .2em 20px;
1449 }
1450 section.feature-image.large:hover .entry-title a,
1451 section.feature-image.large .entry-title:hover a {
1452         background: #eee;
1453         background: rgba(255,255,255,0.8);
1454         color: #222;
1455 }
1456 article.feature-image.large .entry-summary {
1457         display: none;
1458 }
1459 section.feature-image.large img {
1460         display: block;
1461         height: auto;
1462         max-width: 117.9%;
1463         padding: 0 0 6px;
1464 }
1465
1466 /* Featured Slider */
1467 .featured-posts {
1468         border-bottom: 1px solid #ddd;
1469         display: block;
1470         height: 328px;
1471         margin: 1.625em -8.9% 20px;
1472         max-width: 1000px;
1473         padding: 0;
1474         position: relative;
1475         overflow: hidden;
1476 }
1477 .featured-posts .showcase-heading {
1478         padding-left: 8.9%;
1479 }
1480 .featured-posts section.featured-post {
1481         background: #fff;
1482         height: 288px;
1483         left: 0;
1484         margin: 0;
1485         position: absolute;
1486         top: 30px;
1487         width: auto;
1488 }
1489 .featured-posts section.featured-post.large {
1490         max-width: 100%;
1491         overflow: hidden;
1492 }
1493 .featured-posts section.featured-post {
1494         -webkit-transition-duration: 200ms;
1495         -webkit-transition-property: opacity, visibility;
1496         -webkit-transition-timing-function: ease;
1497         -moz-transition-duration: 200ms;
1498         -moz-transition-property: opacity, visibility;
1499         -moz-transition-timing-function: ease;
1500 }
1501 .featured-posts section.featured-post {
1502         opacity: 0;
1503         visibility: hidden;
1504 }
1505 .featured-posts #featured-post-1 {
1506         opacity: 1;
1507         visibility: visible;
1508 }
1509 .featured-post .feature-text:after,
1510 .featured-post .feature-image.small:after {
1511         content: ' ';
1512         background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
1513         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
1514         background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
1515         background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
1516         background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
1517         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
1518         background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
1519         width: 100%;
1520         height: 45px;
1521         position: absolute;
1522         top: 230px;
1523 }
1524 .featured-post .feature-image.small:after {
1525         top: 253px;
1526 }
1527 #content .feature-slider {
1528         top: 5px;
1529         right: 8.9%;
1530         overflow: visible;
1531         position: absolute;
1532 }
1533 .feature-slider ul {
1534         list-style-type: none;
1535         margin: 0;
1536 }
1537 .feature-slider li {
1538         float: left;
1539         margin: 0 6px;
1540 }
1541 .feature-slider a {
1542         background: #3c3c3c;
1543         background: rgba(60,60,60,0.9);
1544         -moz-border-radius: 12px;
1545         border-radius: 12px;
1546         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1547         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1548         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1549         display: block;
1550         width: 14px;
1551         height: 14px;
1552 }
1553 .feature-slider a.active {
1554         background: #1982d1;
1555         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1556         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1557         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1558         cursor: default;
1559         opacity: 0.5;
1560 }
1561
1562 /* Recent Posts */
1563 section.recent-posts {
1564         padding: 0 0 1.625em;
1565 }
1566 section.recent-posts .hentry {
1567         border: none;
1568         margin: 0;
1569 }
1570 section.recent-posts .other-recent-posts {
1571         border-bottom: 1px solid #ddd;
1572         list-style: none;
1573         margin: 0;
1574 }
1575 section.recent-posts .other-recent-posts li {
1576         padding: 0.3125em 0;
1577         position: relative;
1578 }
1579 section.recent-posts .other-recent-posts .entry-title {
1580         border-top: 1px solid #ddd;
1581         font-size: 17px;
1582 }
1583 section.recent-posts .other-recent-posts a[rel="bookmark"] {
1584         color: #373737;
1585         float: left;
1586         max-width: 84%;
1587 }
1588 section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1589         content: '-';
1590         color: transparent;
1591         font-size: 11px;
1592 }
1593 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
1594 }
1595 section.recent-posts .other-recent-posts .comments-link a,
1596 section.recent-posts .other-recent-posts .comments-link > span {
1597         border-bottom: 2px solid #999;
1598         bottom: -2px;
1599         color: #444;
1600         display: block;
1601         font-size: 10px;
1602         font-weight: 500;
1603         line-height: 2.76333em;
1604         padding: 0.3125em 0 0.3125em 1em;
1605         position: absolute;
1606         right: 0;
1607         text-align: right;
1608         text-transform: uppercase;
1609         z-index: 1;
1610 }
1611 section.recent-posts .other-recent-posts .comments-link > span {
1612         border-color: #bbb;
1613         color: #888;
1614 }
1615 section.recent-posts .other-recent-posts .comments-link a:hover {
1616         color: #1982d1;
1617         border-color: #1982d1;
1618 }
1619 section.recent-posts .other-recent-posts li:after {
1620         clear: both;
1621         content: '.';
1622         display: block;
1623         height: 0;
1624         visibility: hidden;
1625 }
1626
1627
1628 /* =Attachments
1629 ----------------------------------------------- */
1630
1631 .image-attachment div.attachment {
1632         background: #f9f9f9;
1633         border: 1px solid #ddd;
1634         border-width: 1px 0;
1635         margin: 0 -8.9% 1.625em;
1636         overflow: hidden;
1637         padding: 1.625em 1.625em 0;
1638         text-align: center;
1639 }
1640 .image-attachment div.attachment img {
1641         display: block;
1642         height: auto;
1643         margin: 0 auto 1.625em;
1644         max-width: 100%;
1645 }
1646 .image-attachment div.attachment a img {
1647         border-color: #f9f9f9;
1648 }
1649 .image-attachment div.attachment a:focus img,
1650 .image-attachment div.attachment a:hover img,
1651 .image-attachment div.attachment a:active img {
1652         border-color: #ddd;
1653         background: #fff;
1654 }
1655 .image-attachment .entry-caption p {
1656         font-size: 10px;
1657         letter-spacing: 0.1em;
1658         line-height: 2.6em;
1659         margin: 0 0 2.6em;
1660         text-transform: uppercase;
1661 }
1662
1663
1664 /* =Navigation
1665 -------------------------------------------------------------- */
1666
1667 #content nav {
1668         clear: both;
1669         overflow: hidden;
1670         padding: 0 0 1.625em;
1671 }
1672 #content nav a {
1673         font-size: 12px;
1674         font-weight: bold;
1675         line-height: 2.2em;
1676 }
1677 #nav-above {
1678         padding: 0 0 1.625em;
1679 }
1680 #nav-above {
1681         display: none;
1682 }
1683 .paged #nav-above {
1684         display: block;
1685 }
1686 .nav-previous {
1687         float: left;
1688         width: 50%;
1689 }
1690 .nav-next {
1691         float: right;
1692         text-align: right;
1693         width: 50%;
1694 }
1695 #content nav .meta-nav {
1696         font-weight: normal;
1697 }
1698
1699 /* Singular navigation */
1700 #nav-single {
1701         float: right;
1702         position: relative;
1703         top: -0.3em;
1704         text-align: right;
1705         width: 100%;
1706         z-index: 1;
1707 }
1708 #nav-single .nav-previous,
1709 #nav-single .nav-next {
1710         float: none;
1711         width: auto;
1712 }
1713 #nav-single .nav-next {
1714         padding-left: .5em;
1715 }
1716
1717
1718 /* =Widgets
1719 ----------------------------------------------- */
1720
1721 .widget-area {
1722         font-size: 12px;
1723 }
1724 .widget {
1725         clear: both;
1726         margin: 0 0 2.2em;
1727 }
1728 .widget-title {
1729         color: #666;
1730         font-size: 10px;
1731         font-weight: 500;
1732         letter-spacing: 0.1em;
1733         line-height: 2.6em;
1734         text-transform: uppercase;
1735 }
1736 .widget ul {
1737         font-size: 15px;
1738         margin: 0;
1739 }
1740 .widget ul ul {
1741         margin-left: 1.5em;
1742 }
1743 .widget ul li {
1744         color: #777;
1745         font-size: 13px;
1746 }
1747 .widget a {
1748         font-weight: bold;
1749         text-decoration: none;
1750 }
1751 .widget a:hover,
1752 .widget a:focus,
1753 .widget a:active {
1754         text-decoration: underline;
1755 }
1756
1757 /* Search Widget */
1758 .widget_search form {
1759         margin: 0 0 1.625em;
1760 }
1761 .widget_search #s {
1762         width: 77%;
1763 }
1764 .widget_search #searchsubmit {
1765         background: #ddd;
1766         border: 1px solid #ccc;
1767         -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1768         -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1769         box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1770         color: #888;
1771         font-size: 13px;
1772         line-height: 25px;
1773         position: relative;
1774         top: -2px;
1775 }
1776 .widget_search #searchsubmit:active {
1777         background: #1982d1;
1778         border-color: #0861a5;
1779         -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1780         -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1781         box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1782         color: #bfddf3;
1783 }
1784
1785 /* Ephemera Widget */
1786 section.ephemera ol,
1787 .widget_twentyeleven_ephemera ol {
1788         list-style: square;
1789         margin: 5px 0 0;
1790 }
1791 .widget_twentyeleven_ephemera .widget-entry-title {
1792         font-size: 15px;
1793         font-weight: bold;
1794         padding: 0;
1795 }
1796 .widget_twentyeleven_ephemera .comments-link a,
1797 .widget_twentyeleven_ephemera .comments-link > span {
1798         color: #666;
1799         display: block;
1800         font-size: 10px;
1801         font-weight: 500;
1802         line-height: 2.76333em;
1803         text-transform: uppercase;
1804 }
1805 section.ephemera .entry-title .comments-link a:hover,
1806 .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1807 }
1808 section.ephemera .entry-title a span {
1809         color: #29628d;
1810 }
1811
1812 /* Twitter */
1813 .widget_twitter li {
1814         list-style-type: none;
1815         margin-bottom: 14px;
1816 }
1817 .widget_twitter .timesince {
1818         display: block;
1819         font-size: 11px;
1820         margin-right: -10px;
1821         text-align: right;
1822 }
1823
1824 /* Widget Image */
1825 .widget_image img {
1826         height: auto;
1827         max-width: 100%;
1828 }
1829
1830 /* Calendar Widget */
1831
1832 .widget_calendar #wp-calendar {
1833         color: #555;
1834         width: 95%;
1835         text-align: center;
1836 }
1837 .widget_calendar #wp-calendar caption,
1838 .widget_calendar #wp-calendar td,
1839 .widget_calendar #wp-calendar th {
1840         text-align: center;
1841 }
1842 .widget_calendar #wp-calendar caption {
1843         font-size: 11px;
1844         font-weight: 500;
1845         padding: 5px 0 3px 0;
1846         text-transform: uppercase;
1847 }
1848 .widget_calendar #wp-calendar th {
1849         background: #f4f4f4;
1850         border-top: 1px solid #ccc;
1851         border-bottom: 1px solid #ccc;
1852         font-weight: bold;
1853 }
1854 .widget_calendar #wp-calendar tfoot td {
1855         background: #f4f4f4;
1856         border-top: 1px solid #ccc;
1857         border-bottom: 1px solid #ccc;
1858 }
1859
1860
1861 /* =Comments
1862 ----------------------------------------------- */
1863
1864 #comments-title {
1865         color: #666;
1866         font-size: 10px;
1867         font-weight: 500;
1868         line-height: 2.6em;
1869         padding: 0 0 2.6em;
1870         text-transform: uppercase;
1871 }
1872 .nopassword,
1873 .nocomments {
1874         color: #aaa;
1875         font-size: 24px;
1876         font-weight: 100;
1877         margin: 26px 0;
1878         text-align: center;
1879 }
1880 .commentlist {
1881         list-style: none;
1882         margin: 0 auto;
1883         width: 68.9%;
1884 }
1885 .content .commentlist,
1886 .page-template-sidebar-page-php .commentlist {
1887         width: 100%; /* reset the width for the one-column and sidebar page layout */
1888 }
1889 .commentlist > li.comment {
1890         background: #f6f6f6;
1891         border: 1px solid #ddd;
1892         -moz-border-radius: 3px;
1893         border-radius: 3px;
1894         margin: 0 0 1.625em;
1895         padding: 1.625em;
1896         position: relative;
1897 }
1898 .commentlist .pingback {
1899         margin: 0 0 1.625em;
1900         padding: 0 1.625em;
1901 }
1902 .commentlist .children {
1903         list-style: none;
1904         margin: 0;
1905 }
1906 .commentlist .children li.comment {
1907         background: #fff;
1908         border-left: 1px solid #ddd;
1909         -moz-border-radius: 0 3px 3px 0;
1910         border-radius: 0 3px 3px 0;
1911         margin: 1.625em 0 0;
1912         padding: 1.625em;
1913         position: relative;
1914 }
1915 .commentlist .children li.comment .fn {
1916         display: block;
1917 }
1918 .comment-meta .fn {
1919         font-style: normal;
1920 }
1921 .comment-meta {
1922         color: #666;
1923         font-size: 12px;
1924         line-height: 2.2em;
1925 }
1926 .commentlist .children li.comment .comment-meta {
1927         line-height: 1.625em;
1928         margin-left: 50px;
1929 }
1930 .commentlist .children li.comment .comment-content {
1931         margin: 1.625em 0 0;
1932 }
1933 .comment-meta a {
1934         font-weight: bold;
1935 }
1936 .comment-meta a:focus,
1937 .comment-meta a:active,
1938 .comment-meta a:hover {
1939 }
1940 .commentlist .avatar {
1941         -moz-border-radius: 3px;
1942         border-radius: 3px;
1943         -webkit-box-shadow: 0 1px 2px #ccc;
1944         -moz-box-shadow: 0 1px 2px #ccc;
1945         box-shadow: 0 1px 2px #ccc;
1946         left: -102px;
1947         padding: 0;
1948         position: absolute;
1949         top: 0;
1950 }
1951 .commentlist > li:before {
1952         content: url(images/comment-arrow.png);
1953         left: -21px;
1954         position: absolute;
1955 }
1956 .commentlist > li.pingback:before {
1957         content: '';
1958 }
1959 .commentlist .children .avatar {
1960         background: none;
1961         -webkit-box-shadow: none;
1962         -moz-box-shadow: none;
1963         box-shadow: none;
1964         left: 2.2em;
1965         padding: 0;
1966         top: 2.2em;
1967 }
1968 a.comment-reply-link {
1969         background: #eee;
1970         -moz-border-radius: 3px;
1971         border-radius: 3px;
1972         color: #666;
1973         display: inline-block;
1974         font-size: 12px;
1975         padding: 0 8px;
1976         text-decoration: none;
1977 }
1978 a.comment-reply-link:hover,
1979 a.comment-reply-link:focus,
1980 a.comment-reply-link:active {
1981         background: #888;
1982         color: #fff;
1983 }
1984 a.comment-reply-link > span {
1985         display: inline-block;
1986         position: relative;
1987         top: -1px;
1988 }
1989
1990 /* Post author highlighting */
1991 .commentlist > li.bypostauthor {
1992         background: #ddd;
1993         border-color: #d3d3d3;
1994 }
1995 .commentlist > li.bypostauthor .comment-meta {
1996         color: #575757;
1997 }
1998 .commentlist > li.bypostauthor .comment-meta a:focus,
1999 .commentlist > li.bypostauthor .comment-meta a:active,
2000 .commentlist > li.bypostauthor .comment-meta a:hover {
2001 }
2002 .commentlist > li.bypostauthor:before {
2003         content: url(images/comment-arrow-bypostauthor.png);
2004 }
2005
2006 /* Post Author threaded comments */
2007 .commentlist .children > li.bypostauthor {
2008         background: #ddd;
2009         border-color: #d3d3d3;
2010 }
2011
2012 /* sidebar-page.php comments */
2013 /* Make sure we have room for our comment avatars */
2014 .page-template-sidebar-page-php .commentlist > li.comment,
2015 .page-template-sidebar-page-php.commentlist .pingback {
2016         margin-left: 102px;
2017         width: auto;
2018 }
2019 /* And a full-width comment form */
2020 .page-template-sidebar-page-php #respond {
2021         width: auto;
2022 }
2023
2024 /* Comment Form */
2025 #respond {
2026         background: #ddd;
2027         border: 1px solid #d3d3d3;
2028         -moz-border-radius: 3px;
2029         border-radius: 3px;
2030         margin: 0 auto 1.625em;
2031         padding: 1.625em;
2032         position: relative;
2033         width: 68.9%;
2034 }
2035 #respond input[type="text"],
2036 #respond textarea {
2037         background: #fff;
2038         border: 4px solid #eee;
2039         -moz-border-radius: 5px;
2040         border-radius: 5px;
2041         -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2042         -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2043         box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2044         position: relative;
2045         padding: 10px;
2046         text-indent: 80px;
2047 }
2048 #respond .comment-form-author,
2049 #respond .comment-form-email,
2050 #respond .comment-form-url,
2051 #respond .comment-form-comment {
2052         position: relative;
2053 }
2054 #respond .comment-form-author label,
2055 #respond .comment-form-email label,
2056 #respond .comment-form-url label,
2057 #respond .comment-form-comment label {
2058         background: #eee;
2059         -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2060         -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2061         box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2062         color: #555;
2063         display: inline-block;
2064         font-size: 13px;
2065         left: 4px;
2066         min-width: 60px;
2067         padding: 4px 10px;
2068         position: relative;
2069         top: 40px;
2070         z-index: 1;
2071 }
2072 #respond input[type="text"]:focus,
2073 #respond textarea:focus {
2074         text-indent: 0;
2075         z-index: 1;
2076 }
2077 #respond textarea {
2078         resize: vertical;
2079         width: 95%;
2080 }
2081 #respond .comment-form-author .required,
2082 #respond .comment-form-email .required {
2083         color: #bd3500;
2084         font-size: 22px;
2085         font-weight: bold;
2086         left: 75%;
2087         position: absolute;
2088         top: 45px;
2089         z-index: 1;
2090 }
2091 #respond .comment-notes,
2092 #respond .logged-in-as {
2093         font-size: 13px;
2094 }
2095 #respond p {
2096         margin: 10px 0;
2097 }
2098 #respond .form-submit {
2099         float: right;
2100         margin: -20px 0 10px;
2101 }
2102 #respond input#submit {
2103         background: #222;
2104         border: none;
2105         -moz-border-radius: 3px;
2106         border-radius: 3px;
2107         -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2108         -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2109         box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2110         color: #eee;
2111         cursor: pointer;
2112         font-size: 15px;
2113         margin: 20px 0;
2114         padding: 5px 42px 5px 22px;
2115         position: relative;
2116         left: 30px;
2117         text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2118 }
2119 #respond input#submit:active {
2120         background: #1982d1;
2121         color: #bfddf3;
2122 }
2123 #respond #cancel-comment-reply-link {
2124         color: #666;
2125         margin-left: 10px;
2126         text-decoration: none;
2127 }
2128 #respond .logged-in-as a:hover,
2129 #respond #cancel-comment-reply-link:hover {
2130         text-decoration: underline;
2131 }
2132 .commentlist #respond {
2133         margin: 1.625em 0 0;
2134         width: auto;
2135 }
2136 #reply-title {
2137         color: #373737;
2138         font-size: 24px;
2139         font-weight: bold;
2140         line-height: 30px;
2141 }
2142 #cancel-comment-reply-link {
2143         color: #888;
2144         display: block;
2145         font-size: 10px;
2146         font-weight: normal;
2147         line-height: 2.2em;
2148         letter-spacing: 0.05em;
2149         position: absolute;
2150         right: 1.625em;
2151         text-decoration: none;
2152         text-transform: uppercase;
2153         top: 1.1em;
2154 }
2155 #cancel-comment-reply-link:focus,
2156 #cancel-comment-reply-link:active,
2157 #cancel-comment-reply-link:hover {
2158         color: #ff4b33;
2159 }
2160 #respond label {
2161         line-height: 2.2em;
2162 }
2163 #respond input[type=text] {
2164         display: block;
2165         height: 24px;
2166         width: 75%;
2167 }
2168 #respond p {
2169         font-size: 12px;
2170 }
2171 p.comment-form-comment {
2172         margin: 0;
2173 }
2174 .form-allowed-tags {
2175         display: none;
2176 }
2177
2178
2179 /* =Footer
2180 ----------------------------------------------- */
2181
2182 #colophon {
2183         clear: both;
2184 }
2185 #supplementary {
2186         border-top: 1px solid #ddd;
2187         padding: 1.625em 7.6%;
2188         overflow: hidden;
2189 }
2190
2191 /* Two Footer Widget Areas */
2192 #supplementary.two .widget-area {
2193         float: left;
2194         margin-right: 3.7%;
2195         width: 48.1%;
2196 }
2197 #supplementary.two .widget-area + .widget-area {
2198         margin-right: 0;
2199 }
2200
2201 /* Three Footer Widget Areas */
2202 #supplementary.three .widget-area {
2203         float: left;
2204         margin-right: 3.7%;
2205         width: 30.85%;
2206 }
2207 #supplementary.three .widget-area + .widget-area + .widget-area {
2208         margin-right: 0;
2209 }
2210
2211 /* Site Generator Line */
2212 #site-generator {
2213         background: #f9f9f9;
2214         border-top: 1px solid #ddd;
2215         color: #666;
2216         font-size: 12px;
2217         line-height: 2.2em;
2218         padding: 2.2em 0.5em;
2219         text-align: center;
2220 }
2221 #site-generator a {
2222         color: #555;
2223         font-weight: bold;
2224 }
2225 #site-generator .sep {
2226         background: url(images/wordpress.png) center left no-repeat;
2227         color: transparent;
2228         display: inline-block;
2229         height: 16px;
2230         line-height: 16px;
2231         margin: 0 7px;
2232         width: 16px;
2233 }
2234
2235
2236 /* =Responsive Structure
2237 ----------------------------------------------- */
2238
2239 @media (max-width: 800px) {
2240         /* Simplify the basic layout */
2241         #main #content {
2242                 margin: 0 7.6%;
2243                 width: auto;
2244         }
2245         #nav-below {
2246                 border-bottom: 1px solid #ddd;
2247                 margin-bottom: 1.625em;
2248         }
2249         #main #secondary {
2250                 float: none;
2251                 margin: 0 7.6%;
2252                 width: auto;
2253         }
2254         /* Simplify the showcase template */
2255         .page-template-showcase-php .featured-posts {
2256                 min-height: 280px;
2257         }
2258         .featured-posts section.featured-post {
2259                 height: auto;
2260         }
2261         .page-template-showcase-php section.recent-posts {
2262                 float: none;
2263                 margin: 0;
2264                 width: 100%;
2265         }
2266         .page-template-showcase-php #main .widget-area {
2267                 float: none;
2268                 margin: 0;
2269                 width: auto;
2270         }
2271         .page-template-showcase-php .other-recent-posts {
2272                 border-bottom: 1px solid #ddd;
2273         }
2274         /* Simplify the showcase template when small feature */
2275         section.featured-post .attachment-small-feature,
2276         .one-column section.featured-post .attachment-small-feature {
2277                 border: none;
2278                 display: block;
2279                 float: left;
2280                 height: auto;
2281                 margin: 0.625em auto 1.025em;
2282                 max-width: 30%;
2283                 position: static;
2284         }
2285         article.feature-image.small {
2286                 float: right;
2287                 margin: 0 0 1.625em;
2288                 width: 64%;
2289         }
2290         .one-column article.feature-image.small .entry-summary {
2291                 height: auto;
2292         }
2293         article.feature-image.small .entry-summary p a {
2294                 left: 0;
2295                 padding-left: 20px;
2296                 padding-right: 20px;
2297                 width: auto;
2298         }
2299         /* Remove the margin on singular articles */
2300         .singular .entry-header,
2301         .singular .entry-content,
2302         .singular footer.entry-meta,
2303         .singular #comments-title {
2304                 width: 100%;
2305         }
2306         /* Simplify the pullquotes and pull styles */
2307         .singular blockquote.pull {
2308                 margin: 0 0 1.625em;
2309         }
2310         .singular .pull.alignleft {
2311                 margin: 0 1.625em 0 0;
2312         }
2313         .singular .pull.alignright {
2314                 margin: 0 0 0 1.625em;
2315         }
2316         .singular .entry-meta .edit-link a {
2317                 left: 0;
2318                 position: absolute;
2319                 top: 40px;
2320         }
2321         .singular #author-info {
2322                 margin: 2.2em -8.8% 0;
2323                 padding: 20px 8.8%;
2324         }
2325         /* Make sure we have room for our comment avatars */
2326         .commentlist {
2327                 width: 100%;
2328         }
2329         .commentlist > li.comment,
2330         .commentlist .pingback {
2331                 margin-left: 102px;
2332                 width: auto;
2333         }
2334         /* And a full-width comment form */
2335         #respond {
2336                 width: auto;
2337         }
2338         /* No need to float footer widgets at this size */
2339         #colophon #supplementary .widget-area {
2340                 float: none;
2341                 margin-right: 0;
2342                 width: auto;
2343         }
2344         /* No need to float 404 widgets at this size */
2345         .error404 #main .widget {
2346                 float: none;
2347                 margin-right: 0;
2348                 width: auto;
2349         }
2350         /* Make sure embeds fit their containers */
2351         embed,
2352         object {
2353                 max-width: 100%;
2354         }
2355
2356 }
2357 @media (max-width: 650px) {
2358         /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2359         body, input, textarea {
2360                 font-size: 13px;
2361         }
2362         #site-title a {
2363                 font-size: 24px;
2364         }
2365         #site-description {
2366                 font-size: 12px;
2367         }
2368         #access ul {
2369                 font-size: 12px;
2370         }
2371         article.intro .entry-content {
2372                 font-size: 12px;
2373         }
2374         .entry-title {
2375                 font-size: 21px;
2376         }
2377         .featured-post .entry-title {
2378                 font-size: 14px;
2379         }
2380         .singular .entry-title {
2381                 font-size: 28px;
2382         }
2383         .entry-meta {
2384                 font-size: 12px;
2385         }
2386         blockquote {
2387                 margin: 0;
2388         }
2389         blockquote.pull {
2390                 font-size: 17px;
2391         }
2392         /* Reposition the site title and description slightly */
2393         #site-title {
2394                 padding: 5.30625em 0 0;
2395         }
2396         #site-title,
2397         #site-description {
2398                 margin-right: 0;
2399         }
2400         /* Make sure the logo and search form don't collide */
2401         #branding #searchform {
2402                 top: 1.625em !important;
2403         }
2404         /* Floated content doesn't work well at this size */
2405         .alignleft,
2406         .alignright {
2407                 float: none;
2408                 margin-left: 0;
2409                 margin-right: 0;
2410         }
2411         /* Make sure the post-post navigation doesn't collide with anything */
2412         #nav-single {
2413                 display: block;
2414                 position: static;
2415         }
2416         .singular .hentry {
2417                 padding: 1.625em 0 0;
2418         }
2419         .singular.page .hentry {
2420                 padding: 1.625em 0 0;
2421         }
2422         /* Talking avatars take up too much room at this size */
2423         .commentlist > li.comment,
2424         .commentlist > li.pingback {
2425                 margin-left: 0 !important;
2426         }
2427         .commentlist .avatar {
2428                 background: transparent;
2429                 display: block;
2430                 padding: 0;
2431                 position: static;
2432         }
2433         .commentlist .children .avatar {
2434                 background: none;
2435                 left: 2.2em;
2436                 padding: 0;
2437                 position: absolute;
2438                 top: 2.2em;
2439         }
2440         /* Use the available space in the smaller comment form */
2441         #respond input[type="text"] {
2442                 width: 95%;
2443         }
2444         #respond .comment-form-author .required,
2445         #respond .comment-form-email .required {
2446                 left: 95%;
2447         }
2448         #content .gallery-columns-3 .gallery-item {
2449                 width: 31%;
2450                 padding-right: 2%;
2451         }
2452         #content .gallery-columns-3 .gallery-item img {
2453                 width: 100%;
2454                 height: auto;
2455         }
2456
2457 }
2458 @media (max-width: 450px) {
2459         #content .gallery-columns-2 .gallery-item {
2460                 width: 45%;
2461                 padding-right: 4%;
2462         }
2463         #content .gallery-columns-2 .gallery-item img {
2464                 width: 100%;
2465                 height: auto;
2466         }
2467
2468 }
2469 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2470         body {
2471                 padding: 0;
2472         }
2473         #page {
2474                 margin-top: 0;
2475         }
2476         #branding {
2477                 border-top: none;
2478         }
2479
2480 }
2481
2482
2483 /* =Print
2484 ----------------------------------------------- */
2485
2486 @media print {
2487         body {
2488                 background: none !important;
2489                 font-size: 10pt;
2490         }
2491         footer.entry-meta a[rel=bookmark]:link:after,
2492         footer.entry-meta a[rel=bookmark]:visited:after {
2493                 content: " [" attr(href) "] "; /* Show URLs */
2494         }
2495         #page {
2496                 clear: both !important;
2497                 display: block !important;
2498                 float: none !important;
2499                 max-width: 100%;
2500                 position: relative !important;
2501         }
2502         #branding {
2503                 border-top: none !important;
2504                 padding: 0;
2505         }
2506         #branding hgroup {
2507                 margin: 0;
2508         }
2509         #site-title a {
2510                 font-size: 21pt;
2511         }
2512         #site-description {
2513                 font-size: 10pt;
2514         }
2515         #branding #searchform {
2516                 display: none;
2517         }
2518         #branding img {
2519                 display: none;
2520         }
2521         #access {
2522                 display: none;
2523         }
2524         #main {
2525                 border-top: none;
2526                 box-shadow: none;
2527         }
2528         #primary {
2529                 float: left;
2530                 margin: 0;
2531                 width: 100%;
2532         }
2533         #content {
2534                 margin: 0;
2535                 width: auto;
2536         }
2537         .singular #content {
2538                 margin: 0;
2539                 width: 100%;
2540         }
2541         .singular .entry-header .entry-meta {
2542                 position: static;
2543         }
2544         .entry-meta .edit-link a {
2545                 display: none;
2546         }
2547         #content nav {
2548                 display: none;
2549         }
2550         .singular .entry-header,
2551         .singular .entry-content,
2552         .singular footer.entry-meta,
2553         .singular #comments-title {
2554                 margin: 0;
2555                 width: 100%;
2556         }
2557         .singular .hentry {
2558                 padding: 0;
2559         }
2560         .entry-title,
2561         .singular .entry-title {
2562                 font-size: 21pt;
2563         }
2564         .entry-meta {
2565                 font-size: 10pt;
2566         }
2567         .entry-header .comments-link {
2568                 display: none;
2569         }
2570         .page-link {
2571                 display: none;
2572         }
2573         .singular #author-info {
2574                 background: none;
2575                 border-bottom: none;
2576                 border-top: none;
2577                 margin: 2.2em 0 0;
2578                 padding: 0;
2579         }
2580         #respond {
2581                 display: none;
2582         }
2583         .widget-area {
2584                 display: none;
2585         }
2586         #colophon {
2587                 display: none;
2588         }
2589
2590         /* Comments */
2591         .commentlist > li.comment {
2592                 background: none;
2593                 border: 1px solid #ddd;
2594                 -moz-border-radius: 3px 3px 3px 3px;
2595                 border-radius: 3px 3px 3px 3px;
2596                 margin: 0 auto 1.625em;
2597                 padding: 1.625em;
2598                 position: relative;
2599                 width: auto;
2600         }
2601         .commentlist .avatar {
2602                 height: 39px;
2603                 left: 2.2em;
2604                 top: 2.2em;
2605                 width: 39px;
2606         }
2607         .commentlist li.comment .comment-meta {
2608                 line-height: 1.625em;
2609                 margin-left: 50px;
2610         }
2611         .commentlist li.comment .fn {
2612                 display: block;
2613         }
2614         .commentlist li.comment .comment-content {
2615                 margin: 1.625em 0 0;
2616         }
2617         .commentlist .comment-edit-link {
2618                 display: none;
2619         }
2620         .commentlist > li::before,
2621         .commentlist > li.bypostauthor::before {
2622                 content: '';
2623         }
2624         .commentlist .reply {
2625                 display: none;
2626         }
2627
2628         /* Post author highlighting */
2629         .commentlist > li.bypostauthor {
2630                 color: #444;
2631         }
2632         .commentlist > li.bypostauthor .comment-meta {
2633                 color: #666;
2634         }
2635         .commentlist > li.bypostauthor:before {
2636                 content: none;
2637         }
2638
2639         /* Post Author threaded comments */
2640         .commentlist .children > li.bypostauthor {
2641                 background: #fff;
2642                 border-color: #ddd;
2643         }
2644         .commentlist .children > li.bypostauthor > article,
2645         .commentlist .children > li.bypostauthor > article .comment-meta {
2646                 color: #666;
2647         }
2648
2649 }
2650
2651
2652 /* =IE7
2653 ----------------------------------------------- */
2654
2655 #ie7 article.intro {
2656         margin-left: -7.6%;
2657         margin-right: -7.6%;
2658         padding-left: -7.6%;
2659         padding-right: -7.6%;
2660         max-width: 1000px;
2661 }
2662 #ie7 section.featured-post {
2663         margin-left: -7.6%;
2664         margin-right: -7.6%;
2665         max-width: 850px;
2666 }
2667 #ie7 section.recent-posts {
2668         margin-right: 7.6%;
2669 }