API tools faq
paste
Guest User

Untitled

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