Advertisement
Hardik24

Hardik's STYLE.CSS

Jan 6th, 2014
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.84 KB | None | 0 0
  1. /*
  2. Theme Name: eleven40 Child Theme
  3. Theme URI: http://www.studiopress.com/themes/eleven40
  4. Description: eleven40 is a two or three column child theme created for the Genesis Framework.
  5. Author: StudioPress
  6. Author URI: http://www.studiopress.com/
  7.  
  8. Version: 1.1
  9.  
  10. Tags: black, blue, green, orange, red, white, dark, light, three-columns, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments
  11.  
  12. Template: genesis
  13. Template Version: 1.8.2
  14.  
  15. License: GNU General Public License v2.0 (or later)
  16. License URI: http://www.opensource.org/licenses/gpl-license.php
  17. */
  18.  
  19. /* Table of Contents
  20.  
  21. * Import Fonts
  22. * Defaults
  23. * Hyperlinks
  24. * Body
  25. * Wrap
  26. * Header
  27. * Image Header - Partial Width
  28. * Image Header - Full Width
  29. * Header / Primary / Secondary Navigation
  30. * Primary Navigation Extras
  31. * Inner
  32. * Page Title
  33. * Breadcrumb
  34. * Taxonomy Description
  35. * Content-Sidebar Wrap
  36. * Content
  37. * Column Classes
  38. * Featured Post Grid
  39. * Headlines
  40. * Ordered / Unordered Lists
  41. * Post Info
  42. * Post Meta
  43. * Author Box
  44. * Sticky Posts
  45. * Archive Page
  46. * Post Icons
  47. * Images
  48. * Post Navigation
  49. * Primary / Secondary Sidebars
  50. * Dropdowns
  51. * Featured Page / Post
  52. * User Profile
  53. * Buttons
  54. * Search Form
  55. * eNews & Updates Widget
  56. * Calendar Widget
  57. * Footer Widgets
  58. * Footer
  59. * Comments
  60. * Gravity Forms
  61. * eleven40 Blue
  62. * eleven40 Green
  63. * eleven40 Red
  64. * Responsive Design
  65.  
  66. */
  67.  
  68.  
  69. /* Import Fonts
  70. ------------------------------------------------------------ */
  71.  
  72. @import url(http://fonts.googleapis.com/css?family=Lora);
  73. @import url(http://fonts.googleapis.com/css?family=Oswald);
  74.  
  75.  
  76. /* Defaults
  77. ------------------------------------------------------------ */
  78.  
  79. body,
  80. h1,
  81. h2,
  82. h2 a,
  83. h2 a:visited,
  84. h3,
  85. h4,
  86. h5,
  87. h6,
  88. p,
  89. select,
  90. textarea {
  91. color: #333;
  92. font-family: 'Lora', serif;
  93. font-size: 16px;
  94. line-height: 1.5625;
  95. margin: 0;
  96. padding: 0;
  97. text-decoration: none;
  98. }
  99.  
  100. blockquote,
  101. input,
  102. select,
  103. textarea,
  104. .author-box,
  105. .breadcrumb,
  106. .sticky,
  107. .taxonomy-description,
  108. .wp-caption {
  109. background-color: #f5f5f5;
  110. border: 1px solid #ddd;
  111. }
  112.  
  113. input,
  114. label,
  115. select,
  116. textarea {
  117. box-sizing: border-box;
  118. color: #333;
  119. font-family: 'Lora', serif;
  120. font-size: 14px;
  121. }
  122.  
  123. li,
  124. ol,
  125. ul {
  126. margin: 0;
  127. padding: 0;
  128. }
  129.  
  130. ol li {
  131. list-style-type: decimal;
  132. }
  133.  
  134.  
  135. /* Hyperlinks
  136. ------------------------------------------------------------ */
  137.  
  138. a,
  139. a:visited {
  140. color: #ed702b;
  141. text-decoration: none;
  142. }
  143.  
  144. a:hover {
  145. text-decoration: underline;
  146. }
  147.  
  148. a img {
  149. border: none;
  150. }
  151.  
  152.  
  153. /* Body
  154. ------------------------------------------------------------ */
  155.  
  156. ::-moz-selection {
  157. background-color: #333;
  158. color: #fff;
  159. }
  160.  
  161. ::selection {
  162. background-color: #333;
  163. color: #fff;
  164. }
  165.  
  166.  
  167. /* Wrap
  168. ------------------------------------------------------------ */
  169.  
  170. #wrap {
  171. background: url(images/bg.png) repeat-x;
  172. }
  173.  
  174. .wrap {
  175. margin: 0 auto;
  176. max-width: 1140px;
  177. }
  178.  
  179.  
  180. /* Header
  181. ------------------------------------------------------------ */
  182.  
  183. #header .wrap {
  184. min-height: 90px;
  185. }
  186.  
  187. #title-area {
  188. float: left;
  189. width: 35%;
  190. }
  191.  
  192. #title {
  193. background: url(images/logo-texture.png);
  194. border-top: 0;
  195. box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  196. display: inline-block;
  197. font-family: 'Oswald', arial, serif;
  198. font-size: 30px;
  199. line-height: 1;
  200. min-height: 33px;
  201. margin: 0;
  202. padding: 18px 25px 17px;
  203. position: relative;
  204. text-shadow: 0 1px #96430d;
  205. }
  206.  
  207.  
  208. #title a,
  209. #title a:hover {
  210. color: #fff;
  211. text-decoration: none;
  212. }
  213.  
  214. #description {
  215. display: none;
  216. }
  217.  
  218. #header .widget-area {
  219. float: right;
  220. width: 60%;
  221. }
  222.  
  223.  
  224. /* Image Header - Partial Width
  225. ------------------------------------------------------------ */
  226.  
  227. .header-image #title-area,
  228. .header-image #title,
  229. .header-image #title a {
  230. display: block;
  231. float: left;
  232. height: 90px;
  233. overflow: hidden;
  234. padding: 0;
  235. text-indent: -9999px;
  236. width: 265px;
  237. }
  238.  
  239. .header-image #description {
  240. display: block;
  241. overflow: hidden;
  242. }
  243.  
  244.  
  245. /* Image Header - Full Width
  246. ------------------------------------------------------------ */
  247.  
  248. .header-full-width #title-area,
  249. .header-full-width #title,
  250. .header-full-width #title a {
  251. width: 100%;
  252. }
  253.  
  254.  
  255. /* Header / Primary / Secondary Navigation
  256. ------------------------------------------------------------ */
  257.  
  258. .menu-primary,
  259. .menu-secondary {
  260. clear: both;
  261. color: #333;
  262. font-size: 14px;
  263. margin: 0 auto;
  264. overflow: hidden;
  265. width: 100%;
  266. }
  267.  
  268. #header .menu {
  269. float: right;
  270. font-size: 14px;
  271. text-transform: uppercase;
  272. }
  273.  
  274. .menu-primary {
  275. border-bottom: double #ddd;
  276. border-top: double #ddd;
  277. }
  278.  
  279. .menu-primary ul,
  280. .menu-secondary ul {
  281. float: left;
  282. width: 100%;
  283. }
  284.  
  285. .menu-primary li,
  286. .menu-secondary li,
  287. #header .menu li {
  288. float: left;
  289. list-style-type: none;
  290. }
  291.  
  292. .menu-primary a,
  293. .menu-secondary a,
  294. #header .menu a {
  295. color: #333;
  296. display: block;
  297. font-family: 'Oswald', arial, serif;
  298. padding: 10px 15px;
  299. position: relative;
  300. text-decoration: none;
  301. }
  302.  
  303. #header .menu a {
  304. color: #fff;
  305. padding: 20px 15px 17px;
  306. text-shadow: 0 2px #111;
  307. }
  308.  
  309. .menu-primary li a:active,
  310. .menu-primary li a:hover,
  311. .menu-primary .current_page_item a,
  312. .menu-primary .current-cat a,
  313. .menu-primary .current-menu-item a,
  314. .menu-secondary li a:active,
  315. .menu-secondary li a:hover,
  316. .menu-secondary .current_page_item a,
  317. .menu-secondary .current-cat a,
  318. .menu-secondary .current-menu-item a,
  319. #header .menu li a:active,
  320. #header .menu li a:hover,
  321. #header .menu .current_page_item a,
  322. #header .menu .current-cat a,
  323. #header .menu .current-menu-item a {
  324. color: #ed702b;
  325. }
  326.  
  327. .menu-primary li li a,
  328. .menu-primary li li a:link,
  329. .menu-primary li li a:visited,
  330. .menu-secondary li li a,
  331. .menu-secondary li li a:link,
  332. .menu-secondary li li a:visited,
  333. #header .menu li li a,
  334. #header .menu li li a:link,
  335. #header .menu li li a:visited {
  336. background: none;
  337. background-color: #fff;
  338. border: 1px solid #ddd;
  339. border-top: none;
  340. color: #333;
  341. font-size: 12px;
  342. padding: 9px 10px 8px;
  343. position: relative;
  344. text-align: left;
  345. text-transform: none;
  346. width: 138px;
  347. }
  348.  
  349. #header .menu li li a,
  350. #header .menu li li a:link,
  351. #header .menu li li a:visited {
  352. background: url(images/bg-pattern.png);
  353. border: 1px solid #333;
  354. border-top: none;
  355. color: #fff;
  356. }
  357.  
  358. .menu-primary li li a:active,
  359. .menu-primary li li a:hover,
  360. .menu-secondary li li a:active,
  361. .menu-secondary li li a:hover,
  362. #header .menu li li a:active,
  363. #header .menu li li a:hover {
  364. color: #ed702b;
  365. }
  366.  
  367. #header .menu li li a:active,
  368. #header .menu li li a:hover {
  369. background: url(images/bg-pattern.png);
  370. }
  371.  
  372. .menu-primary li ul,
  373. .menu-secondary li ul,
  374. #header .menu li ul {
  375. height: auto;
  376. left: -9999px;
  377. margin: 0 0 0 -1px;
  378. position: absolute;
  379. width: 160px;
  380. z-index: 9999;
  381. }
  382.  
  383. .menu-primary li ul a,
  384. .menu-secondary li ul a,
  385. #header .menu li ul a {
  386. width: 140px;
  387. }
  388.  
  389. .menu-primary li ul ul,
  390. .menu-secondary li ul ul,
  391. #header .menu li ul ul {
  392. margin: -36px 0 0 159px;
  393. }
  394.  
  395. .menu li:hover ul ul,
  396. .menu li.sfHover ul ul {
  397. left: -9999px;
  398. }
  399.  
  400. .menu li:hover,
  401. .menu li.sfHover {
  402. position: static;
  403. }
  404.  
  405. ul.menu li:hover>ul,
  406. ul.menu li.sfHover ul,
  407. #header .menu li:hover>ul,
  408. #header .menu li.sfHover ul {
  409. left: auto;
  410. }
  411.  
  412. .menu li a .sf-sub-indicator,
  413. .menu li li a .sf-sub-indicator,
  414. .menu li li li a .sf-sub-indicator {
  415. position: absolute;
  416. text-indent: -9999px;
  417. }
  418.  
  419. #wpadminbar li:hover ul ul {
  420. left: 0;
  421. }
  422.  
  423.  
  424. /* Primary Navigation Extras
  425. ------------------------------------------------------------ */
  426.  
  427. .menu li.right {
  428. float: right;
  429. font-family: 'Oswald', arial, serif;
  430. padding: 10px 15px;
  431. }
  432.  
  433. .menu li.right a {
  434. background: none;
  435. border: none;
  436. color: #333;
  437. display: inline;
  438. text-decoration: none;
  439. }
  440.  
  441. .menu li.right a:hover {
  442. color: #ed702b;
  443. text-decoration: none;
  444. }
  445.  
  446. .menu li.search {
  447. padding: 0 10px;
  448. }
  449.  
  450. .menu li.rss a {
  451. background: url(images/rss.png) no-repeat center left;
  452. margin: 0 0 0 10px;
  453. padding: 0 0 0 16px;
  454. }
  455.  
  456. .menu li.twitter a {
  457. background: url(images/twitter-nav.png) no-repeat center left;
  458. padding: 0 0 0 20px;
  459. }
  460.  
  461.  
  462. /* Inner
  463. ------------------------------------------------------------ */
  464.  
  465. #inner {
  466. clear: both;
  467. }
  468.  
  469. #inner .wrap {
  470. border-bottom: double #ddd;
  471. margin: 0 auto 30px;
  472. overflow: hidden;
  473. }
  474.  
  475.  
  476. /* Page Title
  477. ------------------------------------------------------------ */
  478.  
  479. .page-title {
  480. border-bottom: double #ddd;
  481. border-top: double #ddd;
  482. font-family: 'Lora', serif;
  483. font-size: 30px;
  484. line-height: 1.0;
  485. overflow: hidden;
  486. padding: 25px 0;
  487. text-align: center;
  488. }
  489.  
  490. .page-title p {
  491. font-size: inherit;
  492. line-height: 1.0;
  493. margin: 0;
  494. }
  495.  
  496.  
  497. /* Breadcrumb
  498. ------------------------------------------------------------ */
  499.  
  500. .breadcrumb {
  501. border: none;
  502. font-size: 14px;
  503. margin: -10px 0 30px;
  504. padding: 10px 15px;
  505. }
  506.  
  507.  
  508. /* Taxonomy Description
  509. ------------------------------------------------------------ */
  510.  
  511. .taxonomy-description {
  512. background-color: #fff;
  513. margin: -10px 0 30px;
  514. padding: 0 0 15px;
  515. }
  516.  
  517. .taxonomy-description p {
  518. font-size: 14px;
  519. padding: 15px 15px 0;
  520. }
  521.  
  522.  
  523. /* Content-Sidebar Wrap
  524. ------------------------------------------------------------ */
  525.  
  526. #content-sidebar-wrap {
  527. float: left;
  528. width: 950px;
  529. }
  530.  
  531. .content-sidebar #content-sidebar-wrap,
  532. .full-width-content #content-sidebar-wrap,
  533. .sidebar-content #content-sidebar-wrap {
  534. width: 100%;
  535. }
  536.  
  537. .sidebar-content-sidebar #content-sidebar-wrap,
  538. .sidebar-sidebar-content #content-sidebar-wrap {
  539. float: right;
  540. }
  541.  
  542.  
  543. /* Content
  544. ------------------------------------------------------------ */
  545.  
  546. #content {
  547. border-left: 1px solid #ddd;
  548. border-right: 1px solid #ddd;
  549. float: left;
  550. padding: 25px 39px 30px;
  551. width: 580px;
  552. }
  553.  
  554. .content-sidebar #content,
  555. .sidebar-content #content {
  556. width: 810px;
  557. }
  558.  
  559. .content-sidebar #content {
  560. border-left: none;
  561. padding: 25px 39px 30px 0;
  562. }
  563.  
  564. .content-sidebar-sidebar #content {
  565. border-left: none;
  566. padding: 25px 39px 30px 0;
  567. width: 620px;
  568. }
  569.  
  570. .sidebar-content #content {
  571. border-right: none;
  572. float: right;
  573. padding: 25px 0 30px 39px;
  574. }
  575.  
  576. .sidebar-sidebar-content #content {
  577. border-right: none;
  578. float: right;
  579. padding: 25px 0 30px 39px;
  580. width: 620px;
  581. }
  582.  
  583. .full-width-content #content {
  584. border: none;
  585. padding: 25px 0;
  586. width: 1140px;
  587. }
  588.  
  589. .post {
  590. margin: 0 0 40px;
  591. }
  592.  
  593. .entry-content {
  594. overflow: hidden;
  595. }
  596.  
  597. .entry-content p {
  598. margin: 0 0 25px;
  599. }
  600.  
  601. blockquote {
  602. background: url(images/blockquote.png) no-repeat;
  603. border: none;
  604. margin: 5px 5px 20px;
  605. padding: 25px 30px 5px 70px;
  606. }
  607.  
  608. blockquote p {
  609. color: #999;
  610. font-style: italic;
  611. }
  612.  
  613. p.subscribe-to-comments {
  614. padding: 20px 0 10px;
  615. }
  616.  
  617. .clear {
  618. clear: both;
  619. }
  620.  
  621. .clear-line {
  622. border-bottom: 1px solid #ddd;
  623. clear: both;
  624. margin: 0 0 25px;
  625. }
  626.  
  627.  
  628. /* Column Classes
  629. ------------------------------------------------------------ */
  630.  
  631. .five-sixths,
  632. .four-fifths,
  633. .four-sixths,
  634. .one-fifth,
  635. .one-fourth,
  636. .one-half,
  637. .one-sixth,
  638. .one-third,
  639. .three-fifths,
  640. .three-fourths,
  641. .three-sixths,
  642. .two-fifths,
  643. .two-fourths,
  644. .two-sixths,
  645. .two-thirds {
  646. float: left;
  647. margin: 0 0 20px;
  648. padding-left: 3%;
  649. }
  650.  
  651. .one-half,
  652. .three-sixths,
  653. .two-fourths {
  654. width: 48%;
  655. }
  656.  
  657. .one-third,
  658. .two-sixths {
  659. width: 31%;
  660. }
  661.  
  662. .four-sixths,
  663. .two-thirds {
  664. width: 65%;
  665. }
  666.  
  667. .one-fourth {
  668. width: 22.5%;
  669. }
  670.  
  671. .three-fourths {
  672. width: 73.5%;
  673. }
  674.  
  675. .one-fifth {
  676. width: 17.4%;
  677. }
  678.  
  679. .two-fifths {
  680. width: 37.8%;
  681. }
  682.  
  683. .three-fifths {
  684. width: 58.2%;
  685. }
  686.  
  687. .four-fifths {
  688. width: 78.6%;
  689. }
  690.  
  691. .one-sixth {
  692. width: 14%;
  693. }
  694.  
  695. .five-sixths {
  696. width: 82%;
  697. }
  698.  
  699. .first {
  700. clear: both;
  701. padding-left: 0;
  702. }
  703.  
  704.  
  705. /* Featured Post Grid
  706. ------------------------------------------------------------ */
  707.  
  708. .genesis-grid-even,
  709. .genesis-grid-odd {
  710. margin: 0 0 20px;
  711. padding: 0 0 15px;
  712. width: 48%;
  713. }
  714.  
  715. .genesis-grid-even {
  716. float: right;
  717. }
  718.  
  719. .genesis-grid-odd {
  720. clear: both;
  721. float: left;
  722. }
  723.  
  724.  
  725. /* Headlines
  726. ------------------------------------------------------------ */
  727.  
  728. h1,
  729. h2,
  730. h2 a,
  731. h2 a:visited,
  732. h3,
  733. h4,
  734. h5,
  735. h6 {
  736. font-family: 'Oswald', arial, serif;
  737. font-weight: normal;
  738. line-height: 1.25;
  739. margin: 0 0 10px;
  740. }
  741.  
  742. h1 {
  743. font-size: 48px;
  744. }
  745.  
  746. .taxonomy-description h1 {
  747. margin: 0;
  748. }
  749.  
  750. h2,
  751. h2 a,
  752. h2 a:visited {
  753. font-size: 36px;
  754. }
  755.  
  756. h2 a,
  757. h2 a:visited {
  758. color: #333;
  759. font-family: 'Oswald', arial, serif;
  760. }
  761.  
  762. h2 a:hover {
  763. color: #ed702b;
  764. text-decoration: none;
  765. }
  766.  
  767. .genesis-grid h2,
  768. .genesis-grid h2 a,
  769. .genesis-grid h2 a:visited {
  770. font-size: 24px;
  771. line-height: 1.4;
  772. }
  773.  
  774. .widget-area h2,
  775. .widget-area h2 a {
  776. font-size: 14px;
  777. margin: 0 0 5px;
  778. }
  779.  
  780. h3 {
  781. font-size: 30px;
  782. }
  783.  
  784. h4 {
  785. font-size: 24px;
  786. }
  787.  
  788. .after-post h4 {
  789. color: #aaa;
  790. margin: 0 0 15px;
  791. }
  792.  
  793. .taxonomy-description h1,
  794. .widget-area h4 {
  795. font-size: 16px;
  796. }
  797.  
  798. .widget-area h4 a {
  799. color: #333;
  800. text-decoration: none;
  801. }
  802.  
  803. #footer-widgets h4 {
  804. color: #ddd;
  805. font-size: 20px;
  806. margin: 0 0 20px;
  807. padding: 0;
  808. text-shadow: 0 2px #111;
  809. }
  810.  
  811. #footer-widgets h4 a {
  812. color: #ddd;
  813. }
  814.  
  815. h5 {
  816. font-size: 20px;
  817. }
  818.  
  819. h6 {
  820. font-size: 18px;
  821. }
  822.  
  823.  
  824. /* Ordered / Unordered Lists
  825. ------------------------------------------------------------ */
  826.  
  827. .after-post ul,
  828. .entry-content ol,
  829. .entry-content ul {
  830. margin: 0;
  831. padding: 0 0 25px;
  832. }
  833.  
  834. .after-post ul li,
  835. .archive-page ul li,
  836. .entry-content ul li {
  837. background: url(images/list.png) no-repeat top left;
  838. list-style-type: none;
  839. margin: 0 0 5px 20px;
  840. padding: 0 0 0 15px;
  841. word-wrap: break-word;
  842. }
  843.  
  844. .after-post ul li {
  845. background: url(images/list-after-post.png) no-repeat top left;
  846. margin: 0 0 5px 15px;
  847. }
  848.  
  849. .entry-content ol li {
  850. margin: 0 0 0 35px;
  851. }
  852.  
  853. .archive-page ul ul,
  854. .entry-content ol ol,
  855. .entry-content ul ul {
  856. padding: 0;
  857. }
  858.  
  859.  
  860. /* Post Info
  861. ------------------------------------------------------------ */
  862.  
  863. .post-info {
  864. color: #666;
  865. font-size: 14px;
  866. margin: -5px 0 15px;
  867. text-transform: lowercase;
  868. }
  869.  
  870.  
  871. /* Post Meta
  872. ------------------------------------------------------------ */
  873.  
  874. .post-meta {
  875. border-top: 1px solid #ddd;
  876. clear: both;
  877. color: #666;
  878. font-size: 14px;
  879. padding: 5px 0 0;
  880. text-transform: lowercase;
  881. }
  882.  
  883.  
  884. /* Author Box
  885. ------------------------------------------------------------ */
  886.  
  887. .author-box {
  888. background-color: #f5f5f5;
  889. margin: 0 0 40px;
  890. overflow: hidden;
  891. padding: 10px;
  892. }
  893.  
  894. .author-box p {
  895. font-size: 14px;
  896. }
  897.  
  898.  
  899. /* After Post
  900. ------------------------------------------------------------ */
  901.  
  902. .after-post {
  903. background: url(images/bg-pattern.png);
  904. border: double #ddd;
  905. clear: both;
  906. color: #fff;
  907. margin: 30px 0;
  908. padding: 25px;
  909. overflow: hidden;
  910. text-shadow: 0 1px #111;
  911. }
  912.  
  913. .after-post p {
  914. color: #fff;
  915. }
  916.  
  917. .after-post form {
  918. background: url(images/arrow.png) no-repeat 40px 0;
  919. display: block;
  920. padding: 10px 0 10px 120px;
  921. }
  922.  
  923.  
  924. /* Sticky Posts
  925. ------------------------------------------------------------ */
  926.  
  927. .sticky {
  928. background-color: #f5f5f5;
  929. margin: -10px 0 40px;
  930. padding: 20px;
  931. }
  932.  
  933.  
  934. /* Archive Page
  935. ------------------------------------------------------------ */
  936.  
  937. .archive-page {
  938. float: left;
  939. padding: 20px 0 0;
  940. width: 50%;
  941. }
  942.  
  943.  
  944. /* Post Icons
  945. ------------------------------------------------------------ */
  946.  
  947. .post-comments,
  948. .tags {
  949. background: url(images/icon-dot.png) no-repeat left;
  950. margin: 0 0 0 3px;
  951. padding: 0 0 0 10px;
  952. }
  953.  
  954.  
  955. /* Images
  956. ------------------------------------------------------------ */
  957.  
  958. img {
  959. height: auto;
  960. max-width: 100%;
  961. }
  962.  
  963. .avatar,
  964. .featuredpage img,
  965. .featuredpost img,
  966. .post-image {
  967. background-color: #f5f5f5;
  968. border: 1px solid #ddd;
  969. padding: 4px;
  970. }
  971.  
  972. .author-box .avatar {
  973. background-color: #fff;
  974. float: left;
  975. margin: 0 10px 0 0;
  976. }
  977.  
  978. .post-image {
  979. margin: 0 10px 10px 0;
  980. }
  981.  
  982. .comment-list li .avatar {
  983. background-color: #fff;
  984. float: right;
  985. margin: 5px 0 0 10px;
  986. }
  987.  
  988. img.centered,
  989. .aligncenter {
  990. display: block;
  991. margin: 0 auto 10px;
  992. }
  993.  
  994. img.alignnone {
  995. display: inline;
  996. margin: 0 0 10px;
  997. }
  998.  
  999. img.alignleft {
  1000. display: inline;
  1001. margin: 0 15px 10px 0;
  1002. }
  1003.  
  1004. img.alignright {
  1005. display: inline;
  1006. margin: 0 0 10px 15px;
  1007. }
  1008.  
  1009. .alignleft {
  1010. float: left;
  1011. margin: 0 15px 10px 0;
  1012. }
  1013.  
  1014. .alignright {
  1015. float: right;
  1016. margin: 0 0 10px 15px;
  1017. }
  1018.  
  1019. .wp-caption {
  1020. padding: 5px;
  1021. text-align: center;
  1022. }
  1023.  
  1024. p.wp-caption-text {
  1025. font-size: 14px;
  1026. margin: 5px 0;
  1027. }
  1028.  
  1029. .wp-smiley,
  1030. .wp-wink {
  1031. border: none;
  1032. float: none;
  1033. }
  1034.  
  1035. .gallery-caption {
  1036. }
  1037.  
  1038.  
  1039. /* Post Navigation
  1040. ------------------------------------------------------------ */
  1041.  
  1042. .navigation {
  1043. overflow: hidden;
  1044. padding: 20px 0;
  1045. width: 100%;
  1046. }
  1047.  
  1048. .navigation li {
  1049. display: inline;
  1050. }
  1051.  
  1052. .navigation li a,
  1053. .navigation li.disabled,
  1054. .navigation li a:hover,
  1055. .navigation li.active a {
  1056. background-color: #444;
  1057. border: none;
  1058. color: #fff;
  1059. font-family: 'Oswald', arial, serif;
  1060. font-size: 14px;
  1061. padding: 5px 12px;
  1062. }
  1063.  
  1064. .navigation li a:hover,
  1065. .navigation li.active a {
  1066. background-color: #ed702b;
  1067. border: none;
  1068. text-decoration: none;
  1069. }
  1070.  
  1071.  
  1072. /* Primary / Secondary Sidebars
  1073. ------------------------------------------------------------ */
  1074.  
  1075. .sidebar {
  1076. display: inline;
  1077. float: right;
  1078. font-size: 14px;
  1079. padding: 25px 0 0;
  1080. width: 250px;
  1081. }
  1082.  
  1083. #sidebar-alt {
  1084. float: left;
  1085. padding: 25px 0 0;
  1086. width: 150px;
  1087. }
  1088.  
  1089. .sidebar-content #sidebar,
  1090. .sidebar-sidebar-content #sidebar {
  1091. float: left;
  1092. }
  1093.  
  1094. .content-sidebar-sidebar #sidebar-alt {
  1095. float: right;
  1096. }
  1097.  
  1098. .sidebar p {
  1099. font-size: inherit;
  1100. margin: 0 0 15px;
  1101. }
  1102.  
  1103. .sidebar .widget {
  1104. margin: 0 0 40px;
  1105. }
  1106.  
  1107. .sidebar.widget-area ul li,
  1108. #footer-widgets ul li {
  1109. border-bottom: 1px solid #ddd;
  1110. list-style-type: none;
  1111. margin: 0 0 10px;
  1112. padding: 0 0 10px;
  1113. word-wrap: break-word;
  1114. }
  1115.  
  1116. #footer-widgets ul li {
  1117. border-bottom: 1px solid #444;
  1118. }
  1119.  
  1120.  
  1121. /* Dropdowns
  1122. ------------------------------------------------------------ */
  1123.  
  1124. .widget_archive select,
  1125. #cat {
  1126. display: inline;
  1127. padding: 3px;
  1128. width: 85%;
  1129. }
  1130.  
  1131.  
  1132. /* Featured Page / Post
  1133. ------------------------------------------------------------ */
  1134.  
  1135. .featuredpage,
  1136. .featuredpost {
  1137. clear: both;
  1138. margin: 0 0 15px;
  1139. overflow: hidden;
  1140. }
  1141.  
  1142. .featuredpage .page,
  1143. .featuredpost .post {
  1144. border-bottom: 1px solid #ddd;
  1145. margin: 0 0 5px;
  1146. overflow: hidden;
  1147. padding: 0 0 10px;
  1148. }
  1149.  
  1150. #footer-widgets .featuredpage .page,
  1151. #footer-widgets .featuredpost .post {
  1152. margin: 0 0 10px;
  1153. padding: 0;
  1154. }
  1155.  
  1156.  
  1157. /* User Profile
  1158. ------------------------------------------------------------ */
  1159.  
  1160. .user-profile {
  1161. overflow: hidden;
  1162. }
  1163.  
  1164.  
  1165. /* Buttons
  1166. ------------------------------------------------------------ */
  1167.  
  1168. input[type="button"],
  1169. input[type="submit"] {
  1170. background: url(images/gradient.png) 0 0;
  1171. border: 1px solid #ed702b;
  1172. color: #fff;
  1173. cursor: pointer;
  1174. line-height: 19px;
  1175. padding: 8px 10px;
  1176. text-decoration: none;
  1177. }
  1178.  
  1179. input:hover[type="button"],
  1180. input:hover[type="submit"] {
  1181. background: url(images/gradient.png) 0 -33px;
  1182. text-decoration: none;
  1183. }
  1184.  
  1185.  
  1186. /* Search Form
  1187. ------------------------------------------------------------ */
  1188.  
  1189. #header .searchform {
  1190. float: right;
  1191. padding: 12px 0 0;
  1192. }
  1193.  
  1194. .s {
  1195. margin: 0 -7px 0 0;
  1196. padding: 9px 8px;
  1197. width: 70%;
  1198. }
  1199.  
  1200. #nav .s {
  1201. background-color: #fff;
  1202. margin: 2px -7px 0 0;
  1203. }
  1204.  
  1205.  
  1206. /* eNews and Update Widget
  1207. ------------------------------------------------------------ */
  1208.  
  1209. .enews #subbox {
  1210. margin: 5px -7px 0 0;
  1211. padding: 9px 8px;
  1212. width: 70%;
  1213. }
  1214.  
  1215.  
  1216. /* Calendar Widget
  1217. ------------------------------------------------------------ */
  1218.  
  1219. #wp-calendar {
  1220. width: 100%;
  1221. }
  1222.  
  1223. #wp-calendar caption {
  1224. font-size: 12px;
  1225. font-style: italic;
  1226. padding: 2px 5px 0 0;
  1227. text-align: right;
  1228. }
  1229.  
  1230. #wp-calendar thead {
  1231. background-color: #f5f5f5;
  1232. font-weight: bold;
  1233. margin: 10px 0 0;
  1234. }
  1235.  
  1236. #wp-calendar td {
  1237. background-color: #f5f5f5;
  1238. padding: 2px;
  1239. text-align: center;
  1240. }
  1241.  
  1242.  
  1243. /* Footer Widgets
  1244. ------------------------------------------------------------ */
  1245.  
  1246. #footer-widgets {
  1247. background: url(images/footer-widgets.png);
  1248. border-top: 3px solid #222;
  1249. clear: both;
  1250. font-size: 14px;
  1251. overflow: hidden;
  1252. }
  1253.  
  1254. #footer-widgets .wrap {
  1255. margin: 0 auto;
  1256. overflow: hidden;
  1257. padding: 0 0 25px;
  1258. }
  1259.  
  1260. #footer-widgets .widget {
  1261. background: none;
  1262. border: none;
  1263. clear: both;
  1264. color: #888;
  1265. padding: 30px 0 0;
  1266. }
  1267.  
  1268. #footer-widgets p {
  1269. color: #888;
  1270. font-size: inherit;
  1271. margin: 0 0 10px;
  1272. }
  1273.  
  1274. #footer-widgets ul {
  1275. margin: 0;
  1276. }
  1277.  
  1278. #footer-widgets .latest-tweets {
  1279. background: url(images/footer-twitter.png) top right no-repeat;
  1280. }
  1281.  
  1282. #footer-widgets .latest-tweets li span a,
  1283. #footer-widgets .latest-tweets li span a:visited {
  1284. color: #bbb;
  1285. text-decoration: none;
  1286. }
  1287.  
  1288. #footer-widgets .latest-tweets li span a:hover {
  1289. color: #bbb;
  1290. text-decoration: underline;
  1291. }
  1292.  
  1293. #footer-widgets #wp-calendar thead,
  1294. #footer-widgets #wp-calendar td {
  1295. background: none;
  1296. }
  1297.  
  1298. .footer-widgets-1 {
  1299. float: left;
  1300. margin: 0 40px 0 0;
  1301. width: 350px;
  1302. }
  1303.  
  1304. .footer-widgets-2 {
  1305. float: left;
  1306. width: 360px;
  1307. }
  1308.  
  1309. .footer-widgets-3 {
  1310. float: right;
  1311. width: 350px;
  1312. }
  1313.  
  1314.  
  1315. /* Footer
  1316. ------------------------------------------------------------ */
  1317.  
  1318. #footer {
  1319. clear: both;
  1320. }
  1321.  
  1322. #footer .wrap {
  1323. font-size: 14px;
  1324. overflow: hidden;
  1325. padding: 20px 0;
  1326. }
  1327.  
  1328. #footer p {
  1329. font-size: inherit;
  1330. }
  1331.  
  1332. #footer a,
  1333. #footer a:visited {
  1334. color: #333;
  1335. }
  1336.  
  1337. #footer a:hover {
  1338. color: #ed702b;
  1339. text-decoration: none;
  1340. }
  1341.  
  1342. #footer .gototop {
  1343. float: left;
  1344. width: 30%;
  1345. }
  1346.  
  1347. #footer .creds {
  1348. float: right;
  1349. text-align: right;
  1350. width: 65%;
  1351. }
  1352.  
  1353.  
  1354. /* Comments
  1355. ------------------------------------------------------------ */
  1356.  
  1357. #comments,
  1358. #respond {
  1359. margin: 0 0 15px;
  1360. overflow: hidden;
  1361. }
  1362.  
  1363. #author,
  1364. #comment,
  1365. #email,
  1366. #url {
  1367. margin: 10px 5px 0 0;
  1368. padding: 5px;
  1369. width: 250px;
  1370. }
  1371.  
  1372. #comment {
  1373. height: 150px;
  1374. margin: 10px 0;
  1375. width: 98%;
  1376. }
  1377.  
  1378. .ping-list {
  1379. margin: 0 0 40px;
  1380. }
  1381.  
  1382. .comment-list ol,
  1383. .ping-list ol {
  1384. padding: 10px;
  1385. }
  1386.  
  1387. .comment-list li,
  1388. .ping-list li {
  1389. list-style-type: none;
  1390. margin: 15px 0 5px;
  1391. padding: 10px 15px;
  1392. }
  1393.  
  1394. .comment-list li ul li {
  1395. list-style-type: none;
  1396. margin-right: -16px;
  1397. }
  1398.  
  1399. .comment-content p {
  1400. font-size: 14px;
  1401. margin: 0 0 20px;
  1402. }
  1403.  
  1404. .comment-list cite,
  1405. .ping-list cite {
  1406. font-style: normal;
  1407. }
  1408.  
  1409. .commentmetadata {
  1410. font-size: 12px;
  1411. margin: 0 0 5px;
  1412. }
  1413.  
  1414. .reply {
  1415. font-size: 14px;
  1416. font-weight: 300;
  1417. }
  1418.  
  1419. .nocomments {
  1420. text-align: center;
  1421. }
  1422.  
  1423. #comments .navigation {
  1424. display: block;
  1425. }
  1426.  
  1427. .bypostauthor {
  1428. }
  1429.  
  1430. .thread-alt,
  1431. .thread-even {
  1432. background-color: #f5f5f5;
  1433. }
  1434.  
  1435. .alt,
  1436. .depth-1,
  1437. .even {
  1438. border: 1px solid #ddd;
  1439. }
  1440.  
  1441.  
  1442. /* Gravity Forms
  1443. ------------------------------------------------------------ */
  1444.  
  1445. div.gform_wrapper input,
  1446. div.gform_wrapper select,
  1447. div.gform_wrapper textarea {
  1448. box-sizing: border-box;
  1449. font-size: 14px !important;
  1450. padding: 4px 5px !important;
  1451. }
  1452.  
  1453. div.gform_footer input.button {
  1454. color: #fff;
  1455. }
  1456.  
  1457. div.gform_wrapper .ginput_complex label {
  1458. font-size: 14px;
  1459. }
  1460.  
  1461. div.gform_wrapper li,
  1462. div.gform_wrapper form li {
  1463. background: none;
  1464. margin: 0 0 10px;
  1465. padding: 0;
  1466. }
  1467.  
  1468. div.gform_wrapper .gform_footer {
  1469. border: none;
  1470. margin: 0;
  1471. padding: 0;
  1472. }
  1473.  
  1474.  
  1475. /* eleven40 Blue
  1476. ------------------------------------------------------------ */
  1477.  
  1478. .eleven40-blue a,
  1479. .eleven40-blue a:visited {
  1480. color: #2b97ed;
  1481. }
  1482.  
  1483. .eleven40-blue #title {
  1484. background: url(images/blue/logo.png)no-repeat;
  1485. text-shadow: 0 1px #17579b;
  1486. }
  1487.  
  1488. .eleven40-blue .menu-primary a,
  1489. .eleven40-blue .menu-secondary a,
  1490. .eleven40-blue h2 a,
  1491. .eleven40-blue h2 a:visited {
  1492. color: #333;
  1493. }
  1494.  
  1495. .eleven40-blue #header .menu li li a,
  1496. .eleven40-blue #header .menu li li a:link,
  1497. .eleven40-blue #header .menu li li a:visited {
  1498. color: #fff;
  1499. }
  1500.  
  1501. .eleven40-blue h2 a:hover,
  1502. .eleven40-blue .menu li.right a:hover,
  1503. .eleven40-blue .menu-primary li a:active,
  1504. .eleven40-blue .menu-primary li a:hover,
  1505. .eleven40-blue .menu-primary li li a:active,
  1506. .eleven40-blue .menu-primary li li a:hover,
  1507. .eleven40-blue .menu-primary .current_page_item a,
  1508. .eleven40-blue .menu-primary .current-cat a,
  1509. .eleven40-blue .menu-primary .current-menu-item a,
  1510. .eleven40-blue .menu-secondary li a:active,
  1511. .eleven40-blue .menu-secondary li a:hover,
  1512. .eleven40-blue .menu-secondary li li a:active,
  1513. .eleven40-blue .menu-secondary li li a:hover,
  1514. .eleven40-blue .menu-secondary .current_page_item a,
  1515. .eleven40-blue .menu-secondary .current-cat a,
  1516. .eleven40-blue .menu-secondary .current-menu-item a,
  1517. .eleven40-blue #footer a:hover,
  1518. .eleven40-blue #header .menu li a:active,
  1519. .eleven40-blue #header .menu li a:hover,
  1520. .eleven40-blue #header .menu li li a:active,
  1521. .eleven40-blue #header .menu li li a:hover,
  1522. .eleven40-blue #header .menu .current_page_item a,
  1523. .eleven40-blue #header .menu .current-cat a,
  1524. .eleven40-blue #header .menu .current-menu-item a {
  1525. color: #2b97ed;
  1526. }
  1527.  
  1528. .eleven40-blue .navigation li a:hover,
  1529. .eleven40-blue .navigation li.active a {
  1530. background-color: #2b97ed;
  1531. }
  1532.  
  1533. .eleven40-blue input[type="button"],
  1534. .eleven40-blue input[type="submit"] {
  1535. background: url(images/blue/gradient.png) 0 0;
  1536. border: 1px solid #2b97ed;
  1537. }
  1538.  
  1539. .eleven40-blue input:hover[type="button"],
  1540. .eleven40-blue input:hover[type="submit"] {
  1541. background: url(images/blue/gradient.png) 0 -33px;
  1542. }
  1543.  
  1544.  
  1545. /* eleven40 Green
  1546. ------------------------------------------------------------ */
  1547.  
  1548. .eleven40-green a,
  1549. .eleven40-green a:visited {
  1550. color: #27d665;
  1551. }
  1552.  
  1553. .eleven40-green #title {
  1554. background: url(images/green/logo-texture.png);
  1555. text-shadow: 0 1px #27743f;
  1556. }
  1557.  
  1558. .eleven40-green #title:before {
  1559. background: url(images/green/logo-vert-left.png) repeat-y;
  1560. }
  1561.  
  1562. .eleven40-green #title:after {
  1563. background: url(images/green/logo-vert-right.png) repeat-y;
  1564. }
  1565.  
  1566. .eleven40-green .menu-primary a,
  1567. .eleven40-green .menu-secondary a,
  1568. .eleven40-green h2 a,
  1569. .eleven40-green h2 a:visited {
  1570. color: #333;
  1571. }
  1572.  
  1573. .eleven40-green #header .menu li li a,
  1574. .eleven40-green #header .menu li li a:link,
  1575. .eleven40-green #header .menu li li a:visited {
  1576. color: #fff;
  1577. }
  1578.  
  1579. .eleven40-green h2 a:hover,
  1580. .eleven40-green .menu li.right a:hover,
  1581. .eleven40-green .menu-primary li a:active,
  1582. .eleven40-green .menu-primary li a:hover,
  1583. .eleven40-green .menu-primary li li a:active,
  1584. .eleven40-green .menu-primary li li a:hover,
  1585. .eleven40-green .menu-primary .current_page_item a,
  1586. .eleven40-green .menu-primary .current-cat a,
  1587. .eleven40-green .menu-primary .current-menu-item a,
  1588. .eleven40-green .menu-secondary li a:active,
  1589. .eleven40-green .menu-secondary li a:hover,
  1590. .eleven40-green .menu-secondary li li a:active,
  1591. .eleven40-green .menu-secondary li li a:hover,
  1592. .eleven40-green .menu-secondary .current_page_item a,
  1593. .eleven40-green .menu-secondary .current-cat a,
  1594. .eleven40-green .menu-secondary .current-menu-item a,
  1595. .eleven40-green #footer a:hover,
  1596. .eleven40-green #header .menu li a:active,
  1597. .eleven40-green #header .menu li a:hover,
  1598. .eleven40-green #header .menu li li a:active,
  1599. .eleven40-green #header .menu li li a:hover,
  1600. .eleven40-green #header .menu .current_page_item a,
  1601. .eleven40-green #header .menu .current-cat a,
  1602. .eleven40-green #header .menu .current-menu-item a {
  1603. color: #27d665;
  1604. }
  1605.  
  1606. .eleven40-green .navigation li a:hover,
  1607. .eleven40-green .navigation li.active a {
  1608. background-color: #27d665;
  1609. }
  1610.  
  1611. .eleven40-green input[type="button"],
  1612. .eleven40-green input[type="submit"] {
  1613. background: url(images/green/gradient.png) 0 0;
  1614. border: 1px solid #27d665;
  1615. }
  1616.  
  1617. .eleven40-green input:hover[type="button"],
  1618. .eleven40-green input:hover[type="submit"] {
  1619. background: url(images/green/gradient.png) 0 -33px;
  1620. }
  1621.  
  1622.  
  1623. /* eleven40 Red
  1624. ------------------------------------------------------------ */
  1625.  
  1626. .eleven40-red a,
  1627. .eleven40-red a:visited {
  1628. color: #ed2b46;
  1629. }
  1630.  
  1631. .eleven40-red #title {
  1632. background: url(images/red/logo-texture.png);
  1633. text-shadow: 0 1px #711f26;
  1634. }
  1635.  
  1636. .eleven40-red #title:before {
  1637. background: url(images/red/logo-vert-left.png) repeat-y;
  1638. }
  1639.  
  1640. .eleven40-red #title:after {
  1641. background: url(images/red/logo-vert-right.png) repeat-y;
  1642. }
  1643.  
  1644. .eleven40-red .menu-primary a,
  1645. .eleven40-red .menu-secondary a,
  1646. .eleven40-red h2 a,
  1647. .eleven40-red h2 a:visited {
  1648. color: #333;
  1649. }
  1650.  
  1651. .eleven40-red #header .menu li li a,
  1652. .eleven40-red #header .menu li li a:link,
  1653. .eleven40-red #header .menu li li a:visited {
  1654. color: #fff;
  1655. }
  1656.  
  1657. .eleven40-red h2 a:hover,
  1658. .eleven40-red .menu li.right a:hover,
  1659. .eleven40-red .menu-primary li a:active,
  1660. .eleven40-red .menu-primary li a:hover,
  1661. .eleven40-red .menu-primary li li a:active,
  1662. .eleven40-red .menu-primary li li a:hover,
  1663. .eleven40-red .menu-primary .current_page_item a,
  1664. .eleven40-red .menu-primary .current-cat a,
  1665. .eleven40-red .menu-primary .current-menu-item a,
  1666. .eleven40-red .menu-secondary li a:active,
  1667. .eleven40-red .menu-secondary li a:hover,
  1668. .eleven40-red .menu-secondary li li a:active,
  1669. .eleven40-red .menu-secondary li li a:hover,
  1670. .eleven40-red .menu-secondary .current_page_item a,
  1671. .eleven40-red .menu-secondary .current-cat a,
  1672. .eleven40-red .menu-secondary .current-menu-item a,
  1673. .eleven40-red #footer a:hover,
  1674. .eleven40-red #header .menu li a:active,
  1675. .eleven40-red #header .menu li a:hover,
  1676. .eleven40-red #header .menu li li a:active,
  1677. .eleven40-red #header .menu li li a:hover,
  1678. .eleven40-red #header .menu .current_page_item a,
  1679. .eleven40-red #header .menu .current-cat a,
  1680. .eleven40-red #header .menu .current-menu-item a {
  1681. color: #ed2b46;
  1682. }
  1683.  
  1684. .eleven40-red .navigation li a:hover,
  1685. .eleven40-red .navigation li.active a {
  1686. background-color: #ed2b46;
  1687. }
  1688.  
  1689. .eleven40-red input[type="button"],
  1690. .eleven40-red input[type="submit"] {
  1691. background: url(images/red/gradient.png) 0 0;
  1692. border: 1px solid #ed2b46;
  1693. }
  1694.  
  1695. .eleven40-red input:hover[type="button"],
  1696. .eleven40-red input:hover[type="submit"] {
  1697. background: url(images/red/gradient.png) 0 -33px;
  1698. }
  1699.  
  1700.  
  1701. /* Responsive Design
  1702. ------------------------------------------------------------ */
  1703.  
  1704. @media only screen and (max-width: 1200px) {
  1705.  
  1706. .wrap {
  1707. max-width: 960px;
  1708. }
  1709.  
  1710. #content-sidebar-wrap {
  1711. width: 770px;
  1712. }
  1713.  
  1714. #content {
  1715. width: 400px;
  1716. }
  1717.  
  1718. .content-sidebar #content,
  1719. .sidebar-content #content {
  1720. width: 630px;
  1721. }
  1722.  
  1723. .content-sidebar-sidebar #content,
  1724. .sidebar-sidebar-content #content {
  1725. width: 440px;
  1726. }
  1727.  
  1728. .full-width-content #content {
  1729. width: 100%;
  1730. }
  1731.  
  1732. .genesis-grid-even,
  1733. .genesis-grid-odd {
  1734. float: left;
  1735. margin: 0 0 30px;
  1736. padding: 0;
  1737. width: 100%;
  1738. }
  1739.  
  1740. .five-sixths,
  1741. .four-fifths,
  1742. .four-sixths,
  1743. .one-fifth,
  1744. .one-fourth,
  1745. .one-half,
  1746. .one-sixth,
  1747. .one-third,
  1748. .three-fifths,
  1749. .three-fourths,
  1750. .three-sixths,
  1751. .two-fifths,
  1752. .two-fourths,
  1753. .two-sixths,
  1754. .two-thirds {
  1755. padding: 0;
  1756. width: 100%;
  1757. }
  1758.  
  1759. .footer-widgets-1 {
  1760. width: 290px;
  1761. }
  1762.  
  1763. .footer-widgets-2 {
  1764. width: 300px;
  1765. }
  1766.  
  1767. .footer-widgets-3 {
  1768. width: 290px;
  1769. }
  1770.  
  1771. }
  1772.  
  1773. @media only screen and (max-width: 800px) {
  1774.  
  1775. body {
  1776. width: 100%;
  1777. margin: 0 auto;
  1778. }
  1779.  
  1780. .archive-page,
  1781. .content-sidebar #content,
  1782. .content-sidebar-sidebar #content,
  1783. .footer-widgets-1,
  1784. .footer-widgets-2,
  1785. .footer-widgets-3,
  1786. .sidebar,
  1787. .sidebar-content #content,
  1788. .sidebar-content-sidebar #content,
  1789. .sidebar-sidebar-content #content,
  1790. .wrap,
  1791. #content-sidebar-wrap,
  1792. #footer .creds,
  1793. #footer .gototop,
  1794. #sidebar-alt {
  1795. width: 100%;
  1796. }
  1797.  
  1798. #inner .wrap {
  1799. padding: 20px;
  1800. width: auto;
  1801. }
  1802.  
  1803. #title {
  1804. width: 100%;
  1805. padding: 18px 0 17px;
  1806. }
  1807.  
  1808. .menu-primary,
  1809. .menu-secondary,
  1810. #header ul.menu,
  1811. #header .widget-area,
  1812. #title-area {
  1813. float: none;
  1814. text-align: center;
  1815. width: 100%;
  1816. }
  1817.  
  1818. #header .searchform {
  1819. float: center;
  1820. }
  1821.  
  1822. #header ul.menu {
  1823. background: url(images/bg-pattern.png);
  1824. float: left;
  1825. }
  1826.  
  1827. .menu-primary li,
  1828. .menu-secondary li,
  1829. #header ul.menu li {
  1830. display: inline-block;
  1831. float: none;
  1832. }
  1833.  
  1834. .menu-primary a,
  1835. .menu-secondary a,
  1836. #header .menu a {
  1837. padding: 10px;
  1838. }
  1839.  
  1840. .menu li.right {
  1841. display: none;
  1842. }
  1843.  
  1844. .page-title {
  1845. font-size: 24px;
  1846. padding: 10px 20px;
  1847. }
  1848.  
  1849. .page-title p {
  1850. line-height: 1.2;
  1851. }
  1852.  
  1853. .content-sidebar #content,
  1854. .content-sidebar-sidebar #content,
  1855. .sidebar,
  1856. .sidebar-content #content,
  1857. .sidebar-content-sidebar #content,
  1858. .sidebar-sidebar-content #content {
  1859. border: none;
  1860. padding: 20px 0;
  1861. width: 100%;
  1862. }
  1863.  
  1864. h1,
  1865. h2,
  1866. h2 a,
  1867. h2 a:visited {
  1868. font-size: 30px;
  1869. }
  1870.  
  1871. .after-post form {
  1872. background: none;
  1873. padding: 0;
  1874. }
  1875.  
  1876. #footer-widgets .widget {
  1877. padding: 20px 20px 0;
  1878. }
  1879.  
  1880. .footer-widgets-1,
  1881. .footer-widgets-2,
  1882. .footer-widgets-3 {
  1883. margin: 0;
  1884. }
  1885.  
  1886. #footer .creds,
  1887. #footer .gototop {
  1888. float: none;
  1889. }
  1890.  
  1891. #footer p {
  1892. padding: 0 20px;
  1893. text-align: center;
  1894. }
  1895.  
  1896. }
  1897.  
  1898. /* Newsletter
  1899. ------------------------------------------------------------ */
  1900.  
  1901. .newsletter {
  1902. background-color: #F5F5F5;
  1903. border: 10px solid #EEEEEE;
  1904. margin: 20px 40px 0;
  1905. }
  1906. .newsletter .white-border {
  1907. border: 1px solid #FFFFFF;
  1908. }
  1909.  
  1910. .newsletter-wrap {
  1911. background: url("images/enews-ribbon.png") no-repeat scroll left top transparent;
  1912. margin: -17px -18px;
  1913. overflow: hidden;
  1914. padding: 40px 30px 40px;
  1915. text-align: center;
  1916. text-shadow: 1px 1px #FFFFFF;
  1917. }
  1918.  
  1919. .newsletter-wrap p {
  1920. margin: 0 50px 20px;
  1921. text-align: center;
  1922. }
  1923. .newsletter h4 {
  1924. color: #333;
  1925. font-size: 24px;
  1926. margin: 0 0 15px;
  1927. }
  1928. .newsletter-wrap input[type="email"] {
  1929. background: url("images/enews-subbox.png") no-repeat scroll left center #FFFFFF;
  1930. box-shadow: 0 0 5px #CCCCCC inset;
  1931. margin: 5px -6px 0 0;
  1932. padding: 13px 0 13px 37px;
  1933. width: 55%;
  1934. }
  1935.  
  1936. .newsletter input[type="submit"] {
  1937. padding: 12px 10px;
  1938. }
  1939.  
  1940. /* Hyperlinks
  1941. ------------------------------------------------------------ */
  1942. .more-link {
  1943. background-color: #0A7EF2;
  1944. padding: 4px 8px;
  1945. border-radius: 4px;
  1946. -moz-box-shadow: 1px 1px 1px 1px #d4d4d4;
  1947. -webkit-box-shadow: 1px 1px 1px 1px #d4d4d4;
  1948. box-shadow: 1px 1px 1px 1px #d4d4d4;
  1949. }
  1950.  
  1951. .more-link:hover {
  1952. background-color: #9C2C0B;
  1953. text-decoration: none;
  1954. }
  1955.  
  1956. .entry-content a.more-link {
  1957. color: #fff;
  1958. font-size: 90%;
  1959. }
  1960. @media only screen and (max-width: 800px) {
  1961.  
  1962. .header-image #title-area, .header-image #title, .header-image #title a {
  1963. float: none !important;
  1964. margin: 0 auto !important;
  1965. }
  1966. ...
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement