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, flexible-header, 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;
440 input[type=password],
446 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
447 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
448 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
449 border: 1px solid #ddd;
452 input[type=text]:focus,
453 input[type=password]:focus,
454 input[type=email]:focus,
455 input[type=url]:focus,
456 input[type=number]:focus,
465 input[type=password],
472 background: url(images/search.png) no-repeat 5px 6px;
473 -moz-border-radius: 2px;
478 padding: 4px 10px 4px 28px;
487 text-decoration: none;
492 text-decoration: underline;
497 position: absolute !important;
498 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
499 clip: rect(1px, 1px, 1px, 1px);
501 #access a.assistive-text:active,
502 #access a.assistive-text:focus {
504 border-bottom: 1px solid #ddd;
506 clip: auto !important;
509 text-decoration: underline;
516 ----------------------------------------------- */
519 border-top: 2px solid #bbb;
520 padding-bottom: 10px;
526 padding: 3.65625em 0 0;
533 text-decoration: none;
537 #site-title a:active {
543 margin: 0 270px 3.65625em 0;
553 -------------------------------------------------------------- */
556 background: #222; /* Show a solid color for older browsers */
557 background: -moz-linear-gradient(#252525, #0a0a0a);
558 background: -o-linear-gradient(#252525, #0a0a0a);
559 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
560 background: -webkit-linear-gradient(#252525, #0a0a0a);
561 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
562 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
563 box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
573 margin: 0 0 0 -0.8125em;
583 line-height: 3.333em;
585 text-decoration: none;
588 -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
589 -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
590 box-shadow: 0 3px 3px rgba(0,0,0,0.2);
606 border-bottom: 1px dotted #ddd;
615 #access li:hover > a,
616 #access ul ul :hover > a,
620 #access li:hover > a,
622 background: #f9f9f9; /* Show a solid color for older browsers */
623 background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
624 background: -o-linear-gradient(#f9f9f9, #e5e5e5);
625 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
626 background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
629 #access ul li:hover > ul {
632 #access .current-menu-item > a,
633 #access .current-menu-ancestor > a,
634 #access .current_page_item > a,
635 #access .current_page_ancestor > a {
640 #branding #searchform {
646 #branding #searchform div {
651 -webkit-transition-duration: 400ms;
652 -webkit-transition-property: width, background;
653 -webkit-transition-timing-function: ease;
654 -moz-transition-duration: 400ms;
655 -moz-transition-property: width, background;
656 -moz-transition-timing-function: ease;
657 -o-transition-duration: 400ms;
658 -o-transition-property: width, background;
659 -o-transition-timing-function: ease;
663 background-color: #f9f9f9;
666 #branding #searchsubmit {
669 #branding .only-search #searchform {
673 #branding .only-search #s {
674 background-color: #666;
678 #branding .only-search #s,
679 #branding .only-search #s:focus {
682 #branding .only-search #s:focus {
683 background-color: #bbb;
685 #branding .with-image #searchform {
690 #branding .only-search + #access div {
691 padding-right: 205px;
696 ----------------------------------------------- */
700 padding: 1.625em 0 0;
706 letter-spacing: 0.1em;
709 text-transform: uppercase;
715 text-transform: none;
719 border-bottom: 1px solid #ddd;
721 padding: 0 0 1.625em;
728 .blog .sticky .entry-header .entry-meta {
729 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
730 clip: rect(1px, 1px, 1px, 1px);
731 position: absolute !important;
734 .entry-header .entry-meta {
743 padding-bottom: .3em;
749 text-decoration: none;
751 .entry-title a:hover,
752 .entry-title a:focus,
753 .entry-title a:active {
765 .single-author .entry-meta .by-author {
770 padding: 1.625em 0 0;
775 .comment-content h2 {
781 .comment-content h3 {
783 letter-spacing: 0.1em;
785 text-transform: uppercase;
787 .entry-content table,
788 .comment-content table {
789 border-bottom: 1px solid #ddd;
794 .comment-content th {
798 letter-spacing: 0.1em;
800 text-transform: uppercase;
803 .comment-content td {
804 border-top: 1px solid #ddd;
805 padding: 6px 10px 6px 0;
811 .comment-content ol {
812 margin-bottom: 1.625em;
814 .comment-content ul ul,
815 .comment-content ol ol,
816 .comment-content ul ol,
817 .comment-content ol ul {
833 text-decoration: none;
843 .entry-meta .edit-link a,
844 .commentlist .edit-link a {
846 -moz-border-radius: 3px;
853 text-decoration: none;
856 .entry-meta .edit-link a:hover,
857 .commentlist .edit-link a:hover {
861 .entry-content .edit-link {
868 .comment-content img,
870 max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
873 img[class*="wp-image-"],
874 img[class*="attachment-"] {
875 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
880 width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
881 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
883 .entry-content img.wp-smiley {
892 margin-bottom: 1.625em;
900 margin-bottom: 1.625em;
909 .wp-caption .wp-caption-text,
912 font-family: Georgia, serif;
915 .wp-caption .wp-caption-text {
916 margin-bottom: 0.6em;
917 padding: 10px 0 5px 40px;
920 .wp-caption .wp-caption-text:before {
932 margin: 0 auto 1.625em;
934 #content .gallery a img {
939 margin: 0 auto 1.625em;
941 #content .gallery-columns-4 .gallery-item {
945 #content .gallery-columns-4 .gallery-item img {
952 img[class*="wp-image-"],
953 #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
954 border: 1px solid #ddd;
960 a:focus img[class*="align"],
961 a:hover img[class*="align"],
962 a:active img[class*="align"],
963 a:focus img[class*="wp-image-"],
964 a:hover img[class*="wp-image-"],
965 a:active img[class*="wp-image-"],
966 #content .gallery .gallery-icon a:focus img,
967 #content .gallery .gallery-icon a:hover img,
968 #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
972 .wp-caption a:focus img,
973 .wp-caption a:active img,
974 .wp-caption a:hover img {/* ... including captioned images! */
979 /* Make sure videos and embeds fit their containers */
985 .entry-content .twitter-tweet-rendered {
986 max-width: 100% !important; /* Override the Twitter embed fixed width */
989 /* Password Protected Posts */
990 .post-password-required .entry-header .comments-link {
993 .post-password-required input[type=password] {
996 .post-password-required input[type=password]:focus {
1005 .singular #author-info {
1006 background: #f9f9f9;
1007 border-top: 1px solid #ddd;
1008 border-bottom: 1px solid #ddd;
1009 margin: 2.2em -35.6% 0 -35.4%;
1010 padding: 20px 35.4%;
1012 .archive #author-info {
1013 border-bottom: 1px solid #ddd;
1019 margin-right: -78px;
1021 #author-avatar img {
1023 -moz-border-radius: 3px;
1025 -webkit-box-shadow: 0 1px 2px #bbb;
1026 -moz-box-shadow: 0 1px 2px #bbb;
1027 box-shadow: 0 1px 2px #bbb;
1030 #author-description {
1034 #author-description h2 {
1042 .entry-header .comments-link a {
1043 background: #eee url(images/comment-bubble.png) no-repeat;
1046 font-weight: normal;
1054 text-decoration: none;
1058 .entry-header .comments-link a:hover,
1059 .entry-header .comments-link a:focus,
1060 .entry-header .comments-link a:active {
1061 background-color: #1982d1;
1063 color: rgba(255,255,255,0.8);
1065 .entry-header .comments-link .leave-reply {
1070 Post Formats Headings
1071 To hide the headings, display: none the ".entry-header .entry-format" selector,
1072 and remove the padding rules below.
1074 .entry-header .entry-format {
1078 letter-spacing: 0.1em;
1081 text-transform: uppercase;
1084 .entry-header hgroup .entry-title {
1087 article.format-aside .entry-content,
1088 article.format-link .entry-content,
1089 article.format-status .entry-content {
1092 article.format-status .entry-content {
1095 .recent-posts .entry-header .entry-format {
1098 .recent-posts .entry-header hgroup .entry-title {
1102 /* Singular content styles for Posts and Pages */
1104 border-bottom: none;
1105 padding: 4.875em 0 0;
1108 .singular.page .hentry {
1111 .singular .entry-title {
1117 .singular .entry-title,
1118 .singular .entry-header .entry-meta {
1121 .singular .entry-header .entry-meta {
1129 line-height: 1.6125em;
1130 margin: 0 0 1.625em;
1133 .singular blockquote.pull {
1134 margin: 0 -22.25% 1.625em;
1137 margin: 0 1.625em 0 0;
1140 .singular .pull.alignleft {
1141 margin: 0 1.625em 0 -22.25%;
1144 margin: 0 0 0 1.625em;
1147 blockquote.pull.alignleft,
1148 blockquote.pull.alignright {
1151 .singular .pull.alignright {
1152 margin: 0 -22.25% 0 1.625em;
1154 .singular blockquote.pull.alignleft,
1155 .singular blockquote.pull.alignright {
1158 .singular .entry-meta .edit-link a {
1168 ----------------------------------------------- */
1170 .format-aside .entry-title,
1171 .format-aside .entry-header .comments-link {
1174 .singular .format-aside .entry-title {
1177 .format-aside .entry-content {
1180 .singular .format-aside .entry-content {
1181 padding: 1.625em 0 0;
1186 ----------------------------------------------- */
1188 .format-link .entry-title,
1189 .format-link .entry-header .comments-link {
1192 .singular .format-link .entry-title {
1195 .format-link .entry-content {
1198 .singular .format-link .entry-content {
1199 padding: 1.625em 0 0;
1204 ----------------------------------------------- */
1206 .format-gallery .gallery-thumb {
1209 margin: .375em 1.625em 0 0;
1215 ----------------------------------------------- */
1217 .format-status .entry-title,
1218 .format-status .entry-header .comments-link {
1221 .singular .format-status .entry-title {
1224 .format-status .entry-content {
1227 .singular .format-status .entry-content {
1228 padding: 1.625em 0 0;
1230 .format-status img.avatar {
1231 -moz-border-radius: 3px;
1233 -webkit-box-shadow: 0 1px 2px #ccc;
1234 -moz-box-shadow: 0 1px 2px #ccc;
1235 box-shadow: 0 1px 2px #ccc;
1237 margin: 4px 10px 2px 0;
1243 ----------------------------------------------- */
1245 .format-quote blockquote {
1253 ----------------------------------------------- */
1255 .indexed.format-image .entry-header {
1256 min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
1258 .indexed.format-image .entry-content {
1261 .indexed.format-image .entry-content p {
1264 .indexed.format-image .entry-content p:first-child,
1265 .indexed.format-image .entry-content p:first-child a,
1266 .indexed.format-image .entry-content p:first-child img {
1270 .indexed.format-image .entry-content .wp-caption .wp-caption-text {
1272 padding-bottom: 1em;
1274 .indexed.format-image footer.entry-meta {
1280 .indexed.format-image div.entry-meta {
1281 display: inline-block;
1285 .indexed.format-image div.entry-meta + div.entry-meta {
1289 .indexed.format-image .entry-meta span.cat-links,
1290 .indexed.format-image .entry-meta span.tag-links,
1291 .indexed.format-image .entry-meta span.comments-link {
1294 .indexed.format-image footer.entry-meta a {
1297 .indexed.format-image footer.entry-meta a:hover {
1300 #content .indexed.format-image img {
1305 .indexed.format-image .wp-caption {
1311 .indexed.format-image .wp-caption .wp-caption-text {
1314 .indexed.format-image .wp-caption .wp-caption-text:before {
1317 .indexed.format-image a:hover img {
1323 ----------------------------------------------- */
1325 .error404 #main #searchform {
1326 background: #f9f9f9;
1327 border: 1px solid #ddd;
1328 border-width: 1px 0;
1329 margin: 0 -8.9% 1.625em;
1331 padding: 1.625em 8.9%;
1333 .error404 #main #s {
1336 .error404 #main .widget {
1342 .error404 #main .widget_archive {
1345 .error404 #main .widget_tag_cloud {
1350 .error404 .widgettitle {
1352 letter-spacing: 0.1em;
1354 text-transform: uppercase;
1359 ----------------------------------------------- */
1361 h1.showcase-heading {
1365 letter-spacing: 0.1em;
1367 text-transform: uppercase;
1372 background: #f9f9f9;
1373 border-bottom: none;
1374 margin: -1.855em -8.9% 1.625em;
1377 article.intro .entry-title {
1380 article.intro .entry-content {
1383 padding: 1.625em 0 0.625em;
1385 article.intro .edit-link a {
1387 -moz-border-radius: 3px;
1395 text-decoration: none;
1397 article.intro .edit-link a:hover,
1398 article.intro .edit-link a:focus,
1399 article.intro .edit-link a:active {
1404 section.featured-post {
1406 margin: -1.625em -8.9% 1.625em;
1407 padding: 1.625em 8.9% 0;
1411 section.featured-post .hentry {
1416 section.featured-post .entry-meta {
1417 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
1418 clip: rect(1px, 1px, 1px, 1px);
1419 position: absolute !important;
1422 /* Small featured post */
1423 section.featured-post .attachment-small-feature {
1426 margin: 0 -8.9% 1.625em 0;
1431 section.featured-post.small {
1434 section.featured-post .attachment-small-feature:hover,
1435 section.featured-post .attachment-small-feature:focus,
1436 section.featured-post .attachment-small-feature:active {
1439 article.feature-image.small {
1441 margin: 0 0 1.625em;
1444 article.feature-image.small .entry-title {
1447 article.feature-image.small .entry-summary {
1451 article.feature-image.small .entry-summary p a {
1456 padding: 9px 26px 9px 85px;
1458 text-decoration: none;
1463 article.feature-image.small .entry-summary p a:hover {
1464 background: #1982d1;
1466 color: rgba(255,255,255,0.8);
1469 /* Large featured post */
1470 section.feature-image.large {
1476 section.feature-image.large .showcase-heading {
1479 section.feature-image.large .hentry {
1480 border-bottom: none;
1482 margin: 1.625em 9% 0 0;
1486 article.feature-image.large .entry-title a {
1488 background: rgba(0,0,0,0.8);
1489 -moz-border-radius: 3px;
1492 display: inline-block;
1496 section.feature-image.large:hover .entry-title a,
1497 section.feature-image.large .entry-title:hover a {
1499 background: rgba(255,255,255,0.8);
1502 article.feature-image.large .entry-summary {
1505 section.feature-image.large img {
1512 /* Featured Slider */
1514 border-bottom: 1px solid #ddd;
1517 margin: 1.625em -8.9% 20px;
1523 .featured-posts .showcase-heading {
1526 .featured-posts section.featured-post {
1535 .featured-posts section.featured-post.large {
1539 .featured-posts section.featured-post {
1540 -webkit-transition-duration: 200ms;
1541 -webkit-transition-property: opacity, visibility;
1542 -webkit-transition-timing-function: ease;
1543 -moz-transition-duration: 200ms;
1544 -moz-transition-property: opacity, visibility;
1545 -moz-transition-timing-function: ease;
1547 .featured-posts section.featured-post {
1551 .featured-posts #featured-post-1 {
1553 visibility: visible;
1555 .featured-post .feature-text:after,
1556 .featured-post .feature-image.small:after {
1558 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
1559 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
1560 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
1561 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
1562 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
1563 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
1564 background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
1570 .featured-post .feature-image.small:after {
1573 #content .feature-slider {
1579 .feature-slider ul {
1580 list-style-type: none;
1583 .feature-slider li {
1588 background: #3c3c3c;
1589 background: rgba(60,60,60,0.9);
1590 -moz-border-radius: 12px;
1591 border-radius: 12px;
1592 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1593 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1594 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
1599 .feature-slider a.active {
1600 background: #1982d1;
1601 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1602 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1603 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
1609 section.recent-posts {
1610 padding: 0 0 1.625em;
1612 section.recent-posts .hentry {
1616 section.recent-posts .other-recent-posts {
1617 border-bottom: 1px solid #ddd;
1621 section.recent-posts .other-recent-posts li {
1622 padding: 0.3125em 0;
1625 section.recent-posts .other-recent-posts .entry-title {
1626 border-top: 1px solid #ddd;
1629 section.recent-posts .other-recent-posts a[rel="bookmark"] {
1634 section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
1639 section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
1641 section.recent-posts .other-recent-posts .comments-link a,
1642 section.recent-posts .other-recent-posts .comments-link > span {
1643 border-bottom: 2px solid #999;
1649 line-height: 2.76333em;
1650 padding: 0.3125em 0 0.3125em 1em;
1654 text-transform: uppercase;
1657 section.recent-posts .other-recent-posts .comments-link > span {
1661 section.recent-posts .other-recent-posts .comments-link a:hover {
1663 border-color: #1982d1;
1665 section.recent-posts .other-recent-posts li:after {
1675 ----------------------------------------------- */
1677 .image-attachment div.attachment {
1678 background: #f9f9f9;
1679 border: 1px solid #ddd;
1680 border-width: 1px 0;
1681 margin: 0 -8.9% 1.625em;
1683 padding: 1.625em 1.625em 0;
1686 .image-attachment div.attachment img {
1689 margin: 0 auto 1.625em;
1692 .image-attachment div.attachment a img {
1693 border-color: #f9f9f9;
1695 .image-attachment div.attachment a:focus img,
1696 .image-attachment div.attachment a:hover img,
1697 .image-attachment div.attachment a:active img {
1701 .image-attachment .entry-caption p {
1703 letter-spacing: 0.1em;
1706 text-transform: uppercase;
1711 -------------------------------------------------------------- */
1716 padding: 0 0 1.625em;
1724 padding: 0 0 1.625em;
1741 #content nav .meta-nav {
1742 font-weight: normal;
1745 /* Singular navigation */
1753 #nav-single .nav-previous,
1754 #nav-single .nav-next {
1757 #nav-single .nav-next {
1760 #nav-single .nav-previous {
1761 padding-right: .5em;
1766 ----------------------------------------------- */
1772 word-wrap: break-word;
1773 -webkit-hyphens: auto;
1783 letter-spacing: 0.1em;
1785 text-transform: uppercase;
1800 text-decoration: none;
1805 text-decoration: underline;
1809 .widget_search form {
1810 margin: 0 0 1.625em;
1815 .widget_search #searchsubmit {
1817 border: 1px solid #ccc;
1818 -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1819 -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1820 box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
1827 .widget_search #searchsubmit:active {
1828 background: #1982d1;
1829 border-color: #0861a5;
1830 -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1831 -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1832 box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
1836 /* Ephemera Widget */
1837 section.ephemera ol,
1838 .widget_twentyeleven_ephemera ol {
1842 .widget_twentyeleven_ephemera .widget-entry-title {
1847 .widget_twentyeleven_ephemera .comments-link a,
1848 .widget_twentyeleven_ephemera .comments-link > span {
1853 line-height: 2.76333em;
1854 text-transform: uppercase;
1856 section.ephemera .entry-title .comments-link a:hover,
1857 .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
1859 section.ephemera .entry-title a span {
1864 .widget_twitter li {
1865 list-style-type: none;
1866 margin-bottom: 14px;
1868 .widget_twitter .timesince {
1871 margin-right: -10px;
1883 /* Calendar Widget */
1885 .widget_calendar #wp-calendar {
1890 .widget_calendar #wp-calendar caption,
1891 .widget_calendar #wp-calendar td,
1892 .widget_calendar #wp-calendar th {
1895 .widget_calendar #wp-calendar caption {
1898 padding: 5px 0 3px 0;
1899 text-transform: uppercase;
1901 .widget_calendar #wp-calendar th {
1902 background: #f4f4f4;
1903 border-top: 1px solid #ccc;
1904 border-bottom: 1px solid #ccc;
1907 .widget_calendar #wp-calendar tfoot td {
1908 background: #f4f4f4;
1909 border-top: 1px solid #ccc;
1910 border-bottom: 1px solid #ccc;
1915 ----------------------------------------------- */
1923 text-transform: uppercase;
1938 .content .commentlist,
1939 .page-template-sidebar-page-php .commentlist {
1940 width: 100%; /* reset the width for the one-column and sidebar page layout */
1942 .commentlist > li.comment {
1943 background: #f6f6f6;
1944 border: 1px solid #ddd;
1945 -moz-border-radius: 3px;
1947 margin: 0 0 1.625em;
1951 .commentlist .pingback {
1952 margin: 0 0 1.625em;
1955 .commentlist .children {
1959 .commentlist .children li.comment {
1961 border-left: 1px solid #ddd;
1962 -moz-border-radius: 0 3px 3px 0;
1963 border-radius: 0 3px 3px 0;
1964 margin: 1.625em 0 0;
1968 .commentlist .children li.comment .fn {
1979 .commentlist .children li.comment .comment-meta {
1980 line-height: 1.625em;
1983 .commentlist .children li.comment .comment-content {
1984 margin: 1.625em 0 0;
1985 word-wrap: break-word;
1986 -webkit-hyphens: auto;
1993 .comment-meta a:focus,
1994 .comment-meta a:active,
1995 .comment-meta a:hover {
1997 .commentlist .avatar {
1998 -moz-border-radius: 3px;
2000 -webkit-box-shadow: 0 1px 2px #ccc;
2001 -moz-box-shadow: 0 1px 2px #ccc;
2002 box-shadow: 0 1px 2px #ccc;
2008 .commentlist > li:before {
2009 content: url(images/comment-arrow.png);
2013 .commentlist > li.pingback:before {
2016 .commentlist .children .avatar {
2018 -webkit-box-shadow: none;
2019 -moz-box-shadow: none;
2025 a.comment-reply-link {
2027 -moz-border-radius: 3px;
2030 display: inline-block;
2033 text-decoration: none;
2035 a.comment-reply-link:hover,
2036 a.comment-reply-link:focus,
2037 a.comment-reply-link:active {
2041 a.comment-reply-link > span {
2042 display: inline-block;
2047 /* Post author highlighting */
2048 .commentlist > li.bypostauthor {
2050 border-color: #d3d3d3;
2052 .commentlist > li.bypostauthor .comment-meta {
2055 .commentlist > li.bypostauthor .comment-meta a:focus,
2056 .commentlist > li.bypostauthor .comment-meta a:active,
2057 .commentlist > li.bypostauthor .comment-meta a:hover {
2059 .commentlist > li.bypostauthor:before {
2060 content: url(images/comment-arrow-bypostauthor.png);
2063 /* Post Author threaded comments */
2064 .commentlist .children > li.bypostauthor {
2066 border-color: #d3d3d3;
2069 /* sidebar-page.php comments */
2070 /* Make sure we have room for our comment avatars */
2071 .page-template-sidebar-page-php .commentlist > li.comment,
2072 .page-template-sidebar-page-php.commentlist .pingback {
2076 /* And a full-width comment form */
2077 .page-template-sidebar-page-php #respond {
2084 border: 1px solid #d3d3d3;
2085 -moz-border-radius: 3px;
2087 margin: 0 auto 1.625em;
2092 #respond input[type="text"],
2095 border: 4px solid #eee;
2096 -moz-border-radius: 5px;
2098 -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2099 -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2100 box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
2105 #respond .comment-form-author,
2106 #respond .comment-form-email,
2107 #respond .comment-form-url,
2108 #respond .comment-form-comment {
2111 #respond .comment-form-author label,
2112 #respond .comment-form-email label,
2113 #respond .comment-form-url label,
2114 #respond .comment-form-comment label {
2116 -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2117 -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2118 box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
2120 display: inline-block;
2129 #respond input[type="text"]:focus,
2130 #respond textarea:focus {
2138 #respond .comment-form-author .required,
2139 #respond .comment-form-email .required {
2147 #respond .comment-notes,
2148 #respond .logged-in-as {
2154 #respond .form-submit {
2156 margin: -20px 0 10px;
2158 #respond input#submit {
2161 -moz-border-radius: 3px;
2163 -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2164 -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2165 box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
2170 padding: 5px 42px 5px 22px;
2173 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
2175 #respond input#submit:active {
2176 background: #1982d1;
2179 #respond #cancel-comment-reply-link {
2182 text-decoration: none;
2184 #respond .logged-in-as a:hover,
2185 #respond #cancel-comment-reply-link:hover {
2186 text-decoration: underline;
2188 .commentlist #respond {
2189 margin: 1.625em 0 0;
2198 #cancel-comment-reply-link {
2202 font-weight: normal;
2204 letter-spacing: 0.05em;
2207 text-decoration: none;
2208 text-transform: uppercase;
2211 #cancel-comment-reply-link:focus,
2212 #cancel-comment-reply-link:active,
2213 #cancel-comment-reply-link:hover {
2219 #respond input[type=text] {
2227 p.comment-form-comment {
2230 .form-allowed-tags {
2236 ----------------------------------------------- */
2242 border-top: 1px solid #ddd;
2243 padding: 1.625em 7.6%;
2247 /* Two Footer Widget Areas */
2248 #supplementary.two .widget-area {
2253 #supplementary.two .widget-area + .widget-area {
2257 /* Three Footer Widget Areas */
2258 #supplementary.three .widget-area {
2263 #supplementary.three .widget-area + .widget-area + .widget-area {
2267 /* Site Generator Line */
2269 background: #f9f9f9;
2270 border-top: 1px solid #ddd;
2274 padding: 2.2em 0.5em;
2283 /* =Responsive Structure
2284 ----------------------------------------------- */
2286 @media (max-width: 800px) {
2287 /* Simplify the basic layout */
2293 border-bottom: 1px solid #ddd;
2294 margin-bottom: 1.625em;
2301 /* Simplify the showcase template */
2302 .page-template-showcase-php .featured-posts {
2305 .featured-posts section.featured-post {
2308 .page-template-showcase-php section.recent-posts {
2313 .page-template-showcase-php #main .widget-area {
2318 .page-template-showcase-php .other-recent-posts {
2319 border-bottom: 1px solid #ddd;
2321 /* Simplify the showcase template when small feature */
2322 section.featured-post .attachment-small-feature,
2323 .one-column section.featured-post .attachment-small-feature {
2328 margin: 0.625em auto 1.025em;
2332 article.feature-image.small {
2334 margin: 0 0 1.625em;
2337 .one-column article.feature-image.small .entry-summary {
2340 article.feature-image.small .entry-summary p a {
2343 padding-right: 20px;
2346 /* Remove the margin on singular articles */
2347 .singular .entry-header,
2348 .singular .entry-content,
2349 .singular footer.entry-meta,
2350 .singular #comments-title {
2353 /* Simplify the pullquotes and pull styles */
2354 .singular blockquote.pull {
2355 margin: 0 0 1.625em;
2357 .singular .pull.alignleft {
2358 margin: 0 1.625em 0 0;
2360 .singular .pull.alignright {
2361 margin: 0 0 0 1.625em;
2363 .singular .entry-meta .edit-link a {
2368 .singular #author-info {
2369 margin: 2.2em -8.8% 0;
2372 /* Make sure we have room for our comment avatars */
2376 .commentlist > li.comment,
2377 .commentlist .pingback {
2381 /* And a full-width comment form */
2385 /* No need to float footer widgets at this size */
2386 #colophon #supplementary .widget-area {
2391 /* No need to float 404 widgets at this size */
2392 .error404 #main .widget {
2399 @media (max-width: 650px) {
2400 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
2401 body, input, textarea {
2413 article.intro .entry-content {
2419 .featured-post .entry-title {
2422 .singular .entry-title {
2434 /* Reposition the site title and description slightly */
2436 padding: 5.30625em 0 0;
2442 /* Make sure the logo and search form don't collide */
2443 #branding #searchform {
2444 top: 1.625em !important;
2446 /* Floated content doesn't work well at this size */
2454 /* Make sure the post-post navigation doesn't collide with anything */
2460 padding: 1.625em 0 0;
2462 .singular.page .hentry {
2463 padding: 1.625em 0 0;
2465 /* Talking avatars take up too much room at this size */
2466 .commentlist > li.comment,
2467 .commentlist > li.pingback {
2468 margin-left: 0 !important;
2470 .commentlist .avatar {
2471 background: transparent;
2476 .commentlist .children .avatar {
2483 /* Use the available space in the smaller comment form */
2484 #respond input[type="text"] {
2487 #respond .comment-form-author .required,
2488 #respond .comment-form-email .required {
2491 #content .gallery-columns-3 .gallery-item {
2495 #content .gallery-columns-3 .gallery-item img {
2501 @media (max-width: 450px) {
2502 #content .gallery-columns-2 .gallery-item {
2506 #content .gallery-columns-2 .gallery-item img {
2512 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
2527 ----------------------------------------------- */
2531 background: none !important;
2534 footer.entry-meta a[rel=bookmark]:link:after,
2535 footer.entry-meta a[rel=bookmark]:visited:after {
2536 content: " [" attr(href) "] "; /* Show URLs */
2539 clear: both !important;
2540 display: block !important;
2541 float: none !important;
2543 position: relative !important;
2546 border-top: none !important;
2558 #branding #searchform {
2580 .singular #content {
2584 .singular .entry-header .entry-meta {
2587 .entry-meta .edit-link a {
2593 .singular .entry-header,
2594 .singular .entry-content,
2595 .singular footer.entry-meta,
2596 .singular #comments-title {
2604 .singular .entry-title {
2610 .entry-header .comments-link {
2616 .singular #author-info {
2618 border-bottom: none;
2634 .commentlist > li.comment {
2636 border: 1px solid #ddd;
2637 -moz-border-radius: 3px 3px 3px 3px;
2638 border-radius: 3px 3px 3px 3px;
2639 margin: 0 auto 1.625em;
2644 .commentlist .avatar {
2650 .commentlist li.comment .comment-meta {
2651 line-height: 1.625em;
2654 .commentlist li.comment .fn {
2657 .commentlist li.comment .comment-content {
2658 margin: 1.625em 0 0;
2660 .commentlist .comment-edit-link {
2663 .commentlist > li::before,
2664 .commentlist > li.bypostauthor::before {
2667 .commentlist .reply {
2671 /* Post author highlighting */
2672 .commentlist > li.bypostauthor {
2675 .commentlist > li.bypostauthor .comment-meta {
2678 .commentlist > li.bypostauthor:before {
2682 /* Post Author threaded comments */
2683 .commentlist .children > li.bypostauthor {
2687 .commentlist .children > li.bypostauthor > article,
2688 .commentlist .children > li.bypostauthor > article .comment-meta {
2696 ----------------------------------------------- */
2698 #ie7 article.intro {
2700 margin-right: -7.6%;
2701 padding-left: -7.6%;
2702 padding-right: -7.6%;
2705 #ie7 section.featured-post {
2707 margin-right: -7.6%;
2710 #ie7 section.recent-posts {
2715 ----------------------------------------------- */
2717 #ie8 section.feature-image.large img {