Advertisement
Hardik24

CSS after having Static menu

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