Advertisement
Guest User

Untitled

a guest
Sep 13th, 2011
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.36 KB | None | 0 0
  1. /*
  2. Theme Name: Mom's HQ
  3. Theme URI: http://studio.quintalinda.com/
  4. Description: A custom developed theme for Mom's HQ
  5. Version: 0.1
  6. Author: QL Studio
  7. Author URI: http://studio.quintalinda.com/
  8. Tags: fixed width, two columns
  9. */
  10.  
  11. /* css reset */
  12.  
  13. html, body, div, span, applet, object, iframe,
  14. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  15. a, abbr, acronym, address, big, cite, code,
  16. del, dfn, em, font, img, ins, kbd, q, s, samp,
  17. small, strike, strong, sub, sup, tt, var,
  18. b, u, i, center,
  19. dl, dt, dd, ol, ul, li,
  20. fieldset, form, label, legend,
  21. table, caption, tbody, tfoot, thead, tr, th, td {
  22. background: transparent;
  23. border: 0;
  24. margin: 0;
  25. padding: 0;
  26. vertical-align: baseline;
  27. }
  28.  
  29. @font-face {
  30. font-family: 'FertigoProRegular';
  31. src: url('fonts/fertigo_pro-webfont.eot');
  32. src: url('fonts/fertigo_pro-webfont.eot?#iefix') format('embedded-opentype'),
  33. url('fonts/fertigo_pro-webfont.woff') format('woff'),
  34. url('fonts/fertigo_pro-webfont.ttf') format('truetype'),
  35. url('fonts/fertigo_pro-webfont.svg#FertigoProRegular') format('svg');
  36. font-weight: normal;
  37. font-style: normal;
  38. }
  39.  
  40. /* ********** default styles *********** */
  41.  
  42.  
  43. .entry ul, .entry ol {
  44. padding-left: 10px;
  45. margin-left:10px;
  46. font-size: 150%;
  47. }
  48.  
  49. #main {
  50.  
  51. }
  52.  
  53. body {
  54. margin: 0;
  55. padding: 0;
  56. color: #000;
  57. font: normal 14px "Georgia", serif;
  58. background: url(images/bck.jpg);
  59. font-weight: normal;
  60. text-align: center;
  61. }
  62.  
  63. p, h1, h2, h3, h4, h5, h6{
  64. margin: 10px 0;
  65. padding: 0;
  66. font-weight: normal;s
  67. }
  68.  
  69. h1, h2, h3, h4, h5, h6 {
  70. font-family: "FertigoProRegular", Arial, sans-serif;
  71. }
  72.  
  73. h1{
  74. font-size: 190%;
  75. color: #BB425E;
  76. }
  77. h2{
  78. font-size: 160%;
  79. }
  80. h3{
  81. font-size: 120%;
  82. }
  83. h4 {
  84. font-size: 110%;
  85. }
  86. h5 {
  87. font-size: 100%;
  88. }
  89. h6 {
  90. font-size: 90%;
  91. }
  92.  
  93. a {
  94. color: #0F0100;
  95. text-decoration:none;
  96. font-weight: normal;
  97. outline: 0;
  98. }
  99. a:hover {
  100. color: #8C4300;
  101. text-decoration:underline;
  102. }
  103.  
  104. a:visited {
  105. color: #000;
  106. text-decoration:none;
  107. }
  108.  
  109. a img {
  110. border:0px;
  111. }
  112.  
  113. hr {
  114. height:2px;
  115. margin:5px 0;
  116. border-bottom: 1px solid #ccc;
  117. border-top: 1px solid #ccc;
  118. }
  119.  
  120. blockquote{
  121. background: #EBF7FF;
  122. padding: 5px 15px;
  123. margin: 3px 30px;
  124. border-left: 4px solid #8CD1FD;
  125. border-top: 1px solid #EBF7FF;
  126. border-right: 1px solid #EBF7FF;
  127. border-bottom: 1px solid #EBF7FF;
  128. }
  129.  
  130. form{
  131. margin: 0;
  132. padding:0;
  133. }
  134.  
  135. fieldset{
  136. padding:10px;
  137. margin:0;
  138. border:none;
  139. }
  140.  
  141. legend{
  142. font-weight:800;
  143. }
  144.  
  145. code{
  146. font-size: 90%;
  147. font-family: "Courier New", Courier, monospace;
  148. white-space: pre;
  149. }
  150.  
  151. td{
  152. vertical-align:top;
  153. }
  154.  
  155. .strong {
  156. font-weight: 800;
  157. }
  158.  
  159. .whole { /* whole div clickable */
  160. display: block;
  161. position: relative;
  162. top: 0;
  163. left: 0;
  164. width: 100%;
  165. height: 100%;
  166. cursor: pointer;
  167. }
  168.  
  169. /* block wrappers */
  170.  
  171. #wrapper {
  172. width: 1052px;
  173. margin: 0 auto;
  174. text-align: left;
  175. }
  176.  
  177. #header {
  178. width: 1052px;
  179. float: left;
  180. clear: both;
  181. position: relative;
  182. }
  183.  
  184. #content {
  185. width: 897px;
  186. clear: both;
  187. padding: 20px 58px 20px 97px;
  188. background: url(images/content.png) repeat-y;
  189. float: left;
  190. position: relative;
  191. }
  192.  
  193. #content .stamp {
  194. position: absolute;
  195. top: 0px;
  196. left: 57px;
  197. background: url(images/stamp.gif) no-repeat 0 0 transparent;
  198. height: 18px;
  199. width: 102px;
  200. }
  201.  
  202. #home {
  203. float: left;
  204. width: 800px
  205. }
  206.  
  207. #main, #page{
  208. float:left;
  209. margin: 0px 0 20px;
  210. overflow: hidden;
  211. padding: 0 20px 0 0px;
  212. width: 737px;
  213. min-height: 300px;
  214. }
  215.  
  216. #side {
  217. float: left;
  218. width: 140px;
  219. }
  220.  
  221. #footer {
  222. width: 100%;
  223. float: left;
  224. clear: both;
  225. padding: 0px;
  226. }
  227.  
  228. /* header elements */
  229.  
  230. .topics {
  231. position: absolute;
  232. top: 127px;
  233. left: 528px;
  234. background: url(images/topics.png) no-repeat 0 0 transparent;
  235. height: 38px;
  236. width: 222px;
  237. }
  238.  
  239. .header-left{
  240. float: left;
  241. width: 707px;
  242. height: 165px;
  243. }
  244.  
  245. .logo{
  246. float: left;
  247. width: 300px;
  248. height: 165px;
  249. }
  250.  
  251. .tagline{
  252. background: url("images/tagline.png") no-repeat scroll 0 0 transparent;
  253. float: left;
  254. height: 99px;
  255. line-height: 28px;
  256. padding-top: 66px;
  257. width: 407px;
  258. }
  259.  
  260. .tagline p {
  261. font-size: 1.4em;
  262. color: #93908b;
  263. margin: 0;
  264. font-family: "FertigoProRegular", Arial, sans-serif;
  265. }
  266.  
  267. .break{
  268.  
  269. }
  270.  
  271. .header-right{
  272. background: url(images/search.png) no-repeat;
  273. float: left;
  274. width: 345px;
  275. height: 165px;
  276. }
  277.  
  278. .navtop {
  279. padding: 68px 0 0 9px;
  280. width: 100%;
  281. float: left;
  282. }
  283.  
  284. #topnav {
  285. display: inline;
  286. float: left;
  287. font-size: 1em;
  288. list-style: none outside none;
  289. width: 100%;
  290. }
  291.  
  292. .navtop ul li {
  293. padding: 4px 6px 5px;
  294. float: left;
  295. }
  296.  
  297. .navtop ul li a {
  298. color: #bb425e;
  299. border-right: 1px solid #bb425e;
  300. font-weight: bold;
  301. padding: 0 8px 0 0;
  302. font-size: 0.95em;
  303. }
  304.  
  305. .navtop ul li:last-child a {
  306. border-right: 0;
  307. }
  308.  
  309. .search {
  310. float: left;
  311. width: 100%;
  312. padding-top: 10px;
  313. }
  314.  
  315. .search .button {
  316. float: left;
  317. }
  318.  
  319. .search .border {
  320. float: left;
  321. width: 246px;
  322. padding: 3px;
  323. background: #BFDBE6;
  324. margin: 1px 5px 0 0;
  325. }
  326.  
  327. .search .input {
  328. float: left;
  329. border: 1px solid #5C5C5C;
  330. padding: 3px;
  331. width: 234px;
  332. color: #323232;
  333. }
  334.  
  335.  
  336. /****NAVIGATION STYLES********/
  337.  
  338. .navigation {
  339. float: left;
  340. width: 100%;
  341. text-align: center;
  342. }
  343.  
  344. #nav {
  345. background: url("images/nav_2.png") no-repeat scroll 0 0 transparent;
  346. height: 71px;
  347. padding-top: 0px;
  348. float: left;
  349. list-style-type: none;
  350. width: 100%;
  351. }
  352.  
  353. .navigation ul li {
  354. list-style: none outside none;
  355. display: inline-block;
  356. }
  357.  
  358. .navigation ul li a {
  359. text-decoration: none;
  360. color: #fff;
  361. font-weight: normal;
  362. display: block;
  363. padding: 10px 20px;
  364. text-transform: uppercase;
  365. font-size: 1.2em;
  366. }
  367.  
  368. .navigation ul li a:hover {
  369. color: #bb425e;
  370. }
  371.  
  372. .navigation ul li.page-item-10, .navigation ul li.page-item-22 {
  373. font-size: 1.9em;
  374. color: #bb425e;
  375. position: relative;
  376. top: 7px;
  377. }
  378.  
  379. .navigation ul li.page-item-10 a:hover, .navigation ul li.fpage-item-22 a:hover {
  380. color: #fff;
  381. }
  382.  
  383. .navigation ul li.page-item-10 a, .navigation ul li.page-item-22 a {
  384. color: #bb425e;
  385. font-family: "FertigoProRegular", Arial, sans-serif;
  386. }
  387.  
  388. .navigation ul li.current_page_item a, .navigation ul li.current_page_parent a {
  389. color: #bb425e;
  390.  
  391. }
  392.  
  393. /* home slideshow */
  394.  
  395. /* home layout */
  396.  
  397. #home a {
  398. color: #A4C842;
  399. font-size: 0.8em;
  400. text-transform: uppercase;
  401. }
  402.  
  403. #home .top {
  404. width: 869px;
  405. float: left;
  406. }
  407.  
  408. #home .top .about {
  409. float: left;
  410. width: 383px;
  411. }
  412.  
  413. #home .top .about h1 {
  414. overflow: hidden;
  415. text-indent: -500px;
  416. background: url(images/welcome.gif) no-repeat 0 0 transparent;
  417. padding: 0;
  418. margin: 0;
  419. height: 54px;
  420. }
  421.  
  422. #home .top .about p {
  423. color: #7D7A78;
  424. padding-left: 5px;
  425. line-height: 1.4em;
  426. }
  427.  
  428. #home .top .slideshow {
  429. float: right;
  430. width: 460px;
  431. padding: 0 0 26px 0px;
  432. }
  433.  
  434. #home .bottom {
  435. width: 100%;
  436. float: left;
  437. width: 880px
  438. }
  439.  
  440. #home .bottom .box {
  441. float: left;
  442. background: url(images/home_bg.jpg) no-repeat 0 0 transparent;
  443. padding: 15px;
  444. margin-right: 15px;
  445. width: 251px;
  446. }
  447.  
  448. #home .bottom .box:last-child {
  449. margin: 0;
  450. }
  451.  
  452. #home .bottom .box h2 {
  453. padding: 8px 0 5px 0px;
  454. margin: 0;
  455. font-size: 1em;
  456. margin-bottom: 5px;
  457. border-bottom: 2px dashed #BEBCB9;
  458. }
  459.  
  460. #home .bottom .box h2 a {
  461. color: #EB902A;
  462. font-family: "Georgia", serif;
  463. font-size: 1.4em;
  464. text-transform: none;
  465. font-weight: normal;
  466. }
  467.  
  468. #home .bottom .box .icon {
  469. padding-top: 4px;
  470. }
  471.  
  472. #home .bottom .box h3 {
  473. padding: 3px 0 11px 10px;
  474. margin: 0;
  475. font-size: .8em;
  476. }
  477.  
  478. #home .bottom .box h3 a {
  479. color: #4F2F04;
  480. font-family: "Georgia", serif;
  481. font-size: 1em;
  482. }
  483.  
  484. #home .bottom .box .text {
  485. color: #5F430B;
  486. }
  487.  
  488. /* section */
  489.  
  490. #section {
  491. float: left;
  492. width: 735px;
  493. padding: 10px 0;
  494. }
  495.  
  496. #section .row {
  497. float: left;
  498. width: 100%;
  499. clear: both;
  500. }
  501.  
  502. #section .box {
  503. float: left;
  504. background: url(images/home_bg.jpg) no-repeat 0 0 transparent;
  505. padding: 15px;
  506. margin-right: 15px;
  507. width: 251px;
  508. }
  509.  
  510. #section .box:last-child {
  511. margin: 0;
  512. }
  513.  
  514. #section .box h2 {
  515. padding: 8px 0 5px 0px;
  516. margin: 0;
  517. font-size: 1em;
  518. margin-bottom: 5px;
  519. border-bottom: 2px dashed #BEBCB9;
  520. }
  521.  
  522. #section .box h2 a {
  523. color: #EB902A;
  524. font-family: "Georgia", serif;
  525. font-size: 1.4em;
  526. text-transform: none;
  527. font-weight: normal;
  528. }
  529.  
  530. #section .box .icon {
  531. padding-top: 4px;
  532. }
  533.  
  534. #section .box .text {
  535. color: #5F430B;
  536. }
  537.  
  538. /* footer */
  539.  
  540. #footer{
  541. width: 1000px;
  542. float: left;
  543. padding-top: 20px;
  544. margin-left: -19px;
  545. }
  546.  
  547. #top-footer{
  548. float: left;
  549. height: 111px;
  550. width: 902px;
  551. clear: both;
  552. }
  553.  
  554. .social{
  555. float: left;
  556. height: 111px;
  557. width: 450px;
  558. padding-top: 37px;
  559. }
  560.  
  561. .followus {
  562. float: left;
  563. height: 52px;
  564. width: 107px;
  565. margin-right: 6px;
  566. }
  567.  
  568. #socialnav{
  569. float: left;
  570. height: 111px;
  571. width: 332px;
  572. padding-top: 9px;
  573. }
  574.  
  575. #socialnav li {
  576. display: inline;
  577. list-style: none outside none;
  578. padding: 0px;
  579. }
  580.  
  581. #socialnav a{
  582. text-decoration: none;
  583. color: #fff;
  584. font-weight: normal;
  585. }
  586.  
  587. #socialnav li:hover{
  588.  
  589. }
  590.  
  591. .advert{
  592. float: right;
  593. height: 111px;
  594. width: 435px;
  595. }
  596.  
  597. .nav-footer {
  598. float: left;
  599. width: 898px;
  600. padding: 15px 30px 0 6px;
  601. }
  602.  
  603. #navfooter{
  604. display: inline;
  605. font-size: 0.8em;
  606. list-style: none outside none;
  607. }
  608.  
  609. #navfooter li {
  610. float: left;
  611. }
  612.  
  613. #navfooter a {
  614. color: #bb425e;
  615. border-right: 1px solid #bb425e;
  616. font-weight: bold;
  617. padding: 2px 5px;
  618. }
  619.  
  620. ul#navfooter li:last-child a {
  621. border: 0;
  622. }
  623.  
  624. #navfooter .credits {
  625. padding-left: 10px;
  626. float: right;
  627. }
  628.  
  629. #navfooter .credits a {
  630. color: #000;
  631. }
  632.  
  633. /* internal page elements */
  634.  
  635.  
  636. #content #page .post {
  637. padding: 0;
  638. margin: 0;
  639. }
  640.  
  641. #content .breadcrumb {
  642. padding: 0 0 13px;
  643. margin: 0 0;
  644. font-size: 0.6em;
  645. font-style: italic;
  646. color: #000;
  647. width: 100%;
  648. float: left;
  649. }
  650.  
  651. #content .breadcrumb .arrow {
  652. padding: 0 4px;
  653. }
  654.  
  655. #content .breadcrumb ul {
  656. list-style-: none;
  657. }
  658.  
  659. #content .breadcrumb ul li {
  660. float: left;
  661. }
  662.  
  663. #content .breadcrumb a {
  664. color: #666;
  665. }
  666.  
  667. #content #page .post h2, #content #main h2 {
  668. text-align: left;
  669. padding: 0;
  670. margin: 0;
  671. line-height: 0.75em;
  672. font-size: 1.3em;
  673. padding: 0 0 9px;
  674. font-family: "FertigoProRegular", Verdana, sans-serif;
  675. text-shadow: 1px 1px 1px #fff;
  676. color: #7AB941;
  677. border-bottom: 0px solid #B5B2B2;
  678. width: 511px;
  679. }
  680.  
  681. #content #page_wide .post h2 {
  682. width: 736px;
  683. }
  684.  
  685. #content #page_contact .post h2, #content #main h2 {
  686. width: 676px;
  687. }
  688.  
  689. #content #page .post .entry {
  690. width: 711px;
  691. padding: 0;
  692. color: #222222;
  693. font-size: 0.75em;
  694. line-height: 1.9em;
  695. float: left;
  696. }
  697.  
  698. #content #page_wide .post .entry {
  699. width: 736px;
  700. }
  701.  
  702. #content #page .post .entry img {
  703. border: 1px solid #fff;
  704. }
  705.  
  706. #content #page .post .entry h2 {
  707. padding-top: 25px;
  708. border-bottom: 0px solid #C6C6C6;
  709. }
  710.  
  711. /* slideshow */
  712.  
  713. #slideshow-wrapper {
  714. margin: 0px !important;
  715. }
  716.  
  717. #slideshow-wrapper #imgprev {
  718. left: 5px;
  719. }
  720.  
  721. #slideshow-wrapper #imgnext {
  722. right: 5px;
  723. }
  724.  
  725. #slideshow-wrapper #fullsize {
  726. width: 734px;
  727. height: 289px;
  728. }
  729.  
  730. #slideshow-wrapper #fullsize #image img {
  731. border: 5px solid #fff;
  732. width: 724px;
  733. height: 278px;
  734. }
  735.  
  736. #slideshow-wrapper #slidearea {
  737. height: 56px;
  738. }
  739.  
  740. #slideshow-wrapper #slideright, #slideshow-wrapper #slideleft {
  741. cursor: pointer;
  742. height: 56px;
  743. }
  744.  
  745. #slideshow-wrapper #slideright:hover, #slideshow-wrapper #slideleft:hover {
  746. background-color: #f2f2f2;
  747. }
  748.  
  749. #slideshow-wrapper #thumbnails .thumbsbot {
  750. margin-top: 10px !important;
  751. }
  752.  
  753. #slideshow-wrapper #thumbslider img {
  754. border: 5px solid #fff !important;
  755. width: 45px !important;
  756. height: 45px !important;
  757. padding: 0px;
  758. }
  759.  
  760. #slideshow-wrapper #thumbslider img:hover {
  761. border-color: #f2f2f2 !important;
  762. }
  763.  
  764. /* video */
  765.  
  766. #content #page .post .entry .video {
  767. float: left;
  768. width: 100%;
  769. clear: both;
  770. }
  771.  
  772. #content #page .post .entry .video .embed {
  773. float: left;
  774. padding: 10px 0;
  775. }
  776.  
  777. #content #page .post .entry .video .caption {
  778. float: left;
  779. width: 175px;
  780. padding: 0 0 0 15px;
  781. }
  782.  
  783. #content #page_wide .post .entry .video .caption {
  784. width: 400px;
  785.  
  786. }
  787.  
  788. #content #page .post .entry .video .caption h4 {
  789. font-size: 1.05em;
  790. font-weight: bold;
  791. font-family: "FertigoProRegular", Arial, sans-serif;
  792. }
  793.  
  794. #content #page .post .entry .video .caption p {
  795. font-size: 0.8em;
  796. color: #898989;
  797. }
  798.  
  799. /* contact side bar */
  800. #side h4.contact {
  801. color: #222222;
  802. font-size: 0.85em;
  803. text-shadow: 1px 1px 1px #fff;
  804. border-bottom: 1px solid #B5B2B2;
  805. margin: 16px 0 0;
  806. padding: 0 0 0 5px;
  807. }
  808.  
  809. #side .map {
  810. float: left;
  811. background: #DDE8EC;
  812. padding: 5px 5px 10px;
  813. }
  814.  
  815. #side .map .address {
  816. font-size: 0.75em;
  817. line-height: 1.2em
  818. }
  819.  
  820. #side .map .google {
  821. padding-top: 8px;
  822. }
  823.  
  824. #side .map .google img {
  825.  
  826. }
  827.  
  828. #side .map .details {
  829. padding-top: 10px;
  830. font-size: 0.75em;
  831. line-height: 1.3em
  832. }
  833.  
  834. /* contact form */
  835.  
  836. div.wpcf7 {
  837. background: #fff;
  838. border-top: 1px solid #B2B2B2;
  839. padding: 15px 10px 10px 15px !important;
  840. float: left;
  841. width: 651px;
  842. font-family: "FertigoProRegular", Verdana, sans-serif;
  843. box-shadow: 0 4px 4px -2px #C2C2C2;
  844. -moz-box-shadow: 0 4px 4px -2px #C2C2C2;
  845. -webkit-box-shadow: 0 4px 4px -2px #C2C2C2;
  846. }
  847.  
  848. div.wpcf7 .row {
  849. float: left;
  850. width: 100%;
  851. margin-top: -5px;
  852. }
  853.  
  854. div.wpcf7 .row .name, div.wpcf7 .row .phone {
  855. float: left;
  856. width: 50%;
  857. }
  858.  
  859. div.wpcf7 .row .name input, div.wpcf7 .row .phone input {
  860. width: 307px;
  861. }
  862.  
  863. div.wpcf7 .email {
  864. padding-bottom: 8px;
  865. }
  866.  
  867. div.wpcf7 .email input {
  868. width: 631px;
  869. }
  870.  
  871. div.wpcf7 .comment {
  872. padding-bottom: 4px;
  873. }
  874.  
  875. div.wpcf7 .comment textarea {
  876. width: 631px;
  877. }
  878.  
  879. .wpcf7 input, .wpcf7 textarea {
  880. background: #F2F2F2;
  881. border: 1px solid #CCCCCC;
  882. padding: 5px;
  883. }
  884.  
  885. .wpcf7 .submit {
  886. text-align: right;
  887. float: left;
  888. width: 100%;
  889. padding: 4px 0px
  890. }
  891.  
  892. .wpcf7 .terms {
  893. font-size: 0.8em;
  894. color: #666666;
  895. width: 250px;
  896. float: right;
  897. padding: 3px 5px 5px 0 !important;
  898. line-height: 1.4em;
  899. }
  900.  
  901. .wpcf7 .button {
  902. float: right;
  903. padding-bottom: 5px;
  904. margin-left: 5px !important;
  905. }
  906.  
  907. .wpcf7 input[type="submit"] {
  908. background: #7BBA42;
  909. text-transform: uppercase;
  910. color: #fff;
  911. padding: 7px 11px;
  912. font-weight: bold;
  913. cursor: pointer;
  914. border: 0;
  915. font-size: 1em;
  916. }
  917.  
  918. div.wpcf7-validation-errors {
  919. float: left;
  920. position: relative;
  921. top: -10px;
  922. border: 0px !important;
  923. display: none !important;
  924. }
  925.  
  926. span.wpcf7-not-valid-tip {
  927. border: 0px !important;
  928. position: absolute;
  929. top: -4px !important;
  930. left: 2px !important;
  931. z-index: 100 !important;
  932. font-size: 10pt !important;
  933. width: 309px !important;
  934. background: #7BBA42 !important;
  935. color: white !important;
  936. padding: 3px 3px 4px 3px !important;
  937. }
  938.  
  939. div.wpcf7 .email .wpcf7-not-valid-tip {
  940. width: 633px !important;
  941. }
  942.  
  943. /* shop */
  944.  
  945. .shop {
  946. float: left;
  947. width: 100%;
  948. padding: 15px 0;
  949. }
  950.  
  951. #side_nav .about {
  952. width: 132px;
  953. float: left;
  954. background: #fff;
  955. border-top: 1px solid #B5B2B2;
  956. font-size: 0.7em;
  957. padding: 10px 8px;
  958. line-height: 1.4em;
  959. color: #595959;
  960. font-family: "Arial", sans-serif;
  961. }
  962.  
  963. #side_nav .link {
  964. width: 132px;
  965. float: left;
  966. background: #E9E9E9;
  967. padding: 0px 8px;
  968. border-top: 1px solid #B2B2B2;
  969. border-bottom: 1px solid #B2B2B2;
  970. }
  971.  
  972. #side_nav .link a {
  973. color: #548CA2;
  974. display: block;
  975. padding: 3px 0;
  976. font-size: 0.7em;
  977. background: url(images/arrow_blue.png) no-repeat 93px 7px transparent;
  978. }
  979.  
  980. #side_nav .link a:hover {
  981. color: #000;
  982. }
  983.  
  984. /* share content */
  985.  
  986. #content #page .post .share {
  987. width: 100%;
  988. float: left;
  989. border-top: 1px solid #fff;
  990. padding: 8px 0;
  991. }
  992.  
  993. #content #page .post .share .facebook {
  994. padding-left: 13px;
  995. float: left;
  996. }
  997.  
  998. #content #page .post .share .twitter {
  999. padding-top: 2px;
  1000. border-right: 1px solid #E6E6E6;
  1001. float: left;
  1002. }
  1003.  
  1004. #content #side_more {
  1005. float: left;
  1006. width: 206px;
  1007. padding: 52px 0 0 0;
  1008. }
  1009.  
  1010. #content #side_more .quote {
  1011. border-top: 1px solid #B5B2B2;
  1012. background: #DDE8EC;
  1013. float: left;
  1014. padding: 14px;
  1015. box-shadow: 2px 2px 4px #ccc;
  1016. -moz-box-shadow: 2px 2px 4px #ccc;
  1017. -webkit-box-shadow: 2px 2px 4px #ccc;
  1018. text-shadow: 1px 1px 1px #fff;
  1019. font-size: 1.1em;
  1020. line-height: 1.1em;
  1021. color: #232323;
  1022. }
  1023.  
  1024. #content #side_more .news {
  1025. float: left;
  1026. width: 100%;
  1027. padding-top: 15px;
  1028. }
  1029.  
  1030. #content #side_more .news h3 {
  1031. color: #70AA3B;
  1032. font-size: 0.9em;
  1033. text-shadow: 1px 1px 1px #fff;
  1034. border-bottom: 1px solid #B5B2B2;
  1035. margin: 0;
  1036. }
  1037.  
  1038. #content #side_more .news img {
  1039. margin-top: 10px;
  1040. border: 1px solid #CCCCCC;
  1041. padding: 4px;
  1042. background: #fff;
  1043. box-shadow: 1px 1px 7px #f2f2f2;
  1044. -moz-box-shadow: 1px 1px 7px #f2f2f2;
  1045. -webkit-box-shadow: 1px 1px 7px #f2f2f2;
  1046. width: 194px;
  1047. height: 70px;
  1048. }
  1049.  
  1050. #content #side_more .news img:hover {
  1051. box-shadow: 1px 1px 6px #A7A7A7;
  1052. -moz-box-shadow: 1px 1px 6px #A7A7A7;
  1053. -webkit-box-shadow: 1px 1px 6px #A7A7A7;
  1054. }
  1055.  
  1056. #content #side_more .news h4 {
  1057. margin: 6px 0 2px 4px;
  1058. padding: 0;
  1059. line-height: 1em;
  1060. }
  1061.  
  1062. #content #side_more .news h4 a {
  1063. font-family: "FertigoProRegular", Arial, Sans-Serif;
  1064. font-size: 0.65em;
  1065. font-weight: bold;
  1066. line-height: 1.2em;
  1067. }
  1068.  
  1069. #content #side_more .news h4 a:hover {
  1070. text-decoration: none;
  1071. color: #558CA1;
  1072. }
  1073.  
  1074. #content #side_more .news p {
  1075. padding: 0 0 0 5px;
  1076. font-size: 0.75em;
  1077. margin: 0;
  1078. line-height: 1.25em;
  1079. color: #848484;
  1080. }
  1081.  
  1082. #content #side_more .news .meta {
  1083. width: 100%;
  1084. clear: both;
  1085. padding-bottom: 6px;
  1086. border-bottom: 1px solid #CCCCCC;
  1087. float: left;
  1088. }
  1089.  
  1090. #content #side_more .news .tags {
  1091. width: 100%;
  1092. padding: 6px 0 0 5px;
  1093. font-size: 0.60em;
  1094. margin: 0;
  1095. line-height: 1.25em;
  1096. color: #848484;
  1097. }
  1098.  
  1099. #content #side_more .news .tags a, #content #side_more .news .comments a {
  1100. color: #558CA1;
  1101. text-decoration: underline;
  1102. }
  1103.  
  1104. #content #side_more .news .tags a:hover, #content #side_more .news .comments a:hover {
  1105. color: #000;
  1106. text-decoration: underline;
  1107. }
  1108.  
  1109. #content #side_more .news .date {
  1110. float: left;
  1111. padding: 2px 0 0 5px;
  1112. font-size: 0.60em;
  1113. margin: 0;
  1114. line-height: 1.25em;
  1115. color: #848484;
  1116. }
  1117.  
  1118. #content #side_more .news .comments {
  1119. float: left;
  1120. padding: 2px 0 0 5px;
  1121. font-size: 0.60em;
  1122. margin: 0;
  1123. line-height: 1.25em;
  1124. color: #848484;
  1125. }
  1126.  
  1127. #content #side_more .contact {
  1128. margin-top: 14px;
  1129. float: left;
  1130. width: 206px;
  1131. background: #E9E9E9;
  1132. }
  1133.  
  1134. #content #side_more .contact h2 a {
  1135. color: #669B37;
  1136. text-shadow: 1px 1px 1px #fff;
  1137. font-size: 0.6em;
  1138. line-height: 0.8em;
  1139. padding: 0 18px 0 10px;
  1140. font-family: "FertigoProRegular", Verdana, sans-serif;
  1141. background: url(images/arrow_green.png) no-repeat right 1px transparent;
  1142. }
  1143.  
  1144. #content #side_more .contact h2 a:hover {
  1145. text-decoration: underline;
  1146. color: #222;
  1147. }
  1148.  
  1149. /* post elements */
  1150.  
  1151. #main {
  1152.  
  1153. }
  1154.  
  1155. .post{
  1156. margin: 6px 0 10px;
  1157. padding: 5px 0 5px;
  1158. float: left;
  1159. width: 100%;
  1160. border-bottom: 0px solid #CCCCCC;
  1161. /*border-top: 1px solid #fff;*/
  1162. }
  1163.  
  1164. .post:first-child {
  1165. border-top: none;
  1166. }
  1167.  
  1168. #post-single .post {
  1169. border-bottom: none;
  1170. }
  1171.  
  1172. .entry{
  1173. margin: 0;
  1174. padding: 0px;
  1175. color: #202020;
  1176. font-size: 0.8em;
  1177. float: left;
  1178. }
  1179.  
  1180. .entry img {
  1181. text-align: center;
  1182. }
  1183.  
  1184. .post h3 {
  1185. font-family: "FertigoProRegular", Verdana, sans-serif;
  1186. color: #232323;
  1187. font-size: 1.4em;
  1188. font-weight: 800;
  1189. padding: 0 0 ;
  1190. margin: 0 0 0px;
  1191. line-height: 1.2em;
  1192. }
  1193.  
  1194. .post h3 a {
  1195. color: #791028;
  1196. text-decoration: none;
  1197. font-weight: 0;
  1198. }
  1199.  
  1200. .post h3 a:hover{
  1201. color: #548CA2;
  1202. text-decoration: underline;
  1203. }
  1204.  
  1205. .postmetadata {
  1206. font-size: 1em;
  1207. padding: 0px 0px 6px;
  1208. margin: 0 0px 6px;
  1209. float: left;
  1210. width: 100%;
  1211. color: #212121;
  1212. border-bottom: 1px solid #ECECEC;
  1213. }
  1214.  
  1215. .postmetadata a {
  1216. color: #5E92A6;
  1217. font-size: 0.9em;
  1218. font-weight: 100;
  1219. text-decoration: underline;
  1220. }
  1221.  
  1222. .postmetadata a:hover {
  1223. color: #000;
  1224. }
  1225.  
  1226. .post .image img {
  1227. margin-top: 3px;
  1228. border: 1px solid #CCCCCC;
  1229. padding: 4px;
  1230. background: #fff;
  1231. box-shadow: 1px 1px 7px #f2f2f2;
  1232. -moz-box-shadow: 1px 1px 7px #f2f2f2;
  1233. -webkit-box-shadow: 1px 1px 7px #f2f2f2;
  1234. width: 715px;
  1235. height: 230px;
  1236. }
  1237.  
  1238. .post .image img:hover {
  1239. box-shadow: 1px 1px 6px #A7A7A7;
  1240. -moz-box-shadow: 1px 1px 6px #A7A7A7;
  1241. -webkit-box-shadow: 1px 1px 6px #A7A7A7;
  1242. }
  1243.  
  1244. .post .entry p {
  1245. font-size: 1.4em;
  1246. line-height: 1.3em;
  1247. }
  1248.  
  1249. .post .entry a {
  1250. font-style: italic;
  1251. color: #558CA1;
  1252. text-decoration: underline;
  1253. padding-top: 6px;
  1254. }
  1255.  
  1256. .post .entry a:hover {
  1257. color: #000;
  1258. }
  1259.  
  1260. #content .post .share {
  1261. width: 100%;
  1262. float: left;
  1263. border-top: 1px solid #ECECEC;
  1264. padding: 4px 0;
  1265. text-align: right;
  1266. height: 25px;
  1267. margin: 12px 0 20px;
  1268. }
  1269.  
  1270. #content .post .share .facebook {
  1271. padding-left: 13px;
  1272. float: right;
  1273. }
  1274.  
  1275. #content .post .share .twitter {
  1276. padding-top: 2px;
  1277. border-right: 1px solid #E6E6E6;
  1278. float: right;
  1279. }
  1280.  
  1281. #main .more {
  1282. clear: both;
  1283. width: 100%;
  1284. float: left;
  1285. }
  1286.  
  1287. #main .more a {
  1288. font-style: italic;
  1289. color: #558CA1;
  1290. text-decoration: underline;
  1291. font-size: 0.7em;
  1292. }
  1293.  
  1294. #main .more a:hover {
  1295. color: #000;
  1296. }
  1297.  
  1298. /* page sidebar*/
  1299.  
  1300. #side ul.sidenav {
  1301. margin: 0;
  1302. width: 100%;
  1303. float: left;
  1304. }
  1305.  
  1306. #side .sidenav li {
  1307. width: 100%;
  1308. float: left;
  1309. padding: 5px 0 2px;
  1310. border-bottom: 1px dashed #ddd;
  1311. clear: both;
  1312. }
  1313.  
  1314. #side .sidenav li a {
  1315. font-size: 1.6em;
  1316. display: block;
  1317. width: 100%;
  1318. }
  1319.  
  1320. #side .sidenav ul.children {
  1321. width: 100%;
  1322. float: left;
  1323. padding-bottom: 5px;
  1324. margin: 0;
  1325. }
  1326.  
  1327. #side .sidenav ul.children li {
  1328. width: 100%;
  1329. float: left;
  1330. border: 0;
  1331. clear: both;
  1332. }
  1333.  
  1334. #side .sidenav ul.children li a {
  1335. font-size: 1.6em;
  1336. padding: 1px 0px;
  1337. display: block;
  1338. }
  1339.  
  1340. #side ul li.current_page_item a {
  1341. color: #222;
  1342. }
  1343.  
  1344. #side .ads {
  1345. float: left;
  1346. width: 100%;
  1347. padding: 15px 8px;
  1348. }
  1349.  
  1350. /* blog sidebar */
  1351.  
  1352. #side h4 {
  1353. font-family: "FertigoProRegular", Arial, sans-serif;
  1354. font-size: 1.2em;
  1355. margin: 8px 0 2px 0;
  1356. padding: 0;
  1357. color: #93908B;
  1358. }
  1359.  
  1360. #side ul {
  1361. list-style: none;
  1362. margin-left: 7px;
  1363. float: left;
  1364. }
  1365.  
  1366. #side .sidenav ul {
  1367. margin-left: 0;
  1368. }
  1369.  
  1370. #side ul li {
  1371. display: inline;
  1372. float: left;
  1373. padding: 0px;
  1374. color: #558CA1;
  1375. font-size: 0.9em;
  1376. }
  1377.  
  1378. #side ul li a {
  1379. font-size: 1.3em;
  1380. padding: 0px;
  1381. float: left;
  1382. font-weight: normal;
  1383. color: #BB425E;
  1384. line-height: 1.2em;
  1385. }
  1386.  
  1387. #side a:hover, #side a:visited:hover, #side ul li a:hover {
  1388. text-decoration: underline;
  1389. color: #558CA1;
  1390. }
  1391.  
  1392. #side ul li.current-cat a {
  1393. font-weight: bold;
  1394. }
  1395.  
  1396. #side .small {
  1397. float: left;
  1398. margin: 2px 0 0 4px;
  1399. font-size: 1em;
  1400. }
  1401.  
  1402. #side .categories, #side .tags, #side .archive {
  1403. float: left;
  1404. width: 100%;
  1405. padding: 0px 0 10px;
  1406. }
  1407.  
  1408. /* Comments */
  1409.  
  1410. h3#comments, h3#postcomment {
  1411. float: left;
  1412. width: 100%;
  1413. padding: 4px 0;
  1414. margin-top: 24px;
  1415. font-size: 0.85em;
  1416. font-family: "Arial", sans-serif;
  1417. border-bottom: 0px solid #ccc;
  1418. }
  1419.  
  1420. ol#commentlist{
  1421. padding: 0 0 0 20px;
  1422. font-size: 90%;
  1423. list-style-type:none;
  1424. }
  1425.  
  1426. ol#commentlist li{
  1427. padding: 2px 10px;
  1428. margin: 0;
  1429. }
  1430.  
  1431. ol#commentlist li p.commentheader{
  1432. margin: 3px 0 0px 0;
  1433. padding: 1px 5px;
  1434. }
  1435.  
  1436. ul#commentlist{
  1437. padding: 0;
  1438. margin:0;
  1439. list-style-type:none;
  1440. }
  1441.  
  1442. ul#commentlist li{
  1443. display: block;
  1444. padding: 0;
  1445. margin: 0 15px;
  1446. font-size:90%;
  1447. border: 4px solid white;
  1448. }
  1449.  
  1450. ul#commentlist li div.gravatar {
  1451. width:40px;
  1452. float:left;
  1453. text-align: center;
  1454. padding: 5px 0 0 5px;
  1455. }
  1456.  
  1457. ul#commentlist li div.gravatar img{
  1458. border: 2px solid #ddd;
  1459. }
  1460.  
  1461. ul#commentlist li p.commentauthor {
  1462. padding: 0;
  1463. margin: 0 0 2px 0;
  1464. overflow:hidden;
  1465. }
  1466.  
  1467. ul#commentlist li p {
  1468. margin: 0 0 5px 0;
  1469. padding: 0px;
  1470. }
  1471.  
  1472. ul#commentlist li p.commentheader{
  1473. margin: 0 0 5px 0;
  1474. padding: 0px;
  1475. }
  1476.  
  1477. ul#commentlist li div.commenttext{
  1478. padding: 0 0 0 0px;
  1479. margin:5px 10px 5px 60px;
  1480. }
  1481.  
  1482. ul#commentlist li div.commenttext div.commentwrapper{
  1483. padding: 0 8px 3px;
  1484. }
  1485.  
  1486. /* wp image classes */
  1487.  
  1488. .aligncenter,
  1489. div.aligncenter {
  1490. display: block;
  1491. margin-left: auto;
  1492. margin-right: auto;
  1493. }
  1494.  
  1495. .alignleft {
  1496. float: left;
  1497. }
  1498.  
  1499. .alignright {
  1500. float: right;
  1501. }
  1502.  
  1503. .wp-caption {
  1504. padding-top: 4px;
  1505. margin: 6px 10px 6px 5px;
  1506. font-size: 0.8em;
  1507. color: #666666;
  1508. }
  1509.  
  1510. .wp-caption img {
  1511. margin: 0;
  1512. padding: 0;
  1513. border: 0 none;
  1514. }
  1515.  
  1516. .wp-caption p.wp-caption-text {
  1517. line-height: 17px;
  1518. padding: 6px 2px;
  1519. font-size: 1em;
  1520. margin: 0;
  1521. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement