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