Advertisement
Guest User

TheTravelTheme CSS

a guest
Feb 15th, 2013
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 84.36 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:11px;
  1773. }
  1774. /* ======================================================= */
  1775. /*                         Footer                          */
  1776. /* ======================================================= */
  1777. /* Footer Body
  1778. ---------------------------------------------------------- */
  1779. #footer {
  1780.     background:url("../images/footer.png") no-repeat scroll 50% 0 transparent;
  1781. }
  1782. #footer .inner{
  1783.     padding:30px 0 40px;
  1784.     overflow:hidden;
  1785. }
  1786. #footer_shadow {
  1787.     background:url("../images/footer_shadow.png") repeat-x scroll 0 0 transparent;
  1788.     height: 10px;
  1789.     font-size:0px;
  1790.     overflow:hidden;
  1791.     line-height: 10px;
  1792. }
  1793. /* Sub Footer
  1794. ---------------------------------------------------------- */
  1795. #footer_bottom {
  1796.     letter-spacing:1px;
  1797.     background:url("../images/footer_bottom.png") repeat-x scroll 50% 0 transparent;
  1798. }
  1799. #footer_bottom .inner {
  1800.     padding:12px 0;
  1801. }
  1802. #copyright {
  1803.     float: left;
  1804.     font-size:13px;
  1805.     line-height:1.5em;
  1806. }
  1807. #footer_menu {
  1808.     float: right;
  1809.     text-align:right;
  1810. }
  1811. #footer_menu a {
  1812.     padding:0 5px;
  1813. }
  1814. #footer_menu li, #footer_menu ul {
  1815.     display:inline;
  1816.     font-weight:normal;
  1817.     text-transform:uppercase;
  1818. }
  1819. #footer_right_area {
  1820.     position: absolute;
  1821.     right:0px;
  1822. }
  1823. /* ======================================================= */
  1824. /*                    Home Page Sliders                    */
  1825. /* ======================================================= */
  1826. #slidershow_loading {
  1827.     position:absolute;
  1828.     top:0px;
  1829.     z-index:103;
  1830.     width:100%;
  1831. }
  1832. #slidershow_loading .inner {
  1833.     background:url("../images/loading_big.gif") #fff no-repeat 50% 50%;
  1834.     border:1px solid #ccc;
  1835. }
  1836. #slidershow_wrap .slide_pane {
  1837.     display:none;
  1838. }
  1839. #sldershow_pagers {
  1840.     position:absolute;
  1841.     bottom:20px;
  1842.     width:100%;
  1843.     z-index:102;
  1844.     text-align:right;
  1845. }
  1846. #sldershow_pagers .inner {
  1847.     padding-right:20px;
  1848.     width:940px;
  1849. }
  1850. #sldershow_pagers a {
  1851.     background:url("../images/slidershow_pager.png") no-repeat scroll 0 -75px transparent;
  1852.     height:30px;
  1853.     width:30px;
  1854.     display:inline-block;
  1855.     margin:0 2px;
  1856.     overflow:hidden;
  1857.     text-decoration:none;
  1858.     outline: 0;
  1859.     font-size:1px;
  1860.     text-indent:-10000px;
  1861.     cursor:pointer;
  1862. }
  1863. #sldershow_pagers a:hover {
  1864.     background-position: 0 -35px;
  1865. }
  1866. #sldershow_pagers a.current {
  1867.     background-position: 0 5px;
  1868. }
  1869. /* anything Slider
  1870. ---------------------------------------------------------- */
  1871. #anything_slider_wrap {
  1872.     width: 960px;
  1873.     height: 440px;
  1874.     position:relative;
  1875.     overflow:hidden;
  1876.     border:1px solid #ccc;
  1877. }
  1878. #anything_slider_loading {
  1879.     background:url("../images/loading_big.gif") #fff no-repeat 50% 50%;
  1880.     position:absolute;
  1881.     top:0px;
  1882.     width:960px;
  1883.     z-index:103;
  1884. }
  1885. #anything_shadow {
  1886.     background:url("../images/slider_shadow.png") no-repeat scroll center bottom transparent;
  1887.     height:40px;
  1888. }
  1889. /******* SET DEFAULT DIMENSIONS HERE ********/
  1890. div.anythingSlider {
  1891.     width: 960px;
  1892.     height: 440px;
  1893.     margin: 0 auto;
  1894. }
  1895. div.anythingSlider .anythingWindow {
  1896.     background-color:#fff;
  1897. }
  1898. /**** DO NOT CHANGE BELOW THIS LINE ****/
  1899. /* anythingSlider viewport window */
  1900. div.anythingSlider .anythingWindow {
  1901.     overflow: hidden;
  1902.     position: relative;
  1903.     width: 100%;
  1904.     height: 100%;
  1905. }
  1906. div.anythingSlider {
  1907.     position: relative;
  1908. }
  1909. /* anythingSlider base UL */
  1910. ul.anythingBase {
  1911.     background: transparent;
  1912.     list-style: none;
  1913.     position: absolute;
  1914.     top: 0;
  1915.     left: 0;
  1916.     margin: 0;
  1917.     padding: 0;
  1918. }
  1919. ul.anythingBase li.panel {
  1920.     background: transparent;
  1921.     display: block;
  1922.     float: left;
  1923.     padding: 0;
  1924.     margin: 0;
  1925.     position:relative;
  1926. }
  1927. /* Navigation Arrows */
  1928. div.anythingSlider .arrow {
  1929.     position: absolute;
  1930.     display: block;
  1931.     width:40px;
  1932.     height:40px;
  1933.     top:45%;
  1934. }
  1935. div.anythingSlider .arrow a {
  1936.     position:absolute;
  1937.     width:40px;
  1938.     height:40px;
  1939.     text-indent:-10000px;
  1940.     z-index:101;
  1941.     outline: 0;
  1942.     cursor:pointer;
  1943. }
  1944. div.anythingSlider .forward { right:20px; }
  1945. div.anythingSlider .back { left:20px; }
  1946. div.anythingSlider .forward a { background:url("../images/slide_right.png") no-repeat scroll 0 0 transparent; }
  1947. div.anythingSlider .back a { background:url("../images/slide_left.png") no-repeat scroll 0 0 transparent; }
  1948. div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {  }
  1949. div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {  }
  1950. /* Navigation Links */
  1951. div.anythingSlider .anythingControls { outline: 0;text-align:center;padding-top:14px; }
  1952. div.anythingSlider .thumbNav {float: none; position:relative; margin: 0; }
  1953. div.anythingSlider .thumbNav li { display: inline; margin: 0;}
  1954. div.anythingSlider .thumbNav a {
  1955.     background:url("../images/anything_slider_pager.png") no-repeat scroll 0 0 transparent;
  1956.     height:16px;
  1957.     width:16px;
  1958.     display:inline-block;
  1959.     margin:0 2px;
  1960.     overflow:hidden;
  1961.     text-decoration:none;
  1962.     outline: 0;
  1963.     text-indent:-10000px;
  1964.     cursor:pointer;
  1965. }
  1966. div.anythingSlider .thumbNav a:hover {
  1967.     background-position: 0 -16px;
  1968. }
  1969. div.anythingSlider .thumbNav a.cur {
  1970.     background-position: 0 -32px;
  1971. }
  1972. div.anythingSlider .start-stop {
  1973.     display:none;
  1974. }
  1975. div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
  1976.     transition-duration: 0;
  1977.     -o-transition-duration: 0;
  1978.     -moz-transition-duration: 0;
  1979.     -webkit-transition-duration: 0;
  1980. }
  1981. /* Captions */
  1982. .anything_caption {
  1983.     opacity:0.8;
  1984.     position:absolute;
  1985.     background-color:#000;
  1986.     padding:20px 20px 10px;
  1987.     z-index:100;
  1988. }
  1989. .anything_caption h3, .anything_caption p {
  1990.     color:#fff;
  1991.     margin-bottom:10px;
  1992. }
  1993. .anything_caption h3 {
  1994.     line-height:1.2em;
  1995. }
  1996. .caption_top, .caption_bottom {
  1997.     width:920px;
  1998. }
  1999. .caption_top {
  2000.     top:25px;
  2001. }
  2002. .caption_bottom {
  2003.     bottom:25px;
  2004. }
  2005. .caption_left, .caption_right {
  2006.     width:220px;
  2007. }
  2008. .caption_left {
  2009.     left:25px;
  2010. }
  2011. .caption_right {
  2012.     right:25px;
  2013. }
  2014. /* Sidebar */
  2015. .anything_sidebar_content {
  2016.     width:240px;
  2017.     padding:30px;
  2018.     top:0px;
  2019.     position: absolute;
  2020. }
  2021. .anything_sidebar_image {
  2022.     width:660px;
  2023.     top:0px;
  2024.     position: absolute;
  2025. }
  2026. .anything_sidebar_left .anything_sidebar_content{
  2027.     left: 0px;
  2028. }
  2029. .anything_sidebar_left .anything_sidebar_image{
  2030.     right: 0px;
  2031. }
  2032. .anything_sidebar_right .anything_sidebar_content{
  2033.     right: 0px;
  2034. }
  2035. .anything_sidebar_right .anything_sidebar_image{
  2036.     left: 0px;
  2037. }
  2038. /* ======================================================= */
  2039. /*                    Portfolio Styles                     */
  2040. /* ======================================================= */
  2041. .portfolios ul {
  2042.     letter-spacing: -4px; /* remvoe the gap */
  2043.     word-spacing: -4px; /* remvoe the gap */
  2044.     overflow:hidden;
  2045.     list-style-type:none;
  2046.     margin:0;
  2047.     padding:0;
  2048.     display:block;
  2049. }
  2050. .portfolios ul li {
  2051.     letter-spacing: normal;  /* remvoe the gap */
  2052.     word-spacing: normal;  /* remvoe the gap */
  2053.     display: -moz-inline-box; /* mozilla only */
  2054.     display: inline-block; /* for browsers that support display:inline-block*/
  2055.     vertical-align: top;
  2056.     overflow:hidden;
  2057.     padding:0;
  2058.     margin:10px 0 50px 0;
  2059.     position:relative;
  2060. }
  2061. .portfolio_title {
  2062.     line-height:1em;
  2063. }
  2064. .portfolio_desc {
  2065.     margin-top:0.8em;
  2066. }
  2067. .portfolio_more_button {
  2068.     margin-top:0.8em;
  2069. }
  2070. /* Portfolio Sortable
  2071. ---------------------------------------------------------- */
  2072. .portfolios.sortable header {
  2073.     font-size:1.2em;
  2074.     line-height:1.8em;
  2075.     margin-bottom:10px;
  2076.     clear:both;
  2077.     overflow:hidden;
  2078. }
  2079. .portfolios.sortable header span {
  2080.     display:block;
  2081.     float:left;
  2082.     margin-right:5px;
  2083. }
  2084. #page .portfolios.sortable header a {
  2085.     display:block;
  2086.     float:left;
  2087.     padding:0 14px;
  2088.     margin-right:10px;
  2089.     background-color:#eee;
  2090.     color:#666;
  2091. }
  2092. /* Portfolio One Column
  2093. ---------------------------------------------------------- */
  2094. .portfolios .portfolio_one_column {
  2095.     clear:left;
  2096. }
  2097. .portfolios .portfolio_one_column li {
  2098.     display:block;
  2099. }
  2100. .portfolio_one_column .portfolio_image{
  2101.     float:left;
  2102.     width:602px;
  2103. }
  2104. .portfolio_one_column .portfolio_image .image_frame{
  2105.     width:600px;
  2106. }
  2107. .portfolio_one_column .portfolio_image .image_shadow{
  2108.     width:600px;
  2109. }
  2110. .portfolio_one_column .portfolio_details {
  2111.     float:left;
  2112.     width:330px;
  2113.     padding-left:28px;
  2114. }
  2115. .portfolio_one_column .portfolio_title {
  2116.     margin-top:0.7em;
  2117. }
  2118. /* Portfolio Two Columns
  2119. ---------------------------------------------------------- */
  2120. .portfolios .portfolio_two_columns {
  2121.     margin-right:-56px;
  2122. }
  2123. .portfolio_two_columns li {
  2124.     width:452px;
  2125. }
  2126. .portfolio_two_columns .portfolio_image .image_frame{
  2127.     width:450px;
  2128. }
  2129. .portfolio_two_columns .portfolio_image .image_shadow{
  2130.     width:450px;
  2131. }
  2132. ul.portfolio_two_columns li {
  2133.     margin-right:56px;
  2134. }
  2135. /* Portfolio Three Columns
  2136. ---------------------------------------------------------- */
  2137. .portfolios .portfolio_three_columns {
  2138.     margin-right:-39px;
  2139. }
  2140. .portfolio_three_columns li {
  2141.     width:294px;
  2142. }
  2143. .portfolio_three_columns .portfolio_image .image_frame{
  2144.     width:292px;
  2145. }
  2146. .portfolio_three_columns .portfolio_image .image_shadow{
  2147.     width:292px;
  2148. }
  2149. ul.portfolio_three_columns li {
  2150.     margin-right:39px;
  2151. }
  2152. /* Portfolio Four Columns
  2153. ---------------------------------------------------------- */
  2154. .portfolios .portfolio_four_columns {
  2155.     margin-right:-28px;
  2156. }
  2157. .portfolio_four_columns li {
  2158.     width:219px;
  2159. }
  2160. .portfolio_four_columns .portfolio_image .image_frame{
  2161.     width:217px;
  2162. }
  2163. .portfolio_four_columns .portfolio_image .image_shadow{
  2164.     width:217px;
  2165. }
  2166. ul.portfolio_four_columns li {
  2167.     margin-right:28px;
  2168. }
  2169. /* ======================================================= */
  2170. /*                       Blog Styles                       */
  2171. /* ======================================================= */
  2172. /* Blog Index & main_wrap Post Body
  2173. ---------------------------------------------------------- */
  2174. .entry {
  2175.     clear:both;
  2176.     overflow:hidden;
  2177. }
  2178. .entry .entry_title {
  2179.     margin-bottom:10px;
  2180. }
  2181. .entry .entry_title a {
  2182.     color:#333;
  2183. }
  2184. .entry_video .video_frame {
  2185.     border:1px solid #eee;
  2186.     border-bottom:0px;
  2187. }
  2188. .entry_video object{
  2189.     display:block;
  2190. }
  2191. .entry_image {
  2192.     margin:0px;
  2193. }
  2194. .entry_image .image_shadow {
  2195.     width:100%;
  2196. }
  2197. .entry_left .entry_image {
  2198.     float:left;
  2199.     margin-top:5px;
  2200.     margin-right:20px;
  2201. }
  2202. .entry_left .entry_info {
  2203.     overflow:hidden;
  2204. }
  2205. .entry .entry_meta {
  2206.     border-top:1px solid #f0f0f0;
  2207.     border-bottom:1px solid #f0f0f0;
  2208.     line-height:28px;
  2209.     margin-bottom:10px;
  2210.     position:relative;
  2211. }
  2212. .entry .entry_meta .separater {
  2213.     padding: 0 4px;
  2214. }
  2215. .entry .entry_meta .comments {
  2216.     float:right;
  2217. }
  2218. .read_more_link {
  2219.     position:relative;
  2220.     top:-5px;
  2221. }
  2222. #feature .entry_meta .separater{
  2223.     padding: 0 0.6em;
  2224. }
  2225. #feature .entry_meta .comments {
  2226.     position:absolute;
  2227.     right: 0;
  2228. }
  2229. #feature a {
  2230.     color:#ccc;
  2231. }
  2232. .entry.content {
  2233.     margin-bottom:40px;
  2234. }
  2235. .entry.content footer {
  2236.     margin-top:80px;
  2237.     margin-bottom:-40px;
  2238. }
  2239. #author .gravatar {
  2240.     float:right;
  2241.     margin:0 0 0 20px;
  2242. }
  2243. /* WP Pagenavi
  2244. ---------------------------------------------------------- */
  2245. .wp-pagenavi{
  2246.     clear:both;
  2247.     padding-top:10px;
  2248.     height:40px;
  2249.     text-align:left;
  2250. }
  2251. .wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.current,.wp-pagenavi span.extend {
  2252.     margin-right:5px;
  2253.     padding:4px 6px;
  2254.     text-shadow:1px 1px 1px #ddd;
  2255.     color:#666;
  2256. }
  2257. .wp-pagenavi span.current {
  2258.     color:#333;
  2259.     font-size:16px;
  2260. }
  2261. .wp-pagenavi a:hover {
  2262.     color:#333;
  2263.     font-size:14px;
  2264. }
  2265. /* About the Author
  2266. ---------------------------------------------------------- */
  2267. #about_the_author {
  2268.     margin-bottom:40px;
  2269. }
  2270. #about_the_author .author_content {
  2271.     padding:20px;
  2272.     border-top:1px solid #eeeeee;
  2273.     border-bottom:1px solid #eeeeee;
  2274.     background-color:rgba(0, 0, 0, .01);
  2275.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#02000000',EndColorStr='#02000000');
  2276.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02000000',EndColorStr='#02000000')";
  2277. }
  2278. .author_info {
  2279.     overflow:hidden;
  2280.     padding-left:15px;
  2281.     position:relative;
  2282. }
  2283. .author_name {
  2284.     font-size:1.2em;
  2285. }
  2286. .author_desc {
  2287.     margin-bottom:0;
  2288. }
  2289. /* Popular and Related Posts
  2290. ---------------------------------------------------------- */
  2291. .related_popular_wrap {
  2292.     margin-bottom:40px;
  2293. }
  2294. .related_popular_wrap .posts_list .thumbnail {
  2295.     margin-right:15px;
  2296. }
  2297. .related_popular_wrap li {
  2298.     margin:0;
  2299. }
  2300. /* Related Posts
  2301. ---------------------------------------------------------- */
  2302. .related_posts_wrap {
  2303.     margin-bottom:40px;
  2304.     overflow:hidden;
  2305. }
  2306. .related_posts_list {
  2307.     border-top:1px solid #eee;
  2308.     padding-top:20px;
  2309.     list-style:none outside none;
  2310.     margin:0;
  2311.     margin-right:-21px;
  2312. }
  2313. .related_posts_list li {
  2314.     float:left;
  2315.     width:196px;
  2316.     margin:0 21px 0 0;
  2317. }
  2318. .related_posts_list .thumbnail{
  2319.     border:1px solid #EEEEEE;
  2320.     display:block;
  2321.     line-height:100%;
  2322.     margin-bottom:10px;
  2323. }
  2324. .related_posts_list .thumbnail img{
  2325.     border:1px solid #FFFFFF;
  2326.     display:block;
  2327. }
  2328. .related_posts_list time {
  2329.     display:block;
  2330. }
  2331. /* Entry previous & next navigation
  2332. ---------------------------------------------------------- */
  2333. .entry_navigation {
  2334.     overflow: hidden;
  2335.     clear: both;
  2336.     margin-bottom:40px;
  2337. }
  2338. .entry_navigation .nav-previous {
  2339.     float: left;
  2340.     width: 50%;
  2341. }
  2342. .entry_navigation .nav-next {
  2343.     float: right;
  2344.     text-align: right;
  2345.     width: 50%;
  2346. }
  2347. /* Threaded Comments
  2348. ---------------------------------------------------------- */
  2349. #comments ul {
  2350.     list-style-type:none;
  2351. }
  2352. .commentlist {
  2353.     margin: 0;
  2354. }
  2355. .commentlist ul {
  2356.     margin-left:20px;
  2357. }
  2358. .commentlist li {
  2359.     margin:0;
  2360.     border-top:1px solid #EEEEEE;  
  2361. }
  2362. .commentlist li .comment_wrap {
  2363.     overflow:visible;
  2364.     padding:20px 0;
  2365.     position:relative;
  2366. }
  2367. .gravatar {
  2368.     float:left;
  2369.     height:70px;
  2370.     border:1px solid #eeeeee;
  2371. }
  2372. .gravatar img{
  2373.     padding:4px;
  2374.     height:60px;
  2375.     width:60px;
  2376.     border:1px solid #FFFFFF;
  2377.     background-color:#F9F9F9;
  2378. }
  2379. .comment_content {
  2380.     min-height:80px;
  2381.     padding-left:20px;
  2382.     position:relative;
  2383.     overflow:hidden;
  2384. }
  2385. .commentlist li ul li {
  2386.     margin-left: 20px;
  2387. }
  2388. .nocomments {
  2389.     text-align: center;
  2390.     margin: 0;
  2391.     padding: 0;
  2392. }
  2393. .comment_author {
  2394.     font-size:18px;
  2395.     font-style: normal;
  2396. }
  2397. .comment_author span {
  2398.     display:none;
  2399. }
  2400. .comment_time {
  2401.     float:right;
  2402. }
  2403. .comment_text {
  2404.     clear:both;
  2405.     padding-top:5px;
  2406.     overflow:hidden;
  2407. }
  2408. .comments_navigation {
  2409.     margin-top:20px;
  2410.     clear:both;
  2411.     overflow:hidden;
  2412. }
  2413. .comments_navigation .nav_previous {
  2414.     float:left;
  2415. }
  2416. .comments_navigation .nav_next {
  2417.     float:right;
  2418. }
  2419. #respond {
  2420.     margin-top:20px;
  2421. }
  2422. #respond #comment{
  2423.     width:98%;
  2424. }
  2425. #comments label {
  2426.     padding-left: 6px;
  2427.     opacity: 0.75;
  2428. }
  2429. .cancel_comment_reply {
  2430.     margin-bottom:6px;
  2431. }
  2432. /* ======================================================= */
  2433. /*                       Photo Album                       */
  2434. /* ======================================================= */
  2435. /* Photoalbum General
  2436. ---------------------------------------------------------- */
  2437. .flickr_feature .inner{
  2438.     background:url("../images/flickr.png") no-repeat scroll right center transparent;
  2439. }
  2440. /* Photo
  2441. ---------------------------------------------------------- */
  2442. div.meta img {
  2443.     margin-right:5px;
  2444. }
  2445. div#photo {
  2446.     position:relative;
  2447.     margin:10px 0 0 0;
  2448. }
  2449. div#notes {
  2450.     position:absolute;
  2451.     top:0px;
  2452.     left:0px;
  2453.     width:100%;
  2454.     height:100%;
  2455. }
  2456. div#notes div.note {
  2457.     padding:1px;
  2458.     margin:-4px 0px 0px -4px;
  2459.     position:absolute;
  2460.     cursor:pointer;
  2461. }
  2462. div#notes:hover div.note div.hover2 {
  2463.     border:1px solid black;
  2464. }
  2465. div#notes:hover div.note div.hover {
  2466.     border:1px solid white;
  2467. }
  2468. div#notes div.note:hover {
  2469.     border:1px solid yellow;
  2470.     padding:0;
  2471.     z-index:2;
  2472. }
  2473. div.note div.text {
  2474.     display:none;
  2475.     position:absolute;
  2476.     top:100%;
  2477.     left:0px;
  2478.     width:auto;
  2479.     margin:10px 0 0 0 ;
  2480.     padding:5px;
  2481.     background:#FFFFD3;
  2482.     color:black;
  2483.     border:1px solid #555;
  2484.     border-top:1px solid #eee;
  2485.     border-left:1px solid #eee;
  2486.     z-index:1;
  2487. }
  2488. div.note:hover div.text {
  2489.     display:block;
  2490. }
  2491. /* Comment
  2492. ---------------------------------------------------------- */
  2493. .photoalbum .comment_content {
  2494.     min-height:50px;
  2495. }
  2496. /* Entry previous & next navigation
  2497. ---------------------------------------------------------- */
  2498. div#context {
  2499.     position:relative;
  2500.     height:120px;
  2501.     width:100%;
  2502. }
  2503. div#context div.prev, div#context div.next {
  2504.     position:absolute;
  2505.     top:10px;
  2506.     text-align:center;
  2507. }
  2508. div#context div.prev {
  2509.     left:10px;
  2510. }
  2511. div#context div.next {
  2512.     right:10px;
  2513. }
  2514. div#context div.nomore {
  2515.     top:20px;
  2516.     width:100px;
  2517. }
  2518. div#context div.info {
  2519.     position:absolute;
  2520.     top:20px;
  2521.     left:50%;
  2522.     width:100px;
  2523.     margin-left:-50px;
  2524.     text-align:center;
  2525. }
  2526. div#context div.info a{
  2527.     color:#ccc;
  2528.     text-decoration:none;
  2529. }
  2530. div#context div.info strong a{
  2531.     color:#aaa;
  2532. }
  2533. div.comment {
  2534.     clear:both;
  2535.     min-height:50px;
  2536.     margin-bottom:1em;
  2537. }
  2538. div.comment p {
  2539.     margin:0 0 1em 0;
  2540.     padding:0;
  2541. }
  2542. div.comment img {
  2543.     margin-right:5px;
  2544.     margin-bottom:5px;
  2545. }
  2546. /* Album
  2547. ---------------------------------------------------------- */
  2548. .album_photos {
  2549.     letter-spacing: -4px; /* remvoe the gap */
  2550.     word-spacing: -4px; /* remvoe the gap */
  2551.     overflow:hidden;
  2552.     list-style-type:none;
  2553.     margin:0;
  2554.     padding:0;
  2555.     display:block;
  2556.     margin-right:-39px;
  2557. }
  2558. .album_photos li {
  2559.     letter-spacing: normal;  /* remvoe the gap */
  2560.     word-spacing: normal;  /* remvoe the gap */
  2561.     display: -moz-inline-box; /* mozilla only */
  2562.     display: inline-block; /* for browsers that support display:inline-block*/
  2563.     vertical-align: top;
  2564.     overflow:hidden;
  2565.     padding:0;
  2566.     margin:10px 0 50px 0;
  2567.     position:relative;
  2568.     margin-right:39px;
  2569.     width:294px;
  2570. }
  2571. .portfolio_three_columns li {
  2572.     width:294px;
  2573. }
  2574. .album_photos li .album_photo_image .image_frame{
  2575.     width:292px;
  2576. }
  2577. .album_photos li .album_photo_image .image_shadow{
  2578.     width:292px;
  2579. }
  2580. .album_photo_title {
  2581.     line-height:1em;
  2582.     font-size:24px;
  2583. }
  2584. .album_photo_meta {
  2585.     margin-top:0.8em;
  2586. }
  2587. div#photos {
  2588.     background:#eee;
  2589.     padding:10px;
  2590.     clear:both;
  2591.     margin:20px 0 0 0;
  2592. }
  2593. div#highlight {
  2594.     position:relative;
  2595.     margin:15px 0 0 0;
  2596. }
  2597. div#highlight img {
  2598.     float:left;
  2599.     margin:0 10px 0 0 ;
  2600. }
  2601. div#highlight p {
  2602. }
  2603. div#highlight p.meta {
  2604.     color:#888;
  2605.     font-size:1em;
  2606. }
  2607. div#highlight p.meta a {
  2608.     color:#888;
  2609. }
  2610. /* Albums-index
  2611. ---------------------------------------------------------- */
  2612. div.albums {
  2613.     clear:both;
  2614.     padding-top:10px;
  2615.     overflow:hidden;
  2616. }
  2617. div.album {
  2618.     background:#eee;
  2619.     padding:10px 10px 10px 10px;
  2620.     margin:0 0 15px 0;
  2621.     position:relative;
  2622.     min-height:95px;
  2623.     clear:both;
  2624. }
  2625. div.album img.highlight {
  2626.     float:left;
  2627.     border:3px solid #888;
  2628.     position:relative;
  2629.     margin-right:10px;
  2630. }
  2631. div.album h2 {
  2632.     font-size:1.4em;
  2633.     text-decoration:none;
  2634.     margin:0 0 10px 0;
  2635. }
  2636. div.album p {
  2637.     font-size:0.9em;
  2638. }
  2639. div.album p.meta {
  2640.     color:#888;
  2641. }
  2642. div.album p.meta a {
  2643.     color:#888;
  2644. }
  2645. div.albums-small div.album {
  2646.     clear: none;
  2647.     width:90px;
  2648.     height:115px;
  2649.     float:left;
  2650.     background: none;
  2651. }
  2652. div.albums-small div.album img.highlight {
  2653.     float: none;
  2654.     margin:0;
  2655. }
  2656. div.albums-small div.album strong {
  2657.     font-size:0.9em;
  2658. }
  2659. div.group {
  2660.     min-height:60px;
  2661. }
  2662. div#highlight {
  2663.     position:relative;
  2664.     margin:0 0 40px 0;
  2665. }
  2666. div#highlight h2 {
  2667.     margin-bottom:5px;
  2668. }
  2669. div#highlight img.highlight {
  2670.     float:left;
  2671.     margin:0 10px 0px 0 ;
  2672.     border:3px solid #888;
  2673. }
  2674. div#highlight p {
  2675.     font-size:1.3em;
  2676. }
  2677. div#highlight p.meta {
  2678.     color:#888;
  2679.     font-size:0.9em;
  2680. }
  2681. div#highlight p.meta a {
  2682.     color:#888;
  2683. }
  2684. div#highlight div.photos {
  2685.     clear:both;
  2686.     padding:10px 0;
  2687.     background:none;
  2688. }
  2689. div#highlight div.photos img {
  2690.     margin:0 10px 10px 0;
  2691. }
  2692. div#photoalbum-nav {
  2693.     margin-bottom:15px;
  2694. }
  2695. /* Paging
  2696. ---------------------------------------------------------- */
  2697. .navigation {
  2698.     padding:1em 0;
  2699.     font-size:1.5em;
  2700. }
  2701. /* Tags
  2702. ---------------------------------------------------------- */
  2703. div.tags {
  2704.     padding-top:10px;
  2705.     clear:both;
  2706. }
  2707. div#cloud {
  2708.     line-height:200%;
  2709. }
  2710. div.flickr-meta-links {
  2711.     clear:both;
  2712.     margin:10px 0 0 0;
  2713.     font-size:10px;
  2714. }
  2715. div.flickr-meta-links a{
  2716.     color:#555;
  2717. }
  2718. /* ======================================================= */
  2719. /*                      Widget Styles                      */
  2720. /* ======================================================= */
  2721. /* General
  2722. ---------------------------------------------------------- */
  2723. .widget{
  2724.     margin-bottom:3em;
  2725. }
  2726. .widget p{
  2727.     margin:0;
  2728. }
  2729. .widget ul {
  2730.     list-style:none;
  2731.     margin:0;
  2732. }
  2733. #sidebar_content .widget:last-child {
  2734.     margin-bottom:20px;
  2735. }
  2736. .home #sidebar_content .widget:last-child {
  2737.     margin-bottom:0px;
  2738. }
  2739. .widget_text p {
  2740.     margin-bottom:1em;
  2741. }
  2742. /* Sidebar General
  2743. ---------------------------------------------------------- */
  2744. #sidebar .widget_subnav li,
  2745. #sidebar .widget_recent_comments li,
  2746. #sidebar .widget_recent_entries li,
  2747. #sidebar .widget_recent_posts li,
  2748. #sidebar .widget_popular_posts li,
  2749. #sidebar .widget_authors li,
  2750. #sidebar .widget_twitter li,
  2751. #sidebar .widget_pages li,
  2752. #sidebar .widget_links li,
  2753. #sidebar .widget_nav_menu li,
  2754. #sidebar .widget_categories li,
  2755. #sidebar .widget_archive li,
  2756. #sidebar .widget_meta li,
  2757. #sidebar .widget_rss li{
  2758.     margin:0;
  2759.     border-bottom:1px solid #F0F0F0;
  2760.     padding:5px 0;
  2761. }
  2762. #sidebar .widget_subnav li a,
  2763. #sidebar .widget_recent_entries li a,
  2764. #sidebar .widget_recent_posts li a,
  2765. #sidebar .widget_popular_posts li a,
  2766. #sidebar .widget_pages li a,
  2767. #sidebar .widget_links li a,
  2768. #sidebar .widget_nav_menu li a,
  2769. #sidebar .widget_categories li a,
  2770. #sidebar .widget_archive li a,
  2771. #sidebar .widget_meta li a,
  2772. #sidebar .widget_rss li a{
  2773.     background:url(../images/widget_list_arrows.png) no-repeat scroll -48px 2px transparent;
  2774.     margin:0;
  2775.     line-height:20px;
  2776.     padding-left:20px;
  2777. }
  2778. /* Footer General
  2779. ---------------------------------------------------------- */
  2780. #footer .widget{
  2781.     margin-bottom:3em;
  2782. }
  2783. #footer h3.widgettitle {
  2784.     font-size:2em;
  2785.     margin-bottom:0.5em;
  2786. }
  2787. #footer .widget_subnav li,
  2788. #footer .widget_recent_comments li,
  2789. #footer .widget_recent_entries li,
  2790. #footer .widget_recent_posts li,
  2791. #footer .widget_popular_posts li,
  2792. #footer .widget_authors li,
  2793. #footer .widget_twitter li,
  2794. #footer .widget_pages li,
  2795. #footer .widget_links li,
  2796. #footer .widget_nav_menu li,
  2797. #footer .widget_categories li,
  2798. #footer .widget_archive li,
  2799. #footer .widget_meta li,
  2800. #footer .widget_rss li{
  2801.     background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent;
  2802.     margin:0;
  2803.     padding:5px 0;
  2804. }
  2805. #footer .widget_subnav li a,
  2806. #footer .widget_recent_entries li a,
  2807. #footer .widget_recent_posts li a,
  2808. #footer .widget_popular_posts li a,
  2809. #footer .widget_pages li a,
  2810. #footer .widget_links li a,
  2811. #footer .widget_nav_menu li a,
  2812. #footer .widget_categories li a,
  2813. #footer .widget_archive li a,
  2814. #footer .widget_meta li a,
  2815. #footer .widget_rss li a {
  2816.     background:url(../images/footer_list_style.png) no-repeat scroll 0 0 transparent;
  2817.     padding-left:15px;
  2818.     text-decoration:none;
  2819. }
  2820. #footer .text_input, #footer .textarea {
  2821.     color:#666;
  2822.     color:rgba(255, 255, 255, .3);
  2823.     border:1px solid #999;
  2824.     border: rgba(255, 255, 255, .15) 1px solid;
  2825.     -moz-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2826.     -webkit-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2827.     box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1);
  2828.     background: -moz-linear-gradient(
  2829.         center top,
  2830.         rgba(255, 255, 255, .03) 0%,
  2831.         rgba(255, 255, 255, .05) 100%
  2832.     );/* FF3.6 */
  2833.     background: -webkit-gradient(
  2834.         linear,
  2835.         center bottom,
  2836.         center top,
  2837.         from(rgba(255, 255, 255, .03)),
  2838.         to(rgba(255, 255, 255, .05))
  2839.     );/* Saf4+, Chrome */
  2840.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF'); /* IE6,IE7 */
  2841.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF')"; /* IE8 */
  2842. }
  2843. /* Search
  2844. ---------------------------------------------------------- */
  2845. #searchform .text_input {
  2846.     width:160px;
  2847.     padding:8px;
  2848.     line-height:1em;
  2849.     height:1em;
  2850.     vertical-align: middle;
  2851. }
  2852. #footer #searchform .text_input {
  2853.     width: 60%;
  2854. }
  2855. #searchform button {
  2856.     margin-left:2px;
  2857.     vertical-align: middle;
  2858. }
  2859. #searchform button span {
  2860.     line-height:1em;
  2861.     padding:7px 13px;
  2862. }
  2863. /* Tags
  2864. ---------------------------------------------------------- */
  2865. .widget_tag_cloud a{
  2866.     padding:2px 4px;
  2867. }
  2868. /* Calendar
  2869. ---------------------------------------------------------- */
  2870. .widget_calendar table {
  2871.     margin:0;
  2872.     width:100%;
  2873. }
  2874. .widget_calendar caption {
  2875.     font-size:1.2em;
  2876.     padding-bottom:5px;
  2877. }
  2878. .widget_calendar td,.widget_calendar th {
  2879.     padding:3px 0px;
  2880.     text-align: center;
  2881. }
  2882. .widget_calendar tfoot td {
  2883.     padding:8px 0px;
  2884.     font-size:1.1em;
  2885. }
  2886. .widget_calendar #prev {
  2887.     text-align:left;
  2888. }
  2889. .widget_calendar #next {
  2890.     text-align:right;
  2891. }
  2892. .widget_calendar a {
  2893.     font-size:1.3em;
  2894. }
  2895. /* Recent Comments
  2896. ---------------------------------------------------------- */
  2897. #sidebar .widget_recent_comments ul li a {
  2898.     background:none;
  2899. }
  2900. #sidebar .widget_recent_comments ul li span {
  2901.     background:url(../images/widget_list_arrows.png) no-repeat scroll -19px -20px transparent;
  2902.     padding-left:27px !important;;
  2903. }
  2904. #footer .widget_recent_comments ul li a {
  2905.     background:none;
  2906. }
  2907. #footer .widget_recent_comments ul li span {
  2908.     background:url(../images/footer_widget_list_arrows.png) no-repeat scroll -19px -20px transparent;
  2909.     padding-left:27px !important;;
  2910. }
  2911. /* Pages
  2912. ---------------------------------------------------------- */
  2913. #sidebar .widget_pages ul ul {
  2914.     border-top:1px solid #F0F0F0;
  2915.     margin:5px 0 -6px 2em;
  2916. }
  2917. #footer .widget_pages ul ul {
  2918.     margin-left:2em;
  2919. }
  2920. #footer .widget_pages ul ul li {
  2921.     background:none;
  2922. }
  2923. /* Recent Post
  2924. ---------------------------------------------------------- */
  2925. .posts_list {
  2926.     list-style: none;
  2927.     margin: 0;
  2928. }
  2929. .posts_list p{
  2930.     margin:0;
  2931. }
  2932. .posts_list li, #sidebar .posts_list li, #footer .posts_list li {
  2933.     padding:5px 0;
  2934. }
  2935. .posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a {
  2936.     background:none;
  2937.     padding:0;
  2938.     line-height:20px;
  2939. }
  2940. .posts_list .thumbnail, #sidebar .posts_list .thumbnail, #footer .posts_list .thumbnail{
  2941.     display:block;
  2942.     float:left;
  2943.     margin:4px 8px 8px 0;
  2944.     line-height:100%;
  2945.     border: 1px solid #eee;
  2946. }
  2947. .posts_list .thumbnail img {
  2948.     border: 1px solid #fff;
  2949.     display:block;
  2950. }
  2951. .posts_list time {
  2952.     display:block;
  2953. }
  2954. .posts_list .post_extra_info {
  2955.     overflow:hidden;
  2956. }
  2957. #footer .posts_list .thumbnail img {
  2958.     border:none;
  2959.     width:60px;
  2960.     height:60px;
  2961. }
  2962. /* Authors
  2963. ---------------------------------------------------------- */
  2964. .authors_list {
  2965.     list-style: none;
  2966.     margin: 0;
  2967. }
  2968. .authors_list li, #sidebar .authors_list li, #footer .authors_list li {
  2969.     padding:5px 0;
  2970.     overflow:hidden;
  2971. }
  2972. .widget_authors .gravatar {
  2973.     height:60px;
  2974.     margin: 4px 8px 8px 0;
  2975.     float: left;
  2976.     border: 1px solid #eee;
  2977. }
  2978. .widget_authors .gravatar img {
  2979.     border:none;
  2980.     padding:none;
  2981.     display:block;
  2982.     width:60px;
  2983.     height:60px;
  2984.     padding:0;
  2985. }
  2986. /* Contact Form
  2987. ---------------------------------------------------------- */
  2988. .widget_contact_form p {
  2989.     margin-bottom:10px;
  2990. }
  2991. .widget_contact_form label {
  2992.     padding-left:6px;
  2993. }
  2994. .widget_contact_form .invalid {
  2995.     border: 2px solid #999 !important;
  2996. }
  2997. #footer .widget_contact_form .invalid {
  2998.     border:1px solid #fff;
  2999.     border: rgba(255, 255, 255, .5) 1px solid;
  3000. }
  3001. #footer .widget_contact_form .text_input{
  3002.     width:60%;
  3003. }
  3004. #footer .widget_contact_form .textarea {
  3005.     width:92%;
  3006. }
  3007. /* for shortcode */
  3008.  .contact_form_wrap .contact_form .text_input {
  3009.     width:60%;
  3010.     padding:6px;
  3011. }
  3012. .contact_form_wrap .contact_form .textarea {
  3013.     width:95%;
  3014.     padding:6px;
  3015.     height:250px;
  3016. }
  3017. .contact_form_wrap .contact_form label {
  3018.     padding-left:5px;
  3019. }
  3020. .contact_form_wrap .contact_form .invalid {
  3021.     border: 2px solid #999 !important;
  3022. }
  3023. /* Contact Info Widget
  3024. ---------------------------------------------------------- */
  3025. .contact_info_wrap .icon_text, .contact_info_wrap .contact_address{
  3026.     padding-left:26px;
  3027. }
  3028. .contact_info_wrap p {
  3029.     margin-bottom:5px;
  3030. }
  3031. .contact_info_wrap .contact_zip {
  3032.     padding-left:5px;
  3033. }
  3034. /* Twitter Widget
  3035. ---------------------------------------------------------- */
  3036. #sidebar .widget_twitter .tweet_list li {
  3037.     background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent;
  3038.     padding:5px 5px 5px 22px;
  3039.     line-height:inherit;
  3040.     word-wrap:break-word;
  3041. }
  3042. #sidebar .widget_twitter .tweet_list a {
  3043.     background:none;
  3044.     padding:0;
  3045.     line-height:20px;
  3046. }
  3047. /* for shortcode */
  3048. .twitter_wrap .tweet_list {
  3049.     list-style: none;
  3050.     margin:0;
  3051. }
  3052. .twitter_wrap .tweet_list li {
  3053.     background:url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent;
  3054.     padding:5px 5px 5px 22px;
  3055.     line-height:inherit;
  3056.     word-wrap:break-word;
  3057.     margin:0;
  3058. }
  3059. .twitter_wrap .tweet_list a {
  3060.     background:none;
  3061.     padding:0;
  3062. }
  3063. /* with avatar */
  3064. .twitter_wrap.with_avatar .tweet_list li, #sidebar .widget_twitter .with_avatar .tweet_list li {
  3065.     background:none;
  3066.     padding-left:0px;
  3067.     overflow:hidden;
  3068. }
  3069. #sidebar .widget_twitter .with_avatar .tweet_list a.tweet_avatar, .twitter_wrap .tweet_list a.tweet_avatar {
  3070.     float:left;
  3071.     padding-right:10px;
  3072. }
  3073. /* Flickr Widget
  3074. ---------------------------------------------------------- */
  3075. .flickr_wrap {
  3076.     position: relative;
  3077. }
  3078. .flickr_wrap .flickr_badge_image {
  3079.     border:1px solid #eeeeee;
  3080.     padding: 0;
  3081.     float:left;
  3082.     line-height:100%;
  3083.     margin:0 10px 10px 0;
  3084. }
  3085. .flickr_wrap .flickr_badge_image img {
  3086.     width:75px;
  3087.     height:75px;
  3088.     border:1px solid #FFFFFF;
  3089.     background-color:#F9F9F9;
  3090.     display:block;
  3091. }
  3092. #footer .flickr_wrap {
  3093.     margin-right:-9px;
  3094. }
  3095. #footer .flickr_badge_image {
  3096.     margin:0 9px 9px 0;
  3097. }
  3098. #footer .flickr_wrap img {
  3099.     width:60px;
  3100.     height:60px;
  3101. }
  3102. /* Social Icon Widget
  3103. ---------------------------------------------------------- */
  3104. .widget_social a {
  3105.     padding:0 !important;
  3106.     margin: 0 !important;
  3107.     background: none !important;
  3108. }
  3109. .widget_social a:hover {
  3110.     text-decoration: none;
  3111.     border: 0;
  3112. }
  3113. .widget_social img {
  3114.     margin:0 10px 5px 0;
  3115. }
  3116. .widget_social .social_animation_fade img, .widget_social .social_animation_combo img {
  3117.     opacity:0.7;
  3118.     -moz-opacity:0.7;
  3119. }
  3120. .widget_social .social_animation_fade img:hover {
  3121.     opacity: 1;
  3122.     -moz-opacity: 1;
  3123.     -moz-transition: all 0.2s ease-in;
  3124.     -o-transition: all 0.2s ease-in;
  3125.     -webkit-transition: all 0.2s ease-in;
  3126.     transition: all 0.2s ease;
  3127. }
  3128. .widget_social .social_animation_scale img:hover {
  3129.     -moz-transform: scale(1.2);
  3130.     -o-transition: scale(1.2);
  3131.     -webkit-transform: scale(1.2);
  3132.     -ms-zoom: 1.2;
  3133.     -moz-transition: all 0.2s ease-in;
  3134.     -o-transition: all 0.2s ease-in;
  3135.     -webkit-transition: all 0.2s ease-in;
  3136.     transition: all 0.2s ease;
  3137. }
  3138. .widget_social .social_animation_bounce img:hover {
  3139.     -moz-transform: translate(0px, -2px);
  3140.     -o-transition: translate(0px, -2px);
  3141.     -webkit-transform: translate(0px, -2px);
  3142.     transform: translate(0px, -2px);
  3143.     -webkit-transition: all 0.2s ease-in;
  3144.     -o-transition: all 0.2s ease-in;
  3145.     -moz-transition: all 0.2s ease-in;
  3146.     transition: all 0.2s ease;
  3147. }
  3148. .widget_social .social_wrap.social_animation_combo img:hover {
  3149.     opacity: 1;
  3150.     -moz-opacity: 1;
  3151.     transform: translate(0px, -2px);
  3152.     -moz-transform: scale(1.2) translate(0px, -2px);
  3153.     -o-transform: scale(1.2) translate(0px, -2px);
  3154.     -webkit-transform: scale(1.2) translate(0px, -2px);
  3155.     -ms-zoom: 1.2;
  3156.     -webkit-transition: all 0.2s ease-in;
  3157.     -o-transition: all 0.2s ease-in;
  3158.     -moz-transition: all 0.2s ease-in;
  3159.     transition: all 0.2s ease;
  3160. }
  3161. /* Google Map Widget
  3162. ---------------------------------------------------------- */
  3163. .widget_gmap .google_map{
  3164.     height:220px;
  3165. }
  3166. .widget_gmap .google_map{
  3167.     color:#666;
  3168. }
  3169. /* Rss Widget
  3170. ---------------------------------------------------------- */
  3171. #footer .widget_rss ul li {
  3172.     background:url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent;
  3173. }
  3174. /** Advertisement Widget
  3175. ---------------------------------------------------------- */
  3176. .widget_advertisement_125 {
  3177.     clear:left;
  3178. }
  3179. .widget_advertisement_125 a {
  3180.     display:block;
  3181.     float:left;
  3182.     line-height:100%;
  3183.     margin:1px 9px 9px 1px;
  3184.     overflow:hidden;
  3185.     font-size:0;
  3186.     height:125px;
  3187. }
  3188. .widget_advertisement_125 img {
  3189.     width:125px;
  3190.     height:125px;
  3191. }
  3192. .widget_advertisement_125 a:hover{
  3193.     -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  3194.     -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
  3195.     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
  3196. }
  3197. .widget_advertisement_125 a:hover img {
  3198.     opacity: 0.8;
  3199.     -moz-opacity: 0.8;
  3200. }
  3201. /* ======================================================= */
  3202. /*                          Video                          */
  3203. /* ======================================================= */
  3204. .video_frame {line-height:100%;}
  3205. .video-js-box { text-align: left; position: relative; vertical-align: bottom; }
  3206. /* Video Element */
  3207. video.video-js { background-color: #000; position: relative; }
  3208. /* Fullscreen styles for main elements */
  3209. .video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 99; }
  3210. .video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  3211. .video-js-box.vjs-fullscreen ul.vjs-controls { z-index: 101; }
  3212. /* Poster Style */
  3213. .video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
  3214. /* Subtiles Style */
  3215. .video-js-box .vjs-subtitles { color:#fff; font-size: 20px; text-align: center; bottom: 20px; left: 0; right: 0; position: absolute; z-index: 101; }
  3216. /* Controls Layout
  3217.      Using a Holy Grail type method to allow the progress bar holder to expand into all available space,
  3218.      but using abosolute positioning for individual controls. http://www.alistapart.com/articles/holygrail */
  3219. .video-js-box ul.vjs-controls {
  3220.     list-style: none; position: absolute; margin: 0; border: none; opacity: 0.85; color: #fff;
  3221.     display: none;
  3222.     left: 0; right: 0;
  3223.     height: 35px;
  3224.     padding-left: 35px;
  3225.     padding-right: 165px;
  3226.     padding-top: 0; padding-bottom: 0;
  3227. }
  3228. /* Controls styles when below the video */
  3229. .video-js-box.vjs-controls-below ul.vjs-controls { background-color: #000; }
  3230. .video-js-box ul.vjs-controls > li {
  3231.     position: absolute; list-style: none; float: left; padding: 0; text-align: center;
  3232.     height: 25px;
  3233.     margin: 5px 0 0 0;
  3234.     background-color: #0B151A;
  3235.     background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  3236.     background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
  3237.     /* CSS Curved Corners */
  3238.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3239.     /* CSS Shadows */
  3240.     box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
  3241. }
  3242. /* Placement of Control Items */
  3243. ul.vjs-controls > li.vjs-play-control { width: 25px; left: 5px; }
  3244. ul.vjs-controls > li.vjs-progress-control { width: 100%; position: relative; }
  3245. ul.vjs-controls > li.vjs-time-control { width: 75px; right: 90px; }
  3246. ul.vjs-controls > li.vjs-volume-control  { width: 50px; right: 35px; }
  3247. ul.vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 5px; }
  3248. /* Removing curves on progress control and time control to join them. */
  3249. ul.vjs-controls > li.vjs-progress-control {
  3250.     border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  3251.     border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
  3252. }
  3253. ul.vjs-controls > li.vjs-time-control {
  3254.     border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  3255.     border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
  3256. }
  3257. /* Play/Pause
  3258. -------------------------------------------------------------------------------- */
  3259. li.vjs-play-control { cursor: pointer !important; }
  3260. li.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
  3261. li.vjs-play-control.vjs-play span {
  3262.     width: 0; height: 0; margin: 8px 0 0 8px;
  3263.     border-left: 10px solid #fff;
  3264.     border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
  3265. }
  3266. li.vjs-play-control.vjs-pause span {
  3267.     width: 3px; height: 10px; margin: 8px auto 0;
  3268.     border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
  3269. }
  3270. /* Progress
  3271. -------------------------------------------------------------------------------- */
  3272. ul.vjs-progress-holder {
  3273.     position: relative; list-style: none; padding: 0; overflow:hidden; cursor: pointer !important;
  3274.     height: 9px; border: 1px solid #777;
  3275.     margin: 7px 1px 0 5px;
  3276.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3277. }
  3278. ul.vjs-progress-holder li {
  3279.     position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; list-style: none;
  3280.     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  3281. }
  3282. li.vjs-play-progress {
  3283.     background: #fff;
  3284.     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  3285.     background: -moz-linear-gradient(top,   #fff,   #777);
  3286. }
  3287. li.vjs-load-progress {
  3288.     opacity: 0.8;
  3289.     background-color: #555;
  3290.     background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  3291.     background: -moz-linear-gradient(top,   #555,   #aaa);
  3292. }
  3293. /* Time Display
  3294. -------------------------------------------------------------------------------- */
  3295. ul.vjs-controls li.vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
  3296. ul.vjs-controls li.vjs-time-control span { line-height: 25px;  }
  3297. /* Volume
  3298. -------------------------------------------------------------------------------- */
  3299. li.vjs-volume-control { cursor: pointer !important; }
  3300. li.vjs-volume-control ul { list-style: none; display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
  3301. li.vjs-volume-control ul li {
  3302.     list-style: none; float: left; padding: 0;
  3303.     margin: 0 2px 0 0;
  3304.     width: 5px; height: 0px;
  3305.     border-bottom: 18px solid #555;
  3306. }
  3307. li.vjs-volume-control ul li.vjs-volume-level-on { border-color: #fff; }
  3308. li.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
  3309. li.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
  3310. li.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
  3311. li.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
  3312. li.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }
  3313. li.vjs-volume-control ul li:nth-child(6) { margin-right: 0; }
  3314. /* Fullscreen
  3315. -------------------------------------------------------------------------------- */
  3316. li.vjs-fullscreen-control { cursor: pointer !important; }
  3317. li.vjs-fullscreen-control ul {
  3318.     list-style: none; padding: 0; text-align: left; vertical-align: top; cursor: pointer !important;
  3319.     margin: 5px 0 0 5px;
  3320.     width: 20px; height: 20px;
  3321. }
  3322. 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; }
  3323. li.vjs-fullscreen-control ul li:nth-child(1) {
  3324.     margin-right: 3px;
  3325.     margin-bottom: 3px;
  3326.     border-top: 6px solid #fff;
  3327.     border-right: 6px solid rgba(0,0,0,0);
  3328. }
  3329. li.vjs-fullscreen-control ul li:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3330. 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); }
  3331. li.vjs-fullscreen-control ul li:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
  3332. .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); }
  3333. .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); }
  3334. .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); }
  3335. .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); }
  3336. /* Big Play Button (at start)
  3337. ---------------------------------------------------------*/
  3338. div.vjs-big-play-button {
  3339.     display: none;
  3340.     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;
  3341.     border: 1px solid #ccc; opacity: 0.8;
  3342.     background-color: #0B151A;
  3343.     background: rgba(50,50,50,0.8);
  3344. }
  3345. div.vjs-big-play-button:hover {
  3346.     box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
  3347. }
  3348. div.vjs-big-play-button span {
  3349.     display: block; font-size: 0; line-height: 0;
  3350.     width: 0; height: 0;margin: 16px 0 0 21px;
  3351.     border-left: 40px solid #fff;
  3352.     border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
  3353. }
  3354. /* Download Links - Used for browsers that don't support any video.
  3355. -------------------------------------------------------------------------------- */
  3356. .vjs-no-video { margin-top:10px; font-size: small; }
  3357. /* ======================================================= */
  3358. /*                     Enhance Styles                      */
  3359. /* ======================================================= */
  3360. pre,code,.wp-caption,.tabs_container .panes,ul.mini_tabs li,.accordion,.table_style,.framed_box_content,.gravatar,.widget_posts_list .thumbnail {
  3361.     -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  3362.     -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
  3363.     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
  3364.     -webkit-border-radius: 1px;
  3365.     -moz-border-radius: 1px;
  3366.     border-radius: 1px;
  3367. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement