Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Betetr version

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