Advertisement
Guest User

TheTravelTheme CSS ver 2

a guest
Feb 15th, 2013
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 84.95 KB | None | 0 0
  1. /* ======================================================= */
  2. /*                      Global Reset                       */
  3. /* ======================================================= */
  4. /*
  5. html5doctor.com Reset Stylesheet
  6. v1.6
  7. Last Updated: 2010-08-18
  8. Author: Richard Clark - http://richclarkdesign.com
  9. Twitter: @rich_clark
  10. */
  11. 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  12.     margin: 0;
  13.     padding: 0;
  14.     border: 0;
  15.     outline: 0;
  16.     font-size: 100%;
  17.     vertical-align: baseline;
  18.     background: transparent;
  19. }
  20. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  21.     display: block;
  22. }
  23. nav ul {
  24.     list-style: none;
  25. }
  26. blockquote, q {
  27.     quotes: none;
  28. }
  29. blockquote:before, blockquote:after, q:before, q:after {
  30.     content: '';
  31.     content: none;
  32. }
  33. a {
  34.     margin: 0;
  35.     padding: 0;
  36.     font-size: 100%;
  37.     vertical-align: baseline;
  38.     background: transparent;
  39. }
  40. /* change colours to suit your needs */
  41. ins {
  42.     background-color: #ff9;
  43.     color: #000;
  44.     text-decoration: none;
  45. }
  46. /* change colours to suit your needs */
  47. mark {
  48.     background-color: #ff9;
  49.     color: #000;
  50.     font-style: italic;
  51.     font-weight: bold;
  52. }
  53. del {
  54.     text-decoration: line-through;
  55. }
  56. abbr[title], dfn[title] {
  57.     border-bottom: 1px dotted inherit;
  58.     cursor: help;
  59. }
  60. /* tables still need cellspacing="0" in the markup */
  61. table {
  62.     border-collapse: collapse;
  63.     border-spacing: 0;
  64. }
  65. /* change border colour to suit your needs */
  66. hr {
  67.     display: block;
  68.     height: 1px;
  69.     border: 0;
  70.     border-top: 1px solid #cccccc;
  71.     margin: 1em 0;
  72.     padding: 0;
  73. }
  74. input, select {
  75.     vertical-align: middle;
  76. }
  77. /* ======================================================= */
  78. /*                       Base Style                        */
  79. /* ======================================================= */
  80. /* Basic typography
  81. ---------------------------------------------------------- */
  82. body {
  83.     font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  84.     font-size: 12px;
  85.     line-height: 20px;
  86.     color: #333;
  87. }
  88. strong, th, thead td {
  89.     font-weight: bold;
  90. }
  91. cite, em, dfn {
  92.     font-style: italic;
  93. }
  94. code, kbd, samp, pre, tt, var, input[type=text], input[type=password], input[type=email], textarea {
  95.     font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
  96. }
  97. code, pre {
  98.     display: block;
  99.     white-space: pre;
  100. }
  101. del {
  102.     text-decoration: line-through;
  103.     color: #666;
  104. }
  105. ins, dfn {
  106.     border-bottom: 1px solid #ccc;
  107. }
  108. small, sup, sub {
  109.     font-size: 85%;
  110. }
  111. abbr, acronym {
  112.     text-transform: uppercase;
  113.     letter-spacing: .1em;
  114. }
  115. a abbr, a acronym {
  116.     border: none;
  117. }
  118. abbr[title], acronym[title], dfn[title] {
  119.     cursor: help;
  120.     border-bottom: 1px dotted #ccc;
  121. }
  122. sup {
  123.     vertical-align: super;
  124. }
  125. sub {
  126.     vertical-align: sub;
  127. }
  128. p, ul, ol, dl, table, fieldset, blockquote, pre, code {
  129.     margin-bottom: 20px;
  130. }
  131. /* Basic size
  132. ---------------------------------------------------------- */
  133. h1, h2, h3, h4, h5, h6 {
  134.     margin-bottom: 0.6em;
  135.     font-weight: normal;
  136.     line-height: 1em;
  137. }
  138. h1 {
  139.     font-size: 36px;
  140. }
  141. h2 {
  142.     font-size: 30px;
  143. }
  144. h3 {
  145.     font-size: 24px;
  146. }
  147. h4 {
  148.     font-size: 18px;
  149. }
  150. h5 {
  151.     font-size: 14px;
  152. }
  153. h6 {
  154.     font-size: 12px;
  155. }
  156. h1 .subTitle, h2 .subTitle, h3 .subTitle, h4 .subTitle, h5 .subTitle, h6 .subTitle {
  157.     display: block;
  158.     color: #999;
  159.     font-size: 0.65em;
  160.     margin: 0;
  161. }
  162. /* Basic lists
  163. ---------------------------------------------------------- */
  164. ul {
  165.     margin-left: 1.5em;
  166.     list-style-type: disc;
  167. }
  168. ul li {
  169.     margin-left: .85em;
  170. }
  171. ul ul {
  172.     list-style-type: square;
  173. }
  174. ul ul ul {
  175.     list-style-type: circle;
  176. }
  177. ol {
  178.     margin-left: 2.35em;
  179.     list-style-position: outside;
  180.     list-style-type: decimal;
  181. }
  182. dt {
  183.     margin-top: .8em;
  184.     margin-bottom: .4em;
  185.     font-weight: bold;
  186. }
  187. ol ol, ul ol {
  188.     margin-left: 2.5em;
  189. }
  190. ul ol, ol ul, ol ol, ul ul {
  191.     margin-bottom: 0;
  192. }
  193. /* Link style
  194. ---------------------------------------------------------- */
  195. a:link, a:visited, a:hover, a:active, a:focus {
  196.     color:#666;
  197.     outline: 0 none;
  198.     text-decoration: none;
  199. }
  200. /* Non-semantic helper classes
  201. ---------------------------------------------------------- */
  202. .center {
  203.     text-align: center;
  204. }
  205. .hidden {
  206.     display: none;
  207.     visibility: hidden;
  208. }
  209. .invisible {
  210.     visibility: hidden;
  211. }
  212. .alignright {
  213.     float: right;
  214. }
  215. .alignleft {
  216.     float: left;
  217. }
  218. .aligncenter {
  219.     margin-left:auto;
  220.     margin-right:auto;
  221. }
  222. .clearboth{
  223.     clear: both;
  224.     display: block;
  225.     font-size: 0px;
  226.     height: 0px;
  227.     line-height: 0;
  228.     width: 100%;
  229.     overflow:hidden;
  230. }
  231. /* ======================================================= */
  232. /*                          Form                           */
  233. /* ======================================================= */
  234. .form-item {
  235.     margin: 0 0 10px;
  236. }
  237. .form-item label {
  238.     cursor: pointer;
  239. }
  240. fieldset {
  241.     padding: 1em;
  242.     border: 1px solid #ccc;
  243. }
  244. legend {
  245.     padding: 0 .8em;
  246.     font-weight: bold;
  247.     font-size: 1.2em;
  248. }
  249. textarea, input[type=text], input[type=password], input[type=email], select {
  250.     border: 1px solid #ccc;
  251.     background: #fff;
  252.     font-size: inherit;
  253. }
  254. input, select {
  255.     cursor: pointer;
  256. }
  257. input[type=text], input[type=password], input[type=email] {
  258.     cursor: text;
  259. }
  260. textarea {
  261.     overflow:auto;
  262. }
  263. textarea, input {
  264.     padding: 5px;
  265.     outline: none;
  266. }
  267. select {
  268.     padding: 2px;
  269. }
  270. option {
  271.     padding: 0 4px;
  272. }
  273. input[type=button], button {
  274.     padding: 4px;
  275.     cursor: pointer;
  276.     vertical-align: middle;
  277. }
  278. input.text_input,textarea.textarea {
  279.     border: 1px solid #ccc;
  280.     background: url("../images/input_bg.png") no-repeat scroll 0 0 transparent;
  281.      -moz-border-radius: 1px;
  282.   -webkit-border-radius: 1px;
  283.           border-radius: 1px;
  284. }
  285. input.text_input:focus,textarea.textarea:focus {
  286.     border: 1px solid #999;
  287. }
  288. /* ======================================================= */
  289. /*                          Table                          */
  290. /* ======================================================= */
  291. table, td, th {
  292.     vertical-align: middle;
  293. }
  294. caption {
  295.     padding-bottom: 0.8em;
  296. }
  297. /* Table Style
  298. ---------------------------------------------------------- */
  299. .table_style
  300. {
  301.     border: 1px solid #dddddd;
  302.     margin-bottom:20px;
  303. }
  304. .table_style table
  305. {
  306.     text-align: left;
  307.     border-collapse: collapse;
  308.     border: 1px solid #fff;
  309.     width:100%;
  310.     padding:0;
  311.     margin:0;
  312. }
  313. .table_style th
  314. {
  315.     text-align:center;
  316.     padding:12px;
  317.     font-weight: normal;
  318.     font-size: 14px;
  319.     color: #555;
  320.     background-color:#EEEEEE;
  321. }
  322. .table_style tbody
  323. {
  324.     background: #F9F9F9;
  325. }
  326. .table_style td
  327. {
  328.     text-align:center;
  329.     padding: 10px;
  330.     color: #666;
  331.     border-top: 1px dashed #fff;
  332. }
  333. .table_style tbody tr:hover td
  334. {
  335.     color: #333;
  336.     background: #fff;
  337.     border-top: 1px solid #fff;
  338. }
  339. .table_style tfoot
  340. {
  341.     background-color:#f3f3f3;
  342. }
  343. .table_style tfoot td
  344. {
  345.     padding:8px;
  346. }
  347. /* ======================================================= */
  348. /*                         Columns                         */
  349. /* ======================================================= */
  350. /* Basic columns
  351. ---------------------------------------------------------- */
  352. .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
  353.     position: relative;
  354.     margin-right: 4%;
  355.     float: left;
  356. }
  357. .one_half {
  358.     width: 48%;
  359. }
  360. .one_third {
  361.     width: 30.6666%;
  362. }
  363. .two_third {
  364.     width: 65.3332%;
  365. }
  366. .one_fourth {
  367.     width: 22%;
  368. }
  369. .two_fourth {
  370.     width: 48%;
  371. }
  372. .three_fourth {
  373.     width: 74%;
  374. }
  375. .one_fifth {
  376.     width: 16.8%;
  377. }
  378. .two_fifth {
  379.     width: 37.6%;
  380. }
  381. .three_fifth {
  382.     width: 58.4%;
  383. }
  384. .four_fifth {
  385.     width: 79.2%;
  386. }
  387. .one_sixth {
  388.     width: 13.3333%;
  389. }
  390. .two_sixth {
  391.     width: 30.6666%;
  392. }
  393. .three_sixth {
  394.     width: 47.9998%;
  395. }
  396. .four_sixth {
  397.     width: 65.3332%;
  398. }
  399. .five_sixth {
  400.     width: 82.6665%;
  401. }
  402. .last {
  403.     margin-right: 0 !important;
  404.     clear: right;
  405. }
  406. /* Two level columns
  407. ---------------------------------------------------------- */
  408. .one_half .one_half {
  409.     margin-right: 8.3333%;
  410.     width: 45.8333%;
  411. }
  412. .one_half .one_third {
  413.     margin-right: 8.3333%;
  414.     width: 27.7778%;
  415. }
  416. .one_half .two_third {
  417.     margin-right: 8.3333%;
  418.     width: 63.8889%;
  419. }
  420. .two_third .one_third {
  421.     margin-right: 6.1224%;
  422.     width: 29.2517%;
  423. }
  424. .two_third .two_third {
  425.     margin-right: 6.1224%;
  426.     width: 64.6258%;
  427. }
  428. .two_third .one_fourth {
  429.     margin-right: 6.1224%;
  430.     width: 20.4082%;
  431. }
  432. /* ======================================================= */
  433. /*                         Divider                         */
  434. /* ======================================================= */
  435. .divider {
  436.     position:relative;
  437.     clear:both;
  438.     display:block;
  439.     padding-top:20px;
  440.     margin-bottom:40px;
  441.     border-bottom:1px solid #EEEEEE;
  442. }
  443. .divider.top a {
  444.     position:absolute;
  445.     right:0;
  446.     top:10px;
  447.     width:20px;
  448.     background:none repeat scroll 0 0 #FFFFFF;
  449.     font-size:10px;
  450.     padding:0 2px;
  451.     text-align:right;
  452.     text-decoration:none;
  453.     color:#ccc;
  454. }
  455. .divider_padding {
  456.     position:relative;
  457.     clear:both;
  458.     display:block;
  459.     padding-top:30px;
  460. }
  461. .divider_line {
  462.     position:relative;
  463.     clear:both;
  464.     display:block;
  465.     border-bottom:1px solid #EEEEEE;
  466.     margin-bottom:10px;
  467. }
  468. /* ======================================================= */
  469. /*                      Images Styles                      */
  470. /* ======================================================= */
  471. /* Basic image style
  472. ---------------------------------------------------------- */
  473. .preloading {
  474.     background:url("../images/loading.gif") #f9f9f9 no-repeat 50% 50%;
  475. }
  476. img.alignleft, .wp-caption.alignleft{
  477.     margin:2px 16px 2px 2px !important;
  478. }
  479. img.alignright, .wp-caption.alignright {
  480.     margin:2px 2px 2px 16px !important;
  481. }
  482. img.aligncenter, .wp-caption.aligncenter {
  483.     display: block;
  484.     margin: 2px auto !important;
  485.     text-align: center;
  486. }
  487. /* wp default image
  488. ---------------------------------------------------------- */
  489. .wp-caption {
  490.     background: #f5f5f5;
  491.     border: 1px solid #ddd;
  492.     margin-bottom: 10px;
  493.     padding-top: 5px;
  494.     text-align: center;
  495. }
  496. .wp-caption img {
  497.     border: 0 none;
  498.     margin: 0;
  499.     padding: 0;
  500. }
  501. p.wp-caption-text {
  502.     font-size: 12px;
  503.     line-height: 16px;
  504.     margin: 0;
  505.     padding: 0 5px 5px;
  506.     text-align: center;
  507. }
  508. /* Image with frame
  509. ---------------------------------------------------------- */
  510. .image_styled {
  511.     margin-bottom: 10px;
  512. }
  513. .image_styled.aligncenter .image_frame,.image_styled.aligncenter .image_shadow{
  514.     margin: 0 auto;
  515. }
  516. .image_frame {
  517.     background-color:#f9f9f9;
  518.     position: relative;
  519. }
  520. .image_styled,.image_frame,.image_styled img {
  521.     display: block;
  522. }
  523. .image_frame {
  524.     border:1px solid #eee;
  525. }
  526. .image_overlay{
  527.     position:absolute;
  528.     top:0;
  529.     height:100%;
  530.     width:100%;
  531.     visibility:hidden;
  532.     overflow: hidden;
  533. }
  534. .image_icon_zoom .image_overlay {
  535.     background:url("../images/image_icon_zoom.png") no-repeat scroll 50% 50% transparent;
  536. }
  537. .image_icon_play .image_overlay {
  538.     background:url("../images/image_icon_play.png") no-repeat scroll 50% 50% transparent;
  539. }
  540. .image_icon_doc .image_overlay {
  541.     background:url("../images/image_icon_doc.png") no-repeat scroll 50% 50% transparent;
  542. }
  543. .image_icon_link .image_overlay {
  544.     background:url("../images/image_icon_link.png") no-repeat scroll 50% 50% transparent;
  545. }
  546. .image_styled.alignleft {
  547.     margin-right:16px;
  548. }
  549. .image_styled.alignright {
  550.     margin-left:16px;
  551. }
  552. .image_no_link {
  553.     cursor: default;
  554. }
  555. /* Picture Frame
  556. ---------------------------------------------------------- */
  557. .picture_frame {
  558.     background:url("../images/picture_frame.png") no-repeat scroll 0 0 transparent;
  559.     height:166px;
  560.     width:148px;
  561.     margin-bottom:20px;
  562. }
  563. .picture_frame img{
  564.     padding:20px 21px 20px 21px;
  565.     width:106px;
  566.     height:126px;
  567. }
  568. /* ======================================================= */
  569. /*                   Extended Typography                   */
  570. /* ======================================================= */
  571. /* dropcap
  572. ---------------------------------------------------------- */
  573. .dropcap1, .dropcap2, .dropcap3, .dropcap4 {
  574.     float: left;
  575.     text-align: center;
  576.     overflow:hidden;
  577. }
  578. .dropcap1 {
  579.     background:url("../images/dropcap_styles_black.png") no-repeat scroll 0px -48px transparent;
  580.     color:#fff;
  581.     line-height: 42px;
  582.     width: 40px;
  583.     margin:0 8px -4px 0;
  584.     font-size: 32px;
  585. }
  586. .dropcap1.black {
  587.     background-image:url("../images/dropcap_styles_black.png");
  588. }
  589. .dropcap1.gray {
  590.     background-image:url("../images/dropcap_styles_gray.png");
  591. }
  592. .dropcap1.red {
  593.     background-image:url("../images/dropcap_styles_red.png");
  594. }
  595. .dropcap1.orange {
  596.     background-image:url("../images/dropcap_styles_orange.png");
  597. }
  598. .dropcap1.magenta {
  599.     background-image:url("../images/dropcap_styles_magenta.png");
  600. }
  601. .dropcap1.yellow {
  602.     background-image:url("../images/dropcap_styles_yellow.png");
  603. }
  604. .dropcap1.blue {
  605.     background-image:url("../images/dropcap_styles_blue.png");
  606. }
  607. .dropcap1.pink {
  608.     background-image:url("../images/dropcap_styles_pink.png");
  609. }
  610. .dropcap1.green {
  611.     background-image:url("../images/dropcap_styles_green.png");
  612. }
  613. .dropcap1.rosy {
  614.     background-image:url("../images/dropcap_styles_rosy.png");
  615. }
  616. .dropcap2 {
  617.     background:url("../images/dropcap_styles_black.png") no-repeat scroll -52px 2px transparent;
  618.     color:#fff;
  619.     line-height: 44px;
  620.     height:44px;
  621.     width: 38px;
  622.     padding:0 2px 0 0;
  623.     margin:0 8px -4px 0;
  624.     font-size:28px;
  625. }
  626. .dropcap2.black {
  627.     background-image:url("../images/dropcap_styles_black.png");
  628. }
  629. .dropcap2.gray {
  630.     background-image:url("../images/dropcap_styles_gray.png");
  631. }
  632. .dropcap2.red {
  633.     background-image:url("../images/dropcap_styles_red.png");
  634. }
  635. .dropcap2.orange {
  636.     background-image:url("../images/dropcap_styles_orange.png");
  637. }
  638. .dropcap2.magenta {
  639.     background-image:url("../images/dropcap_styles_magenta.png");
  640. }
  641. .dropcap2.yellow {
  642.     background-image:url("../images/dropcap_styles_yellow.png");
  643. }
  644. .dropcap2.blue {
  645.     background-image:url("../images/dropcap_styles_blue.png");
  646. }
  647. .dropcap2.pink {
  648.     background-image:url("../images/dropcap_styles_pink.png");
  649. }
  650. .dropcap2.green {
  651.     background-image:url("../images/dropcap_styles_green.png");
  652. }
  653. .dropcap2.rosy {
  654.     background-image:url("../images/dropcap_styles_rosy.png");
  655. }
  656. .dropcap3 {
  657.     font-size:40px;
  658.     line-height: 40px;
  659.     width:44px;
  660.     height:44px;
  661.     margin:0 0 -4px 0;
  662. }
  663. .dropcap4 {
  664.     font-size:36px;
  665.     line-height: 40px;
  666.     width:44px;
  667.     height:44px;
  668.     margin:0 0 -4px 0;
  669. }
  670. .dropcap3.black, .dropcap4.black {
  671.     color: #333333;
  672. }
  673. .dropcap3.gray, .dropcap4.gray {
  674.     color: #666666;
  675. }
  676. .dropcap3.red, .dropcap4.red {
  677.     color: #e62727;
  678. }
  679. .dropcap3.orange, .dropcap4.orange {
  680.     color: #ff5c00;
  681. }
  682. .dropcap3.magenta, .dropcap4.magenta {
  683.     color: #a9014b;
  684. }
  685. .dropcap3.yellow, .dropcap4.yellow {
  686.     color: #ffb515;
  687. }
  688. .dropcap3.blue, .dropcap4.blue {
  689.     color: #00ADEE;
  690. }
  691. .dropcap3.pink, .dropcap4.pink {
  692.     color: #e22092;
  693. }
  694. .dropcap3.green, .dropcap4.green {
  695.     color: #91bd09;
  696. }
  697. .dropcap3.rosy, .dropcap4.rosy {
  698.     color: #f16C7c;
  699. }
  700. /** fix cufon position **/
  701. .dropcap1 .cufon-canvas {
  702.     margin-top:-4px;
  703. }
  704. .dropcap2 .cufon-canvas {
  705.     margin-top:-2px;
  706. }
  707. .dropcap3 .cufon-canvas {
  708.     margin-top:-4px;
  709. }
  710. /* highlight
  711. ---------------------------------------------------------- */
  712. .highlight {
  713.     background: #FFFF99;
  714. }
  715. .highlight.dark {
  716.     background: #333;
  717.     color:#FFF;
  718. }
  719. /* code & pre
  720. ---------------------------------------------------------- */
  721. .code,.pre{
  722.     border: 1px solid #e0e0e0;
  723.     padding: 10px;
  724.     background:#ffffff;
  725.     white-space: pre-wrap;                 /* CSS3 browsers  */
  726.     white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
  727.     white-space: -pre-wrap;                /* Opera 4 thru 6 */
  728.     white-space: -o-pre-wrap;              /* Opera 7 and up */
  729.     overflow:auto;
  730. }
  731. .code {
  732.     background:url("../images/code_bg.gif") repeat scroll 0 0 #f2f3f5;
  733.     padding:20px 10px;
  734. }
  735. /* blockquote
  736. ---------------------------------------------------------- */
  737. blockquote {
  738.     font-family: Georgia,"Times New Roman",Times,serif;
  739.     font-size: 16px;
  740.     color:#444;
  741.     line-height: 24px;
  742.     padding: 10px 20px 10px 45px;
  743.     background:url("../images/quote.gif") no-repeat scroll 0px 6px transparent;
  744. }
  745. blockquote p {
  746.     margin-bottom:8px;
  747. }
  748. blockquote.alignleft {
  749.     margin: 10px 20px 0 0;
  750.     width: 220px;
  751. }
  752. blockquote.alignright {
  753.     margin: 10px 0 0 20px;
  754.     width: 220px;
  755. }
  756. blockquote cite {
  757.     color: #666;
  758.     font-size: 12px;
  759. }
  760. /* list style
  761. ---------------------------------------------------------- */
  762. ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12 {
  763.     list-style-type:none;
  764.     margin-left:5px;
  765. }
  766. ul.list1 li,ul.list2 li,ul.list3 li,ul.list4 li,ul.list5 li,ul.list6 li,ul.list7 li,ul.list8 li,ul.list9 li,ul.list10 li,ul.list11 li,ul.list12 li {
  767.     background-image:url("../images/list_styles_black.png");
  768.     background-repeat:no-repeat;
  769.     background-attachment:scroll;
  770.     background-color:transparent;
  771.     padding-left:28px;
  772.     margin:4px 0;
  773. }
  774. ul.list1 li{
  775.     background-position: -340px 0px;
  776. }
  777. ul.list2 li{
  778.     background-position: -310px -30px;
  779. }
  780. ul.list3 li{
  781.     background-position: -280px -60px;
  782. }
  783. ul.list4 li{
  784.     background-position: -250px -90px;
  785. }
  786. ul.list5 li{
  787.     background-position: -220px -120px;
  788. }
  789. ul.list6 li{
  790.     background-position: -190px -150px;
  791. }
  792. ul.list7 li{
  793.     background-position: -160px -180px;
  794. }
  795. ul.list8 li{
  796.     background-position: -130px -210px;
  797. }
  798. ul.list9 li{
  799.     background-position: -100px -240px;
  800. }
  801. ul.list10 li{
  802.     background-position: -70px -270px;
  803. }
  804. ul.list11 li{
  805.     background-position: -40px -300px;
  806. }
  807. ul.list12 li{
  808.     background-position: -10px -330px;
  809. }
  810. ul.list_color_black li {
  811.     background-image:url("../images/list_styles_black.png");
  812. }
  813. ul.list_color_gray li {
  814.     background-image:url("../images/list_styles_gray.png");
  815. }
  816. ul.list_color_red li {
  817.     background-image:url("../images/list_styles_red.png");
  818. }
  819. ul.list_color_orange li {
  820.     background-image:url("../images/list_styles_orange.png");
  821. }
  822. ul.list_color_magenta li {
  823.     background-image:url("../images/list_styles_magenta.png");
  824. }
  825. ul.list_color_yellow li {
  826.     background-image:url("../images/list_styles_yellow.png");
  827. }
  828. ul.list_color_blue li {
  829.     background-image:url("../images/list_styles_blue.png");
  830. }
  831. ul.list_color_pink li {
  832.     background-image:url("../images/list_styles_pink.png");
  833. }
  834. ul.list_color_green li {
  835.     background-image:url("../images/list_styles_green.png");
  836. }
  837. ul.list_color_rosy li {
  838.     background-image:url("../images/list_styles_rosy.png");
  839. }
  840. /* Text with icons
  841. ---------------------------------------------------------- */
  842. .icon_text {
  843.     padding:0 0 0 22px;
  844.     background-image:url("../images/icons.png");
  845.     background-repeat:no-repeat;
  846.     background-attachment:scroll;
  847.     background-color:transparent;
  848. }
  849. #footer .icon_text {
  850.     background-image:url("../images/footer_icons.png");
  851. }
  852. .icon_globe {
  853.     background-position: -390px 0px;
  854. }
  855. .icon_home {
  856.     background-position: -360px -30px;
  857. }
  858. .icon_email {
  859.     background-position: -330px -60px;
  860. }
  861. .icon_user {
  862.     background-position: -300px -90px;
  863. }
  864. .icon_multiuser {
  865.     background-position: -270px -120px;
  866. }
  867. .icon_id {
  868.     background-position: -240px -150px;
  869. }
  870. .icon_addressbook {
  871.     background-position: -210px -180px;
  872. }
  873. .icon_phone {
  874.     background-position: -180px -210px;
  875. }
  876. .icon_link {
  877.     background-position: -150px -240px;
  878. }
  879. .icon_chain {
  880.     background-position: -120px -270px;
  881. }
  882. .icon_calendar {
  883.     background-position: -90px -300px;
  884. }
  885. .icon_tag {
  886.     background-position: -60px -330px;
  887. }
  888. .icon_download {
  889.     background-position: -30px -360px;
  890. }
  891. .icon_cellphone {
  892.     background-position: 1px -390px;
  893. }
  894. .icon_text.black {
  895.     background-image:url("../images/icons_black.png");
  896. }
  897. .icon_text.gray {
  898.     background-image:url("../images/icons_gray.png");
  899. }
  900. .icon_text.red {
  901.     background-image:url("../images/icons_red.png");
  902. }
  903. .icon_text.orange {
  904.     background-image:url("../images/icons_orange.png");
  905. }
  906. .icon_text.magenta {
  907.     background-image:url("../images/icons_magenta.png");
  908. }
  909. .icon_text.yellow {
  910.     background-image:url("../images/icons_yellow.png");
  911. }
  912. .icon_text.blue {
  913.     background-image:url("../images/icons_blue.png");
  914. }
  915. .icon_text.pink {
  916.     background-image:url("../images/icons_pink.png");
  917. }
  918. .icon_text.green {
  919.     background-image:url("../images/icons_green.png");
  920. }
  921. .icon_text.rosy {
  922.     background-image:url("../images/icons_rosy.png");
  923. }
  924. /* ======================================================= */
  925. /*                Tabs & Accordion & Toggle                */
  926. /* ======================================================= */
  927. /* Tabs
  928. ---------------------------------------------------------- */
  929. .tabs_container {
  930.     margin-bottom: 20px;
  931. }
  932. ul.tabs {
  933.     overflow:hidden;
  934.     border-bottom: 1px solid #ddd;
  935.     list-style: none;
  936.     margin: 0;
  937.     padding: 0;
  938. }
  939. ul.tabs li {  
  940.     border: 1px solid #ddd;
  941.     border-bottom: 0;
  942.     display: inline;
  943.     float: left;
  944.     margin: 0 -1px -1px 0;
  945.     padding: 1px;
  946. }
  947. ul.tabs a {
  948.     display: block;
  949.     padding: 0 10px;
  950.     background: #f5f5f5;
  951.     color: #666;
  952.     padding: 6px 9px;
  953.     font-size: 11px;
  954.     font-weight: bold;
  955.     line-height: 14px;
  956.     white-space: nowrap;
  957. }
  958. ul.tabs a:hover {
  959.     background: #fff;
  960.     text-decoration: none;
  961. }
  962. ul.tabs li.current {
  963.     background: #fff;
  964. }
  965. ul.tabs li.current a {
  966.     background: #fff;
  967.     color: #333;
  968.     cursor: default;
  969. }
  970. .tabs_container .panes {
  971.     border: 1px solid #ddd;
  972.     border-top: 0;
  973.     margin: 0;
  974.     padding: 10px 15px;
  975.     background: #fff;
  976. }
  977. .tabs_container .panes > div{
  978.     display:none;
  979. }
  980. #footer ul.tabs li{
  981.     padding: 0px;
  982.     margin: 0 0 -1px 0;
  983. }
  984. #footer ul.tabs, #footer ul.tabs li, #footer .tabs_container .panes {
  985.     border-color:#999;
  986.     border-color: rgba(255, 255, 255, 0.15);
  987. }
  988. #footer ul.tabs a {
  989.     background: transparent;
  990. }
  991. #footer ul.tabs a:hover, #footer ul.tabs li.current, #footer ul.tabs li.current a {
  992.     background-color: transparent;
  993. }
  994. #footer ul.tabs li.current {
  995.     background-color: rgba(255, 255, 255, 0.1);
  996.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF');
  997.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')";
  998. }
  999. #footer .tabs_container .panes {
  1000.     padding: 10px 15px;
  1001.     background: transparent;
  1002. }
  1003. /* Mini Tabs
  1004. ---------------------------------------------------------- */
  1005. .mini_tabs_container {
  1006.     margin-bottom: 20px;   
  1007. }
  1008. ul.mini_tabs {
  1009.     overflow:hidden;
  1010.     background:url("../images/mini_tabs_border.gif") repeat-x scroll left bottom transparent;
  1011.     list-style: none;
  1012.     margin: 0;
  1013.     padding: 0;
  1014.     padding-left:10px;
  1015. }
  1016. ul.mini_tabs li {  
  1017.     -webkit-border-top-left-radius: 1px;
  1018.     -webkit-border-top-right-radius: 1px;
  1019.     -moz-border-radius-topleft: 1px;
  1020.     -moz-border-radius-topright: 1px;
  1021.     border-top-left-radius: 1px;
  1022.     border-top-right-radius: 1px;
  1023.     border: 1px solid #ddd;
  1024.     border-bottom: 0;
  1025.     display: inline;
  1026.     float: left;
  1027.     margin: 0 4px 0 0;
  1028.     padding: 1px;
  1029. }
  1030. ul.mini_tabs a {
  1031.     display: block;
  1032.     padding: 0 10px;
  1033.     background: #f5f5f5;
  1034.     color: #666;
  1035.     padding: 2px 10px;
  1036.     font-size: 12px;
  1037.     font-weight:bold;
  1038.     line-height: 20px;
  1039.     white-space: nowrap;
  1040. }
  1041. ul.mini_tabs a:hover {
  1042.     background: #fff;
  1043.     text-decoration: none;
  1044. }
  1045. ul.mini_tabs li.current {
  1046.     background: #fff;
  1047. }
  1048. ul.mini_tabs li.current a {
  1049.     background: #fff;
  1050.     color: #333;
  1051.     cursor: default;
  1052. }
  1053. .mini_tabs_container .panes {
  1054.     margin: 0;
  1055.     padding: 10px 0px;
  1056. }
  1057. .mini_tabs_container .panes > div{
  1058.     display:none;
  1059. }
  1060. #footer ul.mini_tabs {
  1061.     background:url("../images/footer_list_divider.png") repeat-x scroll left bottom transparent;
  1062.     padding-bottom:1px;
  1063.     padding-left:0;
  1064. }
  1065. #footer ul.mini_tabs li{
  1066.     border:none;
  1067.     padding:0px;
  1068. }
  1069. #footer ul.mini_tabs a {
  1070.     background: transparent;
  1071.     padding:3px 6px 2px;
  1072. }
  1073. #footer ul.mini_tabs a:hover, #footer ul.mini_tabs li.current, #footer ul.mini_tabs li.current a {
  1074.     background-color: transparent;
  1075. }
  1076. #footer ul.mini_tabs li.current {
  1077.     background-color: rgba(255, 255, 255, 0.1);
  1078.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF');
  1079.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')";
  1080. }
  1081. /* Accordion
  1082. ---------------------------------------------------------- */
  1083. .accordion {
  1084.     border:1px solid #ddd;
  1085.     margin-bottom:20px;
  1086. }
  1087. .accordion .tab {
  1088.     color:#666;
  1089.     background-color:#f5f5f5;
  1090.     margin:0;
  1091.     padding:5px 15px;
  1092.     font-size:14px;
  1093.     font-weight:normal;
  1094.     border:1px solid #fff;
  1095.     border-bottom:none;
  1096.     cursor:pointer;
  1097.     border-bottom:1px solid #ddd;
  1098. }
  1099. /* currently active header */
  1100. .accordion .tab.current {
  1101.     color:#333;
  1102.     cursor:default;
  1103.     background-color:#fff;
  1104. }
  1105. /* accordion pane */
  1106. .accordion .pane {
  1107.     border-bottom:1px solid #ddd;
  1108.     display:none;
  1109.     padding:10px 15px;
  1110.     font-size:12px;
  1111.     overflow: hidden;
  1112. }
  1113. .accordion .tab:nth-last-child(2) {
  1114.     border-bottom:none;
  1115. }
  1116. .accordion .pane:last-child {
  1117.     border-top:1px solid #ddd;
  1118.     border-bottom:none;
  1119. }
  1120. /* Toggle
  1121. ---------------------------------------------------------- */
  1122. .toggle {
  1123.     position:relative;
  1124.     margin-bottom:10px;
  1125. }
  1126. .toggle_title {
  1127.     margin:0;
  1128.     padding:5px 10px 5px 45px;
  1129.     font-size:18px;
  1130.     line-height:18px;
  1131.     background: url("../images/toggle_buttons.png") no-repeat scroll -30px 3px transparent;
  1132.     cursor:pointer;
  1133. }
  1134. .toggle_active {
  1135.     background-position: 0px -27px;
  1136. }
  1137. .toggle_content {
  1138.     padding:10px;
  1139.     margin-top:5px;
  1140.     margin-left:5px;
  1141.     display:none;
  1142. }
  1143. /* ======================================================= */
  1144. /*                      Boxes Styles                       */
  1145. /* ======================================================= */
  1146. /* Messages
  1147. ---------------------------------------------------------- */
  1148. .info, .error, .notice, .success {
  1149.     -webkit-border-radius: 1px;
  1150.     -moz-border-radius: 1px;
  1151.     border-radius: 1px;
  1152.     border: 1px solid #bbb;
  1153.     margin-bottom: 20px;
  1154. }
  1155. .message_box_content h3 {
  1156.     margin-bottom: 0px;
  1157. }
  1158. .message_box_content {
  1159.     border: 1px solid #fff;
  1160.     padding:10px;
  1161. }
  1162. .info {
  1163.     background: #D7E7F5;
  1164.     color: #5E6984;
  1165.     border-color: #AACEE6;
  1166. }
  1167. .error {
  1168.     background: #FDE9EA;
  1169.     color: #A14A40;
  1170.     border-color: #FDCED0;
  1171. }
  1172. .notice {
  1173.     background: #FFF9CC;
  1174.     color: #736B4C;
  1175.     border-color: #FFDB4F;
  1176. }
  1177. .success {
  1178.     background: #E2F2CE;
  1179.     color: #466840;
  1180.     border-color: #BFE098;
  1181. }
  1182. .info a {
  1183.     color: #5E6984 !important;
  1184. }
  1185. .error a {
  1186.     color: #A14A40 !important;
  1187. }
  1188. .notice a {
  1189.     color: #736B4C !important;
  1190. }
  1191. .success a {
  1192.     color: #466840 !important;
  1193. }
  1194. .error_msg {
  1195.     margin-top: -20px;
  1196.     margin-bottom: 20px;
  1197.     background: none repeat scroll 0 0 #fff3f3;
  1198.     border: 1px solid #fcbec0;
  1199.     border-top: 0 none;
  1200.     color: #684c4c;
  1201. }
  1202. .error_msg ul, .error_msg ol {
  1203.     margin-bottom: 0;
  1204. }
  1205. /* Framed box
  1206. ---------------------------------------------------------- */
  1207. .framed_box {
  1208.     -webkit-border-radius: 1px;
  1209.     -moz-border-radius: 1px;
  1210.     border-radius: 1px;
  1211.     border: 1px solid #bbb;
  1212.     margin-bottom: 20px;
  1213. }
  1214. .rounded,.rounded .framed_box_content{
  1215.     -webkit-border-radius: 8px;
  1216.     -moz-border-radius: 8px;
  1217.     border-radius: 8px;
  1218. }
  1219. .framed_box.center{
  1220.     text-align:center;
  1221. }
  1222. .framed_box_content {
  1223.     border: 1px solid #fff;
  1224.     background-color: #f0f0f0;
  1225.     padding:20px;
  1226.     padding-bottom: 0;
  1227. }
  1228. /* Note box
  1229. ---------------------------------------------------------- */
  1230. .note {
  1231.     -webkit-border-radius: 1px;
  1232.     -moz-border-radius: 1px;
  1233.     border-radius: 1px;
  1234.     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* FF3.5+ */
  1235.     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Saf3.0+, Chrome */
  1236.     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); /* Opera 10.5, IE 9.0 */
  1237.     -webkit-border-radius: 1px;
  1238.     -moz-border-radius: 1px;
  1239.     border-radius: 1px;
  1240.     border:1px solid #eee;
  1241.     border:1px solid rgba(0, 0, 0, 0.08);
  1242.     margin-bottom: 20px;
  1243.     background:#FEFDF0;
  1244.     background: -moz-linear-gradient(
  1245.         center top,
  1246.         rgba(255, 255, 0, .1) 0%,
  1247.         rgba(238, 238, 0, .08) 100%
  1248.     );/* FF3.6 */
  1249.     background: -webkit-gradient(
  1250.         linear,
  1251.         center bottom,
  1252.         center top,
  1253.         from(rgba(238, 238, 0, .1)),
  1254.         to(rgba(255, 255, 0, .08))
  1255.     );/* Saf4+, Chrome */
  1256.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00'); /* IE6,IE7 */
  1257.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#15FFFF00', EndColorStr='#19EEEE00')"; /* IE8 */
  1258. }
  1259. .note_title{
  1260.     padding:15px 20px 5px 16px;
  1261.     margin:0;
  1262. }
  1263. .note.alignleft{
  1264.     margin:2px 16px 16px 2px !important;
  1265. }
  1266. .note.alignright{
  1267.     margin:2px 2px 16px 16px !important;
  1268. }
  1269. .note_content {
  1270.     padding:0 15px 20px;
  1271. }
  1272. /* ======================================================= */
  1273. /*                     Buttons Styles                      */
  1274. /* ======================================================= */
  1275. .button, .button span {
  1276.     display: inline-block;
  1277.     -webkit-border-radius: 4px;
  1278.     -moz-border-radius: 4px;
  1279.     border-radius: 4px;
  1280. }
  1281. .button {
  1282.     white-space: nowrap;
  1283.     line-height:1em;
  1284.     position:relative;
  1285.     outline: none;
  1286.     overflow: visible; /* removes extra side padding in IE */
  1287.     cursor: pointer;
  1288.     border: 1px solid #999;/* IE */
  1289.     border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
  1290.     border-bottom:rgba(0, 0, 0, .4) 1px solid;
  1291.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1292.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1293.     box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1294.     background: -moz-linear-gradient(
  1295.         center top,
  1296.         rgba(255, 255, 255, .1) 0%,
  1297.         rgba(0, 0, 0, .1) 100%
  1298.     );/* FF3.6 */
  1299.     background: -webkit-gradient(
  1300.         linear,
  1301.         center bottom,
  1302.         center top,
  1303.         from(rgba(0, 0, 0, .1)),
  1304.         to(rgba(255, 255, 255, .1))
  1305.     );/* Saf4+, Chrome */
  1306.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
  1307.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
  1308.     -moz-user-select: none;
  1309.     -webkit-user-select:none;
  1310.     -khtml-user-select: none;
  1311.     user-select: none;
  1312. }
  1313. button::-moz-focus-inner {
  1314.     border: none; /* overrides extra padding in Firefox */
  1315. }
  1316. button.button  {
  1317.     padding:0px;
  1318.     margin:0;
  1319. }
  1320. .button.full, .button.full span {
  1321.     display: block;
  1322. }
  1323. .button:hover, .button.hover {
  1324.     background: -moz-linear-gradient(
  1325.         center top,
  1326.         rgba(255, 255, 255, .2) 0%,
  1327.         rgba(255, 255, 255, .1) 100%
  1328.     );/* FF3.6 */
  1329.     background: -webkit-gradient(
  1330.         linear,
  1331.         center bottom,
  1332.         center top,
  1333.         from(rgba(255, 255, 255, .1)),
  1334.         to(rgba(255, 255, 255, .2))
  1335.     );/* Saf4+, Chrome */
  1336.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
  1337.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
  1338. }
  1339. .button:active, .button.active {
  1340.     top:1px;
  1341.     background: -moz-linear-gradient(
  1342.         center top,
  1343.         rgba(0, 0, 0, .1) 0%,
  1344.         rgba(255, 255, 255, .1) 100%
  1345.     );/* FF3.6 */
  1346.     background: -webkit-gradient(
  1347.         linear,
  1348.         center bottom,
  1349.         center top,
  1350.         from(rgba(255, 255, 255, .1)),
  1351.         to(rgba(0, 0, 0, .1))
  1352.     );/* Saf4+, Chrome */
  1353.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
  1354.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
  1355. }
  1356. .button span {
  1357.     position: relative;
  1358.     color:#fff;
  1359.     text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
  1360.     border-top: rgba(255, 255, 255, .2) 1px solid;
  1361.     padding:0.6em 1.3em;
  1362.     line-height:1em;
  1363.     text-decoration:none;
  1364.     text-align:center;
  1365.     white-space: nowrap;
  1366. }
  1367. @media screen and (-webkit-min-device-pixel-ratio:0) {
  1368.     /* Safari and Google Chrome only - fix margins */
  1369.     button.button span {
  1370.         margin-top: -1px;
  1371.         margin-left:-2px;
  1372.         margin-right:-2px;
  1373.     }
  1374. }
  1375. .button.small span {
  1376.     font-size:12px;
  1377. }
  1378. .button.medium span {
  1379.     font-size:14px;
  1380. }
  1381. .button.large span {
  1382.     font-size:18px;
  1383. }
  1384. /* Button Color Scheme
  1385. ---------------------------------------------------------- */
  1386. .button.black {
  1387.     background-color: #333333;
  1388. }
  1389. .button.gray {
  1390.     background-color: #666666;
  1391. }
  1392. .button.white {
  1393.     background-color: #FFFFFF;
  1394. }
  1395. .button.white span{
  1396.     color: #666666;
  1397. }
  1398. .button.red {
  1399.     background-color: #e62727;
  1400. }
  1401. .button.orange {
  1402.     background-color: #ff5c00;
  1403. }
  1404. .button.magenta {
  1405.     background-color: #A9014B;
  1406. }
  1407. .button.yellow {
  1408.     background-color: #ffb515;
  1409. }
  1410. .button.blue {
  1411.     background-color: #00ADEE;
  1412. }
  1413. .button.pink {
  1414.     background-color: #e22092;
  1415. }
  1416. .button.green {
  1417.     background-color: #91bd09;
  1418. }
  1419. .button.rosy {
  1420.     background-color: #F16C7C;
  1421. }
  1422. /* ======================================================= */
  1423. /*                        ColorBox                         */
  1424. /* ======================================================= */
  1425. /*
  1426.     ColorBox Core Style
  1427.     The following rules are the styles that are consistant between themes.
  1428.     Avoid changing this area to maintain compatability with future versions of ColorBox.
  1429. */
  1430. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  1431. #cboxOverlay{position:fixed; width:100%; height:100%;}
  1432. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  1433. #cboxContent{position:relative;}
  1434. #cboxLoadedContent{overflow:auto;}
  1435. #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
  1436. #cboxTitle{margin:0;}
  1437. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  1438. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  1439. /*
  1440.     ColorBox example user style
  1441.     The following rules are ordered and tabbed in a way that represents the
  1442.     order/nesting of the generated HTML, so that the structure easier to understand.
  1443. */
  1444. #cboxOverlay{background:#000;}
  1445. #colorbox{}
  1446.     #cboxTopLeft{width:29px; height:29px; background:url("../images/colorbox_corners.png") 0 0 no-repeat;}
  1447.     #cboxTopCenter{height:29px; background:url("../images/colorbox_corners.png") 0 -29px repeat-x;}
  1448.     #cboxTopRight{width:29px; height:29px; background:url("../images/colorbox_corners.png") -29px 0 no-repeat;}
  1449.     #cboxBottomLeft{width:29px; height:70px; background:url("../images/colorbox_corners.png") 0 -58px no-repeat;}
  1450.     #cboxBottomCenter{height:70px; background:url("../images/colorbox_corners.png") 0 -128px repeat-x;}
  1451.     #cboxBottomRight{width:29px; height:70px; background:url("../images/colorbox_corners.png") -29px -58px no-repeat;}
  1452.     #cboxMiddleLeft{width:29px; background:url("../images/colorbox_border.png") 0 0 repeat-y;}
  1453.     #cboxMiddleRight{width:29px; background:url("../images/colorbox_border.png") -29px 0 repeat-y;}
  1454.     #cboxContent{background:#fff;}
  1455.         #cboxLoadedContent {}
  1456.         #cboxLoadingOverlay{background:url("../images/colorbox_loading_bg.png") center center no-repeat;}
  1457.         #cboxLoadingGraphic{background:url("../images/loading_big.gif") center center no-repeat;}
  1458.         #cboxTitle{position:absolute; bottom:-30px; left:0; text-align:center; width:100%;height:20px; font-size:20px; color:#666;}
  1459.         #cboxCurrent{position:absolute; bottom:-33px; right:15px; color:#999;}
  1460.         #cboxPrevious,#cboxNext{z-index:1000;position:absolute;top:0;width:40%; height:100%;text-indent:-9999px;background:url("../images/blank.gif") 0 0 repeat;}
  1461.         #cboxPrevious{ left:-1px;}
  1462.         #cboxPrevious.hover{background:url("../images/colorbox_previous.png") left center no-repeat;}
  1463.         #cboxNext{right:-1px;}
  1464.         #cboxNext.hover{background:url("../images/colorbox_next.png") right center no-repeat;}
  1465.         #cboxClose{position:absolute; top:-1px; right:5px; display:block; background:url("../images/colorbox_close.png") 0 0 no-repeat; width:45px; height:26px; text-indent:-9999px;z-index:100000;}
  1466.         #cboxClose.hover{}
  1467.         .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
  1468.         .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
  1469.         .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
  1470.         .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
  1471. #colorbox.withVideo #cboxPrevious,#colorbox.withVideo #cboxNext{
  1472.     width:30px;
  1473.     height:200px;
  1474.     top:95px;
  1475. }
  1476. /* fixes png-transparency for IE. */
  1477. .cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
  1478.     background:transparent;
  1479. }
  1480. /* ======================================================= */
  1481. /*                        Structure                        */
  1482. /* ======================================================= */
  1483. /* Main Structure
  1484. ---------------------------------------------------------- */
  1485. #page {
  1486.     position:relative;
  1487. }
  1488. #main, #sidebar{ position:relative; }
  1489. * html #page, * html #sidebar{ display:inline; }
  1490. .inner{ width:960px; margin:0 auto; position:relative; height:100%;}
  1491. #page .inner { padding: 40px 0 0; }
  1492. #page_bottom {
  1493.     height:30px;
  1494.     background:url("../images/page_bottom_line.png") repeat-x scroll 0 0 transparent;
  1495. }
  1496. /* Right Sidebar
  1497. ---------------------------------------------------------- */
  1498. .right_sidebar #main{ float:left; width:630px; }
  1499. .right_sidebar #main .content {
  1500.     width:630px;
  1501.     overflow: hidden;
  1502. }
  1503. .right_sidebar #sidebar {
  1504.     float:right;
  1505.     width:300px;
  1506.     margin: 0 0 0.5em 30px;
  1507. }
  1508. .right_sidebar #sidebar_content {
  1509.     background: url("../images/sidebar_divider.png") no-repeat scroll left top transparent;
  1510.     padding-top:50px;
  1511.     padding-left:25px;
  1512.     min-height:100px;
  1513.     overflow: hidden;
  1514. }
  1515. .right_sidebar #sidebar_content.lessgap {
  1516.     padding-top:0px;
  1517. }
  1518. .right_sidebar #sidebar_bottom {
  1519.     clear:both;
  1520.     background: url("../images/sidebar_divider_bottom.png") no-repeat scroll left top transparent;
  1521.     height:50px;
  1522. }
  1523. /* Left Sidebar
  1524. ---------------------------------------------------------- */
  1525. .left_sidebar #main{ float:right; width:630px; }
  1526. .left_sidebar #main .content {
  1527.     width:630px;
  1528.     overflow: hidden;
  1529. }
  1530. .left_sidebar #sidebar {
  1531.     float:left;
  1532.     width:300px;
  1533.     margin: 0 30px 0.5em 0;
  1534. }
  1535. .left_sidebar #sidebar_content {
  1536.     background: url("../images/Lsidebar_divider.png") no-repeat scroll right top transparent;
  1537.     padding-top:50px;
  1538.     padding-right:25px;
  1539.     min-height:100px;
  1540.     overflow: hidden;
  1541. }
  1542. .left_sidebar #sidebar_content.lessgap {
  1543.     padding-top:22px;
  1544. }
  1545. .left_sidebar #sidebar_bottom {
  1546.     clear:both;
  1547.     background: url("../images/Lsidebar_divider_bottom.png") no-repeat scroll right top transparent;
  1548.     height:50px;
  1549. }
  1550. .home #sidebar_content {
  1551.     padding-top:30px;
  1552. }
  1553. /* ======================================================= */
  1554. /*                         Header                          */
  1555. /* ======================================================= */
  1556. #header {
  1557.     z-index: 200;
  1558.     position: relative;
  1559.     height: 90px;
  1560. }
  1561. #top_area {
  1562.     position: absolute;
  1563.     right:0px;
  1564.     top:10px;
  1565. }
  1566. /* Logo & Sitename
  1567. ---------------------------------------------------------- */
  1568. #logo, #logo_text {
  1569.     position: absolute;
  1570.     left: 0px;
  1571. }
  1572. #logo_text h1 {
  1573.     margin-bottom:0px;
  1574. }
  1575. #site_name {
  1576.     font-size: 40px;
  1577.     line-height:40px;
  1578.     display:block;
  1579. }
  1580. #site_description {
  1581.     font-size: 11px;
  1582.     line-height:11px;
  1583. }
  1584. /* WPML
  1585. ---------------------------------------------------------- */
  1586. #language_flags {
  1587.     position: absolute;
  1588.     right: 0px;
  1589.     top: 10px;
  1590. }
  1591. #language_flags ul {
  1592.     list-style:none;
  1593.     padding:0;
  1594.     margin:0;
  1595. }
  1596. #language_flags ul li {
  1597.     float:left;
  1598.     margin-left:8px;
  1599.     overflow:hidden;
  1600. }
  1601. #language_flags ul li img {
  1602.     opacity:0.7;
  1603.     -moz-opacity:0.7;
  1604.     background:#fff;
  1605. }
  1606. #language_flags ul li img:hover {
  1607.     opacity:1;
  1608.     -moz-opacity:1;
  1609. }
  1610. /* ======================================================= */
  1611. /*                       Navigation                        */
  1612. /* ======================================================= */
  1613. #navigation {
  1614.     right: -15px;
  1615.     bottom: 0;
  1616.     position: absolute;
  1617.     height: 60px;
  1618. }
  1619. .jqueryslidemenu {
  1620.     position: relative;
  1621.     z-index: 200;
  1622. }
  1623. .jqueryslidemenu ul {
  1624.     margin: 0;
  1625.     padding: 0;
  1626.     list-style-type: none;
  1627. }
  1628. /*Top level list items*/
  1629. .jqueryslidemenu ul li {
  1630.     position: relative;
  1631.     display: inline;
  1632.     float: left;
  1633.     margin: 0px;
  1634. }
  1635. /*Top level menu link items style*/
  1636. .jqueryslidemenu ul li a {
  1637.     display: block;
  1638.     height: 60px;
  1639.     line-height: 56px;
  1640.     text-decoration: none;
  1641.     overflow:hidden;
  1642.     padding:0 15px;
  1643.     background:url("../images/blank.gif") 0 0 repeat;
  1644. }
  1645. * html .jqueryslidemenu ul li a {
  1646.     /*IE6 hack to get sub menu links to behave correctly*/
  1647.     display: inline-block;
  1648. }
  1649. /* 1st sub level menu
  1650. ---------------------------------------------------------- */
  1651. .jqueryslidemenu ul li ul {
  1652.     position: absolute;
  1653.     left: 0;
  1654.     display: block;
  1655.     padding: 3px 0;
  1656.     visibility: hidden;
  1657.     border: 1px solid #BBBBBB;
  1658.     border-top: 0;
  1659. }
  1660. /*Sub level menu list items (undo style from Top level List Items)*/
  1661. .jqueryslidemenu ul li ul li {
  1662.     display: list-item;
  1663.     float: none;
  1664.     margin: 0;
  1665. }
  1666. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  1667. .jqueryslidemenu ul li ul li ul {
  1668.     top: 0;
  1669.     border: 1px solid #ccc;
  1670.     padding: 2px 0;
  1671. }
  1672. /* Sub level menu links style */
  1673. .jqueryslidemenu ul li ul li a {
  1674.     width: 200px;
  1675.     padding: 5px 15px 7px;
  1676.     margin: 0;
  1677. }
  1678. .jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {
  1679.     height: 100%;
  1680.     line-height: 20px;
  1681. }
  1682. .jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover {
  1683.     padding: 5px 15px 7px;
  1684.     border-left:0;
  1685.     border-right:0;
  1686. }
  1687. .jqueryslidemenu ul ul ul{
  1688.     margin-top:-5px;
  1689. }
  1690. .jqueryslidemenu ul li ul{
  1691.     -webkit-box-shadow: 1px 2px 3px #333;
  1692.     -moz-box-shadow: 1px 2px 3px #333;
  1693.     box-shadow: 1px 2px 3px #333;
  1694. }
  1695. /* ======================================================= */
  1696. /*                         Feature                         */
  1697. /* ======================================================= */
  1698. #feature {
  1699.         background:url("../images/feature_bg.png") no-repeat scroll 50% 0 transparent;
  1700. }
  1701. #feature .inner {
  1702.     padding: 15px 0 15px;
  1703. }
  1704. #feature h1 {
  1705.     font-size:3.5em;
  1706.     margin-bottom: 0;
  1707.     padding: 5px 0;
  1708. }
  1709. #introduce {
  1710.     font-size:1.8em;
  1711.     line-height:1.3em;
  1712.     font-weight:200;
  1713.     letter-spacing:1px;
  1714.     padding:5px 0;
  1715. }
  1716. #feature .top_shadow {
  1717.     background:url("../images/feature_t_shadow.png") repeat-x scroll 0 0 transparent;
  1718.     height: 10px;
  1719.     font-size:0px;
  1720.     overflow:hidden;
  1721.     line-height: 10px;
  1722.     display:none;
  1723. }
  1724. #feature .bottom_shadow {
  1725.     background:url("../images/feature_b_shadow.png") repeat-x scroll 0 0 transparent;
  1726.     height: 9px;
  1727.     font-size:0px;
  1728.     line-height:9px;
  1729.     display:none;
  1730. }
  1731. /* Feature box
  1732. ---------------------------------------------------------- */
  1733. #feature_box {
  1734.     position:relative;
  1735. }
  1736. .feature_box_image, .feature_box_video {
  1737.     position:relative;
  1738.     margin:0 auto;
  1739.     border:1px solid #ccc;
  1740.     width:960px;
  1741. }
  1742. .feature_box_video {
  1743.     z-index:2;
  1744.     background-color:#fff;
  1745. }
  1746. .feature_box_image img, .feature_box_video object {
  1747.     display:block;
  1748. }
  1749. .feature_box_overlap{
  1750.     z-index:1;
  1751.     position:absolute;
  1752.     bottom:0;
  1753.     width:100%;
  1754.     padding:10px 0 15px 0;
  1755.     background-color: rgba(15, 128, 255, 0.8);
  1756.     opacity: 0.8;
  1757.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F000000',EndColorStr='#7F000000');
  1758.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F000000',EndColorStr='#7F000000')";
  1759. }
  1760. .feature_box_title {
  1761.     margin: 0 0 5px 15px;
  1762. }
  1763. /* ======================================================= */
  1764. /*                         Content                         */
  1765. /* ======================================================= */
  1766. /* Breadcrumbs
  1767. ---------------------------------------------------------- */
  1768. #breadcrumbs {
  1769.     position:relative;
  1770.     margin:-20px 0 20px;
  1771.     padding:0 0 8px;
  1772.     font-size:13px;
  1773.   font-weight: bold;
  1774. }
  1775. /* ======================================================= */
  1776. /*                         Footer                          */
  1777. /* ======================================================= */
  1778. /* Footer Body
  1779. ---------------------------------------------------------- */
  1780. #footer {
  1781.     background:url("../images/footer.png") no-repeat scroll 50% 0 transparent;
  1782. }
  1783. #footer .inner{
  1784.     padding:30px 0 40px;
  1785.     overflow:hidden;
  1786. }
  1787. #footer_shadow {
  1788.     background:url("../images/footer_shadow.png") repeat-x scroll 0 0 transparent;
  1789.     height: 10px;
  1790.     font-size:0px;
  1791.     overflow:hidden;
  1792.     line-height: 10px;
  1793. }
  1794. /* Sub Footer
  1795. ---------------------------------------------------------- */
  1796. #footer_bottom {
  1797.     letter-spacing:1px;
  1798.     background:url("../images/footer_bottom.png") repeat-x scroll 50% 0 transparent;
  1799. }
  1800. #footer_bottom .inner {
  1801.     padding:12px 0;
  1802. }
  1803. #copyright {
  1804.     float: left;
  1805.     font-size:13px;
  1806.     line-height:1.5em;
  1807. }
  1808. #footer_menu {
  1809.     float: right;
  1810.     text-align:right;
  1811. }
  1812. #footer_menu a {
  1813.     padding:0 5px;
  1814. }
  1815. #footer_menu li, #footer_menu ul {
  1816.     display:inline;
  1817.     font-weight:normal;
  1818.     text-transform:uppercase;
  1819. }
  1820. #footer_right_area {
  1821.     position: absolute;
  1822.     right:0px;
  1823. }
  1824. /* ======================================================= */
  1825. /*                    Home Page Sliders                    */
  1826. /* ======================================================= */
  1827. #slidershow_loading {
  1828.     position:absolute;
  1829.     top:0px;
  1830.     z-index:103;
  1831.     width:100%;
  1832. }
  1833. #slidershow_loading .inner {
  1834.     background:url("../images/loading_big.gif") #fff no-repeat 50% 50%;
  1835.     border:1px solid #ccc;
  1836. }
  1837. #slidershow_wrap .slide_pane {
  1838.     display:none;
  1839. }
  1840. #sldershow_pagers {
  1841.     position:absolute;
  1842.     bottom:20px;
  1843.     width:100%;
  1844.     z-index:102;
  1845.     text-align:right;
  1846. }
  1847. #sldershow_pagers .inner {
  1848.     padding-right:20px;
  1849.     width:940px;
  1850. }
  1851. #sldershow_pagers a {
  1852.     background:url("../images/slidershow_pager.png") no-repeat scroll 0 -75px transparent;
  1853.     height:30px;
  1854.     width:30px;
  1855.     display:inline-block;
  1856.     margin:0 2px;
  1857.     overflow:hidden;
  1858.     text-decoration:none;
  1859.     outline: 0;
  1860.     font-size:1px;
  1861.     text-indent:-10000px;
  1862.     cursor:pointer;
  1863. }
  1864. #sldershow_pagers a:hover {
  1865.     background-position: 0 -35px;
  1866. }
  1867. #sldershow_pagers a.current {
  1868.     background-position: 0 5px;
  1869. }
  1870. /* anything Slider
  1871. ---------------------------------------------------------- */
  1872. #anything_slider_wrap {
  1873.     width: 960px;
  1874.     height: 440px;
  1875.     position:relative;
  1876.     overflow:hidden;
  1877.     border:1px solid #ccc;
  1878. }
  1879. #anything_slider_loading {
  1880.     background:url("../images/loading_big.gif") #fff no-repeat 50% 50%;
  1881.     position:absolute;
  1882.     top:0px;
  1883.     width:960px;
  1884.     z-index:103;
  1885. }
  1886. #anything_shadow {
  1887.     background:url("../images/slider_shadow.png") no-repeat scroll center bottom transparent;
  1888.     height:40px;
  1889. }
  1890. /******* SET DEFAULT DIMENSIONS HERE ********/
  1891. div.anythingSlider {
  1892.     width: 960px;
  1893.     height: 440px;
  1894.     margin: 0 auto;
  1895. }
  1896. div.anythingSlider .anythingWindow {
  1897.     background-color:#fff;
  1898. }
  1899. /**** DO NOT CHANGE BELOW THIS LINE ****/
  1900. /* anythingSlider viewport window */
  1901. div.anythingSlider .anythingWindow {
  1902.     overflow: hidden;
  1903.     position: relative;
  1904.     width: 100%;
  1905.     height: 100%;
  1906. }
  1907. div.anythingSlider {
  1908.     position: relative;
  1909. }
  1910. /* anythingSlider base UL */
  1911. ul.anythingBase {
  1912.     background: transparent;
  1913.     list-style: none;
  1914.     position: absolute;
  1915.     top: 0;
  1916.     left: 0;
  1917.     margin: 0;
  1918.     padding: 0;
  1919. }
  1920. ul.anythingBase li.panel {
  1921.     background: transparent;
  1922.     display: block;
  1923.     float: left;
  1924.     padding: 0;
  1925.     margin: 0;
  1926.     position:relative;
  1927. }
  1928. /* Navigation Arrows */
  1929. div.anythingSlider .arrow {
  1930.     position: absolute;
  1931.     display: block;
  1932.     width:40px;
  1933.     height:40px;
  1934.     top:45%;
  1935. }
  1936. div.anythingSlider .arrow a {
  1937.     position:absolute;
  1938.     width:40px;
  1939.     height:40px;
  1940.     text-indent:-10000px;
  1941.     z-index:101;
  1942.     outline: 0;
  1943.     cursor:pointer;
  1944. }
  1945. div.anythingSlider .forward { right:20px; }
  1946. div.anythingSlider .back { left:20px; }
  1947. div.anythingSlider .forward a { background:url("../images/slide_right.png") no-repeat scroll 0 0 transparent; }
  1948. div.anythingSlider .back a { background:url("../images/slide_left.png") no-repeat scroll 0 0 transparent; }
  1949. div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {  }
  1950. div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {  }
  1951. /* Navigation Links */
  1952. div.anythingSlider .anythingControls { outline: 0;text-align:center;padding-top:14px; }
  1953. div.anythingSlider .thumbNav {float: none; position:relative; margin: 0; }
  1954. div.anythingSlider .thumbNav li { display: inline; margin: 0;}
  1955. div.anythingSlider .thumbNav a {
  1956.     background:url("../images/anything_slider_pager.png") no-repeat scroll 0 0 transparent;
  1957.     height:16px;
  1958.     width:16px;
  1959.     display:inline-block;
  1960.     margin:0 2px;
  1961.     overflow:hidden;
  1962.     text-decoration:none;
  1963.     outline: 0;
  1964.     text-indent:-10000px;
  1965.     cursor:pointer;
  1966. }
  1967. div.anythingSlider .thumbNav a:hover {
  1968.     background-position: 0 -16px;
  1969. }
  1970. div.anythingSlider .thumbNav a.cur {
  1971.     background-position: 0 -32px;
  1972. }
  1973. div.anythingSlider .start-stop {
  1974.     display:none;
  1975. }
  1976. div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
  1977.     transition-duration: 0;
  1978.     -o-transition-duration: 0;
  1979.     -moz-transition-duration: 0;
  1980.     -webkit-transition-duration: 0;
  1981. }
  1982. /* Captions */
  1983. .anything_caption {
  1984.     opacity:0.8;
  1985.     position:absolute;
  1986.     background-color:#000;
  1987.     padding:20px 20px 10px;
  1988.     z-index:100;
  1989. }
  1990. .anything_caption h3, .anything_caption p {
  1991.     color:#fff;
  1992.     margin-bottom:10px;
  1993. }
  1994. .anything_caption h3 {
  1995.     line-height:1.2em;
  1996. }
  1997. .caption_top, .caption_bottom {
  1998.     width:920px;
  1999. }
  2000. .caption_top {
  2001.     top:25px;
  2002. }
  2003. .caption_bottom {
  2004.     bottom:25px;
  2005. }
  2006. .caption_left, .caption_right {
  2007.     width:220px;
  2008. }
  2009. .caption_left {
  2010.     left:25px;
  2011. }
  2012. .caption_right {
  2013.     right:25px;
  2014. }
  2015. /* Sidebar */
  2016. .anything_sidebar_content {
  2017.     width:240px;
  2018.     padding:30px;
  2019.     top:0px;
  2020.     position: absolute;
  2021. }
  2022. .anything_sidebar_image {
  2023.     width:660px;
  2024.     top:0px;
  2025.     position: absolute;
  2026. }
  2027. .anything_sidebar_left .anything_sidebar_content{
  2028.     left: 0px;
  2029. }
  2030. .anything_sidebar_left .anything_sidebar_image{
  2031.     right: 0px;
  2032. }
  2033. .anything_sidebar_right .anything_sidebar_content{
  2034.     right: 0px;
  2035. }
  2036. .anything_sidebar_right .anything_sidebar_image{
  2037.     left: 0px;
  2038. }
  2039. /* ======================================================= */
  2040. /*                    Portfolio Styles                     */
  2041. /* ======================================================= */
  2042. .portfolios ul {
  2043.     letter-spacing: -4px; /* remvoe the gap */
  2044.     word-spacing: -4px; /* remvoe the gap */
  2045.     overflow:hidden;
  2046.     list-style-type:none;
  2047.     margin:0;
  2048.     padding:0;
  2049.     display:block;
  2050. }
  2051. .portfolios ul li {
  2052.     letter-spacing: normal;  /* remvoe the gap */
  2053.     word-spacing: normal;  /* remvoe the gap */
  2054.     display: -moz-inline-box; /* mozilla only */
  2055.     display: inline-block; /* for browsers that support display:inline-block*/
  2056.     vertical-align: top;
  2057.     overflow:hidden;
  2058.     padding:0;
  2059.     margin:10px 0 50px 0;
  2060.     position:relative;
  2061. }
  2062. .portfolio_title {
  2063.     line-height:1em;
  2064. }
  2065. .portfolio_desc {
  2066.     margin-top:0.8em;
  2067. }
  2068. .portfolio_more_button {
  2069.     margin-top:0.8em;
  2070. }
  2071. /* Portfolio Sortable
  2072. ---------------------------------------------------------- */
  2073. .portfolios.sortable header {
  2074.     font-size:1.2em;
  2075.     line-height:1.8em;
  2076.     margin-bottom:10px;
  2077.     clear:both;
  2078.     overflow:hidden;
  2079. }
  2080. .portfolios.sortable header span {
  2081.     display:block;
  2082.     float:left;
  2083.     margin-right:5px;
  2084. }
  2085. #page .portfolios.sortable header a {
  2086.     display:block;
  2087.     float:left;
  2088.     padding:0 14px;
  2089.     margin-right:10px;
  2090.     background-color:#eee;
  2091.     color:#666;
  2092. }
  2093. /* Portfolio One Column
  2094. ---------------------------------------------------------- */
  2095. .portfolios .portfolio_one_column {
  2096.     clear:left;
  2097. }
  2098. .portfolios .portfolio_one_column li {
  2099.     display:block;
  2100. }
  2101. .portfolio_one_column .portfolio_image{
  2102.     float:left;
  2103.     width:602px;
  2104. }
  2105. .portfolio_one_column .portfolio_image .image_frame{
  2106.     width:600px;
  2107. }
  2108. .portfolio_one_column .portfolio_image .image_shadow{
  2109.     width:600px;
  2110. }
  2111. .portfolio_one_column .portfolio_details {
  2112.     float:left;
  2113.     width:330px;
  2114.     padding-left:28px;
  2115. }
  2116. .portfolio_one_column .portfolio_title {
  2117.     margin-top:0.7em;
  2118. }
  2119. /* Portfolio Two Columns
  2120. ---------------------------------------------------------- */
  2121. .portfolios .portfolio_two_columns {
  2122.     margin-right:-56px;
  2123. }
  2124. .portfolio_two_columns li {
  2125.     width:452px;
  2126. }
  2127. .portfolio_two_columns .portfolio_image .image_frame{
  2128.     width:450px;
  2129. }
  2130. .portfolio_two_columns .portfolio_image .image_shadow{
  2131.     width:450px;
  2132. }
  2133. ul.portfolio_two_columns li {
  2134.     margin-right:56px;
  2135. }
  2136. /* Portfolio Three Columns
  2137. ---------------------------------------------------------- */
  2138. .portfolios .portfolio_three_columns {
  2139.     margin-right:-39px;
  2140. }
  2141. .portfolio_three_columns li {
  2142.     width:294px;
  2143. }
  2144. .portfolio_three_columns .portfolio_image .image_frame{
  2145.     width:292px;
  2146. }
  2147. .portfolio_three_columns .portfolio_image .image_shadow{
  2148.     width:292px;
  2149. }
  2150. ul.portfolio_three_columns li {
  2151.     margin-right:39px;
  2152. }
  2153. /* Portfolio Four Columns
  2154. ---------------------------------------------------------- */
  2155. .portfolios .portfolio_four_columns {
  2156.     margin-right:-28px;
  2157. }
  2158. .portfolio_four_columns li {
  2159.     width:219px;
  2160. }
  2161. .portfolio_four_columns .portfolio_image .image_frame{
  2162.     width:217px;
  2163. }
  2164. .portfolio_four_columns .portfolio_image .image_shadow{
  2165.     width:217px;
  2166. }
  2167. ul.portfolio_four_columns li {
  2168.     margin-right:28px;
  2169. }
  2170. /* ======================================================= */
  2171. /*                       Blog Styles                       */
  2172. /* ======================================================= */
  2173. /* Blog Index & main_wrap Post Body
  2174. ---------------------------------------------------------- */
  2175. .entry {
  2176.     clear:both;
  2177.     overflow:hidden;
  2178. }
  2179. .entry .entry_title {
  2180.     margin-bottom:10px;
  2181. }
  2182. .entry .entry_title a {
  2183.     color:#333;
  2184. }
  2185. .entry_video .video_frame {
  2186.     border:1px solid #eee;
  2187.     border-bottom:0px;
  2188. }
  2189. .entry_video object{
  2190.     display:block;
  2191. }
  2192. .entry_image {
  2193.     margin:0px;
  2194. }
  2195. .entry_image .image_shadow {
  2196.     width:100%;
  2197. }
  2198. .entry_left .entry_image {
  2199.     float:left;
  2200.     margin-top:5px;
  2201.     margin-right:20px;
  2202. }
  2203. .entry_left .entry_info {
  2204.     overflow:hidden;
  2205. }
  2206. .entry .entry_meta {
  2207.     border-top:1px solid #f0f0f0;
  2208.     border-bottom:1px solid #f0f0f0;
  2209.     line-height:28px;
  2210.     margin-bottom:10px;
  2211.     position:relative;
  2212. }
  2213. .entry .entry_meta .separater {
  2214.     padding: 0 4px;
  2215. }
  2216. .entry .entry_meta .comments {
  2217.     float:right;
  2218. }
  2219. .read_more_link {
  2220.     position:relative;
  2221.     top:-5px;
  2222. }
  2223. #feature .entry_meta .separater{
  2224.     padding: 0 0.6em;
  2225. }
  2226. #feature .entry_meta .comments {
  2227.     position:absolute;
  2228.     right: 0;
  2229. }
  2230. #feature a {
  2231.     color:#ccc;
  2232. }
  2233. .entry.content {
  2234.     margin-bottom:40px;
  2235. }
  2236. .entry.content footer {
  2237.     margin-top:80px;
  2238.     margin-bottom:-40px;
  2239. }
  2240. #author .gravatar {
  2241.     float:right;
  2242.     margin:0 0 0 20px;
  2243. }
  2244. /* WP Pagenavi
  2245. ---------------------------------------------------------- */
  2246. .wp-pagenavi{
  2247.     clear:both;
  2248.     padding-top:10px;
  2249.     height:40px;
  2250.     text-align:left;
  2251. }
  2252. .wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.current,.wp-pagenavi span.extend {
  2253.     margin-right:5px;
  2254.     padding:4px 6px;
  2255.     text-shadow:1px 1px 1px #ddd;
  2256.     color:#666;
  2257. }
  2258. .wp-pagenavi span.current {
  2259.     color:#333;
  2260.     font-size:16px;
  2261. }
  2262. .wp-pagenavi a:hover {
  2263.     color:#333;
  2264.     font-size:14px;
  2265. }
  2266. /* About the Author
  2267. ---------------------------------------------------------- */
  2268. #about_the_author {
  2269.     margin-bottom:40px;
  2270. }
  2271. #about_the_author .author_content {
  2272.     padding:20px;
  2273.     border-top:1px solid #eeeeee;
  2274.     border-bottom:1px solid #eeeeee;
  2275.     background-color:rgba(0, 0, 0, .01);
  2276.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#02000000',EndColorStr='#02000000');
  2277.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02000000',EndColorStr='#02000000')";
  2278. }
  2279. .author_info {
  2280.     overflow:hidden;
  2281.     padding-left:15px;
  2282.     position:relative;
  2283. }
  2284. .author_name {
  2285.     font-size:1.2em;
  2286. }
  2287. .author_desc {
  2288.     margin-bottom:0;
  2289. }
  2290. /* Popular and Related Posts
  2291. ---------------------------------------------------------- */
  2292. .related_popular_wrap {
  2293.     margin-bottom:40px;
  2294. }
  2295. .related_popular_wrap .posts_list .thumbnail {
  2296.     margin-right:15px;
  2297. }
  2298. .related_popular_wrap li {
  2299.     margin:0;
  2300. }
  2301. /* Related Posts
  2302. ---------------------------------------------------------- */
  2303. .related_posts_wrap {
  2304.     margin-bottom:40px;
  2305.     overflow:hidden;
  2306. }
  2307. .related_posts_list {
  2308.     border-top:1px solid #eee;
  2309.     padding-top:20px;
  2310.     list-style:none outside none;
  2311.     margin:0;
  2312.     margin-right:-21px;
  2313. }
  2314. .related_posts_list li {
  2315.     float:left;
  2316.     width:196px;
  2317.     margin:0 21px 0 0;
  2318. }
  2319. .related_posts_list .thumbnail{
  2320.     border:1px solid #EEEEEE;
  2321.     display:block;
  2322.     line-height:100%;
  2323.     margin-bottom:10px;
  2324. }
  2325. .related_posts_list .thumbnail img{
  2326.     border:1px solid #FFFFFF;
  2327.     display:block;
  2328. }
  2329. .related_posts_list time {
  2330.     display:block;
  2331. }
  2332. /* Entry previous & next navigation
  2333. ---------------------------------------------------------- */
  2334. .entry_navigation {
  2335.     overflow: hidden;
  2336.     clear: both;
  2337.     margin-bottom:40px;
  2338. }
  2339. .entry_navigation .nav-previous {
  2340.     float: left;
  2341.     width: 50%;
  2342. }
  2343. .entry_navigation .nav-next {
  2344.     float: right;
  2345.     text-align: right;
  2346.     width: 50%;
  2347. }
  2348. /* Threaded Comments
  2349. ---------------------------------------------------------- */
  2350. #comments ul {
  2351.     list-style-type:none;
  2352. }
  2353. .commentlist {
  2354.     margin: 0;
  2355. }
  2356. .commentlist ul {
  2357.     margin-left:20px;
  2358. }
  2359. .commentlist li {
  2360.     margin:0;
  2361.     border-top:1px solid #EEEEEE;  
  2362. }
  2363. .commentlist li .comment_wrap {
  2364.     overflow:visible;
  2365.     padding:20px 0;
  2366.     position:relative;
  2367. }
  2368. .gravatar {
  2369.     float:left;
  2370.     height:70px;
  2371.     border:1px solid #eeeeee;
  2372. }
  2373. .gravatar img{
  2374.     padding:4px;
  2375.     height:60px;
  2376.     width:60px;
  2377.     border:1px solid #FFFFFF;
  2378.     background-color:#F9F9F9;
  2379. }
  2380. .comment_content {
  2381.     min-height:80px;
  2382.     padding-left:20px;
  2383.     position:relative;
  2384.     overflow:hidden;
  2385. }
  2386. .commentlist li ul li {
  2387.     margin-left: 20px;
  2388. }
  2389. .nocomments {
  2390.     text-align: center;
  2391.     margin: 0;
  2392.     padding: 0;
  2393. }
  2394. .comment_author {
  2395.     font-size:18px;
  2396.     font-style: normal;
  2397. }
  2398. .comment_author span {
  2399.     display:none;
  2400. }
  2401. .comment_time {
  2402.     float:right;
  2403. }
  2404. .comment_text {
  2405.     clear:both;
  2406.     padding-top:5px;
  2407.     overflow:hidden;
  2408. }
  2409. .comments_navigation {
  2410.     margin-top:20px;
  2411.     clear:both;
  2412.     overflow:hidden;
  2413. }
  2414. .comments_navigation .nav_previous {
  2415.     float:left;
  2416. }
  2417. .comments_navigation .nav_next {
  2418.     float:right;
  2419. }
  2420. #respond {
  2421.     margin-top:20px;
  2422. }
  2423. #respond #comment{
  2424.     width:98%;
  2425. }
  2426. #comments label {
  2427.     padding-left: 6px;
  2428.     opacity: 0.75;
  2429. }
  2430. .cancel_comment_reply {
  2431.     margin-bottom:6px;
  2432. }
  2433. /* ======================================================= */
  2434. /*                       Photo Album                       */
  2435. /* ======================================================= */
  2436. /* Photoalbum General
  2437. ---------------------------------------------------------- */
  2438. .flickr_feature .inner{
  2439.     background:url("../images/flickr.png") no-repeat scroll right center transparent;
  2440. }
  2441. /* Photo
  2442. ---------------------------------------------------------- */
  2443. div.meta img {
  2444.     margin-right:5px;
  2445. }
  2446. div#photo {
  2447.     position:relative;
  2448.     margin:10px 0 0 0;
  2449. }
  2450. div#notes {
  2451.     position:absolute;
  2452.     top:0px;
  2453.     left:0px;
  2454.     width:100%;
  2455.     height:100%;
  2456. }
  2457. div#notes div.note {
  2458.     padding:1px;
  2459.     margin:-4px 0px 0px -4px;
  2460.     position:absolute;
  2461.     cursor:pointer;
  2462. }
  2463. div#notes:hover div.note div.hover2 {
  2464.     border:1px solid black;
  2465. }
  2466. div#notes:hover div.note div.hover {
  2467.     border:1px solid white;
  2468. }
  2469. div#notes div.note:hover {
  2470.     border:1px solid yellow;
  2471.     padding:0;
  2472.     z-index:2;
  2473. }
  2474. div.note div.text {
  2475.     display:none;
  2476.     position:absolute;
  2477.     top:100%;
  2478.     left:0px;
  2479.     width:auto;
  2480.     margin:10px 0 0 0 ;
  2481.     padding:5px;
  2482.     background:#FFFFD3;
  2483.     color:black;
  2484.     border:1px solid #555;
  2485.     border-top:1px solid #eee;
  2486.     border-left:1px solid #eee;
  2487.     z-index:1;
  2488. }
  2489. div.note:hover div.text {
  2490.     display:block;
  2491. }
  2492. /* Comment
  2493. ---------------------------------------------------------- */
  2494. .photoalbum .comment_content {
  2495.     min-height:50px;
  2496. }
  2497. /* Entry previous & next navigation
  2498. ---------------------------------------------------------- */
  2499. div#context {
  2500.     position:relative;
  2501.     height:120px;
  2502.     width:100%;
  2503. }
  2504. div#context div.prev, div#context div.next {
  2505.     position:absolute;
  2506.     top:10px;
  2507.     text-align:center;
  2508. }
  2509. div#context div.prev {
  2510.     left:10px;
  2511. }
  2512. div#context div.next {
  2513.     right:10px;
  2514. }
  2515. div#context div.nomore {
  2516.     top:20px;
  2517.     width:100px;
  2518. }
  2519. div#context div.info {
  2520.     position:absolute;
  2521.     top:20px;
  2522.     left:50%;
  2523.     width:100px;
  2524.     margin-left:-50px;
  2525.     text-align:center;
  2526. }
  2527. div#context div.info a{
  2528.     color:#ccc;
  2529.     text-decoration:none;
  2530. }
  2531. div#context div.info strong a{
  2532.     color:#aaa;
  2533. }
  2534. div.comment {
  2535.     clear:both;
  2536.     min-height:50px;
  2537.     margin-bottom:1em;
  2538. }
  2539. div.comment p {
  2540.     margin:0 0 1em 0;
  2541.     padding:0;
  2542. }
  2543. div.comment img {
  2544.     margin-right:5px;
  2545.     margin-bottom:5px;
  2546. }
  2547. /* Album
  2548. ---------------------------------------------------------- */
  2549. .album_photos {
  2550.     letter-spacing: -4px; /* remvoe the gap */
  2551.     word-spacing: -4px; /* remvoe the gap */
  2552.     overflow:hidden;
  2553.     list-style-type:none;
  2554.     margin:0;
  2555.     padding:0;
  2556.     display:block;
  2557.     margin-right:-39px;
  2558. }
  2559. .album_photos li {
  2560.     letter-spacing: normal;  /* remvoe the gap */
  2561.     word-spacing: normal;  /* remvoe the gap */
  2562.     display: -moz-inline-box; /* mozilla only */
  2563.     display: inline-block; /* for browsers that support display:inline-block*/
  2564.     vertical-align: top;
  2565.     overflow:hidden;
  2566.     padding:0;
  2567.     margin:10px 0 50px 0;
  2568.     position:relative;
  2569.     margin-right:39px;
  2570.     width:294px;
  2571. }
  2572. .portfolio_three_columns li {
  2573.     width:294px;
  2574. }
  2575. .album_photos li .album_photo_image .image_frame{
  2576.     width:292px;
  2577. }
  2578. .album_photos li .album_photo_image .image_shadow{
  2579.     width:292px;
  2580. }
  2581. .album_photo_title {
  2582.     line-height:1em;
  2583.     font-size:24px;
  2584. }
  2585. .album_photo_meta {
  2586.     margin-top:0.8em;
  2587. }
  2588. div#photos {
  2589.     background:#eee;
  2590.     padding:10px;
  2591.     clear:both;
  2592.     margin:20px 0 0 0;
  2593. }
  2594. div#highlight {
  2595.     position:relative;
  2596.     margin:15px 0 0 0;
  2597. }
  2598. div#highlight img {
  2599.     float:left;
  2600.     margin:0 10px 0 0 ;
  2601. }
  2602. div#highlight p {
  2603. }
  2604. div#highlight p.meta {
  2605.     color:#888;
  2606.     font-size:1em;
  2607. }
  2608. div#highlight p.meta a {
  2609.     color:#888;
  2610. }
  2611. /* Albums-index
  2612. ---------------------------------------------------------- */
  2613. div.albums {
  2614.     clear:both;
  2615.     padding-top:10px;
  2616.     overflow:hidden;
  2617. }
  2618. div.album {
  2619.     background:#eee;
  2620.     padding:10px 10px 10px 10px;
  2621.     margin:0 0 15px 0;
  2622.     position:relative;
  2623.     min-height:95px;
  2624.     clear:both;
  2625. }
  2626. div.album img.highlight {
  2627.     float:left;
  2628.     border:3px solid #888;
  2629.     position:relative;
  2630.     margin-right:10px;
  2631. }
  2632. div.album h2 {
  2633.     font-size:1.4em;
  2634.     text-decoration:none;
  2635.     margin:0 0 10px 0;
  2636. }
  2637. div.album p {
  2638.     font-size:0.9em;
  2639. }
  2640. div.album p.meta {
  2641.     color:#888;
  2642. }
  2643. div.album p.meta a {
  2644.     color:#888;
  2645. }
  2646. div.albums-small div.album {
  2647.     clear: none;
  2648.     width:90px;
  2649.     height:115px;
  2650.     float:left;
  2651.     background: none;
  2652. }
  2653. div.albums-small div.album img.highlight {
  2654.     float: none;
  2655.     margin:0;
  2656. }
  2657. div.albums-small div.album strong {
  2658.     font-size:0.9em;
  2659. }
  2660. div.group {
  2661.     min-height:60px;
  2662. }
  2663. div#highlight {
  2664.     position:relative;
  2665.     margin:0 0 40px 0;
  2666. }
  2667. div#highlight h2 {
  2668.     margin-bottom:5px;
  2669. }
  2670. div#highlight img.highlight {
  2671.     float:left;
  2672.     margin:0 10px 0px 0 ;
  2673.     border:3px solid #888;
  2674. }
  2675. div#highlight p {
  2676.     font-size:1.3em;
  2677. }
  2678. div#highlight p.meta {
  2679.     color:#888;
  2680.     font-size:0.9em;
  2681. }
  2682. div#highlight p.meta a {
  2683.     color:#888;
  2684. }
  2685. div#highlight div.photos {
  2686.     clear:both;
  2687.     padding:10px 0;
  2688.     background:none;
  2689. }
  2690. div#highlight div.photos img {
  2691.     margin:0 10px 10px 0;
  2692. }
  2693. div#photoalbum-nav {
  2694.     margin-bottom:15px;
  2695. }
  2696. /* Paging
  2697. ---------------------------------------------------------- */
  2698. .navigation {
  2699.     padding:1em 0;
  2700.     font-size:1.5em;
  2701. }
  2702. /* Tags
  2703. ---------------------------------------------------------- */
  2704. div.tags {
  2705.     padding-top:10px;
  2706.     clear:both;
  2707. }
  2708. div#cloud {
  2709.     line-height:200%;
  2710. }
  2711. div.flickr-meta-links {
  2712.     clear:both;
  2713.     margin:10px 0 0 0;
  2714.     font-size:10px;
  2715. }
  2716. div.flickr-meta-links a{
  2717.     color:#555;
  2718. }
  2719. /* ======================================================= */
  2720. /*                      Widget Styles                      */
  2721. /* ======================================================= */
  2722. /* General
  2723. ---------------------------------------------------------- */
  2724. .widget{
  2725.     margin-bottom:3em;
  2726. }
  2727. .widget p{
  2728.     margin:0;
  2729. }
  2730. .widget ul {
  2731.     list-style:none;
  2732.     margin:0;
  2733. }
  2734. #sidebar_content .widget:last-child {
  2735.     margin-bottom:20px;
  2736. }
  2737. .home #sidebar_content .widget:last-child {
  2738.     margin-bottom:0px;
  2739. }
  2740. .widget_text p {
  2741.     margin-bottom:1em;
  2742. }
  2743. /* Sidebar General
  2744. ---------------------------------------------------------- */
  2745. #sidebar .widget_subnav li,
  2746. #sidebar .widget_recent_comments li,
  2747. #sidebar .widget_recent_entries li,
  2748. #sidebar .widget_recent_posts li,
  2749. #sidebar .widget_popular_posts li,
  2750. #sidebar .widget_authors li,
  2751. #sidebar .widget_twitter li,
  2752. #sidebar .widget_pages li,
  2753. #sidebar .widget_links li,
  2754. #sidebar .widget_nav_menu li,
  2755. #sidebar .widget_categories li,
  2756. #sidebar .widget_archive li,
  2757. #sidebar .widget_meta li,
  2758. #sidebar .widget_rss li{
  2759.     margin:0;
  2760.     border-bottom:1px solid #F0F0F0;
  2761.     padding:5px 0;
  2762. }
  2763. #sidebar .widget_subnav li a,
  2764. #sidebar .widget_recent_entries li a,
  2765. #sidebar .widget_recent_posts li a,
  2766. #sidebar .widget_popular_posts li a,
  2767. #sidebar .widget_pages li a,
  2768. #sidebar .widget_links li a,
  2769. #sidebar .widget_nav_menu li a,
  2770. #sidebar .widget_categories li a,
  2771. #sidebar .widget_archive li a,
  2772. #sidebar .widget_meta li a,
  2773. #sidebar .widget_rss li a{
  2774.     background:url(../images/widget_list_arrows.png) no-repeat scroll -48px 2px transparent;
  2775.     margin:0;
  2776.     line-height:20px;
  2777.     padding-left:20px;
  2778. }
  2779. /* Footer General
  2780. ---------------------------------------------------------- */
  2781. #footer .widget{
  2782.     margin-bottom:3em;
  2783. }
  2784. #footer h3.widgettitle {
  2785.     font-size:2em;
  2786.     margin-bottom:0.5em;
  2787. }
  2788. #footer .widget_subnav li,
  2789. #footer .widget_recent_comments li,
  2790. #footer .widget_recent_entries li,
  2791. #footer .widget_recent_posts li,
  2792. #footer .widget_popular_posts li,
  2793. #footer .widget_authors li,
  2794. #footer .widget_twitter li,
  2795. #footer .widget_pages li,
  2796. #footer .widget_links li,
  2797. #footer .widget_nav_menu li,
  2798. #footer .widget_categories li,
  2799. #footer .widget_archive li,
  2800. #footer .widget_meta li,
  2801. #footer .widget_rss li{
  2802.     background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent;
  2803.     margin:0;
  2804.     padding:5px 0;
  2805. }
  2806. #footer .widget_subnav li a,
  2807. #footer .widget_recent_entries li a,
  2808. #footer .widget_recent_posts li a,
  2809. #footer .widget_popular_posts li a,
  2810. #footer .widget_pages li a,
  2811. #footer .widget_links li a,
  2812. #footer .widget_nav_menu li a,
  2813. #footer .widget_categories li a,
  2814. #footer .widget_archive li a,
  2815. #footer .widget_meta li a,
  2816. #footer .widget_rss li a {
  2817.     background:url(../images/footer_list_style.png) no-repeat scroll 0 0 transparent;
  2818.     padding-left:15px;
  2819.     text-decoration:none;
  2820. }
  2821. #footer .text_input, #footer .textarea {
  2822.     color:#666;
  2823.     color:rgba(255, 255, 255, .3);
  2824.     border:1px solid #999;
  2825.     border: rgba(255, 255, 255, .15) 1px solid;
  2826.     -moz-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2827.     -webkit-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2828.     box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2829.     background: -moz-linear-gradient(
  2830.         center top,
  2831.         rgba(255, 255, 255, .03) 0%,
  2832.         rgba(255, 255, 255, .05) 100%
  2833.     );/* FF3.6 */
  2834.     background: -webkit-gradient(
  2835.         linear,
  2836.         center bottom,
  2837.         center top,
  2838.         from(rgba(255, 255, 255, .03)),
  2839.         to(rgba(255, 255, 255, .05))
  2840.     );/* Saf4+, Chrome */
  2841.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF'); /* IE6,IE7 */
  2842.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF')"; /* IE8 */
  2843. }
  2844. /* Search
  2845. ---------------------------------------------------------- */
  2846. #searchform .text_input {
  2847.     width:160px;
  2848.     padding:8px;
  2849.     line-height:1em;
  2850.     height:1em;
  2851.     vertical-align: middle;
  2852. }
  2853. #footer #searchform .text_input {
  2854.     width: 60%;
  2855. }
  2856. #searchform button {
  2857.     margin-left:2px;
  2858.     vertical-align: middle;
  2859. }
  2860. #searchform button span {
  2861.     line-height:1em;
  2862.     padding:7px 13px;
  2863. }
  2864. /* Tags
  2865. ---------------------------------------------------------- */
  2866. .widget_tag_cloud a{
  2867.     padding:2px 4px;
  2868. }
  2869. /* Calendar
  2870. ---------------------------------------------------------- */
  2871. .widget_calendar table {
  2872.     margin:0;
  2873.     width:100%;
  2874. }
  2875. .widget_calendar caption {
  2876.     font-size:1.2em;
  2877.     padding-bottom:5px;
  2878. }
  2879. .widget_calendar td,.widget_calendar th {
  2880.     padding:3px 0px;
  2881.     text-align: center;
  2882. }
  2883. .widget_calendar tfoot td {
  2884.     padding:8px 0px;
  2885.     font-size:1.1em;
  2886. }
  2887. .widget_calendar #prev {
  2888.     text-align:left;
  2889. }
  2890. .widget_calendar #next {
  2891.     text-align:right;
  2892. }
  2893. .widget_calendar a {
  2894.     font-size:1.3em;
  2895. }
  2896. /* Recent Comments
  2897. ---------------------------------------------------------- */
  2898. #sidebar .widget_recent_comments ul li a {
  2899.     background:none;
  2900. }
  2901. #sidebar .widget_recent_comments ul li span {
  2902.     background:url(../images/widget_list_arrows.png) no-repeat scroll -19px -20px transparent;
  2903.     padding-left:27px !important;;
  2904. }
  2905. #footer .widget_recent_comments ul li a {
  2906.     background:none;
  2907. }
  2908. #footer .widget_recent_comments ul li span {
  2909.     background:url(../images/footer_widget_list_arrows.png) no-repeat scroll -19px -20px transparent;
  2910.     padding-left:27px !important;;
  2911. }
  2912. /* Pages
  2913. ---------------------------------------------------------- */
  2914. #sidebar .widget_pages ul ul {
  2915.     border-top:1px solid #F0F0F0;
  2916.     margin:5px 0 -6px 2em;
  2917. }
  2918. #footer .widget_pages ul ul {
  2919.     margin-left:2em;
  2920. }
  2921. #footer .widget_pages ul ul li {
  2922.     background:none;
  2923. }
  2924. /* Recent Post
  2925. ---------------------------------------------------------- */
  2926. .posts_list {
  2927.     list-style: none;
  2928.     margin: 0;
  2929. }
  2930. .posts_list p{
  2931.     margin:0;
  2932. }
  2933. .posts_list li, #sidebar .posts_list li, #footer .posts_list li {
  2934.     padding:5px 0;
  2935. }
  2936. .posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a {
  2937.     background:none;
  2938.     padding:0;
  2939.     line-height:20px;
  2940. }
  2941. .posts_list .thumbnail, #sidebar .posts_list .thumbnail, #footer .posts_list .thumbnail{
  2942.     display:block;
  2943.     float:left;
  2944.     margin:4px 8px 8px 0;
  2945.     line-height:100%;
  2946.     border: 1px solid #eee;
  2947. }
  2948. .posts_list .thumbnail img {
  2949.     border: 1px solid #fff;
  2950.     display:block;
  2951. }
  2952. .posts_list time {
  2953.     display:block;
  2954. }
  2955. .posts_list .post_extra_info {
  2956.     overflow:hidden;
  2957. }
  2958. #footer .posts_list .thumbnail img {
  2959.     border:none;
  2960.     width:60px;
  2961.     height:60px;
  2962. }
  2963. /* Authors
  2964. ---------------------------------------------------------- */
  2965. .authors_list {
  2966.     list-style: none;
  2967.     margin: 0;
  2968. }
  2969. .authors_list li, #sidebar .authors_list li, #footer .authors_list li {
  2970.     padding:5px 0;
  2971.     overflow:hidden;
  2972. }
  2973. .widget_authors .gravatar {
  2974.     height:60px;
  2975.     margin: 4px 8px 8px 0;
  2976.     float: left;
  2977.     border: 1px solid #eee;
  2978. }
  2979. .widget_authors .gravatar img {
  2980.     border:none;
  2981.     padding:none;
  2982.     display:block;
  2983.     width:60px;
  2984.     height:60px;
  2985.     padding:0;
  2986. }
  2987. /* Contact Form
  2988. ---------------------------------------------------------- */
  2989. .widget_contact_form p {
  2990.     margin-bottom:10px;
  2991. }
  2992. .widget_contact_form label {
  2993.     padding-left:6px;
  2994. }
  2995. .widget_contact_form .invalid {
  2996.     border: 2px solid #999 !important;
  2997. }
  2998. #footer .widget_contact_form .invalid {
  2999.     border:1px solid #fff;
  3000.     border: rgba(255, 255, 255, .5) 1px solid;
  3001. }
  3002. #footer .widget_contact_form .text_input{
  3003.     width:60%;
  3004. }
  3005. #footer .widget_contact_form .textarea {
  3006.     width:92%;
  3007. }
  3008. /* for shortcode */
  3009.  .contact_form_wrap .contact_form .text_input {
  3010.     width:60%;
  3011.     padding:6px;
  3012. }
  3013. .contact_form_wrap .contact_form .textarea {
  3014.     width:95%;
  3015.     padding:6px;
  3016.     height:250px;
  3017. }
  3018. .contact_form_wrap .contact_form label {
  3019.     padding-left:5px;
  3020. }
  3021. .contact_form_wrap .contact_form .invalid {
  3022.     border: 2px solid #999 !important;
  3023. }
  3024. /* Contact Info Widget
  3025. ---------------------------------------------------------- */
  3026. .contact_info_wrap .icon_text, .contact_info_wrap .contact_address{
  3027.     padding-left:26px;
  3028. }
  3029. .contact_info_wrap p {
  3030.     margin-bottom:5px;
  3031. }
  3032. .contact_info_wrap .contact_zip {
  3033.     padding-left:5px;
  3034. }
  3035. /* Twitter Widget
  3036. ---------------------------------------------------------- */
  3037. #sidebar .widget_twitter .tweet_list li {
  3038.     background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent;
  3039.     padding:5px 5px 5px 22px;
  3040.     line-height:inherit;
  3041.     word-wrap:break-word;
  3042. }
  3043. #sidebar .widget_twitter .tweet_list a {
  3044.     background:none;
  3045.     padding:0;
  3046.     line-height:20px;
  3047. }
  3048. /* for shortcode */
  3049. .twitter_wrap .tweet_list {
  3050.     list-style: none;
  3051.     margin:0;
  3052. }
  3053. .twitter_wrap .tweet_list li {
  3054.     background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent;
  3055.     padding:5px 5px 5px 22px;
  3056.     line-height:inherit;
  3057.     word-wrap:break-word;
  3058.     margin:0;
  3059. }
  3060. .twitter_wrap .tweet_list a {
  3061.     background:none;
  3062.     padding:0;
  3063. }
  3064. /* with avatar */
  3065. .twitter_wrap.with_avatar .tweet_list li, #sidebar .widget_twitter .with_avatar .tweet_list li {
  3066.     background:none;
  3067.     padding-left:0px;
  3068.     overflow:hidden;
  3069. }
  3070. #sidebar .widget_twitter .with_avatar .tweet_list a.tweet_avatar, .twitter_wrap .tweet_list a.tweet_avatar {
  3071.     float:left;
  3072.     padding-right:10px;
  3073. }
  3074. /* Flickr Widget
  3075. ---------------------------------------------------------- */
  3076. .flickr_wrap {
  3077.     position: relative;
  3078. }
  3079. .flickr_wrap .flickr_badge_image {
  3080.     border:1px solid #eeeeee;
  3081.     padding: 0;
  3082.     float:left;
  3083.     line-height:100%;
  3084.     margin:0 10px 10px 0;
  3085. }
  3086. .flickr_wrap .flickr_badge_image img {
  3087.     width:75px;
  3088.     height:75px;
  3089.     border:1px solid #FFFFFF;
  3090.     background-color:#F9F9F9;
  3091.     display:block;
  3092. }
  3093. #footer .flickr_wrap {
  3094.     margin-right:-9px;
  3095. }
  3096. #footer .flickr_badge_image {
  3097.     margin:0 9px 9px 0;
  3098. }
  3099. #footer .flickr_wrap img {
  3100.     width:60px;
  3101.     height:60px;
  3102. }
  3103. /* Social Icon Widget
  3104. ---------------------------------------------------------- */
  3105. .widget_social a {
  3106.     padding:0 !important;
  3107.     margin: 0 !important;
  3108.     background: none !important;
  3109. }
  3110. .widget_social a:hover {
  3111.     text-decoration: none;
  3112.     border: 0;
  3113. }
  3114. .widget_social img {
  3115.     margin:0 10px 5px 0;
  3116. }
  3117. .widget_social .social_animation_fade img, .widget_social .social_animation_combo img {
  3118.     opacity:0.7;
  3119.     -moz-opacity:0.7;
  3120. }
  3121. .widget_social .social_animation_fade img:hover {
  3122.     opacity: 1;
  3123.     -moz-opacity: 1;
  3124.     -moz-transition: all 0.2s ease-in;
  3125.     -o-transition: all 0.2s ease-in;
  3126.     -webkit-transition: all 0.2s ease-in;
  3127.     transition: all 0.2s ease;
  3128. }
  3129. .widget_social .social_animation_scale img:hover {
  3130.     -moz-transform: scale(1.2);
  3131.     -o-transition: scale(1.2);
  3132.     -webkit-transform: scale(1.2);
  3133.     -ms-zoom: 1.2;
  3134.     -moz-transition: all 0.2s ease-in;
  3135.     -o-transition: all 0.2s ease-in;
  3136.     -webkit-transition: all 0.2s ease-in;
  3137.     transition: all 0.2s ease;
  3138. }
  3139. .widget_social .social_animation_bounce img:hover {
  3140.     -moz-transform: translate(0px, -2px);
  3141.     -o-transition: translate(0px, -2px);
  3142.     -webkit-transform: translate(0px, -2px);
  3143.     transform: translate(0px, -2px);
  3144.     -webkit-transition: all 0.2s ease-in;
  3145.     -o-transition: all 0.2s ease-in;
  3146.     -moz-transition: all 0.2s ease-in;
  3147.     transition: all 0.2s ease;
  3148. }
  3149. .widget_social .social_wrap.social_animation_combo img:hover {
  3150.     opacity: 1;
  3151.     -moz-opacity: 1;
  3152.     transform: translate(0px, -2px);
  3153.     -moz-transform: scale(1.2) translate(0px, -2px);
  3154.     -o-transform: scale(1.2) translate(0px, -2px);
  3155.     -webkit-transform: scale(1.2) translate(0px, -2px);
  3156.     -ms-zoom: 1.2;
  3157.     -webkit-transition: all 0.2s ease-in;
  3158.     -o-transition: all 0.2s ease-in;
  3159.     -moz-transition: all 0.2s ease-in;
  3160.     transition: all 0.2s ease;
  3161. }
  3162. /* Google Map Widget
  3163. ---------------------------------------------------------- */
  3164. .widget_gmap .google_map{
  3165.     height:220px;
  3166. }
  3167. .widget_gmap .google_map{
  3168.     color:#666;
  3169. }
  3170. /* Rss Widget
  3171. ---------------------------------------------------------- */
  3172. #footer .widget_rss ul li {
  3173.     background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent;
  3174. }
  3175. /** Advertisement Widget
  3176. ---------------------------------------------------------- */
  3177. .widget_advertisement_125 {
  3178.     clear:left;
  3179. }
  3180. .widget_advertisement_125 a {
  3181.     display:block;
  3182.     float:left;
  3183.     line-height:100%;
  3184.     margin:1px 9px 9px 1px;
  3185.     overflow:hidden;
  3186.     font-size:0;
  3187.     height:125px;
  3188. }
  3189. .widget_advertisement_125 img {
  3190.     width:125px;
  3191.     height:125px;
  3192. }
  3193. .widget_advertisement_125 a:hover{
  3194.     -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  3195.     -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
  3196.     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
  3197. }
  3198. .widget_advertisement_125 a:hover img {
  3199.     opacity: 0.8;
  3200.     -moz-opacity: 0.8;
  3201. }
  3202. /* ======================================================= */
  3203. /*                          Video                          */
  3204. /* ======================================================= */
  3205. .video_frame {line-height:100%;}
  3206. .video-js-box { text-align: left; position: relative; vertical-align: bottom; }
  3207. /* Video Element */
  3208. video.video-js { background-color: #000; position: relative; }
  3209. /* Fullscreen styles for main elements */
  3210. .video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 99; }
  3211. .video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  3212. .video-js-box.vjs-fullscreen ul.vjs-controls { z-index: 101; }
  3213. /* Poster Style */
  3214. .video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
  3215. /* Subtiles Style */
  3216. .video-js-box .vjs-subtitles { color:#fff; font-size: 20px; text-align: center; bottom: 20px; left: 0; right: 0; position: absolute; z-index: 101; }
  3217. /* Controls Layout
  3218.      Using a Holy Grail type method to allow the progress bar holder to expand into all available space,
  3219.      but using abosolute positioning for individual controls. http://www.alistapart.com/articles/holygrail */
  3220. .video-js-box ul.vjs-controls {
  3221.     list-style: none; position: absolute; margin: 0; border: none; opacity: 0.85; color: #fff;
  3222.     display: none;
  3223.     left: 0; right: 0;
  3224.     height: 35px;
  3225.     padding-left: 35px;
  3226.     padding-right: 165px;
  3227.     padding-top: 0; padding-bottom: 0;
  3228. }
  3229. /* Controls styles when below the video */
  3230. .video-js-box.vjs-controls-below ul.vjs-controls { background-color: #000; }
  3231. .video-js-box ul.vjs-controls > li {
  3232.     position: absolute; list-style: none; float: left; padding: 0; text-align: center;
  3233.     height: 25px;
  3234.     margin: 5px 0 0 0;
  3235.     background-color: #0B151A;
  3236.     background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  3237.     background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
  3238.     /* CSS Curved Corners */
  3239.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3240.     /* CSS Shadows */
  3241.     box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
  3242. }
  3243. /* Placement of Control Items */
  3244. ul.vjs-controls > li.vjs-play-control { width: 25px; left: 5px; }
  3245. ul.vjs-controls > li.vjs-progress-control { width: 100%; position: relative; }
  3246. ul.vjs-controls > li.vjs-time-control { width: 75px; right: 90px; }
  3247. ul.vjs-controls > li.vjs-volume-control  { width: 50px; right: 35px; }
  3248. ul.vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 5px; }
  3249. /* Removing curves on progress control and time control to join them. */
  3250. ul.vjs-controls > li.vjs-progress-control {
  3251.     border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  3252.     border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
  3253. }
  3254. ul.vjs-controls > li.vjs-time-control {
  3255.     border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  3256.     border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
  3257. }
  3258. /* Play/Pause
  3259. -------------------------------------------------------------------------------- */
  3260. li.vjs-play-control { cursor: pointer !important; }
  3261. li.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
  3262. li.vjs-play-control.vjs-play span {
  3263.     width: 0; height: 0; margin: 8px 0 0 8px;
  3264.     border-left: 10px solid #fff;
  3265.     border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
  3266. }
  3267. li.vjs-play-control.vjs-pause span {
  3268.     width: 3px; height: 10px; margin: 8px auto 0;
  3269.     border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
  3270. }
  3271. /* Progress
  3272. -------------------------------------------------------------------------------- */
  3273. ul.vjs-progress-holder {
  3274.     position: relative; list-style: none; padding: 0; overflow:hidden; cursor: pointer !important;
  3275.     height: 9px; border: 1px solid #777;
  3276.     margin: 7px 1px 0 5px;
  3277.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3278. }
  3279. ul.vjs-progress-holder li {
  3280.     position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; list-style: none;
  3281.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3282. }
  3283. li.vjs-play-progress {
  3284.     background: #fff;
  3285.     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  3286.     background: -moz-linear-gradient(top,   #fff,   #777);
  3287. }
  3288. li.vjs-load-progress {
  3289.     opacity: 0.8;
  3290.     background-color: #555;
  3291.     background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  3292.     background: -moz-linear-gradient(top,   #555,   #aaa);
  3293. }
  3294. /* Time Display
  3295. -------------------------------------------------------------------------------- */
  3296. ul.vjs-controls li.vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
  3297. ul.vjs-controls li.vjs-time-control span { line-height: 25px;  }
  3298. /* Volume
  3299. -------------------------------------------------------------------------------- */
  3300. li.vjs-volume-control { cursor: pointer !important; }
  3301. li.vjs-volume-control ul { list-style: none; display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
  3302. li.vjs-volume-control ul li {
  3303.     list-style: none; float: left; padding: 0;
  3304.     margin: 0 2px 0 0;
  3305.     width: 5px; height: 0px;
  3306.     border-bottom: 18px solid #555;
  3307. }
  3308. li.vjs-volume-control ul li.vjs-volume-level-on { border-color: #fff; }
  3309. li.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
  3310. li.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
  3311. li.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
  3312. li.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
  3313. li.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }
  3314. li.vjs-volume-control ul li:nth-child(6) { margin-right: 0; }
  3315. /* Fullscreen
  3316. -------------------------------------------------------------------------------- */
  3317. li.vjs-fullscreen-control { cursor: pointer !important; }
  3318. li.vjs-fullscreen-control ul {
  3319.     list-style: none; padding: 0; text-align: left; vertical-align: top; cursor: pointer !important;
  3320.     margin: 5px 0 0 5px;
  3321.     width: 20px; height: 20px;
  3322. }
  3323. li.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
  3324. li.vjs-fullscreen-control ul li:nth-child(1) {
  3325.     margin-right: 3px;
  3326.     margin-bottom: 3px;
  3327.     border-top: 6px solid #fff;
  3328.     border-right: 6px solid rgba(0,0,0,0);
  3329. }
  3330. li.vjs-fullscreen-control ul li:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3331. li.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
  3332. li.vjs-fullscreen-control ul li:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3333. .vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3334. .vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
  3335. .vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3336. .vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
  3337. /* Big Play Button (at start)
  3338. ---------------------------------------------------------*/
  3339. div.vjs-big-play-button {
  3340.     display: none;
  3341.     position: absolute; top: 50%; left: 50%; width: 76px; height: 70px; margin: -35px 0 0 -38px; z-index: 102; text-align: center; vertical-align: center; cursor: pointer !important;
  3342.     border: 1px solid #ccc; opacity: 0.8;
  3343.     background-color: #0B151A;
  3344.     background: rgba(50,50,50,0.8);
  3345. }
  3346. div.vjs-big-play-button:hover {
  3347.     box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
  3348. }
  3349. div.vjs-big-play-button span {
  3350.     display: block; font-size: 0; line-height: 0;
  3351.     width: 0; height: 0;margin: 16px 0 0 21px;
  3352.     border-left: 40px solid #fff;
  3353.     border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
  3354. }
  3355. /* Download Links - Used for browsers that don't support any video.
  3356. -------------------------------------------------------------------------------- */
  3357. .vjs-no-video { margin-top:10px; font-size: small; }
  3358. /* ======================================================= */
  3359. /*                     Enhance Styles                      */
  3360. /* ======================================================= */
  3361. pre,code,.wp-caption,.tabs_container .panes,ul.mini_tabs li,.accordion,.table_style,.framed_box_content,.gravatar,.widget_posts_list .thumbnail {
  3362.     -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  3363.     -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
  3364.     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
  3365.     -webkit-border-radius: 1px;
  3366.     -moz-border-radius: 1px;
  3367.     border-radius: 1px;
  3368. }
  3369.  
  3370. /* Donate Extra Form Widget Styling */
  3371. #donate-extra-form .widgettitle{
  3372.     color: #000000;
  3373. }
  3374. #donate-extra-form p{
  3375.     color: ##70bdff;
  3376. }
  3377. #donate-extra-form label{
  3378. }
  3379. #donate-extra-form small{
  3380. }
  3381. /* Donate Extra Total Widget Styling
  3382. #donate-extra-total .widgettitle{
  3383. }
  3384. #donate-extra-total p{
  3385. }
  3386. /* Donate Extra Wall Widget Styling */
  3387. #donate-extra-wall .widgettitle{
  3388. }
  3389. #donate-extra-wall p{
  3390. }
  3391. #donate-extra-wall .date{
  3392. }
  3393. #donate-extra-wall .name{
  3394.     color: ##70bdff;
  3395.     font-size: 8px;
  3396. }
  3397. #donate-extra-wall .amount{
  3398. }
  3399. #donate-extra-wall .comment{
  3400. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement