Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2012
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.80 KB | None | 0 0
  1. /*
  2. Theme Name: Natural Theme
  3. Theme URI: http://e404themes.com
  4. Description: Natural Premium Theme
  5. Author: e404 Themes
  6. Version: 1.2
  7. */
  8.  
  9. /* ---------------------------------------- */
  10. /* main, reset */
  11. html {
  12. position: relative;
  13. min-height: 100%;
  14. height: 100%;
  15. }
  16. body {
  17. min-width: 1232px;
  18. background-repeat: repeat;
  19. }
  20. html,
  21. body,
  22. form,
  23. .icon-box span span,
  24. .icon-button span span {
  25. font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  26. }
  27.  
  28. * {
  29. margin: 0;
  30. padding: 0;
  31. border: 0;
  32. outline: 0;
  33. }
  34.  
  35. /* forms */
  36. input,
  37. textarea,
  38. button,
  39. select,
  40. option {
  41. font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  42. }
  43. textarea {
  44. line-height: 20px;
  45. }
  46.  
  47. /* links */
  48. a {
  49. text-decoration: none;
  50. }
  51. a:hover {
  52. text-decoration: underline;
  53. }
  54.  
  55. /* elements */
  56. div {
  57. border: 0;
  58. position: relative;
  59. text-align: left;
  60. overflow: visible;
  61. background-color: transparent;
  62. }
  63. p,pre {
  64. margin: 0 0 10px;
  65. padding: 0;
  66. }
  67. table {
  68. border-collapse: collapse;
  69. border-spacing: 0;
  70. }
  71. /* lists */
  72. ol {
  73. list-style: inside decimal
  74. }
  75. ul,ul li {
  76. list-style: none;
  77. }
  78. /* images */
  79. img {
  80. border: 0;
  81. max-width: 100%;
  82. height: auto;
  83. }
  84.  
  85. /* class */
  86. .left {
  87. text-align: left;
  88. }
  89. .right {
  90. text-align: right;
  91. }
  92. .center {
  93. text-align: center;
  94. }
  95. .leftside {
  96. float: left;
  97. }
  98. .rightside {
  99. float: right;
  100. }
  101. .nomargin {
  102. margin-bottom: 0 !important;
  103. }
  104.  
  105. /* clear */
  106. .clear {
  107. clear: both;
  108. display: block;
  109. height: 0;
  110. overflow: hidden;
  111. visibility: hidden;
  112. width: 0;
  113. }
  114.  
  115. /* ---------------------------------------- */
  116. /* wrapper */
  117. #page_wrapper {
  118. width: 100%;
  119. margin: 0 auto;
  120. }
  121. #boxed_layout #page_wrapper {
  122. width: 1230px;
  123. box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  124. -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  125. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  126. }
  127. #wrapper {
  128. width: 1170px;
  129. padding: 40px 30px 0;
  130. margin: 0 auto;
  131. border-left-width: 1px;
  132. border-left-style: solid;
  133. border-right-width: 1px;
  134. border-right-style: solid;
  135. box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  136. -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  137. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  138. overflow: hidden;
  139. z-index: 8;
  140. }
  141. #boxed_layout #wrapper {
  142. border: none;
  143. box-shadow: none;
  144. -moz-box-shadow: none;
  145. -webkit-box-shadow: none;
  146. }
  147. #boxed_layout #header_bar_inner {
  148. border-radius: 0 0 0 4px;
  149. -moz-border-radius: 0 0 0 4px;
  150. -webkit-border-radius: 0 0 0 4px;
  151. }
  152.  
  153. /* ---------------------------------------- */
  154. /* header */
  155. #header_wrapper {
  156. width: 100%;
  157. border-top-width: 5px;
  158. border-top-style: solid;
  159. }
  160. #header {
  161. clear: both;
  162. width: 1170px;
  163. padding: 45px 0 15px;
  164. margin: 0 auto;
  165. z-index: 21;
  166. background-position: 50% 100%;
  167. background-repeat: no-repeat;
  168. z-index: 1;
  169. }
  170. #header_bar_wrapper {
  171. width: 100%;
  172. position: absolute;
  173. top: 0;
  174. left: 0;
  175. z-index: 2;
  176. }
  177. #header_bar {
  178. width: 1200px;
  179. height: 35px;
  180. padding-left: 30px;
  181. margin: 0 auto;
  182. }
  183. #header_bar_inner {
  184. border-radius: 0 0 4px 4px;
  185. -moz-border-radius: 0 0 4px 4px;
  186. -webkit-border-radius: 0 0 4px 4px;
  187. }
  188. #logo a {
  189. display: block;
  190. z-index: 3;
  191. }
  192. #header_nav {
  193. padding: 0 10px;
  194. margin: 40px 10px;
  195. min-height: 28px;
  196. }
  197. #header_info {
  198. height: 35px;
  199. font-size: 14px;
  200. line-height: 30px;
  201. padding: 0 5px;
  202. border-radius: 0 0 4px;
  203. -moz-border-radius: 0 0 4px;
  204. -webkit-border-radius: 0 0 4px;
  205. }
  206.  
  207. #header_tools {
  208. height: 34px;
  209. border-bottom-width: 1px;
  210. border-bottom-style: solid;
  211. border-left-width: 1px;
  212. border-left-style: solid;
  213. border-radius: 0 0 0 4px;
  214. -moz-border-radius: 0 0 0 4px;
  215. -webkit-border-radius: 0 0 0 4px;
  216. }
  217. #social_icons a {
  218. float: left;
  219. width: 34px;
  220. height: 34px;
  221. margin-left: 1px;
  222. text-align: center;
  223. border-right-width: 1px;
  224. border-right-style: solid;
  225. }
  226.  
  227. /* navigation */
  228. #navigation_-wrapper {
  229. width: 100%;
  230. height: 50px;
  231. z-index: 10;
  232. }
  233. #navigation {
  234. width: 1170px;
  235. height: 50px;
  236. margin: 0 auto;
  237. text-transform: uppercase;
  238. }
  239. #navigation select {
  240. display: none;
  241. }
  242. #navigation option[selected="selected"] {
  243. font-weight: bold;
  244. }
  245. #navigation option {
  246. white-space: normal;
  247. }
  248. #navigation option.is-sub-1 {padding-left: 20px;}
  249. #navigation option.is-sub-2 {padding-left: 40px;}
  250. #navigation option.is-sub-3 {padding-left: 80px;}
  251. #navigation option.is-sub-4 {padding-left: 100px;}
  252. #navigation option.is-sub-5 {padding-left: 120px;}
  253.  
  254. /* search box */
  255. #search {
  256. min-width: 34px;
  257. height: 34px;
  258. border-right-width: 1px;
  259. border-right-style: solid;
  260. border-radius: 0 0 0 4px;
  261. -moz-border-radius: 0 0 0 4px;
  262. -webkit-border-radius: 0 0 0 4px;
  263. }
  264. #search form input[type="text"] {
  265. padding: 8px 0;
  266. vertical-align: middle;
  267. background: transparent;
  268. margin-left: 34px;
  269. border: none;
  270. font-size: 12px;
  271. line-height: 14px;
  272. height: 18px;
  273. }
  274. #search-input {
  275. display: none;
  276. width: 0;
  277. }
  278. #search form span.search-btn {
  279. position: absolute;
  280. left: 0;
  281. top: 0;
  282. text-indent: -9999px;
  283. background: url('images/search-btn.png') 50% 50% no-repeat;
  284. width: 34px;
  285. height: 34px;
  286. cursor: pointer;
  287. }
  288.  
  289. /* content search */
  290. .content-search {
  291. margin: 15px 30px 40px 0;
  292. }
  293. .content-search form input[type="text"] {
  294. width: 200px;
  295. }
  296.  
  297. /* intro */
  298. #intro_wrapper {
  299. width: 100%;
  300. border-bottom-width: 1px;
  301. border-bottom-style: solid;
  302. z-index: 9;
  303. }
  304. #intro {
  305. width: 1170px;
  306. padding: 40px 0 30px;
  307. margin: 0 auto;
  308. font-size: 16px;
  309. line-height: 22px;
  310. }
  311.  
  312. /* intro - twitter */
  313. .twitter-intro p {
  314. min-height: 22px;
  315. padding: 10px 0 10px 60px;
  316. margin-bottom: 10px;
  317. background: url('images/twitter-intro-gray.png') 0 50% no-repeat;
  318. }
  319.  
  320. /* breadcrumb */
  321. #breadcrumb {
  322. font-size: 12px;
  323. margin-bottom: 40px;
  324. }
  325. #breadcrumb span {
  326. font-weight: bold;
  327. font-size: 14px;
  328. padding: 0 2px;
  329. }
  330.  
  331. /* featured */
  332. #wide_header_wrapper {
  333. border-bottom-width: 1px;
  334. border-bottom-style: solid;
  335. }
  336.  
  337. /* ---------------------------------------- */
  338. /* headers */
  339. h1,
  340. h2,
  341. h3,
  342. h4,
  343. h5,
  344. h6 {
  345. margin-bottom: 10px;
  346. font-weight: normal;
  347. }
  348. h1,
  349. .flex-caption {
  350. font-size: 32px;
  351. line-height: 36px;
  352. }
  353. .ei-title h2 {
  354. font-size: 36px;
  355. line-height: 40px;
  356. }
  357. h2,
  358. .ei-title h3 {
  359. font-size: 26px;
  360. line-height: 30px;
  361. }
  362. h3,
  363. .rscaption {
  364. font-size: 20px;
  365. line-height: 24px;
  366. }
  367. h4 {
  368. font-size: 18px;
  369. line-height: 22px;
  370. }
  371. h5 {
  372. font-size: 16px;
  373. line-height: 20px;
  374. }
  375. h6 {
  376. font-size: 14px;
  377. line-height: 18px;
  378. }
  379. h1 a,
  380. h2 a,
  381. h3 a,
  382. h4 a,
  383. h5 a,
  384. h6 a {
  385. text-decoration: none;
  386. }
  387. h1 a:hover,
  388. h2 a:hover,
  389. h3 a:hover,
  390. h4 a:hover,
  391. h5 a:hover,
  392. h6 a:hover {
  393. text-decoration: underline;
  394. }
  395.  
  396. #footer h1,
  397. #sidebar h1 {
  398. font-size: 22px;
  399. line-height: 26px;
  400. }
  401. #footer h2,
  402. #sidebar h2 {
  403. font-size: 20px;
  404. line-height: 24px;
  405. }
  406. #footer h3,
  407. #sidebar h3 {
  408. font-size: 18px;
  409. line-height: 22px;
  410. }
  411. #footer h3,
  412. #sidebar h3,
  413. .widgets h3 {
  414. padding-bottom: 10px;
  415. margin-bottom: 20px !important;
  416. border-bottom-width: 1px;
  417. border-bottom-style: solid;
  418. background: none !important;
  419. }
  420. #footer h4,
  421. #sidebar h4 {
  422. font-size: 16px;
  423. line-height: 20px;
  424. }
  425. #footer h5,
  426. #sidebar h5 {
  427. font-size: 14px;
  428. line-height: 18px;
  429. }
  430. #footer h6,
  431. #sidebar h6 {
  432. font-size: 12px;
  433. line-height: 18px;
  434. }
  435.  
  436. .fancy-header-wrapper {
  437. margin-bottom: 40px;
  438. border-bottom-width: 1px;
  439. border-bottom-style: solid;
  440. }
  441. .fancy-header {
  442. margin-bottom: 40px;
  443. border-bottom-width: 1px;
  444. border-bottom-style: solid;
  445. }
  446. .fancy-header-wrapper .fancy-header {
  447. margin-bottom: 0;
  448. margin-right: 200px;
  449. border-bottom-width: 0;
  450. border-bottom-style: none;
  451. }
  452. .fancy-header span {
  453. display: inline-block;
  454. padding-bottom: 10px;
  455. margin-bottom: -1px;
  456. border-bottom-width: 3px;
  457. border-bottom-style: solid;
  458. }
  459.  
  460. /* ---------------------------------------- */
  461. /* highlight */
  462. .highlight1 {
  463. padding: 2px 6px 3px;
  464. background: #000;
  465. color: #fff;
  466. }
  467. .highlight2 {
  468. padding: 2px 6px 3px;
  469. color: #444;
  470. background: #ffec6e;
  471. }
  472.  
  473. /* ---------------------------------------- */
  474. /* tip */
  475. span.tiptip:hover {
  476. cursor: help;
  477. }
  478.  
  479. /* ---------------------------------------- */
  480. /* dividers */
  481. .divider-top {
  482. clear: both;
  483. border-bottom-width: 2px;
  484. border-bottom-style: solid;
  485. padding-top: 10px;
  486. margin: -10px 30px 40px 0;
  487. text-align: right;
  488. }
  489. .divider-top a {
  490. position: absolute;
  491. right: -30px;
  492. top: 6px;
  493. font-size: 9px;
  494. line-height: 11px;
  495. height: 20px;
  496. width: 30px;
  497. text-decoration: none;
  498. }
  499.  
  500. hr {
  501. clear: both;
  502. border: none;
  503. border-top-width: 1px;
  504. border-top-style: solid;
  505. margin: 0 0 40px;
  506. }
  507. .divider-full {
  508. border-top-width: 1px;
  509. border-top-style: solid;
  510. height: 0;
  511. margin: 0 0 40px;
  512. }
  513. .divider-dotted {
  514. border: none;
  515. background-repeat: repeat-x;
  516. height: 2px;
  517. margin: 0 0 40px;
  518. }
  519.  
  520. /* ---------------------------------------- */
  521. /* columns */
  522. .one_half,
  523. .one_third,
  524. .one_fourth,
  525. .one_fifth,
  526. .one_sixth,
  527. .one_eighth,
  528. .two_third,
  529. .two_fourth,
  530. .two_fifth,
  531. .three_fourth,
  532. .three_fifth,
  533. .three_eighth,
  534. .four_fifth,
  535. .five_sixth,
  536. .five_eighth,
  537. .seven_eighth {
  538. float: left;
  539. position: relative;
  540. margin: 0 30px 40px 0;
  541. }
  542. .full_page {
  543. position: relative;
  544. margin: 0 0 40px 0;
  545. }
  546. .full-box .one_half,
  547. .full-box .one_third,
  548. .full-box .one_fourth,
  549. .full-box .one_fifth,
  550. .full-box .one_sixth,
  551. .full-box .one_eighth,
  552. .full-box .two_third,
  553. .full-box .two_fourth,
  554. .full-box .two_fifth,
  555. .full-box .three_fourth,
  556. .full-box .three_fifth,
  557. .full-box .three_eighth,
  558. .full-box .four_fifth,
  559. .full-box .five_sixth,
  560. .full-box .five_eighth,
  561. .full-box .seven_eighth {
  562. margin-bottom: 20px;
  563. }
  564. .full-box .full_page {
  565. margin-bottom: 20px;
  566. }
  567. .one_half {
  568. width: 570px;
  569. }
  570. .one_third {
  571. width: 370px;
  572. }
  573. .one_fourth {
  574. width: 270px;
  575. }
  576. .one_fifth {
  577. width: 210px;
  578. }
  579. .one_sixth {
  580. width: 170px;
  581. }
  582. .one_eighth {
  583. width: 120px;
  584. }
  585. .two_third {
  586. width: 770px;
  587. }
  588. .two_fifth {
  589. width: 450px;
  590. }
  591. .three_fourth {
  592. width: 870px;
  593. }
  594. .three_fifth {
  595. width: 690px;
  596. }
  597. .three_eighth {
  598. width: 420px;
  599. }
  600. .four_fifth {
  601. width: 930px;
  602. }
  603. .five_sixth {
  604. width: 970px;
  605. }
  606. .five_eighth {
  607. width: 720px;
  608. }
  609. .seven_eighth {
  610. width: 1020px;
  611. }
  612. #page-content .one_half {
  613. width: 370px;
  614. }
  615. #page-content .one_third {
  616. width: 236px; /*236.66*/
  617. }
  618. #page-content .one_fourth {
  619. width: 170px;
  620. }
  621. #page-content .one_fifth {
  622. width: 130px;
  623. }
  624. #page-content .one_sixth {
  625. width: 103px; /*103.33*/
  626. }
  627. #page-content .one_eighth {
  628. width: 80px;
  629. }
  630. #page-content .two_third {
  631. width: 502px;
  632. }
  633. #page-content .two_fifth {
  634. width: 290px;
  635. }
  636. #page-content .three_fourth {
  637. width: 570px;
  638. }
  639. #page-content .three_fifth {
  640. width: 450px;
  641. }
  642. #page-content .three_eighth {
  643. width: 300px;
  644. }
  645. #page-content .four_fifth {
  646. width: 610px;
  647. }
  648. #page-content .five_sixth {
  649. width: 635px;
  650. }
  651. #page-content .five_eighth {
  652. width: 520px;
  653. }
  654. #page-content .seven_eighth {
  655. width: 740px;
  656. }
  657.  
  658. #intro .one_half,
  659. #intro .one_third,
  660. #intro .one_fourth,
  661. #intro .one_fifth,
  662. #intro .one_sixth,
  663. #intro .one_eighth,
  664. #intro .two_third,
  665. #intro .two_fourth,
  666. #intro .two_fifth,
  667. #intro .three_fourth,
  668. #intro .three_fifth,
  669. #intro .three_eighth,
  670. #intro .four_fifth,
  671. #intro .five_sixth,
  672. #intro .five_eighth,
  673. #intro .seven_eighth {
  674. margin: 0 30px 0 0;
  675. }
  676.  
  677. div.last,
  678. #page-content div.last,
  679. #intro div.last,
  680. #page-content .post .last {
  681. margin-right: 0;
  682. }
  683. #page-content,
  684. #sidebar {
  685. margin-bottom: 40px;
  686. }
  687.  
  688. #copyright .one_half,
  689. #copyright .full_page {
  690. margin-bottom: 10px;
  691. }
  692.  
  693. .fancy-box {
  694. padding-top: 40px;
  695. margin-bottom: 40px;
  696. border-top-width: 1px;
  697. border-top-style: solid;
  698. border-bottom-width: 1px;
  699. border-bottom-style: solid;
  700. }
  701. .full-box {
  702. padding: 30px 30px 0;
  703. margin: 0 -30px 40px;
  704. }
  705.  
  706. /* ---------------------------------------- */
  707. /* forms */
  708. form input[type="text"],
  709. form input[type="password"],
  710. textarea,
  711. select {
  712. padding: 6px 8px;
  713. border-width: 1px;
  714. border-style: solid;
  715. }
  716. select {
  717. width: 100%;
  718. }
  719. form input[type="text"]:focus,
  720. form input[type="password"]:focus,
  721. textarea:focus,
  722. #footer form input[type="text"]:focus,
  723. #footer form input[type="password"]:focus,
  724. #footer textarea:focus {
  725. background-image: url('images/edit.png');
  726. background-position: 100% 50%;
  727. background-repeat: no-repeat;
  728. }
  729. textarea:focus,
  730. #footer textarea:focus {
  731. background-position: 100% 10px;
  732. }
  733. form input[type="submit"] {
  734. background-image: url('images/gradient-btn.png');
  735. background-position: 0 -7px;
  736. background-repeat: repeat-x;
  737. font-size: 13px;
  738. line-height: 14px;
  739. padding: 5px 16px 6px;
  740. cursor: pointer;
  741. }
  742.  
  743. .one_half input[type="text"],
  744. .one_half input[type="text"] {
  745. width: 552px;
  746. }
  747. .one_third input[type="text"],
  748. #page-content .one_half input[type="text"],
  749. .one_third input[type="password"],
  750. #page-content .one_half input[type="password"] {
  751. width: 352px;
  752. }
  753. #page-content .one_third input[type="text"],
  754. #page-content .one_third input[type="password"] {
  755. width: 218px;
  756. }
  757. .one_fourth input[type="text"],
  758. .one_fourth input[type="password"] {
  759. width: 252px;
  760. }
  761. #page-content .one_fourth input[type="text"],
  762. #page-content .one_fourth input[type="password"] {
  763. width: 152px;
  764. }
  765. .one_fifth input[type="text"],
  766. .one_fifth input[type="password"] {
  767. width: 192px;
  768. }
  769. #page-content .one_fifth input[type="text"],
  770. #page-content .one_fifth input[type="password"] {
  771. width: 112px;
  772. }
  773. .one_sixth input[type="text"],
  774. .one_sixth input[type="password"] {
  775. width: 152px;
  776. }
  777. #page-content .one_sixth input[type="text"],
  778. #page-content .one_sixth input[type="password"] {
  779. width: 85px;
  780. }
  781. #sidebar input[type="text"],
  782. #sidebar input[type="password"] {
  783. width: 292px;
  784. }
  785. .textarea-box,
  786. .your-message {
  787. padding-right: 18px;
  788. }
  789.  
  790. /* ---------------------------------------- */
  791. /* images */
  792. .border-img,
  793. .border-box {
  794. border: 1px solid #e5e5e5;
  795. padding: 5px;
  796. background: #fff;
  797. }
  798. a.border-img:hover,
  799. a img.border-img:hover,
  800. .attachment-thumbnail:hover {
  801. background: #f5f5f5;
  802. }
  803.  
  804. .shadow {
  805. padding-bottom: 20px;
  806. margin-bottom: 0 !important;
  807. }
  808. .shadow_full {width: 1170px;}
  809. .shadow_huge,
  810. #page-content .shadow_full {width: 770px;}
  811. .shadow_large {width: 570px;}
  812. .shadow_medium {width: 370px;}
  813. .shadow_small {width: 270px;}
  814. .shadow_vsmall {width: 210px;}
  815. .shadow_tiny {width: 170px;}
  816. .shadow_vtiny {width: 120px;}
  817.  
  818. .shadow img {
  819. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  820. }
  821. .shadow .aligncenter,
  822. .shadow .alignnone,
  823. .shadow .alignleft,
  824. .shadow .alignright {
  825. margin-bottom: 0;
  826. }
  827. .shadow_aligncenter {
  828. margin: 0 auto;
  829. }
  830.  
  831. /* ---------------------------------------- */
  832. /* fancy list */
  833. .fancy_list_item .aligncenter {
  834. margin-top: 0;
  835. }
  836. .fancy_hover {
  837. position: absolute;
  838. left: 0;
  839. top: 20px;
  840. text-decoration: none;
  841. margin-right: 20px;
  842. }
  843. .fancy_image {
  844. margin-bottom: 10px;
  845. }
  846. .fancy_image:hover .fancy_hover {
  847. display: block;
  848. }
  849.  
  850. .fancy_list_item h3 {
  851. margin-bottom: 0;
  852. }
  853.  
  854. .fancy_hover h3 a,
  855. .fancy_hover h3 a:hover {
  856. color: #fff;
  857. padding: 6px 10px;
  858. display: block;
  859. }
  860.  
  861. .fancy_blog_header {
  862. position: absolute;
  863. bottom: 36px;
  864. width: 190px;
  865. }
  866.  
  867. .fancy_date,
  868. .fancy_categories {
  869. display: block;
  870. font-size: 11px;
  871. text-transform: uppercase;
  872. }
  873.  
  874. .fancy_meta {
  875. position: absolute;
  876. bottom: 0;
  877. right: 0;
  878. height: 40px;
  879. z-index: 1;
  880. }
  881. #scroller .items div.panel div.fancy_meta {
  882. width: 208px !important;
  883. height: auto !important;
  884. }
  885.  
  886. #wrapper .fancy_meta ul {
  887. float: right;
  888. margin: 0;
  889. }
  890. #wrapper .fancy_meta li {
  891. float: left;
  892. height: 40px;
  893. list-style: none;
  894. margin-left: 1px;
  895. }
  896. .fancy_meta a {
  897. width: 20px;
  898. height: 20px;
  899. padding: 10px;
  900. display: block;
  901. background-image: url('images/gradient-btn.png');
  902. background-position: 0 -7px;
  903. background-repeat: repeat-x;
  904. }
  905. .fancy_icon span {
  906. background-repeat: no-repeat;
  907. text-indent: -9999px;
  908. width: 20px;
  909. height: 20px;
  910. overflow: hidden;
  911. display: block;
  912. }
  913. .fancy_details span {
  914. background-image: url('images/miniicons/link.png');
  915. }
  916. .fancy_preview span {
  917. background-image: url('images/miniicons/magnifying-glass.png');
  918. }
  919. .fancy_likes span,
  920. .fancy_likes_you_like span {
  921. background-image: url('images/miniicons/heart.png');
  922. }
  923. .fancy_comments span {
  924. background-image: url('images/miniicons/comment.png');
  925. }
  926.  
  927. /* ---------------------------------------- */
  928. /* blockquote */
  929. blockquote {
  930. background: url('images/quote.png') 20px 0 no-repeat;
  931. padding-left: 50px;
  932. border-left-width: 3px;
  933. border-left-style: solid;
  934. font-style: italic;
  935. line-height: 22px;
  936. }
  937. .light-box blockquote {
  938. color: #999;
  939. border-color: #ccc;
  940. }
  941. .info_box blockquote {
  942. padding-left: 30px;
  943. background-position: 0 0;
  944. border-left: none;
  945. }
  946. blockquote span {
  947. display: block;
  948. margin-bottom: 10px;
  949. }
  950. .bq-center {
  951. margin: 20px 0;
  952. }
  953. .bq-left {
  954. float: left;
  955. width: 272px;
  956. margin: 20px 20px 20px 0;
  957. }
  958. .bq-right {
  959. float: right;
  960. width: 272px;
  961. margin: 20px 0 20px 20px;
  962. }
  963. .bq-none {
  964. margin-bottom: 20px;
  965. }
  966. blockquote cite {
  967. display: block;
  968. font-size: 11px;
  969. font-style: normal;
  970. text-align: right;
  971. }
  972.  
  973. /* ---------------------------------------- */
  974. /* icon box & button */
  975. div.icon-box {
  976. padding: 0;
  977. margin-bottom: 10px;
  978. border: none;
  979. border-radius: 30px;
  980. -moz-border-radius: 30px;
  981. -webkit-border-radius: 30px;
  982. }
  983. .icon-small {
  984. min-height: 38px;
  985. }
  986. .icon-medium {
  987. min-height: 48px;
  988. }
  989. .icon-big {
  990. min-height: 70px;
  991. }
  992. .icon-button {
  993. min-height: 50px;
  994. margin-bottom: 10px;
  995. overflow: hidden;
  996. clear: both;
  997. }
  998. .icon-box .icon,
  999. .icon-button .icon {
  1000. float: left;
  1001. margin: 0 20px 10px 0;
  1002. }
  1003. .icon-small .icon {
  1004. height: 36px;
  1005. margin: 2px 14px 10px 0;
  1006. }
  1007. .icon-medium .icon {
  1008. height: 48px;
  1009. }
  1010. .icon-big .icon {
  1011. height: 70px;
  1012. }
  1013. .center .icon {
  1014. float: none;
  1015. margin-right: 0;
  1016. }
  1017. .icon-button strong,
  1018. .icon-button a {
  1019. display: block;
  1020. font-weight: normal;
  1021. font-size: 22px;
  1022. line-height: 26px;
  1023. text-decoration: none;
  1024. }
  1025. .icon-box h2 {
  1026. margin-bottom: 0;
  1027. }
  1028. .icon-box .icon-desc,
  1029. .icon-button .icon-desc {
  1030. overflow: hidden;
  1031. }
  1032. .icon-box .icon-desc span,
  1033. .icon-button .icon-desc span {
  1034. font-weight: normal;
  1035. text-transform: none;
  1036. }
  1037.  
  1038. .icon-box .transparent,
  1039. .icon-button .transparent {
  1040. filter: alpha(opacity=50);
  1041. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
  1042. opacity: 0.5;
  1043. }
  1044.  
  1045. /* ---------------------------------------- */
  1046. /* more button */
  1047. .more {
  1048. margin: 20px 0 0;
  1049. clear: both;
  1050. }
  1051. .post-list-info .more {
  1052. display: inline-block;
  1053. }
  1054. .more a,
  1055. #sidebar .more a,
  1056. #sidebar .more a {
  1057. padding: 5px 10px 6px;
  1058. display: inline-block;
  1059. text-decoration: none;
  1060. background-image: url("images/gradient-btn.png");
  1061. background-position: 0 -7px;
  1062. background-repeat: repeat-x;
  1063. }
  1064. .more span {
  1065. display: inline-block;
  1066. cursor: pointer;
  1067. padding-right: 20px;
  1068. background: url('images/arrow-right.png') 100% 50% no-repeat;
  1069. }
  1070.  
  1071. /* ---------------------------------------- */
  1072. /* text */
  1073. .zoom,
  1074. .gallery-icon a {
  1075. display: block;
  1076. }
  1077.  
  1078. .zoom:hover,
  1079. .gallery-icon a:hover {
  1080. background: url('images/more-icon.png') 50% 50% no-repeat;
  1081. }
  1082. .zoom:hover img,
  1083. .gallery-icon a:hover img {
  1084. filter: alpha(opacity=50);
  1085. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
  1086. opacity: 0.5;
  1087. }
  1088.  
  1089. /* ---------------------------------------- */
  1090. /* code */
  1091. code {
  1092. display: inline-block;
  1093. }
  1094. .toggle code,
  1095. .content_box code {
  1096. margin: 0;
  1097. }
  1098.  
  1099. /* ---------------------------------------- */
  1100. /* dropcaps */
  1101. .dropcap1,
  1102. .dropcap2,
  1103. .dropcap3,
  1104. .dropcap4,
  1105. .dropcap5,
  1106. .dropcap6 {
  1107. float: left;
  1108. position: relative;
  1109. font-size: 20px;
  1110. line-height: 40px;
  1111. text-align: center;
  1112. width: 40px;
  1113. height: 40px;
  1114. margin: 5px 10px 0 0;
  1115. overflow: hidden;
  1116. }
  1117. .dropcap1 {background: url('images/dropcap1.png') no-repeat; color: #fff;}
  1118. .dropcap2 {background: url('images/dropcap2.png') no-repeat; color: #666;}
  1119. .dropcap3 {background: url('images/dropcap3.png') no-repeat; color: #fff;}
  1120. .dropcap4 {background: url('images/dropcap4.png') no-repeat; color: #999;}
  1121. .dropcap5 {background: url('images/dropcap5.png') no-repeat; color: #e5e5e5;}
  1122. .dropcap6 {background: url('images/dropcap6.png') no-repeat; color: #999;}
  1123.  
  1124. .dropcap7 {
  1125. float: left;
  1126. position: relative;
  1127. font-size: 36px;
  1128. line-height: 38px;
  1129. text-align: center;
  1130. width: 40px;
  1131. height: 40px;
  1132. margin: 5px 10px 0 0;
  1133. overflow: hidden;
  1134. }
  1135.  
  1136. /* ---------------------------------------- */
  1137. /* footer */
  1138. #footer_wrapper {
  1139. width: 100%;
  1140. border-top-width: 1px;
  1141. border-top-style: solid;
  1142. }
  1143. #footer {
  1144. padding: 20px 0 0 30px;
  1145. width: 1200px;
  1146. margin: 0 auto;
  1147. }
  1148. #footer,
  1149. #footer form {
  1150. font-size: 12px;
  1151. line-height: 18px;
  1152. }
  1153.  
  1154. #footer .widgets {
  1155. margin-bottom: 20px !important;
  1156. }
  1157.  
  1158. #footer_nav ul {
  1159. min-height: 14px;
  1160. line-height: 14px;
  1161. margin-bottom: 0;
  1162. }
  1163. #footer_nav li {
  1164. float: left;
  1165. margin: 0 15px 10px 0;
  1166. padding-right: 15px;
  1167. border-right-width: 1px;
  1168. border-right-style: solid;
  1169. }
  1170. #footer_nav li:last-child {
  1171. margin-right: 0;
  1172. padding-right: 0;
  1173. border-right: none;
  1174. }
  1175.  
  1176. /* copyright */
  1177. #copyright_wrapper {
  1178. border-top-width: 1px;
  1179. border-top-style: solid;
  1180. }
  1181. #copyright {
  1182. width: 1170px;
  1183. margin: 0 auto;
  1184. padding: 40px 0 30px 0;
  1185. line-height: 20px;
  1186. font-size: 12px;
  1187. line-height: 18px;
  1188. }
  1189.  
  1190. #copyright hr {
  1191. margin-bottom: 10px;
  1192. }
  1193.  
  1194. /* twitter box */
  1195. .twitter-box {
  1196. padding: 0;
  1197. }
  1198. .twitter-box p {
  1199. background-image: url('images/twitter-intro-gray.png');
  1200. padding: 30px 30px 30px 90px;
  1201. margin-bottom: 0;
  1202. background-position: 30px 50%;
  1203. background-repeat: no-repeat;
  1204. }
  1205.  
  1206. /* ---------------------------------------- */
  1207. /* widgets */
  1208. #sidebar .widgets {
  1209. padding: 20px 30px 10px;
  1210. border-top-width: 1px;
  1211. border-top-style: solid;
  1212. border-bottom-width: 1px;
  1213. border-bottom-style: solid;
  1214. }
  1215. #sidebar .widgets {
  1216. margin: 0 0 40px;
  1217. }
  1218.  
  1219. .tags-meta {
  1220. margin: 40px 0 0;
  1221. overflow: hidden;
  1222. }
  1223. .post_wrapper .tags-meta {
  1224. margin: 30px 0 0;
  1225. }
  1226. .widgets .tags-meta {
  1227. margin: 0 0 20px;
  1228. }
  1229.  
  1230. /* ---------------------------------------- */
  1231. /* blog - posts */
  1232. .post,
  1233. .sticky {
  1234. margin-bottom: 40px;
  1235. }
  1236. .search-item {
  1237. border-radius: 4px;
  1238. -moz-border-radius: 4px;
  1239. -webkit-border-radius: 4px;
  1240. }
  1241. .thumbnail_wrapper {
  1242. margin-bottom: 20px;
  1243. }
  1244. .blog-img {
  1245. border-radius: 4px;
  1246. -moz-border-radius: 4px;
  1247. -webkit-border-radius: 4px;
  1248. }
  1249. .blog-img img {
  1250. border: 1px solid #e5e5e5;
  1251. padding: 5px;
  1252. background: #efefef;
  1253. border-radius: 4px;
  1254. -moz-border-radius: 4px;
  1255. -webkit-border-radius: 4px;
  1256. }
  1257. .blog-img a {
  1258. display: block;
  1259. }
  1260. .blog-img a {
  1261. background: url("images/more-icon.png") 50% 50% no-repeat;
  1262. }
  1263. .blog-img a:hover img {
  1264. border-color: #d5d5d5;
  1265. opacity: 0.5;
  1266. }
  1267. .aligncenter {
  1268. display: block;
  1269. margin: 5px auto 20px;
  1270. text-align: center;
  1271. }
  1272. .alignnone {
  1273. display: block;
  1274. margin: 5px 0 20px;
  1275. }
  1276. .alignleft {
  1277. float: left;
  1278. margin: 5px 20px 20px 0;
  1279. }
  1280. .alignright {
  1281. float: right;
  1282. margin: 5px 0 20px 20px;
  1283. }
  1284. .thumbnail_wrapper .aligncenter {
  1285. margin: 0;
  1286. }
  1287. .thumbnail_wrapper .alignleft {
  1288. margin: 0 20px 0 0;
  1289. }
  1290. .thumbnail_wrapper .alignright {
  1291. margin: 0 0 0 20px;
  1292. }
  1293.  
  1294. .excerpt_wrapper {
  1295. padding-left: 90px;
  1296. }
  1297.  
  1298. .wp-caption-text {
  1299. font-size: 11px;
  1300. margin-right: 10px;
  1301. color: #999;
  1302. }
  1303. .wp-caption {
  1304. width: auto !important;
  1305. }
  1306. .wp-caption p {
  1307. margin-bottom: 0;
  1308. }
  1309.  
  1310. .wp-caption .shadow {
  1311. margin: 0 auto -10px !important;
  1312. }
  1313. .wp-caption a,
  1314. .shadow a {
  1315. display: inline-block;
  1316. }
  1317. .aligncenter a,
  1318. .aligncenter img {
  1319. margin: 0 auto;
  1320. }
  1321.  
  1322. .gallery-caption {
  1323. margin: 10px 0 0;
  1324. }
  1325.  
  1326. .post-header {
  1327. min-height: 70px;
  1328. padding-bottom: 20px;
  1329. margin-bottom: 20px;
  1330. border-bottom-width: 1px;
  1331. border-bottom-style: solid;
  1332. }
  1333. .post-meta {
  1334. overflow: hidden;
  1335. padding-top: 10px;
  1336. }
  1337. .post-header h2 {
  1338. margin: 0;
  1339. }
  1340. .post-header .tags-meta {
  1341. margin: 10px 0 0;
  1342. }
  1343.  
  1344. /* blog - comments */
  1345. #wrapper li.comment {
  1346. list-style: none;
  1347. }
  1348. #comments {
  1349. clear: both;
  1350. }
  1351. .page-layout #comments {
  1352. margin-bottom: 40px;
  1353. }
  1354.  
  1355. /* blog - meta */
  1356. .posted-meta {
  1357. text-transform: uppercase;
  1358. font-size: 11px;
  1359. }
  1360. .tags-meta a {
  1361. background-image: url("images/gradient-btn.png");
  1362. background-position: 0 -7px;
  1363. background-repeat: repeat-x;
  1364. display: inline-block;
  1365. margin: 0 10px 10px 0;
  1366. padding: 5px 10px 6px;
  1367. text-decoration: none;
  1368. float: left;
  1369. }
  1370. .tags-meta span {
  1371. float: left;
  1372. margin-right: 10px;
  1373. font-weight: bold;
  1374. }
  1375. .tags-meta a span {
  1376. font-weight: normal;
  1377. padding-left: 17px;
  1378. margin: 0;
  1379. background: url('images/tag.png') 0 50% no-repeat;
  1380. }
  1381.  
  1382. .meta-date {
  1383. float: left;
  1384. text-align: center;
  1385. width: 70px;
  1386. height: 70px;
  1387. margin-right: 20px;
  1388. border-radius: 50%;
  1389. -moz-border-radius: 50%;
  1390. -webkit-border-radius: 50%;
  1391. }
  1392. .meta-date span {
  1393. display: block;
  1394. text-transform: uppercase;
  1395. }
  1396. .meta-month {
  1397. font-size: 12px;
  1398. line-height: 12px;
  1399. }
  1400. .meta-day {
  1401. font-size: 22px;
  1402. line-height: 24px;
  1403. font-weight: bold;
  1404. margin-top: 15px;
  1405. }
  1406.  
  1407. .blog-author,
  1408. .blog-categories,
  1409. .blog-comments,
  1410. .blog-likes,
  1411. .edit-link {
  1412. margin-right: 10px;
  1413. display: inline-block;
  1414. }
  1415. .blog-comments a {
  1416. padding-left: 18px;
  1417. background: url('images/post-meta.png') 0 1px no-repeat;
  1418. }
  1419. .blog-comments a:hover {
  1420. background-position: 0 -29px;
  1421. text-decoration: none;
  1422. }
  1423. .blog-likes a.like_this {
  1424. float: none;
  1425. display: inline;
  1426. padding: 0 0 0 18px;
  1427. margin-left: 0;
  1428. background: url('images/post-meta.png') 0 -59px no-repeat;
  1429. }
  1430. .blog-likes a.like_this:hover {
  1431. background-position: 0 -89px;
  1432. background-color: transparent !important;
  1433. text-decoration: none;
  1434. }
  1435. .blog-likes a.fancy_likes_you_like {
  1436. background-position: 0 -119px;
  1437. color: #f43a27 !important;
  1438. }
  1439. .blog-likes .fancy_likes span,
  1440. .blog-likes .fancy_likes_you_like span {
  1441. background: none;
  1442. }
  1443.  
  1444. /* portfolio - meta */
  1445. .portfolio .tags-meta {
  1446. background-repeat: repeat-x;
  1447. padding-top: 24px;
  1448. margin: 0 0 40px;
  1449. }
  1450. .portfolio .posted-meta {
  1451. margin: -20px 0 40px;
  1452. }
  1453. .portfolio-columns .portfolio-meta {
  1454. white-space: nowrap;
  1455. overflow: hidden;
  1456. }
  1457. .portfolio-meta span {
  1458. font-weight: bold;
  1459. margin-right: 10px;
  1460. }
  1461.  
  1462. /* pagination */
  1463. .wp-pagenavi {
  1464. margin-bottom: 40px;
  1465. overflow: hidden;
  1466. }
  1467. .wp-pagenavi a,
  1468. .wp-pagenavi span {
  1469. float: left;
  1470. min-width: 20px;
  1471. padding: 5px;
  1472. margin-right: 1px;
  1473. text-align: center;
  1474. }
  1475. .wp-pagenavi span.pages {
  1476. float: right;
  1477. margin: 0 0 5px 20px;
  1478. }
  1479. .wp-pagenavi a.first,
  1480. .wp-pagenavi a.last,
  1481. .wp-pagenavi a.previouspostslink,
  1482. .wp-pagenavi a.nextpostslink {
  1483. padding: 5px 10px;
  1484. }
  1485. .wp-pagenavi a.last,
  1486. .wp-pagenavi a.nextpostslink {
  1487. padding: 5px 20px 5px 10px;
  1488. background-image: url('images/arrow-right.png');
  1489. background-position: 100% 8px;
  1490. background-repeat: no-repeat;
  1491. border-right-width: 10px;
  1492. border-right-style: solid;
  1493. }
  1494. .wp-pagenavi a.first,
  1495. .wp-pagenavi a.previouspostslink {
  1496. padding: 5px 10px 5px 30px;
  1497. background-image: url('images/arrow-left.png');
  1498. background-position: 10px 8px;
  1499. background-repeat: no-repeat;
  1500. }
  1501. .wp-pagenavi span.current,
  1502. .wp-pagenavi a.page {
  1503. font-weight: bold;
  1504. }
  1505. .wp-pagenavi a.page {
  1506. background-color: #f5f5f5;
  1507. color: #999;
  1508. }
  1509. .wp-pagenavi a {
  1510. text-decoration: none;
  1511. }
  1512.  
  1513. /* blog - author info */
  1514. #post-author {
  1515. padding: 30px;
  1516. margin-bottom: 40px;
  1517. border-top-width: 1px;
  1518. border-top-style: solid;
  1519. border-bottom-width: 1px;
  1520. border-bottom-style: solid;
  1521. }
  1522. .author-desc {
  1523. overflow: hidden;
  1524. }
  1525. #post-author .alignleft {
  1526. margin: 0 20px 0 0;
  1527. }
  1528. #post-author .blog-img img {
  1529. background: #fff;
  1530. }
  1531.  
  1532. /* blog - share this */
  1533. .share-this {
  1534. overflow: hidden;
  1535. clear: both;
  1536. margin: -20px 0 20px;
  1537. }
  1538. .share_button {
  1539. z-index: 10;
  1540. position: relative;
  1541. }
  1542. .share-this a {
  1543. float: left;
  1544. background: #fff;
  1545. margin-right: 2px;
  1546. padding: 2px;
  1547. background: #fff;
  1548. border-radius: 4px;
  1549. -moz-border-radius: 4px;
  1550. -webkit-border-radius: 4px;
  1551. z-index: 10;
  1552. }
  1553. .share-this a:hover {
  1554. background: #eee
  1555. }
  1556. .share_buttons {
  1557. z-index: 9;
  1558. position: absolute;
  1559. }
  1560.  
  1561. /* blog - comments list, person box & testimonial box */
  1562. .commentlist {
  1563. list-style: none;
  1564. margin-bottom: 20px;
  1565. }
  1566. #wrapper .commentlist li {
  1567. list-style: none;
  1568. }
  1569. .person-box,
  1570. .testimonial-box {
  1571. padding: 30px 30px 10px;
  1572. border-top-width: 1px;
  1573. border-top-style: solid;
  1574. border-bottom-width: 1px;
  1575. border-bottom-style: solid;
  1576. }
  1577.  
  1578. .comment-text,
  1579. .person-text {
  1580. margin-bottom: 10px;
  1581. padding: 30px 0 20px 90px;
  1582. position: relative;
  1583. overflow: hidden;
  1584. min-width: 90px;
  1585. border-top-width: 1px;
  1586. border-top-style: solid;
  1587. }
  1588. .person-text,
  1589. .testimonial-box .comment-text {
  1590. padding: 0;
  1591. margin: 0 0 20px;
  1592. border: none;
  1593. }
  1594.  
  1595. .testimonial-box p {
  1596. line-height: 20px;
  1597. }
  1598. #wrapper ul.children {
  1599. margin-left: 20px;
  1600. }
  1601. .comment-reply {
  1602. text-align: right;
  1603. }
  1604. .comment-reply span {
  1605. display: inline-block;
  1606. padding: 5px 10px 6px 29px;
  1607. background: url('images/reply.png') 10px 50% no-repeat;
  1608. }
  1609. .comment-reply a {
  1610. display: inline-block;
  1611. text-decoration: none;
  1612. background-image: url("images/gradient-btn.png");
  1613. background-position: 0 -7px;
  1614. background-repeat: repeat-x;
  1615. display: inline-block;
  1616. }
  1617. .comment-reply a:hover {
  1618. color: #666;
  1619. }
  1620. .comment-author,
  1621. .person-name {
  1622. font-style: normal;
  1623. margin-bottom: 0;
  1624. }
  1625. .bypostauthor {
  1626. background: url('images/byauthor-star.png') 100% 30px no-repeat;
  1627. }
  1628. .comment-author a,
  1629. .person-name a {
  1630. text-decoration: none;
  1631. }
  1632. .comment-author span,
  1633. .person-name span,
  1634. .comment-author a,
  1635. .person-name a {
  1636. font-weight: bold;
  1637. }
  1638. .comment-date,
  1639. .comment-info,
  1640. .person-info {
  1641. display: block;
  1642. font-size: 11px;
  1643. margin-bottom: 10px;
  1644. text-transform: uppercase;
  1645. }
  1646.  
  1647. .avatar-box {
  1648. margin: 30px -70px 0 0;
  1649. z-index: 9;
  1650. }
  1651. .person-box .avatar-box,
  1652. .testimonial-box .avatar-box {
  1653. margin: 0 20px 20px 0;
  1654. }
  1655.  
  1656. /* blog - comment form */
  1657. #commentform .one_third {
  1658. margin-bottom: 10px;
  1659. }
  1660. #wrapper #commentform textarea {
  1661. width: 100%;
  1662. }
  1663. #commentform input[type="submit"] {
  1664. margin: 0 auto;
  1665. }
  1666. #commentform label {
  1667. display: block;
  1668. margin-bottom: 3px;
  1669. color: #666;
  1670. }
  1671. .form-allowed-tags code {
  1672. margin-bottom: 0;
  1673. }
  1674. #comments .form-submit {
  1675. margin-bottom: 0;
  1676. }
  1677. #comments ol .form-submit {
  1678. margin-bottom: 40px;
  1679. }
  1680.  
  1681. /* person info */
  1682. #wrapper ul.person-social {
  1683. float: right;
  1684. margin: 10px 0 0;
  1685. height: 28px;
  1686. }
  1687. #wrapper .person-social li {
  1688. list-style: none;
  1689. float: left;
  1690. margin-left: 1px;
  1691. }
  1692. .person-social a {
  1693. display: block;
  1694. width: 28px;
  1695. height: 28px;
  1696. background-repeat: no-repeat;
  1697. text-indent: 9999px;
  1698. overflow: hidden;
  1699. }
  1700. .person-twitter {
  1701. background-image: url('images/socialmedia/twitter.png');
  1702. }
  1703. .person-facebook {
  1704. background-image: url('images/socialmedia/facebook.png');
  1705. }
  1706. .person-linkedin {
  1707. background-image: url('images/socialmedia/linkedin.png');
  1708. }
  1709.  
  1710. /* ---------------------------------------- */
  1711. /* portfolio */
  1712. .portfolio-page .aligncenter {
  1713. margin-top: 0;
  1714. }
  1715. .portfolio-meta {
  1716. font-size: 11px;
  1717. margin-bottom: 10px;
  1718. }
  1719. .portfolio-page .portfolio-meta {
  1720. font-size: 12px;
  1721. margin-bottom: 0;
  1722. }
  1723. .portfolio_item_header {
  1724. display: none;
  1725. position: absolute;
  1726. left: 0;
  1727. top: 20px;
  1728. background: url("images/hover_dark_bg.png") repeat;
  1729. margin-right: 20px;
  1730. }
  1731. .portfolio_item_header:hover {
  1732. background-color: #000;
  1733. }
  1734. .portfolio-item:hover .portfolio_item_header {
  1735. display: block;
  1736. }
  1737. .portfolio_item_header h3 {
  1738. margin: 0;
  1739. }
  1740. .portfolio_item_header h3 a {
  1741. padding: 10px;
  1742. display: block;
  1743. }
  1744. .portfolio-columns h3,
  1745. .portfolio-columns h3 a,
  1746. .portfolio-columns h3 a:hover {
  1747. color: #fff;
  1748. }
  1749. .portfolio-columns .one_half h3 {
  1750. font-size: 18px;
  1751. line-height: 22px;
  1752. }
  1753. #page-content .portfolio-columns .one_half h3,
  1754. .portfolio-columns .one_third h3 {
  1755. font-size: 16px;
  1756. line-height: 20px;
  1757. }
  1758. .portfolio-columns .one_fourth h3 {
  1759. font-size: 14px;
  1760. line-height: 18px;
  1761. }
  1762.  
  1763. .portfolio-columns .full_page,
  1764. .portfolio-columns .one_half,
  1765. .portfolio-columns .one_third,
  1766. .portfolio-columns .one_fourth {
  1767. margin-bottom: 30px;
  1768. }
  1769.  
  1770. #wrapper .portfolio-columns li.one_third {
  1771. list-style: none;
  1772. height: 230px;
  1773. margin-bottom: 0;
  1774. }
  1775.  
  1776. #wrapper .portfolio-columns li.one_fourth {
  1777. list-style: none;
  1778. height: 300px;
  1779. margin-bottom: 0;
  1780. }
  1781.  
  1782. #wrapper ul.portfolio-columns,
  1783. .portfolio-columns {
  1784. margin: 0 0 10px;
  1785. width: 1200px;
  1786. overflow: hidden;
  1787. }
  1788. #wrapper #page-content ul.portfolio-columns,
  1789. #page-content .portfolio-columns {
  1790. margin: 0 0 10px;
  1791. width: 800px;
  1792. overflow: hidden;
  1793. }
  1794. .portfolio-columns li.last {
  1795. margin-right: 30px;
  1796. }
  1797. #page-content .portfolio-columns .full_page {width: 770px;}
  1798.  
  1799. /* portfolio - next/prev navigation */
  1800. .portfolio-btns ul a {
  1801. margin-left: 1px;
  1802. }
  1803.  
  1804. .scroller_btns {
  1805. position: absolute;
  1806. bottom: -1px;
  1807. right: 0;
  1808. }
  1809. a.browse,
  1810. .icon-btn,
  1811. a.like_this {
  1812. cursor: pointer;
  1813. background-image: url("images/gradient-btn.png");
  1814. background-position: 0 -7px;
  1815. background-repeat: repeat-x;
  1816. color: #fff;
  1817. line-height: 20px;
  1818. display: inline-block;
  1819. padding: 10px;
  1820. margin-left: 1px;
  1821. text-decoration: none;
  1822. float: left;
  1823. }
  1824. .fancy_meta a.like_this {
  1825. margin-left: 0;
  1826. }
  1827. .icon-btn {
  1828. padding: 7px 6px 6px;
  1829. }
  1830. .view-all {
  1831. float: left;
  1832. line-height: 20px;
  1833. display: inline-block;
  1834. padding: 10px;
  1835. text-transform: capitalize;
  1836. }
  1837. .portfolio-nav a:hover {
  1838. color: #fff;
  1839. }
  1840. a.arrowleft span {
  1841. background: url("images/arrow-previous.png") no-repeat;
  1842. width: 20px;
  1843. height: 20px;
  1844. display: inline-block;
  1845. text-indent: -9999px;
  1846. overflow: hidden;
  1847. }
  1848. a.arrowright span {
  1849. background: url("images/arrow-next.png") no-repeat;
  1850. width: 20px;
  1851. height: 20px;
  1852. display: inline-block;
  1853. text-indent: -9999px;
  1854. overflow: hidden;
  1855. }
  1856. a.disabled span {
  1857. filter: alpha(opacity=50);
  1858. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
  1859. opacity: 0.5;
  1860. }
  1861. a.disabled:hover {
  1862. cursor: default;
  1863. }
  1864.  
  1865. /* ---------------------------------------- */
  1866. /* gallery */
  1867. .gallery {
  1868. margin: 0 auto 20px;
  1869. }
  1870. .gallery .gallery-item {
  1871. float: left;
  1872. margin: 20px auto;
  1873. text-align: center;
  1874. }
  1875. .gallery-columns-5 .gallery-item {
  1876. width: 20%;
  1877. }
  1878. .gallery-columns-4 .gallery-item {
  1879. width: 25%;
  1880. }
  1881. .gallery-columns-3 .gallery-item {
  1882. width: 33%;
  1883. }
  1884. .gallery-columns-2 .gallery-item {
  1885. width: 50%;
  1886. }
  1887. .gallery-columns-1 .gallery-item {
  1888. width: 100%;
  1889. }
  1890. .gallery-icon {
  1891. margin: 0 10px;
  1892. }
  1893.  
  1894. /* contact form */
  1895. #contactform .one_third {
  1896. margin-bottom: 10px;
  1897. }
  1898. #wrapper #contactform textarea {
  1899. width: 100%;
  1900. }
  1901. #contactform input[type="submit"] {
  1902. margin: 0 auto;
  1903. }
  1904. #contactform label {
  1905. display: block;
  1906. margin-bottom: 3px;
  1907. color: #666;
  1908. }
  1909.  
  1910. /* contact form - widget */
  1911. .wpcf7 span {
  1912. display: block;
  1913. margin-top: 3px;
  1914. margin-right: 18px;
  1915. }
  1916. .wpcf7 span.your-message {
  1917. margin-right: 0;
  1918. }
  1919. .wpcf7 span br {
  1920. display: none;
  1921. }
  1922. .wpcf7 input[type="text"],
  1923. .wpcf7 textarea {
  1924. width: 100%;
  1925. }
  1926. #footer .wpcf7 textarea {
  1927. height: 100px;
  1928. }
  1929. span.wpcf7-not-valid-tip {
  1930. border: 1px solid #ff7d98 !important;
  1931. background: #fbe3e8 url('images/error.png') 5px 50% no-repeat !important;
  1932. color: #ee5674;
  1933. padding: 5px 5px 5px 30px !important;
  1934. border-radius: 4px;
  1935. -moz-border-radius: 4px;
  1936. -webkit-border-radius: 4px;
  1937. }
  1938. div.wpcf7-validation-errors {
  1939. border: 1px solid #ffd400 !important;
  1940. background: #fffdcc url('images/note.png') 15px 50% no-repeat !important;
  1941. color: #e3ac00;
  1942. padding: 15px 15px 15px 40px !important;
  1943. margin: 20px 0 !important;
  1944. border-radius: 4px;
  1945. -moz-border-radius: 4px;
  1946. -webkit-border-radius: 4px;
  1947. }
  1948. div.wpcf7-mail-sent-ok {
  1949. border: 1px solid #9fde23 !important;
  1950. color: #76ac00;
  1951. background: #eafdcf url('images/tip.png') 15px 50% no-repeat !important;
  1952. padding: 15px 15px 15px 40px !important;
  1953. margin: 20px 0 !important;
  1954. border-radius: 4px;
  1955. -moz-border-radius: 4px;
  1956. -webkit-border-radius: 4px;
  1957. }
  1958.  
  1959. /* ---------------------------------------- */
  1960. /* boxes */
  1961. .title_box {
  1962. font-size: 18px;
  1963. line-height: 22px;
  1964. padding: 10px 20px;
  1965. }
  1966. .info_box .title_box {
  1967. background: #333;
  1968. color: #fff;
  1969. }
  1970. .content_box {
  1971. padding: 30px;
  1972. }
  1973. .info_box1 {
  1974. background: #f5f5f5;
  1975. }
  1976. .info_box2 {
  1977. background: #666;
  1978. color: #fff;
  1979. }
  1980. .info_box3 {
  1981. background: #333;
  1982. color: #fff;
  1983. }
  1984. .big_text p {
  1985. font-size: 26px;
  1986. line-height: 32px;
  1987. }
  1988. .big_text a {
  1989. text-decoration: none;
  1990. }
  1991. .info_box1 blockquote {
  1992. color: #666;
  1993. margin: 0;
  1994. }
  1995. .info_box2 blockquote,
  1996. .info_box3 blockquote {
  1997. color: #fff;
  1998. margin: 0;
  1999. background-image: url('images/quote-light.png');
  2000. }
  2001. .rounded {
  2002. border-radius: 4px;
  2003. -moz-border-radius: 4px;
  2004. -webkit-border-radius: 4px;
  2005. }
  2006. .rounded .title_box {
  2007. border-radius: 4px 4px 0 0;
  2008. -moz-border-radius: 4px 4px 0 0;
  2009. -webkit-border-radius: 4px 4px 0 0;
  2010. }
  2011.  
  2012. /* ---------------------------------------- */
  2013. /* toggles & accordions */
  2014. .toggle h4,
  2015. .accordion h4 {
  2016. margin-bottom: 5px;
  2017. cursor: pointer;
  2018. }
  2019. .toggle h4:hover,
  2020. .accordion h4:hover {
  2021. opacity: 0.9;
  2022. }
  2023. .toggle h4 span,
  2024. .accordion h4 span {
  2025. display: block;
  2026. padding: 10px 15px 10px 50px;
  2027. background-position: 18px 50%;
  2028. background-repeat: no-repeat;
  2029. }
  2030. .toggle1 h4 span {
  2031. background-image: url('images/toggle-plus-light.png');
  2032. }
  2033. .toggle2 h4 span {
  2034. background-image: url('images/toggle-plus-trans.png');
  2035. }
  2036. .toggle3 h4 span {
  2037. background-image: url('images/toggle-plus.png');
  2038. }
  2039. .toggle1 h4.toggle_active span {
  2040. background-image: url('images/toggle-minus-light.png');
  2041. }
  2042. .toggle2 h4.toggle_active span {
  2043. background-image: url('images/toggle-minus-trans.png');
  2044. }
  2045. .toggle3 h4.toggle_active span {
  2046. background-image: url('images/toggle-minus.png');
  2047. }
  2048. .accordion1 h4 span {
  2049. background-image: url('images/arrow-down-light.png');
  2050. }
  2051. .accordion2 h4 span {
  2052. background-image: url('images/arrow-down-trans.png');
  2053. }
  2054. .accordion3 h4 span {
  2055. background-image: url('images/arrow-down.png');
  2056. }
  2057. .accordion1 h4.accordion_active span {
  2058. background-image: url('images/arrow-up-light.png');
  2059. }
  2060. .accordion2 h4.accordion_active span {
  2061. background-image: url('images/arrow-up-trans.png');
  2062. }
  2063. .accordion3 h4.accordion_active span {
  2064. background-image: url('images/arrow-up.png');
  2065. }
  2066. .toggle_content,
  2067. .accordion_content {
  2068. padding: 30px;
  2069. margin-bottom: 5px;
  2070. border-top-width: 1px;
  2071. border-top-style: solid;
  2072. border-bottom-width: 1px;
  2073. border-bottom-style: solid;
  2074. }
  2075. .toggle1 h4,
  2076. .accordion1 h4 {
  2077. background-color: #333;
  2078. border: 1px solid #333;
  2079. color: #fff;
  2080. }
  2081. .toggle2 h4,
  2082. .accordion2 h4 {
  2083. background-color: #666;
  2084. border: 1px solid #666;
  2085. color: #fff;
  2086. }
  2087. .toggle3 h4,
  2088. .accordion3 h4 {
  2089. background-color: #fff;
  2090. border: 1px solid #e5e5e5;
  2091. color: #666
  2092. }
  2093. .toggle1 h4 span,
  2094. .accordion1 h4 span,
  2095. .toggle2 h4 span,
  2096. .accordion2 h4 span {
  2097. color: #fff;
  2098. }
  2099. .toggle3 h4 span,
  2100. .accordion3 h4 span {
  2101. color: #666;
  2102. }
  2103.  
  2104. /* ---------------------------------------- */
  2105. /* tabs */
  2106. #wrapper .tabs {
  2107. margin-bottom: 0;
  2108. }
  2109. #wrapper .tabs li {
  2110. list-style: none;
  2111. border-bottom: none;
  2112. float: left;
  2113. margin-right: 1px;
  2114. margin-top: 1px;
  2115. }
  2116. .tabs a {
  2117. display: block;
  2118. height: 40px;
  2119. padding-right: 10px;
  2120. font-size: 13px;
  2121. line-height: 40px;
  2122. text-decoration: none;
  2123. background-image: url('images/gradient-btn.png');
  2124. background-position: 0 -7px;
  2125. background-repeat: repeat-x;
  2126. }
  2127. .tabs span,
  2128. .tabs img {
  2129. float: left;
  2130. padding-left: 10px;
  2131. }
  2132. .tabs span {
  2133. min-width: 20px;
  2134. text-align: center;
  2135. }
  2136. .tabs img {
  2137. margin: 10px 0;
  2138. }
  2139. .tab_content {
  2140. background: #fff;
  2141. clear: both;
  2142. padding: 30px;
  2143. margin: 0;
  2144. z-index: 990;
  2145. }
  2146.  
  2147. /* ---------------------------------------- */
  2148. /* tables */
  2149. table {
  2150. border: 1px solid #eee;
  2151. border-collapse: collapse;
  2152. border-spacing: 0;
  2153. margin-bottom: 20px;
  2154. }
  2155. .table-border {
  2156. background-color: #fff;
  2157. border: 5px solid #f5f5f5;
  2158. margin-bottom: 20px;
  2159. }
  2160. .table-border table {
  2161. margin-bottom: 0;
  2162. }
  2163. .tables {
  2164. width: 100%;
  2165. }
  2166. .table-medium {
  2167. border: 1px solid #ccc;
  2168. }
  2169. .table-dark {
  2170. border: 1px solid #aaa;
  2171. }
  2172. th {
  2173. padding: 10px;
  2174. text-align: center;
  2175. font-weight: normal;
  2176. }
  2177. .th-left th,
  2178. .td-left td {
  2179. text-align: left;
  2180. }
  2181. .th-right th,
  2182. .td-right td {
  2183. text-align: right;
  2184. }
  2185. .table-light th {
  2186. background-color: #eee;
  2187. border: 1px solid #ccc;
  2188. color: #444;
  2189. }
  2190. .table-medium th {
  2191. background-color: #666;
  2192. border: 1px solid #7f7f7f;
  2193. color: #fff;
  2194. }
  2195. .table-dark th {
  2196. background-color: #333;
  2197. border: 1px solid #545454;
  2198. color: #fff;
  2199. }
  2200. .table-light tbody th {
  2201. background: #f5f5f5;
  2202. }
  2203. .table-medium tbody th {
  2204. background: #ccc;
  2205. color: #666;
  2206. }
  2207. .table-dark tbody th {
  2208. background: #999;
  2209. color: #444;
  2210. }
  2211. td {
  2212. background-color: #fff;
  2213. padding: 5px;
  2214. text-align: center;
  2215. vertical-align: top;
  2216. }
  2217. .table-light td {
  2218. color: #888;
  2219. border: 1px solid #ccc;
  2220. }
  2221. .table-medium td {
  2222. color: #777;
  2223. border: 1px solid #7f7f7f;
  2224. }
  2225. .table-dark td {
  2226. color: #666;
  2227. border: 1px solid #545454;
  2228. }
  2229.  
  2230. .highlight-row tbody tr:hover {
  2231. background: #f1f1f1;
  2232. }
  2233.  
  2234. /* ---------------------------------------- */
  2235. /* pricing boxes */
  2236. .pricebox {
  2237. text-align: center;
  2238. border-width: 1px;
  2239. border-style: solid;
  2240. }
  2241. .pricebox h3 {
  2242. font-size: 18px;
  2243. line-height: 28px;
  2244. font-weight: bold;
  2245. margin: 0;
  2246. padding: 18px 10px;
  2247. }
  2248.  
  2249. .price-td {
  2250. padding: 20px 10px;
  2251. background: #e5e5e5;
  2252. }
  2253. .price-td strong {
  2254. display: block;
  2255. font-size: 36px;
  2256. line-height: 30px;
  2257. font-weight: normal;
  2258. }
  2259. .price-td span {
  2260. display: block;
  2261. color: #999;
  2262. }
  2263. .price-body {
  2264. padding: 15px 10px 0;
  2265. text-align: center;
  2266. font-size: 14px;
  2267. line-height: 24px;
  2268. }
  2269. .price-body .dotted {
  2270. background-repeat: repeat-x;
  2271. height: 4px;
  2272. border: none;
  2273. margin: 30px 0 20px;
  2274. }
  2275. #wrapper .price-body ul {
  2276. margin-bottom: 15px;
  2277. }
  2278. #wrapper .price-body li {
  2279. list-style: none;
  2280. }
  2281. .price-foot {
  2282. padding: 0 10px 10px
  2283. }
  2284. .overox {
  2285. border-width: 5px;
  2286. border-style: solid;
  2287. }
  2288. .featured-box h3 {
  2289. font-size: 22px;
  2290. line-height: 28px;
  2291. padding: 18px 10px;
  2292. }
  2293. .featured-box .price-td {
  2294. padding: 18px 10px;
  2295. }
  2296.  
  2297. /* ---------------------------------------- */
  2298. /* buttons */
  2299. .small-btn,
  2300. .medium-btn,
  2301. .big-btn {
  2302. display: inline-block;
  2303. text-decoration: none;
  2304. text-align: center;
  2305. }
  2306. .small-btn:hover,
  2307. .medium-btn:hover,
  2308. .big-btn:hover {
  2309. text-decoration: none;
  2310. }
  2311. .right .small-btn,
  2312. .right .medium-btn,
  2313. .right .big-btn {
  2314. margin-right: 1px;
  2315. }
  2316. a.small-btn span,
  2317. a.medium-btn span,
  2318. a.big-btn span {
  2319. display: block;
  2320. background-color: #eee;
  2321. color: #777;
  2322. border: 1px solid #ccc;
  2323. }
  2324. .small-btn img,
  2325. .medium-btn img,
  2326. .big-btn img {
  2327. vertical-align: middle;
  2328. margin-right: 2px;
  2329. margin-top: -1px;
  2330. }
  2331. .small-btn span,
  2332. form input[type="submit"].small-btn {
  2333. background-position: 0 -7px;
  2334. font-size: 12px;
  2335. line-height: 18px;
  2336. padding: 5px 10px 6px;
  2337. }
  2338. .medium-btn span,
  2339. form input[type="submit"].medium-btn {
  2340. background-position: 0 -3px;
  2341. font-size: 16px;
  2342. line-height: 24px;
  2343. padding: 5px 12px 6px;
  2344. }
  2345. .big-btn span,
  2346. form input[type="submit"].big-btn {
  2347. background-position: 0 0;
  2348. font-size: 18px;
  2349. line-height: 26px;
  2350. padding: 8px 15px 9px;
  2351. }
  2352. a.light-btn span,
  2353. form input[type="submit"].light-btn {
  2354. background: #fff;
  2355. color: #999;
  2356. border-color: #e5e5e5;
  2357. }
  2358. a.small-btn:hover span,
  2359. a.medium-btn:hover span,
  2360. a.big-btn:hover span,
  2361. form input[type="submit"]:hover {
  2362. filter: alpha(opacity=80);
  2363. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
  2364. opacity: 0.8;
  2365. }
  2366.  
  2367. .glass-btn span,
  2368. form input[type="submit"].glass-btn {
  2369. background-image: url('images/glass-btn.png');
  2370. background-repeat: repeat-x;
  2371. }
  2372. .gradient-btn span,
  2373. form input[type="submit"].gradient-btn {
  2374. background-image: url('images/gradient-btn.png');
  2375. background-repeat: repeat-x;
  2376. }
  2377.  
  2378. .stroke-btn {
  2379. background: rgba(204, 204, 204, 0.2);
  2380. padding: 5px 6px;
  2381. border-radius: 8px;
  2382. -moz-border-radius: 8px;
  2383. -webkit-border-radius: 8px;
  2384. }
  2385. .stroke-btn:hover {
  2386. background: rgba(204, 204, 204, 0.1);
  2387. }
  2388. a.stroke-btn:hover span {
  2389. box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  2390. -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  2391. -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) inset;
  2392. }
  2393. .rounded-btn span {
  2394. border-radius: 4px;
  2395. -moz-border-radius: 4px;
  2396. -webkit-border-radius: 4px;
  2397. }
  2398.  
  2399. /* buttons - darkgray */
  2400. a.small-btn .darkgray-btn,
  2401. a.medium-btn .darkgray-btn,
  2402. a.big-btn .darkgray-btn,
  2403. form input[type="submit"].darkgray-btn {
  2404. background-color: #666;
  2405. color: #fff;
  2406. border-color: #666;
  2407. }
  2408. a.light-btn .darkgray-btn {
  2409. background: #eee;
  2410. color: #666;
  2411. border-color: #ccc;
  2412. }
  2413.  
  2414. /* buttons - black */
  2415. a.small-btn .black-btn,
  2416. a.medium-btn .black-btn,
  2417. a.big-btn .black-btn,
  2418. form input[type="submit"].black-btn {
  2419. background-color: #222;
  2420. color: #fff;
  2421. border-color: #111;
  2422. }
  2423. a.light-btn .black-btn {
  2424. background: #bbb;
  2425. color: #444;
  2426. border-color: #aaa;
  2427. }
  2428.  
  2429. /* buttons - red */
  2430. a.small-btn .red-btn,
  2431. a.medium-btn .red-btn,
  2432. a.big-btn .red-btn,
  2433. form input[type="submit"].red-btn {
  2434. background-color: #ff2600;
  2435. color: #fff;
  2436. border-color: #bf1d00;
  2437. }
  2438. a.light-btn .red-btn {
  2439. background: #ffd4cc;
  2440. color: #ff2600;
  2441. border-color: #ffa899;
  2442. }
  2443.  
  2444. /* buttons - orange */
  2445. a.small-btn .orange-btn,
  2446. a.medium-btn .orange-btn,
  2447. a.big-btn .orange-btn,
  2448. form input[type="submit"].orange-btn {
  2449. background-color: #ff8f00;
  2450. color: #fff;
  2451. border-color: #f26c0d;
  2452. }
  2453. a.light-btn .orange-btn {
  2454. background: #ffecd6;
  2455. color: #ff8f00;
  2456. border-color: #ffcf99;
  2457. }
  2458.  
  2459. /* buttons - brown */
  2460. a.small-btn .brown-btn,
  2461. a.medium-btn .brown-btn,
  2462. a.big-btn .brown-btn,
  2463. form input[type="submit"].brown-btn {
  2464. background-color: #964b00;
  2465. color: #fff;
  2466. border-color: #713a00;
  2467. }
  2468. a.light-btn .brown-btn {
  2469. background: #eadbcc;
  2470. color: #964b00;
  2471. border-color: #d5b799;
  2472. }
  2473.  
  2474. /* buttons - dark coffee */
  2475. a.small-btn .darkcoffee-btn,
  2476. a.medium-btn .darkcoffee-btn,
  2477. a.big-btn .darkcoffee-btn,
  2478. form input[type="submit"].darkcoffee-btn {
  2479. background-color: #633826;
  2480. color: #fff;
  2481. border-color: #4f1a03;
  2482. }
  2483. a.light-btn .darkcoffee-btn {
  2484. background: #e0d7d4;
  2485. color: #633826;
  2486. border-color: #c1afa8;
  2487. }
  2488.  
  2489. /* buttons - lemon */
  2490. a.small-btn .lemon-btn,
  2491. a.medium-btn .lemon-btn,
  2492. a.big-btn .lemon-btn,
  2493. form input[type="submit"].lemon-btn {
  2494. background-color: #fff300;
  2495. color: #e3ac00;
  2496. border-color: #ffd400;
  2497. }
  2498. a.light-btn .lemon-btn {
  2499. background: #fffdcc;
  2500. color: #ffd400;
  2501. border-color: #fff300;
  2502. }
  2503.  
  2504. /* buttons - pear */
  2505. a.small-btn .pear-btn,
  2506. a.medium-btn .pear-btn,
  2507. a.big-btn .pear-btn,
  2508. form input[type="submit"].pear-btn {
  2509. background-color: #d4de1b;
  2510. color: #8f9601;
  2511. border-color: #b5bf07;
  2512. }
  2513. a.light-btn .pear-btn {
  2514. background: #f6f8d1;
  2515. color: #b5bf07;
  2516. border-color: #eef2a4;
  2517. }
  2518.  
  2519. /* buttons - grass */
  2520. a.small-btn .grass-btn,
  2521. a.medium-btn .grass-btn,
  2522. a.big-btn .grass-btn,
  2523. form input[type="submit"].grass-btn {
  2524. background-color: #5ba825;
  2525. color: #fff;
  2526. border-color: #377d00;
  2527. }
  2528. a.light-btn .grass-btn {
  2529. background: #ebfcdf;
  2530. color: #5ba825;
  2531. border-color: #c2f79e;
  2532. }
  2533.  
  2534. /* buttons - turquoise */
  2535. a.small-btn .turquoise-btn,
  2536. a.medium-btn .turquoise-btn,
  2537. a.big-btn .turquoise-btn,
  2538. form input[type="submit"].green-btn {
  2539. background-color: #00b3a2;
  2540. color: #fff;
  2541. border-color: #009488;
  2542. }
  2543. a.light-btn .turquoise-btn {
  2544. background: #d6f3f0;
  2545. color: #00b3a2;
  2546. border-color: #99e1da;
  2547. }
  2548.  
  2549. /* buttons - aquamarine */
  2550. a.small-btn .aquamarine-btn,
  2551. a.medium-btn .aquamarine-btn,
  2552. a.big-btn .aquamarine-btn,
  2553. form input[type="submit"].aquamarine-btn {
  2554. background-color: #21d1f7;
  2555. color: #fff;
  2556. border-color: #21d1f7;
  2557. }
  2558. a.light-btn .aquamarine-btn {
  2559. background: #d3f6fd;
  2560. color: #21d1f7;
  2561. border-color: #a6edfc;
  2562. }
  2563.  
  2564. /* buttons - ice */
  2565. a.small-btn .ice-btn,
  2566. a.medium-btn .ice-btn,
  2567. a.big-btn .ice-btn,
  2568. form input[type="submit"].ice-btn {
  2569. background-color: #a8e3ff;
  2570. color: #437dac;
  2571. border-color: #71c2eb;
  2572. }
  2573. a.light-btn .ice-btn {
  2574. background: #f8fdff;
  2575. color: #71c2eb;
  2576. border-color: #dbf3ff;
  2577. }
  2578.  
  2579. /* buttons - denim */
  2580. a.small-btn .denim-btn,
  2581. a.medium-btn .denim-btn,
  2582. a.big-btn .denim-btn,
  2583. form input[type="submit"].denim-btn {
  2584. background-color: #0064bf;
  2585. color: #fff;
  2586. border-color: #004f96;
  2587. }
  2588. a.light-btn .denim-btn {
  2589. background: #cce0f2;
  2590. color: #0064bf;
  2591. border-color: #99c1e5;
  2592. }
  2593.  
  2594. /* buttons - indigo */
  2595. a.small-btn .indigo-btn,
  2596. a.medium-btn .indigo-btn,
  2597. a.big-btn .indigo-btn,
  2598. form input[type="submit"].indigo-btn {
  2599. background-color: #481884;
  2600. color: #fff;
  2601. border-color: #33036e;
  2602. }
  2603. a.light-btn .indigo-btn {
  2604. background: #dad1e6;
  2605. color: #481884;
  2606. border-color: #b6a3ce;
  2607. }
  2608.  
  2609. /* buttons - violet */
  2610. a.small-btn .violet-btn,
  2611. a.medium-btn .violet-btn,
  2612. a.big-btn .violet-btn,
  2613. form input[type="submit"].violet-btn {
  2614. background-color: #7c279b;
  2615. color: #fff;
  2616. border-color: #5d1d74;
  2617. }
  2618. a.light-btn .violet-btn {
  2619. background: #e5d4eb;
  2620. color: #7c279b;
  2621. border-color: #cba9d7;
  2622. }
  2623.  
  2624. /* buttons - fuschia */
  2625. a.small-btn .fuschia-btn,
  2626. a.medium-btn .fuschia-btn,
  2627. a.big-btn .fuschia-btn,
  2628. form input[type="submit"].fuschia-btn {
  2629. background-color: #ce3c92;
  2630. color: #fff;
  2631. border-color: #ab156d;
  2632. }
  2633. a.light-btn .fuschia-btn {
  2634. background: #f5d8e9;
  2635. color: #ce3c92;
  2636. border-color: #ebb1d3;
  2637. }
  2638.  
  2639. /* buttons - carnationpink */
  2640. a.small-btn .carnationpink-btn,
  2641. a.medium-btn .carnationpink-btn,
  2642. a.big-btn .carnationpink-btn,
  2643. form input[type="submit"].carnationpink-btn {
  2644. background-color: #ffaac9;
  2645. color: #fff;
  2646. border-color: #cc7695;
  2647. }
  2648. a.light-btn .carnationpink-btn {
  2649. background: #ffeef4;
  2650. color: #ffaac9;
  2651. border-color: #ffdde9;
  2652. }
  2653.  
  2654. /* buttons - frenchrose */
  2655. a.small-btn .frenchrose-btn,
  2656. a.medium-btn .frenchrose-btn,
  2657. a.big-btn .frenchrose-btn,
  2658. form input[type="submit"].frenchrose-btn {
  2659. background-color: #fb5589;
  2660. color: #fff;
  2661. border-color: #c43b67;
  2662. }
  2663. a.light-btn .frenchrose-btn {
  2664. background: #fedde7;
  2665. color: #fb5589;
  2666. border-color: #fdbbd0;
  2667. }
  2668.  
  2669. /* ---------------------------------------- */
  2670. /* lists styles */
  2671. #wrapper ul li {
  2672. list-style: inside disc;
  2673. }
  2674. #wrapper ul ul,
  2675. #wrapper ol ol,
  2676. #wrapper ul ol,
  2677. #wrapper ol ul {
  2678. margin: 10px 0 0 20px;
  2679. }
  2680. #wrapper ul {
  2681. margin-bottom: 10px;
  2682. }
  2683. #wrapper .widgets ul {
  2684. margin-bottom: 0;
  2685. }
  2686. #wrapper #sidebar li,
  2687. #wrapper .widgets li {
  2688. list-style: none;
  2689. }
  2690. ol {
  2691. list-style: inside decimal;
  2692. margin-bottom: 10px;
  2693. }
  2694. ul.img-list,
  2695. ul.small-list {
  2696. background: transparent;
  2697. }
  2698. #wrapper ul.img-list li,
  2699. #wrapper ul.small-list li {
  2700. list-style: none;
  2701. }
  2702. ul.img-list li,
  2703. .img-box {
  2704. background-position: 0 5px;
  2705. background-repeat: no-repeat;
  2706. padding: 2px 0 2px 20px;
  2707. }
  2708. ul.small-list li {
  2709. background-position: 0 8px;
  2710. background-repeat: no-repeat;
  2711. padding: 2px 0 2px 14px;
  2712. }
  2713. span.img-box,
  2714. a.img-box {
  2715. background-position: 0 3px;
  2716. }
  2717. .ico-access-denied,.ico-access-denied li {background-image: url('images/bullets/access-denied.png');}
  2718. .ico-alert,.ico-alert li {background-image: url('images/bullets/alert.png');}
  2719. .ico-alert2,.ico-alert2 li {background-image: url('images/bullets/alert2.png');}
  2720. .ico-info,.ico-info li {background-image: url('images/bullets/info.png');}
  2721. .ico-arrow-right,.ico-arrow-right li {background-image: url('images/bullets/arrow-right.png');}
  2722. .ico-arrow-left,.ico-arrow-left li {background-image: url('images/bullets/arrow-left.png');}
  2723. .ico-arrow-down,.ico-arrow-down li {background-image: url('images/bullets/arrow-down.png');}
  2724. .ico-arrow-up,.ico-arrow-up li {background-image: url('images/bullets/arrow-up.png');}
  2725. .ico-arrow,.ico-arrow li {background-image: url('images/bullets/arrow.png');}
  2726. .ico-arrow2,.ico-arrow2 li {background-image: url('images/bullets/arrow2.png');}
  2727. .ico-checkmark,.ico-checkmark li {background-image: url('images/bullets/checkmark.png');}
  2728. .ico-glass,.ico-glass li {background-image: url('images/bullets/glass.png');}
  2729. .ico-plus,.ico-plus li {background-image: url('images/bullets/plus.png');}
  2730. .ico-minus,.ico-minus li {background-image: url('images/bullets/minus.png');}
  2731. .ico-user,.ico-user li {background-image: url('images/bullets/user.png');}
  2732. .ico-help,.ico-help li {background-image: url('images/bullets/help.png');}
  2733. .ico-bubble,.ico-bubble li {background-image: url('images/bullets/bubble.png');}
  2734. .ico-bubbles,.ico-bubbles li {background-image: url('images/bullets/bubbles.png');}
  2735. .ico-tag,.ico-tag li {background-image: url('images/bullets/tag.png');}
  2736. .ico-download,.ico-download li {background-image: url('images/bullets/download.png');}
  2737. .ico-calendar,.ico-calendar li {background-image: url('images/bullets/calendar.png');}
  2738. .ico-clock,.ico-clock li {background-image: url('images/bullets/clock.png');}
  2739. .ico-chart,.ico-chart li {background-image: url('images/bullets/chart.png');}
  2740. .ico-cog,.ico-cog li {background-image: url('images/bullets/cog.png');}
  2741. .ico-cd,.ico-cd li {background-image: url('images/bullets/cd.png');}
  2742. .ico-document,.ico-document li {background-image: url('images/bullets/document.png');}
  2743. .ico-folder,.ico-folder li {background-image: url('images/bullets/folder.png');}
  2744. .ico-home,.ico-home li {background-image: url('images/bullets/home.png');}
  2745. .ico-film,.ico-film li {background-image: url('images/bullets/film.png');}
  2746. .ico-image,.ico-image li {background-image: url('images/bullets/image.png');}
  2747. .ico-sound,.ico-sound li {background-image: url('images/bullets/sound.png');}
  2748. .ico-link,.ico-link li {background-image: url('images/bullets/link.png');}
  2749. .ico-key,.ico-key li {background-image: url('images/bullets/key.png');}
  2750. .ico-locked,.ico-locked li {background-image: url('images/bullets/locked.png');}
  2751. .ico-paperclip,.ico-paperclip li {background-image: url('images/bullets/paperclip.png');}
  2752. .ico-marker,.ico-marker li {background-image: url('images/bullets/marker.png');}
  2753. .ico-mail,.ico-mail li {background-image: url('images/bullets/mail.png');}
  2754. .ico-rss,.ico-rss li {background-image: url('images/bullets/rss.png');}
  2755.  
  2756. .ico-access-denied-light,.ico-access-denied-light li {background-image: url('images/bullets/access-denied-light.png');}
  2757. .ico-alert-light,.ico-alert-light li {background-image: url('images/bullets/alert-light.png');}
  2758. .ico-alert2-light,.ico-alert2-light li {background-image: url('images/bullets/alert2-light.png');}
  2759. .ico-info-light,.ico-info-light li {background-image: url('images/bullets/info-light.png');}
  2760. .ico-arrow-right-light,.ico-arrow-right-light li {background-image: url('images/bullets/arrow-right-light.png');}
  2761. .ico-arrow-left-light,.ico-arrow-left-light li {background-image: url('images/bullets/arrow-left-light.png');}
  2762. .ico-arrow-down-light,.ico-arrow-down-light li {background-image: url('images/bullets/arrow-down-light.png');}
  2763. .ico-arrow-up-light,.ico-arrow-up-light li {background-image: url('images/bullets/arrow-up-light.png');}
  2764. .ico-arrow-light,.ico-arrow-light li {background-image: url('images/bullets/arrow-light.png');}
  2765. .ico-arrow2-light,.ico-arrow2-light li {background-image: url('images/bullets/arrow2-light.png');}
  2766. .ico-checkmark-light,.ico-checkmark-light li {background-image: url('images/bullets/checkmark-light.png');}
  2767. .ico-glass-light,.ico-glass-light li {background-image: url('images/bullets/glass-light.png');}
  2768. .ico-plus-light,.ico-plus-light li {background-image: url('images/bullets/plus-light.png');}
  2769. .ico-minus-light,.ico-minus-light li {background-image: url('images/bullets/minus-light.png');}
  2770. .ico-user-light,.ico-user-light li {background-image: url('images/bullets/user-light.png');}
  2771. .ico-help-light,.ico-help-light li {background-image: url('images/bullets/help-light.png');}
  2772. .ico-bubble-light,.ico-bubble-light li {background-image: url('images/bullets/bubble-light.png');}
  2773. .ico-bubbles-light,.ico-bubbles-light li {background-image: url('images/bullets/bubbles-light.png');}
  2774. .ico-tag-light,.ico-tag-light li {background-image: url('images/bullets/tag-light.png');}
  2775. .ico-download-light,.ico-download-light li {background-image: url('images/bullets/download-light.png');}
  2776. .ico-calendar-light,.ico-calendar-light li {background-image: url('images/bullets/calendar-light.png');}
  2777. .ico-clock-light,.ico-clock-light li {background-image: url('images/bullets/clock-light.png');}
  2778. .ico-chart-light,.ico-chart-light li {background-image: url('images/bullets/chart-light.png');}
  2779. .ico-cog-light,.ico-cog-light li {background-image: url('images/bullets/cog-light.png');}
  2780. .ico-cd-light,.ico-cd-light li {background-image: url('images/bullets/cd-light.png');}
  2781. .ico-document-light,.ico-document-light li {background-image: url('images/bullets/document-light.png');}
  2782. .ico-folder-light,.ico-folder-light li {background-image: url('images/bullets/folder-light.png');}
  2783. .ico-home-light,.ico-home-light li {background-image: url('images/bullets/home-light.png');}
  2784. .ico-film-light,.ico-film-light li {background-image: url('images/bullets/film-light.png');}
  2785. .ico-image-light,.ico-image-light li {background-image: url('images/bullets/image-light.png');}
  2786. .ico-sound-light,.ico-sound-light li {background-image: url('images/bullets/sound-light.png');}
  2787. .ico-link-light,.ico-link-light li {background-image: url('images/bullets/link-light.png');}
  2788. .ico-key-light,.ico-key-light li {background-image: url('images/bullets/key-light.png');}
  2789. .ico-locked-light,.ico-locked-light li {background-image: url('images/bullets/locked-light.png');}
  2790. .ico-paperclip-light,.ico-paperclip-light li {background-image: url('images/bullets/paperclip-light.png');}
  2791. .ico-marker-light,.ico-marker-light li {background-image: url('images/bullets/marker-light.png');}
  2792. .ico-mail-light,.ico-mail-light li {background-image: url('images/bullets/mail-light.png');}
  2793. .ico-rss-light,.ico-rss-light li {background-image: url('images/bullets/rss-light.png');}
  2794.  
  2795. .ico-access-denied-dark,.ico-access-denied-dark li {background-image: url('images/bullets/access-denied-dark.png');}
  2796. .ico-alert-dark,.ico-alert-dark li {background-image: url('images/bullets/alert-dark.png');}
  2797. .ico-alert2-dark,.ico-alert2-dark li {background-image: url('images/bullets/alert2-dark.png');}
  2798. .ico-info-dark,.ico-info-dark li {background-image: url('images/bullets/info-dark.png');}
  2799. .ico-arrow-right-dark,.ico-arrow-right-dark li {background-image: url('images/bullets/arrow-right-dark.png');}
  2800. .ico-arrow-left-dark,.ico-arrow-left-dark li {background-image: url('images/bullets/arrow-left-dark.png');}
  2801. .ico-arrow-down-dark,.ico-arrow-down-dark li {background-image: url('images/bullets/arrow-down-dark.png');}
  2802. .ico-arrow-up-dark,.ico-arrow-up-dark li {background-image: url('images/bullets/arrow-up-dark.png');}
  2803. .ico-arrow-dark,.ico-arrow-dark li {background-image: url('images/bullets/arrow-dark.png');}
  2804. .ico-arrow2-dark,.ico-arrow2-dark li {background-image: url('images/bullets/arrow2-dark.png');}
  2805. .ico-checkmark-dark,.ico-checkmark-dark li {background-image: url('images/bullets/checkmark-dark.png');}
  2806. .ico-glass-dark,.ico-glass-dark li {background-image: url('images/bullets/glass-dark.png');}
  2807. .ico-plus-dark,.ico-plus-dark li {background-image: url('images/bullets/plus-dark.png');}
  2808. .ico-minus-dark,.ico-minus-dark li {background-image: url('images/bullets/minus-dark.png');}
  2809. .ico-user-dark,.ico-user-dark li {background-image: url('images/bullets/user-dark.png');}
  2810. .ico-help-dark,.ico-help-dark li {background-image: url('images/bullets/help-dark.png');}
  2811. .ico-bubble-dark,.ico-bubble-dark li {background-image: url('images/bullets/bubble-dark.png');}
  2812. .ico-bubbles-dark,.ico-bubbles-dark li {background-image: url('images/bullets/bubbles-dark.png');}
  2813. .ico-tag-dark,.ico-tag-dark li {background-image: url('images/bullets/tag-dark.png');}
  2814. .ico-download-dark,.ico-download-dark li {background-image: url('images/bullets/download-dark.png');}
  2815. .ico-calendar-dark,.ico-calendar-dark li {background-image: url('images/bullets/calendar-dark.png');}
  2816. .ico-clock-dark,.ico-clock-dark li {background-image: url('images/bullets/clock-dark.png');}
  2817. .ico-chart-dark,.ico-chart-dark li {background-image: url('images/bullets/chart-dark.png');}
  2818. .ico-cog-dark,.ico-cog-dark li {background-image: url('images/bullets/cog-dark.png');}
  2819. .ico-cd-dark,.ico-cd-dark li {background-image: url('images/bullets/cd-dark.png');}
  2820. .ico-document-dark,.ico-document-dark li {background-image: url('images/bullets/document-dark.png');}
  2821. .ico-folder-dark,.ico-folder-dark li {background-image: url('images/bullets/folder-dark.png');}
  2822. .ico-home-dark,.ico-home-dark li {background-image: url('images/bullets/home-dark.png');}
  2823. .ico-film-dark,.ico-film-dark li {background-image: url('images/bullets/film-dark.png');}
  2824. .ico-image-dark,.ico-image-dark li {background-image: url('images/bullets/image-dark.png');}
  2825. .ico-sound-dark,.ico-sound-dark li {background-image: url('images/bullets/sound-dark.png');}
  2826. .ico-link-dark,.ico-link-dark li {background-image: url('images/bullets/link-dark.png');}
  2827. .ico-key-dark,.ico-key-dark li {background-image: url('images/bullets/key-dark.png');}
  2828. .ico-locked-dark,.ico-locked-dark li {background-image: url('images/bullets/locked-dark.png');}
  2829. .ico-paperclip-dark,.ico-paperclip-dark li {background-image: url('images/bullets/paperclip-dark.png');}
  2830. .ico-marker-dark,.ico-marker-dark li {background-image: url('images/bullets/marker-dark.png');}
  2831. .ico-mail-dark,.ico-mail-dark li {background-image: url('images/bullets/mail-dark.png');}
  2832. .ico-rss-dark,.ico-rss-dark li {background-image: url('images/bullets/rss-dark.png');}
  2833.  
  2834. .small-arrow,.small-arrow li {background-image: url('images/bullets/small-arrow.png');}
  2835. .small-checkmark,.small-checkmark li {background-image: url('images/bullets/small-checkmark.png');}
  2836. .small-plus,.small-plus li {background-image: url('images/bullets/small-plus.png');}
  2837. .small-minus,.small-minus li {background-image: url('images/bullets/small-minus.png');}
  2838. .small-dot,.small-dot li {background-image: url('images/bullets/small-dot.png');}
  2839. .small-star,.small-star li {background-image: url('images/bullets/small-star.png');}
  2840. .small-arrow-left,.small-arrow-left li {background-image: url('images/bullets/small-arrow-left.png');}
  2841. .small-arrow-right,.small-arrow-right li {background-image: url('images/bullets/small-arrow-right.png');}
  2842. .small-add,.small-add li {background-image: url('images/bullets/small-add.png');}
  2843. .small-go,.small-go li {background-image: url('images/bullets/small-go.png');}
  2844. .small-toggle-plus,.small-toggle-plus li {background-image: url('images/bullets/small-toggle-plus.png');}
  2845. .small-toggle-minus,.small-toggle-minus li {background-image: url('images/bullets/small-toggle-minus.png');}
  2846.  
  2847. .small-arrow-dark,.small-arrow-dark li {background-image: url('images/bullets/small-arrow-dark.png');}
  2848. .small-checkmark-dark,.small-checkmark-dark li {background-image: url('images/bullets/small-checkmark-dark.png');}
  2849. .small-plus-dark,.small-plus-dark li {background-image: url('images/bullets/small-plus-dark.png');}
  2850. .small-minus-dark,.small-minus-dark li {background-image: url('images/bullets/small-minus-dark.png');}
  2851. .small-dot-dark,.small-dot-dark li {background-image: url('images/bullets/small-dot-dark.png');}
  2852. .small-star-dark,.small-star-dark li {background-image: url('images/bullets/small-star-dark.png');}
  2853. .small-arrow-left-dark,.small-arrow-left-dark li {background-image: url('images/bullets/small-arrow-left-dark.png');}
  2854. .small-arrow-right-dark,.small-arrow-right-dark li {background-image: url('images/bullets/small-arrow-right-dark.png');}
  2855. .small-add-dark,.small-add-dark li {background-image: url('images/bullets/small-add-dark.png');}
  2856. .small-go-dark,.small-go-dark li {background-image: url('images/bullets/small-go-dark.png');}
  2857. .small-toggle-plus-dark,.small-toggle-plus-dark li {background-image: url('images/bullets/small-toggle-plus-dark.png');}
  2858. .small-toggle-minus-dark,.small-toggle-minus-dark li {background-image: url('images/bullets/small-toggle-minus-dark.png');}
  2859.  
  2860. /* ---------------------------------------- */
  2861. /* error page */
  2862. #error {
  2863. text-align: center;
  2864. }
  2865. #error strong {
  2866. display: block;
  2867. color: #777;
  2868. font: 140px/150px Impact, Charcoal, sans-serif;
  2869. font-weight: bold;
  2870. text-shadow: 1px 1px 0 #ddd,2px 2px 0 #ddd,3px 3px 0 #ddd,4px 4px 0 #ddd,5px 5px 0 #ddd,6px 6px 0 #ccc;
  2871. letter-spacing: 10px;
  2872. }
  2873. #error span {
  2874. font-size: 32px;
  2875. line-height: 36px;
  2876. color: #aaa;
  2877. }
  2878. #error-info {
  2879. padding-top: 20px;
  2880. }
  2881.  
  2882. /* ---------------------------------------- */
  2883. /* info-boxes */
  2884. .message {
  2885. padding: 15px 15px 15px 40px;
  2886. margin-bottom: 40px;
  2887. background-position: 15px 18px;
  2888. background-repeat: no-repeat;
  2889. border-radius: 4px;
  2890. -moz-border-radius: 4px;
  2891. -webkit-border-radius: 4px;
  2892. }
  2893. .msg-info {
  2894. border: 1px solid #71c2eb;
  2895. background-color: #dbf3ff;
  2896. background-image: url('images/info.png');
  2897. color: #5897b6;
  2898. }
  2899. .msg-tip {
  2900. border: 1px solid #9fde23;
  2901. background-color: #eafdcf;
  2902. background-image: url('images/tip.png');
  2903. color: #76ac00;
  2904. }
  2905. .msg-note {
  2906. border: 1px solid #ffd400;
  2907. background-color: #fffdcc;
  2908. background-image: url('images/note.png');
  2909. color: #e3ac00;
  2910. }
  2911. .msg-error {
  2912. border: 1px solid #ff7d98;
  2913. background-color: #fbe3e8;
  2914. background-image: url('images/error.png');
  2915. color: #ee5674;
  2916. }
  2917.  
  2918. .message a {text-decoration: underline;}
  2919. .message a:hover {text-decoration: none;}
  2920. .msg-info a {color: #5897b6;}
  2921. .msg-tip a {color: #76ac00;}
  2922. .msg-note a {color: #e3ac00;}
  2923. .msg-error a {color: #ee5674;}
  2924.  
  2925. /* ---------------------------------------- */
  2926. /* sidebar */
  2927. #sidebar li.current_page_item ul a,
  2928. li.current-cat ul a,
  2929. #sidebar li.current_page_item ul li.current-page_item ul a,
  2930. li.current-cat ul li.current-page_item ul a {
  2931. font-weight: normal;
  2932. padding: 0;
  2933. background: none;
  2934. }
  2935.  
  2936. #sidebar li.current_page_item a,
  2937. li.current-cat a,
  2938. #sidebar li.current_page_item ul li.current-page_item a,
  2939. li.current-cat ul li.current-page_item a {
  2940. font-weight: bold;
  2941. border-radius: 4px;
  2942. -moz-border-radius: 4px;
  2943. -webkit-border-radius: 4px;
  2944. display: block;
  2945. text-decoration: none;
  2946. }
  2947. #sidebar li.current_page_item ul,
  2948. li.current-cat ul {
  2949. margin: 6px 0 -6px;
  2950. padding: 0 0 6px 20px;
  2951. }
  2952. #sidebar li.current_page_item li,
  2953. li.current-cat li {
  2954. padding-bottom: 6px;
  2955. font-weight: normal;
  2956. }
  2957.  
  2958. /* ---------------------------------------- */
  2959. /* widgets - list */
  2960. .widgets li {
  2961. padding: 0 0 10px;
  2962. }
  2963. .widgets li ul {
  2964. padding: 0;
  2965. }
  2966. #footer .widgets li {
  2967. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  2968. padding: 1px 0 10px 24px;
  2969. }
  2970. #footer .widgets li.current_page_item {
  2971. font-weight: bold;
  2972. }
  2973. #footer .widgets li.current_page_item ul {
  2974. font-weight: normal;
  2975. }
  2976. #footer .widgets .recent-posts li,
  2977. #footer .widgets .popular-posts li,
  2978. #footer .widgets .recent-portfolio li {
  2979. padding: 0 0 10px;
  2980. background: none;
  2981. }
  2982.  
  2983. .widgets .children {
  2984. margin: 10px 0 0 30px;
  2985. }
  2986. #footer .widgets .children {
  2987. margin: 5px 0 0 5px;
  2988. }
  2989.  
  2990. .widget_archive ul,
  2991. .widget_categories ul,
  2992. .widget_meta ul,
  2993. .categories-widget ul,
  2994. .widget_portfolio_categories ul {
  2995. margin: 0 -15px;
  2996. }
  2997. .widget_archive li,
  2998. .widget_categories li,
  2999. .widget_meta li,
  3000. .categories-widget li,
  3001. .widget_portfolio_categories li {
  3002. float: left;
  3003. width: 116px;
  3004. margin: 0 15px;
  3005. }
  3006.  
  3007. /* ---------------------------------------- */
  3008. /* widgets - twitter */
  3009. .tweets li {
  3010. padding-left: 24px;
  3011. margin-bottom: 5px;
  3012. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3013. border-radius: 8px;
  3014. -moz-border-radius: 8px;
  3015. -webkit-border-radius: 8px;
  3016. }
  3017. #footer .tweets li {
  3018. padding: 0 0 5px 60px;
  3019. margin-bottom: 5px;
  3020. background: url('images/twitter-intro-gray.png') 0 5px no-repeat;
  3021. border: none;
  3022. }
  3023. .tweets span,
  3024. #footer .tweets span {
  3025. display: block;
  3026. text-align: right;
  3027. font-size: 10px;
  3028. text-transform: uppercase;
  3029. margin-top: 5px;
  3030. }
  3031. .followme {
  3032. text-align: right;
  3033. margin: 0 0 10px;
  3034. }
  3035.  
  3036. /* ---------------------------------------- */
  3037. /* widgets - recent comments */
  3038. #recentcomments li {
  3039. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3040. padding: 1px 0 10px 24px;
  3041. }
  3042.  
  3043. /* ---------------------------------------- */
  3044. /* widgets - recent posts */
  3045. .widget_recent_entries ul li {
  3046. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3047. padding: 1px 0 10px 24px;
  3048. }
  3049.  
  3050. /* ---------------------------------------- */
  3051. /* widgets - meta */
  3052. .widget_meta li {
  3053. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3054. padding: 1px 0 10px 24px;
  3055. }
  3056.  
  3057. /* ---------------------------------------- */
  3058. /* widgets - archive */
  3059. .widget_archive li {
  3060. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3061. padding: 1px 0 10px 24px;
  3062. }
  3063.  
  3064. /* ---------------------------------------- */
  3065. /* widgets - categories */
  3066. .widget_categories li,
  3067. .categories-widget li,
  3068. .widget_portfolio_categories li {
  3069. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3070. padding: 1px 0 10px 24px;
  3071. color: #999;
  3072. }
  3073. .widget_categories a {
  3074. margin-right: 5px;
  3075. }
  3076.  
  3077. /* ---------------------------------------- */
  3078. /* widgets - subpages */
  3079. .subpages-widget li {
  3080. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3081. padding: 1px 0 10px 24px;
  3082. color: #999;
  3083. }
  3084. .subpages-widget .children li {
  3085. background: url("images/arrow-nav.png") 0 7px no-repeat;
  3086. padding: 1px 0 10px 15px;
  3087. min-height: 15px;
  3088. }
  3089.  
  3090. /* ---------------------------------------- */
  3091. /* widgets - links */
  3092. .widget_links li {
  3093. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3094. padding: 1px 0 10px 24px;
  3095. }
  3096.  
  3097. /* ---------------------------------------- */
  3098. /* widgets - pages */
  3099. .widget_pages li,
  3100. .widget_nav_menu li,
  3101. .widget_subpages li {
  3102. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3103. padding: 1px 0 10px 24px;
  3104. }
  3105. .widget_pages .children li,
  3106. .widget_nav_menu .sub-menu li,
  3107. .widget_subpages .children li {
  3108. background: url("images/arrow-nav.png") 0 7px no-repeat;
  3109. padding: 1px 0 10px 15px;
  3110. min-height: 15px;
  3111. }
  3112.  
  3113. /* ---------------------------------------- */
  3114. /* widgets - flickr */
  3115. #footer .flickr li,
  3116. .flickr li {
  3117. float: left;
  3118. padding: 0 !important;
  3119. background: none;
  3120. margin: 0 10px 20px;
  3121. border: none;
  3122. list-style: none;
  3123. }
  3124. .flickr a {
  3125. display: block;
  3126. }
  3127. #footer .widgets:hover .flickr a {
  3128. filter: alpha(opacity=50);
  3129. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
  3130. opacity: 0.5;
  3131. }
  3132. #footer .widgets:hover .flickr a:hover {
  3133. filter: alpha(opacity=100);
  3134. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/
  3135. opacity: 1;
  3136. }
  3137. .flickr img {
  3138. width: 70px;
  3139. height: 70px;
  3140. }
  3141.  
  3142. /* ---------------------------------------- */
  3143. /* widgets - calendar */
  3144. #calendar_wrap {
  3145. margin-bottom: 20px;
  3146. }
  3147. #wp-calendar {
  3148. width: 100%;
  3149. border: none;
  3150. margin-bottom: 0;
  3151. }
  3152. #wp-calendar caption {
  3153. margin: 10px;
  3154. text-align: right;
  3155. }
  3156. #wp-calendar th {
  3157. padding: 10px 0;
  3158. font-size: 12px;
  3159. text-align: center;
  3160. font-weight: bold;
  3161. }
  3162. #wp-calendar tbody a {
  3163. background: #b2b2b2;
  3164. color: #fff;
  3165. padding: 1px;
  3166. display: inline-block;
  3167. width: 20px;
  3168. height: 20px;
  3169. margin-top: -3px;
  3170. border-radius: 15px;
  3171. -moz-border-radius: 15px;
  3172. -webkit-border-radius: 15px;
  3173. text-decoration: none;
  3174. }
  3175. #wp-calendar tbody a:hover {
  3176. background: #666;
  3177. color: #fff;
  3178. }
  3179. #wp-calendar thead,
  3180. #wp-calendar tbody,
  3181. #wp-calendar tfoot,
  3182. #wp-calendar thead td,
  3183. #wp-calendar tbody td,
  3184. #wp-calendar tfoot td {
  3185. background: transparent;
  3186. }
  3187.  
  3188. #wp-calendar tbody td {
  3189. font-size: 11px;
  3190. text-align: center;
  3191. }
  3192. #wp-calendar tfoot td {
  3193. padding: 8px 0;
  3194. }
  3195. #wp-calendar #prev a,
  3196. #wp-calendar #next a {
  3197. width: 40px;
  3198. height: 40px;
  3199. text-indent: -9999px;
  3200. overflow: hidden;
  3201. display: inline-block;
  3202. font-size: 11px;
  3203. background-repeat: no-repeat;
  3204. background-image: url('images/flexslider/bg_direction_nav.png')
  3205. }
  3206. #wp-calendar #prev a {
  3207. background-position: 0 0;
  3208. }
  3209. #wp-calendar #next a {
  3210. background-position: -40px 0;
  3211. }
  3212.  
  3213. /* ---------------------------------------- */
  3214. /* widgets - posts */
  3215. .popular-posts li,
  3216. .recent-posts li {
  3217. overflow: hidden;
  3218. }
  3219. .widgets .recent-posts h4,
  3220. .widgets .popular-posts h4,
  3221. #sidebar .recent-posts h4,
  3222. #sidebar .popular-posts h4,
  3223. .widgets .recent-portfolio h4,
  3224. #sidebar .recent-portfolio h4 {
  3225. background: none;
  3226. margin: 0 !important;
  3227. padding: 0;
  3228. }
  3229. .recent-portfolio strong {
  3230. display: block;
  3231. margin-bottom: 5px;
  3232. }
  3233. .recent-posts p,
  3234. .popular-posts p {
  3235. margin: 0;
  3236. overflow: hidden;
  3237. }
  3238. .recent-posts div.alignleft,
  3239. .popular-posts div.alignleft,
  3240. .recent-portfolio div.alignleft {
  3241. margin: 0 20px 10px 0;
  3242. }
  3243. div.posts-desc {
  3244. float: none;
  3245. overflow: hidden;
  3246. margin-bottom: 10px;
  3247. }
  3248. .one_fifth div.posts-desc,
  3249. .one_sixth div.posts-desc,
  3250. .one_eight div.posts-desc {
  3251. clear: both;
  3252. }
  3253.  
  3254. /* ---------------------------------------- */
  3255. /* widgets - portfolio */
  3256. .recent-portfolio li {
  3257. overflow: hidden;
  3258. }
  3259.  
  3260. /* ---------------------------------------- */
  3261. /* widgets - searchform */
  3262. #searchform {
  3263. margin-bottom: 10px;
  3264. }
  3265. #searchform input[type="text"] {
  3266. display: block;
  3267. margin-bottom: 10px;
  3268. }
  3269.  
  3270. /* ---------------------------------------- */
  3271. /* widgets - rsswidget */
  3272. .rss-date {
  3273. display: block;
  3274. font-size: 11px;
  3275. color: #999;
  3276. }
  3277. #footer .rss-date {
  3278. color: inherit;
  3279. }
  3280.  
  3281. /* ---------------------------------------- */
  3282. /* widgets - posts */
  3283. #recentcomments li a {
  3284. display: block !important;
  3285. }
  3286.  
  3287. /* ---------------------------------------- */
  3288. /* widgets - tagcloud */
  3289. .tagcloud {
  3290. margin-bottom: 10px;
  3291. }
  3292.  
  3293. /* ---------------------------------------- */
  3294. /* object, flash */
  3295. object {
  3296. background: #666;
  3297. }
  3298.  
  3299. /* ---------------------------------------- */
  3300. /* latest comments */
  3301. #wrapper .latest-comments li {
  3302. list-style: none;
  3303. background: url('images/arrow-right-gray.png') 0 4px no-repeat;
  3304. padding: 0 0 0 24px;
  3305. margin-bottom: 10px;
  3306. }
  3307. .latest-comments p {
  3308. margin-bottom: 0;
  3309. }
  3310.  
  3311. /* latest posts */
  3312. .post-list {
  3313. margin-top: 10px;
  3314. }
  3315. #wrapper .post-list li {
  3316. list-style: none;
  3317. background-position: 0 100%;
  3318. background-repeat: repeat-x;
  3319. padding-bottom: 22px;
  3320. margin-bottom: 20px;
  3321. width: 100%;
  3322. min-height: 102px;
  3323. }
  3324. #wrapper .post-list li:last-child {
  3325. background: none;
  3326. padding: 0;
  3327. margin: 0;
  3328. }
  3329. .post-list .alignleft {
  3330. margin: 0 20px 0 0;
  3331. }
  3332. .post-list-info {
  3333. overflow: hidden;
  3334. }
  3335. .one_fourth .post-list-info,
  3336. .one_fifth .post-list-info,
  3337. .one_sixth .post-list-info,
  3338. .one_eight .post-list-info,
  3339. #page-content .one_third .post-list-info {
  3340. clear: both;
  3341. }
  3342. .one_fourth .post-list .alignleft,
  3343. .one_fifth .post-list .alignleft,
  3344. .one_sixth .post-list .alignleft,
  3345. .one_eight .post-list .alignleft,
  3346. #page-content .one_third .post-list .alignleft {
  3347. margin-bottom: 20px;
  3348. }
  3349.  
  3350. .post-list-info h4 {
  3351. margin: 0;
  3352. }
  3353. .post-list-info .fancy_categories,
  3354. .posts-desc .fancy_categories {
  3355. margin-bottom: 10px;
  3356. }
  3357.  
  3358. /* latest posts - more link */
  3359. .post-list .more {
  3360. margin: 10px 0 0;
  3361. }
  3362. .details-link {
  3363. z-index: 10;
  3364. position: relative;
  3365. }
  3366. a.comments-link {
  3367. display: none;
  3368. z-index: 9;
  3369. position: relative;
  3370. margin-left: -5px;
  3371. }
  3372. .more:hover a.comments-link {
  3373. display: inline-block;
  3374. }
  3375. .more .comments-link span {
  3376. padding: 0 0 0 20px;
  3377. background: url("images/comment.png") 0 50% no-repeat;
  3378. }
  3379.  
  3380. /* ---------------------------------------- */
  3381. /* portfolio (sortable) - magic line navigation */
  3382. .nav-wrap {
  3383. margin: 0 auto 30px;
  3384. }
  3385. #wrapper ul#pcats {
  3386. margin: 0 auto;
  3387. list-style: none;
  3388. position: relative;
  3389. width: 1170px;
  3390. height: 26px;
  3391. margin-bottom: 0;
  3392. }
  3393. #wrapper #pcats li {
  3394. float: left;
  3395. list-style: none;
  3396. margin-bottom: 10px;
  3397. }
  3398. #pcats li a {
  3399. font-size: 14px;
  3400. line-height: 18px;
  3401. display: block;
  3402. float: left;
  3403. padding: 0 10px 7px;
  3404. text-decoration: none;
  3405. text-transform: uppercase;
  3406. height: 16px;
  3407. z-index: 200;
  3408. }
  3409. #magic-line {
  3410. position: absolute;
  3411. bottom: 0;
  3412. left: 0;
  3413. height: 2px;
  3414. float: none;
  3415. width: 100px;
  3416. z-index: 100;
  3417. margin: 0 !important;
  3418. }
  3419.  
  3420. /* ---------------------------------------- */
  3421. /* clearfix group */
  3422. .group:before,
  3423. .group:after,
  3424. .widgets:before,
  3425. .widgets:after {
  3426. content:"";
  3427. display:table;
  3428. }
  3429. .group:after,
  3430. .widgets:after {
  3431. clear:both;
  3432. }
  3433. .group,
  3434. .widgets {
  3435. zoom:1; /* For IE 6/7 */
  3436. }
  3437.  
  3438. /* ---------------------------------------- */
  3439. /* carousel */
  3440. .list-carousel {
  3441. margin: 0 -15px 40px -15px;
  3442. position: static;
  3443. background: #fff url(images/loading.gif) no-repeat 50% 50%;
  3444. }
  3445. .caroufredsel_wrapper {
  3446. overflow: hidden;
  3447. }
  3448. .list-carousel ul {
  3449. margin: 0;
  3450. padding: 0;
  3451. list-style: none;
  3452. display: block;
  3453. }
  3454. .list-carousel li {
  3455. padding: 0;
  3456. margin: 0 15px;
  3457. display: block;
  3458. float: left;
  3459. }
  3460. .list-carousel.responsive {
  3461. width: auto;
  3462. margin-left: 0;
  3463. }
  3464. .caroufredsel_wrapper {
  3465. margin: 0 !important;
  3466. }
  3467. .list-carousel .fancy_meta li {
  3468. margin: 0 0 0 1px;
  3469. }
  3470.  
  3471. .scrollable-pagination {
  3472. position: absolute;
  3473. left: 0;
  3474. bottom: 15px;
  3475. width: 100%;
  3476. text-align: center;
  3477. }
  3478. .scrollable-pagination a,
  3479. .flex-control-nav li a {
  3480. display: inline-block;
  3481. text-indent: -9999px;
  3482. overflow: hidden;
  3483. width: 30px;
  3484. height: 10px;
  3485. margin: 0 5px;
  3486. cursor: pointer;
  3487. }
  3488.  
  3489. #wide_header_wrapper img {
  3490. width: 100%;
  3491. }
  3492. #wide_header_wrapper .fluid-width-video-wrapper {
  3493. margin-bottom: -10px;
  3494. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement