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