Advertisement
brasofilo

Dandelion MOD - style.css

Nov 8th, 2011
266
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* ----------- Restart-----------------*/
  2. html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video
  3.     {
  4.     margin: 0;
  5.     padding: 0;
  6.     border: 0;
  7.     outline: 0;
  8.     font-size: 100%;
  9.     vertical-align: baseline;
  10.     background: transparent;
  11. }
  12.  
  13. article,aside,figure,footer,header,hgroup,nav,section {
  14.     display: block;
  15. }
  16.  
  17. nav ul {
  18.     list-style: none;
  19. }
  20.  
  21. blockquote,q {
  22.     quotes: none;
  23. }
  24.  
  25. blockquote:before,blockquote:after,q:before,q:after {
  26.     content: '';
  27.     content: none;
  28. }
  29.  
  30. a {
  31.     margin: 0;
  32.     padding: 0;
  33.     font-size: 100%;
  34.     vertical-align: baseline;
  35.     background: transparent;
  36.     outline: none;
  37. }
  38.  
  39. ins {
  40.     background-color: #ff9;
  41.     color: #000;
  42.     text-decoration: none;
  43. }
  44.  
  45. mark {
  46.     background-color: #ff9;
  47.     color: #000;
  48.     font-style: italic;
  49.     font-weight: bold;
  50. }
  51.  
  52. del {
  53.     text-decoration: line-through;
  54. }
  55.  
  56. abbr[title],dfn[title] {
  57.     border-bottom: 1px dotted #000;
  58.     cursor: help;
  59. }
  60.  
  61. table {
  62.     border-collapse: collapse;
  63.     border-spacing: 0;
  64. }
  65.  
  66. hr {
  67.     display: block;
  68.     height: 1px;
  69.     border: 0;
  70.     border-top: 1px solid #ccc;
  71.     margin: 1em 0;
  72.     padding: 0;
  73. }
  74.  
  75. input,select {
  76.     vertical-align: middle;
  77. }
  78.  
  79. /* ----------- End Restart-----------------*/
  80.     /*---------------------------- TEXT STYLES ----------------------------*/
  81. a {
  82.     text-decoration: none;
  83.     color: #ed8137;
  84. }
  85.  
  86. a:hover {
  87.     text-decoration: underline;
  88. }
  89.  
  90. h1,h2,h3,h4,h5,h6 {
  91.     color: #454545;
  92.     line-height: 1.5em;
  93.     margin-top: 10px;
  94.     margin-bottom: 10px;
  95.     font-weight: 100;
  96.     font-family: Georgia, "Times New Roman", Times, serif;
  97. }
  98.  
  99. h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  100.     color: #6a6a6a;
  101.     text-decoration: none;
  102. }
  103.  
  104. h1 a:hover {
  105.     color: #454545;
  106.     text-decoration: none;
  107. }
  108.  
  109. h1 {
  110.     font-size: 28px;
  111. }
  112.  
  113. h2 {
  114.     font-size: 21px;
  115.     margin-bottom: 13px;
  116. }
  117.  
  118. h3 {
  119.     font-size: 20px;
  120. }
  121.  
  122. h4 {
  123.     font-size: 17px;
  124. }
  125.  
  126. h5 {
  127.     font-size: 16px;
  128. }
  129.  
  130. h6 {
  131.     font-size: 15px;
  132. }
  133.  
  134. hr {
  135.     display: block;
  136.     height: 1px;
  137.     border: 0;
  138.     border-top: 1px solid #ebebeb;
  139.     margin: 0;
  140.     margin-top: 3px;
  141.     margin-bottom: 3px;
  142.     padding: 0;
  143. }
  144.  
  145. .hr {
  146.     height: 1px;
  147.     background-image: url(../images/hr.gif);
  148.     background-repeat: repeat-x;
  149.     background-color: transparent;
  150.     background-position: top;
  151.     border-top: 0px;
  152.     margin: 0px;
  153. }
  154.  
  155. p {
  156.     margin-bottom: 15px;
  157.     margin-top: 15px;
  158. }
  159.  
  160. ol {
  161.     margin-left: 35px;
  162. }
  163.  
  164. ul{
  165.     margin-left:30px;  
  166. }
  167.  
  168. strong {
  169.     font-weight: bold;
  170. }
  171.  
  172. em {
  173.     font-style: italic;
  174. }
  175.  
  176. .alignleft {
  177.     float: left;
  178.     margin-right: 10px;
  179. }
  180.  
  181. .alignright {
  182.     float: right;
  183.     margin-left: 10px;
  184. }
  185.  
  186. .relative {
  187.     position: relative;
  188. }
  189.  
  190. /*---------------------------- END TEXT STYLES ----------------------------*/
  191. body {
  192.     font-family: Verdana, Geneva, sans-serif;
  193.     font-size: 12px;
  194.     color: #6a6a6a;
  195.     line-height: 1.6em;
  196.     background-color: #aaa9a9;
  197. }
  198.  
  199. #main-container {
  200.     position: absolute;
  201.     left: 0px;
  202.     top: 0px;
  203.     width: 100%;
  204. }
  205.  
  206. #site {
  207.     height: auto;
  208.     width: 980px;
  209.     text-align: left;
  210.     padding: 0px;
  211.     background-color: #FFF;
  212.     float: left;
  213.     margin-top: 15px;
  214.     margin-bottom: 15px;
  215. }
  216.  
  217. #line-top {
  218.     background-color: #535353;
  219.     border-bottom: 1px solid #272727;
  220.     height: 5px;
  221. }
  222.  
  223. .center {
  224.     height: auto;
  225.     width: 980px;
  226.     margin: auto;
  227.     text-align: left;
  228.     padding: 0px;
  229. }
  230.  
  231. #header-top {
  232.     width: 100%;
  233.     display: block;
  234.     height: 100px;
  235. }
  236.  
  237. /*---------------------------- LOGO ----------------------------*/
  238. #logo-container {
  239.     width: 160px;
  240.     float: left;
  241.     margin-top: 15px;
  242.     margin-left: 40px;
  243. }
  244.  
  245. #logo-container a {
  246.     width: 160px;
  247.     height: 71px;
  248.     display: block;
  249.     background-image: url(../images/logo.png);
  250.     background-repeat: no-repeat;
  251. }
  252.  
  253. /*---------------------------- END LOGO ----------------------------*/
  254.  
  255. /*-------------------------MENU---------------------------------*/
  256. #menu-container {
  257.     float: right;
  258.     margin-top: 45px;
  259.     margin-right: 25px;
  260.     max-width: 700px;
  261. }
  262.  
  263. #menu ul {
  264.     text-align: right;
  265. }
  266.  
  267. #menu ul li {
  268.     display: inline;
  269. }
  270.  
  271. #menu ul li a {
  272.     text-transform: uppercase;
  273.     padding-right: 15px;
  274.     padding-left: 15px;
  275.     font-size: 13px;
  276.     line-height: 0.2em;
  277.     color: #535353;
  278.     height: 10px;
  279.     font-style: normal;
  280.     letter-spacing: 1px;
  281. }
  282.  
  283. #menu ul li a:hover {
  284.     color: #111;
  285.     text-decoration: none
  286. }
  287.  
  288. #menu ul li.selected a {
  289.     color: #535353;
  290. }
  291.  
  292. .drop-arrow {
  293.     font-family: "Times New Roman", Times, serif;
  294.     font-size: 16px;
  295.     position: relative;
  296.     top: -1px;
  297.     left: 2px;
  298. }
  299.  
  300. /*---------- DROP DOWN ------------*/
  301. #menu ul ul {
  302.     width: 170px;
  303.     top: 15px;
  304.     left: 5px;
  305.     padding-top: 12px;
  306.     text-align: left;
  307.     display: none;
  308.     z-index: 20000;
  309. }
  310.  
  311. #menu ul ul ul {
  312.     top: -1px;
  313.     left: 170px;
  314.     padding: 0px;
  315.     border: 1px solid #ebebeb;
  316. }
  317.  
  318. #menu ul ul li a {
  319.     font-size: 11px;
  320.     padding-right: 10px;
  321.     height: auto;
  322.     text-align: left;
  323.     line-height: 30px;
  324.     padding-left: 10px;
  325.     display: block;
  326. }
  327.  
  328. #menu ul ul li:hover {
  329.     background-color: #f1f1f1;
  330. }
  331.  
  332. #menu ul ul li {
  333.     display: block;
  334.     border-bottom: 1px solid #ebebeb;
  335.     border-left: 1px solid #ebebeb;
  336.     border-right: 1px solid #ebebeb;
  337.     background-color: #fff;
  338. }
  339.  
  340. #menu ul ul ul {
  341.     border-bottom-width: 0px;
  342.     border-left-width: 0px;
  343. }
  344.  
  345. a.sf-with-ul {
  346.     display: inline;
  347. }
  348.  
  349. #menu ul .sf-sub-indicator {
  350.     top: 6px;
  351.     right: 18px;
  352. }
  353.  
  354. #menu ul ul li .sf-sub-indicator {
  355.     top: 0px;
  356.     right: 7px;
  357. }
  358.  
  359. /*---------------------------SLIDER----------------------------*/
  360.    
  361. #slider-container,#page-title {
  362.     width: 980px;
  363.     height: auto;
  364.     position: relative;
  365. }
  366.  
  367. #page-title {
  368.     color: #747474;
  369.     background-color: #efefec;
  370.     border-bottom: 1px solid #e6e6e6;
  371.     border-top: 1px solid #e6e6e6;
  372.     height: 34px;
  373. }
  374.  
  375. #page-title h6 {
  376.     margin-top: 7px;
  377.     margin-bottom: 7px;
  378.     display: block;
  379.     font-size: 13px;
  380.     font-style: italic;
  381.     padding-left: 40px;
  382. }
  383.  
  384. #static-header-img img{
  385.     margin-top:-6px;
  386.     margin-bottom:-6px;
  387.     width:980px;
  388. }
  389.  
  390. #slider-container-shadow {
  391.     width: 100%;
  392.     height: 6px;
  393.     background-image: url(../images/shadow_sl.png);
  394.     background-repeat: repeat-x;
  395.     background-position: top;
  396.     position: relative;
  397.     z-index: 2000;
  398. }
  399.  
  400. #slider {
  401.     width: 980px;
  402.     height: 370px;
  403.     position: relative;
  404. }
  405.  
  406. #description-box {
  407.     position: absolute;
  408.     width: 960px;
  409.     background-color: #000;
  410.     z-index: 20;
  411.     bottom: -100px;
  412.     padding-left: 10px;
  413.     padding-right: 10px;
  414.     opacity: 0.8;
  415.     filter: alpha(opacity =80);
  416. }
  417.  
  418. #description-box p {
  419.     color: #fff;
  420.     margin-top: 10px;
  421.     margin-bottom: 10px;
  422. }
  423.  
  424. /*---------------- ACCORDION SLIDER -----------------*/
  425.  
  426. #slider .accordion-holder img {
  427.     width: 700px;
  428.     display: block;
  429. }
  430.  
  431. .accordion-holder {
  432.     position: absolute;
  433.     top: 0px;
  434.     left: 0px;
  435.     z-index: 3;
  436.     width: 700px;
  437.     height: 370px;
  438.     visibility: hidden;
  439. }
  440.  
  441. .accordion-shadow {
  442.     height: 380px;
  443.     width: 20px;
  444.     position: absolute;
  445.     left: -20px;
  446.     background-image: url(../images/accordion_shadow.png);
  447.     background-repeat: repeat-y;
  448.     top: -10px;
  449. }
  450.  
  451.  
  452. .accordion-description {
  453.     width: 300px;
  454.     margin-top: 50px;
  455.     background-color: #000;
  456.     z-index: 200;
  457.     position: absolute;
  458.     right: 0px;
  459.     bottom: 0px;
  460.     padding: 10px;
  461.     padding-left: 15px;
  462.     color: #fff;
  463.     display:none;
  464. }
  465.  
  466. .accordion-description h4,.accordion-description p {
  467.     margin-top: 0px;
  468.     margin-bottom: 0px;
  469.     color: #fff;
  470. }
  471.  
  472. .accordion-description a {
  473.     font-family: Georgia, "Times New Roman", Times, serif;
  474.     font-style: italic;
  475. }
  476.  
  477. /*------------ THUMBNAIL SLIDER -------------*/
  478.  
  479. #slider-img-wrapper {
  480.     overflow: hidden;
  481.     position: relative;
  482.     width: 980px;
  483.     height: 370px;
  484. }
  485.  
  486. #slider img {
  487.     position: absolute;
  488.     top: 0px;
  489.     left: 0px;
  490.     z-index: 3;
  491.     width: 980px;
  492.     height: 370px;
  493.     display:none;
  494. }
  495.  
  496. #slider img.first {
  497.     display: block;
  498. }
  499.  
  500. #slider img.current {
  501.     z-index: 10;
  502. }
  503.  
  504. #slider-navigation-container {
  505.     width: 875px;;
  506.     height: 60px;
  507.     border-bottom: 1px solid #e6e6e6;
  508.     padding-top: 20px;
  509.     padding-bottom: 20px;
  510.     padding-left: 83px;
  511.     padding-right:22px;
  512. }
  513.  
  514. #slider-navigation {
  515.     position: relative;
  516.     overflow: hidden;
  517.     width: 800px;
  518.     height: 60px;
  519.     left: 10px;
  520.     top: 0px;
  521.    
  522. }
  523.  
  524. .slider_nav_tumb {
  525.     width: 90px;
  526.     height: 70px;
  527.     display: block;
  528.     background-image: url(../images/slider_nav_bg.png);
  529.     background-repeat: no-repeat;
  530.     padding: 7px;
  531.     padding-top: 8px;
  532. }
  533.  
  534. #slider-navigation .items {
  535.     width: 20000em;
  536.     position: absolute;
  537.     left: 0px;
  538. }
  539.  
  540. #slider-navigation .items div {
  541.     float: left;
  542. }
  543.  
  544. #slider-navigation .items img {
  545.     width: 70px;
  546.     height: 50px;
  547.     background-color: #FFF;
  548.     border: 1px solid #d9d9d9;
  549.     background-repeat: no-repeat;
  550.     padding: 3px;
  551.     margin-right: 24px;
  552. }
  553.  
  554. #slider-navigation .items img.active {
  555.     background-color: #efefec;
  556.     border: 1px solid #d9d9d9;
  557.     position: relative;
  558. }
  559.  
  560. .browse {
  561.     width: 41px;
  562.     height: 41px;
  563.     display: block;
  564.     position: absolute;
  565. }
  566.  
  567. #left-arrow {
  568.     left: -48px;
  569.     top: 10px;
  570.     float: left;
  571.     width: 38px;
  572.     height: 38px;
  573.     display: block;
  574.     background-image: url(../images/slider_arrow_l.png);
  575.     background-repeat: no-repeat;
  576. }
  577.  
  578. #right-arrow {
  579.     right: 14px;
  580.     top: 10px;
  581.     width: 38px;
  582.     height: 38px;
  583.     display: block;
  584.     background-image: url(../images/slider_arrow_r.png);
  585.     background-repeat: no-repeat;
  586. }
  587.  
  588. /*-------------------------END THUMBNAIL SLIDER----------------------------*/
  589.     /*-------------------------NIVO SLIDER----------------------------*/
  590.    
  591. #nivo-slider {
  592.     width: 980px;
  593.     height:370px;
  594.     margin-top: -6px;
  595.     background-image: url(../images/ajax-loader.gif);
  596.     background-repeat: no-repeat;
  597.     background-position: center;
  598. }
  599.  
  600. #nivo-slider img {
  601.     width: 980px;
  602.     height: 370px;
  603.     display: none;
  604.     top: 0px;
  605.     left: 0px;
  606. }
  607.  
  608. .nivo-controlNav {
  609.     position: absolute;
  610.     bottom: -34px;
  611. }
  612.  
  613. #nivo-controlNav-holder {
  614.     background-color: #fff;
  615.     height: 50px;
  616.     border-bottom: 1px solid #ebebeb;
  617. }
  618.  
  619. .nivo-controlNav a {
  620.     width: 15px;
  621.     height: 15px;
  622.     background-image: url(../images/page_nav.png);
  623.     background-repeat: no-repeat;
  624.     float: left;
  625.     list-style: none;
  626.     margin-left: 3px;
  627.     margin-right: 3px;
  628.     display: block;
  629. }
  630.  
  631. .nivo-controlNav a.active {
  632.     background-image: url(../images/page_nav_active_black.png);
  633. }
  634.  
  635. .nivo-nextNav {
  636.     display: block;
  637.     background-image: url(../images/nivo_arrow_r.png);
  638.     background-repeat: no-repeat;
  639.     width: 20px;
  640.     height: 29px;
  641.     margin-right: 10px;
  642. }
  643.  
  644. .nivo-prevNav {
  645.     display: block;
  646.     background-image: url(../images/nivo_arrow_l.png);
  647.     background-repeat: no-repeat;
  648.     width: 20px;
  649.     height: 29px;
  650.     margin-left: 10px;
  651. }
  652.  
  653. .nivo-caption p {
  654.     padding: 15px;
  655. }
  656.  
  657. /*-------------------------CONTENT----------------------------*/
  658. #content-container {
  659.     height: auto;
  660.     min-height: 400px;
  661.     width: 980px;
  662. }
  663.  
  664. .content-gradient {
  665.     background-image: url(../images/content_bg.png);
  666.     background-repeat: repeat-x;
  667.     background-position: top;
  668. }
  669.  
  670. #content {
  671.     float: left;
  672.     height: auto;
  673.     min-height: 200px;
  674.     width: 590px;
  675.     margin: 40px;
  676. }
  677.  
  678. #full-width {
  679.     float: left;
  680.     height: auto;
  681.     min-height: 200px;
  682.     margin: 40px;
  683.     width:900px;
  684. }
  685.  
  686. .sidebar-to-left #content {
  687.     float: right;
  688. }
  689.  
  690. .sidebar-to-left .sidebar {
  691.     float: left;
  692.     margin-left: 40px;
  693.     margin-right: 0px;
  694. }
  695.  
  696. #site-intro {
  697.     text-align: center;
  698.     position: relative;
  699.     top: -8px;
  700.     margin-bottom: 20px;
  701. }
  702.  
  703. #site-intro span {
  704.     display: inline;
  705.     float: left;
  706. }
  707.  
  708. #site-intro-container {
  709.     display: inline-block;
  710.     height: 20px;
  711.     margin-left: auto;
  712.     margin-right: auto;
  713.     max-width: 850px;
  714. }
  715.  
  716. .intro-text {
  717.     color: #454545;
  718.     line-height: 1.5em;
  719.     font-weight: 100;
  720.     font-family: Georgia, "Times New Roman", Times, serif;
  721.     font-style: italic;
  722.     font-size: 21px;
  723. }
  724.  
  725. .intro-swril {
  726.     display: block;
  727.     width: 35px;
  728.     height: 27px;
  729.     margin-top: 3px;
  730. }
  731.  
  732. .swril-left {
  733.     background-image: url(../images/intro_swril.png);
  734.     background-repeat: no-repeat;
  735.     float: left;
  736.     margin-right: 5px;
  737. }
  738.  
  739. .swril-right {
  740.     background-image: url(../images/intro_swril_r.png);
  741.     background-repeat: no-repeat;
  742.     float: left;
  743.     margin-left: 5px;
  744. }
  745.  
  746. h1.page-heading{
  747.     font-size: 22px;
  748.     margin-bottom: 6px;
  749.     margin-top:0px;
  750. }
  751.  
  752. .blog-post {
  753.     margin-bottom: 40px;
  754.     margin-top: -15px;
  755. }
  756.  
  757. .post-boxes{
  758.     margin-top:40px;
  759.     margin-bottom:-40px;   
  760. }
  761.  
  762. .blog-post h1,.blog-post h1 a {
  763.     font-size: 22px;
  764.     margin-bottom: 11px;
  765.     font-style: normal;
  766. }
  767.  
  768. .post-info {
  769.     color: #6a6a6a;
  770.     float: left;
  771.     font-size: 11px;
  772.     margin-bottom: 20px;
  773.     text-transform: uppercase;
  774.     width: 100%;
  775.     position: relative;
  776.     border-bottom: 1px solid #ebebeb;
  777.     border-top: 1px solid #ebebeb;
  778.     padding-bottom: 7px;
  779. }
  780.  
  781. .post-info ul{
  782.     margin-left:0px;   
  783. }
  784.  
  785. .post-info a {
  786.     font-style: normal;
  787.     color: #ed8137;
  788. }
  789.  
  790. a.read-more {
  791.     text-transform: capitalize;
  792.     font-style: normal;
  793.     color: #ed8137;
  794. }
  795.  
  796. .no-caps {
  797.     font-family: Georgia, "Times New Roman", Times, serif;
  798.     font-style: italic;
  799.     text-transform: lowercase;
  800. }
  801.  
  802. .post-info ul li {
  803.     display: inline;
  804.     float: left;
  805.     padding-right: 15px;
  806.     padding-top: 7px;
  807. }
  808.  
  809. .post-info ul li.post-info-comments {
  810.     border-right: 0px;
  811.     float: right;
  812.     padding-right: 0px;
  813. }
  814.  
  815. .post-info ul li.post-info-comments img {
  816.     float: left;
  817. }
  818.  
  819. .post-info ul li.post-info-categories {
  820.     border-right: 0px;
  821.     padding-right: 5px;
  822. }
  823.  
  824. #full-width .post-info ul li.post-info-categories {
  825.     border-right: 0px;
  826.     width: auto;
  827.     padding-right: 5px;
  828. }
  829.  
  830.  
  831. img.img-frame,img.shadow-frame,img.attachment-post_box_img, .img-frame img {
  832.     padding: 4px;
  833.     background-color: #fefefe;
  834.     border: 1px solid #d9d9d9;
  835. }
  836.  
  837. img.attachment-post_box_img {
  838.     float: left;
  839.     margin-right: 10px;
  840.     margin-bottom: 15px;
  841. }
  842.  
  843. .more-arrow {
  844.     font-size: 20px;
  845.     font-family: Georgia, "Times New Roman", Times, serif;
  846.     position: relative;
  847.     top: 1px;
  848. }
  849.  
  850. .image-margin {
  851.     margin: 5px;
  852. }
  853.  
  854. /* Page navigation */
  855. #content-container .wp-pagenavi a,#content-container .wp-pagenavi span.pages
  856.     {
  857.     border-color: #ebebeb;
  858.     color: #6A6A6A;
  859. }
  860.  
  861. #content-container .wp-pagenavi span.current,#content-container .wp-pagenavi span.extend
  862.     {
  863.     border-color: #cccccc;
  864.     color: #6A6A6A;
  865. }
  866.  
  867. #content-container .wp-pagenavi span.pages,#content-container .wp-pagenavi a.last
  868.     {
  869.     font-family: Georgia, "Times New Roman", Times, serif;
  870.     font-style: italic;
  871. }
  872.  
  873. /*-------- COLUMNS --------*/
  874. .columns-wrapper {
  875.     width: 590px;
  876.     float: left;
  877.     margin-bottom: 30px;
  878. }
  879.  
  880. #full-width .columns-wrapper{
  881.     width:900px;
  882.     float: left;
  883.     margin-bottom: 30px;
  884. }
  885.  
  886. #footer-columns{
  887.     width:900px;
  888.     float: left;
  889. }
  890.  
  891. .columns-wrapper p {
  892.     margin-bottom: 7px;
  893.     margin-top: 7px;
  894. }
  895.  
  896. .two-columns{
  897.     width: 430px;
  898.     float: left;
  899.     margin-right: 40px;
  900. }
  901.  
  902. #content .two-columns{
  903.     width: 275px;
  904. }
  905.  
  906. .three-columns {
  907.     width: 273px;
  908.     float: left;
  909.     margin-right: 40px;
  910. }
  911.  
  912. .three-columns-3{
  913.     margin-right:0px;  
  914.     width: 273px;
  915.     float: left;
  916. }
  917.  
  918. #content .three-columns {
  919.     width: 170px;
  920. }
  921.  
  922. .four-columns {
  923.     width: 195px;
  924.     float: left;
  925.     margin-right: 40px;
  926. }
  927.  
  928. .four-columns-4{
  929.     width: 195px;
  930.     float: left;
  931.     margin-right:0px;  
  932. }
  933.  
  934. #content .four-columns {
  935.     width: 116px;
  936. }
  937.  
  938. .services-box,.pricing-box {
  939.     line-height: 1.7em;
  940. }
  941.  
  942. .services-box img {
  943.     margin-top: 8px;
  944.     margin-bottom: 15px;
  945. }
  946.  
  947. .services-box h4,.pricing-box h4 {
  948.     color: #828282;
  949.     font-size: 14px;
  950.     text-transform: uppercase;
  951.     font-style: normal;
  952.     font-family: Verdana, Geneva, sans-serif;
  953.     letter-spacing: 2px;
  954.     margin-top: 7px;
  955. }
  956.  
  957. .pricing-box {
  958.  line-height:1.7em;
  959.  background-color:#efefec;
  960.  border:1px solid #e6e6e6;
  961.  -moz-border-radius: 7px;
  962.  -webkit-border-radius: 7px;
  963.  -khtml-border-radius: 10px;
  964.  text-align:center;
  965.  width:230px;
  966.  padding:20px;
  967.  
  968. }
  969. .pricing-box ul {
  970.  text-align:center;
  971.  margin-bottom:15px;
  972.  width:200px;
  973.  margin-left:30px;
  974. }
  975.  
  976. .columns-wrapper div.pricing-box ul li {
  977.  float:left;
  978.  margin:5px;
  979. }
  980.  
  981. .pricing-box .button {
  982.  margin-top:20px;
  983. }
  984.  
  985. .pricing-box .price{
  986.  font-family:Georgia, "Times New Roman", Times, serif;
  987.  font-size:36px;
  988.  line-height:36px;
  989.  display:block;
  990.  position:relative;
  991.  top:5px;
  992. }
  993.  
  994. .pricing-box h4{
  995.  margin-top:0px;
  996.  
  997. }
  998. /*-----------PORTFOLIO WITH PREVIEW -----------*/
  999.  
  1000. .portfolio-big-img {
  1001.     margin-bottom: 15px;
  1002.     width:580px;
  1003.     min-height:200px;
  1004.     background-image: url(../images/ajax-loader-small.gif);
  1005.     background-repeat: no-repeat;
  1006.     background-position: center;
  1007.     background-color: transparent;
  1008. }
  1009.  
  1010. #portfolio-preview {
  1011.     float: left;
  1012.     height: auto;
  1013.     min-height: 200px;
  1014.     width: 590px;
  1015.     margin: 40px 10px 40px 40px;
  1016. }
  1017.  
  1018. #portfolio-preview h4 {
  1019.     font-style: normal;
  1020. }
  1021.  
  1022. #portfolio-preview h1,#portfolio-preview h1 a {
  1023.     font-size: 22px;
  1024.     margin-bottom: 8px;
  1025.     font-style: normal;
  1026.     margin-top: 0px;
  1027. }
  1028.  
  1029. #portfolio-preview hr{
  1030.     margin-bottom:10px;
  1031. }
  1032.  
  1033. .portfolio-items {
  1034.     float: left;
  1035.     width: 300px;
  1036.     padding-left: 1px;
  1037. }
  1038.  
  1039. .showcase-item {
  1040.     float: left;
  1041.     display: block;
  1042.     width: 297px;
  1043.     margin-bottom: 8px;
  1044.     background-color: #efefec;
  1045.     border: 1px solid #e6e6e6;
  1046. }
  1047.  
  1048. .showcase-item:hover {
  1049.     background-color: #f5f5f2;
  1050. }
  1051.  
  1052. .showcase-item h6 {
  1053.     float: left;
  1054.     width: 210px;
  1055.     margin-top: 7px;
  1056.     text-transform: capitalize;
  1057.     font-size: 13px;
  1058.     font-style: normal;
  1059. }
  1060.  
  1061. .showcase-item span {
  1062.     font-family: Georgia, "Times New Roman", Times, serif;
  1063.     text-transform: uppercase;
  1064.     font-size: 11px;
  1065. }
  1066.  
  1067. .portfolio-items img {
  1068.     margin: 5px 10px 5px 4px;
  1069.     width: 50px;
  1070.     height:46px;
  1071.     background-image: url(../images/ajax-loader-small.gif);
  1072.     background-repeat: no-repeat;
  1073.     background-position: center;
  1074. }
  1075.  
  1076. .portfolio-sidebar {
  1077.     height: auto;
  1078.     min-height: 200px;
  1079.     float: right;
  1080.     width: 300px;
  1081.     margin-top: 40px;
  1082.     font-size: 15px;
  1083.     overflow: hidden;
  1084.     margin-right: 40px;
  1085. }
  1086.  
  1087. .portfolio-sidebar h4 {
  1088.     font-family: Georgia, "Times New Roman", Times, serif;
  1089.     font-size: 16px;
  1090.     font-style: normal;
  1091.     color: #484848;
  1092.     border-bottom: 1px solid #ebebeb;
  1093.     margin-bottom: 0px;
  1094.     padding-bottom: 8px;
  1095.     text-transform: uppercase;
  1096. }
  1097.  
  1098. #portfolio-wrapper {
  1099.     height: 369px;
  1100. }
  1101.  
  1102. #portfolio-big-pagination {
  1103.     margin-top: 1px;
  1104.     margin-left: 1px;
  1105.     margin-bottom:30px;
  1106.     display: block;
  1107.     width: 299px;
  1108.     height: 30px;
  1109.     float: left;
  1110.     border-bottom: 1px solid #ebebeb;
  1111.     border-top: 1px solid #ebebeb;
  1112.     text-transform: uppercase;
  1113.     line-height: 26px;
  1114.     font-family: Georgia, "Times New Roman", Times, serif;
  1115.     font-size: 14px;
  1116. }
  1117.  
  1118. .portfolio-big-arrows {
  1119.     font-size: 26px;
  1120.     line-height: 22px;
  1121.     position: relative;
  1122.     top: 2px;
  1123. }
  1124.  
  1125. #portfolio-big-pagination a {
  1126.     text-decoration: none;
  1127.     font-style: normal;
  1128.     color: #454545;
  1129. }
  1130.  
  1131. #portfolio-big-pagination a:hover {
  1132.     color: #333;
  1133.     text-decoration: none;
  1134. }
  1135.  
  1136. #portfolio-navigation {
  1137.     margin-top: 17px;
  1138. }
  1139.  
  1140. #portfolio-navigation ul {
  1141.     display: inline;
  1142. }
  1143.  
  1144. #portfolio-navigation ul li {
  1145.     float: left;
  1146.     width: 135px;
  1147. }
  1148.  
  1149. #portfolio-navigation ul li a {
  1150.     border-bottom: 0px;
  1151.     width: 135px;
  1152. }
  1153.  
  1154. #portfolio-navigation ul li a img {
  1155.     padding: 7px;
  1156. }
  1157.  
  1158. #content-container ul#sidebar-projects, #footer ul#sidebar-projects {
  1159.     float: left;
  1160.     width: 288px;
  1161.     padding-left: 1px;
  1162.     margin-top: 10px;
  1163. }
  1164.  
  1165. #footer ul#sidebar-projects {
  1166.     margin-top: 5px;
  1167. }
  1168.  
  1169. #sidebar-projects img {
  1170.     margin-bottom: 0px;
  1171.     margin-right: 0px;
  1172.     float: left;
  1173. }
  1174.  
  1175. #footer #sidebar-projects img {
  1176.     width:83px;
  1177. }
  1178.  
  1179. #sidebar-projects li, #footer #sidebar-projects li{
  1180.     border-bottom: 0px;
  1181.     width: 124px;
  1182.     float: left;
  1183.     padding: 0px;
  1184.     margin: 0px;
  1185.     margin-bottom: 10px;
  1186.     margin-right: 15px;
  1187. }
  1188.  
  1189. #footer ul#sidebar-projects li {
  1190.     width:93px;
  1191.     margin-bottom: 8px;
  1192.     margin-right: 8px;
  1193. }
  1194.  
  1195. /*------------------ GALLERY ---------------------*/
  1196. #gallery {
  1197.     min-height: 500px;
  1198. }
  1199.  
  1200. #gallery img {
  1201.     margin-right: 0px;
  1202. }
  1203.  
  1204. #gallery-categories {
  1205.     width: 100%;
  1206.     border-bottom: 1px solid #ebebeb;
  1207.     border-top: 1px solid #ebebeb;
  1208.     line-height: 29px;
  1209. }
  1210.  
  1211. #gallery-categories h6 {
  1212.     float: left;
  1213.     margin-top: 3px;
  1214.     margin-bottom: 0px;
  1215.     margin-right: 20px;
  1216.     margin-left: 3px;
  1217. }
  1218.  
  1219. #gallery-categories ul li {
  1220.     display: inline;
  1221.     padding-right: 30px;
  1222.     font-size: 14px;
  1223.     text-transform: uppercase;
  1224.     color: #a4a4a4;
  1225.     position: relative;
  1226.     top: -1px;
  1227. }
  1228.  
  1229. #gallery-categories ul li.selected,#gallery-categories ul li:hover {
  1230.     color: #6a6a6a;
  1231. }
  1232.  
  1233. /* pagination styles */
  1234. #portfolio-pagination {
  1235.     float: left;
  1236.     margin-top: 10px;
  1237. }
  1238.  
  1239. #portfolio-pagination ul {
  1240.     margin: 0;
  1241.     padding: 0;
  1242. }
  1243.  
  1244. #portfolio-pagination ul li {
  1245.     width: 15px;
  1246.     height: 15px;
  1247.     background-image: url(../images/page_nav.png);
  1248.     background-repeat: no-repeat;
  1249.     float: left;
  1250.     list-style: none;
  1251.     margin-left: 3px;
  1252.     margin-right: 3px;
  1253. }
  1254.  
  1255. #portfolio-pagination ul li:hover,#portfolio-pagination ul li.selected {
  1256.     background-image: url(../images/page_nav_active_black.png);
  1257. }
  1258.  
  1259. /* item styles */
  1260. .portfolio-item {
  1261.     float: left;
  1262.     margin-right: 26px;
  1263.     margin-bottom: 26px;
  1264.     display: none;
  1265.     border: 0px solid #eef1f5;
  1266.     background-repeat: no-repeat;
  1267. }
  1268.  
  1269. .portfolio-item a {
  1270.     display: block;
  1271. }
  1272.  
  1273. .portfolio-item img {
  1274.     display:block;
  1275.     background-image: url(../images/ajax-loader-small.gif);
  1276.     background-repeat: no-repeat;
  1277.     background-position: center;
  1278.     background-color: transparent;
  1279. }
  1280.  
  1281. .page-wrapper {
  1282.     float: left;
  1283. }
  1284.  
  1285. /* category filter styles */
  1286. #portfolio-categories {
  1287.     width: 100%;
  1288.     border-bottom: 1px solid #ebebeb;
  1289.     border-top: 1px solid #ebebeb;
  1290.     line-height: 32px;
  1291.     float: left;
  1292.     margin-bottom: 40px;
  1293.     font-family:Georgia,"Times New Roman",Times,serif;
  1294. }
  1295.  
  1296. #portfolio-categories h6 {
  1297.     float: left;
  1298.     margin-top: 3px;
  1299.     margin-bottom: 0px;
  1300.     margin-right: 20px;
  1301.     margin-left: 3px;
  1302.     font-style:italic;
  1303. }
  1304.  
  1305. #portfolio-categories_left {
  1306.     display: none;
  1307. }
  1308.  
  1309. #portfolio-categories_right {
  1310.     display: none;
  1311. }
  1312.  
  1313. #portfolio-categories ul li {
  1314.     display: inline;
  1315.     padding-right: 30px;
  1316.     font-size: 12px;
  1317.     text-transform: uppercase;
  1318.     color: #a4a4a4;
  1319.     position: relative;
  1320.     top: -1px;
  1321.     float: left;
  1322.     letter-spacing: 1px;
  1323. }
  1324.  
  1325. #portfolio-categories ul li.selected {
  1326.     color: #000;
  1327. }
  1328.  
  1329. #portfolio-categories ul li:hover a {
  1330.     text-decoration: none;
  1331.     font-style: normal;
  1332. }
  1333.  
  1334. .port_cat_l {
  1335.     display: none;
  1336. }
  1337.  
  1338. .port_cat_r {
  1339.     display: none;
  1340. }
  1341.  
  1342. .port_cat_active {
  1343.     display: inline;
  1344.     float: left;
  1345. }
  1346.  
  1347. .loading {
  1348.     width: 54px;
  1349.     height: 55px;
  1350.     background-image: url(../images/ajax-loader.gif);
  1351.     background-repeat: no-repeat;
  1352.     margin-left: auto;
  1353.     margin-right: auto;
  1354.     position:relative;
  1355.     top: 160px;
  1356. }
  1357.  
  1358. .item-wrapper {
  1359.     float: left;
  1360. }
  1361.  
  1362. .item-desc {
  1363.     width: 300px;
  1364.     margin-top: 15px;
  1365. }
  1366.  
  1367. .item-desc h4 {
  1368.     margin-bottom: 0px;
  1369. }
  1370.  
  1371. .item-desc p {
  1372.     margin-top: 10px;
  1373.     margin-bottom: 5px;
  1374. }
  1375.  
  1376.  
  1377. /*-------------------------END CONTENT----------------------------*/
  1378. #footer-container {
  1379.     background-color: #efefec;
  1380.     width: 100%;
  1381.     height: auto;
  1382.     display: block;
  1383.     float: left;
  1384.     border-top: 1px solid #e6e6e6;
  1385. }
  1386.  
  1387. #footer {
  1388.     margin: 40px;
  1389.     color: #9e9e9d;
  1390.     font-size: 14px;
  1391.     height: auto;
  1392.     float: left;
  1393.     font-family: Georgia, "Times New Roman", Times, serif;
  1394.     font-style: italic;
  1395.     line-height: 1.5em;
  1396.     margin-bottom:10px;
  1397. }
  1398.  
  1399. #footer .columns-wrapper{
  1400.     margin-bottom:0px; 
  1401. }
  1402.  
  1403. #footer h4 {
  1404.     color: #575757;
  1405.     font-family: Verdana, Geneva, sans-serif;
  1406.     font-weight: bold;
  1407.     font-size: 12px;
  1408.     font-style: normal;
  1409.     text-transform: uppercase;
  1410.     margin-top: 0px;
  1411.     border-width:0px;
  1412. }
  1413.  
  1414. #footer ul {
  1415.     text-decoration: none;
  1416.     list-style: none;
  1417.     margin-left:0px;
  1418.     margin-top:-7px;
  1419. }
  1420.  
  1421. #footer ul li a {
  1422.     display: block;
  1423.     width: 202px;
  1424.     color: #848484;
  1425. }
  1426.  
  1427. #footer ul li{
  1428.     border-bottom: 1px solid #dadada;
  1429.     padding-top: 7px;
  1430.     padding-bottom: 7px;
  1431. }
  1432.  
  1433. #footer ul li a:hover {
  1434.     text-decoration: none;
  1435.     color: #999;
  1436. }
  1437.  
  1438. #footer hr {
  1439.     border-color: #e6e6e6;
  1440. }
  1441.  
  1442. #footer-icons {
  1443.     width: 195px;
  1444.     height: 50px;
  1445. }
  1446.  
  1447. #footer-icons ul {
  1448.     display: inline;
  1449.     height: 50px;
  1450.     width: 206px;
  1451. }
  1452.  
  1453. #footer-icons li {
  1454.     display: inline;
  1455.     list-style: none;
  1456.     float: left;
  1457. }
  1458.  
  1459. #footer-icons li {
  1460.     width: 32px;
  1461.     border-bottom: 0px;
  1462.     padding-right: 7px;
  1463. }
  1464.  
  1465. #footer #footer-icons ul li a {
  1466.     border-bottom: 0px;
  1467. }
  1468.  
  1469. #footer-icons a img {
  1470.     opacity: 0.9;
  1471.     filter: alpha(opacity =     90);
  1472. }
  1473.  
  1474. #footer-icons a img:hover {
  1475.     opacity: 1;
  1476.     filter: alpha(opacity =     100);
  1477. }
  1478.  
  1479. #footer p {
  1480.     margin-top: 10px;
  1481. }
  1482.  
  1483. #footer-projcets {
  1484.     margin-top: 10px;
  1485. }
  1486.  
  1487. #footer-projcets ul {
  1488.     display: inline;
  1489. }
  1490.  
  1491. #footer-projcets ul li {
  1492.     float: left;
  1493. }
  1494.  
  1495. #footer-projcets ul li a {
  1496.     width: 80px;
  1497.     height: 80px;
  1498.     background-color: #fff;
  1499.     margin: 3px;
  1500.     padding: 4px;
  1501.     border: 1px solid #dadada;
  1502. }
  1503.  
  1504. #footer-projcets ul li a:hover {
  1505.     background-color: #dbdbdb;
  1506.     border: 1px solid #cacaca;
  1507. }
  1508.  
  1509. .footer-widget {
  1510.     margin-bottom: 30px;
  1511. }
  1512.  
  1513. #copyrights {
  1514.     width: 100%;
  1515.     height: 62px;
  1516.     float: left;
  1517.     background-color: #363636;
  1518. }
  1519.  
  1520. #copyrights h5 {
  1521.     font-size: 13px;
  1522.     font-family: Georgia, "Times New Roman", Times, serif;
  1523.     font-style: italic;
  1524.     margin-top: 21px;
  1525.     color: #a3a3a3;
  1526.     margin-left: 40px;
  1527. }
  1528.  
  1529. #copyrights a {
  1530.     color: #e0e0e0;
  1531. }
  1532.  
  1533. /*-------------------------SIDEBAR----------------------------*/
  1534. .sidebar {
  1535.     height: auto;
  1536.     min-height: 200px;
  1537.     float: right;
  1538.     width: 270px;
  1539.     margin-top: 36px;
  1540.     margin-bottom:30px;
  1541.     margin-right: 40px;
  1542. }
  1543.  
  1544. .sidebar a {
  1545.     font-style: normal;
  1546. }
  1547.  
  1548. .sidebar-box {
  1549.     margin-bottom: 25px;
  1550.     height:auto;
  1551.     overflow:hidden;
  1552. }
  1553.  
  1554. .sidebar-box ul {
  1555.     text-decoration: none;
  1556.     list-style: none;
  1557.     margin-left:0px;
  1558.     margin-top:-10px;
  1559. }
  1560.  
  1561. .sidebar-box ul li a {
  1562.     display: block;
  1563.     width: 258px;
  1564.     color: #6a6a6a;
  1565.     text-decoration: none;
  1566.     font-size: 13px;
  1567. }
  1568.  
  1569. .sidebar-box ul li{
  1570.     padding: 6px;
  1571.     border-bottom: 1px solid #ebebeb;
  1572. }
  1573.  
  1574.  
  1575. .sidebar-box ul li a:hover {
  1576.     color: #373737;
  1577. }
  1578.  
  1579. .sidebar-box h4 {
  1580.     font-family: Georgia, "Times New Roman", Times, serif;
  1581.     font-size: 16px;
  1582.     font-style: normal;
  1583.     color: #484848;
  1584.     border-bottom: 1px solid #ebebeb;
  1585.     margin-bottom: 10px;
  1586.     padding-bottom: 9px;
  1587.     text-transform: uppercase;
  1588. }
  1589.  
  1590. .sidebar-box input[type='text'] {
  1591.     width: 260px;
  1592.     margin-bottom: 10px;
  1593.     height: 29px;
  1594. }
  1595.  
  1596.  
  1597. /*-------------------------END SIDEBAR----------------------------*/
  1598.     /* --------------------- BUTONS --------------------- */
  1599. a.button,a.button {
  1600.  background: transparent url(../images/buttons_dark_a.png) no-repeat scroll
  1601.   top right;
  1602.  display: inline-block;
  1603.  height: 35px;
  1604.  margin-top: 0;
  1605.  padding-right: 5px;
  1606.  /* the same value as the width of buttons_a.gif  */
  1607.  text-decoration: none;
  1608.  color: #fff;
  1609.  font-style:normal;
  1610. }
  1611.  
  1612. a.button span,a.button span {
  1613.  background: transparent url(../images/buttons_dark_span.png) no-repeat top
  1614.   left;
  1615.  display: block;
  1616.  line-height: 21px;
  1617.  padding: 7px 12px 7px 16px;
  1618.  font-family:Georgia, "Times New Roman", Times, serif;
  1619.  letter-spacing:1px;
  1620.  text-transform:uppercase;
  1621.  font-size: 12px;
  1622.  letter-spacing:1px;
  1623. }
  1624.  
  1625. a.button:hover,a.button:hover {
  1626.  color: #fff;
  1627.  background-position: bottom right;
  1628.  cursor: pointer;
  1629.  text-decoration: none;
  1630. }
  1631.  
  1632. a.button:hover span,a.button:hover span {
  1633.  background-position: bottom left;
  1634.  cursor: pointer;
  1635. }
  1636.  
  1637. a.button-small,a.button-small {
  1638.  background: transparent url(../images/buttons_small_a.gif) no-repeat scroll
  1639.   top right;
  1640.  display: inline-block;
  1641.  height: 35px;
  1642.  margin-right: 6px;
  1643.  margin-top: 0;
  1644.  padding-right: 5px;
  1645.  /* the same value as the width of buttons_a.gif  */
  1646.  text-decoration: none;
  1647.  color: #8e8e8e;
  1648.  font-style:normal;
  1649. }
  1650.  
  1651. a.button-small span,a.button-small span {
  1652.  background: transparent url(../images/buttons_small_span.gif) no-repeat top
  1653.   left;
  1654.  display: block;
  1655.  line-height: 21px;
  1656.  padding: 7px 12px 7px 16px;
  1657.  font-family:Georgia, "Times New Roman", Times, serif;
  1658.  letter-spacing:1px;
  1659.  text-transform:uppercase;
  1660.  font-size: 12px;
  1661.  word-spacing: 4px;
  1662. }
  1663.  
  1664. a.button-small:hover,a.button-small:hover {
  1665.  color: #fff;
  1666.  background-position: bottom right;
  1667.  cursor: pointer;
  1668.  text-decoration: none;
  1669. }
  1670.  
  1671. a.button-small:hover span,a.button-small:hover span {
  1672.  color: #8e8e8e;
  1673.  background-position: bottom left;
  1674.  cursor: pointer;
  1675. }
  1676.  
  1677.  
  1678. /*------------- CONTACT PAGE --------------*/
  1679. input {
  1680.     width: 300px;
  1681.     height: 24px;
  1682.     border: 1px solid #ccc;
  1683.     background-color: #fff;
  1684.     padding-top: 2px;
  1685.     padding-bottom: 2px;
  1686.     padding-left: 5px;
  1687.     -moz-border-radius: 3px;
  1688.     -webkit-border-radius: 3px;
  1689.     border-radius: 3px;
  1690. }
  1691.  
  1692. textarea {
  1693.     width: 300px;
  1694.     height: 150px;
  1695.     padding-top: 0px;
  1696.     font-family: Arial;
  1697.     font-size: 13px;
  1698.     padding-top: 8px;
  1699.     padding-bottom: 8px;
  1700.     border: 1px solid #ccc;
  1701.     padding-left: 5px;
  1702.     -moz-border-radius: 3px;
  1703.     -webkit-border-radius: 3px;
  1704.     border-radius: 3px;
  1705. }
  1706.  
  1707. #submit_form {
  1708.     margin-top: 25px;
  1709. }
  1710.  
  1711. form h6 {
  1712.     margin-bottom: 3px;
  1713. }
  1714.  
  1715. .contact_message {
  1716.     z-index: 1000000;
  1717. }
  1718.  
  1719. .check {
  1720.     width: 24px;
  1721.     height: 24px;
  1722.     background-image: url(../images/ok.png);
  1723.     background-repeat: no-repeat;
  1724. }
  1725.  
  1726. .contact_loader {
  1727.     width: 32px;
  1728.     height: 32px;
  1729.     background-image: url(../images/contact-loader.gif);
  1730.     background-repeat: no-repeat;
  1731. }
  1732.  
  1733. #contact_status {
  1734.     margin-top: 30px;
  1735. }
  1736.  
  1737. .invalid {
  1738.     border: 1px solid #ff6666;
  1739. }
  1740.  
  1741. #invalid_input {
  1742.     display: none;
  1743. }
  1744.  
  1745. #sent_successful {
  1746.     display: none;
  1747. }
  1748.  
  1749. .question_icon {
  1750.     width: 14px;
  1751.     height: 13px;
  1752.     background-image: url(../images/question_icon.png);
  1753.     background-repeat: no-repeat;
  1754.     position: absolute;
  1755.     top: 35px;
  1756.     right: -40px;
  1757.     z-index: 2;
  1758. }
  1759.  
  1760. .contact_form_textarea .question_icon {
  1761.     top: 40px;
  1762. }
  1763.  
  1764. .contact_form_input,.contact_form_textarea {
  1765.     position: relative;
  1766.     width: 290px;
  1767. }
  1768.  
  1769. .contact_message {
  1770.     background-color: #fff;
  1771.     border: 1px solid #ccc;
  1772.     -moz-border-radius: 4px;
  1773.     -webkit-border-radius: 4px;
  1774.     border-radius: 4px;
  1775.     width: 100px;
  1776.     position: absolute;
  1777.     top: 37px;
  1778.     right: 15px;
  1779.     z-index: 1;
  1780.     margin-bottom: 0px;
  1781.     font-size: 11px;
  1782.     padding-left: 5px;
  1783.     padding-right: 5px;
  1784.     z-index: 3000;
  1785. }
  1786.  
  1787. .contact_form_textarea .contact_message {
  1788.     top: 57px;
  1789. }
  1790.  
  1791. .contact_message p {
  1792.     margin-top: 5px;
  1793.     margin-bottom: 5px;
  1794. }
  1795.  
  1796. #contact_status div {
  1797.     float: left;
  1798. }
  1799.  
  1800. #contact_status span {
  1801.     float: left;
  1802.     margin-left: 10px;
  1803.     margin-top: 3px;
  1804. }
  1805.  
  1806. #slider-container {
  1807.     overflow: hidden;
  1808. }
  1809.  
  1810. #map-canvas {
  1811.     width: 268px;
  1812.     height: 268px;
  1813.     background-color: #fff;
  1814.     -moz-box-shadow: 0px 0px 6px #c6c6c6;
  1815.     -webkit-box-shadow: 0px 0px 6px #c6c6c6;
  1816.     box-shadow: 0px 0px 6px #c6c6c6;
  1817.     border: 1px solid #CCC;
  1818.     margin-top: 25px;
  1819. }
  1820.  
  1821.  
  1822. /*----------------------- COMMENTS ---------------------------*/
  1823. .commentContainer {
  1824.     border: #ebebeb 1px solid;
  1825.     margin-top: 20px;
  1826.     background-color: #fafafa;
  1827.     padding: 0px;
  1828.     font-size: 12px;
  1829.     -moz-border-radius: 2px;
  1830.     -webkit-border-radius: 2px;
  1831.     border-radius: 2px;
  1832. }
  1833.  
  1834. #commentContentContainer ul.children .commentContainer {
  1835.     margin-top: 20px;
  1836.     padding: 0px;
  1837.     margin-left: 20px;
  1838. }
  1839.  
  1840. #commentContentContainer ul.children li {
  1841.     border-left: 1px solid #ccc;
  1842.     margin-top: -1px;
  1843.     padding-top: 1px;
  1844.     margin-left: 10px;
  1845.     padding-bottom: 20px;
  1846.     margin-bottom: -20px;
  1847.     background-image: url(../images/comment-reply-bg.jpg);
  1848.     background-repeat: repeat-x;
  1849.     background-position: center;
  1850. }
  1851.  
  1852. #content-container ul.commentlist,#content-container ul.commentlist ul {
  1853.     margin-left: 0px;
  1854.     list-style: none;
  1855.     padding-left: 0px;
  1856. }
  1857.  
  1858. .comentBox {
  1859.     padding: 20px;
  1860.     min-height: 108px;
  1861.     position: relative;
  1862. }
  1863.  
  1864. #commentContentContainer ul.children .comentBox {
  1865.     padding: 20px;
  1866.     position: relative;
  1867. }
  1868.  
  1869. .comentBox p {
  1870.     margin-top: -10px;
  1871. }
  1872.  
  1873. .comentBox img {
  1874.     margin-right: 20px;
  1875.     margin-bottom: 10px;
  1876.     margin-top: 0px;
  1877.     padding: 4px;
  1878.     background-color: #FFFFFF;
  1879.     border: 1px solid #e6e6e6;
  1880. }
  1881.  
  1882. .commentAutor {
  1883.     float: left;
  1884. }
  1885.  
  1886. .commentDate {
  1887.     position: absolute;
  1888.     bottom: 10px;
  1889.     right: 20px;
  1890.     color: #999999;
  1891.     margin-top: 10px;
  1892.     font-family: Georgia, "Times New Roman", Times, serif;
  1893.     font-style: italic;
  1894. }
  1895.  
  1896. ul.children .commentDate {
  1897.     right: 10px;
  1898. }
  1899.  
  1900. .commentNavigation {
  1901.     width: 100%;
  1902.     float: left;
  1903.     height: 30px;
  1904.     position: relative;
  1905.     margin-top: 20px;
  1906. }
  1907.  
  1908. .commentInput {
  1909.     padding-top: 4px;
  1910.     height: 20px;
  1911.     width: 250px;
  1912.     margin-bottom: 5px;
  1913. }
  1914.  
  1915. .commentTextArea {
  1916.     width: 350px;
  1917.     margin-bottom: 15px;
  1918. }
  1919.  
  1920. .commentText {
  1921.     margin-top: 10px;
  1922. }
  1923.  
  1924. .reply_icon {
  1925.     width: 22px;
  1926.     height: 22px;
  1927.     background-image: url(../images/reply.png);
  1928.     background-repeat: no-repeat;
  1929.     float: left;
  1930.     margin-right: 9px;
  1931.     margin-top: -2px;
  1932. }
  1933.  
  1934. .reply {
  1935.     float: left;
  1936. }
  1937.  
  1938. #commentform {
  1939.     margin-top: 25px;
  1940. }
  1941.  
  1942. /*-----------------------  END COMMENTS ---------------------------*/
  1943.  
  1944. /*----------- ELEMENTS -----------*/
  1945. code {
  1946.     border: 1px dashed #d3d3d3;
  1947.     font: normal 13px;
  1948.     padding: 2px;
  1949.     padding-left: 7px;
  1950.     padding-right: 7px;
  1951. }
  1952.  
  1953. .hihglight1 {
  1954.     background-color: #E6E8E8;
  1955.     border: 1px solid #CCC;
  1956.     padding: 2px;
  1957.     color: #000000;
  1958.     padding-left: 5px;
  1959.     padding-right: 5px;
  1960.     font-style: italic;
  1961. }
  1962.  
  1963. .hihglight2 {
  1964.     background-color: #666;
  1965.     border: 1px solid #333;
  1966.     padding: 2px;
  1967.     color: #FFF;
  1968.     padding-left: 5px;
  1969.     padding-right: 5px;
  1970.     font-style: italic;
  1971. }
  1972.  
  1973. blockquote {
  1974.     margin: 20px;
  1975.     border-left: 5px solid #d0d4d8;
  1976.     padding-left: 25px;
  1977.     font-family: Georgia, "Times New Roman", Times, serif;
  1978.     font-size: 16px;
  1979.     font-style: italic;
  1980.     line-height: 1.5em;
  1981.     background: transparent url(../images/quote.png) no-repeat scroll top left;
  1982.     background-position: top left;
  1983. }
  1984.  
  1985. .info_box,.note_box,.tip_box,.error_box,tip_box {
  1986.     padding: 20px;
  1987.     margin: 20px 0px;
  1988.     -moz-border-radius: 7px;
  1989.     -webkit-border-radius: 7px;
  1990.     -khtml-border-radius: 10px;
  1991.     border-radius: 7px;
  1992.     padding-left: 55px;
  1993.     background: #eee;
  1994.     font-style: italic;
  1995.     font-family: Georgia, "Times New Roman", Times, serif;
  1996.     font-size: 14px;
  1997. }
  1998.  
  1999. .info_box {
  2000.     background: #ddf3fc url(../images/icons/info.png) no-repeat scroll 10px
  2001.         14px;
  2002.     border: 1px solid #8ed9f6;
  2003.     color: #2e6093;
  2004. }
  2005.  
  2006. .note_box {
  2007.     background: #fffadb url(../images/icons/note.png) no-repeat scroll 10px
  2008.         15px;
  2009.     border: 1px solid #f5d145;
  2010.     color: #9e660d;
  2011. }
  2012.  
  2013. .error_box {
  2014.     background: #ffdede url(../images/icons/error.png) no-repeat scroll 10px
  2015.         15px;
  2016.     border: 1px solid #d97676;
  2017.     color: #cd0a0a;
  2018. }
  2019.  
  2020. .tip_box {
  2021.     background: #eff7d9 url(../images/icons/tip.png) no-repeat scroll 10px 15px
  2022.         ;
  2023.     border: 1px solid #b7db58;
  2024.     color: #5d791b;
  2025. }
  2026.  
  2027. table {
  2028.     border: 1px solid #D8D8D8;
  2029.     border-collapse: collapse;
  2030.     margin-bottom: 20px;
  2031.     margin-top: 20px;
  2032. }
  2033.  
  2034. table th {
  2035.     font-family: Georgia, "Times New Roman", Times, serif;
  2036.     padding: 5px;
  2037.     padding-left: 13px;
  2038.     padding-right: 13px;
  2039.     background-color: #f1f2f4;
  2040.     border-right: 1px solid #D8D8D8;
  2041.     font-size: 14px;
  2042. }
  2043.  
  2044. table td {
  2045.     border: 1px solid #D8D8D8;
  2046.     padding: 5px;
  2047.     padding-left:13px;
  2048. }
  2049.  
  2050. table td:hover {
  2051.     background-color: #f1f2f4;
  2052. }
  2053.  
  2054. #calendar_wrap table td {
  2055.     text-align: center;
  2056.     padding-left:3px;
  2057. }
  2058.  
  2059. table#wp-calendar{
  2060.     margin-bottom:0px;
  2061. }
  2062.  
  2063. #calendar_wrap table td#prev{
  2064.     text-align: left;
  2065. }
  2066.  
  2067. caption {
  2068.     margin-bottom: 5px;
  2069. }
  2070.  
  2071. .drop-caps {
  2072.     font-family: Georgia, "Times New Roman", Times, serif;
  2073.     font-size: 300%;
  2074.     line-height: 0.8em;
  2075.     margin-right: 0.1em;
  2076.     padding-bottom: 0.1em;
  2077.     text-transform: uppercase;
  2078.     float: left;
  2079.     position: relative;
  2080.     top: 4px;
  2081. }
  2082.  
  2083. /* --------------------- BULLETS --------------------- */
  2084. ul.bullet_check li, div.bullet_check li {
  2085.     list-style: none;
  2086.     background: transparent url(../images/check.png) no-repeat 0 .2em;
  2087.     padding: 0px;
  2088.     margin: 7px;
  2089.     line-height: 18px;
  2090.     padding-left: 25px;
  2091. }
  2092.  
  2093. ul.bullet_arrow li, div.bullet_arrow li {
  2094.     list-style: none;
  2095.     background: transparent url(../images/arrow.png) no-repeat 0 .2em;
  2096.     padding: 0px;
  2097.     margin: 7px;
  2098.     line-height: 18px;
  2099.     padding-left: 25px;
  2100. }
  2101.  
  2102. ul.bullet_arrow2 li, div.bullet_arrow2 li {
  2103.     list-style: none;
  2104.     background: transparent url(../images/arrow2.png) no-repeat 0 .2em;
  2105.     padding: 0px;
  2106.     margin: 7px;
  2107.     line-height: 18px;
  2108.     padding-left: 25px;
  2109. }
  2110.  
  2111. ul.bullet_arrow3 li, div.bullet_arrow3 li {
  2112.     list-style: none;
  2113.     background: transparent url(../images/arrow3.png) no-repeat 0 .2em;
  2114.     padding: 0px;
  2115.     margin: 7px;
  2116.     line-height: 18px;
  2117.     padding-left: 25px;
  2118. }
  2119.  
  2120. ul.bullet_arrow4 li, div.bullet_arrow4 li {
  2121.     list-style: none;
  2122.     background: transparent url(../images/arrow4.png) no-repeat 0 .2em;
  2123.     padding: 0px;
  2124.     margin: 7px;
  2125.     line-height: 18px;
  2126.     padding-left: 25px;
  2127. }
  2128.  
  2129. ul.bullet_numeric li, div.bullet_numeric li {
  2130.     list-style: none;
  2131.     list-style: decimal;
  2132.     padding-left: 20px;
  2133. }
  2134.  
  2135. ul.bullet_star li, div.bullet_star li {
  2136.     list-style: none;
  2137.     background: transparent url(../images/star.png) no-repeat 0 .2em;
  2138.     padding: 0px;
  2139.     margin: 7px;
  2140.     line-height: 18px;
  2141.     padding-left: 25px;
  2142. }
  2143.  
  2144. ul.bullet_plus li, div.bullet_plus li {
  2145.     list-style: none;
  2146.     background: transparent url(../images/plus.png) no-repeat 0 .2em;
  2147.     padding: 0px;
  2148.     margin: 7px;
  2149.     line-height: 18px;
  2150.     padding-left: 25px;
  2151. }
  2152.  
  2153. /*----- TESTIMONIALS -----*/
  2154.  
  2155. #testimonials {
  2156.     height: auto;
  2157.     overflow: hidden;
  2158.     padding: 10px 0 5px 2px;
  2159.     width: 580px;
  2160. }
  2161.  
  2162. #testimonials img {
  2163.     float: left;
  2164.     margin-right: 10px;
  2165.     margin-bottom: 5px;
  2166.     cursor: pointer;
  2167.     opacity: 0.7;
  2168.     filter: alpha(opacity =     70);
  2169.     padding: 5px;
  2170. }
  2171.  
  2172. #testimonials img.current {
  2173.     cursor: default;
  2174.     opacity: 1;
  2175.     filter: alpha(opacity =     100);
  2176. }
  2177.  
  2178. #testimonials div {
  2179.     width: 0px;
  2180.     float: left;
  2181.     display: none;
  2182.     margin-right: 10px;
  2183. }
  2184.  
  2185. #testimonials div.first {
  2186.     width: 245px;
  2187.     display: block;
  2188. }
  2189.  
  2190. #testimonials div h3 {
  2191.     color: #444;
  2192.     margin: 0 0 -10px 0;
  2193.     width: 240px;
  2194.     font-size: 15px;
  2195. }
  2196.  
  2197. #testimonials div p {
  2198.     font-size: 12px;
  2199.     width: 240px;
  2200.     line-height: 1.8em;
  2201.     margin-top: 13px;
  2202.     margin-bottom: 0px;
  2203. }
  2204.  
  2205. /*------------------ TABS------------------*/
  2206. .tabs-container {
  2207.     min-height: 200px;
  2208. }
  2209.  
  2210. /* root element for tabs  */
  2211. .tabs {
  2212.     list-style: none;
  2213.     margin: 0 !important;
  2214.     padding: 0;
  2215.     height: 45px;
  2216.     border-bottom: 1px solid #cdcdcd;
  2217. }
  2218.  
  2219. /* single tab */
  2220. .tabs li {
  2221.     float: left;
  2222.     text-indent: 0;
  2223.     padding: 0;
  2224.     margin: 0 !important;
  2225.     list-style-image: none !important;
  2226. }
  2227.  
  2228. /* link inside the tab. uses a background image */
  2229. .tabs a {
  2230.     background: url(../images/tabs.png) no-repeat 0 0 transparent;
  2231.     font-size: 14px;
  2232.     display: block;
  2233.     height: 45px;
  2234.     line-height: 45px;
  2235.     width: 111px;
  2236.     text-align: center;
  2237.     text-decoration: none;
  2238.     color: #6a6a6a;
  2239.     padding: 0px;
  2240.     margin: 0px;
  2241.     position: relative;
  2242.     top: 1px;
  2243.     font-family:Georgia, "Times New Roman", Times, serif;
  2244.     text-transform:uppercase;
  2245.     letter-spacing:1px;
  2246. }
  2247.  
  2248. .tabs a:active {
  2249.     outline: none;
  2250. }
  2251.  
  2252. /* when mouse enters the tab move the background image */
  2253. .tabs a:hover {
  2254.     background-position: 0 -46px;
  2255.     color: #454545;
  2256. }
  2257.  
  2258. /* active tab uses a class name "current". it's highlight is also done by moving the background image. */
  2259. .tabs .current,.tabs .current:hover,.tabs li.current a {
  2260.     background-position: 0 -92px;
  2261.     cursor: default !important;
  2262.     color: #000 !important;
  2263. }
  2264.  
  2265. /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
  2266.     /* width 1 */
  2267. .tabs .w1 {
  2268.     background-position: -519px 0;
  2269.     width: 134px;
  2270. }
  2271.  
  2272. .tabs .w1:hover {
  2273.     background-position: -519px -46px;
  2274. }
  2275.  
  2276. .tabs .w1.current {
  2277.     background-position: -519px -92px;
  2278. }
  2279.  
  2280. /* width 2 */
  2281. .tabs .w2 {
  2282.     background-position: -366px -0px;
  2283.     width: 154px;
  2284. }
  2285.  
  2286. .tabs .w2:hover {
  2287.     background-position: -366px -46px;
  2288. }
  2289.  
  2290. .tabs .w2.current {
  2291.     background-position: -366px -92px;
  2292. }
  2293.  
  2294. /* width 3 */
  2295. .tabs .w3 a {
  2296.     background-position: -247px -0px;
  2297.     width: 174px;
  2298. }
  2299.  
  2300. .tabs .w3:hover a {
  2301.     background-position: -247px -46px;
  2302. }
  2303.  
  2304. .tabs .w3 a.current {
  2305.     background-position: -247px -92px;
  2306. }
  2307.  
  2308. /* width 4 */
  2309. .tabs .w4 {
  2310.     background-position: -0px -0px;
  2311.     width: 194px;
  2312. }
  2313.  
  2314. .tabs .w4:hover {
  2315.     background-position: -0px -46px;
  2316. }
  2317.  
  2318. .tabs .w4.current {
  2319.     background-position: -0px -92px;
  2320. }
  2321.  
  2322. /* initially all panes are hidden */
  2323. .panes .pane {
  2324.     display: none;
  2325. }
  2326.  
  2327. .panes {
  2328.     padding: 15px;
  2329.     border: 1px solid #CCC;
  2330.     border-top: 0px;
  2331. }
  2332.  
  2333. /*------------------- ACCORDION ------------------------*/
  2334. .accordion-container {
  2335.     min-height: 250px;
  2336. }
  2337.  
  2338. #accordion {
  2339.  background:#f9f9f9;
  2340.  border:1px solid #e2e2e2;
  2341. }
  2342.  
  2343. /* accordion header */
  2344. #accordion h2 {
  2345.  background:#EFEFEC;
  2346.  margin:0;
  2347.  padding:10px 15px;
  2348.  font-size:14px;
  2349.  font-weight:normal;
  2350.  border:1px solid #fff;
  2351.  border-bottom:1px solid #ddd;
  2352.  cursor:pointer;
  2353.  font-style:italic;
  2354. }
  2355.  
  2356. /* currently active header */
  2357. #accordion h2.current {
  2358.  cursor:default;
  2359.  background-color:#fff;
  2360. }
  2361.  
  2362. /* accordion pane */
  2363. #accordion .pane {
  2364.  border:1px solid #fff;
  2365.  border-width:0 2px;
  2366.  display:none;
  2367.  padding:15px;
  2368.  color:#6a6a6a;
  2369.  font-size:12px;
  2370. }
  2371.  
  2372. /* a title inside pane */
  2373. #accordion .pane h3 {
  2374.  font-weight:normal;
  2375.  margin:0 0 -5px 0;
  2376.  font-size:16px;
  2377.  color:#999;
  2378. }
  2379.  
  2380. /*-------------OTHER------------*/
  2381.  
  2382. .hidden {
  2383.     visibility: hidden;
  2384.     width: 0px;
  2385.     height: 0px;
  2386. }
  2387.  
  2388. .loading-container {
  2389.     background-image: url(../images/ajax-loader-small.gif);
  2390. }
  2391.  
  2392. #searchform {
  2393.     margin-top: 20px;
  2394. }
  2395.  
  2396. .sidebar-box #search_input{
  2397.     width:168px;
  2398.     float:left;
  2399.     height:25px;
  2400.     margin-top:2px;
  2401.     margin-right:5px;
  2402. }
  2403.  
  2404. #search_button{
  2405.     float:right;   
  2406. }
  2407.  
  2408. #content #search_button{
  2409.     float:none;
  2410. }
  2411.  
  2412. #content #search_input{
  2413.     display:block;
  2414.     margin-bottom:10px;
  2415.     margin-left:3px;
  2416. }
  2417.  
  2418. ul.blogroll img {
  2419.     float: left;
  2420.     margin-right: 7px;
  2421.     width: 45px;
  2422. }
  2423.  
  2424. ul.blogroll li {
  2425.     border-bottom: 1px solid #EBEBEB;
  2426.     padding-top: 6px;
  2427.     padding-bottom: 6px;
  2428.     overflow: hidden;
  2429.     color: #a6a6a6;
  2430. }
  2431.  
  2432. ul.blogroll li a {
  2433.     border-bottom-width: 0px;
  2434.     font-family: Georgia, "Times New Roman", Times, serif;
  2435.     font-style: italic;
  2436.     padding: 0px;
  2437. }
  2438.  
  2439. div.wp_syntax {
  2440.     margin-top: 20px;
  2441.     margin-bottom: 30px;
  2442. }
  2443.  
  2444. cite {
  2445.     font-size: 14px;
  2446.     font-family: Georgia, "Times New Roman", Times, serif;
  2447. }
  2448.  
  2449. .nomargin{
  2450.     margin-right:0px;
  2451. }
  2452.  
  2453. .sidebar .textwidget{
  2454.     padding-top:10px;
  2455. }
  2456.  
  2457. a.rsswidget img{
  2458.     position:relative;
  2459.     top:2px;
  2460. }
  2461.  
  2462. .sidebar #SGM{
  2463.     background-image: url(../images/ajax-loader-small.gif);
  2464.     background-repeat: no-repeat;
  2465.     background-position: center;
  2466.     border:1px solid #ebebeb;
  2467.     width:267px;
  2468.     margin-top:20px;
  2469. }
  2470.  
  2471. .sidebar-heading{
  2472.     margin-top:0px;
  2473. }
  2474.  
  2475. .sidebar-box ul li.cat-item a{
  2476.     display:inline;
  2477. }
  2478.  
  2479.  
  2480. /*-------------- UPDATES-------------*/
  2481.  
  2482. /*-------------- VERSION 1.1 --------------*/
  2483.  
  2484. .mandatory{
  2485. color:#ff0000;
  2486. }
  2487.  
  2488. #footer #search_input{
  2489.     width:185px;
  2490. }
  2491.  
  2492. .sidebar-box ul ul{
  2493.     margin-top:5px;
  2494. }
  2495.  
  2496. .sidebar-box ul ul li{
  2497.     border-bottom-width: 0px;
  2498. }
  2499.  
  2500. /*-------------- VERSION 2.0 --------------*/
  2501.  
  2502. #portfolio-categories ul{
  2503.     float:left;
  2504.     margin-left:0px;
  2505. }
  2506.  
  2507. .item-desc h4 a:hover{
  2508. text-decoration:none;
  2509. }
  2510.  
  2511. /*-------------- VERSION 2.1 --------------*/
  2512.  
  2513. #content-container .gallery img{
  2514. padding: 4px;
  2515.     background-color: #fefefe;
  2516.     border: 1px solid #d9d9d9;
  2517. }
  2518.  
  2519. .blog-post{
  2520.     float:left;
  2521. }
  2522.  
  2523. #content-container .wp-pagenavi{
  2524.     float:left;
  2525.     margin-top:20px;
  2526. }
  2527.  
  2528. /*-------------- VERSION 2.3 --------------*/
  2529.  
  2530. .columns-wrapper {
  2531.     float:none;
  2532.     overflow:hidden;   
  2533. }
  2534.  
  2535. #content .blog-post{
  2536.     width:590px;   
  2537. }
  2538.  
  2539. #full-width .blog-post{
  2540.     width:900px;   
  2541. }
  2542.  
  2543. /*-------------- VERSION 2.4 --------------*/
  2544.  
  2545. #logo-container {
  2546.     margin-bottom: -15px;
  2547. }
  2548.  
  2549. .portfolio-showcase-item{
  2550.     display:none;  
  2551. }
  2552.  
  2553. input[type=submit]{
  2554. width:auto;
  2555. height:auto;
  2556. background-color:#fafafa;
  2557. background-image: -webkit-gradient(
  2558.     linear,
  2559.     left bottom,
  2560.     left top,
  2561.     color-stop(0.02, rgb(240,240,240)),
  2562.     color-stop(0.51, rgb(250,250,250))
  2563. );
  2564. background-image: -moz-linear-gradient(
  2565.     center bottom,
  2566.     rgb(240,240,240) 2%,
  2567.     rgb(250,250,250) 51%
  2568. );
  2569.  
  2570. }
  2571.  
  2572. /*-------------- VERSION 2.6 --------------*/
  2573.  
  2574. #footer #sidebar-projects img{
  2575. height:83px;
  2576. }
  2577.  
  2578. /*-------------- VERSION 2.6.2 --------------*/
  2579.  
  2580. .clear{
  2581.     clear:both;
  2582. }
  2583.  
  2584. .preview-item .two-columns{
  2585.     width: 275px;
  2586. }
  2587.  
  2588. .preview-item .three-columns {
  2589.     width: 170px;
  2590. }
  2591.  
  2592. .preview-item .four-columns {
  2593.     width: 116px;
  2594. }
  2595.  
  2596. .aligncenter, div.aligncenter {
  2597.     display: block;
  2598.     margin-left: auto;
  2599.     margin-right: auto;
  2600. }
  2601.  
  2602. .wp-caption img {
  2603.     border: 0 none;
  2604.     margin: 0;
  2605.     padding: 0;
  2606. }
  2607. .wp-caption p.wp-caption-text , .gallery-caption{
  2608.     line-height: 1.5em;
  2609.     margin: 0;
  2610.     padding: 0 4px 5px;
  2611.     font-size: 11px;
  2612.     font-family: "Droid Serif",Georgia, "Times New Roman", Times, serif;
  2613.     font-style:italic;
  2614. }
  2615.  
  2616. .sticky {
  2617.     border-bottom-width: 4px;
  2618.     border-bottom-style:double;
  2619. }
  2620. .bypostauthor{}
  2621.  
  2622. /*----------- BLOG POSTS LOADER WIDGET --------------*/
  2623. .sidebar-post-wrapper {
  2624.     padding-bottom: 15px;
  2625.     margin-top: 15px;
  2626.     border-bottom: 1px solid #ebebeb;
  2627. }
  2628.  
  2629. #footer .sidebar-post-wrapper {
  2630.     padding-bottom: 11px;
  2631.     margin-top: 10px;
  2632. }
  2633.  
  2634. .sidebar-post-wrapper img {
  2635.     padding: 3px;
  2636. }
  2637.  
  2638. .sidebar-post-wrapper h6 a {
  2639.     font-style: italic;
  2640.     color:#737373;
  2641.     font-size:12px;
  2642. }
  2643.  
  2644. .sidebar-post-wrapper h6{
  2645. margin-top:0px;
  2646. margin-bottom:5px;
  2647. }
  2648.  
  2649. .info-wrapper{
  2650. float:left;
  2651. width:187px;
  2652. color:#EBEBEB;
  2653. }
  2654.  
  2655. #footer .info-wrapper{
  2656. width:110px;   
  2657. }
  2658.  
  2659. .info-wrapper img{
  2660. padding: 0;
  2661.     position: relative;
  2662.     top: 2px;
  2663.     width: 20px;   
  2664. }
  2665.  
  2666. #footer .sidebar-post-info{
  2667. display:none;  
  2668. }
  2669.  
  2670. .sidebar-post-wrapper h6 a:hover {
  2671.     text-decoration: none;
  2672. }
  2673.  
  2674. .sidebar-post-info a {
  2675.     font-size: 11px;
  2676. }
  2677.  
  2678. .no-arrows #slider-navigation{
  2679. margin-left:-55px; 
  2680. }
  2681.  
  2682.  
  2683. /*-------------- VERSION 2.6.7 --------------*/
  2684.  
  2685. /*----- CONTENT SLIDER -----*/
  2686.  
  2687. #content-slider-wrapper{
  2688.     width: 900px;
  2689.     padding: 30px 40px 0 40px;
  2690.     background-color:#f0f0f0;
  2691.     position:relative;
  2692.     border-bottom:1px solid #E6E6E6;
  2693.     border-top:1px solid #E6E6E6;
  2694. }
  2695.  
  2696. #content-slider {
  2697.     width: 900px;
  2698.     display: block;
  2699.     overflow: hidden;
  2700.     position: relative;
  2701.     min-height: 250px;
  2702.     padding-bottom:30px;
  2703. }
  2704.  
  2705. #content-slider h2 {
  2706.     font-size: 24px;
  2707.     margin-top:0px;
  2708. }
  2709.  
  2710. ul#slider-ul {
  2711.     width: 900px;
  2712.     list-style: none;
  2713.     padding: 0px;
  2714.     margin: 0px;
  2715.     overflow: hidden;
  2716. }
  2717.  
  2718. ul#slider-ul li {
  2719.     float: left;
  2720.     width: 900px;
  2721.     margin-right: 30px;
  2722.     display: none;
  2723. }
  2724.  
  2725. ul#slider-ul li:first-child {
  2726.     display: block;
  2727. }
  2728.  
  2729. .slider-text {
  2730.     width: 420px;
  2731.     height: auto;
  2732.     float: left;
  2733.     line-height: 1.9em;
  2734. }
  2735.  
  2736. ul#slider-ul li img {
  2737.     float: right;
  2738.     width: 450px;
  2739.     height: 280px;
  2740. }
  2741.  
  2742. ul#content-slider-navigation {
  2743.     list-style: none;
  2744.     text-align: center;
  2745.     position: absolute;
  2746.     width: 100%;
  2747.     bottom: 2px;
  2748.     padding-left: 0px;
  2749.     margin: 0px;
  2750.     display: none;
  2751. }
  2752.  
  2753. ul#content-slider-navigation li {
  2754.     display: inline;
  2755.     cursor: pointer;
  2756.     margin: 0 1px;
  2757.     width: 15px;
  2758.     height: 15px;
  2759. }
  2760.  
  2761. ul#content-slider-navigation li span {
  2762.     background-image: url(../images/c_page_nav.png);
  2763.     background-repeat: no-repeat;
  2764.     width: 15px;
  2765.     height: 15px;
  2766.     display: inline-block;
  2767. }
  2768.  
  2769. ul#content-slider-navigation li.selected span {
  2770.     background-image: url(../images/c_page_nav_active_black.png);
  2771. }
  2772.  
  2773. .slider-browse {
  2774.     position: absolute;
  2775.     width: 40px;
  2776.     height: 40px;
  2777.     top: 159px;
  2778.     display: none;
  2779.     opacity:0.6;
  2780.     filter: alpha(opacity =60);
  2781. }
  2782.  
  2783. .slider-browse:hover{
  2784.     opacity:1;
  2785.     filter: alpha(opacity =100);
  2786. }
  2787.  
  2788. #slider-left {
  2789.     left: 0px;
  2790.     background: url("../images/c_slider_arrow_l.png") no-repeat scroll 0 0
  2791.         transparent;
  2792. }
  2793.  
  2794. #slider-right {
  2795.     right: 0px;
  2796.     background: url("../images/c_slider_arrow_r.png") no-repeat scroll 0 0
  2797.         transparent;
  2798. }
  2799. a.button, a.button {
  2800.     padding-right: 7px;
  2801. }
  2802.  
  2803. a.button span, a.button span {
  2804.     padding: 7px 7px 7px 16px;
  2805. }
  2806. #content-slider .header-button{
  2807.     margin-left:-3px;
  2808. }
  2809.  
  2810. /*---------------------- END CONTENT SLIDER -----------------------*/
  2811.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement