API tools faq
paste
Advertisement
RodrigoCasttro

style_page_nativa

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