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