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.2
   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         max-width: 195px;
 672 }
 673 #branding .only-search + #access div {
 674         padding-right: 205px;
 675 }
 676
 677
 678 /* =Content
 679 ----------------------------------------------- */
 680
 681 #main {
 682         clear: both;
 683         padding: 1.625em 0 0;
 684 }
 685 .page-title {
 686         color: #666;
 687         font-size: 10px;
 688         font-weight: 500;
 689         letter-spacing: 0.1em;
 690         line-height: 2.6em;
 691         margin: 0 0 2.6em;
 692         text-transform: uppercase;
 693 }
 694 .page-title a {
 695         font-size: 12px;
 696         font-weight: bold;
 697         letter-spacing: 0;
 698         text-transform: none;
 699 }
 700 .hentry,
 701 .no-results {
 702         border-bottom: 1px solid #ddd;
 703         margin: 0 0 1.625em;
 704         padding: 0 0 1.625em;
 705         position: relative;
 706 }
 707 .hentry:last-child,
 708 .no-results {
 709         border-bottom: none;
 710 }
 711 .blog .sticky .entry-header .entry-meta {
 712         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
 713         clip: rect(1px, 1px, 1px, 1px);
 714         position: absolute !important;
 715 }
 716 .entry-title,
 717 .entry-header .entry-meta {
 718         padding-right: 76px;
 719 }
 720 .entry-title {
 721         clear: both;
 722         color: #222;
 723         font-size: 26px;
 724         font-weight: bold;
 725         line-height: 1.5em;
 726         padding-bottom: .3em;
 727         padding-top: 15px;
 728 }
 729 .entry-title,
 730 .entry-title a {
 731         color: #222;
 732         text-decoration: none;
 733 }
 734 .entry-title a:hover,
 735 .entry-title a:focus,
 736 .entry-title a:active {
 737         color: #1982d1;
 738 }
 739 .entry-meta {
 740         color: #666;
 741         clear: both;
 742         font-size: 12px;
 743         line-height: 18px;
 744 }
 745 .entry-meta a {
 746         font-weight: bold;
 747 }
 748 .single-author .entry-meta .by-author {
 749         display: none;
 750 }
 751 .entry-content,
 752 .entry-summary {
 753         padding: 1.625em 0 0;
 754 }
 755 .entry-content h1,
 756 .entry-content h2,
 757 .comment-content h1,
 758 .comment-content h2 {
 759         color: #000;
 760         font-weight: bold;
 761         margin: 0 0 .8125em;
 762 }
 763 .entry-content h3,
 764 .comment-content h3 {
 765         font-size: 10px;
 766         letter-spacing: 0.1em;
 767         line-height: 2.6em;
 768         text-transform: uppercase;
 769 }
 770 .entry-content table,
 771 .comment-content table {
 772         border-bottom: 1px solid #ddd;
 773         margin: 0 0 1.625em;
 774         width: 100%;
 775 }
 776 .entry-content th,
 777 .comment-content th {
 778         color: #666;
 779         font-size: 10px;
 780         font-weight: 500;
 781         letter-spacing: 0.1em;
 782         line-height: 2.6em;
 783         text-transform: uppercase;
 784 }
 785 .entry-content td,
 786 .comment-content td {
 787         border-top: 1px solid #ddd;
 788         padding: 6px 10px 6px 0;
 789 }
 790 .entry-content #s {
 791         width: 75%;
 792 }
 793 .comment-content ul,
 794 .comment-content ol {
 795         margin-bottom: 1.625em;
 796 }
 797 .comment-content ul ul,
 798 .comment-content ol ol,
 799 .comment-content ul ol,
 800 .comment-content ol ul {
 801         margin-bottom: 0;
 802 }
 803 dl.gallery-item {
 804         margin: 0;
 805 }
 806 .page-link {
 807         clear: both;
 808         display: block;
 809         margin: 0 0 1.625em;
 810 }
 811 .page-link a {
 812         background: #eee;
 813         color: #373737;
 814         margin: 0;
 815         padding: 2px 3px;
 816         text-decoration: none;
 817 }
 818 .page-link a:hover {
 819         background: #888;
 820         color: #fff;
 821         font-weight: bold;
 822 }
 823 .page-link span {
 824         margin-right: 6px;
 825 }
 826 .entry-meta .edit-link a,
 827 .commentlist .edit-link a {
 828         background: #eee;
 829         -moz-border-radius: 3px;
 830         border-radius: 3px;
 831         color: #666;
 832         float: right;
 833         font-size: 12px;
 834         line-height: 1.5em;
 835         font-weight: 300;
 836         text-decoration: none;
 837         padding: 0 8px;
 838 }
 839 .entry-meta .edit-link a:hover,
 840 .commentlist .edit-link a:hover {
 841         background: #888;
 842         color: #fff;
 843 }
 844 .entry-content .edit-link {
 845         clear: both;
 846         display: block;
 847 }
 848
 849 /* Images */
 850 .entry-content img,
 851 .comment-content img,
 852 .widget img {
 853         max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
 854 }
 855 img[class*="align"],
 856 img[class*="wp-image-"] {
 857         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 858 }
 859 img.size-full {
 860         max-width: 97.5%;
 861         width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
 862 }
 863 .entry-content img.wp-smiley {
 864         border: none;
 865         margin-bottom: 0;
 866         margin-top: 0;
 867         padding: 0;
 868 }
 869 img.alignleft,
 870 img.alignright,
 871 img.aligncenter {
 872         margin-bottom: 1.625em;
 873 }
 874 p img,
 875 .wp-caption {
 876         margin-top: 0.4em;
 877 }
 878 .wp-caption {
 879         background: #eee;
 880         margin-bottom: 1.625em;
 881         max-width: 96%;
 882         padding: 9px;
 883 }
 884 .wp-caption img {
 885         display: block;
 886         margin: 0 auto;
 887         max-width: 98%;
 888 }
 889 .wp-caption .wp-caption-text,
 890 .gallery-caption {
 891         color: #666;
 892         font-family: Georgia, serif;
 893         font-size: 12px;
 894 }
 895 .wp-caption .wp-caption-text {
 896         margin-bottom: 0.6em;
 897         padding: 10px 0 5px 40px;
 898         position: relative;
 899 }
 900 .wp-caption .wp-caption-text:before {
 901         color: #666;
 902         content: '\2014';
 903         font-size: 14px;
 904         font-style: normal;
 905         font-weight: bold;
 906         margin-right: 5px;
 907         position: absolute;
 908         left: 10px;
 909         top: 7px;
 910 }
 911 #content .gallery {
 912         margin: 0 auto 1.625em;
 913 }
 914 #content .gallery a img {
 915         border: none;
 916 }
 917 img#wpstats {
 918         display: block;
 919         margin: 0 auto 1.625em;
 920 }
 921 #content .gallery-columns-4 .gallery-item {
 922         width: 23%;
 923         padding-right: 2%;
 924 }
 925 #content .gallery-columns-4 .gallery-item img {
 926         width: 100%;
 927         height: auto;
 928 }
 929
 930 /* Image borders */
 931 img[class*="align"],
 932 img[class*="wp-image-"],
 933 #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 934         border: 1px solid #ddd;
 935         padding: 6px;
 936 }
 937 .wp-caption img {
 938         border-color: #eee;
 939 }
 940 a:focus img[class*="align"],
 941 a:hover img[class*="align"],
 942 a:active img[class*="align"],
 943 a:focus img[class*="wp-image-"],
 944 a:hover img[class*="wp-image-"],
 945 a:active img[class*="wp-image-"],
 946 #content .gallery .gallery-icon a:focus img,
 947 #content .gallery .gallery-icon a:hover img,
 948 #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
 949         background: #eee;
 950         border-color: #bbb;
 951 }
 952 .wp-caption a:focus img,
 953 .wp-caption a:active img,
 954 .wp-caption a:hover img {/* ... including captioned images! */
 955         background: #fff;
 956         border-color: #ddd;
 957 }
 958
 959 /* Password Protected Posts */
 960 .post-password-required .entry-header .comments-link {
 961         margin: 1.625em 0 0;
 962 }
 963 .post-password-required input[type=password] {
 964         margin: 0.8125em 0;
 965 }
 966 .post-password-required input[type=password]:focus {
 967         background: #f7f7f7;
 968 }
 969
 970 /* Author Info */
 971 #author-info {
 972         font-size: 12px;
 973         overflow: hidden;
 974 }
 975 .singular #author-info {
 976         background: #f9f9f9;
 977         border-top: 1px solid #ddd;
 978         border-bottom: 1px solid #ddd;
 979         margin: 2.2em -35.6% 0 -35.4%;
 980         padding: 20px 35.4%;
 981 }
 982 .archive #author-info {
 983         border-bottom: 1px solid #ddd;
 984         margin: 0 0 2.2em;
 985         padding: 0 0 2.2em;
 986 }
 987 #author-avatar {
 988         float: left;
 989         margin-right: -78px;
 990 }
 991 #author-avatar img {
 992         background: #fff;
 993         -moz-border-radius: 3px;
 994         border-radius: 3px;
 995         -webkit-box-shadow: 0 1px 2px #bbb;
 996         -moz-box-shadow: 0 1px 2px #bbb;
 997         box-shadow: 0 1px 2px #bbb;
 998         padding: 3px;
 999 }
1000 #author-description {
1001         float: left;
1002         margin-left: 108px;
1003 }
1004 #author-description h2 {
1005         color: #000;
1006         font-size: 15px;
1007         font-weight: bold;
1008         margin: 5px 0 10px;
1009 }
1010
1011 /* Comments link */
1012 .entry-header .comments-link a {
1013         background: #eee url(images/comment-bubble.png) no-repeat;
1014         color: #666;
1015         font-size: 13px;
1016         font-weight: normal;
1017         line-height: 35px;
1018         overflow: hidden;
1019         padding: 0 0 0;
1020         position: absolute;
1021         top: 1.5em;
1022         right: 0;
1023         text-align: center;
1024         text-decoration: none;
1025         width: 43px;
1026         height: 36px;
1027 }
1028 .entry-header .comments-link a:hover,
1029 .entry-header .comments-link a:focus,
1030 .entry-header .comments-link a:active {
1031         background-color: #1982d1;
1032         color: #fff;
1033         color: rgba(255,255,255,0.8);
1034 }
1035 .entry-header .comments-link .leave-reply {
1036         visibility: hidden;
1037 }
1038
1039 /*
1040 Post Formats Headings
1041 To hide the headings, display: none the ".entry-header .entry-format" selector,
1042 and remove the padding rules below.
1043 */
1044 .entry-header .entry-format {
1045         color: #666;
1046         font-size: 10px;
1047         font-weight: 500;
1048         letter-spacing: 0.1em;
1049         line-height: 2.6em;
1050         position: absolute;
1051         text-transform: uppercase;
1052         top: -5px;
1053 }
1054 .entry-header hgroup .entry-title {
1055         padding-top: 15px;
1056 }
1057 article.format-aside .entry-content,
1058 article.format-link .entry-content,
1059 article.format-status .entry-content {
1060         padding: 20px 0 0;
1061 }
1062 .recent-posts .entry-header .entry-format {
1063         display: none;
1064 }
1065 .recent-posts .entry-header hgroup .entry-title {
1066         padding-top: 0;
1067 }
1068
1069 /* Singular content styles for Posts and Pages */
1070 .singular .hentry {
1071         border-bottom: none;
1072         padding: 4.875em 0 0;
1073         position: relative;
1074 }
1075 .singular.page .hentry {
1076         padding: 3.5em 0 0;
1077 }
1078 .singular .entry-title {
1079         color: #000;
1080         font-size: 36px;
1081         font-weight: bold;
1082         line-height: 48px;
1083 }
1084 .singular .entry-title,
1085 .singular .entry-header .entry-meta {
1086         padding-right: 0;
1087 }
1088 .singular .entry-header .entry-meta {
1089         position: absolute;
1090         top: 0;
1091         left: 0;
1092 }
1093 blockquote.pull {
1094         font-size: 21px;
1095         font-weight: bold;
1096         line-height: 1.6125em;
1097         margin: 0 0 1.625em;
1098         text-align: center;
1099 }
1100 .singular blockquote.pull {
1101         margin: 0 -22.25% 1.625em;
1102 }
1103 .pull.alignleft {
1104         margin: 0 1.625em 0 0;
1105         text-align: right;
1106         width: 33%;
1107 }
1108 .singular .pull.alignleft {
1109         margin: 0 1.625em 0 -22.25%;
1110 }
1111 .pull.alignright {
1112         margin: 0 0 0 1.625em;
1113         text-align: left;
1114         width: 33%;
1115 }
1116 .singular .pull.alignright {
1117         margin: 0 -22.25% 0 1.625em;
1118 }
1119 .singular blockquote.pull.alignleft,
1120 .singular blockquote.pull.alignright {
1121         width: 33%;
1122 }
1123 .singular .entry-meta .edit-link a {
1124         bottom: auto;
1125         left: 50px;
1126         position: absolute;
1127         right: auto;
1128         top: 80px;
1129 }
1130
1131
1132 /* =Aside
1133 ----------------------------------------------- */
1134
1135 .format-aside .entry-title,
1136 .format-aside .entry-header .comments-link {
1137         display: none;
1138 }
1139 .singular .format-aside .entry-title {
1140         display: block;
1141 }
1142 .format-aside .entry-content {
1143         padding: 0;
1144 }
1145 .singular .format-aside .entry-content {
1146         padding: 1.625em 0 0;
1147 }
1148
1149
1150 /* =Link
1151 ----------------------------------------------- */
1152
1153 .format-link .entry-title,
1154 .format-link .entry-header .comments-link {
1155         display: none;
1156 }
1157 .singular .format-link .entry-title {
1158         display: block;
1159 }
1160 .format-link .entry-content {
1161         padding: 0;
1162 }
1163 .singular .format-link .entry-content {
1164         padding: 1.625em 0 0;
1165 }
1166
1167
1168 /* =Gallery
1169 ----------------------------------------------- */
1170
1171 .format-gallery .gallery-thumb {
1172         float: left;
1173         display: block;
1174         margin: .375em 1.625em 0 0;
1175 }
1176
1177
1178 /* =Status
1179 ----------------------------------------------- */
1180
1181 .format-status .entry-title,
1182 .format-status .entry-header .comments-link {
1183         display: none;
1184 }
1185 .singular .format-status .entry-title {
1186         display: block;
1187 }
1188 .format-status .entry-content {
1189         padding: 0;
1190 }
1191 .singular .format-status .entry-content {
1192         padding: 1.625em 0 0;
1193 }
1194 .format-status img.avatar {
1195         -moz-border-radius: 3px;
1196         border-radius: 3px;
1197         -webkit-box-shadow: 0 1px 2px #ccc;
1198         -moz-box-shadow: 0 1px 2px #ccc;
1199         box-shadow: 0 1px 2px #ccc;
1200         float: left;
1201         margin: 4px 10px 2px 0;
1202         padding: 0;
1203 }
1204
1205
1206 /* =Quote
1207 ----------------------------------------------- */
1208
1209 .format-quote blockquote {
1210         color: #555;
1211         font-size: 17px;
1212         margin: 0;
1213 }
1214
1215
1216 /* =Image
1217 ----------------------------------------------- */
1218
1219 .indexed.format-image .entry-header {
1220         min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1221 }
1222 .indexed.format-image .entry-content {
1223         padding-top: 0.5em;
1224 }
1225 .indexed.format-image p,
1226 .indexed.format-image p img {
1227         margin-bottom: 0;
1228 }
1229 .indexed.format-image footer.entry-meta {
1230         background: #ddd;
1231         margin-top: -7px;
1232         padding: 20px 30px;
1233         overflow: hidden;
1234 }
1235 .indexed.format-image div.entry-meta {
1236         display: inline-block;
1237         float: left;
1238         width: 35%;
1239 }
1240 .indexed.format-image div.entry-meta + div.entry-meta {
1241         float: none;
1242         width: 65%;
1243 }
1244 .indexed.format-image .entry-meta span.cat-links,
1245 .indexed.format-image .entry-meta span.tag-links,
1246 .indexed.format-image .entry-meta span.comments-link {
1247         display: block;
1248 }
1249 .indexed.format-image footer.entry-meta a {
1250         color: #444;
1251 }
1252 .indexed.format-image footer.entry-meta a:hover {
1253         color: #fff;
1254 }
1255 #content .indexed.format-image img {
1256         border: none;
1257         max-width: 100%;
1258         padding: 0;
1259 }
1260 .indexed.format-image .wp-caption {
1261         background: #111;
1262         margin-bottom: 0;
1263         max-width: 96%;
1264         padding: 11px;
1265 }
1266 .indexed.format-image .wp-caption .wp-caption-text {
1267         color: #ddd;
1268 }
1269 .indexed.format-image .wp-caption .wp-caption-text:before {
1270         color: #444;
1271 }
1272 .indexed.format-image a:hover img {
1273         opacity: 0.8;
1274 }
1275
1276
1277 /* =error404
1278 ----------------------------------------------- */
1279
1280 .error404 #main #searchform {
1281         background: #f9f9f9;
1282         border: 1px solid #ddd;
1283         border-width: 1px 0;
1284         margin: 0 -8.9% 1.625em;
1285         overflow: hidden;
1286         padding: 1.625em 8.9%;
1287 }
1288 .error404 #main #s {
1289         width: 95%;
1290 }
1291 .error404 #main .widget {
1292         clear: none;
1293         float: left;
1294         margin-right: 3.7%;
1295         width: 30.85%;
1296 }
1297 .error404 #main .widget_archive {
1298         margin-right: 0;
1299 }
1300 .error404 #main .widget_tag_cloud {
1301         float: none;
1302         margin-right: 0;
1303         width: 100%;
1304 }
1305 .error404 .widgettitle {
1306         font-size: 10px;
1307         letter-spacing: 0.1em;
1308         line-height: 2.6em;
1309         text-transform: uppercase;
1310 }
1311
1312
1313 /* =Showcase
1314 ----------------------------------------------- */
1315
1316 h1.showcase-heading {
1317         color: #666;
1318         font-size: 10px;
1319         font-weight: 500;
1320         letter-spacing: 0.1em;
1321         line-height: 2.6em;
1322         text-transform: uppercase;
1323 }
1324
1325 /* Intro */
1326 article.intro {
1327         background: #f9f9f9;
1328         border-bottom: none;
1329         margin: -1.855em -8.9% 1.625em;
1330         padding: 0 8.9%;
1331 }
1332 article.intro .entry-title {
1333         display: none;
1334 }
1335 article.intro .entry-content {
1336         color: #111;
1337         font-size: 16px;
1338         padding: 1.625em 0 0.625em;
1339 }
1340 article.intro .edit-link a {
1341         background: #aaa;
1342         -moz-border-radius: 3px;
1343         border-radius: 3px;
1344         color: #fff;
1345         font-size: 12px;
1346         padding: 0 8px;
1347         position: absolute;
1348         top: 30px;
1349         right: 20px;
1350         text-decoration: none;
1351 }
1352 article.intro .edit-link a:hover,
1353 article.intro .edit-link a:focus,
1354 article.intro .edit-link a:active {
1355         background: #777;
1356 }
1357
1358 /* Featured post */
1359 section.featured-post {
1360         float: left;
1361         margin: -1.625em -8.9% 1.625em;
1362         padding: 1.625em 8.9% 0;
1363         position: relative;
1364         width: 100%;
1365 }
1366 section.featured-post .hentry {
1367         border: none;
1368         color: #666;
1369         margin: 0;
1370 }
1371 section.featured-post .entry-meta {
1372         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
1373         clip: rect(1px, 1px, 1px, 1px);
1374         position: absolute !important;
1375 }
1376
1377 /* Small featured post */
1378 section.featured-post .attachment-small-feature {
1379         float: right;
1380         height: auto;
1381         margin: 0 -8.9% 1.625em 0;
1382         max-width: 59%;
1383         position: relative;
1384         right: -15px;
1385 }
1386 section.featured-post.small {
1387         padding-top: 0;
1388 }
1389 section.featured-post .attachment-small-feature:hover,
1390 section.featured-post .attachment-small-feature:focus,
1391 section.featured-post .attachment-small-feature:active {
1392         opacity: .8;
1393 }
1394 article.feature-image.small {
1395         float: left;
1396         margin: 0 0 1.625em;
1397         width: 45%;
1398 }
1399 article.feature-image.small .entry-title {
1400         line-height: 1.2em;
1401 }
1402 article.feature-image.small .entry-summary {
1403         color: #555;
1404         font-size: 13px;
1405 }
1406 article.feature-image.small .entry-summary p a {
1407         background: #222;
1408         color: #eee;
1409         display: block;
1410         left: -23.8%;
1411         padding: 9px 26px 9px 85px;
1412         position: relative;
1413         text-decoration: none;
1414         top: 20px;
1415         width: 180px;
1416         z-index: 1;
1417 }
1418 article.feature-image.small .entry-summary p a:hover {
1419         background: #1982d1;
1420         color: #eee;
1421         color: rgba(255,255,255,0.8);
1422 }
1423
1424 /* Large featured post */
1425 section.feature-image.large {
1426         border: none;
1427         max-height: 288px;
1428         padding: 0;
1429         width: 100%;
1430 }
1431 section.feature-image.large .showcase-heading {
1432         display: none;
1433 }
1434 section.feature-image.large .hentry {
1435         border-bottom: none;
1436         left: 9%;
1437         margin: 1.625em 9% 0 0;
1438         position: absolute;
1439         top: 0;
1440 }
1441 article.feature-image.large .entry-title a {
1442         background: #222;
1443         background: rgba(0,0,0,0.8);
1444         -moz-border-radius: 3px;
1445         border-radius: 3px;
1446         color: #fff;
1447         display: inline-block;
1448         font-weight: 300;
1449         padding: .2em 20px;
1450 }
1451 section.feature-image.large:hover .entry-title a,
1452 section.feature-image.large .entry-title:hover a {
1453         background: #eee;
1454         background: rgba(255,255,255,0.8);
1455         color: #222;
1456 }
1457 article.feature-image.large .entry-summary {
1458         display: none;
1459 }
1460 section.feature-image.large img {
1461         display: block;
1462         height: auto;
1463         max-width: 117.9%;
1464         padding: 0 0 6px;
1465 }
1466
1467 /* Featured Slider */
1468 .featured-posts {
1469         border-bottom: 1px solid #ddd;
1470         display: block;
1471         height: 328px;
1472         margin: 1.625em -8.9% 20px;
1473         max-width: 1000px;
1474         padding: 0;
1475         position: relative;
1476         overflow: hidden;
1477 }
1478 .featured-posts .showcase-heading {
1479         padding-left: 8.9%;
1480 }
1481 .featured-posts section.featured-post {
1482         background: #fff;
1483         height: 288px;
1484         left: 0;
1485         margin: 0;
1486         position: absolute;
1487         top: 30px;
1488         width: auto;
1489 }
1490 .featured-posts section.featured-post.large {
1491         max-width: 100%;
1492         overflow: hidden;
1493 }
1494 .featured-posts section.featured-post {
1495         -webkit-transition-duration: 200ms;
1496         -webkit-transition-property: opacity, visibility;
1497         -webkit-transition-timing-function: ease;
1498         -moz-transition-duration: 200ms;
1499         -moz-transition-property: opacity, visibility;
1500         -moz-transition-timing-function: ease;
1501 }
1502 .featured-posts section.featured-post {
1503         opacity: 0;
1504         visibility: hidden;
1505 }
1506 .featured-posts #featured-post-1 {
1507         opacity: 1;
1508         visibility: visible;
1509 }
1510 .featured-post .feature-text:after,
1511 .featured-post .feature-image.small:after {
1512         content: ' ';
1513         background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
1514         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+ */
1515         background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
1516         background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
1517         background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
1518         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
1519         background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
1520         width: 100%;
1521         height: 45px;
1522         position: absolute;
1523         top: 230px;
1524 }
1525 .featured-post .feature-image.small:after {
1526         top: 253px;
1527 }
1528 #content .feature-slider {
1529         top: 5px;
1530         right: 8.9%;
1531         overflow: visible;
1532         position: absolute;
1533 }
1534 .feature-slider ul {
1535         list-style-type: none;
1536         margin: 0;
1537 }
1538 .feature-slider li {
1539         float: left;
1540         margin: 0 6px;
1541 }
1542 .feature-slider a {
1543         background: #3c3c3c;
1544         background: rgba(60,60,60,0.9);
1545         -moz-border-radius: 12px;
1546         border-radius: 12px;
1547         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1548         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1549         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1550         display: block;
1551         width: 14px;
1552         height: 14px;
1553 }
1554 .feature-slider a.active {
1555         background: #1982d1;
1556         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1557         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1558         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1559         cursor: default;
1560         opacity: 0.5;
1561 }
1562
1563 /* Recent Posts */
1564 section.recent-posts {
1565         padding: 0 0 1.625em;
1566 }
1567 section.recent-posts .hentry {
1568         border: none;
1569         margin: 0;
1570 }
1571 section.recent-posts .other-recent-posts {
1572         border-bottom: 1px solid #ddd;
1573         list-style: none;
1574         margin: 0;
1575 }
1576 section.recent-posts .other-recent-posts li {
1577         padding: 0.3125em 0;
1578         position: relative;
1579 }
1580 section.recent-posts .other-recent-posts .entry-title {
1581         border-top: 1px solid #ddd;
1582         font-size: 17px;
1583 }
1584 section.recent-posts .other-recent-posts a[rel="bookmark"] {
1585         color: #373737;
1586         float: left;
1587         max-width: 84%;
1588 }
1589 section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1590         content: '-';
1591         color: transparent;
1592         font-size: 11px;
1593 }
1594 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
1595 }
1596 section.recent-posts .other-recent-posts .comments-link a,
1597 section.recent-posts .other-recent-posts .comments-link > span {
1598         border-bottom: 2px solid #999;
1599         bottom: -2px;
1600         color: #444;
1601         display: block;
1602         font-size: 10px;
1603         font-weight: 500;
1604         line-height: 2.76333em;
1605         padding: 0.3125em 0 0.3125em 1em;
1606         position: absolute;
1607         right: 0;
1608         text-align: right;
1609         text-transform: uppercase;
1610         z-index: 1;
1611 }
1612 section.recent-posts .other-recent-posts .comments-link > span {
1613         border-color: #bbb;
1614         color: #888;
1615 }
1616 section.recent-posts .other-recent-posts .comments-link a:hover {
1617         color: #1982d1;
1618         border-color: #1982d1;
1619 }
1620 section.recent-posts .other-recent-posts li:after {
1621         clear: both;
1622         content: '.';
1623         display: block;
1624         height: 0;
1625         visibility: hidden;
1626 }
1627
1628
1629 /* =Attachments
1630 ----------------------------------------------- */
1631
1632 .image-attachment div.attachment {
1633         background: #f9f9f9;
1634         border: 1px solid #ddd;
1635         border-width: 1px 0;
1636         margin: 0 -8.9% 1.625em;
1637         overflow: hidden;
1638         padding: 1.625em 1.625em 0;
1639         text-align: center;
1640 }
1641 .image-attachment div.attachment img {
1642         display: block;
1643         height: auto;
1644         margin: 0 auto 1.625em;
1645         max-width: 100%;
1646 }
1647 .image-attachment div.attachment a img {
1648         border-color: #f9f9f9;
1649 }
1650 .image-attachment div.attachment a:focus img,
1651 .image-attachment div.attachment a:hover img,
1652 .image-attachment div.attachment a:active img {
1653         border-color: #ddd;
1654         background: #fff;
1655 }
1656 .image-attachment .entry-caption p {
1657         font-size: 10px;
1658         letter-spacing: 0.1em;
1659         line-height: 2.6em;
1660         margin: 0 0 2.6em;
1661         text-transform: uppercase;
1662 }
1663
1664
1665 /* =Navigation
1666 -------------------------------------------------------------- */
1667
1668 #content nav {
1669         clear: both;
1670         overflow: hidden;
1671         padding: 0 0 1.625em;
1672 }
1673 #content nav a {
1674         font-size: 12px;
1675         font-weight: bold;
1676         line-height: 2.2em;
1677 }
1678 #nav-above {
1679         padding: 0 0 1.625em;
1680 }
1681 #nav-above {
1682         display: none;
1683 }
1684 .paged #nav-above {
1685         display: block;
1686 }
1687 .nav-previous {
1688         float: left;
1689         width: 50%;
1690 }
1691 .nav-next {
1692         float: right;
1693         text-align: right;
1694         width: 50%;
1695 }
1696 #content nav .meta-nav {
1697         font-weight: normal;
1698 }
1699
1700 /* Singular navigation */
1701 #nav-single {
1702         float: right;
1703         position: relative;
1704         top: -0.3em;
1705         text-align: right;
1706         width: 100%;
1707         z-index: 1;
1708 }
1709 #nav-single .nav-previous,
1710 #nav-single .nav-next {
1711         float: none;
1712         width: auto;
1713 }
1714 #nav-single .nav-next {
1715         padding-left: .5em;
1716 }
1717
1718
1719 /* =Widgets
1720 ----------------------------------------------- */
1721
1722 .widget-area {
1723         font-size: 12px;
1724 }
1725 .widget {
1726         clear: both;
1727         margin: 0 0 2.2em;
1728 }
1729 .widget-title {
1730         color: #666;
1731         font-size: 10px;
1732         font-weight: 500;
1733         letter-spacing: 0.1em;
1734         line-height: 2.6em;
1735         text-transform: uppercase;
1736 }
1737 .widget ul {
1738         font-size: 15px;
1739         margin: 0;
1740 }
1741 .widget ul ul {
1742         margin-left: 1.5em;
1743 }
1744 .widget ul li {
1745         color: #777;
1746         font-size: 13px;
1747 }
1748 .widget a {
1749         font-weight: bold;
1750         text-decoration: none;
1751 }
1752 .widget a:hover,
1753 .widget a:focus,
1754 .widget a:active {
1755         text-decoration: underline;
1756 }
1757
1758 /* Search Widget */
1759 .widget_search form {
1760         margin: 0 0 1.625em;
1761 }
1762 .widget_search #s {
1763         width: 77%;
1764 }
1765 .widget_search #searchsubmit {
1766         background: #ddd;
1767         border: 1px solid #ccc;
1768         -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1769         -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1770         box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1771         color: #888;
1772         font-size: 13px;
1773         line-height: 25px;
1774         position: relative;
1775         top: -2px;
1776 }
1777 .widget_search #searchsubmit:active {
1778         background: #1982d1;
1779         border-color: #0861a5;
1780         -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1781         -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1782         box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1783         color: #bfddf3;
1784 }
1785
1786 /* Ephemera Widget */
1787 section.ephemera ol,
1788 .widget_twentyeleven_ephemera ol {
1789         list-style: square;
1790         margin: 5px 0 0;
1791 }
1792 .widget_twentyeleven_ephemera .widget-entry-title {
1793         font-size: 15px;
1794         font-weight: bold;
1795         padding: 0;
1796 }
1797 .widget_twentyeleven_ephemera .comments-link a,
1798 .widget_twentyeleven_ephemera .comments-link > span {
1799         color: #666;
1800         display: block;
1801         font-size: 10px;
1802         font-weight: 500;
1803         line-height: 2.76333em;
1804         text-transform: uppercase;
1805 }
1806 section.ephemera .entry-title .comments-link a:hover,
1807 .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1808 }
1809 section.ephemera .entry-title a span {
1810         color: #29628d;
1811 }
1812
1813 /* Twitter */
1814 .widget_twitter li {
1815         list-style-type: none;
1816         margin-bottom: 14px;
1817 }
1818 .widget_twitter .timesince {
1819         display: block;
1820         font-size: 11px;
1821         margin-right: -10px;
1822         text-align: right;
1823 }
1824
1825 /* Widget Image */
1826 .widget_image img {
1827         height: auto;
1828         max-width: 100%;
1829 }
1830
1831 /* Calendar Widget */
1832
1833 .widget_calendar #wp-calendar {
1834         color: #555;
1835         width: 95%;
1836         text-align: center;
1837 }
1838 .widget_calendar #wp-calendar caption,
1839 .widget_calendar #wp-calendar td,
1840 .widget_calendar #wp-calendar th {
1841         text-align: center;
1842 }
1843 .widget_calendar #wp-calendar caption {
1844         font-size: 11px;
1845         font-weight: 500;
1846         padding: 5px 0 3px 0;
1847         text-transform: uppercase;
1848 }
1849 .widget_calendar #wp-calendar th {
1850         background: #f4f4f4;
1851         border-top: 1px solid #ccc;
1852         border-bottom: 1px solid #ccc;
1853         font-weight: bold;
1854 }
1855 .widget_calendar #wp-calendar tfoot td {
1856         background: #f4f4f4;
1857         border-top: 1px solid #ccc;
1858         border-bottom: 1px solid #ccc;
1859 }
1860
1861
1862 /* =Comments
1863 ----------------------------------------------- */
1864
1865 #comments-title {
1866         color: #666;
1867         font-size: 10px;
1868         font-weight: 500;
1869         line-height: 2.6em;
1870         padding: 0 0 2.6em;
1871         text-transform: uppercase;
1872 }
1873 .nopassword,
1874 .nocomments {
1875         color: #aaa;
1876         font-size: 24px;
1877         font-weight: 100;
1878         margin: 26px 0;
1879         text-align: center;
1880 }
1881 .commentlist {
1882         list-style: none;
1883         margin: 0 auto;
1884         width: 68.9%;
1885 }
1886 .content .commentlist,
1887 .page-template-sidebar-page-php .commentlist {
1888         width: 100%; /* reset the width for the one-column and sidebar page layout */
1889 }
1890 .commentlist > li.comment {
1891         background: #f6f6f6;
1892         border: 1px solid #ddd;
1893         -moz-border-radius: 3px;
1894         border-radius: 3px;
1895         margin: 0 0 1.625em;
1896         padding: 1.625em;
1897         position: relative;
1898 }
1899 .commentlist .pingback {
1900         margin: 0 0 1.625em;
1901         padding: 0 1.625em;
1902 }
1903 .commentlist .children {
1904         list-style: none;
1905         margin: 0;
1906 }
1907 .commentlist .children li.comment {
1908         background: #fff;
1909         border-left: 1px solid #ddd;
1910         -moz-border-radius: 0 3px 3px 0;
1911         border-radius: 0 3px 3px 0;
1912         margin: 1.625em 0 0;
1913         padding: 1.625em;
1914         position: relative;
1915 }
1916 .commentlist .children li.comment .fn {
1917         display: block;
1918 }
1919 .comment-meta .fn {
1920         font-style: normal;
1921 }
1922 .comment-meta {
1923         color: #666;
1924         font-size: 12px;
1925         line-height: 2.2em;
1926 }
1927 .commentlist .children li.comment .comment-meta {
1928         line-height: 1.625em;
1929         margin-left: 50px;
1930 }
1931 .commentlist .children li.comment .comment-content {
1932         margin: 1.625em 0 0;
1933 }
1934 .comment-meta a {
1935         font-weight: bold;
1936 }
1937 .comment-meta a:focus,
1938 .comment-meta a:active,
1939 .comment-meta a:hover {
1940 }
1941 .commentlist .avatar {
1942         -moz-border-radius: 3px;
1943         border-radius: 3px;
1944         -webkit-box-shadow: 0 1px 2px #ccc;
1945         -moz-box-shadow: 0 1px 2px #ccc;
1946         box-shadow: 0 1px 2px #ccc;
1947         left: -102px;
1948         padding: 0;
1949         position: absolute;
1950         top: 0;
1951 }
1952 .commentlist > li:before {
1953         content: url(images/comment-arrow.png);
1954         left: -21px;
1955         position: absolute;
1956 }
1957 .commentlist > li.pingback:before {
1958         content: '';
1959 }
1960 .commentlist .children .avatar {
1961         background: none;
1962         -webkit-box-shadow: none;
1963         -moz-box-shadow: none;
1964         box-shadow: none;
1965         left: 2.2em;
1966         padding: 0;
1967         top: 2.2em;
1968 }
1969 a.comment-reply-link {
1970         background: #eee;
1971         -moz-border-radius: 3px;
1972         border-radius: 3px;
1973         color: #666;
1974         display: inline-block;
1975         font-size: 12px;
1976         padding: 0 8px;
1977         text-decoration: none;
1978 }
1979 a.comment-reply-link:hover,
1980 a.comment-reply-link:focus,
1981 a.comment-reply-link:active {
1982         background: #888;
1983         color: #fff;
1984 }
1985 a.comment-reply-link > span {
1986         display: inline-block;
1987         position: relative;
1988         top: -1px;
1989 }
1990
1991 /* Post author highlighting */
1992 .commentlist > li.bypostauthor {
1993         background: #ddd;
1994         border-color: #d3d3d3;
1995 }
1996 .commentlist > li.bypostauthor .comment-meta {
1997         color: #575757;
1998 }
1999 .commentlist > li.bypostauthor .comment-meta a:focus,
2000 .commentlist > li.bypostauthor .comment-meta a:active,
2001 .commentlist > li.bypostauthor .comment-meta a:hover {
2002 }
2003 .commentlist > li.bypostauthor:before {
2004         content: url(images/comment-arrow-bypostauthor.png);
2005 }
2006
2007 /* Post Author threaded comments */
2008 .commentlist .children > li.bypostauthor {
2009         background: #ddd;
2010         border-color: #d3d3d3;
2011 }
2012
2013 /* sidebar-page.php comments */
2014 /* Make sure we have room for our comment avatars */
2015 .page-template-sidebar-page-php .commentlist > li.comment,
2016 .page-template-sidebar-page-php.commentlist .pingback {
2017         margin-left: 102px;
2018         width: auto;
2019 }
2020 /* And a full-width comment form */
2021 .page-template-sidebar-page-php #respond {
2022         width: auto;
2023 }
2024
2025 /* Comment Form */
2026 #respond {
2027         background: #ddd;
2028         border: 1px solid #d3d3d3;
2029         -moz-border-radius: 3px;
2030         border-radius: 3px;
2031         margin: 0 auto 1.625em;
2032         padding: 1.625em;
2033         position: relative;
2034         width: 68.9%;
2035 }
2036 #respond input[type="text"],
2037 #respond textarea {
2038         background: #fff;
2039         border: 4px solid #eee;
2040         -moz-border-radius: 5px;
2041         border-radius: 5px;
2042         -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2043         -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2044         box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2045         position: relative;
2046         padding: 10px;
2047         text-indent: 80px;
2048 }
2049 #respond .comment-form-author,
2050 #respond .comment-form-email,
2051 #respond .comment-form-url,
2052 #respond .comment-form-comment {
2053         position: relative;
2054 }
2055 #respond .comment-form-author label,
2056 #respond .comment-form-email label,
2057 #respond .comment-form-url label,
2058 #respond .comment-form-comment label {
2059         background: #eee;
2060         -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2061         -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2062         box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2063         color: #555;
2064         display: inline-block;
2065         font-size: 13px;
2066         left: 4px;
2067         min-width: 60px;
2068         padding: 4px 10px;
2069         position: relative;
2070         top: 40px;
2071         z-index: 1;
2072 }
2073 #respond input[type="text"]:focus,
2074 #respond textarea:focus {
2075         text-indent: 0;
2076         z-index: 1;
2077 }
2078 #respond textarea {
2079         resize: vertical;
2080         width: 95%;
2081 }
2082 #respond .comment-form-author .required,
2083 #respond .comment-form-email .required {
2084         color: #bd3500;
2085         font-size: 22px;
2086         font-weight: bold;
2087         left: 75%;
2088         position: absolute;
2089         top: 45px;
2090         z-index: 1;
2091 }
2092 #respond .comment-notes,
2093 #respond .logged-in-as {
2094         font-size: 13px;
2095 }
2096 #respond p {
2097         margin: 10px 0;
2098 }
2099 #respond .form-submit {
2100         float: right;
2101         margin: -20px 0 10px;
2102 }
2103 #respond input#submit {
2104         background: #222;
2105         border: none;
2106         -moz-border-radius: 3px;
2107         border-radius: 3px;
2108         -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2109         -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2110         box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2111         color: #eee;
2112         cursor: pointer;
2113         font-size: 15px;
2114         margin: 20px 0;
2115         padding: 5px 42px 5px 22px;
2116         position: relative;
2117         left: 30px;
2118         text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2119 }
2120 #respond input#submit:active {
2121         background: #1982d1;
2122         color: #bfddf3;
2123 }
2124 #respond #cancel-comment-reply-link {
2125         color: #666;
2126         margin-left: 10px;
2127         text-decoration: none;
2128 }
2129 #respond .logged-in-as a:hover,
2130 #respond #cancel-comment-reply-link:hover {
2131         text-decoration: underline;
2132 }
2133 .commentlist #respond {
2134         margin: 1.625em 0 0;
2135         width: auto;
2136 }
2137 #reply-title {
2138         color: #373737;
2139         font-size: 24px;
2140         font-weight: bold;
2141         line-height: 30px;
2142 }
2143 #cancel-comment-reply-link {
2144         color: #888;
2145         display: block;
2146         font-size: 10px;
2147         font-weight: normal;
2148         line-height: 2.2em;
2149         letter-spacing: 0.05em;
2150         position: absolute;
2151         right: 1.625em;
2152         text-decoration: none;
2153         text-transform: uppercase;
2154         top: 1.1em;
2155 }
2156 #cancel-comment-reply-link:focus,
2157 #cancel-comment-reply-link:active,
2158 #cancel-comment-reply-link:hover {
2159         color: #ff4b33;
2160 }
2161 #respond label {
2162         line-height: 2.2em;
2163 }
2164 #respond input[type=text] {
2165         display: block;
2166         height: 24px;
2167         width: 75%;
2168 }
2169 #respond p {
2170         font-size: 12px;
2171 }
2172 p.comment-form-comment {
2173         margin: 0;
2174 }
2175 .form-allowed-tags {
2176         display: none;
2177 }
2178
2179
2180 /* =Footer
2181 ----------------------------------------------- */
2182
2183 #colophon {
2184         clear: both;
2185 }
2186 #supplementary {
2187         border-top: 1px solid #ddd;
2188         padding: 1.625em 7.6%;
2189         overflow: hidden;
2190 }
2191
2192 /* Two Footer Widget Areas */
2193 #supplementary.two .widget-area {
2194         float: left;
2195         margin-right: 3.7%;
2196         width: 48.1%;
2197 }
2198 #supplementary.two .widget-area + .widget-area {
2199         margin-right: 0;
2200 }
2201
2202 /* Three Footer Widget Areas */
2203 #supplementary.three .widget-area {
2204         float: left;
2205         margin-right: 3.7%;
2206         width: 30.85%;
2207 }
2208 #supplementary.three .widget-area + .widget-area + .widget-area {
2209         margin-right: 0;
2210 }
2211
2212 /* Site Generator Line */
2213 #site-generator {
2214         background: #f9f9f9;
2215         border-top: 1px solid #ddd;
2216         color: #666;
2217         font-size: 12px;
2218         line-height: 2.2em;
2219         padding: 2.2em 0.5em;
2220         text-align: center;
2221 }
2222 #site-generator a {
2223         color: #555;
2224         font-weight: bold;
2225 }
2226 #site-generator .sep {
2227         background: url(images/wordpress.png) center left no-repeat;
2228         color: transparent;
2229         display: inline-block;
2230         height: 16px;
2231         line-height: 16px;
2232         margin: 0 7px;
2233         width: 16px;
2234 }
2235
2236
2237 /* =Responsive Structure
2238 ----------------------------------------------- */
2239
2240 @media (max-width: 800px) {
2241         /* Simplify the basic layout */
2242         #main #content {
2243                 margin: 0 7.6%;
2244                 width: auto;
2245         }
2246         #nav-below {
2247                 border-bottom: 1px solid #ddd;
2248                 margin-bottom: 1.625em;
2249         }
2250         #main #secondary {
2251                 float: none;
2252                 margin: 0 7.6%;
2253                 width: auto;
2254         }
2255         /* Simplify the showcase template */
2256         .page-template-showcase-php .featured-posts {
2257                 min-height: 280px;
2258         }
2259         .featured-posts section.featured-post {
2260                 height: auto;
2261         }
2262         .page-template-showcase-php section.recent-posts {
2263                 float: none;
2264                 margin: 0;
2265                 width: 100%;
2266         }
2267         .page-template-showcase-php #main .widget-area {
2268                 float: none;
2269                 margin: 0;
2270                 width: auto;
2271         }
2272         .page-template-showcase-php .other-recent-posts {
2273                 border-bottom: 1px solid #ddd;
2274         }
2275         /* Simplify the showcase template when small feature */
2276         section.featured-post .attachment-small-feature,
2277         .one-column section.featured-post .attachment-small-feature {
2278                 border: none;
2279                 display: block;
2280                 float: left;
2281                 height: auto;
2282                 margin: 0.625em auto 1.025em;
2283                 max-width: 30%;
2284                 position: static;
2285         }
2286         article.feature-image.small {
2287                 float: right;
2288                 margin: 0 0 1.625em;
2289                 width: 64%;
2290         }
2291         .one-column article.feature-image.small .entry-summary {
2292                 height: auto;
2293         }
2294         article.feature-image.small .entry-summary p a {
2295                 left: 0;
2296                 padding-left: 20px;
2297                 padding-right: 20px;
2298                 width: auto;
2299         }
2300         /* Remove the margin on singular articles */
2301         .singular .entry-header,
2302         .singular .entry-content,
2303         .singular footer.entry-meta,
2304         .singular #comments-title {
2305                 width: 100%;
2306         }
2307         /* Simplify the pullquotes and pull styles */
2308         .singular blockquote.pull {
2309                 margin: 0 0 1.625em;
2310         }
2311         .singular .pull.alignleft {
2312                 margin: 0 1.625em 0 0;
2313         }
2314         .singular .pull.alignright {
2315                 margin: 0 0 0 1.625em;
2316         }
2317         .singular .entry-meta .edit-link a {
2318                 left: 0;
2319                 position: absolute;
2320                 top: 40px;
2321         }
2322         .singular #author-info {
2323                 margin: 2.2em -8.8% 0;
2324                 padding: 20px 8.8%;
2325         }
2326         /* Make sure we have room for our comment avatars */
2327         .commentlist {
2328                 width: 100%;
2329         }
2330         .commentlist > li.comment,
2331         .commentlist .pingback {
2332                 margin-left: 102px;
2333                 width: auto;
2334         }
2335         /* And a full-width comment form */
2336         #respond {
2337                 width: auto;
2338         }
2339         /* No need to float footer widgets at this size */
2340         #colophon #supplementary .widget-area {
2341                 float: none;
2342                 margin-right: 0;
2343                 width: auto;
2344         }
2345         /* No need to float 404 widgets at this size */
2346         .error404 #main .widget {
2347                 float: none;
2348                 margin-right: 0;
2349                 width: auto;
2350         }
2351         /* Make sure embeds fit their containers */
2352         embed,
2353         object {
2354                 max-width: 100%;
2355         }
2356
2357 }
2358 @media (max-width: 650px) {
2359         /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2360         body, input, textarea {
2361                 font-size: 13px;
2362         }
2363         #site-title a {
2364                 font-size: 24px;
2365         }
2366         #site-description {
2367                 font-size: 12px;
2368         }
2369         #access ul {
2370                 font-size: 12px;
2371         }
2372         article.intro .entry-content {
2373                 font-size: 12px;
2374         }
2375         .entry-title {
2376                 font-size: 21px;
2377         }
2378         .featured-post .entry-title {
2379                 font-size: 14px;
2380         }
2381         .singular .entry-title {
2382                 font-size: 28px;
2383         }
2384         .entry-meta {
2385                 font-size: 12px;
2386         }
2387         blockquote {
2388                 margin: 0;
2389         }
2390         blockquote.pull {
2391                 font-size: 17px;
2392         }
2393         /* Reposition the site title and description slightly */
2394         #site-title {
2395                 padding: 5.30625em 0 0;
2396         }
2397         #site-title,
2398         #site-description {
2399                 margin-right: 0;
2400         }
2401         /* Make sure the logo and search form don't collide */
2402         #branding #searchform {
2403                 top: 1.625em !important;
2404         }
2405         /* Floated content doesn't work well at this size */
2406         .alignleft,
2407         .alignright {
2408                 float: none;
2409                 margin-left: 0;
2410                 margin-right: 0;
2411         }
2412         /* Make sure the post-post navigation doesn't collide with anything */
2413         #nav-single {
2414                 display: block;
2415                 position: static;
2416         }
2417         .singular .hentry {
2418                 padding: 1.625em 0 0;
2419         }
2420         .singular.page .hentry {
2421                 padding: 1.625em 0 0;
2422         }
2423         /* Talking avatars take up too much room at this size */
2424         .commentlist > li.comment,
2425         .commentlist > li.pingback {
2426                 margin-left: 0 !important;
2427         }
2428         .commentlist .avatar {
2429                 background: transparent;
2430                 display: block;
2431                 padding: 0;
2432                 position: static;
2433         }
2434         .commentlist .children .avatar {
2435                 background: none;
2436                 left: 2.2em;
2437                 padding: 0;
2438                 position: absolute;
2439                 top: 2.2em;
2440         }
2441         /* Use the available space in the smaller comment form */
2442         #respond input[type="text"] {
2443                 width: 95%;
2444         }
2445         #respond .comment-form-author .required,
2446         #respond .comment-form-email .required {
2447                 left: 95%;
2448         }
2449         #content .gallery-columns-3 .gallery-item {
2450                 width: 31%;
2451                 padding-right: 2%;
2452         }
2453         #content .gallery-columns-3 .gallery-item img {
2454                 width: 100%;
2455                 height: auto;
2456         }
2457
2458 }
2459 @media (max-width: 450px) {
2460         #content .gallery-columns-2 .gallery-item {
2461                 width: 45%;
2462                 padding-right: 4%;
2463         }
2464         #content .gallery-columns-2 .gallery-item img {
2465                 width: 100%;
2466                 height: auto;
2467         }
2468
2469 }
2470 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2471         body {
2472                 padding: 0;
2473         }
2474         #page {
2475                 margin-top: 0;
2476         }
2477         #branding {
2478                 border-top: none;
2479         }
2480
2481 }
2482
2483
2484 /* =Print
2485 ----------------------------------------------- */
2486
2487 @media print {
2488         body {
2489                 background: none !important;
2490                 font-size: 10pt;
2491         }
2492         footer.entry-meta a[rel=bookmark]:link:after,
2493         footer.entry-meta a[rel=bookmark]:visited:after {
2494                 content: " [" attr(href) "] "; /* Show URLs */
2495         }
2496         #page {
2497                 clear: both !important;
2498                 display: block !important;
2499                 float: none !important;
2500                 max-width: 100%;
2501                 position: relative !important;
2502         }
2503         #branding {
2504                 border-top: none !important;
2505                 padding: 0;
2506         }
2507         #branding hgroup {
2508                 margin: 0;
2509         }
2510         #site-title a {
2511                 font-size: 21pt;
2512         }
2513         #site-description {
2514                 font-size: 10pt;
2515         }
2516         #branding #searchform {
2517                 display: none;
2518         }
2519         #branding img {
2520                 display: none;
2521         }
2522         #access {
2523                 display: none;
2524         }
2525         #main {
2526                 border-top: none;
2527                 box-shadow: none;
2528         }
2529         #primary {
2530                 float: left;
2531                 margin: 0;
2532                 width: 100%;
2533         }
2534         #content {
2535                 margin: 0;
2536                 width: auto;
2537         }
2538         .singular #content {
2539                 margin: 0;
2540                 width: 100%;
2541         }
2542         .singular .entry-header .entry-meta {
2543                 position: static;
2544         }
2545         .entry-meta .edit-link a {
2546                 display: none;
2547         }
2548         #content nav {
2549                 display: none;
2550         }
2551         .singular .entry-header,
2552         .singular .entry-content,
2553         .singular footer.entry-meta,
2554         .singular #comments-title {
2555                 margin: 0;
2556                 width: 100%;
2557         }
2558         .singular .hentry {
2559                 padding: 0;
2560         }
2561         .entry-title,
2562         .singular .entry-title {
2563                 font-size: 21pt;
2564         }
2565         .entry-meta {
2566                 font-size: 10pt;
2567         }
2568         .entry-header .comments-link {
2569                 display: none;
2570         }
2571         .page-link {
2572                 display: none;
2573         }
2574         .singular #author-info {
2575                 background: none;
2576                 border-bottom: none;
2577                 border-top: none;
2578                 margin: 2.2em 0 0;
2579                 padding: 0;
2580         }
2581         #respond {
2582                 display: none;
2583         }
2584         .widget-area {
2585                 display: none;
2586         }
2587         #colophon {
2588                 display: none;
2589         }
2590
2591         /* Comments */
2592         .commentlist > li.comment {
2593                 background: none;
2594                 border: 1px solid #ddd;
2595                 -moz-border-radius: 3px 3px 3px 3px;
2596                 border-radius: 3px 3px 3px 3px;
2597                 margin: 0 auto 1.625em;
2598                 padding: 1.625em;
2599                 position: relative;
2600                 width: auto;
2601         }
2602         .commentlist .avatar {
2603                 height: 39px;
2604                 left: 2.2em;
2605                 top: 2.2em;
2606                 width: 39px;
2607         }
2608         .commentlist li.comment .comment-meta {
2609                 line-height: 1.625em;
2610                 margin-left: 50px;
2611         }
2612         .commentlist li.comment .fn {
2613                 display: block;
2614         }
2615         .commentlist li.comment .comment-content {
2616                 margin: 1.625em 0 0;
2617         }
2618         .commentlist .comment-edit-link {
2619                 display: none;
2620         }
2621         .commentlist > li::before,
2622         .commentlist > li.bypostauthor::before {
2623                 content: '';
2624         }
2625         .commentlist .reply {
2626                 display: none;
2627         }
2628
2629         /* Post author highlighting */
2630         .commentlist > li.bypostauthor {
2631                 color: #444;
2632         }
2633         .commentlist > li.bypostauthor .comment-meta {
2634                 color: #666;
2635         }
2636         .commentlist > li.bypostauthor:before {
2637                 content: none;
2638         }
2639
2640         /* Post Author threaded comments */
2641         .commentlist .children > li.bypostauthor {
2642                 background: #fff;
2643                 border-color: #ddd;
2644         }
2645         .commentlist .children > li.bypostauthor > article,
2646         .commentlist .children > li.bypostauthor > article .comment-meta {
2647                 color: #666;
2648         }
2649
2650 }
2651
2652
2653 /* =IE7
2654 ----------------------------------------------- */
2655
2656 #ie7 article.intro {
2657         margin-left: -7.6%;
2658         margin-right: -7.6%;
2659         padding-left: -7.6%;
2660         padding-right: -7.6%;
2661         max-width: 1000px;
2662 }
2663 #ie7 section.featured-post {
2664         margin-left: -7.6%;
2665         margin-right: -7.6%;
2666         max-width: 850px;
2667 }
2668 #ie7 section.recent-posts {
2669         margin-right: 7.6%;
2670 }