Guest User

Untitled

a guest
Jun 12th, 2013
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.76 KB | None | 0 0
  1. /*-----------------------------------------------------------------------------------*/
  2. /* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
  3. /*-----------------------------------------------------------------------------------*/
  4.  
  5. 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, embed, object {
  6. margin: 0;
  7. padding: 0;
  8. border: 0;
  9. outline: 0;
  10. font-size: 100%;
  11. vertical-align: baseline;
  12. background: transparent;
  13. }
  14. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  15. display: block;
  16. }
  17. nav ul {
  18. list-style: none;
  19. }
  20. ul, ol {
  21. list-style: none;
  22. }
  23. blockquote, q {
  24. quotes: none;
  25. }
  26. blockquote:before, blockquote:after, q:before, q:after {
  27. content: '';
  28. content: none;
  29. }
  30. a {
  31. margin: 0;
  32. padding: 0;
  33. font-size: 100%;
  34. vertical-align: baseline;
  35. background: transparent;
  36. }
  37.  
  38.  
  39. .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
  40.  
  41. .block {
  42. display:block !important;
  43. }
  44. .fixed_pos {
  45. position: fixed;
  46. }
  47. p:empty {
  48. display: none;
  49. }
  50. /*-----------------------------------------------------------------------------------*/
  51. /* 0. 1. body , basics
  52. /*-----------------------------------------------------------------------------------*/
  53. body {
  54. /* font-family: Helvetica, arial, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  55. line-height: 1.7;
  56. */
  57. font-size: 12px;
  58. line-height:20px;
  59. font-family: Helvetica, Arial, Sans-Serif;
  60. min-height:800px;
  61. color: #5e6066;
  62. background:#f8f9fa url(images/bg.jpg);
  63. padding: 0 !important;
  64. }
  65. strong, th, thead td {
  66. font-weight: bold;
  67. }
  68. cite, em, dfn {
  69. font-style: italic;
  70. }
  71. code, kbd, samp, pre, tt, var, input[type=text], input[type=password], input[type=email], textarea {
  72. font-family: arial, "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
  73. }
  74. code, pre {
  75. display: block;
  76. white-space: pre;
  77. }
  78. del {
  79. text-decoration: line-through;
  80. color: #666;
  81. }
  82. ins, dfn {
  83. border-bottom: 1px solid #ccc;
  84. }
  85. small, sup, sub {
  86. font-size: 85%;
  87. }
  88. abbr, acronym {
  89. text-transform: uppercase;
  90. }
  91. a abbr, a acronym {
  92. border: none;
  93. }
  94. abbr[title], acronym[title], dfn[title] {
  95. cursor: help;
  96. border-bottom: 1px dotted #ccc;
  97. }
  98. sup {
  99. vertical-align: super;
  100. }
  101. sub {
  102. vertical-align: sub;
  103. }
  104. p, ul, ol, dl, table, fieldset, blockquote, pre, code {
  105. margin-bottom:15px;
  106. }
  107.  
  108. h1, h2, h3, h4, h5, h6 {
  109. margin-bottom: 15px;
  110. line-height: 1em;
  111. font-family:Helvetica;
  112. font-weight:normal;
  113. }
  114. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  115. font-weight:normal;
  116.  
  117. }
  118. h1 {
  119. font-size: 36px;
  120. }
  121. h2 {
  122. font-size: 30px;
  123. }
  124. h3 {
  125. font-size: 24px;
  126. }
  127. h4 {
  128. font-size: 18px;
  129. }
  130. h5 {
  131. font-size: 14px;
  132. }
  133. h6 {
  134. font-size: 12px;
  135. }
  136. h1 .subTitle, h2 .subTitle, h3 .subTitle, h4 .subTitle, h5 .subTitle, h6 .subTitle {
  137. display: block;
  138. color: #999;
  139. font-size: 0.65em;
  140. margin: 0;
  141. }
  142. a:link, a:visited, a:active, a:focus {
  143. color:#40454d;
  144. outline: 0 none;
  145. text-decoration: none;
  146. -webkit-transition: background-color .2s linear, color .2s linear;
  147. -moz-transition: background-color .2s linear, color .2s linear;
  148. -o-transition: background-color .2s linear, color .2s linear;
  149. -ms-transition: background-color .2s linear, color .2s linear;
  150. transition: background-color .2s linear, color .2s linear;
  151.  
  152. }
  153. a:hover {
  154. color:#a50000;
  155. }
  156.  
  157. .hidden {
  158. display: none;
  159. visibility: hidden;
  160. }
  161. .invisible {
  162. visibility: hidden;
  163. }
  164. .aligncenter {
  165. margin:auto;
  166. float:none;
  167. }
  168. .alignright {
  169. float: right;
  170. }
  171.  
  172. img.alignright {
  173. float:right;
  174. margin-bottom:0.5em;
  175. margin-right:0;
  176. margin-left:1.5em;
  177. margin-top:0;
  178. }
  179. .alignleft {
  180. float: left;
  181. }
  182. img.alignleft {
  183. float:left;
  184. margin-bottom:0.5em;
  185. margin-left:0;
  186. margin-right:1.5em;
  187. margin-top:0;
  188. }
  189. .aligncenter {
  190. margin-left:auto;
  191. margin-right:auto;
  192. }
  193. img.aligncenter {
  194. display:block;
  195. margin-bottom:15px;
  196.  
  197. }
  198. .clearboth{
  199. clear: both;
  200. display: block;
  201. font-size: 0px;
  202. height: 0px;
  203. line-height: 0;
  204. width: 100%;
  205. overflow:hidden;
  206. }
  207. .clear {
  208. clear: both;
  209. }
  210. .spacer {
  211. display:block;
  212. clear:both;
  213. padding-top:35px;
  214. }
  215.  
  216. .wp-caption {
  217. background-color: #F3F3F3;
  218. border: 1px solid #DDDDDD;
  219. border-radius: 3px 3px 3px 3px;
  220. margin: 10px;
  221. padding-top: 4px;
  222. text-align: center;
  223. }
  224. .wp-caption-text {
  225. margin-bottom:10px;
  226. }
  227. .gallery-caption {
  228. text-align:center;
  229. }
  230. .sticky {}
  231. .bypostauthor {
  232. }
  233. .noside{
  234. text-align:center;
  235. padding:10px;
  236. }
  237. /*******************************************************************
  238. * 3. Column
  239. *******************************************************************/
  240. .one_half, .one_third, .two_third, three_fourth, .two_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
  241. position: relative;
  242. margin-right: 4%;
  243. float: left;
  244. /*overflow:hidden;*/
  245. }
  246. .one_half {
  247. width: 48%;
  248. }
  249. .one_third {
  250. width: 30.6666%;
  251.  
  252. }
  253. .two_third {
  254. width: 65.3332%;
  255. }
  256. .one_fourth {
  257. width: 22%;
  258. }
  259. .two_fourth {
  260. width: 48%;
  261. }
  262. .three_fourth {
  263. width: 74%;
  264. }
  265. .one_fifth {
  266. width: 16.8%;
  267. }
  268. .two_fifth {
  269. width: 37.6%;
  270. }
  271. .three_fifth {
  272. width: 58.4%;
  273. }
  274. .four_fifth {
  275. width: 79.2%;
  276. }
  277. .one_sixth {
  278. width: 13.3333%;
  279. }
  280. .two_sixth {
  281. width: 30.6666%;
  282. }
  283. .three_sixth {
  284. width: 47.9998%;
  285. }
  286. .four_sixth {
  287. width: 65.3332%;
  288. }
  289. .five_sixth {
  290. width: 82.6665%;
  291. }
  292. .last {
  293. margin-right: 0 !important;
  294. clear: right;
  295. }
  296.  
  297. /****************************************************
  298. * Shortcodes & Fx
  299. ****************************************************/
  300. .tipsy {
  301. padding: 5px; font-size: 10px;
  302. opacity: 0.8; filter: alpha(opacity=80);
  303. background-repeat: no-repeat;
  304. background-image: url(images/tipsy.gif); }
  305. .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  306. .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  307. .tipsy-north { background-position: top center; }
  308. .tipsy-south { background-position: bottom center; }
  309. .tipsy-east { background-position: right center; }
  310. .tipsy-west { background-position: left center; }
  311.  
  312. /*******************************************************************
  313. * Inner
  314. *******************************************************************/
  315. .inner {
  316. width:978px;
  317. margin:0 auto;
  318. position:relative;
  319. transition: width 2s;
  320. -moz-transition: width .5s; /* Firefox 4 */
  321. -webkit-transition: width .5s; /* Safari and Chrome */
  322. -o-transition: width .5s; /* Opera */
  323. }
  324. .box_outer {
  325. border-bottom:2px solid #ebebeb;
  326. margin-bottom:20px;
  327. }
  328.  
  329. .dots {
  330. background:url(images/dots_pat.png) repeat-x;
  331. height:13px;
  332. margin-bottom:15px;
  333. }
  334.  
  335. /*******************************************************************
  336. * Top Alert
  337. *******************************************************************/
  338. .top_alert {
  339. background: #000;
  340. font-size: 18px;
  341. color: #fff;
  342. padding: 15px 0;
  343. position: relative;
  344. display: none;
  345. }
  346. .top_alert .inner {
  347. position: relative;
  348. padding-right: 30px;
  349. -moz-box-sizing: border-box;
  350. -ms-box-sizing: border-box;
  351. -o-box-sizing: border-box;
  352. -webkit-box-sizing: border-box;
  353. box-sizing: border-box;
  354. }
  355.  
  356. .top_alert a {
  357. color: #f2b218;
  358. }
  359. .top_alert p:last-child {
  360. margin-bottom: 0;
  361. }
  362. .top_alert a:hover {
  363. color: #217DD3;
  364. }
  365. .close_alert {
  366. position: absolute;
  367. right: 0;
  368. top: 50%;
  369. margin-top: -9px;
  370. background: #40454d url(images/close_ico.png) no-repeat center;
  371. width: 18px;
  372. height: 18px;
  373. cursor: pointer;
  374. z-index: 10;
  375. }
  376.  
  377. .close_right {
  378. position: absolute;
  379. top: 1px;
  380. background: #40454d url(images/close_ico.png) no-repeat center;
  381. width: 18px;
  382. height: 18px;
  383. cursor: pointer;
  384. display: none;
  385. z-index: 10;
  386. }
  387. /*******************************************************************
  388. * Top Bar
  389. *******************************************************************/
  390. .top_bar {
  391. background:#40454d;
  392. height:35px;
  393. line-height:35px;
  394. }
  395.  
  396. .top_bar ul.top_nav {
  397. margin-bottom:0;
  398. height:35px;
  399. float:left;
  400. }
  401. .top_bar ul.top_nav li {
  402. float:left;
  403. margin-right:20px;
  404. position:relative;
  405. }
  406. .top_bar ul.top_nav li a {
  407. color:#a4a5aa;
  408. font-size:11px;
  409. font-weight:bold;
  410. }
  411. .top_bar ul.top_nav li a:hover {
  412. color:#fff;
  413. }
  414. /*dropdown*/
  415. .top_bar ul.top_nav li ul {
  416. display:none;
  417. position:absolute;
  418. z-index:1000;
  419. width:180px;
  420. left:0;
  421. top:35px;
  422. background:#40454d;
  423. border:1px solid #3b3d41;
  424. border-bottom:none;
  425. border-top:none;
  426. }
  427. .top_bar ul.top_nav li ul li {
  428. display:block;
  429. float:none !important;
  430. line-height:16px !important;
  431. padding-top:5px;
  432. padding-bottom:5px;
  433. margin-right:0 !important;
  434. border-bottom:1px solid #3b3d41;
  435. }
  436. .top_bar ul.top_nav li ul li a {
  437. border-right:none;
  438. padding:0 10px;
  439. display:block;
  440. }
  441.  
  442. .top_bar ul.top_nav li ul li ul {
  443. left:180px;
  444. top:0;
  445. }
  446. .top_bar .search_box {
  447. float:right;
  448. margin-top:4.5px;
  449. display:inline-block;
  450. height:25px;
  451. border-bottom:1px solid #535967;
  452. background:#1e2125;
  453. }
  454. .top_bar .search_box .sb {
  455. float:left;
  456. width:34px;
  457. height:25px;
  458. background:url(images/search_icon.png) no-repeat center;
  459. text-indent:-9999px;
  460. border:none;
  461. cursor:pointer;
  462. }
  463. .top_bar .search_box .sf {
  464. float:left;
  465. width:144px;
  466. border:none;
  467. background:none;
  468. height:25px;
  469. line-height:25px;
  470. padding:0 5px;
  471. color:#a4a5aa;
  472. font-size:11px;
  473. border-left:1px solid #40454d;
  474. }
  475.  
  476. /* Top Social Icons */
  477.  
  478. .top_bar ul.top_social_icons {
  479. margin-bottom:0;
  480. float: right;
  481. height: 35px;
  482. }
  483.  
  484. .top_bar ul.top_social_icons li {
  485. float:left;
  486. margin-right:1px;
  487. height: 35px;
  488. }
  489. .top_bar ul.top_social_icons li a {
  490. float: left;
  491. width:27px;
  492. height:27px;
  493. font-size:0px;
  494. background:#5f6672 url(images/top_social_icons.png) no-repeat;
  495. margin-top: 4px;
  496. }
  497.  
  498. .top_bar ul.top_social_icons li.facebook a {
  499. background-position:-28px 0;
  500. }
  501.  
  502. .top_bar ul.top_social_icons li.gplus a {
  503. background-position:-56px 0;
  504. }
  505.  
  506. .top_bar ul.top_social_icons li.linkedin a {
  507. background-position:-112px 0;
  508. }
  509.  
  510. .top_bar ul.top_social_icons li.youtube a {
  511. background-position:-140px 0;
  512. }
  513.  
  514. .top_bar ul.top_social_icons li.rss a {
  515. background-position:-84px 0;
  516. }
  517.  
  518. .top_bar ul.top_social_icons li.skype a {
  519. background-position:-308px 0;
  520. }
  521.  
  522. .top_bar ul.top_social_icons li.feedburner a {
  523. background-position:-168px 0;
  524. }
  525.  
  526. .top_bar ul.top_social_icons li.flickr a {
  527. background-position:-252px 0;
  528. }
  529.  
  530. .top_bar ul.top_social_icons li.picasa a {
  531. background-position:-280px 0;
  532. }
  533.  
  534. .top_bar ul.top_social_icons li.digg a {
  535. background-position:-224px 0;
  536. }
  537.  
  538. .top_bar ul.top_social_icons li.vimeo a {
  539. background-position:-196px 0;
  540. }
  541. .top_bar ul.top_social_icons li.tumblr a {
  542. background-position:-336px 0;
  543. }
  544.  
  545. /* Hover State */
  546. .top_bar ul.top_social_icons li.twitter a:hover {
  547. background-color: #00baf0;
  548. }
  549. .top_bar ul.top_social_icons li.facebook a:hover {
  550. background-color: #3b5997;
  551. }
  552.  
  553. .top_bar ul.top_social_icons li.gplus a:hover {
  554. background-color: #c43c2c;
  555. }
  556.  
  557. .top_bar ul.top_social_icons li.linkedin a:hover {
  558. background-color: #006599;
  559. }
  560.  
  561. .top_bar ul.top_social_icons li.youtube a:hover {
  562. background-color: #ff0000;
  563. }
  564.  
  565. .top_bar ul.top_social_icons li.rss a:hover {
  566. background-color: #ff6600;
  567. }
  568.  
  569. .top_bar ul.top_social_icons li.skype a:hover {
  570. background-color: #00b0f6;
  571. }
  572.  
  573. .top_bar ul.top_social_icons li.feedburner a:hover {
  574. background-color: #ee3d43;
  575. }
  576.  
  577. .top_bar ul.top_social_icons li.flickr a:hover {
  578. background-color: #ff0084;
  579. }
  580.  
  581. .top_bar ul.top_social_icons li.picasa a:hover {
  582. background-color: #000;
  583. }
  584.  
  585. .top_bar ul.top_social_icons li.digg a:hover {
  586. background-color: #006094;
  587. }
  588.  
  589. .top_bar ul.top_social_icons li.vimeo a:hover {
  590. background-color: #1ab7ea;
  591. }
  592. .top_bar ul.top_social_icons li.tumblr a:hover {
  593. background-color: #2d4961;
  594. }
  595.  
  596. /*******************************************************************
  597. * Header
  598. *******************************************************************/
  599. #header {
  600. background:#fff url(images/grid_pat.png) ;
  601. overflow:hidden;
  602. padding:20px 0;
  603. padding-top:22px;
  604. position:relative;
  605. clear:both;
  606. }
  607. #header .top_line {
  608. position:absolute;
  609. top:2px;
  610. left:0;
  611. width:100%;
  612. height:1px;
  613. background:#e0e0e0;
  614. }
  615. #header .logo {
  616. float:left;
  617. }
  618. #header .top_ad {
  619. float:right;
  620. margin-top:13px;
  621. width:468px;
  622. height:60px;
  623. }
  624. #header .top_ad img {
  625. width:468px;
  626. height:60px;
  627. }
  628.  
  629. #header .top_ad_big {
  630. float:right;
  631. width:728px;
  632. height:90px;
  633. }
  634. #header .top_ad_big img {
  635. width:728px;
  636. height:90px;
  637. }
  638. .bot_ad {
  639. margin-bottom:15px
  640. }
  641. .bot_ad img {
  642. max-width:978px;
  643. }
  644.  
  645. /*******************************************************************
  646. * Navigation
  647. *******************************************************************/
  648. #navigation {
  649. height:51px;
  650. border-bottom:1px solid #e0e0e0;
  651. margin-bottom:20px;
  652. background:#fff;
  653. width: 100%;
  654. z-index: 1000;
  655. }
  656. .nav_shad {
  657. box-shadow: 0 1px 2px rgba(0,0,0, 0.4);
  658. opacity: 0.9;
  659. }
  660. #navigation .nav_wrap {
  661. background:#eaeaea url(images/nav_bg.png) repeat-x;
  662. height:47px;
  663. border-top:1px solid #eaeaea;
  664. z-index: 1001;
  665.  
  666. }
  667. #navigation ul.nav {
  668. margin-bottom:0;
  669. height:46px;
  670. line-height:46px;
  671. }
  672. #navigation ul.nav > li {
  673. float:left;
  674. border-right-width:1px;
  675. border-style:solid;
  676. border-color:#eaeaea;
  677. height:46px;
  678.  
  679. }
  680. #navigation ul.nav > li:first-child {
  681. border-left:1px solid #eaeaea;
  682. }
  683.  
  684. #navigation ul.nav li {
  685. position:relative;
  686. }
  687. #navigation ul.nav > li a {
  688. color:#40454d;
  689. text-transform:uppercase;
  690. font-family:'Play' !important;
  691. font-size:16px;
  692. padding:0 10px;
  693. display:inline-block;
  694. height:46px;
  695. }
  696.  
  697. #navigation ul.nav li:hover > a, #navigation ul.nav > li.current-menu-item > a, #navigation ul.nav > li.current-menu-ancestor > a {
  698. background:#fff;
  699. height:50px;
  700. color:#a50000;
  701. }
  702.  
  703. /*home icon*/
  704. #navigation ul.nav li.home > a {
  705. text-indent:-9999px;
  706. background:url(images/home_icon.png) no-repeat center;
  707. height:46px;
  708. width:27px;
  709. }
  710.  
  711. #navigation ul.nav li.home:hover > a, #navigation ul.nav > li.home.current-menu-item > a, #navigation ul.nav > li.home.current-menu-ancestor > a {
  712. background:#fff url(images/home_icon.png) no-repeat center;
  713. height:50px;
  714. }
  715.  
  716. /* dropdown */
  717. #navigation ul.nav li ul {
  718. display:none;
  719. position:absolute;
  720. z-index:1000;
  721. width:210px;
  722. left:0;
  723. top:50px;
  724. padding-top:2px !important;
  725. -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  726. -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  727. box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  728. }
  729. #navigation ul.nav li ul li {
  730. background:#fff;
  731. border-bottom:1px solid #f3f3f3;
  732.  
  733. }
  734. #navigation ul.nav li ul li:last-child {
  735. border-bottom:none;
  736. }
  737. #navigation ul.nav li ul li a {
  738. border-right:none !important;
  739. border-left:none !important;
  740. display:block;
  741. height:auto !important;
  742. line-height:20px !important;
  743. padding-top:5px;
  744. padding-bottom:5px;
  745. margin-bottom:2px;
  746. color:#7f7f7f;
  747. font-size:15px;
  748. }
  749. #navigation ul.nav li ul li a:hover {
  750. background:#f3f3f3;
  751. color:#a50000;
  752. }
  753.  
  754. #navigation ul.nav li ul li ul {
  755. left:210px;
  756. top:0;
  757. padding:0 !important;
  758. }
  759. /*******************************************************************
  760. * Layout
  761. *******************************************************************/
  762. .container {
  763. overflow:hidden;
  764. width: 978px !important;
  765. border-bottom:1px solid #e0e0e0;
  766. margin-bottom:20px;
  767. clear:both;
  768. }
  769. .main {
  770. float:left;
  771. width:651px;
  772. }
  773. .rightmain {
  774. float: right;
  775. }
  776. .sidebar {
  777. float:right;
  778. width:307px;
  779. }
  780. .leftside {
  781. float: left;
  782. }
  783.  
  784. /*******************************************************************
  785. * Feature News
  786. *******************************************************************/
  787. .Feature_news {
  788. background:#fff;
  789. border:1px solid #e0e0e0;
  790. padding:17px;
  791. }
  792. .slider_wrap {
  793. }
  794. .slider {
  795. height:340px;
  796. }
  797. .slider_full {
  798. height:380px;
  799. }
  800.  
  801. .slider_items {
  802. border-right:none;
  803. border-bottom:none;
  804. position:relative;
  805. }
  806. .slider_item {
  807. display:none;
  808. }
  809. .slider_item a {
  810. width:615px;
  811. height:340px;
  812. }
  813. .slider_item_full a {
  814. width:942px;
  815. height:380px;
  816. }
  817.  
  818. .slider_items .slider_caption {
  819. position:absolute;
  820. bottom:-61px;
  821. width:586px;
  822. left:0;
  823. padding:15px;
  824. background:url(images/slide_cap.png);
  825. color:#f8f8f8;
  826. }
  827.  
  828. .slider_item_full .slider_caption {
  829. width:912px;
  830. }
  831. .slider_items .slider_caption p {
  832. margin-bottom:0;
  833. line-height:20px;
  834. font-size:13px;
  835. color:#d8d8d8;
  836. }
  837. .slider_items .slider_caption h2 {
  838. margin-bottom:5px;
  839. font-family:'Play' !important;
  840. font-size:18px;
  841. font-weight:bold;
  842. }
  843. .slider_items .slider_caption h2 a {
  844. font-family:'Play' !important;
  845. font-size:18px;
  846. font-weight:bold;
  847. display:inline;
  848. color:#f8f8f8;
  849. }
  850. ul.slider_nav {
  851. margin-bottom:0;
  852. overflow:hidden;
  853. padding:10px;
  854. border:1px solid #e0e0e0;
  855. }
  856. ul.slider_nav li {
  857. height:59px;
  858. width:76px;
  859. float:left;
  860. margin-right:10.1px;
  861. position:relative;
  862. background:#e0e0e0;
  863. }
  864. ul.slider_nav_full li {
  865. width: 74px;
  866. }
  867. ul.slider_nav li:last-child {
  868. margin-right:0;
  869. margin-left: 0;
  870. }
  871.  
  872. ul.slider_nav li a {
  873. filter:alpha(opacity=50);
  874. -moz-opacity:0.7;
  875. -khtml-opacity: 0.7;
  876. opacity: 0.7;
  877. }
  878.  
  879. ul.slider_nav li p {
  880. line-height:15px;
  881. margin-top:-3px;
  882. }
  883.  
  884. ul.slider_nav li p .date {
  885. font-size:11px;
  886. color:#BDBFC5;
  887. margin-top:-1px;
  888. display:block;
  889. }
  890.  
  891. /* Active / Hover */
  892. ul.slider_nav li.activeSlide a {
  893. filter:alpha(opacity=100) !important;
  894. -moz-opacity:1 !important;
  895. -khtml-opacity: 1!important;
  896. opacity: 1 !important;
  897. }
  898. ul.slider_nav li.activeSlide a img {
  899. border:4px solid #e0e0e0;
  900. height:51px;
  901. width:68px;
  902. }
  903. /* Feature icons */
  904. .feature_video_icon, .feature_slide_icon, .feature_article_icon {
  905. background:url(images/vid-pho.png) no-repeat 0 -4px;
  906. width:40px;
  907. height:44px;
  908. position:absolute;
  909. top:-40px;
  910. left:10px;
  911. }
  912. .slider_item a {
  913. overflow:hidden;
  914. display:block;
  915. }
  916. .slider_item a img {
  917. display:block;
  918. }
  919. .feature_video_icon {
  920. background-position:-40px -4px;
  921. }
  922. .feature_article_icon {
  923. background-position:-80px -4px;
  924. }
  925.  
  926. /*******************************************************************
  927. * lates_video_news
  928. *******************************************************************/
  929. .lates_video_news {
  930. border:1px solid #e0e0e0;
  931. background:#fff;
  932. }
  933. .lates_video_news .widget_title {
  934. background:#e0e0e0;
  935. height:30px;
  936. line-height:30px;
  937. padding:0 10px;
  938. font-size:17px;
  939. color:#404040;
  940. margin-bottom:2px;
  941. font-family:'Play' !important;
  942. }
  943. .scrollable {
  944. position:relative;
  945. overflow:hidden;
  946. width: 654px;
  947. height:193px;
  948. }
  949.  
  950. .scrollable .scroll_items {
  951. /* this cannot be too large */
  952. width:20000em;
  953. position:absolute;
  954. }
  955. .scrollable .scroll_items div.four_items {
  956. float:left;
  957. }
  958. .lates_video_news .navi {
  959. height:13px;
  960. padding:10px 0;
  961. text-align:center;
  962. position:relative;
  963.  
  964. }
  965. .navi_links {
  966. overflow:hidden;
  967. }
  968.  
  969. /* items inside navigator */
  970. .lates_video_news .navi a {
  971. width:14px;
  972. height:13px;
  973. margin-left:4px;
  974. cursor:pointer;
  975. background:#dee2ec;
  976. display:inline-block;
  977. -webkit-border-radius: 13px;
  978. -moz-border-radius: 13px;
  979. border-radius: 13px;
  980. text-indent:-9999px;
  981. }
  982.  
  983. /* mouseover state */
  984. .lates_video_news .navi a:hover {
  985. background:#cbcfd9;
  986. }
  987.  
  988. /* active state (current page state) */
  989. .lates_video_news .navi a.activeSlide {
  990. background:#798291;
  991. }
  992.  
  993. .latest_vids_wrap {
  994. border-top:1px solid #e6e6e6;
  995. border-bottom:1px solid #ebebeb;
  996. overflow:hidden;
  997. }
  998. .latest_vids_wrap .four_items {
  999. width:651px;
  1000. }
  1001. .lates_video_item {
  1002. padding:15px;
  1003. width:132px;
  1004. height:170px;
  1005. float:left;
  1006. border-right:1px solid #ebebeb;
  1007. }
  1008. .lates_video_item img {
  1009. display:block;
  1010. width:132px;
  1011. height: 94px;
  1012. }
  1013. .lates_video_item a {
  1014. position:relative;
  1015. display:block;
  1016. overflow:hidden;
  1017. margin-bottom:13px;
  1018.  
  1019. }
  1020. .lates_video_item span.video_icon {
  1021. width:44px;
  1022. height:38px;
  1023. background:url(images/vid-pho.png) no-repeat -316px 0;
  1024. position:absolute;
  1025. bottom:0;
  1026. left:-44px;
  1027. }
  1028. .lates_video_item span.slide_icon {
  1029. width:44px;
  1030. height:38px;
  1031. background:url(images/vid-pho.png) no-repeat -266px 0;
  1032. position:absolute;
  1033. bottom:0;
  1034. left:-44px;
  1035. }
  1036. .lates_video_item:nth-child(4n+4) {
  1037. border-right:none;
  1038. }
  1039. .lates_video_item p {
  1040. margin-bottom:0;
  1041. }
  1042. /*******************************************************************
  1043. * News Box
  1044. *******************************************************************/
  1045. .news_box {
  1046. overflow:hidden;
  1047. border:1px solid #e0e0e0;
  1048. padding:0 20px 20px 20px;
  1049. background:#fff;
  1050. }
  1051. .news_box .news_box_heading {
  1052. padding:14px 16px 14px 20px;
  1053. border-bottom:1px solid #ebebeb;
  1054. margin-bottom:10px;
  1055. background:#f8f8f8;
  1056. margin:0 -20px 20px -20px;
  1057. }
  1058. .news_box .news_box_heading .nb_dots {
  1059. background:url(images/dots_pat.png) repeat-x center;
  1060. overflow:hidden;
  1061. height:23px;
  1062. line-height:23px;
  1063. }
  1064. .news_box .news_box_heading h2 {
  1065. font-size:20px;
  1066. font-weight:700;
  1067. margin-bottom:0;
  1068. text-transform:uppercase;
  1069. font-family:'Play' !important;
  1070. color:#2f2f2f;
  1071. background:#f8f8f8;
  1072. float:left;
  1073. padding:0 15px 0 0;
  1074. margin-top: 2px;
  1075. }
  1076. .news_box .news_box_heading h2 a {
  1077. color:#2f2f2f;
  1078. font-weight:bold;
  1079. }
  1080. a.nb_recent_more {
  1081. color:#a50000;
  1082. }
  1083. a.nb_recent_more:hover {
  1084. color:#40454D;
  1085. }
  1086.  
  1087. .news_box .news_box_left {
  1088. }
  1089. .news_box .recent_news_item {
  1090. margin-bottom:20px;
  1091. overflow:hidden;
  1092. }
  1093. .news_box recent_news_title, recent_news_title a {
  1094. font-size:18px;
  1095. font-weight:bold;
  1096. margin-top:-2px;
  1097. }
  1098.  
  1099. .news_box .video_icon_img {
  1100. position:relative;
  1101. }
  1102.  
  1103. .news_box .recent_news_img {
  1104. float:left;
  1105. margin-right:15px;
  1106. border:1px solid #eeeeee;
  1107. padding:4px;
  1108. z-index:100;
  1109. position:relative;
  1110. }
  1111. .news_box .recent_news_img a {
  1112. position:relative;
  1113. overflow:hidden;
  1114. display:block;
  1115. }
  1116. .news_box .recent_news_img img{
  1117. display:block;
  1118. }
  1119.  
  1120. .nb_video_icon {
  1121. width:44px;
  1122. height:38px;
  1123. background:url(images/vid-pho.png) no-repeat -316px 0;
  1124. position:absolute;
  1125. bottom:50%;
  1126. margin-bottom:-22px;
  1127. left:-44px;
  1128. }
  1129.  
  1130. .nb_slide_icon {
  1131. width:44px;
  1132. height:38px;
  1133. background:url(images/vid-pho.png) no-repeat -266px 0;
  1134. position:absolute;
  1135. bottom:50%;
  1136. margin-bottom:-22px;
  1137. left:-44px;
  1138. }
  1139. .nb_article_icon {
  1140. width:44px;
  1141. height:38px;
  1142. background:url(images/vid-pho.png) no-repeat -216px 0;
  1143. position:absolute;
  1144. bottom:50%;
  1145. margin-bottom:-22px;
  1146. left:-44px;
  1147. }
  1148.  
  1149. .news_box .recent_news_content {
  1150. position:relative;
  1151. }
  1152. .recent_news_content .nb_meta {
  1153. line-height:11px;
  1154. }
  1155. .news_box .recent_news_content p {
  1156. }
  1157. .news_box .recent_news_content span, .news_box .recent_news_content span a {
  1158. color:#bdbfc5;
  1159. font-size:11px;
  1160. }
  1161. .news_box .recent_news_content span a:hover {
  1162. color:#a50000;
  1163. }
  1164. .news_box .recent_news_content .news_date {
  1165. float:left;
  1166. }
  1167. .news_box .recent_news_content .news_comments_count {
  1168. float:right;
  1169. }
  1170. .news_box .news_box_right {
  1171. margin:0 -20px;
  1172. margin-bottom:-20px;
  1173. overflow:hidden;
  1174. padding:20px;
  1175. padding-top:15px;
  1176. padding-bottom:16px;
  1177. background:#f8f8f8;
  1178. border-top:1px solid #e0e0e0;
  1179. }
  1180. .more_news_wrap {
  1181. overflow:hidden;
  1182. }
  1183. .news_box .left_ul {
  1184. float:left;
  1185. width:50%;
  1186. }
  1187. .news_box .right_ul {
  1188. float:right;
  1189. width:50%;
  1190. }
  1191. .left_ul ul.more_news {
  1192. border-right:1px dotted #bfbfbf;
  1193. }
  1194. .right_ul ul.more_news {
  1195. margin-left:20px;
  1196. }
  1197. .news_box ul.more_news {
  1198. margin-bottom:-7px;
  1199. }
  1200. .news_box ul.more_news li {
  1201. margin-bottom:7px;
  1202. }
  1203. .news_box ul.more_news li span {
  1204. font-size:17px;
  1205. font-family:'Play' !important;
  1206. margin-right:5px;
  1207. color:#7f7f7f;
  1208. }
  1209. .news_box a.more_news_link {
  1210. color:#7f7f7f;
  1211. }
  1212. .news_box a.more_news_link:hover {
  1213. color:#a50000;
  1214. }
  1215.  
  1216. /* NewsBox 2 Cols */
  1217. div.nb_col2 {
  1218. float:left;
  1219. width:315px;
  1220. margin-left:20px;
  1221. }
  1222.  
  1223. div.nb_col2:nth-child(2n+1) {
  1224. margin-left:0;
  1225. margin-right:0;
  1226. clear:both;
  1227. }
  1228.  
  1229. .nb_col2 .news_box .recent_news_title, .nb_col2 .recent_news_title a {
  1230. font-size:16px;
  1231. line-height:20px;
  1232. font-weight:bold;
  1233. }
  1234. .nb2_next2_news {
  1235. margin-bottom:0;
  1236. }
  1237. .nb2_next2_news li {
  1238. margin:0 -20px;
  1239. padding:15px 20px;
  1240. background:#f8f8f8;
  1241. border-top:1px solid #e0e0e0;
  1242. overflow:hidden;
  1243. }
  1244. .nb2_next2_news li a {
  1245. }
  1246. .nb2_next2_news li .nb2_meta span, .nb2_next2_news li .nb2_meta span a {
  1247. color:#bdbfc5;
  1248. }
  1249. .nb2_next2_img img {
  1250. float:left;
  1251. padding:2px;
  1252. background:#fff;
  1253. border:1px solid #eeeeee;
  1254. margin-right:15px;
  1255.  
  1256. }
  1257.  
  1258. /*newsboxs*/
  1259. .newsboxs .news_box {
  1260. padding: 0;
  1261. }
  1262. .newsboxs .news_box .news_box_heading {
  1263. margin: 0;
  1264. }
  1265. .newsboxs .news_box .news_box_left {
  1266. float: left;
  1267. width: 335px;
  1268. }
  1269. .newsboxs .news_box .news_box_right {
  1270. float: right;
  1271. width: 314px;
  1272. margin: 0;
  1273. padding: 0;
  1274. border: none;
  1275. }
  1276. .newsboxs .news_box .recent_news_item {
  1277. margin-bottom: 0;
  1278. padding: 19px;
  1279. }
  1280. .newsboxs .news_box .recent_news_img {
  1281. float: none;
  1282. margin: 0;
  1283. margin-bottom: 15px;
  1284. display: inline-block;
  1285. }
  1286. .newsboxs .recent_news_title {
  1287. line-height: 1.4em;
  1288. margin-bottom: 6px;
  1289. font-size: 18px;
  1290. }
  1291. .newsboxs .news_box .recent_news_content p {
  1292. margin-bottom: 10px;
  1293. }
  1294. .newsboxs .nbs_more_news {
  1295. margin-bottom: 0;
  1296. border-left: 1px solid #e0e0e0;
  1297. min-height: 355px;
  1298. }
  1299. .newsboxs .nbs_more_news li {
  1300. clear: both;
  1301. padding: 9px;
  1302. border-bottom: 1px solid #e0e0e0;
  1303. overflow: hidden;
  1304. }
  1305. .newsboxs .nbs_more_news li:nth-child(4) {
  1306. border-bottom: none;
  1307. }
  1308. .newsboxs .nbs_more_news li .nb2_next2_img img {
  1309. padding: 4px;
  1310. }
  1311. .newsboxs .nbs_more_news li h4 {
  1312. font-size: 12px;
  1313. color: #5e6066;
  1314. line-height: 1.6em;
  1315. padding-top: 8px;
  1316. margin-bottom: 0;
  1317. }
  1318. .newsboxs .nbs_more_news li h4 a {
  1319. color: #5e6066;
  1320. }
  1321.  
  1322. .newsboxs .nbs_more_news li h4 a:hover {
  1323. color: #a50000;
  1324. }
  1325. .newsboxs .nb2_meta, .newsboxs .nb2_meta a {
  1326. color: #bdbfc5;
  1327. font-size: 11px;
  1328. font-style: italic;
  1329. }
  1330. .newsboxs .nb2_meta a:hover {
  1331. color: #a50000;
  1332. }
  1333.  
  1334. /*******************************************************************
  1335. * News Tabs
  1336. *******************************************************************/
  1337. .news_boxes_tabs {
  1338. border: 1px solid #e0e0e0;
  1339. border-bottom: none;
  1340. background: #fff;
  1341. overflow: hidden;
  1342. }
  1343. .news_boxes_tabs .custom_tabs_wrap {
  1344. border: none;
  1345. background: none;
  1346. padding: 0;
  1347. margin-bottom: 0;
  1348. }
  1349. .news_boxes_tabs ul.custom_tabs {
  1350. background: #f8f8f8;
  1351. padding: 9px;
  1352. padding-bottom: 0;
  1353. border-bottom: 1px solid #e0e0e0;
  1354. height: auto;
  1355. -moz-box-sizing: border-box;
  1356. -ms-box-sizing: border-box;
  1357. -o-box-sizing: border-box;
  1358. -webkit-box-sizing: border-box;
  1359. box-sizing: border-box;
  1360. }
  1361. .news_boxes_tabs ul.custom_tabs li {
  1362. margin-right: 8px;
  1363. border-color: #e0e0e0;
  1364. margin-bottom: 2px;
  1365. background: #efefef url(images/nb_tabs.png) repeat-x;
  1366. line-height: 34px;
  1367. height: 34px;
  1368. font-family:'Play' !important;
  1369. -webkit-transition: all .2s linear;
  1370. -moz-transition: all .2s linear;
  1371. -ms-transition: all .2s linear;
  1372. -o-transition: all .2s linear;
  1373. transition: all .2s linear;
  1374. }
  1375.  
  1376.  
  1377. .news_boxes_tabs ul.custom_tabs li.current, .news_boxes_tabs ul.custom_tabs li:hover {
  1378. border-color: #e0e0e0;
  1379. background: #fff;
  1380. line-height: 37px;
  1381. height: 37px;
  1382. margin-bottom: -1px;
  1383. color: #a50000;
  1384. }
  1385. .news_boxes_tabs ul.custom_tabs li.current a , .news_boxes_tabs ul.custom_tabs li:hover a {
  1386. color: #a50000;
  1387. }
  1388. .custom_tabs_content {
  1389. display: none;
  1390. }
  1391.  
  1392. /*News Tabs Content*/
  1393. .nbtabs_content {
  1394. margin-bottom: 0;
  1395. }
  1396. .nbtabs_content li {
  1397. overflow: hidden;
  1398. -webkit-transition: all .2s linear;
  1399. -moz-transition: all .2s linear;
  1400. -ms-transition: all .2s linear;
  1401. -o-transition: all .2s linear;
  1402. transition: all .2s linear;
  1403. border-bottom: 1px solid #ebebeb;
  1404. padding: 19px;
  1405. }
  1406. .nbtabs_content li:hover {
  1407. background: #f8f8f8;
  1408. }
  1409. .nbtabs_content li .nt_image {
  1410. float: left;
  1411. margin-right: 19px;
  1412. }
  1413. .nbtabs_content li .nt_image img {
  1414. padding: 4px;
  1415. border: 1px solid #eee;
  1416. }
  1417. .nbtabs_content li .nt_post_title {
  1418. font-size: 16px;
  1419. padding-top: 5px;
  1420. margin-bottom: 2px;
  1421. line-height: 1.4em;
  1422. }
  1423. .nbtabs_content li .recent_news_excpert {
  1424. margin-bottom: 0;
  1425. font-size: 11px;
  1426. line-height: 1.6em;
  1427. }
  1428. .nbtabs_content li .nb_meta {
  1429. color: #bdbfc5;
  1430. font-size: 11px;
  1431. }
  1432. .nbtabs_content li .rt_nb_rev {
  1433. top:0;
  1434. }
  1435. /*******************************************************************
  1436. * News Picture
  1437. *******************************************************************/
  1438. .news_pictures {
  1439.  
  1440. }
  1441. .news_pictures .news_pictures_list {
  1442. overflow: hidden;
  1443. margin-bottom: -8px;
  1444. margin-right: -8px;
  1445. }
  1446. .news_pictures .news_pictures_list li {
  1447. float: left;
  1448. margin-right: 8px;
  1449. margin-bottom: 8px;
  1450. }
  1451. .news_pictures .news_pictures_list li a {
  1452. display: block;
  1453. }
  1454. .news_pictures .news_pictures_list li img {
  1455. padding: 4px;
  1456. border: 1px solid #eee;
  1457. }
  1458. /*******************************************************************
  1459. * Sidebar
  1460. *******************************************************************/
  1461. .sidebar .widget {
  1462. border:1px solid #e0e0e0;
  1463. background:#fff;
  1464. padding:11px;
  1465. overflow:hidden;
  1466.  
  1467. }
  1468.  
  1469. .sidebar .widget .widget_title {
  1470. background:#e0e0e0;
  1471. height:30px;
  1472. line-height:30px;
  1473. margin:-11px;
  1474. padding:0 10px;
  1475. font-size:17px;
  1476. color:#404040;
  1477. margin-bottom:2px;
  1478. font-family:'Play' !important;
  1479. }
  1480. .sidebar .widget .wid_border {
  1481. border-top:1px solid #e6e6e6;
  1482. margin:0 -11px;
  1483. height:10px;
  1484. }
  1485.  
  1486. .sidebar .widget iframe {
  1487. display:block;
  1488. }
  1489. .sidebar .widget ul {
  1490. margin-bottom:0;
  1491. margin:-11px;
  1492. }
  1493. .sidebar .widget select {
  1494. padding:6px;
  1495. width:100%;
  1496. border:1px solid #e0e0e0;
  1497. color:#4d4d4d;
  1498. }
  1499. .sidebar .widget input.sf {
  1500. padding:0 6px;
  1501. height:26px;
  1502. line-height:26px;
  1503. width:185px;
  1504. border:1px solid #e0e0e0;
  1505. float:left;
  1506. margin-right:5px;
  1507. color:#4d4d4d;
  1508. }
  1509. .sidebar .widget input.sb {
  1510. border:none;
  1511. height:28px;
  1512. color: #404040;
  1513. font-family:'Play' !important;
  1514. font-size: 15px;
  1515. text-transform:uppercase;
  1516. background:#e0e0e0;
  1517. width:75px;
  1518. float:right;
  1519. padding-bottom:2px;
  1520. cursor:pointer;
  1521. }
  1522.  
  1523. .sidebar .widget ul li {
  1524. padding:10px 15px;
  1525. border-bottom:1px solid #f0eded;
  1526. }
  1527. .sidebar .widget ul li:last-child {
  1528. border-bottom:none;
  1529. }
  1530.  
  1531. /*******************************************************************
  1532. * Tagline
  1533. *******************************************************************/
  1534. .tagline {
  1535. overflow:hidden;
  1536. background: #ffffff; /* Old browsers */
  1537. background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
  1538. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  1539. background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  1540. background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
  1541. background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* IE10+ */
  1542. background: linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* W3C */
  1543. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  1544. -webkit-border-radius: 10px;
  1545. -moz-border-radius: 10px;
  1546. border-radius: 10px;
  1547. border:1px solid #e0e0e0;
  1548. padding:0 35px;
  1549. line-height:88px;
  1550. margin-bottom:20px;
  1551. }
  1552. .tagline h3 {
  1553. font-family:georgia;
  1554. font-size:18px;
  1555. line-height:88px;
  1556. margin-bottom:0;
  1557. color:#5e6066;
  1558. }
  1559. .tagline .tagline_bt {
  1560. line-height:49px;
  1561. height:49px;
  1562. font-family:georgia;
  1563. font-size:17px;
  1564. font-weight:bold;
  1565. display:inline-block;
  1566. border:5px solid #f1f1f1;
  1567. padding:0 30px;
  1568. color:#312528;
  1569. background: #ffe00e; /* Old browsers */
  1570. background: -moz-linear-gradient(top, #ffe00e 0%, #ffbf0e 100%); /* FF3.6+ */
  1571. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe00e), color-stop(100%,#ffbf0e)); /* Chrome,Safari4+ */
  1572. background: -webkit-linear-gradient(top, #ffe00e 0%,#ffbf0e 100%); /* Chrome10+,Safari5.1+ */
  1573. background: -o-linear-gradient(top, #ffe00e 0%,#ffbf0e 100%); /* Opera 11.10+ */
  1574. background: -ms-linear-gradient(top, #ffe00e 0%,#ffbf0e 100%); /* IE10+ */
  1575. background: linear-gradient(top, #ffe00e 0%,#ffbf0e 100%); /* W3C */
  1576. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe00e', endColorstr='#ffbf0e',GradientType=0 ); /* IE6-9 */
  1577. -webkit-border-radius: 30px;
  1578. -moz-border-radius: 30px;
  1579. border-radius: 30px;
  1580. margin-bottom:0;
  1581. }
  1582.  
  1583. .tagline .tagline_bt:hover {
  1584. color:#000;
  1585. }
  1586.  
  1587. /*******************************************************************
  1588. * Footer
  1589. *******************************************************************/
  1590.  
  1591. #footer {
  1592. background:#e0e0e0;
  1593. border-top:4px solid #d9d9d9;
  1594. border-bottom:1px solid #d9d9d9;
  1595. padding-bottom:2px;
  1596. }
  1597. .footer_wrap {
  1598. overflow:hidden;
  1599. border-bottom:1px solid #abafba;
  1600. position:relative;
  1601. color:#5E6066;
  1602. }
  1603.  
  1604. .foot_border {
  1605. height:1px;
  1606. width:100%;
  1607. top:50px;
  1608. position:absolute;
  1609. background:#d3d3d3;
  1610. position:absolute;
  1611. }
  1612. #footer .widget {
  1613. margin-bottom:40px;
  1614. }
  1615. #footer .widget .widget_title {
  1616. text-transform:uppercase;
  1617. letter-spacing:1px;
  1618. line-height:50px;
  1619. font-size:18px;
  1620. font-family:'Play' !important;
  1621. color:#404040;
  1622. }
  1623.  
  1624. #footer .widget iframe {
  1625. display:block;
  1626. }
  1627. #footer .widget ul {
  1628. margin-bottom:0;
  1629. margin-top:-8px;
  1630. }
  1631. #footer .widget ul li {
  1632. padding:8px 0 8px 0;
  1633. border-bottom:1px dotted #949494;
  1634. }
  1635. #footer .widget ul li:last-child {
  1636. border-bottom:none;
  1637. }
  1638.  
  1639. #footer a:link, #footer a:visited, #footer a:active, #footer a:focus {
  1640. color: #5e6066;
  1641. outline: 0 none;
  1642. text-decoration: none;
  1643. }
  1644. #footer a:hover {
  1645. color: #a50000;
  1646. }
  1647.  
  1648. .scrollTo_top {
  1649. position:fixed;
  1650. bottom:20px;
  1651. right:20px;
  1652. display:none;
  1653. }
  1654. /*******************************************************************
  1655. * the Bottom Bar
  1656. *******************************************************************/
  1657. .bottom_bar {
  1658. background:#3e424b;
  1659. -webkit-box-shadow: inset 0px 4px 1px 0px #3c4048;
  1660. -moz-box-shadow: inset 0px 4px 1px 0px #3c4048;
  1661. box-shadow: inset 0px 4px 1px 0px #3c4048;
  1662. color:#f6f6f6;
  1663. position:relative;
  1664. text-align:center;
  1665. line-height:45px;
  1666. height:45px;
  1667. overflow:hidden;
  1668. direction:rtl;
  1669. }
  1670. .bottom_bar a {
  1671. color:#fff;
  1672. }
  1673. .bottom_bar ul.social_icons {
  1674. margin-bottom:0;
  1675. position:absolute;
  1676. left:0;
  1677. top:5px;
  1678. }
  1679.  
  1680. .bottom_bar ul.social_icons li {
  1681. float:left;
  1682. margin-right:7px;
  1683. }
  1684. .bottom_bar ul.social_icons li a {
  1685. display:inline-block;
  1686. width:27px;
  1687. height:27px;
  1688. font-size:0px;
  1689. background:url(images/social_icons.png) no-repeat;
  1690. }
  1691.  
  1692. .bottom_bar ul.social_icons li.facebook a {
  1693. background-position:-33px 0;
  1694. }
  1695.  
  1696. .bottom_bar ul.social_icons li.gplus a {
  1697. background-position:-66px 0;
  1698. }
  1699.  
  1700. .bottom_bar ul.social_icons li.linkedin a {
  1701. background-position:-99px 0;
  1702. }
  1703.  
  1704. .bottom_bar ul.social_icons li.youtube a {
  1705. background-position:-133px 0;
  1706. }
  1707.  
  1708. .bottom_bar ul.social_icons li.rss a {
  1709. background-position:-165px 0;
  1710. }
  1711.  
  1712. .bottom_bar ul.social_icons li.skype a {
  1713. background-position:-199px 0;
  1714. }
  1715.  
  1716. .bottom_bar ul.social_icons li.feedburner a {
  1717. background-position:-232px 0;
  1718. }
  1719.  
  1720. .bottom_bar ul.social_icons li.flickr a {
  1721. background-position:-265px 0;
  1722. }
  1723.  
  1724. .bottom_bar ul.social_icons li.picasa a {
  1725. background-position:-298px 0;
  1726. }
  1727.  
  1728. .bottom_bar ul.social_icons li.digg a {
  1729. background-position:-331px 0;
  1730. }
  1731.  
  1732. .bottom_bar ul.social_icons li.vimeo a {
  1733. background-position:-364px 0;
  1734. }
  1735. .bottom_bar ul.social_icons li.tumblr a {
  1736. background-position:-397px 0;
  1737. }
  1738.  
  1739.  
  1740.  
  1741. .bottom_bar p.copyrights {
  1742. margin-bottom:0;
  1743. float:right;
  1744. direction:ltr;
  1745. z-index:100;
  1746. position:relative;
  1747.  
  1748. }
  1749. .bottom_bar p.copyrights a {
  1750. color: #ffbb00;
  1751. }
  1752.  
  1753. .bottom_bar p.copyrights a:hover {
  1754. text-decoration: underline;
  1755. }
  1756.  
  1757. /* footer Menu */
  1758. ul.footer_menu {
  1759. margin-bottom:0;
  1760. height:35px;
  1761. float:left;
  1762. }
  1763. ul.footer_menu li {
  1764. float:left;
  1765. margin-right:20px;
  1766. position:relative;
  1767. }
  1768. ul.footer_menu li a {
  1769. color:#a4a5aa;
  1770. font-size:11px;
  1771. font-weight:bold;
  1772. }
  1773. ul.footer_menu li a:hover {
  1774. color:#fff;
  1775. }
  1776. /*dropdown*/
  1777. ul.footer_menu li ul {
  1778. display:none;
  1779. }
  1780.  
  1781. /*******************************************************************
  1782. * Articles Category
  1783. *******************************************************************/
  1784.  
  1785.  
  1786. .cat_title {
  1787. font-size:19px;
  1788. color:#cbcbcb;
  1789. font-family:'Play' !important;
  1790. padding-bottom:13px;
  1791. border-bottom:1px solid #e0e0e0;
  1792. text-transform:uppercase;
  1793. margin-bottom:21px;
  1794. }
  1795.  
  1796. .cat_article {
  1797. overflow:hidden;
  1798. background:#fff;
  1799. border:1px solid #e0e0e0;
  1800. padding:0 20px 20px 20px;
  1801.  
  1802. }
  1803. .cat_article_title {
  1804. font-size:17px;
  1805. font-weight:bold;
  1806. color:#40454d;
  1807. padding:15px 20px 14px 20px;
  1808. border-bottom:1px solid #ebebeb;
  1809. margin-bottom:10px;
  1810. background:#f8f8f8;
  1811. margin:0 -20px 0 -20px;
  1812. }
  1813. .page_title {
  1814. margin-bottom:20px;
  1815. }
  1816. .cat_article_title a {
  1817. font-weight:bold;
  1818. }
  1819. .cat_article_warap {
  1820. overflow:hidden;
  1821. width:526px;
  1822. }
  1823. .cat_article_img {
  1824. float:left;
  1825. margin-right:20px;
  1826. border:1px solid #eeeeee;
  1827. padding:4px;
  1828.  
  1829. }
  1830. .cat_article_img a {
  1831. display:block;
  1832. position:relative;
  1833. overflow:hidden;
  1834. }
  1835. .cat_article_img img {
  1836. display:block;
  1837.  
  1838. }
  1839. .cat_article_img .video_icon_img {
  1840. position:relative;
  1841. }
  1842. .ca_video_icon {
  1843. width:44px;
  1844. height:38px;
  1845. background:url(images/vid-pho.png) no-repeat -316px 0;
  1846. position:absolute;
  1847. bottom:50%;
  1848. margin-bottom:-22px;
  1849. left:-44px;
  1850. }
  1851.  
  1852. .ca_slide_icon {
  1853. width:44px;
  1854. height:38px;
  1855. background:url(images/vid-pho.png) no-repeat -266px 0;
  1856. position:absolute;
  1857. bottom:50%;
  1858. margin-bottom:-22px;
  1859. left:-44px;
  1860. }
  1861.  
  1862. .ca_article_icon {
  1863. width:44px;
  1864. height:38px;
  1865. background:url(images/vid-pho.png) no-repeat -216px 0;
  1866. position:absolute;
  1867. bottom:50%;
  1868. margin-bottom:-22px;
  1869. left:-44px;
  1870. }
  1871.  
  1872. /*.cat_article_img img:hover {
  1873. border-color:#a50000;
  1874. }*/
  1875. .cat_article_content {
  1876. }
  1877. .article_meta {
  1878. line-height:36px;
  1879. border-bottom:1px dotted #c3c3c3;
  1880. margin-bottom:20px;
  1881. color:#9b9ca0;
  1882. font-size:11px;
  1883. }
  1884. .article_meta a {
  1885. color:#9b9ca0;
  1886. font-weight:bold;
  1887. }
  1888. .article_meta a:hover {
  1889. color:#a50000;
  1890. }
  1891. .meta_cat {
  1892. text-transform:capitalize;
  1893. }
  1894. .article_meta span {
  1895. margin-right:5px;
  1896. }
  1897. .cat_article_content p {
  1898. line-height:20px;
  1899. margin-bottom: 3px;
  1900. }
  1901. .cat_article_content .article_read_more {
  1902. color: #40454D;
  1903. font-weight:bold;
  1904.  
  1905. }
  1906. .cat_article_content .article_read_more span {
  1907. font-size:16px;
  1908. font-family:georgia;
  1909. font-weight:normal;
  1910. }
  1911. .cat_article_content .article_read_more:hover {
  1912. color:#a50000;
  1913. }
  1914. .cat_article_share {
  1915. min-width:55px;
  1916. max-width:72px;
  1917. float:right;
  1918. background:#f4f4f4;
  1919. text-align:center;
  1920. padding:5px 3px;
  1921. border:1px solid #ebebeb;
  1922. margin-top:36px;
  1923. }
  1924. .cat_article_share div {
  1925. margin:auto;
  1926. margin-bottom:8px;
  1927. }
  1928. div.cat_sh_facebook {
  1929. margin-bottom:1px;
  1930. height:62px;
  1931. overflow:hidden;
  1932. }
  1933.  
  1934. /*******************************************************************
  1935. * Single Article
  1936. *******************************************************************/
  1937. .single_article {
  1938.  
  1939. }
  1940. .single_article_content a {
  1941. color:#217DD3;
  1942. }
  1943. .single_article_content .gallery p {
  1944. margin-bottom: 0;
  1945. }
  1946.  
  1947. .single_article_content a:hover {
  1948. color:#a50000;
  1949. }
  1950. .single_article_content iframe {
  1951. margin-bottom:15px;
  1952. }
  1953. .single_article_content img:not(.wp-smiley) {
  1954. padding:4px;
  1955. border:1px solid #ebebeb;
  1956. }
  1957. .single_article_content img {
  1958. max-width:599px;
  1959. height: auto;
  1960. }
  1961. .wp-caption {
  1962. max-width: 609px !important;
  1963. margin:0 !important;
  1964. padding-top:5px !important;
  1965. padding-bottom: 10px;
  1966. margin-bottom: 30px !important;
  1967. }
  1968. .wp-caption img {
  1969. border:none !important;
  1970. padding: 0 !important;
  1971. }
  1972.  
  1973. .wp-caption-text {
  1974. margin-bottom: 0px !important;
  1975. }
  1976.  
  1977.  
  1978. .single_article_content p {
  1979. margin-bottom:20px;
  1980. }
  1981. .articles_nav {
  1982. line-height:36px;
  1983. overflow:hidden;
  1984. padding-bottom:1px;
  1985. background:url(images/dot.png) repeat-x bottom;
  1986. margin-top:-15px;
  1987. margin-bottom:15px;
  1988. }
  1989. .articles_nav .prev_article a, .articles_nav .next_article a {
  1990. color:#979a9e;
  1991. font-size:11px;
  1992. font-weight:bold;
  1993. }
  1994. .articles_nav .prev_article a span {
  1995. margin-right:5px;
  1996. }
  1997. .articles_nav .next_article a span {
  1998. margin-left:5px;
  1999. }
  2000. .articles_nav a span {
  2001. font-size:16px;
  2002. font-family:georgia;
  2003. font-weight:normal;
  2004. }
  2005. .articles_nav .prev_article a:hover, .articles_nav .next_article a:hover {
  2006. color:#a50000;
  2007. }
  2008. .articles_nav .prev_article a {
  2009. float:left;
  2010. background-position:0 bottom;
  2011. }
  2012.  
  2013. .articles_nav .next_article a {
  2014. float:right;
  2015. background-position:right 0;
  2016. }
  2017. .slideshow_article {
  2018. width:656px;
  2019. margin-bottom:2px;
  2020. cursor:pointer;
  2021. }
  2022. .slideshow_article img {
  2023. display:none;
  2024. }
  2025. .slideshow_control {
  2026. border:1px solid #ebebeb;
  2027. border-bottom-width:3px;
  2028. margin-top:13px;
  2029. margin-bottom:15px;
  2030. height:28px;
  2031. line-height:28px;
  2032. position:relative;
  2033. }
  2034. .mom_gallery {
  2035. overflow: hidden;
  2036. margin-bottom: 20px;
  2037. }
  2038. .mom_gallery .gallery-item {
  2039. float: left;
  2040. margin-top: 10px;
  2041. text-align: center;
  2042. width: 25%;
  2043. overflow: hidden;
  2044. }
  2045. .mom_gallery dl.gallery-item {
  2046. margin-bottom: 0;
  2047. margin-top: 0 !important;
  2048. }
  2049. .mom_gallery dl.gallery-item img {
  2050. border: none;
  2051. max-width: 89%;
  2052. height: auto;
  2053. }
  2054. .slide_bull {
  2055. text-align:center;
  2056. }
  2057. .slide_bull a {
  2058. width:10px;
  2059. height:10px;
  2060. margin-left:4px;
  2061. margin-top:9px;
  2062. cursor:pointer;
  2063. background:#c5c5c5;
  2064. display:inline-block;
  2065. -webkit-border-radius: 13px;
  2066. -moz-border-radius: 13px;
  2067. border-radius: 13px;
  2068. text-indent:-9999px;
  2069. }
  2070. .slide_bull a:hover {
  2071. background:#cbcfd9;
  2072. }
  2073.  
  2074. /* active state (current page state) */
  2075. .slide_bull a.activeSlide {
  2076. background:#798291;
  2077. }
  2078.  
  2079. .slide_next, .slide_prev {
  2080. position:absolute;
  2081. width:8px;
  2082. height:12px;
  2083. background:url(images/slideshow_nav.png) no-repeat;
  2084. top:8px;
  2085. cursor:pointer;
  2086.  
  2087. }
  2088. .slide_prev {
  2089. left:7px;
  2090. }
  2091. .slide_next {
  2092. right:7px;
  2093. background-position:0 -12px;
  2094. }
  2095. /* Single share */
  2096. .single_share {
  2097. background:#f4f4f4;
  2098. border:1px solid #ebebeb;
  2099. margin-bottom:6px;
  2100. overflow:hidden;
  2101. min-height:62px;
  2102. padding:10px;
  2103. }
  2104. .single_share .sh_item {
  2105. float:left;
  2106. margin-right:10px;
  2107. }
  2108. .twitter-share-button {
  2109. margin-bottom: 0 !important;
  2110. }
  2111. .single_sh_pinit {
  2112. margin-top: 11px;
  2113. }
  2114. /* Author box */
  2115. .author_box {
  2116. border:1px solid #ebebeb;
  2117. border-bottom-width:3px;
  2118. margin-bottom:15px;
  2119. padding:15px;
  2120. padding-bottom:0;
  2121. background:#fff;
  2122. overflow: hidden;
  2123. }
  2124. .author_box .avatar {
  2125. padding:4px;
  2126. border:1px solid #eaeaea;
  2127. -webkit-border-radius: 3px;
  2128. -moz-border-radius: 3px;
  2129. border-radius: 3px;
  2130. float:left;
  2131. margin-bottom:0.5em;
  2132. margin-left:0;
  2133. margin-right:15px;
  2134. margin-top:0;
  2135.  
  2136. }
  2137.  
  2138. .author_box .author_details {
  2139. margin-left:93px;
  2140. padding-top:2px;
  2141. }
  2142. .author_box .author_details .author_name {
  2143. font-weight:bold;
  2144. font-size:15px;
  2145. text-transform:capitalize;
  2146. margin-bottom:7px;
  2147. }
  2148. .author_box .author_details .author_name a {
  2149. font-weight:bold;
  2150. }
  2151. .author_box .author_details .author_title {
  2152. font-size:12px;
  2153. font-family:arial;
  2154. color:#a50000;
  2155. margin-bottom:7px;
  2156. }
  2157. .author_box .author_info {
  2158. border-top:1px solid #ebebeb;
  2159. overflow:hidden;
  2160. height:30px;
  2161. line-height:30px;
  2162. margin:0 -15px;
  2163. padding:0 10px;
  2164. }
  2165. .author_box .num_of_entry {
  2166. float:left;
  2167. }
  2168.  
  2169. .author_box .author_connect {
  2170. float:right;
  2171. margin-top:4px;
  2172. }
  2173.  
  2174. /* Related */
  2175. .related_box {
  2176. border:1px solid #ebebeb;
  2177. border-bottom-width:3px;
  2178. margin-bottom:15px;
  2179. padding:15px;
  2180. padding-bottom:0;
  2181. background:#fff;
  2182. }
  2183. .related_box ul {
  2184. overflow:hidden;
  2185. margin-bottom:0;
  2186. }
  2187. .related_box ul li.related_item {
  2188. float:left;
  2189. width:132px;
  2190. margin-left:15px;
  2191. margin-bottom:15px;
  2192. }
  2193. .related_box ul li.related_item:nth-child(4n+1) {
  2194. margin-right:0;
  2195. margin-left:0;
  2196. clear:both;
  2197. }
  2198. .related_box ul li.related_item .related_image img {
  2199. padding:4px;
  2200. border:1px solid #eaeaea;
  2201. display:block;
  2202. margin-bottom:15px;
  2203. }
  2204. .related_box ul li.related_item h3 {
  2205. font-size:12px;
  2206. line-height:20px;
  2207. margin-bottom:0;
  2208. }
  2209. .related_box ul.related_list_ul {
  2210. margin:-15px;
  2211. }
  2212.  
  2213. .related_box ul li.related_list {
  2214. padding:12px;
  2215. margin-bottom:0;
  2216. border-bottom:1px solid #eaeaea;
  2217. }
  2218. .related_box ul li.related_list:last-child {
  2219. margin-bottom:13px;
  2220. border-bottom:0;
  2221. }
  2222. .related_box ul li.related_list a span {
  2223. color: #7F7F7F;
  2224. font-family:'Play' !important;
  2225. font-size: 17px;
  2226. margin-right: 5px;
  2227. }
  2228. .related_box ul li.related_list h3 {
  2229. font-size:12px;
  2230. line-height:20px;
  2231. margin-bottom:0;
  2232. }
  2233. /*------------------------------------------*/
  2234. /* post-single : comments
  2235. /*------------------------------------------*/
  2236.  
  2237. .single_comment {
  2238. overflow:hidden;
  2239. position:relative;
  2240. }
  2241. .commentlist li .comment_wrapper {
  2242. overflow:hidden;
  2243. border:1px solid #ebebeb;
  2244. border-bottom-width:3px;
  2245. margin-bottom:15px;
  2246. padding:15px;
  2247. padding-bottom:0;
  2248. background:#fff;
  2249.  
  2250. }
  2251.  
  2252. .user_avatar {
  2253. float:left;
  2254. margin-right:15px;
  2255. padding:0 12px 12px 0;
  2256. border-right:1px solid #eaeaea;
  2257. border-bottom:1px solid #eaeaea;
  2258. }
  2259.  
  2260. .user_avatar img {
  2261. border:1px solid #eaeaea;
  2262. display:block;
  2263. padding:4px;
  2264. }
  2265. h4.comment_author_name {
  2266. font-size:15px;
  2267. padding-top:15px;
  2268. font-weight:bold;
  2269. margin-bottom:5px;
  2270. color:#666;
  2271. }
  2272. h4.comment_author_name a {
  2273. color:#666;
  2274. font-weight:bold;
  2275. }
  2276. h4.comment_author_name a:hover {
  2277. color:#a50000;
  2278. }
  2279. .comment_content {
  2280. margin-left:76px;
  2281. }
  2282. .commentlist ul {
  2283. margin-left: 20px;
  2284. margin-bottom:0;
  2285. }
  2286. .commentlist li ul li {
  2287. margin-left: 20px;
  2288. }
  2289. .wait_mod {
  2290. color:#f70b0b;
  2291. float:right;
  2292. }
  2293. a.comment-reply-link {
  2294. padding:0 15px;
  2295. line-height:20px;
  2296. display:inline-block;
  2297. border:1px solid #ebebeb;
  2298. border-bottom:none;
  2299. color:#cccccc;
  2300. }
  2301. .comment-reply-link:hover {
  2302. color:#a50000;
  2303. }
  2304. .commentmetadata a {
  2305. color:#BDBFC5;
  2306.  
  2307. }
  2308. /*--------------------------------------------------*/
  2309. /* post-single : add Comment form
  2310. /*-------------------------------------------------*/
  2311. .add_comment {
  2312. overflow:hidden;
  2313. padding-top:2px;
  2314. }
  2315. .add_comment p{
  2316. margin-bottom:0;
  2317. }
  2318. .add_comment h3, .up_comments {
  2319. font-size:18px;
  2320. }
  2321. .add_comment label{
  2322. margin-left:10px;
  2323. color:#8c8c8c;
  2324. }
  2325. .add_comment input, .add_comment textarea {
  2326. margin-bottom:10px;
  2327. background:#fbfbfb;
  2328. border:1px solid #ebebeb;
  2329. -webkit-border-radius: 2px;
  2330. -moz-border-radius: 2px;
  2331. border-radius: 2px;
  2332. color:#8c8c8c;
  2333. -webkit-box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  2334. -moz-box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  2335. box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  2336. }
  2337. .add_comment input:focus, .add_comment textarea:focus {
  2338. background:#fff;
  2339. }
  2340. .add_comment input {
  2341. height:30px;
  2342. width:55%;
  2343. padding:0 5px;
  2344. }
  2345.  
  2346. .add_comment textarea{
  2347. margin-bottom:10px;
  2348. padding:10px;
  2349. width:96%;
  2350. height:130px;
  2351. font-family:arial;
  2352. }
  2353.  
  2354. .send_comment {
  2355. height:33px;
  2356. padding:0 15px;
  2357. color:#666;
  2358. border:1px solid #dbdbdb;;
  2359. background: #ffffff; /* Old browsers */
  2360. background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
  2361. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
  2362. background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
  2363. background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
  2364. background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
  2365. background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* W3C */
  2366. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
  2367. cursor:pointer;
  2368. margin-bottom:15px;
  2369. }
  2370. .send_comment:hover {
  2371. color:#000;
  2372. }
  2373. /******************************************************************
  2374. * Custom/default Widgets
  2375. ******************************************************************/
  2376.  
  2377. /* Calendar Widget */
  2378.  
  2379. #wp-calendar {
  2380. color: #555;
  2381. width: 100%;
  2382. text-align: center;
  2383. }
  2384. #wp-calendar caption,
  2385. #wp-calendar td,
  2386. #wp-calendar th {
  2387. text-align: center;
  2388. }
  2389. #wp-calendar caption {
  2390. font-size: 11px;
  2391. font-weight: 500;
  2392. padding: 5px 0 3px 0;
  2393. text-transform: uppercase;
  2394. }
  2395. #wp-calendar th {
  2396. background: #f4f4f4;
  2397. border-top: 1px solid #ccc;
  2398. border-bottom: 1px solid #ccc;
  2399. font-weight: bold;
  2400. }
  2401. #wp-calendar tfoot td {
  2402. background: #f4f4f4;
  2403. border-top: 1px solid #ccc;
  2404. border-bottom: 1px solid #ccc;
  2405. }
  2406. /* tags */
  2407. .tagcloud a {
  2408. text-transform:capitalize;
  2409. background:#fcfcfc;
  2410. padding:4px 12px;
  2411. border:1px solid #f1f1f1;
  2412. font-size:11px !important;
  2413. display:inline-block;
  2414. margin:0 5px 8px 0;
  2415. -webkit-border-radius: 2px;
  2416. -moz-border-radius: 2px;
  2417. border-radius: 2px;
  2418. }
  2419. /* ads Widgets */
  2420.  
  2421. /* ads125 */
  2422. .sidebar .widget .ads125 {
  2423. margin:8px -9px -9px 8px;
  2424. }
  2425. .sidebar .ads125 {
  2426. margin-bottom:3px;
  2427. margin-left:21px;
  2428. overflow:hidden;
  2429. }
  2430.  
  2431. .sidebar .ads125 a, .sidebar .ads125 .ad_code {
  2432. width:125px;
  2433. height:125px;
  2434. display:block;
  2435. margin-right:17px;
  2436. margin-bottom:17px;
  2437. float:left;
  2438. }
  2439. .sidebar .ads125 img {
  2440. display:block;
  2441.  
  2442. }
  2443.  
  2444. /* ads120b */
  2445. .sidebar .widget .ads120b {
  2446. margin:8px -10px -8px 12px;
  2447. }
  2448. .sidebar .ads120b {
  2449. margin-bottom:3px;
  2450. margin-left:21px;
  2451. overflow:hidden;
  2452. }
  2453.  
  2454. .sidebar .ads120b a, .sidebar .ads120b .ad_code {
  2455. width:120px;
  2456. height:90px;
  2457. display:block;
  2458. margin-right:20px;
  2459. margin-bottom:17px;
  2460. float:left;
  2461. }
  2462. .sidebar .ads120b img {
  2463. display:block;
  2464.  
  2465. }
  2466. /* ads120 */
  2467. .sidebar .widget .ads120 {
  2468. margin:8px -10px -8px 12px;
  2469. }
  2470. .sidebar .ads120 {
  2471. margin-bottom:3px;
  2472. margin-left:25px;
  2473. overflow:hidden;
  2474. }
  2475.  
  2476. .sidebar .ads120 a, .sidebar .ads120 .ad_code {
  2477. width:120px;
  2478. height:240px;
  2479. display:block;
  2480. margin-right:20px;
  2481. margin-bottom:17px;
  2482. float:left;
  2483. }
  2484. .sidebar .ads120 img {
  2485. display:block;
  2486.  
  2487. }
  2488. /* ads120x600*/
  2489. .sidebar .widget .ads120x {
  2490. margin:8px -10px -8px 12px;
  2491. }
  2492. .sidebar .ads120x {
  2493. margin-bottom:3px;
  2494. margin-left:25px;
  2495. overflow:hidden;
  2496. }
  2497.  
  2498. .sidebar .ads120x a, .sidebar .ads120x .ad_code {
  2499. width:120px;
  2500. height:600px;
  2501. display:block;
  2502. margin-right:20px;
  2503. margin-bottom:17px;
  2504. float:left;
  2505. }
  2506. .sidebar .ads120x img {
  2507. display:block;
  2508.  
  2509. }
  2510. /* ads160 */
  2511. .sidebar .widget .ads160 {
  2512. margin:0;
  2513. }
  2514. .sidebar .ads160 {
  2515. text-align:center;
  2516. margin-bottom:20px;
  2517. }
  2518. /* ads250 */
  2519. .sidebar .widget .ads250 {
  2520. margin:17px auto;
  2521. }
  2522. .sidebar .ads250 {
  2523. overflow:hidden;
  2524. width:250px;
  2525. margin:auto;
  2526. margin-bottom:20px;
  2527. }
  2528. .sidebar .ads250 a {
  2529. display:block;
  2530. }
  2531. .sidebar .ads250 img {
  2532. display:block;
  2533.  
  2534. }
  2535.  
  2536. /* ads300 */
  2537. .sidebar .widget .ads300 {
  2538. margin:-8.5px;
  2539. margin-top:-8px;
  2540.  
  2541. }
  2542. .sidebar .ads300 {
  2543. overflow:hidden;
  2544. width:300px;
  2545. margin:auto;
  2546. margin-bottom:20px;
  2547. }
  2548. .sidebar .ads300 a {
  2549. display:block;
  2550. }
  2551. .sidebar .ads300 img {
  2552. display:block;
  2553. }
  2554.  
  2555. /* ads300x */
  2556. .sidebar .widget .ads300x {
  2557. margin:-8.5px;
  2558. margin-top:-8px;
  2559.  
  2560. }
  2561. .sidebar .ads300x {
  2562. overflow:hidden;
  2563. width:300px;
  2564. margin:auto;
  2565. margin-bottom:20px;
  2566. }
  2567. .sidebar .widget .ads300x .ad_code:nth-child(2n+2), .sidebar .widget .ads300x a:nth-child(2n+2) {
  2568. margin-top:2px;
  2569. }
  2570. .sidebar .ads300x .ad_code:nth-child(2n+2), .sidebar .ads300x a:nth-child(2n+2) {
  2571. margin-top:10px;
  2572. }
  2573. .sidebar .ads300x a {
  2574. display:block;
  2575. }
  2576. .sidebar .ads300x img {
  2577. display:block;
  2578. }
  2579. /* Custom HTML */
  2580. .sidebar .widget .custom_textwidget {
  2581. margin:0;
  2582. }
  2583. .sidebar .custom_textwidget {
  2584. margin-bottom:20px;
  2585. }
  2586. /* Flickr */
  2587. .sidebar .widget .flickr_badge_wrapper {
  2588. overflow:hidden;
  2589. margin-left:8px;
  2590. margin-top:9px;
  2591. margin-bottom:-9px;
  2592. margin-right:-20px;
  2593. }
  2594. .sidebar .widget .flickr_badge_wrapper div {
  2595. float: left;
  2596. margin: 0 20px 20px 0;
  2597. }
  2598. .sidebar .widget .mom_posts_images div:nth-child(3n+3) {
  2599. margin-right:0;
  2600. }
  2601.  
  2602. .sidebar .widget .flickr_badge_wrapper img {
  2603. height: 65px;
  2604. width: 65px;
  2605. }
  2606. .sidebar .flickr_badge_wrapper div.last {
  2607. margin: 0 0 10px;
  2608. }
  2609. .sidebar .flickr_badge_wrapper div a {
  2610. display: block;
  2611. float: left;
  2612. height: 65px;
  2613. margin: 0;
  2614. width: 65px;
  2615. padding:4px;
  2616. border:1px solid #eeeeee;
  2617. }
  2618.  
  2619. /* twiiter */
  2620.  
  2621. .sidebar .widget .tweet_list li {
  2622. padding:10px 10px 11px 39px;
  2623. background:url(images/twitter_icon.png) no-repeat 13px 15px;
  2624.  
  2625. }
  2626. .tweet_list li, .tweet_list li a {
  2627. }
  2628. .tweet_list li a {
  2629. color:#000;
  2630. }
  2631.  
  2632. .tweet_list li a:hover {
  2633. color:#a50000;
  2634. }
  2635.  
  2636. /* RSS Subcribe widgets */
  2637. .sidebar .newsletter {
  2638. background:#fe7c00;
  2639. padding:5px;
  2640. border:1px solid #e26600;
  2641. border-bottom-width:2px;
  2642. overflow:hidden;
  2643. margin-bottom:20px;
  2644. }
  2645. .sidebar .newsletter img.rs_icon {
  2646. margin-right:5px;
  2647. float:left;
  2648. }
  2649. .sidebar .newsletter form {
  2650. float:left;
  2651. width:260px;
  2652. margin-top:1px;
  2653. }
  2654. .sidebar .newsletter .nsf {
  2655. width:168px;
  2656. float:left;
  2657. border:none;
  2658. height:27px;
  2659. line-height:27px;
  2660. background:#ffe7bf;
  2661. padding:0 5px;
  2662. color:#7c3400;
  2663. text-shadow:0 -1px 0 #fff;
  2664. -moz-border-radius-topleft: 3px;
  2665. -moz-border-radius-topright: 0px;
  2666. -moz-border-radius-bottomright: 0px;
  2667. -moz-border-radius-bottomleft: 3px;
  2668. -webkit-border-radius: 3px 0px 0px 3px;
  2669. border-radius: 3px 0px 0px 3px;
  2670. }
  2671. .sidebar .newsletter .nsb {
  2672. width:82px;
  2673. float:left;
  2674. padding:0;
  2675. background: #ffc157; /* Old browsers */
  2676. background: -moz-linear-gradient(top, #ffc157 0%, #f39a00 100%); /* FF3.6+ */
  2677. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc157), color-stop(100%,#f39a00)); /* Chrome,Safari4+ */
  2678. background: -webkit-linear-gradient(top, #ffc157 0%,#f39a00 100%); /* Chrome10+,Safari5.1+ */
  2679. background: -o-linear-gradient(top, #ffc157 0%,#f39a00 100%); /* Opera 11.10+ */
  2680. background: -ms-linear-gradient(top, #ffc157 0%,#f39a00 100%); /* IE10+ */
  2681. background: linear-gradient(top, #ffc157 0%,#f39a00 100%); /* W3C */
  2682. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc157', endColorstr='#f39a00',GradientType=0 ); /* IE6-9 */
  2683. -moz-border-radius-topleft: 0px;
  2684. -moz-border-radius-topright: 3px;
  2685. -moz-border-radius-bottomright: 3px;
  2686. -moz-border-radius-bottomleft: 0px;
  2687. -webkit-border-radius: 0px 3px 3px 0px;
  2688. border-radius: 0px 3px 3px 0px; height:27px;
  2689. height:27px;
  2690. padding-bottom:3px;
  2691. border:none;
  2692. color:#7c3400;
  2693. font-weight:bold;
  2694. text-shadow:0 -1px 0 #ffc562;
  2695. cursor:pointer;
  2696. }
  2697. .sidebar .newsletter .nsb:hover {
  2698. color:#000;
  2699. }
  2700.  
  2701. /* Posts Widget */
  2702. .sidebar .widget ul.blog_posts_widget li {
  2703. padding:15px;
  2704. padding-left:16px;
  2705. background:none;
  2706. overflow:hidden;
  2707. }
  2708.  
  2709. .sidebar .widget ul.blog_posts_widget li img {
  2710. padding:4px;
  2711. border:1px solid #eee;
  2712. margin-bottom:0;
  2713. margin-right:15px;
  2714. }
  2715. .sidebar .widget ul.blog_posts_widget li p {
  2716. margin-bottom:0px;
  2717. }
  2718.  
  2719. .sidebar .widget ul.blog_posts_widget li .pw_time {
  2720. color: #BDBFC5;
  2721. font-size: 11px;
  2722. }
  2723. .widget ul.blog_posts_widget li img.alignleft {
  2724. margin-bottom:0;
  2725. }
  2726. /* posts images */
  2727. .sidebar .widget .mom_posts_images {
  2728. overflow:hidden;
  2729. margin-left:8px;
  2730. margin-top:9px;
  2731. margin-bottom:-9px;
  2732. margin-right:-20px;
  2733. }
  2734. .sidebar .widget .mom_posts_images div {
  2735. float: left;
  2736. margin: 0 20px 20px 0;
  2737. }
  2738.  
  2739. .sidebar .widget .mom_posts_images img {
  2740. height: 65px;
  2741. width: 65px;
  2742. }
  2743. .sidebar .mom_posts_images div.last {
  2744. margin: 0 0 10px;
  2745. }
  2746. .sidebar .mom_posts_images div a {
  2747. display: block;
  2748. float: left;
  2749. height: 65px;
  2750. margin: 0;
  2751. width: 65px;
  2752. padding:4px;
  2753. border:1px solid #eeeeee;
  2754. }
  2755.  
  2756. .rc_img img {
  2757. float:left;
  2758. margin-bottom:0.5em;
  2759. margin-left:0;
  2760. margin-right:1.5em;
  2761. margin-top:0;
  2762. }
  2763. /* Tabbed Widget */
  2764. .tabbed_widget ul.tabbed_nav {
  2765. margin-bottom:0;
  2766. padding:0;
  2767. overflow:hidden;
  2768. margin-bottom:10px;
  2769. }
  2770. .tabbed_widget ul.tabbed_nav li {
  2771. float:left;
  2772. padding:0;
  2773. background: #e0e0e0;
  2774. border-bottom:none;
  2775. width:25%;
  2776.  
  2777. }
  2778. .tabbed_widget ul.tabbed_nav li.tabbed3 {
  2779. width:30%;
  2780. }
  2781. .tabbed_widget ul.tabbed_nav li.tabbed4 {
  2782. width:20%;
  2783. }
  2784. .tabbed_widget ul.tabbed_nav li a {
  2785. display:block;
  2786. line-height: 37px;
  2787. text-align: center;
  2788. border-right-style:solid;
  2789. border-color:#d3d3d3;
  2790. border-right-width:1px;
  2791. border-bottom:1px solid #d3d3d3;
  2792. font-family:'Play' !important;
  2793. font-size:14px;
  2794. }
  2795. .tabbed_widget ul.tabbed_nav li a:hover {
  2796. background:#fff;
  2797. }
  2798. .tabbed_widget ul.tabbed_nav li a.current {
  2799. background:#fff;
  2800. border-bottom:none;
  2801. }
  2802. .tabbed_widget ul.tabbed_nav li:last-child a {
  2803. border-right:none;
  2804. }
  2805. .tabbed_tag {
  2806. padding-top:10px;
  2807.  
  2808. }
  2809.  
  2810. /* Social Counter */
  2811. .mom_social_counters {
  2812. border:1px solid #dfdfdf;
  2813. overflow:hidden;
  2814. margin:6px;
  2815. }
  2816. .mom_social_counters .sc_item {
  2817. float:left;
  2818. width:33.33%;
  2819. text-align:center;
  2820.  
  2821. }
  2822.  
  2823. .mom_social_counters .sc_item a, .mom_social_counters .sc_item span {
  2824. display:block;
  2825. }
  2826.  
  2827. .mom_social_counters .sc_item .social_box {
  2828. border-right:1px solid #e9e9e9;
  2829. padding:12px 0;
  2830. }
  2831. .mom_social_counters .sc_item:last-child .social_box {
  2832. border:none;
  2833. }
  2834. .mom_social_counters .sc_item .social_box span {
  2835. color:#a4a5aa;
  2836. font-family:'Play' !important;
  2837. font-size:13px;
  2838. }
  2839. .mom_social_counters .sc_item .social_box span.social-box-count {
  2840. font-size:20px;
  2841. font-weight:bold;
  2842. color:#40454d;
  2843. }
  2844.  
  2845. /**********************************************************
  2846. * Footer Widgets
  2847. ********************************************************/
  2848.  
  2849. /* Multi Column Categories */
  2850.  
  2851. #footer .widget ul.cat_w_list li {
  2852. padding:0;
  2853. line-height:33px;
  2854. background:none;
  2855. width:50%;
  2856. float:left;
  2857. text-transform:capitalize;
  2858. }
  2859. /* Posts Widget */
  2860. #footer .widget ul.blog_posts_widget li {
  2861. padding:10px 0;
  2862. background:none;
  2863. overflow:hidden;
  2864. }
  2865.  
  2866. #footer .widget ul.blog_posts_widget li img {
  2867. border:3px solid #fff;
  2868. margin-bottom:0;
  2869. margin-right:10px;
  2870. width:45px;
  2871. height:45px;
  2872. }
  2873. #footer .widget ul.blog_posts_widget li p {
  2874. margin-bottom:0px;
  2875. }
  2876.  
  2877. #footer .widget ul.blog_posts_widget li span {
  2878. display:none;
  2879. }
  2880.  
  2881. /* posts images */
  2882. #footer .widget .mom_posts_images {
  2883. overflow:hidden;
  2884. margin:-4px;
  2885. margin-right:-11px;
  2886. margin-bottom:-10px;
  2887. }
  2888. #footer .widget .mom_posts_images div {
  2889. float: left;
  2890. margin: 0 6px 6px 0;
  2891. }
  2892. #footer .widget .mom_posts_images img {
  2893. height: 59px;
  2894. width: 59px;
  2895. }
  2896. #footer .mom_posts_images div.last {
  2897. margin: 0 0 10px;
  2898. }
  2899. #footer .mom_posts_images div a {
  2900. display: block;
  2901. float: left;
  2902. height: 59px;
  2903. margin: 0;
  2904. width: 59px;
  2905. border:3px solid #fff;
  2906. }
  2907. /* twitter */
  2908. #footer .widget .tweet_list li {
  2909. padding-left:26px;
  2910. background:url(images/twitter_icon.png) no-repeat 0px 14px;
  2911. }
  2912. /* Flickr */
  2913. #footer .widget .flickr_badge_wrapper {
  2914. overflow:hidden;
  2915. margin:-5px;
  2916. margin-right:-12px;
  2917. margin-bottom:-10px;
  2918. }
  2919. #footer .widget .flickr_badge_wrapper div {
  2920. float: left;
  2921. margin: 0 6px 6px 0;
  2922. }
  2923. #footer .widget .flickr_badge_wrapper img {
  2924. height: 59px;
  2925. width: 59px;
  2926. }
  2927. #footer .flickr_badge_wrapper div.last {
  2928. margin: 0 0 10px;
  2929. }
  2930. #footer .flickr_badge_wrapper div a {
  2931. display: block;
  2932. float: left;
  2933. height: 59px;
  2934. margin: 0;
  2935. width: 59px;
  2936. padding:0px;
  2937. border:3px solid #fff;
  2938. }
  2939. /* Post elements */
  2940.  
  2941. pre, code {
  2942. font: 11px/19px Consolas,"Andale Mono",Courier,"Courier New",monospace;
  2943. padding:5px;
  2944. }
  2945. pre, code {
  2946. background: url("images/bg-code.gif") repeat scroll 0 0 transparent;
  2947. border: 1px solid #DDDDDD;
  2948. margin: 30px 0 40px;
  2949. overflow-x: visible;
  2950. overflow-y: hidden;
  2951. }
  2952.  
  2953. .single_article_content ol, .single_article_content ul {
  2954. list-style-position: outside;
  2955. margin-left: 2.35em;
  2956. margin-bottom:25px;
  2957. }
  2958. .single_article_content ol {
  2959. list-style-type: decimal;
  2960. }
  2961. .single_article_content ul {
  2962. list-style-type: disc;
  2963. }
  2964.  
  2965. .single_article_content blockquote {
  2966. background: url("images/quote.png") no-repeat scroll left top transparent;
  2967. font-family: Georgia,"Times New Roman",Times,serif;
  2968. font-size: 12px;
  2969. font-style: italic;
  2970. line-height: 22px;
  2971. margin: 0 0 30px 50px;
  2972. padding: 0 50px;
  2973. }
  2974. .single_article_content blockquote.alignleft {
  2975. margin: 5px 20px 0 11px;
  2976. width: 220px;
  2977. }
  2978.  
  2979. .single_article_content blockquote.alignright {
  2980. margin: 5px 0 0 31px;
  2981. width: 220px;
  2982. }
  2983.  
  2984.  
  2985. /*--------------------------------------------------*/
  2986. /* Contact Form
  2987. /*-------------------------------------------------*/
  2988. .contact_form p{
  2989. margin-bottom:0;
  2990. }
  2991. .contact_form label{
  2992. display:block;
  2993. margin-bottom:10px;
  2994. }
  2995. .contact_form input, .contact_form textarea {
  2996. margin-bottom:20px;
  2997. background:#fbfbfb;
  2998. border:1px solid #ebebeb;
  2999. -webkit-border-radius: 2px;
  3000. -moz-border-radius: 2px;
  3001. border-radius: 2px;
  3002. color:#8c8c8c;
  3003. -webkit-box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  3004. -moz-box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  3005. box-shadow: inset 1px 1px 2px 0px #e9e9e9;
  3006. }
  3007. .contact_form input:focus, .contact_form textarea:focus {
  3008. background:#fff;
  3009. }
  3010. .contact_form input {
  3011. height:30px;
  3012. width:55%;
  3013. padding:0 5px;
  3014. }
  3015.  
  3016. .contact_form textarea{
  3017. margin-bottom:10px;
  3018. padding:10px;
  3019. width:589px;
  3020. height:150px;
  3021. font-family:arial;
  3022. }
  3023. .contact_form .send_comment {
  3024. }
  3025. .contact_form .error {
  3026. color:#a50000;
  3027. margin-left:5px;
  3028. }
  3029. .contact_form .message_error {
  3030. float:right;
  3031. margin-right:10px;
  3032. }
  3033.  
  3034. /* Pagination */
  3035. .pagination {
  3036. margin-bottom:15px;
  3037. }
  3038. .pagination a, .pagination span {
  3039. color:#b8b8b8;
  3040. display:inline-block;
  3041. width:25px;
  3042. height:25px;
  3043. line-height:25px;
  3044. text-align:center;
  3045. margin-left:10px;
  3046. font-size:15px;
  3047. }
  3048. .pagination a:hover {
  3049. color:#70747a;
  3050. }
  3051. .pagination span.current {
  3052. border:1px solid #e0e0e0;
  3053. background:#fff;
  3054. color:#70747a;
  3055. -webkit-border-radius: 3px;
  3056. -moz-border-radius: 3px;
  3057. border-radius: 3px;
  3058. }
  3059. /*
  3060. * Skin for jPlayer Plugin (jQuery JavaScript Library)
  3061. * http://www.happyworm.com/jquery/jplayer
  3062. *
  3063. * Skin Name: Blue Monday
  3064. *
  3065. * Copyright (c) 2010 Happyworm Ltd
  3066. * Dual licensed under the MIT and GPL licenses.
  3067. * - http://www.opensource.org/licenses/mit-license.php
  3068. * - http://www.gnu.org/copyleft/gpl.html
  3069. *
  3070. * Author: Luke McDonald (lukemcdonald.com)
  3071. * Skin Design: Orman Clark (premiumpixels.com)
  3072. * Skin Version: 3.0 (jPlayer 2.0.0)
  3073. * Date: 20th December 2010
  3074. */
  3075. .jp-jplayer img {
  3076. border:none !important;
  3077. padding:0 !important;
  3078. max-width:609px !important;
  3079.  
  3080. }
  3081. div.jp-audio {
  3082. font-size: 1em;
  3083. font-family: Verdana, Arial, sans-serif;
  3084. color: #fff;
  3085. line-height: 1.6;
  3086. }
  3087.  
  3088. div.jp-audio {
  3089. width: 609px;
  3090. }
  3091.  
  3092. div.jp-interface {
  3093. position: relative;
  3094. width: 100%;
  3095. background: rgb(58,59,60);
  3096. background: url(jplayer-black-and-yellow.png) 0 -210px;
  3097. background: -webkit-gradient(
  3098. linear,
  3099. left bottom,
  3100. left top,
  3101. color-stop(0, rgb(34,34,34)),
  3102. color-stop(1, rgb(58,59,60))
  3103. );
  3104. background: -moz-linear-gradient(
  3105. center bottom,
  3106. rgb(34,34,34) 0%,
  3107. rgb(58,59,60) 100%
  3108. );
  3109.  
  3110. -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  3111. -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  3112. box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  3113.  
  3114. }
  3115. div.jp-audio div.jp-type-single div.jp-interface {
  3116. height: 30px;
  3117. }
  3118.  
  3119. div.jp-interface ul.jp-controls {
  3120. list-style-type: none;
  3121. padding: 0;
  3122. margin: 0;
  3123. }
  3124. div.jp-interface ul.jp-controls li {
  3125. display: inline;
  3126. }
  3127. div.jp-interface ul.jp-controls a {
  3128. position: absolute;
  3129. overflow: hidden;
  3130. text-indent: -9999px;
  3131. }
  3132.  
  3133. a.jp-play,
  3134. a.jp-pause {
  3135. width: 33px;
  3136. height: 30px;
  3137. z-index: 1;
  3138. outline: none;
  3139. }
  3140. div.jp-audio div.jp-type-single a.jp-play,
  3141. div.jp-audio div.jp-type-single a.jp-pause {
  3142. top: 0;
  3143. left: 0;
  3144. border-right: 1px solid rgb(36,37,38);
  3145. }
  3146. a.jp-play {
  3147. background: url("images/jplayer-black-and-yellow.png") 0 0 no-repeat;
  3148. }
  3149. a.jp-play:hover {
  3150. background: url("images/jplayer-black-and-yellow.png") -33px 0 no-repeat;
  3151. }
  3152. a.jp-pause {
  3153. background: url("images/jplayer-black-and-yellow.png") 0 -30px no-repeat;
  3154. display: none;
  3155. }
  3156. a.jp-pause:hover {
  3157. background: url("images/jplayer-black-and-yellow.png") -33px -30px no-repeat;
  3158. }
  3159.  
  3160. div.jp-progress-container {
  3161. position: absolute;
  3162. top: 0;
  3163. left: 34px;
  3164. width: 468px;
  3165. height: 6px;
  3166. padding: 12px 10px;
  3167. border-left: 1px solid rgb(50,51,52);
  3168. border-right: 1px solid rgb(36,37,38);
  3169. }
  3170. div.jp-progress {
  3171. position: absolute;
  3172. overflow:hidden;
  3173. }
  3174. div.jp-audio div.jp-type-single div.jp-progress {
  3175. width: 466px;
  3176. height: 7px;
  3177. padding: 1px;
  3178. background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
  3179. }
  3180.  
  3181. div.jp-seek-bar {
  3182. width: 0px;
  3183. height: 5px;
  3184. cursor: pointer;
  3185. background: url("images/jplayer-black-and-yellow.png") 0 -163px repeat-x;
  3186. -webkit-border-radius: 1px;
  3187. -moz-border-radius: 1px;
  3188. border-radius: 1px;
  3189. }
  3190. div.jp-play-bar {
  3191. width: 0px;
  3192. height: 5px;
  3193. background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
  3194. -webkit-border-radius: 1px;
  3195. -moz-border-radius: 1px;
  3196. border-radius: 1px;
  3197. }
  3198.  
  3199. /* The seeking class is added/removed inside jPlayer
  3200. div.jp-seeking-bg {
  3201. background: url("pbar-ani.gif");
  3202. }
  3203. */
  3204.  
  3205. div.jp-volume-bar-container {
  3206. position: absolute;
  3207. top: 0;
  3208. left: 524px;
  3209. width: 40px;
  3210. height: 6px;
  3211. padding: 12px 10px;
  3212. border-left: 1px solid rgb(50,51,52);
  3213. }
  3214. div.jp-volume-bar {
  3215. position: relative;
  3216. overflow: hidden;
  3217. background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
  3218. width: 40px;
  3219. height: 9px;
  3220. cursor: pointer;
  3221. }
  3222. div.jp-audio div.jp-type-single div.jp-volume-bar {
  3223. top: 0;
  3224. left: 20px;
  3225. }
  3226.  
  3227. div.jp-volume-bar-value {
  3228. width: 0px;
  3229. height: 5px;
  3230. margin: 1px;
  3231. background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
  3232. -webkit-border-radius: 1px;
  3233. -moz-border-radius: 1px;
  3234. border-radius: 1px;
  3235. }
  3236.  
  3237. a.jp-mute,
  3238. a.jp-unmute {
  3239. width: 17px;
  3240. height: 13px;
  3241. z-index: 1;
  3242. outline: none;
  3243. }
  3244. div.jp-audio div.jp-type-single a.jp-mute,
  3245. div.jp-audio div.jp-type-single a.jp-unmute {
  3246. top: 9px;
  3247. left: 533px;
  3248. }
  3249.  
  3250. a.jp-mute {
  3251. background: url("images/jplayer-black-and-yellow.png") -10px -68px no-repeat;
  3252. }
  3253. a.jp-mute:hover {
  3254. background: url("images/jplayer-black-and-yellow.png") -43px -68px no-repeat;
  3255. }
  3256. a.jp-unmute {
  3257. background: url("images/jplayer-black-and-yellow.png") -10px -98px no-repeat;
  3258. display: none;
  3259. }
  3260. a.jp-unmute:hover {
  3261. background: url("images/jplayer-black-and-yellow.png") -43px -98px no-repeat;
  3262. }
  3263.  
  3264. div.jp-jplayer {
  3265. width:0px;
  3266. height:0px;
  3267. }
  3268.  
  3269. div.jp-jplayer {
  3270. background-color: #000000;
  3271. }
  3272.  
  3273. .jp-audio-container {
  3274. margin-bottom:20px;
  3275. direction:ltr;
  3276.  
  3277. }
  3278.  
  3279. /*404 page*/
  3280. .page_404 {
  3281. text-align:center;
  3282. margin-top:270px;
  3283. }
  3284. .page_404 p {
  3285. font-size:33px;
  3286. }
  3287. .page_404 a {
  3288. color:#a50000;
  3289. }
  3290. .page_404 a:hover {
  3291. color:#e6e6e6;
  3292. }
  3293.  
  3294.  
  3295. /* News Tickets */
  3296. .ticker_widget {
  3297. border:1px solid #e0e0e0;
  3298. background:#fff;
  3299. padding:0 10px;
  3300. overflow:hidden;
  3301. position:relative;
  3302. line-height:37px;
  3303. height:37px;
  3304. clear:both;
  3305. }
  3306. .ticker_widget .right_arrow {
  3307. width: 20px;
  3308. height: 37px;
  3309. background:url(images/right_arrow.png) no-repeat;
  3310. position:absolute;
  3311. left:0;
  3312. top:0;
  3313. }
  3314.  
  3315. ul#ticker01 {
  3316. margin-bottom:0;
  3317. }
  3318. ul#ticker01 li {
  3319. float:left;
  3320. display:none;
  3321. margin-right:10px;
  3322. line-height:35px;
  3323. }
  3324. ul#ticker01 li a {
  3325. color:#a4a5aa;
  3326. font-family:'Play' !important;
  3327. font-size:13px;
  3328. font-weight:normal;
  3329. }
  3330. ul#ticker01 li a:hover {
  3331. color:#a50000;
  3332. }
  3333. ul#ticker01 li span {
  3334. color: #7F7F7F;
  3335. font-family:'Play' !important;
  3336. font-size: 17px;
  3337. margin-right: 10px;
  3338. }
  3339. .tickercontainer { /* the outer div with the black border */
  3340. height: 27px;
  3341. margin: 0;
  3342. padding: 0;
  3343. overflow: hidden;
  3344. }
  3345. .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  3346. position: relative;
  3347. left: 10px;
  3348. top: 0;
  3349. width: 978px;
  3350. overflow: hidden;
  3351. }
  3352. ul.newsticker { /* that's your list */
  3353. position: relative;
  3354. left: 950px;
  3355. list-style-type: none;
  3356. margin: 0;
  3357. padding: 0;
  3358.  
  3359. }
  3360. ul.newsticker li {
  3361. float: left; /* important: display inline gives incorrect results when you check for elem's width */
  3362. margin: 0;
  3363. padding: 0;
  3364. line-height:37px;
  3365. display:block !important;
  3366. }
  3367. ul.newsticker a {
  3368. white-space: nowrap;
  3369. padding: 0;
  3370. }
  3371. ul.newsticker span {
  3372. margin: 0 10px 0 0;
  3373. }
  3374. /*--------------------------------------------------*/
  3375. /* breadcrumbs
  3376. /*-------------------------------------------------*/
  3377. #crumbs {
  3378. padding-bottom:5px;
  3379. margin-bottom:10px;
  3380. border-bottom:1px solid #e0e0e0;
  3381. font-family:'Play' !important;
  3382. font-size:13px;
  3383. }
  3384.  
  3385. #crumbs a {
  3386. }
  3387. #crumbs a:hover {
  3388.  
  3389. }
  3390. #crumbs .delimiter {
  3391. font-family:'Play' !important;
  3392. font-size:14px;
  3393. margin:0 5px;
  3394. }
  3395. .box_banner {
  3396. margin-bottom:20px;
  3397. }
  3398. .fluid-width-video-wrapper {
  3399. margin-bottom: 20px;
  3400. }
  3401. .mobileTopMenu_wrap, .mobileMainMenu_wrap {
  3402. display: none;
  3403. }
  3404. .cat_mob {
  3405. display: none;
  3406. }
  3407.  
  3408. /*--------------------------------------------------*/
  3409. /* Builder
  3410. /*-------------------------------------------------*/
  3411. .full_width_page_builder .newsboxs .news_box .news_box_left {
  3412. width:662px;
  3413. }
  3414. .full_width_page_builder .newsboxs .news_box .recent_news_img {
  3415. text-align: center;
  3416. border: none;
  3417. padding: 0;
  3418. display: block;
  3419. }
  3420. .full_width_page_builder .newsboxs .news_box .recent_news_img a{
  3421. border: 1px solid #EEEEEE;
  3422. margin-right: 0;
  3423. padding: 4px;
  3424. display: inline-block;
  3425. }
  3426. .full_width_page_builder .newsboxs .news_box .recent_news_img img {
  3427. width: 300px;
  3428. height: auto;
  3429.  
  3430. }
  3431. .full_width_page_builder div.nb_col2 {
  3432. width: 49%;
  3433. margin-left: 2%;
  3434. }
  3435. .full_width_page_builder div.nb_col2:nth-child(2n+1) {
  3436. clear: both;
  3437. margin-left: 0;
  3438. margin-right: 0;
  3439. }
  3440.  
  3441. .full_width_page_builder .cat_article_warap {
  3442. width: 855px;
  3443. }
  3444.  
  3445. .full_width_page_builder .scrollable {
  3446. width: 976px;
  3447. height: 250px;
  3448. }
  3449.  
  3450. .full_width_page_builder .latest_vids_wrap .four_items {
  3451. width: 976px;
  3452. }
  3453. .full_width_page_builder .lates_video_item {
  3454. width: 213px;
  3455. height: 220px;
  3456. }
  3457. .full_width_page_builder .lates_video_item img {
  3458. width: 213px;
  3459. height: auto
  3460. }
  3461. .full_width_page_builder .news_pictures .news_pictures_list li img {
  3462. width: 76px;
  3463. height: 76px;
  3464. }
  3465. .mom_cc_block {
  3466. padding: 20px;
  3467. }
  3468. .mom_cc_block p:last-child {
  3469. margin-bottom: 0;
  3470. }
  3471. .flags_language_selector {
  3472. float: right;
  3473. }
  3474. .flags_language_selector img{
  3475. margin-left: 2px;
  3476. margin-top: 5px;
  3477. width: 24px;
  3478. height: 24px;
  3479. }
  3480.  
  3481.  
  3482. /*--------------------------------------------------*/
  3483. /* Review
  3484. /*-------------------------------------------------*/
  3485. .mom_review_wrap {
  3486. background: #eee;
  3487. border: 1px solid #e0e0e0;
  3488. border-bottom-width: 3px;
  3489. padding-bottom: 4px;
  3490. margin-bottom: 15px;
  3491. clear: both;
  3492. }
  3493. .rt_float {
  3494. float: left;
  3495. width: 340px;
  3496. margin-right:15px;
  3497. }
  3498.  
  3499. h3.mom_rt_head {
  3500. background: #40454d;
  3501. color: #fff;
  3502. line-height: 32px;
  3503. height: 31px;
  3504. font-size: 17px !important;
  3505. font-family:'Play' !important;
  3506. text-transform: uppercase;
  3507. margin: -1px;
  3508. padding: 0 11px;
  3509. margin-bottom: 5px;
  3510. }
  3511.  
  3512. .rt_results {
  3513. margin-bottom: 5px;
  3514. }
  3515.  
  3516. .mom_rt_cr_percent {
  3517. margin-left: -1px;
  3518. margin-right: -1px;
  3519. margin-bottom: 2px;
  3520. background: #e6e6e6;
  3521. }
  3522. .rt_cr_per {
  3523. background: #686c72;
  3524. display: block;
  3525. height: 40px;
  3526. line-height: 40px;
  3527. }
  3528. .mom_rt_cr_percent:hover .rt_cr_per {
  3529. background: #40454d;
  3530. }
  3531. .mom_rt_cr_percent:hover .rt_cr_per .rt_cr_desc {
  3532. color: #fff;
  3533. }
  3534. .rt_cr_desc {
  3535. font-size: 15px !important;
  3536. font-family:'Play' !important;
  3537. text-transform: uppercase;
  3538. margin:0 11px;
  3539. color: #fff;
  3540. }
  3541.  
  3542. .rt_summary {
  3543. overflow: hidden;
  3544. margin-left: -1px;
  3545. margin-right: -1px;
  3546. }
  3547. .summary_content {
  3548. background: #f6a213;
  3549. color: #fff;
  3550. height: 99px;
  3551. margin-right: 107px;
  3552. }
  3553. .summary_content p {
  3554. margin-bottom: 0;
  3555. padding: 13px 15px;
  3556. font-size: 13px;
  3557. line-height: 1.4;
  3558. }
  3559. .rt_score {
  3560. float: right;
  3561. margin-left: 2px;
  3562. width:105px;
  3563. background: #f6a213;
  3564. color: #fff;
  3565. height: 99px;
  3566. text-align: center;
  3567. }
  3568.  
  3569. .rt_score .score {
  3570. font-weight: bold;
  3571. font-family: arial;
  3572. font-size: 34px;
  3573. line-height: 70px;
  3574. }
  3575.  
  3576. .rt_score .score_title {
  3577. background: #40454d;
  3578. height: 29px;
  3579. line-height: 29px;
  3580. text-transform: uppercase;
  3581. font-weight: bold;
  3582. }
  3583.  
  3584. .rt_footer {
  3585. background: #40454d;
  3586. padding: 3px 11px;
  3587. margin-left: -1px;
  3588. margin-right: -1px;
  3589. margin-top: 2px;
  3590. text-align: center;
  3591. color: #fff;
  3592. line-height: 28px;
  3593. }
  3594. /*Stars Rating*/
  3595.  
  3596. .mom_rt_cr_stars {
  3597. background: #686c72;
  3598. line-height: 40px;
  3599. height: 40px;
  3600. margin-bottom: 2px;
  3601. margin-left: -1px;
  3602. margin-right: -1px;
  3603. }
  3604. .mom_rt_cr_stars:hover {
  3605. background-color: #40454d;
  3606. }
  3607. .mom_rt_cr_stars:hover .rt_cr_desc {
  3608. color: #fff;
  3609. }
  3610.  
  3611. .rt_stars {
  3612. float: right;
  3613. width:87px;
  3614. height: 15px;
  3615. margin-top: 12px;
  3616. margin-right: 12px;
  3617. background: url(images/stars.png) no-repeat;
  3618. }
  3619. .mom_rt_cr_stars:hover .rt_stars_rate {
  3620. background-color: #40454d;
  3621. }
  3622. .rt_stars_rate {
  3623. height: 15px;
  3624. background: #686c72 url(images/stars.png) no-repeat 0 bottom;
  3625. float: left;
  3626. }
  3627.  
  3628. .star_score {
  3629. line-height: 70px;
  3630. height: 40px;
  3631. font-size: 34px;
  3632. }
  3633. .star_score_title {
  3634. height: 30px;
  3635. line-height: 37px;
  3636. overflow: hidden;
  3637. text-transform: uppercase;
  3638. }
  3639.  
  3640. .rt_score .rt_stars {
  3641. margin-top: 7px;
  3642. margin-right: 9px;
  3643. }
  3644. .rt_score .rt_stars_rate {
  3645. background-color: #40454d;
  3646. }
  3647.  
  3648.  
  3649. /* posts review */
  3650. .rt_post_rev {
  3651. background-color: #272829;
  3652. padding : 5px;
  3653. overflow: hidden;
  3654. position: absolute;
  3655. right: 0;
  3656. bottom: 0;
  3657.  
  3658. }
  3659. .rt_stars_post {
  3660. float: right;
  3661. width:87px;
  3662. height: 15px;
  3663. background: url(images/stars.png) no-repeat;
  3664. }
  3665. .rt_stars_post_rate {
  3666. height: 15px;
  3667. background: #272829 url(images/stars.png) no-repeat 0 bottom;
  3668. float: left;
  3669. }
  3670.  
  3671. .percent_post {
  3672. font-size: 14px;
  3673. font-family:'Play' !important;
  3674. color:#f6a213;
  3675. padding: 0 5px;
  3676. }
  3677.  
  3678. .rt_nb_rev {
  3679. margin: 0 5px;
  3680. background: #a50000;
  3681. display: inline-block;
  3682. line-height: 15px;
  3683. position: relative;
  3684. top: -6px;
  3685. }
  3686. .rt_nb_rev .percent_post {
  3687. color: #fff !important;
  3688. }
  3689. .rt_nb_rev .rt_stars_post {
  3690. float: right;
  3691. width:58px;
  3692. height: 10px;
  3693. background: url(images/stars-small.png) no-repeat;
  3694. }
  3695. .rt_nb_rev .rt_stars_post_rate {
  3696. height: 10px;
  3697. background:url(images/stars-small.png) no-repeat 0 bottom;
  3698. float: left;
  3699. }
  3700.  
  3701. .rt_nb_star {
  3702. top:-1px;
  3703. background: none;
  3704. }
  3705.  
  3706.  
  3707. /* Table
  3708. __________________ */
  3709.  
  3710. .single_article_content table {
  3711. border-collapse: collapse;
  3712. margin: 15px 0;
  3713. width: 100%;
  3714. border: 1px solid #e0e0e0;
  3715. border-bottom: none;
  3716. border-right: none;
  3717. }
  3718. .single_article_content table tr {
  3719. border-bottom: 1px solid #e0e0e0;
  3720. }
  3721. .single_article_content table th {
  3722. color: #404040;
  3723. font-family: play;
  3724. font-size: 15px;
  3725. line-height: 24px;
  3726. text-align: center;
  3727. text-transform: uppercase;
  3728. padding: 10px 0;
  3729. background: #e0e0e0;
  3730. font-weight: normal !important;
  3731. }
  3732. .single_article_content table td {
  3733. font-size: 14px;
  3734. font-weight: normal;
  3735. text-align: center;
  3736. padding: 10px 0;
  3737. border-right: 1px solid #e0e0e0;
  3738. }
  3739. .single_article_content table tfoot td {
  3740. background: #f4f4f4;
  3741. }
  3742. .single_article_content td:first-child {
  3743. font-weight: bold;
  3744. }
  3745. #skypedetectionswf {
  3746. display: none;
  3747. }
Advertisement
Add Comment
Please, Sign In to add comment