Ellerbestyle

aprepared_css

May 14th, 2012
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.33 KB | None | 0 0
  1. @charset utf-8;
  2. /*--
  3. Theme Name: theme1539
  4. Theme URI: http://template-help.com/
  5. Description: A theme for Wordpress 3.1+ from Template-Help.com Collection
  6. Author: Template_Help.com
  7. Author URL: http://www.Template-Help.com/
  8. --*/
  9.  
  10. /* General
  11. ---------------------------------------- */
  12. html,
  13. body {
  14. min-width:1231px;
  15. }
  16. body{
  17. background-image:url(images/body-tail.gif);
  18. background-repeat:repeat;
  19. background-position:50% 0;
  20. background-color:#cccccc;
  21. background-attachment:fixed;
  22. color: #8e8e8e;
  23. font: 100%/1.125em Tahoma, Geneva, sans-serif;
  24. position:relative;
  25. }
  26.  
  27. #main {
  28. font-size:.688em;
  29. }
  30. #main-box {
  31. width:1231px;
  32. margin:85px auto 0;
  33. background-image:url(images/main-tail.png);
  34. background-repeat:repeat;
  35. background-position:0 0;
  36. }
  37. #main-box-inner {
  38. padding:17px 17px 17px 16px;
  39. }
  40. .container {
  41. width: 960px;
  42. margin: 0 auto;
  43. position:relative;
  44. }
  45.  
  46.  
  47. /* List styling */
  48. dl dt {
  49. background:url(images/list-arrow.gif) no-repeat 0 3px;
  50. padding:0 0 3px 32px;
  51. margin-bottom:.2em;
  52. font-size:18px;
  53. line-height:1.2em;
  54. }
  55. dl dd {
  56. padding:0 0 0 32px;
  57. margin:0 0 1.5em 0;
  58. }
  59.  
  60.  
  61.  
  62.  
  63. /* Header
  64. ---------------------------------------- */
  65. #header {
  66. height:319px;
  67. position:relative;
  68. z-index:99;
  69. background-repeat:no-repeat;
  70. background-position:0 0;
  71. background-image:url(images/header-bg.jpg);
  72. }
  73. .home #header {
  74. height:auto;
  75. background-image:none;
  76. }
  77. .blog #header,
  78. .single #header{
  79. background-image:url(images/slider_img/slide04.jpg);
  80. background-position:0 -7px;
  81. }
  82. .page-id-7 #header {
  83. background-image:url(images/slider_img/slide02.jpg);
  84. background-position:0 -152px;
  85. }
  86. .page-id-25 #header,
  87. .page-id-9 #header,
  88. .page-id-28 #header,
  89. .page-id-31 #header {
  90. background-image:url(images/slider_img/slide03.jpg);
  91. }
  92. /* Logo */
  93. .logo-wrap {
  94. width:350px;
  95. background-repeat:repeat;
  96. background-position:0 0;
  97. background-image:url(images/png-tail.png);
  98. position:absolute;
  99. left:-129px;
  100. top:69px;
  101. height:149px;
  102. }
  103. .logo {
  104. position:absolute;
  105. left:44px;
  106. top:38px;
  107. }
  108. .logo h1,
  109. .logo h2 {
  110. font-size:3em;
  111. line-height:1.2em;
  112. margin-bottom:0;
  113. }
  114. .logo h1 a,
  115. .logo h2 a {
  116. color:#222;
  117. text-decoration:none;
  118. }
  119. .logo .tagline {
  120. font-size:10px;
  121. text-transform:uppercase;
  122. }
  123.  
  124.  
  125. /* Header widget */
  126. #widget-header {
  127. position:absolute;
  128. right:0;
  129. top:100px;
  130. z-index:1;
  131. }
  132. .widget-header {
  133.  
  134. }
  135.  
  136. /* Social Networks */
  137. #widget-header .social-networks {
  138. list-style-type:none;
  139. padding:0;
  140. margin:0;
  141. border:none;
  142. }
  143. #widget-header .social-networks li {
  144. float:left;
  145. border:none;
  146. padding:0;
  147. margin:0 0 0 5px;
  148. list-style-type:none;
  149. height:30px;
  150. }
  151. #widget-header .social-networks li a {
  152. text-decoration:none;
  153. float:left;
  154. height:30px;
  155. display:block;
  156. }
  157. #widget-header .social-networks li a:hover {
  158. color:red;
  159. }
  160.  
  161. /* EasyTooltip */
  162. .tooltip {
  163. background: none repeat scroll 0 0 #252525;
  164. border: 1px solid #000000;
  165. color: #EEEEEE;
  166. display: none;
  167. font-size: 11px;
  168. line-height:1.2em;
  169. margin: 13px 0 0;
  170. padding: 5px;
  171. z-index:99;
  172. }
  173.  
  174.  
  175.  
  176.  
  177. /* Request a quote */
  178. #widget_my_requestquotewidget {
  179. width:100%;
  180. overflow:hidden;
  181. }
  182.  
  183. .top-box {
  184. background:#eee;
  185. border:1px solid #dbdbdb;
  186. padding:20px;
  187. margin-bottom:20px;
  188. overflow:hidden;
  189. zoom:1;
  190. position:relative;
  191. min-height:80px;
  192. }
  193. .box-button {
  194. float:right;
  195. background:#dbdbdb;
  196. font-size:21px;
  197. color:#fff;
  198. text-decoration:none;
  199. padding:10px;
  200. position:absolute;
  201. right:30px;
  202. top:50%;
  203. margin-top:-25px;
  204. }
  205. .box-text {
  206. float:left;
  207. width:75%;
  208. }
  209.  
  210.  
  211.  
  212. /* Slider
  213. ---------------------------------------- */
  214. #slider-wrapper {
  215. height:799px;
  216. overflow:hidden;
  217. position:relative;
  218. }
  219. #slider {
  220. position:relative;
  221. width:1198px;
  222. height:799px;
  223. background:#2a2a2a url(images/loading.gif) no-repeat 50% 50%;
  224. }
  225. #slider img {
  226. position:absolute;
  227. top:0px;
  228. left:0px;
  229. display:none;
  230. }
  231. #slider a {
  232. border:0;
  233. display:block;
  234. }
  235.  
  236.  
  237. /* The Nivo Slider styles */
  238. .nivoSlider {
  239. position:relative;
  240. }
  241. .nivoSlider img {
  242. position:absolute;
  243. top:0px;
  244. left:0px;
  245. }
  246. /* If an image is wrapped in a link */
  247. .nivoSlider a.nivo-imageLink {
  248. position:absolute;
  249. top:0px;
  250. left:0px;
  251. width:100%;
  252. height:100%;
  253. border:0;
  254. padding:0;
  255. margin:0;
  256. z-index:60;
  257. display:none;
  258. }
  259. /* The slices in the Slider */
  260. .nivo-slice {
  261. display:block;
  262. position:absolute;
  263. z-index:50;
  264. height:100%;
  265. }
  266. .nivo-box {
  267. display:block;
  268. position:absolute;
  269. z-index:5;
  270. }
  271. /* Caption styles */
  272. .nivo-caption {
  273. position:absolute;
  274. left:0px;
  275. bottom:0px;
  276. background:#000;
  277. color:#fff;
  278. opacity:0.8; /* Overridden by captionOpacity setting */
  279. width:100%;
  280. z-index:89;
  281. }
  282. .nivo-caption .nivo-caption-inner {
  283. padding:0;
  284. margin:0;
  285. }
  286. .nivo-caption a {
  287. display:inline !important;
  288. }
  289. .nivo-html-caption {
  290. display:none;
  291. }
  292. /* Direction nav styles (e.g. Next & Prev) */
  293. .nivo-directionNav a {
  294. position:absolute;
  295. top:45%;
  296. z-index:99;
  297. cursor:pointer;
  298. }
  299. .nivo-prevNav {
  300. left:0px;
  301. }
  302. .nivo-nextNav {
  303. right:0px;
  304. }
  305. /* Control nav styles (e.g. 1,2,3...) */
  306. .nivo-controlNav {
  307. position:absolute;
  308. width:950px;
  309. height:20px;
  310. left:0;
  311. bottom:-20px;
  312. text-align:center;
  313. }
  314. .nivo-controlNav a {
  315. position:relative;
  316. z-index:99;
  317. cursor:pointer;
  318. display:inline-block !important;
  319. }
  320. .nivo-controlNav a.active {
  321. font-weight:bold;
  322. }
  323.  
  324. .nivo-directionNav {
  325.  
  326. }
  327. .nivo-directionNav a {
  328. position:absolute;
  329. display:block;
  330. width:36px;
  331. height:35px;
  332. text-indent:-9999px;
  333. border:0;
  334. top:50%;
  335. background:url(images/direction_nav.png) no-repeat 0 0;
  336. }
  337. a.nivo-nextNav {
  338. right:0;
  339. background-position:-36px 0;
  340. }
  341. a.nivo-nextNav:hover {
  342. background-position:-36px -35px;
  343. }
  344. a.nivo-prevNav {
  345. left:0;
  346. background-position:0 0;
  347. }
  348. a.nivo-prevNav:hover {
  349. background-position:0 -35px;
  350. }
  351.  
  352. #slider .nivo-controlNav img {
  353. display:inline; /* Unhide the thumbnails */
  354. position:relative;
  355. margin-right:10px;
  356. width:120px;
  357. height:auto;
  358. }
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368. /* Navigations
  369. ---------------------------------------- */
  370.  
  371. /* Primary navigation */
  372. nav.primary {
  373. position:relative;
  374. z-index:2;
  375. }
  376.  
  377. /* Essential styles for dropdown menu */
  378. .sf-menu, .sf-menu * {
  379. margin: 0;
  380. padding: 0;
  381. list-style: none;
  382. }
  383. .sf-menu {
  384. line-height: 1.0;
  385. }
  386. .sf-menu ul {
  387. position: absolute;
  388. top: -999em;
  389. width: 10em; /* left offset of submenus need to match (see below) */
  390. }
  391. .sf-menu ul li {
  392. width: 100%;
  393. }
  394. .sf-menu li:hover {
  395. visibility: inherit; /* fixes IE7 'sticky bug' */
  396. }
  397. .sf-menu li {
  398. float: left;
  399. position: relative;
  400. background-image:none;
  401. padding:0;
  402. margin:0;
  403. }
  404. .sf-menu a {
  405. display: block;
  406. position: relative;
  407. }
  408. .sf-menu li:hover ul,
  409. .sf-menu li.sfHover ul {
  410. left: 0;
  411. top: 149px; /* match top ul list item height */
  412. z-index: 99;
  413. }
  414. ul.sf-menu li:hover li ul,
  415. ul.sf-menu li.sfHover li ul {
  416. top: -999em;
  417. }
  418. ul.sf-menu li li:hover ul,
  419. ul.sf-menu li li.sfHover ul {
  420. left: 99px; /* match ul width */
  421. top: -12px;
  422. }
  423. ul.sf-menu li li:hover li ul,
  424. ul.sf-menu li li.sfHover li ul {
  425. top: -999em;
  426. }
  427. ul.sf-menu li li li:hover ul,
  428. ul.sf-menu li li li.sfHover ul {
  429. left: 99px; /* match ul width */
  430. top: -12px;
  431. }
  432.  
  433.  
  434. /* Our skin for dropdown menu */
  435. .sf-menu {
  436. max-width:798px;
  437. position:absolute;
  438. right:-129px;
  439. top:69px;
  440. }
  441. .sf-menu a {
  442. text-decoration:none;
  443. color:#000000;
  444. }
  445. .sf-menu > li > a {
  446. height:149px;
  447. line-height:149px;
  448. background-repeat:no-repeat;
  449. background-image:url(images/png-tail.png);
  450. background-position:0 0;
  451. font-size:18px;
  452. font-family: 'News Cycle', sans-serif;
  453. text-transform:lowercase;
  454. width:121px;
  455. text-align:center;
  456. }
  457. .sf-menu > li > a:hover,
  458. .sf-menu > li.sfHover > a,
  459. .sf-menu > li.current-menu-item > a {
  460. background-position:-121px -149px;
  461. color:#0c0c0c;
  462. }
  463. .sf-menu li ul {
  464. width:121px;
  465. background-color:#f2a000;
  466. padding:12px 0;
  467. }
  468. .sf-menu li ul:before {
  469. width:121px;
  470. height:4px;
  471. background-repeat:no-repeat;
  472. background-image:url(images/sub-menu-top.gif);
  473. background-position:center 0;
  474. position:absolute;
  475. left:0;
  476. top:-4px;
  477. content: "";
  478. }
  479. .sf-menu li li {
  480. font-size:12px;
  481. line-height:1.2em;
  482. font-family:Arial, Arial, Helvetica, sans-serif;
  483. text-transform:lowercase;
  484. width:73px;
  485. margin-left:22px;
  486. background-repeat:repeat-x;
  487. background-position:0 0;
  488. background-image:url(images/sub-menu-divider.gif);
  489. padding:8px 0;
  490. }
  491. .sf-menu li li:first-child {
  492. background-image:none;
  493. }
  494. .sf-menu li li a {
  495. color:#fff;
  496. }
  497. .sf-menu li li a:hover,
  498. .sf-menu li li.sfHover > a,
  499. .sf-menu li li.current-menu-item > a {
  500. text-decoration:underline;
  501. }
  502. .sf-menu li li ul {
  503. background-color:#292929;
  504. }
  505. .sf-menu li li li {
  506. background-image:url(images/sub-menu-divider1.gif);
  507. }
  508. .sf-menu li:hover, .sf-menu li.sfHover,
  509. .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current-menu-item > a {
  510. outline: 0;
  511. }
  512.  
  513. /*** arrows **/
  514. .sf-menu a.sf-with-ul {
  515. min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
  516. }
  517. .sf-sub-indicator {
  518. position: absolute;
  519. display: block;
  520. left: 0;
  521. top: 1.05em; /* IE6 only */
  522. width: 121px;
  523. height: 4px;
  524. text-indent: -999em;
  525. overflow: hidden;
  526. background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
  527. }
  528. a > .sf-sub-indicator { /* give all except IE6 the correct values */
  529. top: 46px;
  530. background-position: center -100px; /* use translucent arrow for modern browsers*/
  531. }
  532. /* apply hovers to modern browsers */
  533. a:focus > .sf-sub-indicator,
  534. a:hover > .sf-sub-indicator,
  535. a:active > .sf-sub-indicator,
  536. li:hover > a > .sf-sub-indicator,
  537. li.sfHover > a > .sf-sub-indicator,
  538. li.current-menu-item > a > .sf-sub-indicator {
  539. background-position: center 0; /* arrow hovers for modern browsers*/
  540. }
  541.  
  542. /* point right for anchors in subs */
  543. .sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
  544. .sf-menu ul a > .sf-sub-indicator { background-position: -10px 0; }
  545. /* apply hovers to modern browsers */
  546. .sf-menu ul a:focus > .sf-sub-indicator,
  547. .sf-menu ul a:hover > .sf-sub-indicator,
  548. .sf-menu ul a:active > .sf-sub-indicator,
  549. .sf-menu ul li:hover > a > .sf-sub-indicator,
  550. .sf-menu ul li.sfHover > a > .sf-sub-indicator {
  551. background-position: -10px 0; /* arrow hovers for modern browsers*/
  552. }
  553.  
  554. /*** shadows for all but IE6 ***/
  555. .sf-shadow ul {
  556. background: url(images/shadow.png) no-repeat bottom right;
  557. padding: 0 8px 9px 0;
  558. -moz-border-radius-bottomleft: 17px;
  559. -moz-border-radius-topright: 17px;
  560. -webkit-border-top-right-radius: 17px;
  561. -webkit-border-bottom-left-radius: 17px;
  562. }
  563. .sf-shadow ul.sf-shadow-off {
  564. background: transparent;
  565. }
  566.  
  567.  
  568.  
  569.  
  570. /* Top search */
  571. #top-search {
  572. position:absolute;
  573. right:0;
  574. top:15px;
  575. }
  576. #top-search .input-search {
  577. width:160px;
  578. margin-right:10px;
  579. }
  580. #top-search #submit {
  581. width:50px;
  582. cursor:pointer;
  583. padding-left:0;
  584. padding-right:0;
  585. }
  586.  
  587.  
  588.  
  589.  
  590.  
  591. /* Content
  592. ---------------------------------------- */
  593. .primary_content_tail {
  594. background-color:#999999;
  595. }
  596. .primary_content_wrap {
  597. position:relative;
  598. z-index:1;
  599. padding-bottom:117px;
  600. }
  601. .home .primary_content_wrap {padding:0;}
  602.  
  603. #content {
  604. padding:52px 0 0 0;
  605. }
  606. #content.left {
  607. float:right !important;
  608. }
  609.  
  610.  
  611. /* Page */
  612. .page {
  613.  
  614. }
  615. #page-content {
  616.  
  617. }
  618. #page-meta {
  619.  
  620. }
  621.  
  622.  
  623.  
  624.  
  625. /* Comments
  626. ---------------------------------------- */
  627. h3#comments {
  628. padding-top:25px;
  629. text-transform:uppercase;
  630. font-size:22px;
  631. color:#fea800;
  632. }
  633. .commentlist {
  634. list-style-type:none;
  635. padding:0;
  636. margin:0 0 35px 0;
  637. }
  638. li.comment {
  639. list-style-type:none;
  640. overflow:hidden;
  641. padding:0;
  642. margin:0;
  643. background:none;
  644. }
  645. .odd {
  646.  
  647. }
  648. .even {
  649.  
  650. }
  651. li.comment .comment-body {
  652. padding:24px 25px 35px 97px;
  653. position:relative;
  654. zoom:1;
  655. background:#272727;
  656. border:1px solid #333333;
  657. margin-bottom:11px;
  658. }
  659. .author-comment {
  660.  
  661. }
  662. .comment-author {
  663. padding:0;
  664. }
  665. span.author {
  666. position:absolute;
  667. left:19px;
  668. top:95px;
  669. color:#fea800;
  670. text-transform:capitalize;
  671. font-style:normal;
  672. }
  673. .comment-text {
  674.  
  675. }
  676. .comment-meta {
  677. font-size:11px;
  678. line-height:24px;
  679. color:#8e8e8e;
  680. float:right;
  681. font-style:italic;
  682. margin-right:19px;
  683. }
  684. li.comment .avatar {
  685. float:none;
  686. margin:0;
  687. position:absolute;
  688. left:19px;
  689. top:24px;
  690. vertical-align:top;
  691. overflow:hidden;
  692. }
  693. li.comment .avatar {
  694. display:block;
  695. vertical-align:top;
  696. overflow:hidden;
  697. }
  698.  
  699. .commentlist ul.children {
  700. margin:11px 0 0 30px;
  701. }
  702. .commentlist ul.children li.comment {
  703.  
  704. }
  705.  
  706. .reply {
  707. float:right;
  708. }
  709. .reply a {
  710. display:inline-block;
  711. background:#f0f0f0;
  712. padding:0 11px;
  713. line-height:24px;
  714. color:#262626;
  715. font-size:11px;
  716. font-weight:bold;
  717. text-decoration:none;
  718.  
  719. -webkit-transition:all 0.3s ease;
  720. -moz-transition:all 0.3s ease;
  721. -o-transition:all 0.3s ease;
  722. }
  723. .reply a:hover {
  724. background:#fea800;
  725. color:#262626;
  726. }
  727.  
  728.  
  729. .waiting-for-approval {
  730.  
  731. }
  732. #trackbacks {
  733.  
  734. }
  735. li.trackback {
  736.  
  737. }
  738. p#no-comments {
  739.  
  740. }
  741. #comments-form {
  742.  
  743. }
  744.  
  745. .allowed_tags {
  746. background:#eee;
  747. padding:15px;
  748. font-size:11px;
  749. font-family:"Courier New", Courier, monospace;
  750. color:#666;
  751. }
  752. .allowed_tags strong {
  753. font-family:Tahoma, Geneva, sans-serif;
  754. }
  755. #respond {
  756. padding:1em 0 0 0;
  757. }
  758. #respond h3 {
  759. font-size:22px;
  760. text-transform:uppercase;
  761. color:#fea800;
  762. }
  763. #respond h3 span {
  764. color:#fff;
  765. }
  766. .cancel-comment-reply small {
  767. font-size:10px;
  768. }
  769. .cancel-comment-reply a {
  770. color:#fea800;
  771. text-decoration:none;
  772.  
  773. -webkit-transition:all 0.3s ease;
  774. -moz-transition:all 0.3s ease;
  775. -o-transition:all 0.3s ease;
  776. }
  777. .cancel-comment-reply a:hover {
  778. color:#fff;
  779. }
  780.  
  781.  
  782.  
  783.  
  784.  
  785. /* Post
  786. ---------------------------------------- */
  787. .post {
  788.  
  789. }
  790. .postContent {
  791.  
  792. }
  793. .post-excerpt {
  794.  
  795. }
  796.  
  797.  
  798. .post-holder {
  799. margin-bottom:44px;
  800. position:relative;
  801. overflow:hidden;
  802. }
  803. .post-holder-wrap {
  804. padding-left:40px;
  805. }
  806. .right .post-holder-wrap {
  807. padding:0 40px 0 0;
  808. }
  809.  
  810. /* Post header */
  811. .post-holder .entry-header {
  812. overflow:hidden;
  813. margin-bottom: 5px;
  814. }
  815. .post-holder .entry-header h2 {
  816. margin-bottom:.2em;
  817. font-size:14px;
  818. line-height:24px;
  819. padding-right:210px;
  820. }
  821. .post-holder .entry-header h2 a {
  822. color:#fff;
  823. text-decoration:none;
  824. }
  825. .post-holder .entry-header h2 a:hover {
  826. text-decoration:underline;
  827. }
  828. .post-holder .entry-header time {
  829. float:left;
  830. margin:0 13px 0 0;
  831. font-size:1em;
  832. color:#fff;
  833. text-align:center;
  834. font-family: 'PT Sans Narrow', sans-serif;
  835. text-transform:uppercase;
  836. }
  837. .post-holder .entry-header time .date {
  838. display:block;
  839. width:42px;
  840. height:42px;
  841. line-height:51px;
  842. background-repeat:no-repeat;
  843. background-position:0 0;
  844. background-image:url(images/date-bg.png);
  845. color:#fff;
  846. font-weight:bold;
  847. font-size:1.364em;
  848. }
  849. .post-holder .comments {
  850. float:right;
  851. padding-top: 31px;
  852. }
  853. .comments-link {
  854. color:#a8a8a8;
  855. font-size:1.091em;
  856. font-weight:bold;
  857. text-decoration:none;
  858. padding-left:25px;
  859. background-image:url(images/comments-bg.png);
  860. background-repeat:no-repeat;
  861. background-position:0 0;
  862. line-height:18px;
  863. display:inline-block;
  864. }
  865. a.comments-link:hover {
  866. color:#fff;
  867. }
  868. .post-holder.single-post {
  869. margin-bottom:30px;
  870. overflow:hidden;
  871. }
  872.  
  873. /* Featured thumbnail */
  874. .featured-thumbnail {
  875. float:left;
  876. margin:5px 15px 10px 0;
  877. }
  878. .featured-thumbnail .img-wrap {
  879. float:left;
  880. }
  881. .featured-thumbnail .img-wrap:hover {
  882. }
  883. .featured-thumbnail.no-hover .img-wrap:hover {
  884. }
  885. .featured-thumbnail img {
  886. float:left;
  887. }
  888.  
  889. /* Small thumbnail */
  890. .featured-thumbnail.small img {
  891. padding:4px;
  892. }
  893.  
  894. /* Large thumbnail */
  895. .featured-thumbnail.large {
  896. margin:0 0 1.5em 0;
  897. float:none;
  898. display:block;
  899. overflow:hidden;
  900. }
  901. .featured-thumbnail.large .img-wrap {
  902. float:none;
  903. display:block;
  904. overflow:hidden;
  905. margin-top:5px;
  906. }
  907. .featured-thumbnail.large img {
  908. }
  909. .f-thumb-wrap {
  910. overflow:hidden;
  911. width:100%;
  912. height:220px;
  913. }
  914.  
  915. /* Thumbnail with prettyphoto */
  916. .featured-thumbnail .image-wrap[rel="prettyphoto"] {
  917. background:url(images/magnify.png) no-repeat 50% 50%;
  918. display:block;
  919. float:left;
  920.  
  921. }
  922. .featured-thumbnail .image-wrap[rel="prettyphoto"] img {
  923. -webkit-transition: all .2s ease-in-out;
  924. -moz-transition: all .2s ease-in-out;
  925. -o-transition: all .2s ease-in-out;
  926. }
  927. .featured-thumbnail .image-wrap[rel="prettyphoto"]:hover img {
  928. opacity:.5;
  929. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  930. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  931. }
  932.  
  933. /* Post content */
  934. .post-content {
  935.  
  936. }
  937. .post-content .excerpt {
  938. margin-bottom:1.5em;
  939. }
  940. .pagination {
  941.  
  942. }
  943. .pagination a {
  944. display:inline-block;
  945. padding:0 5px;
  946. background:#eee;
  947. }
  948.  
  949. /* Post footer */
  950. .post-holder footer {
  951. clear:both;
  952. padding:5px 0 0 0;
  953. }
  954. .post-holder.single-post footer {
  955. margin-top:20px;
  956. }
  957.  
  958.  
  959.  
  960. .post-navigation {
  961.  
  962. }
  963.  
  964. p.gravatar {
  965. float:left;
  966. margin-right:20px;
  967. }
  968.  
  969.  
  970. /* Post edit link */
  971. .post-edit-link {
  972. display:block;
  973. position:absolute;
  974. right:0;
  975. top:0;
  976. padding:2px 7px;
  977. background:#000;
  978. color:#fff;
  979. font-size:10px;
  980. text-transform:uppercase;
  981. text-decoration:none;
  982. border-radius:3px;
  983. }
  984. .post-edit-link:hover {
  985. background:#666;
  986. }
  987.  
  988.  
  989. /* Image styling */
  990. .alignleft {
  991. float:left;
  992. margin:0 20px 10px 0;
  993. padding:7px;
  994. background:#fff;
  995. border:1px solid #dbdbdb;
  996. border-radius:5px;
  997. -moz-border-radius:5px;
  998. -webkit-border-radius:5px;
  999. }
  1000. .alignright {
  1001. float:right;
  1002. margin:0 0 10px 20px;
  1003. padding:7px;
  1004. background:#fff;
  1005. border:1px solid #dbdbdb;
  1006. border-radius:5px;
  1007. -moz-border-radius:5px;
  1008. -webkit-border-radius:5px;
  1009. }
  1010. .aligncenter {
  1011. text-align:center;
  1012. margin:0 auto;
  1013. padding:7px;
  1014. background:#fff;
  1015. border:1px solid #dbdbdb;
  1016. border-radius:5px;
  1017. -moz-border-radius:5px;
  1018. -webkit-border-radius:5px;
  1019. }
  1020. article .post-content img {
  1021. max-width:710px;
  1022. }
  1023.  
  1024. .frame {
  1025. padding:7px;
  1026. background:#fff;
  1027. border:1px solid #dbdbdb;
  1028. border-radius:5px;
  1029. -moz-border-radius:5px;
  1030. -webkit-border-radius:5px;
  1031. text-align:center;
  1032. }
  1033. .frame img.alignleft,
  1034. .frame img.alignright{
  1035. margin:0;
  1036. padding:0;
  1037. border:none;
  1038. }
  1039.  
  1040.  
  1041.  
  1042. /* Page Navigaton (wp-pagenavi) */
  1043. .wp-pagenavi {
  1044. clear: both;
  1045. overflow:hidden;
  1046. }
  1047. .wp-pagenavi a, .wp-pagenavi span {
  1048. text-decoration: none;
  1049. border:none;
  1050. padding:0;
  1051. margin:0 5px;
  1052. display:inline-block;
  1053. font-size:16px;
  1054. color:#fff;
  1055. font-family: 'PT Sans Narrow', sans-serif;
  1056. text-transform:uppercase;
  1057. }
  1058. .wp-pagenavi a:hover, .wp-pagenavi span.current {
  1059. color:#fea800;
  1060. text-decoration:underline;
  1061. }
  1062.  
  1063. .wp-pagenavi .pages {
  1064. float:left;
  1065. border:none;
  1066. padding:0;
  1067. margin:0 19px 0 0;
  1068. }
  1069. .wp-pagenavi .nextpostslink,
  1070. .wp-pagenavi .previouspostslink {
  1071. color: #fea800;
  1072. }
  1073. .wp-pagenavi .nextpostslink {
  1074. margin-left:18px;
  1075. }
  1076. .wp-pagenavi .previouspostslink {
  1077. margin-right:18px;
  1078. }
  1079. .wp-pagenavi .nextpostslink:hover,
  1080. .wp-pagenavi .previouspostslink:hover {
  1081. text-decoration: none;
  1082. color:#fff;
  1083. }
  1084.  
  1085.  
  1086. /* Older and newer navigation */
  1087. nav.oldernewer {
  1088. width:100%;
  1089. overflow:hidden;
  1090. margin-bottom:1.5em;
  1091. }
  1092. .older {
  1093. float:left;
  1094. }
  1095. .newer {
  1096. float:right;
  1097. }
  1098.  
  1099.  
  1100.  
  1101. /* Author
  1102. ---------------------------------------- */
  1103. #post-author {
  1104. overflow:hidden;
  1105. background:#272727;
  1106. border:1px solid #333333;
  1107. padding:20px;
  1108. margin:0 0 2em 0;
  1109. }
  1110. #post-author h3 {
  1111. color:#fea800;
  1112. font-size:22px;
  1113. text-transform:uppercase;
  1114. }
  1115. #post-author h3 a {
  1116. color:#fff;
  1117. text-decoration:none;
  1118. }
  1119. #post-author h3 a:hover {
  1120. text-decoration:underline;
  1121. }
  1122. #author-link {
  1123. margin-top:1.5em;
  1124. }
  1125. #post-author .gravatar {
  1126. margin:5px 20px 0 0;
  1127. }
  1128. #author-description {
  1129. overflow:hidden;
  1130. }
  1131.  
  1132. /* Recent author posts */
  1133. #recent-author-posts {
  1134. margin-bottom:3em;
  1135. }
  1136. #recent-author-posts h3 {
  1137. font-size:22px;
  1138. text-transform:uppercase;
  1139. color:#fea800;
  1140. }
  1141.  
  1142. /* Recent author comments */
  1143. #recent-author-comments h3 {
  1144. font-size:22px;
  1145. text-transform:uppercase;
  1146. color:#fea800;
  1147. }
  1148. #recent-author-comments ul li a {
  1149. text-decoration:underline;
  1150. }
  1151. #recent-author-comments ul li a:hover {
  1152. text-decoration:none;
  1153. }
  1154.  
  1155. .author-info {
  1156. width:100%;
  1157. overflow:hidden;
  1158. margin-bottom:3em;
  1159. padding-bottom:2em;
  1160. }
  1161. .author-info .avatar {
  1162. margin:0 20px 0 0;
  1163. }
  1164. .author-info .avatar img {
  1165. float:left;
  1166. }
  1167.  
  1168. .author-meta {
  1169. margin-bottom:20px;
  1170. overflow:hidden;
  1171. width:100%;
  1172. }
  1173. .author-meta p.gravatar {
  1174. margin:0;
  1175. }
  1176.  
  1177.  
  1178.  
  1179.  
  1180. /* 404
  1181. ---------------------------------------- */
  1182. #error404 {
  1183. padding:30px 0 100px 0;
  1184. }
  1185. .error404-num {
  1186. font-size:250px;
  1187. line-height:1.2em;
  1188. color:#fea800;
  1189. font-family: 'PT Sans Narrow', sans-serif;
  1190. }
  1191. #error404 hgroup {
  1192. margin:0 0 2em 0;
  1193. padding-top:50px;
  1194. }
  1195. #error404 hgroup h1 {
  1196. font-size:3em;
  1197. margin-bottom:.2em;
  1198. }
  1199. #error404 #searchform .searching {
  1200. width:310px;
  1201. }
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207. /* Portfolio
  1208. ---------------------------------------- */
  1209. .latestwork {
  1210. width:100%;
  1211. overflow:hidden;
  1212. list-style-type:none;
  1213. padding:0;
  1214. margin:0;
  1215. }
  1216. .latestwork li {
  1217. float:left;
  1218. margin-right:20px;
  1219. }
  1220.  
  1221.  
  1222. /* Gallery */
  1223. .header-title {
  1224. margin-bottom:2.5em;
  1225. }
  1226. .header-title h1 {
  1227. margin-bottom:.1em;
  1228. font-size:2em;
  1229. color:#fea800;
  1230. font-family: 'PT Sans Narrow', sans-serif;
  1231. text-transform:uppercase;
  1232. }
  1233. .header-title .page-desc {
  1234. font-size:.91em;
  1235. color:#999;
  1236. }
  1237. .header-title h1 span {
  1238. color:#fff;
  1239. }
  1240.  
  1241.  
  1242.  
  1243. /* Default layout 3 columns */
  1244. #gallery {
  1245.  
  1246. }
  1247. #gallery .portfolio {
  1248. width:100%;
  1249. overflow:hidden;
  1250. list-style-type:none;
  1251. padding:0;
  1252. margin:0;
  1253. }
  1254. #gallery .portfolio li {
  1255. display:-moz-inline-box;
  1256. display:inline-block;
  1257. zoom:1;
  1258. vertical-align:top;
  1259. width:270px;
  1260. margin:0 18px 50px 0;
  1261. padding:0;
  1262. background:none;
  1263. position:relative;
  1264. }
  1265. * + html #gallery .portfolio li {
  1266. display:inline;
  1267. }
  1268. #gallery .portfolio li.nomargin {
  1269. margin-right:0 !important;
  1270. }
  1271. #gallery .portfolio li span.image-border {
  1272. display:block;
  1273. width:260px;
  1274. height:165px;
  1275. position:relative;
  1276. margin-bottom: 25px;
  1277. }
  1278. #gallery .portfolio li a.image-wrap {
  1279. display:block;
  1280. overflow:hidden;
  1281. width:260px;
  1282. height:160px;
  1283. position:relative;
  1284. background:#4f4f4f url(images/loading-folio.gif) 50% 50% no-repeat;
  1285. -webkit-transition: all .2s ease-in-out;
  1286. -moz-transition: all .2s ease-in-out;
  1287. -o-transition: all .2s ease-in-out;
  1288. }
  1289. #gallery .portfolio li a.image-wrap:hover {
  1290.  
  1291. }
  1292. #gallery .portfolio li a.image-wrap img {
  1293. float:left;
  1294. }
  1295. #gallery .portfolio h3 {
  1296. font-size:14px;
  1297. text-transform:uppercase;
  1298. }
  1299. #gallery .portfolio h3 a {
  1300. color:#fea800;
  1301. }
  1302. #gallery .portfolio h3 a:hover {
  1303. color:#fff;
  1304. }
  1305. #gallery .portfolio .meta {
  1306. font-weight:bold;
  1307. display: block;
  1308. margin:-15px 0 0 0;
  1309. }
  1310. #gallery .portfolio .meta a:hover {
  1311. text-decoration:underline;
  1312. color:#a8a8a8;
  1313. }
  1314. #gallery .portfolio .folio-desc {
  1315. margin-bottom:0;
  1316. padding:0;
  1317. }
  1318. #gallery .portfolio p.excerpt {
  1319. padding:0;
  1320. }
  1321.  
  1322. .zoom-icon {
  1323. display:block;
  1324. position:absolute;
  1325. left:0;
  1326. top:0;
  1327. width:291px;
  1328. height:164px;
  1329. background:url(images/magnify.png) 50% 50% no-repeat;
  1330. cursor:pointer;
  1331. opacity:0;
  1332. border:4px solid #fff;
  1333. font-size:14px;
  1334. color:#fff;
  1335.  
  1336. text-align:center;
  1337. -webkit-transition: all .2s ease-in-out;
  1338. -moz-transition: all .2s ease-in-out;
  1339. -o-transition: all .2s ease-in-out;
  1340. }
  1341. .zoom-icon .text {
  1342. display:block;
  1343. padding-top: 95px;
  1344. }
  1345. #gallery .portfolio li a.image-wrap:hover .zoom-icon {
  1346. top:0;
  1347. opacity:1;
  1348. }
  1349. .ie8 .zoom-icon {
  1350. display:none;
  1351. }
  1352. .ie8 #gallery .portfolio li a.image-wrap:hover .zoom-icon {
  1353. display:block;
  1354. }
  1355.  
  1356.  
  1357. /* 1 column portfolio*/
  1358. #gallery.one_column .portfolio li {
  1359. width:100%;
  1360. margin-right:0;
  1361. margin-left:0;
  1362. }
  1363. #gallery.one_column .portfolio li span.image-border {
  1364. width:598px;
  1365. height:261px;
  1366. float:left;
  1367. margin:0;
  1368. }
  1369. #gallery.one_column .portfolio li a.image-wrap {
  1370. width:598px;
  1371. height:261px;
  1372. }
  1373. #gallery.one_column .portfolio .meta {
  1374. margin-bottom:20px;
  1375. }
  1376. #gallery.one_column .zoom-icon {
  1377. top:0;
  1378. width:590px;
  1379. height:253px;
  1380. }
  1381. #gallery.one_column .zoom-icon .text {
  1382. padding:145px 0 0 0;
  1383. }
  1384. #gallery.one_column .folio-desc {
  1385. float:left;
  1386. margin:0 0 0 17px;
  1387. overflow:hidden;
  1388. width:323px;
  1389. }
  1390.  
  1391. /* 2 columns portfolio*/
  1392. #gallery.two_columns .portfolio li {
  1393. width:459px;
  1394. margin:0 19px 40px 0;
  1395. }
  1396. .ie9 #gallery.two_columns .portfolio li {
  1397. margin-right:18px;
  1398. }
  1399. #gallery.two_columns .portfolio li span.image-border {
  1400. width:459px;
  1401. height:232px;
  1402. margin-bottom: 25px;
  1403. }
  1404. #gallery.two_columns .portfolio li a.image-wrap {
  1405. width:459px;
  1406. height:232px;
  1407. }
  1408. #gallery.two_columns .portfolio li .meta {
  1409. margin-bottom:0;
  1410. }
  1411. #gallery.two_columns .zoom-icon {
  1412. top:0;
  1413. width:451px;
  1414. height:224px;
  1415. }
  1416. #gallery.two_columns .zoom-icon .text {
  1417. padding:130px 0 0 0;
  1418. }
  1419.  
  1420. /* 4 columns portfolio*/
  1421. #gallery.four_columns .portfolio li {
  1422. width:220px;
  1423. margin-right:17px;
  1424. }
  1425. .ie9 #gallery.four_columns .portfolio li {
  1426. margin-right:16px;
  1427. }
  1428. #gallery.four_columns .portfolio li span.image-border {
  1429. width:220px;
  1430. height:132px;
  1431. }
  1432. #gallery.four_columns .portfolio li a.image-wrap {
  1433. width:220px;
  1434. height:132px;
  1435. }
  1436. #gallery.four_columns .zoom-icon {
  1437. top:0;
  1438. width:212px;
  1439. height:124px;
  1440. }
  1441. #gallery.four_columns .zoom-icon .text {
  1442. padding-top:80px;
  1443. }
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449.  
  1450. /* Sidebar
  1451. ---------------------------------------- */
  1452. #sidebar {
  1453. margin-top:52px;
  1454. }
  1455. #widget-sidebar {
  1456.  
  1457. }
  1458. .widget {
  1459. margin-bottom:38px;
  1460. }
  1461. .widget h3 {
  1462. font-size:2em;
  1463. color:#fea800;
  1464. font-family: 'PT Sans Narrow', sans-serif;
  1465. text-transform:uppercase;
  1466. }
  1467.  
  1468.  
  1469. /* Calendar */
  1470. #calendar_wrap {
  1471. padding:0;
  1472. }
  1473. #wp-calendar {
  1474. width:100%;
  1475. }
  1476. #wp-calendar caption {
  1477. text-align:center;
  1478. }
  1479. #wp-calendar td {
  1480. text-align:center;
  1481. padding:6px 0;
  1482. border:none;
  1483. }
  1484. #wp-calendar caption {
  1485. font-size:16px;
  1486. color:#fff;
  1487. font-weight:bold;
  1488. padding:4px 0;
  1489. margin-bottom:5px;
  1490. }
  1491. #wp-calendar thead th {
  1492. padding:7px 0;
  1493. font-size:14px;
  1494. background:#000;
  1495. color:#fff;
  1496. text-align:center;
  1497. }
  1498. #wp-calendar #prev {
  1499. text-align:left;
  1500. }
  1501. #wp-calendar #next {
  1502. text-align:right;
  1503. }
  1504.  
  1505.  
  1506.  
  1507. /* FAQs
  1508. ---------------------------------------- */
  1509. .faq_list {
  1510.  
  1511. }
  1512. .faq_list dt {
  1513. color:#585858;
  1514. position:relative;
  1515. padding:0 0 5px 28px;
  1516. font-size:15px;
  1517. font-weight:normal;
  1518. margin:0;
  1519. background:none;
  1520. }
  1521. .faq_list span.marker {
  1522. display:block;
  1523. position:absolute;
  1524. left:0;
  1525. top:0;
  1526. font-size:15px;
  1527. color:#fff;
  1528. font-weight:bold;
  1529. }
  1530. .faq_list dd {
  1531. padding:0 0 0 28px;
  1532. position:relative;
  1533. margin:0 0 2em 0;
  1534. color:#000000;
  1535. }
  1536. .faq_list dd .marker {
  1537. top:3px;
  1538. }
  1539.  
  1540.  
  1541.  
  1542. /* Custom widgets
  1543. ---------------------------------------- */
  1544.  
  1545.  
  1546. /* Recent Comments */
  1547. ul.recentcomments {
  1548. padding:0;
  1549. margin:0;
  1550. }
  1551. ul.recentcomments li {
  1552. border-top:1px solid #c6c6c6;
  1553. padding:25px 0 25px 0;
  1554. margin:0;
  1555. border-bottom:none;
  1556. background:none;
  1557. overflow:hidden;
  1558. list-style-type:none;
  1559. }
  1560. ul.recentcomments li:first-child {
  1561. padding-top:0;
  1562. border-top:none;
  1563. }
  1564. ul.recentcomments li img {
  1565. float:left;
  1566. margin:0 12px 0 0;
  1567. }
  1568. ul.recentcomments .comment-body {
  1569. padding:15px 0 0 0;
  1570. }
  1571. ul.recentcomments .comment-body a {
  1572. text-decoration:none;
  1573. color:#96999d;
  1574. }
  1575. ul.recentcomments .comment-body a:hover {
  1576. color:#000;
  1577. text-decoration:underline;
  1578. }
  1579. ul.recentcomments li h4 {
  1580. margin-bottom:.1em;
  1581. }
  1582. ul.recentcomments li h4 a {
  1583. text-decoration:none;
  1584. }
  1585. ul.recentcomments li h4 a:hover {
  1586. color:#000;
  1587. }
  1588. ul.recentcomments li small {
  1589. font-size:11px;
  1590. color:#6a6a6a;
  1591. }
  1592.  
  1593. /* Posts Type widget */
  1594. .post_list {
  1595. list-style-type:none;
  1596. padding:0;
  1597. margin:0;
  1598. }
  1599. .post_list li {
  1600. overflow:hidden;
  1601. padding-top:1.5em;
  1602. padding-bottom:1.5em;
  1603. border-top:1px solid #dbdbdb;
  1604. margin:0;
  1605. }
  1606. .post_list li:first-child {
  1607. border:none;
  1608. padding-top:0;
  1609. }
  1610. .post_list li img {
  1611. float:left;
  1612. margin:0 15px 0 0;
  1613. }
  1614.  
  1615. /* Popular posts */
  1616. .popular-posts {
  1617. list-style-type:none;
  1618. padding:0;
  1619. margin:0;
  1620. }
  1621. .popular-posts li {
  1622. overflow:hidden;
  1623. margin:0 0 2em 0;
  1624. }
  1625. .popular-posts li .post-thumb {
  1626. float:left;
  1627. margin-right:20px;
  1628. width:100px;
  1629. height:100px;
  1630. overflow:hidden;
  1631. padding:1px;
  1632. border:1px solid #dbdbdb;
  1633. }
  1634. .popular-posts li .post-thumb.empty-thumb {
  1635. background:url(images/empty_thumb.gif) no-repeat 50% 50% #ececec;
  1636. }
  1637. .popular-posts li h5 {
  1638. font-size:1em;
  1639. margin-bottom:.5em;
  1640. }
  1641. .popular-posts li .excerpt {
  1642. margin-bottom:.8em;
  1643. }
  1644.  
  1645.  
  1646. /* Post Cycle */
  1647. .post_cycle {
  1648. padding:0;
  1649. margin:0;
  1650. }
  1651. #post-cycle .cycle_item {
  1652. display:none;
  1653. }
  1654. #post-cycle .cycle_item:first {
  1655. display:block;
  1656. }
  1657.  
  1658.  
  1659. /* Folio Cycle */
  1660. .folio_cycle {
  1661. list-style-type:none;
  1662. padding:0;
  1663. margin:0;
  1664. width:100%;
  1665. overflow:hidden;
  1666. }
  1667. .folio_cycle .folio_item {
  1668. overflow:hidden;
  1669. display:none;
  1670. }
  1671. .folio_cycle .folio_item:first {
  1672. display:block;
  1673. }
  1674. .folio_cycle .folio_item figure.thumbnail {
  1675. width:270px;
  1676. overflow:hidden;
  1677. }
  1678. #folio-controls {
  1679. text-align:center;
  1680. overflow:hidden;
  1681. }
  1682. #folio-controls ul {
  1683. list-style-type:none;
  1684. margin:0;
  1685. padding:0;
  1686. }
  1687. #folio-controls ul li {
  1688. padding:0 5px 0 0;
  1689. margin:0;
  1690. background:none;
  1691. display:inline;
  1692. }
  1693. #folio-controls ul li a {
  1694. display:inline-block;
  1695. text-decoration:none;
  1696. width:8px;
  1697. height:8px;
  1698. background:#000;
  1699. font-size:0;
  1700. line-height:0;
  1701. }
  1702. #folio-controls ul li a:hover {
  1703. background:#999;
  1704. }
  1705.  
  1706.  
  1707. /* Testimonials */
  1708. .testimonials {
  1709. padding:0;
  1710. margin:0;
  1711. }
  1712. .testimonials div.testi_item {
  1713. background:#fff;
  1714. padding:1.5em;
  1715. margin-bottom:2em;
  1716. margin-right:5px;
  1717. background:url(images/quotes.png) no-repeat 10px 10px #f3f3f3;
  1718. }
  1719. .name-testi {
  1720. padding:0 0 0 2.2em;
  1721. text-align:right;
  1722. font-weight:bold;
  1723. display:block;
  1724. color:#333;
  1725. }
  1726. .name-testi a {
  1727. font-weight:normal;
  1728. }
  1729. .testimonials .thumb {
  1730. float:left;
  1731. margin-right:20px;
  1732. }
  1733. .testimonials div.testi_item blockquote {
  1734. border:none;
  1735. padding:15px 0 15px 30px;
  1736. margin:0;
  1737. }
  1738. .testimonials div.testi_item blockquote a {
  1739. text-decoration:none;
  1740. color:#888;
  1741. display:block;
  1742. }
  1743. .testimonials div.testi_item blockquote a:hover {
  1744. color:#333;
  1745. }
  1746.  
  1747. /* Misc for Cycle widgets */
  1748. #testi-cycle .testi_item {
  1749. display:none;
  1750. }
  1751. #testi-cycle .testi_item:first {
  1752. display:block;
  1753. }
  1754. #testi-controls {
  1755. text-align:center;
  1756. overflow:hidden;
  1757. }
  1758. #testi-controls ul {
  1759. list-style-type:none;
  1760. margin:0;
  1761. padding:0;
  1762. }
  1763. #testi-controls ul li {
  1764. padding:0;
  1765. margin:0 2px 0 0;
  1766. background:none;
  1767. display:inline-block;
  1768. }
  1769. * + html #testi-controls ul li {
  1770. display:inline;
  1771. zoom:1;
  1772. }
  1773.  
  1774.  
  1775. /* Recent Posts */
  1776. .latestpost {
  1777. list-style-type:none;
  1778. margin:0 0 8px 0;
  1779. padding:0;
  1780. overflow: hidden;
  1781. }
  1782. .latestpost li {
  1783. margin:0 0 17px 0;
  1784. padding:0;
  1785. background:none;
  1786. list-style-type:none;
  1787. overflow:hidden;
  1788. vertical-align:top;
  1789. }
  1790. .latestpost li .thumbnail {
  1791. float:left;
  1792. margin-right:15px;
  1793. }
  1794. .latestpost li time {
  1795. font-weight:bold;
  1796. display:block;
  1797. margin-bottom: 10px;
  1798. }
  1799. .latestpost li a {
  1800. text-decoration:underline;
  1801. color:#fff;
  1802. }
  1803. .latestpost li a:hover {
  1804. text-decoration:none;
  1805. }
  1806.  
  1807.  
  1808. /* Twitter widget */
  1809. .twitter_update_list {
  1810. overflow:hidden;
  1811. }
  1812. .twitter ul li {
  1813. list-style-type:none;
  1814. margin:0 0 15px 0;
  1815. padding:0 0 0 37px;
  1816. background:url(images/twitter-icon-dark.png) no-repeat 0 0;
  1817. }
  1818. .twitter ul li .twitt-body {
  1819. padding:0 0 5px 0;
  1820. }
  1821. .twitter ul li .twitt-body a {
  1822. font-weight:bold;
  1823. color:#fff;
  1824. }
  1825. .twitter ul li .twitt-body a:hover {
  1826. color:#fea800;
  1827. }
  1828. .twitter ul li a.timesince {
  1829. font-size:11px;
  1830. text-decoration:underline;
  1831. }
  1832. .twitter ul li a.timesince:hover {
  1833. color:#979797;
  1834. text-decoration:none;
  1835. }
  1836. .twitter .profileLink {
  1837.  
  1838. }
  1839.  
  1840.  
  1841. /* Flickr widget */
  1842. .flickrImages {
  1843. overflow:hidden;
  1844. position:relative;
  1845. }
  1846. .flickrImages a {
  1847. float:left;
  1848. display:block;
  1849. width:75px;
  1850. height:75px;
  1851. background:#000;
  1852. margin:0 1px 1px 0;
  1853. }
  1854. .flickrImages a img {
  1855. -webkit-transition: all 0.2s ease;
  1856. -moz-transition: all 0.2s ease;
  1857. -o-transition: all 0.2s ease;
  1858. }
  1859. .flickrImages a:hover img {
  1860. opacity:.5;
  1861. }
  1862. .flickrImages a.link {
  1863. display:inline;
  1864. float:none;
  1865. width:auto;
  1866. height:auto;
  1867. margin:0;
  1868. background:none;
  1869. }
  1870.  
  1871. /* Banner widget */
  1872. .banners-holder {
  1873. list-style-type:none;
  1874. padding:0;
  1875. margin:0;
  1876. }
  1877. .banners-holder li {
  1878. list-style-type:none;
  1879. float:left;
  1880. margin:0 3px 3px 0;
  1881. padding:0;
  1882. }
  1883. .banners-holder li img {
  1884. vertical-align:top;
  1885. float:left;
  1886. }
  1887.  
  1888.  
  1889.  
  1890. /* Testimonials
  1891. ---------------------------------------- */
  1892.  
  1893. /* Testimonials list */
  1894. article.testimonial {
  1895. border:1px solid #333333;
  1896. padding:30px 30px 30px 235px;
  1897. width:auto;
  1898. background:url(images/quotes.png) no-repeat 170px 20px #272727;
  1899. font-family:Georgia, "Times New Roman", Times, serif;
  1900. font-style:italic;
  1901. font-size:14px;
  1902. line-height:1.5em;
  1903. font-weight:normal;
  1904. margin-bottom:35px;
  1905. }
  1906. article.testimonial .testi-pic {
  1907. position:absolute;
  1908. left:20px;
  1909. top:20px;
  1910. }
  1911. .name-testi {
  1912. display:block;
  1913. text-align:right;
  1914. font-style:normal;
  1915. font-size:13px;
  1916. color:#fff;
  1917. font-family:Arial, Helvetica, sans-serif;
  1918. line-height:1.2em;
  1919. }
  1920. .name-testi a {
  1921. text-decoration:none;
  1922. }
  1923. .name-testi a:hover {
  1924. text-decoration:underline;
  1925. }
  1926.  
  1927.  
  1928. /* Single Testimonial */
  1929. blockquote.testi-single {
  1930. font-family:Georgia, "Times New Roman", Times, serif;
  1931. border:1px solid #333333;
  1932. padding:30px 30px 30px 235px;
  1933. width:auto;
  1934. background:url(images/quotes.png) no-repeat 170px 20px #272727;
  1935. font-size:14px;
  1936. line-height:1.5em;
  1937. font-style:italic;
  1938. margin:0 0 2em 0;
  1939. position:relative;
  1940. }
  1941. blockquote.testi-single p {
  1942. margin:0 0 1em 0;
  1943. padding:0;
  1944. }
  1945. .testi-pic {
  1946. position:absolute;
  1947. left:20px;
  1948. top:20px;
  1949. }
  1950.  
  1951.  
  1952.  
  1953.  
  1954.  
  1955. /* Shortcodes
  1956. ---------------------------------------- */
  1957.  
  1958. /* Recent Posts */
  1959. .recent-posts {
  1960. margin:0;
  1961. padding:0;
  1962. width:100%;
  1963. overflow:hidden;
  1964. border:none;
  1965. }
  1966. .recent-posts li {
  1967. margin:0 0 20px 0;
  1968. padding:0;
  1969. border:none;
  1970. }
  1971. .recent-posts li img.thumb {
  1972. float:left;
  1973. margin:0 20px 0 0;
  1974. }
  1975. .recent-posts li h5 {
  1976. font-size:1em;
  1977. margin-bottom:0;
  1978. }
  1979. .recent-posts li .excerpt {
  1980. margin-bottom:1.5em;
  1981. }
  1982. .recent-posts li span.meta {
  1983. display:block;
  1984. margin-bottom:.5em;
  1985. font-size:10px;
  1986. color:#888;
  1987. text-transform:uppercase;
  1988. }
  1989.  
  1990. /* Products */
  1991. .recent-posts.products li {
  1992. margin:20px 0 0 0;
  1993. padding:0 0 13px 0;
  1994. position: relative;
  1995. width:238px;
  1996. }
  1997. .recent-posts.products li:first-child {
  1998. margin-top:0;
  1999. }
  2000. .recent-posts.products h5 {
  2001. display:none;
  2002. }
  2003. .recent-posts.products .button {
  2004. position: absolute;
  2005. right:0;
  2006. bottom:0;
  2007. background-color: black;
  2008. background-position:right center;
  2009. background-repeat:no-repeat;
  2010. background-image:url(images/button-arrow.gif);
  2011. color:#d1d1d1 !important;
  2012. padding-right:20px;
  2013. }
  2014. .recent-posts.products li:hover .button {
  2015. right: -10px;
  2016. }
  2017.  
  2018.  
  2019. /* Our team */
  2020. .recent-posts.team {
  2021. margin:0;
  2022. padding:0;
  2023. }
  2024. .recent-posts.team li {
  2025. float:left;
  2026. width:300px;
  2027. overflow:hidden;
  2028. margin:0 20px 40px 0;
  2029. }
  2030. .recent-posts.team li:nth-child(2n) {
  2031. margin-right:0;
  2032. }
  2033. .recent-posts.team li.nomargin {
  2034. margin-right:0;
  2035. }
  2036. .recent-posts.team li .thumb-wrap {
  2037. width:115px;
  2038. overflow:hidden;
  2039. }
  2040. .recent-posts.team li .thumb-wrap {
  2041. float:left;
  2042. margin-right:16px;
  2043. }
  2044. .recent-posts.team li a {
  2045. color:#191919;
  2046. }
  2047. .recent-posts.team li .excerpt {
  2048. margin-bottom:0;
  2049. }
  2050.  
  2051. /* Services */
  2052. .recent-posts.services {
  2053. list-style-type:none;
  2054. padding:0 0 0 0;
  2055. margin:0 0 0 0;
  2056. overflow:hidden;
  2057. position:relative;
  2058. }
  2059. .recent-posts.services li {
  2060. float:left;
  2061. width:220px;
  2062. margin:0 20px 0 0;
  2063. background:none;
  2064. padding:0;
  2065. position:relative;
  2066. }
  2067. .recent-posts.services li img.thumb {
  2068. margin:0 0 0 0;
  2069. float:none;
  2070. }
  2071. .recent-posts.services li h5 {
  2072. padding-top:15px;
  2073. text-transform:uppercase;
  2074. }
  2075. .recent-posts.services li h5 a {
  2076. color:#a8a8a8;
  2077. }
  2078. .recent-posts.services li h5 a:hover {
  2079. color:white;
  2080. }
  2081. .recent-posts.services li .excerpt {
  2082. display:inline;
  2083. }
  2084. .recent-posts.services .button {
  2085. width:4px;
  2086. height:7px;
  2087. background:none;
  2088. background-repeat:no-repeat;
  2089. background-position:0 0;
  2090. background-image:url(images/arrow.gif);
  2091. padding:0;
  2092. }
  2093.  
  2094. #recent-posts-wrap {
  2095. position:relative;
  2096. width:460px;
  2097. height:260px;
  2098. }
  2099. #recent-posts-wrap .viewport {
  2100. width:460px;
  2101. overflow:hidden;
  2102. position:relative;
  2103. }
  2104. #recent-posts-wrap .next,
  2105. #recent-posts-wrap .prev {
  2106. position:absolute;
  2107. top:-47px;
  2108. width:19px;
  2109. height:17px;
  2110. text-decoration:none;
  2111. background-color:#878787;
  2112. color:#262626;
  2113. text-align:center;
  2114. z-index:2;
  2115.  
  2116. -webkit-transition:all 0.3s ease;
  2117. -moz-transition:all 0.3s ease;
  2118. -o-transition:all 0.3s ease;
  2119. }
  2120. #recent-posts-wrap .next:hover,
  2121. #recent-posts-wrap .prev:hover {
  2122. background-color:#fea800;
  2123. }
  2124. #recent-posts-wrap .next {
  2125. right:0;
  2126. }
  2127. #recent-posts-wrap .prev {
  2128. right:24px;
  2129. }
  2130. #recent-posts-wrap .disable {
  2131. visibility: hidden;
  2132. }
  2133.  
  2134.  
  2135.  
  2136.  
  2137. /* Tags */
  2138. .tags-cloud a, .tagcloud a {
  2139. display:inline-block;
  2140. background:#000;
  2141. padding:2px 7px;
  2142. text-decoration:none;
  2143. color:#fff;
  2144. margin:0 1px 4px 0;
  2145. font-size:11px !important;
  2146. border: 1px solid #313131;
  2147. line-height:1.5em;
  2148. vertical-align:top;
  2149.  
  2150. -webkit-transition:all 0.3s ease;
  2151. -moz-transition:all 0.3s ease;
  2152. -o-transition:all 0.3s ease;
  2153. }
  2154. .tags-cloud a:hover, .tagcloud a:hover {
  2155. background:#fff;
  2156. color:#000;
  2157. }
  2158.  
  2159.  
  2160. /* Recent Comments */
  2161. .recent-comments {
  2162. list-style-type:none;
  2163. padding:0;
  2164. margin:0;
  2165. }
  2166. .recent-comments li {
  2167. padding:0;
  2168. margin:0;
  2169. border:none;
  2170. padding-bottom:.5em;
  2171. }
  2172.  
  2173.  
  2174. /* Footer
  2175. ---------------------------------------- */
  2176. #footer {
  2177. padding:22px 0 35px 0;
  2178. font-size:14px;
  2179. text-transform:uppercase;
  2180. font-family: 'News Cycle', sans-serif;
  2181. text-align:center;
  2182. }
  2183. #footer,
  2184. #footer a {
  2185. color: #585858;
  2186. }
  2187. #footer a {
  2188. text-decoration: none;
  2189. }
  2190. #footer a:hover {
  2191. text-decoration:underline;
  2192. }
  2193.  
  2194. /* Footer widget */
  2195. #widget-footer {
  2196.  
  2197. }
  2198.  
  2199.  
  2200. #widget-footer .social-networks li {
  2201. list-style-type:none;
  2202. padding:0 0 .5em 0;
  2203. margin:0;
  2204. }
  2205.  
  2206. /* Footer navigation */
  2207. nav.footer {
  2208. float:right;
  2209. }
  2210. nav.footer ul {
  2211.  
  2212. }
  2213. nav.footer ul li {
  2214. list-style-type:none;
  2215. float:left;
  2216. padding-left:15px;
  2217. margin:0;
  2218. }
  2219.  
  2220.  
  2221.  
  2222. /* Misc
  2223. ---------------------------------------- */
  2224. .button {
  2225. display:inline-block;
  2226. padding:0 11px;
  2227. line-height:23px;
  2228. height:24px;
  2229. font-weight:bold;
  2230. background:#f0f0f0;
  2231. color:#262626 !important;
  2232. text-decoration:none;
  2233.  
  2234. -webkit-transition:all 0.3s ease;
  2235. -moz-transition:all 0.3s ease;
  2236. -o-transition:all 0.3s ease;
  2237. }
  2238. .button:hover {
  2239. background:#fea800;
  2240. }
  2241. .no-results #searchform .searching {
  2242. width:440px;
  2243. }
  2244.  
  2245.  
  2246. /* Back to Top */
  2247. #back-top-wrapper {
  2248. width:100%;
  2249. position:absolute;
  2250. overflow:hidden;
  2251. height:100px;
  2252. }
  2253. #back-top {
  2254. position: fixed;
  2255. bottom: 30px;
  2256. left:50%;
  2257. margin-left:500px;
  2258. display:none;
  2259. }
  2260.  
  2261. #back-top a {
  2262. width: 108px;
  2263. display: block;
  2264. text-align: center;
  2265. font: 11px/100% Arial, Helvetica, sans-serif;
  2266. text-transform: uppercase;
  2267. text-decoration: none;
  2268. color: #bbb;
  2269.  
  2270. /* transition */
  2271. -webkit-transition: 1s;
  2272. -moz-transition: 1s;
  2273. transition: 1s;
  2274. }
  2275. #back-top a:hover {
  2276. color: #000;
  2277. }
  2278.  
  2279. /* arrow icon (span tag) */
  2280. #back-top span {
  2281. width: 108px;
  2282. height: 108px;
  2283. display: block;
  2284. margin-bottom: 7px;
  2285. background: #ddd url(images/up-arrow.png) no-repeat center center;
  2286.  
  2287. /* rounded corners */
  2288. -webkit-border-radius: 15px;
  2289. -moz-border-radius: 15px;
  2290. border-radius: 15px;
  2291.  
  2292. /* transition */
  2293. -webkit-transition: 1s;
  2294. -moz-transition: 1s;
  2295. transition: 1s;
  2296. }
  2297. #back-top a:hover span {
  2298. background-color: #777;
  2299. }
  2300.  
  2301. /* Tabs */
  2302. .tabs {
  2303. margin: 1px 0 20px 0;
  2304. }
  2305.  
  2306. .tabs .tab-wrapper {
  2307. border: 1px solid #dddddd;
  2308. border-radius: 0 5px 5px 5px;
  2309. -moz-border-radius: 0 5px 5px 5px;
  2310. -webkit-border-radius: 0 5px 5px 5px;
  2311. margin: -1px 0 0 0;
  2312. }
  2313.  
  2314. .tabs .tab-menu ul {
  2315. list-style: none;
  2316. margin: 0 !important;
  2317. padding: 0 !important;
  2318. }
  2319.  
  2320. .tabs .tab-menu li {
  2321. display: inline;
  2322. float: left;
  2323. margin: 0;
  2324. padding: 0;
  2325. }
  2326.  
  2327. .tabs .tab-menu a {
  2328. background-color: #fafafa;
  2329. border: 1px solid #dddddd;
  2330. border-radius: 5px 5px 0 0;
  2331. -moz-border-radius: 5px 5px 0 0;
  2332. -webkit-border-radius: 5px 5px 0 0;
  2333. color: #aaaaaa;
  2334. display: block;
  2335. font-size: 12px;
  2336. letter-spacing: 1px;
  2337. margin: 0 2px 0 0;
  2338. padding: 8px 20px;
  2339. }
  2340.  
  2341. .tabs .tab-menu a:hover {
  2342. background-color: #f2f2f2;
  2343. color: #666666;
  2344. }
  2345.  
  2346. .tabs .tab-menu a.active {
  2347. background-color: #ffffff;
  2348. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
  2349. background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
  2350. background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
  2351. border-bottom: none;
  2352. color: #666666;
  2353. padding: 8px 20px 9px 20px;
  2354. }
  2355.  
  2356. .tabs .tab {
  2357. background-color: #fafafa;
  2358. border-radius: 0 5px 5px 5px;
  2359. -moz-border-radius: 0 5px 5px 5px;
  2360. -webkit-border-radius: 0 5px 5px 5px;
  2361. padding: 20px;
  2362. }
  2363.  
  2364.  
  2365.  
  2366.  
  2367.  
  2368. /* Toggle */
  2369. .toggle {
  2370. padding: 0 0 2px 0;
  2371. }
  2372. .toggle .trigger {
  2373. background-color: #f5f5f5;
  2374. background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
  2375. background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
  2376. border: 1px solid #dddddd;
  2377. border-radius: 5px;
  2378. -moz-border-radius: 5px;
  2379. -webkit-border-radius: 5px;
  2380. color: #666666;
  2381. display: block;
  2382. padding: 10px 12px 10px 40px;
  2383. position: relative;
  2384. text-decoration:none;
  2385. height:1%;
  2386. }
  2387.  
  2388. .toggle .trigger span {
  2389. background: url(includes/images/toggle.png) 0 0 no-repeat;
  2390. display: block;
  2391. position: absolute;
  2392. top: 9px;
  2393. left: 10px;
  2394. text-indent: -9999px;
  2395. width: 22px;
  2396. height: 20px;
  2397. }
  2398.  
  2399. .toggle .trigger:hover,
  2400. .toggle .active {
  2401. background:#191919;
  2402. color:#fff;
  2403. }
  2404. .toggle .active span {
  2405. background-position: 0 -20px;
  2406. }
  2407.  
  2408. .toggle .box {
  2409. background-color: #fafafa;
  2410. border: 1px solid #dddddd;
  2411. border-radius: 5px;
  2412. -moz-border-radius: 5px;
  2413. -webkit-border-radius: 5px;
  2414. padding: 20px;
  2415. }
  2416.  
  2417.  
  2418.  
  2419. /* Dropcap */
  2420. .dropcap {
  2421. display:block;
  2422. float:left;
  2423. font-size:4em;
  2424. line-height:1em;
  2425. margin:0 10px 0 0;
  2426. text-transform:uppercase;
  2427. }
  2428.  
  2429. .widget-area {
  2430.  
  2431. }
  2432.  
  2433. .hr {
  2434. height:1px;
  2435. background:url(images/hor-line.gif) repeat-x left top;
  2436. overflow:hidden;
  2437. font-size:0;
  2438. line-height:0;
  2439. margin:20px 5px;
  2440. }
  2441. .grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
  2442. margin-left:0;
  2443. margin-right:0;
  2444. }
  2445. .vert-line {
  2446. background-image:url(images/vert-line.gif);
  2447. background-repeat:repeat-y;
  2448. background-position:0 0;
  2449. }
  2450. .vert-line.alt {
  2451. background-position:right 0;
  2452. }
  2453. .spacer {
  2454. height:50px;
  2455. overflow:hidden;
  2456. font-size:0;
  2457. line-height:0;
  2458. }
  2459.  
  2460. /* Address */
  2461. .address {
  2462. overflow:hidden;
  2463. width:100%;
  2464. margin:0;
  2465. padding:0;
  2466. }
  2467. .address dt {
  2468. float:left;
  2469. width:165px;
  2470. margin-right:20px;
  2471. padding:0 0 0 55px;
  2472. background:none;
  2473. font-size:1em;
  2474. line-height:18px;
  2475. background:url(images/address-icon1.png) no-repeat 0 3px;
  2476. }
  2477. .address dd {
  2478. float:left;
  2479. width:217px;
  2480. padding:0 0 0 53px;
  2481. background:url(images/address-icon2.png) no-repeat 0 3px;
  2482. }
  2483. .address dd ul {
  2484. list-style-type:none;
  2485. padding:0;
  2486. margin:0;
  2487. }
  2488. .address dd ul li {
  2489. background:none;
  2490. padding:0;
  2491. }
  2492. .address dd span {
  2493. float:left;
  2494. width:100px;
  2495. }
  2496. .address dd a {
  2497. color:#fff;
  2498. text-decoration:underline;
  2499. }
  2500. .address dd a:hover {
  2501. text-decoration:none;
  2502. }
  2503.  
  2504.  
  2505.  
  2506.  
  2507.  
  2508. /* VIDEO */
  2509. .video-wrap {
  2510. margin-bottom: 10px;
  2511. position:relative;
  2512. zoom:1;
  2513. }
  2514. .video-wrap object {
  2515. position:relative;
  2516. z-index:2;
  2517. }
  2518. .video-bg {
  2519. background-color:black;
  2520. position:absolute;
  2521. left:0;
  2522. top:0;
  2523. z-index:1;
  2524. }
  2525.  
  2526. /* AUDIO */
  2527. .audio-wrapper {
  2528. margin-bottom:1.5em;
  2529. }
  2530. .audio-desc {
  2531. font-size:.91em;
  2532. color:#999;
  2533. padding:.5em 0 0 0;
  2534. }
  2535. .audiojs audio { position: absolute; left: -1px; }
  2536. .audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
  2537. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
  2538. background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
  2539. -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  2540. -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
  2541. .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
  2542. .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
  2543. .audiojs .play { display: block; }
  2544. .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
  2545. .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
  2546. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
  2547. background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
  2548. .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
  2549. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
  2550. background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
  2551. .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
  2552. .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
  2553. .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
  2554. .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
  2555. text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
  2556. .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
  2557.  
  2558. .audiojs .play { background: url(js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
  2559. .audiojs .loading { background: url(js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
  2560. .audiojs .error { background: url(js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
  2561. .audiojs .pause { background: url(js/audiojs/player-graphics.gif) -2px -91px no-repeat; }
  2562.  
  2563. .playing .play, .playing .loading, .playing .error { display: none; }
  2564. .playing .pause { display: block; }
  2565.  
  2566. .loading .play, .loading .pause, .loading .error { display: none; }
  2567. .loading .loading { display: block; }
  2568.  
  2569. .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
  2570. .error .error { display: block; }
  2571. .error .play-pause p { cursor: auto; }
  2572. .error .error-message { display: block; }
  2573.  
  2574.  
  2575.  
  2576. /* Alert boxes
  2577. ---------------------------------------- */
  2578. .alert-box, .wpcf7-response-output {
  2579. padding:20px 20px 20px 90px !important;
  2580. font-size:.91em;
  2581. line-height:1.4em;
  2582. border:1px solid #dbdbdb;
  2583. font-family:Arial, Helvetica, sans-serif;
  2584. margin-bottom:15px;
  2585. }
  2586. .error-box, .wpcf7-mail-sent-ng {
  2587. border-color:#ff9999;
  2588. color:#c31b00;
  2589. background:url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
  2590. }
  2591. .attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
  2592. border-color:#e6c555;
  2593. color:#9e660d;
  2594. background:url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
  2595. }
  2596. .notice-box {
  2597. border-color:#68a2cf;
  2598. color:#2e6093;
  2599. background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
  2600. }
  2601. .approved-box, .wpcf7-mail-sent-ok {
  2602. border-color:#a3c159;
  2603. color:#5e6f33;
  2604. background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
  2605. }
  2606.  
  2607.  
  2608.  
  2609. /* Forms
  2610. ---------------------------------------- */
  2611.  
  2612. /* Form defaults */
  2613. input, select, textarea {
  2614. font-family:Tahoma, Geneva, sans-serif;
  2615. font-size:1em;
  2616. vertical-align:middle;
  2617. font-weight:normal;
  2618. border:1px solid #dbdbdb;
  2619. outline:none;
  2620. }
  2621. input[type="text"], textarea {
  2622. background:#cccccc;
  2623. border:1px solid #313131;
  2624. padding:8px 10px 9px 10px;
  2625. color:#000000;
  2626. }
  2627. input[type="submit"], input[type="reset"] {
  2628. position:relative;
  2629. display:inline-block;
  2630. padding:0 11px;
  2631. line-height:24px;
  2632. color:#000;
  2633. font-weight:bold;
  2634. text-decoration:none;
  2635. font-size:11px;
  2636. background-color: #d1d1d1;
  2637. border:none;
  2638. height:24px;
  2639. cursor:pointer;
  2640. margin-right:4px;
  2641.  
  2642. -webkit-transition:all 0.3s ease;
  2643. -moz-transition:all 0.3s ease;
  2644. -o-transition:all 0.3s ease;
  2645. }
  2646. input[type="submit"]:hover, input[type="reset"]:hover {
  2647. background-color: #fea800;
  2648. }
  2649.  
  2650.  
  2651. /* Comment form */
  2652. #commentform {
  2653. overflow:hidden;
  2654. padding-bottom:20px;
  2655. width:540px;
  2656. }
  2657. #commentform a {
  2658. color:#8e8e8e;
  2659. text-decoration:underline;
  2660. }
  2661. #commentform a:hover {
  2662. text-decoration:none;
  2663. }
  2664. #commentform p.field {
  2665. overflow:hidden;
  2666. min-height: 43px;
  2667. margin:0;
  2668. }
  2669. #commentform small {
  2670. color:#8b8b8b;
  2671. font-size:1em;
  2672. }
  2673. #commentform label {
  2674. display:block;
  2675. float:left;
  2676. width:50px;
  2677. text-align:right;
  2678. margin-right:9px;
  2679. padding-top:7px;
  2680. }
  2681. #commentform input[type="text"] {
  2682. width:236px;
  2683. }
  2684. #commentform textarea {
  2685. width:459px;
  2686. max-width:459px;
  2687. min-width:459px;
  2688. height:247px;
  2689. min-height:247px;
  2690. overflow:auto;
  2691. margin-bottom: 13px;
  2692. }
  2693. #commentform input[type="submit"] {
  2694. float:right;
  2695. margin:0;
  2696. }
  2697.  
  2698. .children #commentform {
  2699. width:450px;
  2700. }
  2701. .children #commentform textarea {
  2702. width:369px;
  2703. max-width:369px;
  2704. min-width:369px;
  2705. }
  2706.  
  2707.  
  2708.  
  2709.  
  2710. /* Contact form */
  2711. .wpcf7-form p.field {
  2712. margin-bottom:9px;
  2713. overflow:hidden;
  2714. vertical-align:top;
  2715. width:380px;
  2716. position:relative;
  2717. }
  2718. .wpcf7-form p.field label {
  2719. float:left;
  2720. width:79px;
  2721. padding-top:6px;
  2722. }
  2723. .wpcf7-form p.field input {
  2724. float:left;
  2725. width:279px;
  2726. }
  2727. .wpcf7-form p.field small {
  2728. color:red;
  2729. }
  2730. .wpcf7-form textarea {
  2731. float:left;
  2732. width:279px;
  2733. max-width:279px;
  2734. min-width:279px;
  2735. height:235px;
  2736. min-height:235px;
  2737. overflow:auto;
  2738. margin-bottom:17px;
  2739. }
  2740. .wpcf7-form .submit-wrap {
  2741. padding:0 0 0 79px;
  2742. margin:0;
  2743. }
  2744. span.wpcf7-form-control-wrap {
  2745. display:block;
  2746. }
  2747. .wpcf7-not-valid-tip {
  2748. width:289px !important;
  2749. position:absolute;
  2750. left:79px !important;
  2751. top:0 !important;
  2752. padding:6px 0 6px 10px !important;
  2753. background:#f3b7b7 !important;
  2754. color:red !important;
  2755. border:1px solid red !important;
  2756. font-size:12px !important;
  2757. }
  2758.  
  2759.  
  2760.  
  2761.  
  2762.  
  2763. /* Sidebar search form */
  2764. #searchform {
  2765.  
  2766. }
  2767. #searchform .searching {
  2768. width:219px;
  2769. margin-right:6px;
  2770. }
  2771. #searchform .submit {
  2772. width:33px;
  2773. height:30px;
  2774. background-repeat:no-repeat;
  2775. background-position:9px 7px;
  2776. background-image:url(images/search-button.png);
  2777. background-color:#fea800;
  2778. cursor:pointer;
  2779. padding-left:0;
  2780. padding-right:0;
  2781. margin:0;
  2782. }
  2783. #searchform .submit:hover {
  2784. background-color:#656565;
  2785. }
  2786.  
  2787.  
  2788.  
  2789. /* Fluid Columns */
  2790. .one_half{ width:48%; }
  2791. .one_third{ width:30.66%; }
  2792. .two_third{ width:65.33%; }
  2793. .one_fourth{ width:22%; }
  2794. .three_fourth{ width:74%; }
  2795. .one_fifth{ width:16.8%; }
  2796. .two_fifth{ width:37.6%; }
  2797. .three_fifth{ width:58.4%; }
  2798. .four_fifth{ width:79.2%; }
  2799. .one_sixth{ width:13.33%; }
  2800. .five_sixth{ width:82.67%; }
  2801. .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
  2802. .last { margin-right:0 !important; clear:right; }
  2803.  
  2804.  
  2805. .fleft { float:left;}
  2806. .fright { float:right;}
  2807. .clear { clear:both;}
  2808.  
  2809. .wrapper {
  2810. width:100%;
  2811. overflow:hidden;
  2812. }
  2813. .extra-wrap {
  2814. overflow:hidden;
  2815. }
  2816.  
  2817.  
  2818. /* Clear Floated Elements */
  2819. .clear {
  2820. clear: both;
  2821. display: block;
  2822. overflow: hidden;
  2823. visibility: hidden;
  2824. width: 0;
  2825. height: 0;
  2826. }
  2827.  
  2828. .clearfix:after {
  2829. clear: both;
  2830. content: ' ';
  2831. display: block;
  2832. font-size: 0;
  2833. line-height: 0;
  2834. visibility: hidden;
  2835. width: 0;
  2836. height: 0;
  2837. }
  2838.  
  2839. .clearfix {
  2840. display: inline-block;
  2841. }
  2842.  
  2843. * html .clearfix {
  2844. height: 1%;
  2845. }
  2846.  
  2847. .clearfix {
  2848. display: block;
  2849. }
  2850.  
  2851. /* Always remember to compress your live stylesheet and keep an uncompressed backup */
Advertisement
Add Comment
Please, Sign In to add comment