Advertisement
Guest User

Untitled

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