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
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
13 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
14 -------------------------------------------------------------- */
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 {
32 vertical-align: baseline;
34 :focus {/* remember to define focus styles! */
44 table {/* tables still need 'cellspacing="0"' in the markup */
45 border-collapse: separate;
52 blockquote:before, blockquote:after,
62 article, aside, details, figcaption, figure,
63 footer, header, hgroup, menu, nav, section {
69 ----------------------------------------------- */
104 .left-sidebar.singular #content {
109 .singular .entry-header,
110 .singular .entry-content,
111 .singular footer.entry-meta,
112 .singular #comments-title {
118 .singular .image-attachment .entry-content {
122 .singular .image-attachment .entry-description {
128 .page-template-showcase-php #primary,
129 .left-sidebar.page-template-showcase-php #primary {
132 .page-template-showcase-php #content,
133 .left-sidebar.page-template-showcase-php #content {
137 .page-template-showcase-php section.recent-posts {
142 .page-template-showcase-php #main .widget-area {
144 margin: 0 -22.15% 0 0;
153 .error404 #primary #content {
162 margin-right: 1.625em;
167 margin-left: 1.625em;
177 .left-sidebar #primary {
179 margin: 0 0 0 -26.4%;
182 .left-sidebar #content {
183 margin: 0 7.6% 0 34%;
186 .left-sidebar #secondary {
197 .one-column #content {
201 .one-column #nav-below {
202 border-bottom: 1px solid #ddd;
203 margin-bottom: 1.625em;
205 .one-column #secondary {
210 /* Simplify the showcase template */
211 .one-column .page-template-showcase-php section.recent-posts {
216 .one-column .page-template-showcase-php #main .widget-area {
221 .one-column .page-template-showcase-php .other-recent-posts {
222 border-bottom: 1px solid #ddd;
224 /* Simplify the showcase template when small feature */
225 .one-column section.featured-post .attachment-small-feature {
232 .one-column article.feature-image.small {
236 .one-column article.feature-image.small .entry-title {
240 .one-column article.feature-image.small .entry-summary {
244 text-overflow: ellipsis;
246 .one-column article.feature-image.small .entry-summary a {
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 {
256 /* Simplify the pullquotes and pull styles */
257 .one-column.singular blockquote.pull {
260 .one-column.singular .pull.alignleft {
261 margin: 0 1.625em 0 0;
263 .one-column.singular .pull.alignright {
264 margin: 0 0 0 1.625em;
266 .one-column.singular .entry-meta .edit-link a {
271 .one-column.singular #author-info {
272 margin: 2.2em -8.8% 0;
275 /* Make sure we have room for our comment avatars */
276 .one-column .commentlist > li.comment {
280 /* Make sure the logo and search form don't collide */
281 .one-column #branding #searchform {
285 /* Talking avatars take up too much room at this size */
286 .one-column .commentlist > li.comment {
289 .one-column .commentlist > li.comment .comment-meta,
290 .one-column .commentlist > li.comment .comment-content {
293 .one-column .commentlist .avatar {
294 background: transparent;
301 .one-column .commentlist .children .avatar {
308 .one-column #respond {
314 ----------------------------------------------- */
316 body, input, textarea {
318 font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
334 background-color: #ccc;
337 margin-bottom: 1.625em;
342 margin-bottom: 1.625em;
345 margin: 0 0 1.625em 2.5em;
351 list-style-type: decimal;
354 list-style: upper-alpha;
357 list-style: lower-roman;
360 list-style: lower-alpha;
362 ul ul, ol ol, ul ol, ol ul {
372 margin-bottom: 1.625em;
381 font-family: Georgia, "Bitstream Charter", serif;
386 blockquote em, blockquote i, blockquote cite {
391 font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
393 letter-spacing: 0.05em;
394 text-transform: uppercase;
398 font: 13px "Courier 10 Pitch", Courier, monospace;
400 margin-bottom: 1.625em;
402 padding: 0.75em 1.625em;
405 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
408 border-bottom: 1px dotted #666;
417 text-decoration: none;
425 vertical-align: baseline;
436 input[type=password],
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;
445 input[type=text]:focus,
457 background: url(images/search.png) no-repeat 5px 6px;
458 -moz-border-radius: 2px;
463 padding: 4px 10px 4px 28px;
472 text-decoration: none;
477 text-decoration: underline;
482 position: absolute !important;
483 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
484 clip: rect(1px, 1px, 1px, 1px);
486 #access a.assistive-text:active,
487 #access a.assistive-text:focus {
489 border-bottom: 1px solid #ddd;
491 clip: auto !important;
494 text-decoration: underline;
501 ----------------------------------------------- */
504 border-top: 2px solid #bbb;
505 padding-bottom: 10px;
511 padding: 3.65625em 0 0;
518 text-decoration: none;
522 #site-title a:active {
528 margin: 0 270px 3.65625em 0;
538 -------------------------------------------------------------- */
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;
558 margin: 0 0 0 -0.8125em;
568 line-height: 3.333em;
570 text-decoration: none;
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);
591 border-bottom: 1px dotted #ddd;
600 #access li:hover > a,
601 #access ul ul :hover > a,
605 #access li:hover > a,
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);
614 #access ul li:hover > ul {
617 #access .current-menu-item > a,
618 #access .current-menu-ancestor > a,
619 #access .current_page_item > a,
620 #access .current_page_ancestor > a {
625 #branding #searchform {
631 #branding #searchform div {
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;
648 background-color: #f9f9f9;
651 #branding #searchsubmit {
654 #branding .only-search #searchform {
658 #branding .only-search #s {
659 background-color: #666;
663 #branding .only-search #s,
664 #branding .only-search #s:focus {
667 #branding .only-search #s:focus {
668 background-color: #bbb;
670 #branding .with-image #searchform {
675 #branding .only-search + #access div {
676 padding-right: 205px;
681 ----------------------------------------------- */
685 padding: 1.625em 0 0;
691 letter-spacing: 0.1em;
694 text-transform: uppercase;
700 text-transform: none;
704 border-bottom: 1px solid #ddd;
706 padding: 0 0 1.625em;
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;
719 .entry-header .entry-meta {
728 padding-bottom: .3em;
734 text-decoration: none;
736 .entry-title a:hover,
737 .entry-title a:focus,
738 .entry-title a:active {
750 .single-author .entry-meta .by-author {
755 padding: 1.625em 0 0;
760 .comment-content h2 {
766 .comment-content h3 {
768 letter-spacing: 0.1em;
770 text-transform: uppercase;
772 .entry-content table,
773 .comment-content table {
774 border-bottom: 1px solid #ddd;
779 .comment-content th {
783 letter-spacing: 0.1em;
785 text-transform: uppercase;
788 .comment-content td {
789 border-top: 1px solid #ddd;
790 padding: 6px 10px 6px 0;
796 .comment-content ol {
797 margin-bottom: 1.625em;
799 .comment-content ul ul,
800 .comment-content ol ol,
801 .comment-content ul ol,
802 .comment-content ol ul {
818 text-decoration: none;
828 .entry-meta .edit-link a,
829 .commentlist .edit-link a {
831 -moz-border-radius: 3px;
838 text-decoration: none;
841 .entry-meta .edit-link a:hover,
842 .commentlist .edit-link a:hover {
846 .entry-content .edit-link {
853 .comment-content img,
855 max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
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 */
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 */
868 .entry-content img.wp-smiley {
877 margin-bottom: 1.625em;
885 margin-bottom: 1.625em;
894 .wp-caption .wp-caption-text,
897 font-family: Georgia, serif;
900 .wp-caption .wp-caption-text {
901 margin-bottom: 0.6em;
902 padding: 10px 0 5px 40px;
905 .wp-caption .wp-caption-text:before {
917 margin: 0 auto 1.625em;
919 #content .gallery a img {
924 margin: 0 auto 1.625em;
926 #content .gallery-columns-4 .gallery-item {
930 #content .gallery-columns-4 .gallery-item img {
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;
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 ... */
957 .wp-caption a:focus img,
958 .wp-caption a:active img,
959 .wp-caption a:hover img {/* ... including captioned images! */
964 /* Make sure embeds and iframes fit their containers */
971 /* Password Protected Posts */
972 .post-password-required .entry-header .comments-link {
975 .post-password-required input[type=password] {
978 .post-password-required input[type=password]:focus {
987 .singular #author-info {
989 border-top: 1px solid #ddd;
990 border-bottom: 1px solid #ddd;
991 margin: 2.2em -35.6% 0 -35.4%;
994 .archive #author-info {
995 border-bottom: 1px solid #ddd;
1001 margin-right: -78px;
1003 #author-avatar img {
1005 -moz-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;
1012 #author-description {
1016 #author-description h2 {
1024 .entry-header .comments-link a {
1025 background: #eee url(images/comment-bubble.png) no-repeat;
1028 font-weight: normal;
1036 text-decoration: none;
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;
1045 color: rgba(255,255,255,0.8);
1047 .entry-header .comments-link .leave-reply {
1052 Post Formats Headings
1053 To hide the headings, display: none the ".entry-header .entry-format" selector,
1054 and remove the padding rules below.
1056 .entry-header .entry-format {
1060 letter-spacing: 0.1em;
1063 text-transform: uppercase;
1066 .entry-header hgroup .entry-title {
1069 article.format-aside .entry-content,
1070 article.format-link .entry-content,
1071 article.format-status .entry-content {
1074 article.format-status .entry-content {
1077 .recent-posts .entry-header .entry-format {
1080 .recent-posts .entry-header hgroup .entry-title {
1084 /* Singular content styles for Posts and Pages */
1086 border-bottom: none;
1087 padding: 4.875em 0 0;
1090 .singular.page .hentry {
1093 .singular .entry-title {
1099 .singular .entry-title,
1100 .singular .entry-header .entry-meta {
1103 .singular .entry-header .entry-meta {
1111 line-height: 1.6125em;
1112 margin: 0 0 1.625em;
1115 .singular blockquote.pull {
1116 margin: 0 -22.25% 1.625em;
1119 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;
1131 .singular .pull.alignright {
1132 margin: 0 -22.25% 0 1.625em;
1134 .singular blockquote.pull.alignleft,
1135 .singular blockquote.pull.alignright {
1138 .singular .entry-meta .edit-link a {
1148 ----------------------------------------------- */
1150 .format-aside .entry-title,
1151 .format-aside .entry-header .comments-link {
1154 .singular .format-aside .entry-title {
1157 .format-aside .entry-content {
1160 .singular .format-aside .entry-content {
1161 padding: 1.625em 0 0;
1166 ----------------------------------------------- */
1168 .format-link .entry-title,
1169 .format-link .entry-header .comments-link {
1172 .singular .format-link .entry-title {
1175 .format-link .entry-content {
1178 .singular .format-link .entry-content {
1179 padding: 1.625em 0 0;
1184 ----------------------------------------------- */
1186 .format-gallery .gallery-thumb {
1189 margin: .375em 1.625em 0 0;
1194 ----------------------------------------------- */
1196 .format-status .entry-title,
1197 .format-status .entry-header .comments-link {
1200 .singular .format-status .entry-title {
1203 .format-status .entry-content {
1206 .singular .format-status .entry-content {
1207 padding: 1.625em 0 0;
1209 .format-status img.avatar {
1210 -moz-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;
1216 margin: 4px 10px 2px 0;
1222 ----------------------------------------------- */
1224 .format-quote blockquote {
1232 ----------------------------------------------- */
1234 .indexed.format-image .entry-header {
1235 min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1237 .indexed.format-image .entry-content {
1240 .indexed.format-image p,
1241 .indexed.format-image p img {
1244 .indexed.format-image footer.entry-meta {
1250 .indexed.format-image div.entry-meta {
1251 display: inline-block;
1255 .indexed.format-image div.entry-meta + div.entry-meta {
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 {
1264 .indexed.format-image footer.entry-meta a {
1267 .indexed.format-image footer.entry-meta a:hover {
1270 #content .indexed.format-image img {
1275 .indexed.format-image .wp-caption {
1281 .indexed.format-image .wp-caption .wp-caption-text {
1284 .indexed.format-image .wp-caption .wp-caption-text:before {
1287 .indexed.format-image a:hover img {
1293 ----------------------------------------------- */
1295 .error404 #main #searchform {
1296 background: #f9f9f9;
1297 border: 1px solid #ddd;
1298 border-width: 1px 0;
1299 margin: 0 -8.9% 1.625em;
1301 padding: 1.625em 8.9%;
1303 .error404 #main #s {
1306 .error404 #main .widget {
1312 .error404 #main .widget_archive {
1315 .error404 #main .widget_tag_cloud {
1320 .error404 .widgettitle {
1322 letter-spacing: 0.1em;
1324 text-transform: uppercase;
1329 ----------------------------------------------- */
1331 h1.showcase-heading {
1335 letter-spacing: 0.1em;
1337 text-transform: uppercase;
1342 background: #f9f9f9;
1343 border-bottom: none;
1344 margin: -1.855em -8.9% 1.625em;
1347 article.intro .entry-title {
1350 article.intro .entry-content {
1353 padding: 1.625em 0 0.625em;
1355 article.intro .edit-link a {
1357 -moz-border-radius: 3px;
1365 text-decoration: none;
1367 article.intro .edit-link a:hover,
1368 article.intro .edit-link a:focus,
1369 article.intro .edit-link a:active {
1374 section.featured-post {
1376 margin: -1.625em -8.9% 1.625em;
1377 padding: 1.625em 8.9% 0;
1381 section.featured-post .hentry {
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;
1392 /* Small featured post */
1393 section.featured-post .attachment-small-feature {
1396 margin: 0 -8.9% 1.625em 0;
1401 section.featured-post.small {
1404 section.featured-post .attachment-small-feature:hover,
1405 section.featured-post .attachment-small-feature:focus,
1406 section.featured-post .attachment-small-feature:active {
1409 article.feature-image.small {
1411 margin: 0 0 1.625em;
1414 article.feature-image.small .entry-title {
1417 article.feature-image.small .entry-summary {
1421 article.feature-image.small .entry-summary p a {
1426 padding: 9px 26px 9px 85px;
1428 text-decoration: none;
1433 article.feature-image.small .entry-summary p a:hover {
1434 background: #1982d1;
1436 color: rgba(255,255,255,0.8);
1439 /* Large featured post */
1440 section.feature-image.large {
1446 section.feature-image.large .showcase-heading {
1449 section.feature-image.large .hentry {
1450 border-bottom: none;
1452 margin: 1.625em 9% 0 0;
1456 article.feature-image.large .entry-title a {
1458 background: rgba(0,0,0,0.8);
1459 -moz-border-radius: 3px;
1462 display: inline-block;
1466 section.feature-image.large:hover .entry-title a,
1467 section.feature-image.large .entry-title:hover a {
1469 background: rgba(255,255,255,0.8);
1472 article.feature-image.large .entry-summary {
1475 section.feature-image.large img {
1482 /* Featured Slider */
1484 border-bottom: 1px solid #ddd;
1487 margin: 1.625em -8.9% 20px;
1493 .featured-posts .showcase-heading {
1496 .featured-posts section.featured-post {
1505 .featured-posts section.featured-post.large {
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;
1517 .featured-posts section.featured-post {
1521 .featured-posts #featured-post-1 {
1523 visibility: visible;
1525 .featured-post .feature-text:after,
1526 .featured-post .feature-image.small:after {
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 */
1540 .featured-post .feature-image.small:after {
1543 #content .feature-slider {
1549 .feature-slider ul {
1550 list-style-type: none;
1553 .feature-slider li {
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);
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);
1579 section.recent-posts {
1580 padding: 0 0 1.625em;
1582 section.recent-posts .hentry {
1586 section.recent-posts .other-recent-posts {
1587 border-bottom: 1px solid #ddd;
1591 section.recent-posts .other-recent-posts li {
1592 padding: 0.3125em 0;
1595 section.recent-posts .other-recent-posts .entry-title {
1596 border-top: 1px solid #ddd;
1599 section.recent-posts .other-recent-posts a[rel="bookmark"] {
1604 section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1609 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
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;
1619 line-height: 2.76333em;
1620 padding: 0.3125em 0 0.3125em 1em;
1624 text-transform: uppercase;
1627 section.recent-posts .other-recent-posts .comments-link > span {
1631 section.recent-posts .other-recent-posts .comments-link a:hover {
1633 border-color: #1982d1;
1635 section.recent-posts .other-recent-posts li:after {
1645 ----------------------------------------------- */
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;
1653 padding: 1.625em 1.625em 0;
1656 .image-attachment div.attachment img {
1659 margin: 0 auto 1.625em;
1662 .image-attachment div.attachment a img {
1663 border-color: #f9f9f9;
1665 .image-attachment div.attachment a:focus img,
1666 .image-attachment div.attachment a:hover img,
1667 .image-attachment div.attachment a:active img {
1671 .image-attachment .entry-caption p {
1673 letter-spacing: 0.1em;
1676 text-transform: uppercase;
1681 -------------------------------------------------------------- */
1686 padding: 0 0 1.625em;
1694 padding: 0 0 1.625em;
1711 #content nav .meta-nav {
1712 font-weight: normal;
1715 /* Singular navigation */
1723 #nav-single .nav-previous,
1724 #nav-single .nav-next {
1728 #nav-single .nav-next {
1734 ----------------------------------------------- */
1747 letter-spacing: 0.1em;
1749 text-transform: uppercase;
1764 text-decoration: none;
1769 text-decoration: underline;
1773 .widget_search form {
1774 margin: 0 0 1.625em;
1779 .widget_search #searchsubmit {
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);
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);
1800 /* Ephemera Widget */
1801 section.ephemera ol,
1802 .widget_twentyeleven_ephemera ol {
1806 .widget_twentyeleven_ephemera .widget-entry-title {
1811 .widget_twentyeleven_ephemera .comments-link a,
1812 .widget_twentyeleven_ephemera .comments-link > span {
1817 line-height: 2.76333em;
1818 text-transform: uppercase;
1820 section.ephemera .entry-title .comments-link a:hover,
1821 .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1823 section.ephemera .entry-title a span {
1828 .widget_twitter li {
1829 list-style-type: none;
1830 margin-bottom: 14px;
1832 .widget_twitter .timesince {
1835 margin-right: -10px;
1845 /* Calendar Widget */
1847 .widget_calendar #wp-calendar {
1852 .widget_calendar #wp-calendar caption,
1853 .widget_calendar #wp-calendar td,
1854 .widget_calendar #wp-calendar th {
1857 .widget_calendar #wp-calendar caption {
1860 padding: 5px 0 3px 0;
1861 text-transform: uppercase;
1863 .widget_calendar #wp-calendar th {
1864 background: #f4f4f4;
1865 border-top: 1px solid #ccc;
1866 border-bottom: 1px solid #ccc;
1869 .widget_calendar #wp-calendar tfoot td {
1870 background: #f4f4f4;
1871 border-top: 1px solid #ccc;
1872 border-bottom: 1px solid #ccc;
1877 ----------------------------------------------- */
1885 text-transform: uppercase;
1900 .content .commentlist,
1901 .page-template-sidebar-page-php .commentlist {
1902 width: 100%; /* reset the width for the one-column and sidebar page layout */
1904 .commentlist > li.comment {
1905 background: #f6f6f6;
1906 border: 1px solid #ddd;
1907 -moz-border-radius: 3px;
1909 margin: 0 0 1.625em;
1913 .commentlist .pingback {
1914 margin: 0 0 1.625em;
1917 .commentlist .children {
1921 .commentlist .children li.comment {
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;
1930 .commentlist .children li.comment .fn {
1941 .commentlist .children li.comment .comment-meta {
1942 line-height: 1.625em;
1945 .commentlist .children li.comment .comment-content {
1946 margin: 1.625em 0 0;
1951 .comment-meta a:focus,
1952 .comment-meta a:active,
1953 .comment-meta a:hover {
1955 .commentlist .avatar {
1956 -moz-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;
1966 .commentlist > li:before {
1967 content: url(images/comment-arrow.png);
1971 .commentlist > li.pingback:before {
1974 .commentlist .children .avatar {
1976 -webkit-box-shadow: none;
1977 -moz-box-shadow: none;
1983 a.comment-reply-link {
1985 -moz-border-radius: 3px;
1988 display: inline-block;
1991 text-decoration: none;
1993 a.comment-reply-link:hover,
1994 a.comment-reply-link:focus,
1995 a.comment-reply-link:active {
1999 a.comment-reply-link > span {
2000 display: inline-block;
2005 /* Post author highlighting */
2006 .commentlist > li.bypostauthor {
2008 border-color: #d3d3d3;
2010 .commentlist > li.bypostauthor .comment-meta {
2013 .commentlist > li.bypostauthor .comment-meta a:focus,
2014 .commentlist > li.bypostauthor .comment-meta a:active,
2015 .commentlist > li.bypostauthor .comment-meta a:hover {
2017 .commentlist > li.bypostauthor:before {
2018 content: url(images/comment-arrow-bypostauthor.png);
2021 /* Post Author threaded comments */
2022 .commentlist .children > li.bypostauthor {
2024 border-color: #d3d3d3;
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 {
2034 /* And a full-width comment form */
2035 .page-template-sidebar-page-php #respond {
2042 border: 1px solid #d3d3d3;
2043 -moz-border-radius: 3px;
2045 margin: 0 auto 1.625em;
2050 #respond input[type="text"],
2053 border: 4px solid #eee;
2054 -moz-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);
2063 #respond .comment-form-author,
2064 #respond .comment-form-email,
2065 #respond .comment-form-url,
2066 #respond .comment-form-comment {
2069 #respond .comment-form-author label,
2070 #respond .comment-form-email label,
2071 #respond .comment-form-url label,
2072 #respond .comment-form-comment label {
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);
2078 display: inline-block;
2087 #respond input[type="text"]:focus,
2088 #respond textarea:focus {
2096 #respond .comment-form-author .required,
2097 #respond .comment-form-email .required {
2106 #respond .comment-notes,
2107 #respond .logged-in-as {
2113 #respond .form-submit {
2115 margin: -20px 0 10px;
2117 #respond input#submit {
2120 -moz-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);
2129 padding: 5px 42px 5px 22px;
2132 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2134 #respond input#submit:active {
2135 background: #1982d1;
2138 #respond #cancel-comment-reply-link {
2141 text-decoration: none;
2143 #respond .logged-in-as a:hover,
2144 #respond #cancel-comment-reply-link:hover {
2145 text-decoration: underline;
2147 .commentlist #respond {
2148 margin: 1.625em 0 0;
2157 #cancel-comment-reply-link {
2161 font-weight: normal;
2163 letter-spacing: 0.05em;
2166 text-decoration: none;
2167 text-transform: uppercase;
2170 #cancel-comment-reply-link:focus,
2171 #cancel-comment-reply-link:active,
2172 #cancel-comment-reply-link:hover {
2178 #respond input[type=text] {
2186 p.comment-form-comment {
2189 .form-allowed-tags {
2195 ----------------------------------------------- */
2201 border-top: 1px solid #ddd;
2202 padding: 1.625em 7.6%;
2206 /* Two Footer Widget Areas */
2207 #supplementary.two .widget-area {
2212 #supplementary.two .widget-area + .widget-area {
2216 /* Three Footer Widget Areas */
2217 #supplementary.three .widget-area {
2222 #supplementary.three .widget-area + .widget-area + .widget-area {
2226 /* Site Generator Line */
2228 background: #f9f9f9;
2229 border-top: 1px solid #ddd;
2233 padding: 2.2em 0.5em;
2240 #site-generator .sep {
2241 background: url(images/wordpress.png) center left no-repeat;
2243 display: inline-block;
2251 /* =Responsive Structure
2252 ----------------------------------------------- */
2254 @media (max-width: 800px) {
2255 /* Simplify the basic layout */
2261 border-bottom: 1px solid #ddd;
2262 margin-bottom: 1.625em;
2269 /* Simplify the showcase template */
2270 .page-template-showcase-php .featured-posts {
2273 .featured-posts section.featured-post {
2276 .page-template-showcase-php section.recent-posts {
2281 .page-template-showcase-php #main .widget-area {
2286 .page-template-showcase-php .other-recent-posts {
2287 border-bottom: 1px solid #ddd;
2289 /* Simplify the showcase template when small feature */
2290 section.featured-post .attachment-small-feature,
2291 .one-column section.featured-post .attachment-small-feature {
2296 margin: 0.625em auto 1.025em;
2300 article.feature-image.small {
2302 margin: 0 0 1.625em;
2305 .one-column article.feature-image.small .entry-summary {
2308 article.feature-image.small .entry-summary p a {
2311 padding-right: 20px;
2314 /* Remove the margin on singular articles */
2315 .singular .entry-header,
2316 .singular .entry-content,
2317 .singular footer.entry-meta,
2318 .singular #comments-title {
2321 /* Simplify the pullquotes and pull styles */
2322 .singular blockquote.pull {
2323 margin: 0 0 1.625em;
2325 .singular .pull.alignleft {
2326 margin: 0 1.625em 0 0;
2328 .singular .pull.alignright {
2329 margin: 0 0 0 1.625em;
2331 .singular .entry-meta .edit-link a {
2336 .singular #author-info {
2337 margin: 2.2em -8.8% 0;
2340 /* Make sure we have room for our comment avatars */
2344 .commentlist > li.comment,
2345 .commentlist .pingback {
2349 /* And a full-width comment form */
2353 /* No need to float footer widgets at this size */
2354 #colophon #supplementary .widget-area {
2359 /* No need to float 404 widgets at this size */
2360 .error404 #main .widget {
2367 @media (max-width: 650px) {
2368 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2369 body, input, textarea {
2381 article.intro .entry-content {
2387 .featured-post .entry-title {
2390 .singular .entry-title {
2402 /* Reposition the site title and description slightly */
2404 padding: 5.30625em 0 0;
2410 /* Make sure the logo and search form don't collide */
2411 #branding #searchform {
2412 top: 1.625em !important;
2414 /* Floated content doesn't work well at this size */
2421 /* Make sure the post-post navigation doesn't collide with anything */
2427 padding: 1.625em 0 0;
2429 .singular.page .hentry {
2430 padding: 1.625em 0 0;
2432 /* Talking avatars take up too much room at this size */
2433 .commentlist > li.comment,
2434 .commentlist > li.pingback {
2435 margin-left: 0 !important;
2437 .commentlist .avatar {
2438 background: transparent;
2443 .commentlist .children .avatar {
2450 /* Use the available space in the smaller comment form */
2451 #respond input[type="text"] {
2454 #respond .comment-form-author .required,
2455 #respond .comment-form-email .required {
2458 #content .gallery-columns-3 .gallery-item {
2462 #content .gallery-columns-3 .gallery-item img {
2468 @media (max-width: 450px) {
2469 #content .gallery-columns-2 .gallery-item {
2473 #content .gallery-columns-2 .gallery-item img {
2479 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2494 ----------------------------------------------- */
2498 background: none !important;
2501 footer.entry-meta a[rel=bookmark]:link:after,
2502 footer.entry-meta a[rel=bookmark]:visited:after {
2503 content: " [" attr(href) "] "; /* Show URLs */
2506 clear: both !important;
2507 display: block !important;
2508 float: none !important;
2510 position: relative !important;
2513 border-top: none !important;
2525 #branding #searchform {
2547 .singular #content {
2551 .singular .entry-header .entry-meta {
2554 .entry-meta .edit-link a {
2560 .singular .entry-header,
2561 .singular .entry-content,
2562 .singular footer.entry-meta,
2563 .singular #comments-title {
2571 .singular .entry-title {
2577 .entry-header .comments-link {
2583 .singular #author-info {
2585 border-bottom: none;
2601 .commentlist > li.comment {
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;
2611 .commentlist .avatar {
2617 .commentlist li.comment .comment-meta {
2618 line-height: 1.625em;
2621 .commentlist li.comment .fn {
2624 .commentlist li.comment .comment-content {
2625 margin: 1.625em 0 0;
2627 .commentlist .comment-edit-link {
2630 .commentlist > li::before,
2631 .commentlist > li.bypostauthor::before {
2634 .commentlist .reply {
2638 /* Post author highlighting */
2639 .commentlist > li.bypostauthor {
2642 .commentlist > li.bypostauthor .comment-meta {
2645 .commentlist > li.bypostauthor:before {
2649 /* Post Author threaded comments */
2650 .commentlist .children > li.bypostauthor {
2654 .commentlist .children > li.bypostauthor > article,
2655 .commentlist .children > li.bypostauthor > article .comment-meta {
2663 ----------------------------------------------- */
2665 #ie7 article.intro {
2667 margin-right: -7.6%;
2668 padding-left: -7.6%;
2669 padding-right: -7.6%;
2672 #ie7 section.featured-post {
2674 margin-right: -7.6%;
2677 #ie7 section.recent-posts {