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.
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
14 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
15 -------------------------------------------------------------- */
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 {
33 vertical-align: baseline;
35 :focus {/* remember to define focus styles! */
45 table {/* tables still need 'cellspacing="0"' in the markup */
46 border-collapse: separate;
53 blockquote:before, blockquote:after,
63 article, aside, details, figcaption, figure,
64 footer, header, hgroup, menu, nav, section {
70 ----------------------------------------------- */
105 .left-sidebar.singular #content {
110 .singular .entry-header,
111 .singular .entry-content,
112 .singular footer.entry-meta,
113 .singular #comments-title {
119 .singular .image-attachment .entry-content {
123 .singular .image-attachment .entry-description {
129 .page-template-showcase-php #primary,
130 .left-sidebar.page-template-showcase-php #primary {
133 .page-template-showcase-php #content,
134 .left-sidebar.page-template-showcase-php #content {
138 .page-template-showcase-php section.recent-posts {
143 .page-template-showcase-php #main .widget-area {
145 margin: 0 -22.15% 0 0;
154 .error404 #primary #content {
163 margin-right: 1.625em;
168 margin-left: 1.625em;
178 .left-sidebar #primary {
180 margin: 0 0 0 -26.4%;
183 .left-sidebar #content {
184 margin: 0 7.6% 0 34%;
187 .left-sidebar #secondary {
198 .one-column #content {
202 .one-column #nav-below {
203 border-bottom: 1px solid #ddd;
204 margin-bottom: 1.625em;
206 .one-column #secondary {
211 /* Simplify the showcase template */
212 .one-column .page-template-showcase-php section.recent-posts {
217 .one-column .page-template-showcase-php #main .widget-area {
222 .one-column .page-template-showcase-php .other-recent-posts {
223 border-bottom: 1px solid #ddd;
225 /* Simplify the showcase template when small feature */
226 .one-column section.featured-post .attachment-small-feature {
233 .one-column article.feature-image.small {
237 .one-column article.feature-image.small .entry-title {
241 .one-column article.feature-image.small .entry-summary {
245 text-overflow: ellipsis;
247 .one-column article.feature-image.small .entry-summary a {
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 {
257 /* Simplify the pullquotes and pull styles */
258 .one-column.singular blockquote.pull {
261 .one-column.singular .pull.alignleft {
262 margin: 0 1.625em 0 0;
264 .one-column.singular .pull.alignright {
265 margin: 0 0 0 1.625em;
267 .one-column.singular .entry-meta .edit-link a {
272 .one-column.singular #author-info {
273 margin: 2.2em -8.8% 0;
276 /* Make sure we have room for our comment avatars */
277 .one-column .commentlist > li.comment {
281 /* Make sure the logo and search form don't collide */
282 .one-column #branding #searchform {
286 /* Talking avatars take up too much room at this size */
287 .one-column .commentlist > li.comment {
290 .one-column .commentlist > li.comment .comment-meta,
291 .one-column .commentlist > li.comment .comment-content {
294 .one-column .commentlist .avatar {
295 background: transparent;
302 .one-column .commentlist .children .avatar {
309 .one-column #respond {
315 ----------------------------------------------- */
317 body, input, textarea {
319 font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
335 background-color: #ccc;
338 margin-bottom: 1.625em;
343 margin-bottom: 1.625em;
346 margin: 0 0 1.625em 2.5em;
352 list-style-type: decimal;
355 list-style: upper-alpha;
358 list-style: lower-roman;
361 list-style: lower-alpha;
363 ul ul, ol ol, ul ol, ol ul {
373 margin-bottom: 1.625em;
382 font-family: Georgia, "Bitstream Charter", serif;
387 blockquote em, blockquote i, blockquote cite {
392 font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
394 letter-spacing: 0.05em;
395 text-transform: uppercase;
399 font: 13px "Courier 10 Pitch", Courier, monospace;
401 margin-bottom: 1.625em;
403 padding: 0.75em 1.625em;
405 code, kbd, samp, var {
406 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
409 border-bottom: 1px dotted #666;
418 text-decoration: none;
426 vertical-align: baseline;
437 input[type=password],
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;
446 input[type=text]:focus,
458 background: url(images/search.png) no-repeat 5px 6px;
459 -moz-border-radius: 2px;
464 padding: 4px 10px 4px 28px;
473 text-decoration: none;
478 text-decoration: underline;
483 position: absolute !important;
484 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
485 clip: rect(1px, 1px, 1px, 1px);
487 #access a.assistive-text:active,
488 #access a.assistive-text:focus {
490 border-bottom: 1px solid #ddd;
492 clip: auto !important;
495 text-decoration: underline;
502 ----------------------------------------------- */
505 border-top: 2px solid #bbb;
506 padding-bottom: 10px;
512 padding: 3.65625em 0 0;
519 text-decoration: none;
523 #site-title a:active {
529 margin: 0 270px 3.65625em 0;
539 -------------------------------------------------------------- */
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;
559 margin: 0 0 0 -0.8125em;
569 line-height: 3.333em;
571 text-decoration: none;
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);
592 border-bottom: 1px dotted #ddd;
601 #access li:hover > a,
602 #access ul ul :hover > a,
606 #access li:hover > a,
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);
615 #access ul li:hover > ul {
618 #access .current-menu-item > a,
619 #access .current-menu-ancestor > a,
620 #access .current_page_item > a,
621 #access .current_page_ancestor > a {
626 #branding #searchform {
632 #branding #searchform div {
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;
649 background-color: #f9f9f9;
652 #branding #searchsubmit {
655 #branding .only-search #searchform {
659 #branding .only-search #s {
660 background-color: #666;
664 #branding .only-search #s,
665 #branding .only-search #s:focus {
668 #branding .only-search #s:focus {
669 background-color: #bbb;
671 #branding .with-image #searchform {
676 #branding .only-search + #access div {
677 padding-right: 205px;
682 ----------------------------------------------- */
686 padding: 1.625em 0 0;
692 letter-spacing: 0.1em;
695 text-transform: uppercase;
701 text-transform: none;
705 border-bottom: 1px solid #ddd;
707 padding: 0 0 1.625em;
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;
720 .entry-header .entry-meta {
729 padding-bottom: .3em;
735 text-decoration: none;
737 .entry-title a:hover,
738 .entry-title a:focus,
739 .entry-title a:active {
751 .single-author .entry-meta .by-author {
756 padding: 1.625em 0 0;
761 .comment-content h2 {
767 .comment-content h3 {
769 letter-spacing: 0.1em;
771 text-transform: uppercase;
773 .entry-content table,
774 .comment-content table {
775 border-bottom: 1px solid #ddd;
780 .comment-content th {
784 letter-spacing: 0.1em;
786 text-transform: uppercase;
789 .comment-content td {
790 border-top: 1px solid #ddd;
791 padding: 6px 10px 6px 0;
797 .comment-content ol {
798 margin-bottom: 1.625em;
800 .comment-content ul ul,
801 .comment-content ol ol,
802 .comment-content ul ol,
803 .comment-content ol ul {
819 text-decoration: none;
829 .entry-meta .edit-link a,
830 .commentlist .edit-link a {
832 -moz-border-radius: 3px;
839 text-decoration: none;
842 .entry-meta .edit-link a:hover,
843 .commentlist .edit-link a:hover {
847 .entry-content .edit-link {
854 .comment-content img,
856 max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
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 */
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 */
869 .entry-content img.wp-smiley {
878 margin-bottom: 1.625em;
886 margin-bottom: 1.625em;
895 .wp-caption .wp-caption-text,
898 font-family: Georgia, serif;
901 .wp-caption .wp-caption-text {
902 margin-bottom: 0.6em;
903 padding: 10px 0 5px 40px;
906 .wp-caption .wp-caption-text:before {
918 margin: 0 auto 1.625em;
920 #content .gallery a img {
925 margin: 0 auto 1.625em;
927 #content .gallery-columns-4 .gallery-item {
931 #content .gallery-columns-4 .gallery-item img {
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;
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 ... */
958 .wp-caption a:focus img,
959 .wp-caption a:active img,
960 .wp-caption a:hover img {/* ... including captioned images! */
965 /* Make sure embeds and iframes fit their containers */
972 /* Password Protected Posts */
973 .post-password-required .entry-header .comments-link {
976 .post-password-required input[type=password] {
979 .post-password-required input[type=password]:focus {
988 .singular #author-info {
990 border-top: 1px solid #ddd;
991 border-bottom: 1px solid #ddd;
992 margin: 2.2em -35.6% 0 -35.4%;
995 .archive #author-info {
996 border-bottom: 1px solid #ddd;
1002 margin-right: -78px;
1004 #author-avatar img {
1006 -moz-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;
1013 #author-description {
1017 #author-description h2 {
1025 .entry-header .comments-link a {
1026 background: #eee url(images/comment-bubble.png) no-repeat;
1029 font-weight: normal;
1037 text-decoration: none;
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;
1046 color: rgba(255,255,255,0.8);
1048 .entry-header .comments-link .leave-reply {
1053 Post Formats Headings
1054 To hide the headings, display: none the ".entry-header .entry-format" selector,
1055 and remove the padding rules below.
1057 .entry-header .entry-format {
1061 letter-spacing: 0.1em;
1064 text-transform: uppercase;
1067 .entry-header hgroup .entry-title {
1070 article.format-aside .entry-content,
1071 article.format-link .entry-content,
1072 article.format-status .entry-content {
1075 article.format-status .entry-content {
1078 .recent-posts .entry-header .entry-format {
1081 .recent-posts .entry-header hgroup .entry-title {
1085 /* Singular content styles for Posts and Pages */
1087 border-bottom: none;
1088 padding: 4.875em 0 0;
1091 .singular.page .hentry {
1094 .singular .entry-title {
1100 .singular .entry-title,
1101 .singular .entry-header .entry-meta {
1104 .singular .entry-header .entry-meta {
1112 line-height: 1.6125em;
1113 margin: 0 0 1.625em;
1116 .singular blockquote.pull {
1117 margin: 0 -22.25% 1.625em;
1120 margin: 0 1.625em 0 0;
1123 .singular .pull.alignleft {
1124 margin: 0 1.625em 0 -22.25%;
1127 margin: 0 0 0 1.625em;
1130 blockquote.pull.alignleft,
1131 blockquote.pull.alignright {
1134 .singular .pull.alignright {
1135 margin: 0 -22.25% 0 1.625em;
1137 .singular blockquote.pull.alignleft,
1138 .singular blockquote.pull.alignright {
1141 .singular .entry-meta .edit-link a {
1151 ----------------------------------------------- */
1153 .format-aside .entry-title,
1154 .format-aside .entry-header .comments-link {
1157 .singular .format-aside .entry-title {
1160 .format-aside .entry-content {
1163 .singular .format-aside .entry-content {
1164 padding: 1.625em 0 0;
1169 ----------------------------------------------- */
1171 .format-link .entry-title,
1172 .format-link .entry-header .comments-link {
1175 .singular .format-link .entry-title {
1178 .format-link .entry-content {
1181 .singular .format-link .entry-content {
1182 padding: 1.625em 0 0;
1187 ----------------------------------------------- */
1189 .format-gallery .gallery-thumb {
1192 margin: .375em 1.625em 0 0;
1197 ----------------------------------------------- */
1199 .format-status .entry-title,
1200 .format-status .entry-header .comments-link {
1203 .singular .format-status .entry-title {
1206 .format-status .entry-content {
1209 .singular .format-status .entry-content {
1210 padding: 1.625em 0 0;
1212 .format-status img.avatar {
1213 -moz-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;
1219 margin: 4px 10px 2px 0;
1225 ----------------------------------------------- */
1227 .format-quote blockquote {
1235 ----------------------------------------------- */
1237 .indexed.format-image .entry-header {
1238 min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1240 .indexed.format-image .entry-content {
1243 .indexed.format-image .entry-content p {
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 {
1252 .indexed.format-image .entry-content .wp-caption .wp-caption-text {
1254 padding-bottom: 1em;
1256 .indexed.format-image footer.entry-meta {
1262 .indexed.format-image div.entry-meta {
1263 display: inline-block;
1267 .indexed.format-image div.entry-meta + div.entry-meta {
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 {
1276 .indexed.format-image footer.entry-meta a {
1279 .indexed.format-image footer.entry-meta a:hover {
1282 #content .indexed.format-image img {
1287 .indexed.format-image .wp-caption {
1293 .indexed.format-image .wp-caption .wp-caption-text {
1296 .indexed.format-image .wp-caption .wp-caption-text:before {
1299 .indexed.format-image a:hover img {
1305 ----------------------------------------------- */
1307 .error404 #main #searchform {
1308 background: #f9f9f9;
1309 border: 1px solid #ddd;
1310 border-width: 1px 0;
1311 margin: 0 -8.9% 1.625em;
1313 padding: 1.625em 8.9%;
1315 .error404 #main #s {
1318 .error404 #main .widget {
1324 .error404 #main .widget_archive {
1327 .error404 #main .widget_tag_cloud {
1332 .error404 .widgettitle {
1334 letter-spacing: 0.1em;
1336 text-transform: uppercase;
1341 ----------------------------------------------- */
1343 h1.showcase-heading {
1347 letter-spacing: 0.1em;
1349 text-transform: uppercase;
1354 background: #f9f9f9;
1355 border-bottom: none;
1356 margin: -1.855em -8.9% 1.625em;
1359 article.intro .entry-title {
1362 article.intro .entry-content {
1365 padding: 1.625em 0 0.625em;
1367 article.intro .edit-link a {
1369 -moz-border-radius: 3px;
1377 text-decoration: none;
1379 article.intro .edit-link a:hover,
1380 article.intro .edit-link a:focus,
1381 article.intro .edit-link a:active {
1386 section.featured-post {
1388 margin: -1.625em -8.9% 1.625em;
1389 padding: 1.625em 8.9% 0;
1393 section.featured-post .hentry {
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;
1404 /* Small featured post */
1405 section.featured-post .attachment-small-feature {
1408 margin: 0 -8.9% 1.625em 0;
1413 section.featured-post.small {
1416 section.featured-post .attachment-small-feature:hover,
1417 section.featured-post .attachment-small-feature:focus,
1418 section.featured-post .attachment-small-feature:active {
1421 article.feature-image.small {
1423 margin: 0 0 1.625em;
1426 article.feature-image.small .entry-title {
1429 article.feature-image.small .entry-summary {
1433 article.feature-image.small .entry-summary p a {
1438 padding: 9px 26px 9px 85px;
1440 text-decoration: none;
1445 article.feature-image.small .entry-summary p a:hover {
1446 background: #1982d1;
1448 color: rgba(255,255,255,0.8);
1451 /* Large featured post */
1452 section.feature-image.large {
1458 section.feature-image.large .showcase-heading {
1461 section.feature-image.large .hentry {
1462 border-bottom: none;
1464 margin: 1.625em 9% 0 0;
1468 article.feature-image.large .entry-title a {
1470 background: rgba(0,0,0,0.8);
1471 -moz-border-radius: 3px;
1474 display: inline-block;
1478 section.feature-image.large:hover .entry-title a,
1479 section.feature-image.large .entry-title:hover a {
1481 background: rgba(255,255,255,0.8);
1484 article.feature-image.large .entry-summary {
1487 section.feature-image.large img {
1494 /* Featured Slider */
1496 border-bottom: 1px solid #ddd;
1499 margin: 1.625em -8.9% 20px;
1505 .featured-posts .showcase-heading {
1508 .featured-posts section.featured-post {
1517 .featured-posts section.featured-post.large {
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;
1529 .featured-posts section.featured-post {
1533 .featured-posts #featured-post-1 {
1535 visibility: visible;
1537 .featured-post .feature-text:after,
1538 .featured-post .feature-image.small:after {
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 */
1552 .featured-post .feature-image.small:after {
1555 #content .feature-slider {
1561 .feature-slider ul {
1562 list-style-type: none;
1565 .feature-slider li {
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);
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);
1591 section.recent-posts {
1592 padding: 0 0 1.625em;
1594 section.recent-posts .hentry {
1598 section.recent-posts .other-recent-posts {
1599 border-bottom: 1px solid #ddd;
1603 section.recent-posts .other-recent-posts li {
1604 padding: 0.3125em 0;
1607 section.recent-posts .other-recent-posts .entry-title {
1608 border-top: 1px solid #ddd;
1611 section.recent-posts .other-recent-posts a[rel="bookmark"] {
1616 section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1621 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
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;
1631 line-height: 2.76333em;
1632 padding: 0.3125em 0 0.3125em 1em;
1636 text-transform: uppercase;
1639 section.recent-posts .other-recent-posts .comments-link > span {
1643 section.recent-posts .other-recent-posts .comments-link a:hover {
1645 border-color: #1982d1;
1647 section.recent-posts .other-recent-posts li:after {
1657 ----------------------------------------------- */
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;
1665 padding: 1.625em 1.625em 0;
1668 .image-attachment div.attachment img {
1671 margin: 0 auto 1.625em;
1674 .image-attachment div.attachment a img {
1675 border-color: #f9f9f9;
1677 .image-attachment div.attachment a:focus img,
1678 .image-attachment div.attachment a:hover img,
1679 .image-attachment div.attachment a:active img {
1683 .image-attachment .entry-caption p {
1685 letter-spacing: 0.1em;
1688 text-transform: uppercase;
1693 -------------------------------------------------------------- */
1698 padding: 0 0 1.625em;
1706 padding: 0 0 1.625em;
1723 #content nav .meta-nav {
1724 font-weight: normal;
1727 /* Singular navigation */
1735 #nav-single .nav-previous,
1736 #nav-single .nav-next {
1739 #nav-single .nav-next {
1742 #nav-single .nav-previous {
1743 padding-right: .5em;
1748 ----------------------------------------------- */
1761 letter-spacing: 0.1em;
1763 text-transform: uppercase;
1778 text-decoration: none;
1783 text-decoration: underline;
1787 .widget_search form {
1788 margin: 0 0 1.625em;
1793 .widget_search #searchsubmit {
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);
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);
1814 /* Ephemera Widget */
1815 section.ephemera ol,
1816 .widget_twentyeleven_ephemera ol {
1820 .widget_twentyeleven_ephemera .widget-entry-title {
1825 .widget_twentyeleven_ephemera .comments-link a,
1826 .widget_twentyeleven_ephemera .comments-link > span {
1831 line-height: 2.76333em;
1832 text-transform: uppercase;
1834 section.ephemera .entry-title .comments-link a:hover,
1835 .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1837 section.ephemera .entry-title a span {
1842 .widget_twitter li {
1843 list-style-type: none;
1844 margin-bottom: 14px;
1846 .widget_twitter .timesince {
1849 margin-right: -10px;
1861 /* Calendar Widget */
1863 .widget_calendar #wp-calendar {
1868 .widget_calendar #wp-calendar caption,
1869 .widget_calendar #wp-calendar td,
1870 .widget_calendar #wp-calendar th {
1873 .widget_calendar #wp-calendar caption {
1876 padding: 5px 0 3px 0;
1877 text-transform: uppercase;
1879 .widget_calendar #wp-calendar th {
1880 background: #f4f4f4;
1881 border-top: 1px solid #ccc;
1882 border-bottom: 1px solid #ccc;
1885 .widget_calendar #wp-calendar tfoot td {
1886 background: #f4f4f4;
1887 border-top: 1px solid #ccc;
1888 border-bottom: 1px solid #ccc;
1893 ----------------------------------------------- */
1901 text-transform: uppercase;
1916 .content .commentlist,
1917 .page-template-sidebar-page-php .commentlist {
1918 width: 100%; /* reset the width for the one-column and sidebar page layout */
1920 .commentlist > li.comment {
1921 background: #f6f6f6;
1922 border: 1px solid #ddd;
1923 -moz-border-radius: 3px;
1925 margin: 0 0 1.625em;
1929 .commentlist .pingback {
1930 margin: 0 0 1.625em;
1933 .commentlist .children {
1937 .commentlist .children li.comment {
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;
1946 .commentlist .children li.comment .fn {
1957 .commentlist .children li.comment .comment-meta {
1958 line-height: 1.625em;
1961 .commentlist .children li.comment .comment-content {
1962 margin: 1.625em 0 0;
1967 .comment-meta a:focus,
1968 .comment-meta a:active,
1969 .comment-meta a:hover {
1971 .commentlist .avatar {
1972 -moz-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;
1982 .commentlist > li:before {
1983 content: url(images/comment-arrow.png);
1987 .commentlist > li.pingback:before {
1990 .commentlist .children .avatar {
1992 -webkit-box-shadow: none;
1993 -moz-box-shadow: none;
1999 a.comment-reply-link {
2001 -moz-border-radius: 3px;
2004 display: inline-block;
2007 text-decoration: none;
2009 a.comment-reply-link:hover,
2010 a.comment-reply-link:focus,
2011 a.comment-reply-link:active {
2015 a.comment-reply-link > span {
2016 display: inline-block;
2021 /* Post author highlighting */
2022 .commentlist > li.bypostauthor {
2024 border-color: #d3d3d3;
2026 .commentlist > li.bypostauthor .comment-meta {
2029 .commentlist > li.bypostauthor .comment-meta a:focus,
2030 .commentlist > li.bypostauthor .comment-meta a:active,
2031 .commentlist > li.bypostauthor .comment-meta a:hover {
2033 .commentlist > li.bypostauthor:before {
2034 content: url(images/comment-arrow-bypostauthor.png);
2037 /* Post Author threaded comments */
2038 .commentlist .children > li.bypostauthor {
2040 border-color: #d3d3d3;
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 {
2050 /* And a full-width comment form */
2051 .page-template-sidebar-page-php #respond {
2058 border: 1px solid #d3d3d3;
2059 -moz-border-radius: 3px;
2061 margin: 0 auto 1.625em;
2066 #respond input[type="text"],
2069 border: 4px solid #eee;
2070 -moz-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);
2079 #respond .comment-form-author,
2080 #respond .comment-form-email,
2081 #respond .comment-form-url,
2082 #respond .comment-form-comment {
2085 #respond .comment-form-author label,
2086 #respond .comment-form-email label,
2087 #respond .comment-form-url label,
2088 #respond .comment-form-comment label {
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);
2094 display: inline-block;
2103 #respond input[type="text"]:focus,
2104 #respond textarea:focus {
2112 #respond .comment-form-author .required,
2113 #respond .comment-form-email .required {
2122 #respond .comment-notes,
2123 #respond .logged-in-as {
2129 #respond .form-submit {
2131 margin: -20px 0 10px;
2133 #respond input#submit {
2136 -moz-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);
2145 padding: 5px 42px 5px 22px;
2148 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2150 #respond input#submit:active {
2151 background: #1982d1;
2154 #respond #cancel-comment-reply-link {
2157 text-decoration: none;
2159 #respond .logged-in-as a:hover,
2160 #respond #cancel-comment-reply-link:hover {
2161 text-decoration: underline;
2163 .commentlist #respond {
2164 margin: 1.625em 0 0;
2173 #cancel-comment-reply-link {
2177 font-weight: normal;
2179 letter-spacing: 0.05em;
2182 text-decoration: none;
2183 text-transform: uppercase;
2186 #cancel-comment-reply-link:focus,
2187 #cancel-comment-reply-link:active,
2188 #cancel-comment-reply-link:hover {
2194 #respond input[type=text] {
2202 p.comment-form-comment {
2205 .form-allowed-tags {
2211 ----------------------------------------------- */
2217 border-top: 1px solid #ddd;
2218 padding: 1.625em 7.6%;
2222 /* Two Footer Widget Areas */
2223 #supplementary.two .widget-area {
2228 #supplementary.two .widget-area + .widget-area {
2232 /* Three Footer Widget Areas */
2233 #supplementary.three .widget-area {
2238 #supplementary.three .widget-area + .widget-area + .widget-area {
2242 /* Site Generator Line */
2244 background: #f9f9f9;
2245 border-top: 1px solid #ddd;
2249 padding: 2.2em 0.5em;
2258 /* =Responsive Structure
2259 ----------------------------------------------- */
2261 @media (max-width: 800px) {
2262 /* Simplify the basic layout */
2268 border-bottom: 1px solid #ddd;
2269 margin-bottom: 1.625em;
2276 /* Simplify the showcase template */
2277 .page-template-showcase-php .featured-posts {
2280 .featured-posts section.featured-post {
2283 .page-template-showcase-php section.recent-posts {
2288 .page-template-showcase-php #main .widget-area {
2293 .page-template-showcase-php .other-recent-posts {
2294 border-bottom: 1px solid #ddd;
2296 /* Simplify the showcase template when small feature */
2297 section.featured-post .attachment-small-feature,
2298 .one-column section.featured-post .attachment-small-feature {
2303 margin: 0.625em auto 1.025em;
2307 article.feature-image.small {
2309 margin: 0 0 1.625em;
2312 .one-column article.feature-image.small .entry-summary {
2315 article.feature-image.small .entry-summary p a {
2318 padding-right: 20px;
2321 /* Remove the margin on singular articles */
2322 .singular .entry-header,
2323 .singular .entry-content,
2324 .singular footer.entry-meta,
2325 .singular #comments-title {
2328 /* Simplify the pullquotes and pull styles */
2329 .singular blockquote.pull {
2330 margin: 0 0 1.625em;
2332 .singular .pull.alignleft {
2333 margin: 0 1.625em 0 0;
2335 .singular .pull.alignright {
2336 margin: 0 0 0 1.625em;
2338 .singular .entry-meta .edit-link a {
2343 .singular #author-info {
2344 margin: 2.2em -8.8% 0;
2347 /* Make sure we have room for our comment avatars */
2351 .commentlist > li.comment,
2352 .commentlist .pingback {
2356 /* And a full-width comment form */
2360 /* No need to float footer widgets at this size */
2361 #colophon #supplementary .widget-area {
2366 /* No need to float 404 widgets at this size */
2367 .error404 #main .widget {
2374 @media (max-width: 650px) {
2375 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2376 body, input, textarea {
2388 article.intro .entry-content {
2394 .featured-post .entry-title {
2397 .singular .entry-title {
2409 /* Reposition the site title and description slightly */
2411 padding: 5.30625em 0 0;
2417 /* Make sure the logo and search form don't collide */
2418 #branding #searchform {
2419 top: 1.625em !important;
2421 /* Floated content doesn't work well at this size */
2429 /* Make sure the post-post navigation doesn't collide with anything */
2435 padding: 1.625em 0 0;
2437 .singular.page .hentry {
2438 padding: 1.625em 0 0;
2440 /* Talking avatars take up too much room at this size */
2441 .commentlist > li.comment,
2442 .commentlist > li.pingback {
2443 margin-left: 0 !important;
2445 .commentlist .avatar {
2446 background: transparent;
2451 .commentlist .children .avatar {
2458 /* Use the available space in the smaller comment form */
2459 #respond input[type="text"] {
2462 #respond .comment-form-author .required,
2463 #respond .comment-form-email .required {
2466 #content .gallery-columns-3 .gallery-item {
2470 #content .gallery-columns-3 .gallery-item img {
2476 @media (max-width: 450px) {
2477 #content .gallery-columns-2 .gallery-item {
2481 #content .gallery-columns-2 .gallery-item img {
2487 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2502 ----------------------------------------------- */
2506 background: none !important;
2509 footer.entry-meta a[rel=bookmark]:link:after,
2510 footer.entry-meta a[rel=bookmark]:visited:after {
2511 content: " [" attr(href) "] "; /* Show URLs */
2514 clear: both !important;
2515 display: block !important;
2516 float: none !important;
2518 position: relative !important;
2521 border-top: none !important;
2533 #branding #searchform {
2555 .singular #content {
2559 .singular .entry-header .entry-meta {
2562 .entry-meta .edit-link a {
2568 .singular .entry-header,
2569 .singular .entry-content,
2570 .singular footer.entry-meta,
2571 .singular #comments-title {
2579 .singular .entry-title {
2585 .entry-header .comments-link {
2591 .singular #author-info {
2593 border-bottom: none;
2609 .commentlist > li.comment {
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;
2619 .commentlist .avatar {
2625 .commentlist li.comment .comment-meta {
2626 line-height: 1.625em;
2629 .commentlist li.comment .fn {
2632 .commentlist li.comment .comment-content {
2633 margin: 1.625em 0 0;
2635 .commentlist .comment-edit-link {
2638 .commentlist > li::before,
2639 .commentlist > li.bypostauthor::before {
2642 .commentlist .reply {
2646 /* Post author highlighting */
2647 .commentlist > li.bypostauthor {
2650 .commentlist > li.bypostauthor .comment-meta {
2653 .commentlist > li.bypostauthor:before {
2657 /* Post Author threaded comments */
2658 .commentlist .children > li.bypostauthor {
2662 .commentlist .children > li.bypostauthor > article,
2663 .commentlist .children > li.bypostauthor > article .comment-meta {
2671 ----------------------------------------------- */
2673 #ie7 article.intro {
2675 margin-right: -7.6%;
2676 padding-left: -7.6%;
2677 padding-right: -7.6%;
2680 #ie7 section.featured-post {
2682 margin-right: -7.6%;
2685 #ie7 section.recent-posts {
2690 ----------------------------------------------- */
2692 #ie8 section.feature-image.large img {