SHARE
TWEET

style.css

a guest Jun 30th, 2012 17 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: Collection
  3. Theme URI: http://www.theme-junkie.com/
  4. Author: Theme Junkie
  5. Author URI: http://www.theme-junkie.com/
  6. Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>
  7. Version: 1.0.2
  8. License: GNU General Public License
  9. License URI: license.txt
  10. Tags: custom-background, custom-menu, custom-post-types, post-formats, theme-options, translation-ready
  11. */
  12.  
  13. /*
  14. WARNING! DO NOT EDIT THIS FILE!
  15.  
  16. To make it easy to update your theme, you should not edit the styles in this file. Instead use
  17. the custom.css file to add your styles. You can copy a style from this file and paste it in
  18. custom.css and it will override the style in this file. You have been warned! :)
  19. */
  20.  
  21. @import url("includes/css/reset.css");
  22.  
  23. /* =Global
  24. ----------------------------------------------- */
  25. body,
  26. input,
  27. textarea,
  28. button {
  29.         font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  30. }
  31.  
  32. body {
  33.         background: #f0f0f0;
  34.         color: #777;
  35. }
  36.  
  37. h1,h2,h3,h4,h5,h6 {
  38.         font-weight: normal;
  39.         padding: 0;
  40. }
  41.  
  42. h1 {
  43.         font-size: 24px;
  44.         line-height: 28px;
  45. }
  46.  
  47. h2 {
  48.         font-size: 20px;
  49.         line-height: 22px;
  50.         margin: 0;
  51. }
  52.  
  53. h3 {
  54.         font-size: 16px;
  55.         line-height: 20px;
  56. }
  57.  
  58. h4 {
  59.         font-size: 14px;
  60.         line-height: 18px;
  61.         margin-bottom: 15px;
  62. }
  63.  
  64. h5 {
  65.         font-size: 12px;
  66.         line-height: 18px;
  67. }
  68.  
  69. h6 {
  70.         font-size: 10px;
  71.         line-height: 16px;
  72. }
  73.  
  74. p {
  75.         margin: 0;
  76.         padding: 0;
  77. }
  78.  
  79. /* Links */
  80. a {
  81.         color: #777;
  82.         text-decoration: none;
  83. }
  84.  
  85. a:hover {
  86.         text-decoration: none;
  87. }
  88.  
  89. a img {
  90.         border: none;
  91. }
  92.  
  93. /* Standard Styles */
  94. .hidden {
  95.         display: none;
  96. }
  97.  
  98. .alignleft {
  99.         float: left;
  100. }
  101.  
  102. .alignright {
  103.         float: right;
  104. }
  105.  
  106. .aligncenter {
  107.         clear: both;
  108.         display: block;
  109.         margin-left: auto;
  110.         margin-right: auto;
  111. }
  112.  
  113. .sticky {
  114. }
  115.  
  116. .gallery-caption {
  117. }
  118.  
  119. .bypostauthor {
  120. }
  121.  
  122. /* =MISC Tags
  123. ----------------------------------------------- */
  124. address {
  125.         font-style: italic;
  126. }
  127.  
  128. abbr[title],
  129. acronym[title],
  130. dfn[title] {
  131.         cursor: help;
  132.         border-bottom: 1px dotted #666;
  133. }
  134.  
  135. blockquote {
  136.         font-family: Georgia, "Times New Roman", Times, serif;
  137.         font-style: italic;
  138.         margin: 30px;
  139.         padding-left: 15px;
  140. }
  141.  
  142. strong {
  143.         font-weight: bold;
  144. }
  145.  
  146. em,
  147. dfn,
  148. cite {
  149.         font-style: italic;
  150. }
  151.  
  152. dfn {
  153.         font-weight: bold;
  154. }
  155.  
  156. sup {
  157.         font-size: 11px;
  158.         vertical-align: top;
  159. }
  160.  
  161. sub {
  162.         font-size: 11px;
  163.         vertical-align: bottom;
  164. }
  165.  
  166. small {
  167.         font-size: 11px;
  168. }
  169.  
  170. del {
  171.         text-decoration: line-through;
  172. }
  173.  
  174. ins {
  175.         text-decoration: underline;
  176. }
  177.  
  178. kbd {
  179.         font-weight: bold;
  180. }
  181.  
  182. samp,
  183. var {
  184.         font-style: italic;
  185. }
  186.  
  187. pre {
  188.         clear: both;
  189.         line-height: 19px;
  190.         overflow: auto;
  191.         margin: 30px 0;
  192.         padding: 0 10px;
  193.         white-space: pre;
  194. }
  195.  
  196. table {
  197.         border: 1px solid #ccc;
  198.         border-width: 1px;
  199.         line-height: 18px;
  200.         padding: 0 5px;
  201.         margin: 0 0 22px 0;
  202.         text-align: left;
  203. }
  204.  
  205. table .even {
  206.         background: #ddd;
  207. }
  208.  
  209. caption {
  210.         text-align: left;
  211. }
  212.  
  213. tr {
  214.         border-bottom: 1px solid #ccc;
  215. }
  216.  
  217. th,
  218. td {
  219.         padding: 5px;
  220.         vertical-align: middle;
  221.         text-align: center;
  222. }
  223.  
  224. input,
  225. textarea {
  226.         padding: 5px;
  227. }
  228.  
  229. textarea {
  230.         overflow: auto;
  231. }
  232.  
  233. input:focus,
  234. textarea:focus {
  235.         background: #fffff0 !important;
  236. }
  237.  
  238. button {
  239.         padding: 2px 10px;
  240.         cursor: pointer;
  241. }
  242.  
  243. /* =Site Structure
  244. ----------------------------------------------- */
  245. #container {
  246.         padding: 30px 0 20px 0;
  247.         position: relative;
  248.         float: left;
  249.         width: 100%;
  250. }
  251.  
  252. #primary {
  253.         padding: 0 0 0 290px;
  254.         position: relative;
  255. }
  256.  
  257. .tax-portfolio-type #primary {
  258.         padding: 0 0 0 270px;
  259. }
  260.  
  261. #primary-portfolio {
  262.         padding: 0 0 0 270px;
  263. }
  264.  
  265. .single #primary,
  266. .page #primary, .error404 #primary {
  267.         background: #fff;
  268.         margin: 0 0 0 20px;
  269.         padding: 20px;
  270.         float: left;
  271.         width: 600px;
  272.         border-bottom: 1px solid rgba(35, 35, 35, 0.2);
  273. }
  274.  
  275. #masonry-portfolio,
  276. #masonry {
  277.         width: 100%;
  278.         margin: 0;
  279.         padding: 0;
  280.         list-style: none;
  281. }
  282.  
  283. #content {
  284.         float: left;
  285.         position: relative;
  286.         width: 100%;
  287. }
  288.  
  289. .hfeed {
  290.         margin-bottom: 20px;
  291. }
  292.  
  293. /* =Header
  294. ----------------------------------------------- */
  295. #header {
  296.         display: block;
  297.         width: 100%;
  298.         height: 80px;
  299.         z-index: 200;
  300. }
  301.  
  302. #header-content {
  303.         display: block;
  304.         position: relative;
  305. }
  306.  
  307. /* Logo */
  308. #text-logo {
  309.         float: left;
  310.         padding: 16px 0 0 40px;
  311. }
  312.  
  313. #site-title {
  314.         color: #333;
  315.         font-size: 36px;
  316.         font-weight: bold;
  317.         letter-spacing: -0.05em;
  318.         line-height: 1;
  319.         margin: 0 0 5px 0;
  320. }
  321.  
  322. #site-title a, #site-title a:hover {
  323.         color: #fff;
  324.         text-decoration: none;
  325. }
  326.  
  327. #logo {
  328.         display: inline;
  329.         float: left;
  330.         position: relative;
  331.         margin: 10px 0 0 40px;
  332.         overflow: hidden;
  333. }
  334.  
  335. /* Header Social */
  336. #header-social {
  337.         float: right;
  338.         margin: 0;
  339.         padding: 29px 40px 0 0;
  340.         position: relative;
  341. }
  342.  
  343. #header-social a {
  344.         color: #f0f0f0;
  345.         display: block;
  346.         font-size: 12px;
  347.         position: relative;
  348.         z-index: 100;
  349. }
  350.  
  351. #header-social a:hover {
  352.         color: #ddd;
  353. }
  354.  
  355. li#header-twitter {
  356.         background: url(images/ico-twitter.png) no-repeat;
  357.         float: left;
  358.         padding: 0 20px 0 20px;
  359. }
  360.  
  361. li#header-subscribe {
  362.         background: url(images/ico-rss.png) no-repeat;
  363.         float: left;
  364.         padding: 0 20px 0 20px;
  365. }
  366.  
  367. /* =Header Navigation & Menu
  368. ----------------------------------------------- */
  369. #header-nav {
  370.         padding: 27px 0 0 40px;
  371.         position: relative;
  372.         float: left;
  373.         margin: 0;
  374. }
  375.  
  376. /* Navigation */
  377. .nav {
  378.         z-index: 99;
  379. }
  380.  
  381. .nav a {
  382.         color: #f0f0f0;
  383.         display: block;
  384.         position: relative;
  385.         text-decoration: none;
  386.         z-index: 100;
  387. }
  388.  
  389. .nav a:hover {
  390.         color: #ddd;
  391. }
  392.  
  393. .nav li {
  394.         float: left;
  395.         width: auto;
  396.         list-style: none;
  397.         line-height: 24px;
  398. }
  399.  
  400. .nav li a {
  401.         background: url(images/nav-seperator.png) no-repeat center left;
  402.         display: block;
  403.         font-size: 12px;
  404.         font-weight: bold;
  405.         padding: 0 15px;
  406. }
  407.  
  408. .nav li.first a {
  409.         background: none;
  410. }
  411.  
  412. .nav li:last-child {
  413.         margin-right: 0;
  414. }
  415.  
  416. /* Dropdown menus */
  417. .nav li ul {
  418.         background: #fff !important;
  419.         margin: 5px 0 0;
  420.         padding: 10px 20px 20px;
  421.         position: absolute;
  422.         left: -999em;
  423.         width: 140px;
  424.         z-index: 9999;
  425.         border-bottom: 1px solid rgba(35, 35, 35, 0.2);
  426. }
  427.  
  428. .nav li ul li {
  429.         margin: 0;
  430. }
  431.  
  432. .nav li ul li a {
  433.         background: #fff !important;
  434.         border-bottom: 1px dotted #ddd !important;
  435.         border-left: none;
  436.         border-right: none;
  437.         color: #777;
  438.         display: block !important;
  439.         font-size: 12px;
  440.         font-weight: normal;
  441.         line-height: 32px !important;
  442.         padding: 0 !important;
  443.         width: 140px;
  444. }
  445.  
  446. .nav li ul li:first-child {
  447.         background: url(images/arrow-up.png) no-repeat scroll center top transparent;
  448.         margin-top: -18px;
  449.         padding-top: 10px;
  450. }
  451.  
  452. .nav li ul li ul li:first-child {
  453.         background: none;
  454. }
  455.  
  456. .nav li ul ul {
  457.         margin: -35px 0 0 140px !important;
  458. }
  459.  
  460. .nav li:hover,.nav li.hover {
  461.         position: static;
  462. }
  463.  
  464. .nav li:hover ul ul, .nav li.sfhover ul ul,
  465. .nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
  466. .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
  467.         left: -999em;
  468. }
  469.  
  470. .nav li:hover ul, .nav li.sfhover ul,
  471. .nav li li:hover ul, .nav li li.sfhover ul,
  472. .nav li li li:hover ul, .nav li li li.sfhover ul,
  473. .nav li li li li:hover ul, .nav li li li li.sfhover ul {
  474.         left: auto;
  475. }
  476.  
  477. .nav .sf-sub-indicator {
  478.         display: none;
  479.         background: url(images/arrow-superfish.png) no-repeat;
  480.         position: absolute;
  481.         display: block;
  482.         right: 0.4em;
  483.         top: 44%;
  484.         width: 10px;
  485.         height: 10px;
  486.         text-indent: -999em;
  487.         overflow: hidden;
  488. }
  489.  
  490. .nav li ul .sf-sub-indicator {
  491.         display: none;
  492.         background: url(images/arrow-superfish-right.png) no-repeat;
  493.         top: 38%;
  494. }
  495.  
  496. /* =Content
  497. ----------------------------------------------- */
  498. .entry-content {
  499.         float: left;
  500.         margin: 0;
  501.         line-height: 18px;
  502. }
  503.  
  504. .entry-content a {
  505.         border-bottom: 1px solid #ddd;
  506. }
  507.  
  508. .entry-content a:hover {
  509.         border-bottom-color: #ccc;
  510. }
  511.  
  512. .entry-content h1,
  513. .entry-content h2,
  514. .entry-content h3,
  515. .entry-content h4,
  516. .entry-content h5,
  517. .entry-content h6 {
  518.         margin: 0 0 20px 0;
  519. }
  520.  
  521. .entry-content ul {
  522.         list-style: inside disc;
  523.         margin: 0 0 20px 0;
  524. }
  525.  
  526. .entry-content li {
  527.         margin-bottom: 7px;
  528. }
  529.  
  530. .entry-content ol {
  531.         list-style-type: decimal;
  532.         margin: 0 0 10px 25px; 
  533. }
  534.  
  535. .entry-content ol ol {
  536.         list-style: upper-alpha;
  537. }
  538.  
  539. .entry-content ol ol ol {
  540.         list-style: lower-roman;
  541. }
  542.  
  543. .entry-content ol ol ol ol {
  544.         list-style: lower-alpha;
  545. }
  546.  
  547. .entry-content ul ul,
  548. .entry-content ol ol,
  549. .entry-content ul ol,
  550. .entry-content ol ul {
  551.         margin-bottom: 0;
  552. }
  553.  
  554. .entry-content ul li {
  555.         padding: 3px 0 3px 10px;
  556. }
  557.  
  558. .entry-content ol li {
  559.         padding: 3px 0 3px 0;
  560. }
  561.  
  562. .entry-content li ul {
  563.         margin: 0;
  564.         padding: 0;
  565. }
  566.  
  567. .entry-content pre,
  568. .entry-content code,
  569. .entry-content tt {
  570.         font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
  571.         line-height: 18px;
  572.         background: #f5f5f5;
  573.         display: block;
  574.         overflow: auto;
  575.         padding: 1em;
  576.         color: #666;
  577. }
  578.  
  579. .entry-content hr {
  580.         background: #e6e6e6;
  581.         color: #e6e6e6;
  582.         clear: both;
  583.         width: 100%;
  584.         height: 1px;
  585.         margin: 15px 0;
  586.         border: none;
  587. }
  588.  
  589. .entry-content blockquote {
  590.         margin: 20px 0;
  591.         padding: 15px 15px 1px 15px;
  592.         background: #f5f5f5;
  593.         border: 1px solid #eee;
  594.         border-width: 1px 0;
  595.         font-family: Georgia, serif;
  596. }
  597.  
  598. .entry-content blockquote p {
  599.         color: #666;
  600.         font-style: italic;
  601.         font-size: 1em;
  602. }
  603.  
  604. .hentry {
  605.         background: #fff;
  606.         position: relative;
  607.         margin: 0 0 20px 20px;
  608.         float: left;
  609. }
  610.  
  611. .single .hentry {
  612.         margin: 0;
  613.         position: relative;
  614.         float: left;
  615.         width: 600px;
  616.         box-shadow: none;
  617. }
  618.  
  619. .page .hentry {
  620.         margin: 0 0 10px 0;
  621. }
  622.  
  623. .page-title {
  624.         font-size: 14px;
  625.         font-weight: bold;
  626. }
  627.  
  628. h2.entry-title {
  629.         background: url(images/bg-title.png) repeat;
  630.         display: block;
  631.         font-size: 14px;
  632.         padding: 10px 0 10px 0;
  633.         position: absolute;
  634.         bottom: 0;
  635.         left: 0;
  636.         margin: 0;
  637.         width: 100%;
  638.         z-index: 20;
  639. }
  640.  
  641. .entry-title a {
  642.         color: #dfdcdc;
  643.         font-size: 13px;
  644.         font-weight: bold;
  645.         line-height: 14px;
  646.         margin-left: 10px;
  647. }
  648.  
  649. .entry-title a:hover {
  650.         color: #fff;
  651. }
  652.  
  653. .single-title {
  654.         display: block;
  655.         float: left;
  656.         position: relative;
  657.         width: 100%;
  658. }
  659.  
  660. .post {
  661.         background: #fff;
  662.         margin: 0 20px 20px 0;
  663.         width: 210px; /*360*/
  664.         /*height: 490px; добавлено вручную*/
  665. }
  666.  
  667. .post-thumb {
  668.         background: #fff;
  669.         position: relative;
  670.         float: left;
  671. }
  672.  
  673. .post-thumb a {
  674.         display: block;
  675.         position: relative;
  676. }
  677.  
  678. .post-thumb a,
  679. .post-thumb a img {
  680.         float: left;
  681.         overflow: hidden;
  682. }
  683.  
  684.  
  685. #overlay-inner a:hover {
  686.         padding: 1px 3px;
  687.         margin: -1px -3px;
  688. }
  689.  
  690. img.alignleft {
  691.         float: left;
  692.         margin: 10px 25px 20px 0;
  693. }
  694.  
  695. img.alignright {
  696.         display: block;
  697.         margin: 10px 0 25px 20px;
  698. }
  699.  
  700. img.aligncenter {
  701.         clear: both;
  702.         display: block;
  703.         margin-left: auto;
  704.         margin-right: auto;
  705.         margin-top: 5px;
  706. }
  707.  
  708. .wp-caption {
  709.         text-align: center;
  710.         margin: 10px 20px 20px 20px;
  711.         font-family: Georgia, "Times New Roman", Times, serif;
  712.         font-style: italic;
  713. }
  714.  
  715. .wp-caption img,
  716. .wp-caption img a {
  717.         margin: 0;
  718.         padding: 0;
  719.         border: 0 none;
  720. }
  721.  
  722. .wp-caption
  723. .wp-caption-text {
  724.         margin: 0;
  725.         padding: 5px;
  726. }
  727.  
  728. .wp-smiley {
  729.         max-height: 13px;
  730.         margin: 0 !important;
  731. }
  732.  
  733. /* Author BIO Box */
  734. .entry-author {
  735.         background: #fcfcfc;
  736.         margin: 15px 0 0 0;
  737.         padding: 15px;
  738.         border-top: 1px dotted #ddd;
  739. }
  740.  
  741. .entry-author p a {
  742.         border-bottom: 1px solid #e6e6e6;
  743. }
  744.  
  745. .author-avatar {
  746.         float: left;
  747.         display: inline;
  748.         margin: 0 15px 10px 0;
  749. }
  750.  
  751. /* =Porrtfolio
  752. ----------------------------------------------- */
  753. .portfolio {
  754.         background: #fff;
  755. }
  756.  
  757. .portfolio .entry-content {
  758.         padding: 20px 0 0 0;
  759. }
  760.  
  761. .tax-portfolio-type .hentry,
  762. .page.page-template-template-portfolio-php .hentry {
  763.         background: #fff;
  764.         overflow: hidden;
  765.         margin: 0 0 20px 20px;
  766.         float: left;
  767. }
  768.  
  769. .tax-portfolio-type .hentry,
  770. .has-excerpt .hentry {
  771.         padding-bottom: 10px;
  772. }
  773.  
  774. .no-excerpt .hentry {
  775.         padding: 5px;
  776. }
  777.  
  778. .tax-portfolio-type a .overlay .icon,
  779. .page.page-template-template-portfolio-php a .overlay .icon {
  780.         left: 46%;
  781. }
  782.  
  783. .entry-excerpt {
  784.         clear: both;
  785.         display: none;
  786.         padding: 0 5px 5px 5px;
  787.         position: absolute;
  788.         left: 0;
  789.         bottom: 0;
  790.         z-index: 20;
  791. }
  792.  
  793. .entry-excerpt p {
  794.         color: #333333;
  795.         font-size: 12px;
  796. }
  797.  
  798. .tax-portfolio-type {
  799.         padding: 0;
  800.         font-size: 11px;
  801. }
  802.  
  803. div.single-portfolio {
  804.         float: left;
  805.         margin: 10px 0;
  806. }
  807.  
  808. .video-portfolio {
  809.         margin: 20px 0 0 0;
  810. }
  811.  
  812. span.icon-video {
  813.         background: url(images/ico-video.png) no-repeat;
  814.         display: block;
  815.         opacity: 0.4;
  816.         position: absolute;
  817.         top: 50%;
  818.         left: 50%;
  819.         margin-top: -12px;
  820.         margin-left: -12px;
  821.         width: 24px;
  822.         height: 24px;
  823.         z-index: 10;
  824. }
  825.  
  826. /* Portfolio Post */
  827. .portfolio-post {
  828.         display: block;
  829.         position: relative;
  830.         float: left;
  831. }
  832.  
  833. h2.portfolio-post-title {
  834.         display: block;
  835.         width: 100%;
  836.         height: 20px;
  837.         line-height: 20px;
  838.         overflow: hidden;
  839.         padding: 12px 0 0 0;
  840. }
  841.  
  842. .portfolio-post-title a {
  843.         font-size: 13px;
  844.         font-weight: bold;
  845. }
  846.  
  847. .portfolio-post-excerpt {
  848.         padding: 6px 0 0 0;
  849.         width: 100%;
  850.         height: 60px;
  851.         overflow: hidden;
  852. }
  853.  
  854. .portfolio-post-excerpt p {
  855.         font-size: 11px;
  856.         margin: 0 !important;
  857. }
  858.  
  859. /* In-Post Gellery */
  860. .gallery {
  861.         display: block;
  862.         float: left;
  863.         margin: 20px 0 0 0;    
  864.         width: 600px;
  865. }
  866.  
  867. .gallery img {
  868.         display: none;
  869.         width: 600px;
  870. }
  871.  
  872. div.gallery-flag {
  873.         float: right;
  874.         height: 10px;
  875.         margin-top: 10px;
  876. }
  877.  
  878. div.gallery-flag div {
  879.         cursor: pointer;
  880.         margin: 0 0 0 5px;
  881. }
  882.  
  883. div.gallery-flag-out {
  884.         background: url(images/ico-dot.png) no-repeat;
  885.         display: block;
  886.         float: left;
  887.         width: 11px;
  888.         height: 7px;
  889. }
  890.  
  891. div.gallery-flag-in {
  892.         background: url(images/ico-dot.png) 0 -7px no-repeat;
  893.         display: block;
  894.         float: left;
  895.         width: 11px;
  896.         height: 7px;
  897. }
  898.  
  899. /* =Post Formats
  900. ----------------------------------------------- */
  901. img.post-img {
  902.         width: 360px;
  903. }
  904.  
  905. img.attachment-archive-thumb {
  906.         width: 360px;
  907.         height: auto;
  908. }
  909.  
  910. /* Post Format: Standard */
  911. .format-standard .entry-content {
  912.         font-size: 11px;
  913.         padding: 15px 15px 0 15px;
  914. }
  915.  
  916. .single .format-standard .post-title {
  917.         font-size: 18px;
  918. }
  919.  
  920. .signle .format-standard .entry-content {
  921.         font-size: 12px;
  922.         padding: 15px 0;
  923. }
  924.  
  925. /* Post Format: Aside */
  926. .format-aside .entry-content {
  927.         font-size: 11px;
  928.         padding: 15px 15px 0 15px;
  929. }
  930.  
  931. /* Post Format: Link */
  932. .format-link .post-title {
  933.         display: block;
  934.         padding: 20px 15px;
  935. }
  936.  
  937. .format-link .post-title a {
  938.         color: #f1f1f1;
  939.         padding: 0 0 0 10px;
  940.         margin: 0 0 0 10px;
  941. }
  942.  
  943. .format-link .post-title a:hover {
  944.         color: #fff;
  945. }
  946.  
  947. .format-link .post-title .icon {
  948.         background: url(images/link.png) no-repeat;
  949.         width: 14px;
  950.         height: 14px;
  951.         float: left;
  952. }
  953.  
  954. .format-link .entry-content {
  955.         padding: 20px 15px 0 15px;
  956.         font-size: 11px;
  957. }
  958.  
  959. .single .format-link .post-title {
  960.         width: 570px;
  961.         padding: 20px 15px;
  962. }
  963.  
  964. .single .format-link .entry-content {
  965.         font-size: 12px;
  966. }
  967.  
  968. /* Post Format: Image */
  969. .format-image .entry-content {
  970.         font-size: 11px;
  971.         padding: 15px 15px 0 15px;
  972. }
  973.  
  974. .single .format-image .entry-content {
  975.         font-size: 12px;
  976.         padding: 0 0 20px 0;
  977. }
  978.  
  979. .format-image .post-thumb a {
  980.         margin: 0;
  981. }
  982.  
  983. /* Post Format: Quote */
  984. blockquote,
  985. .format-link .post-title a {
  986.         border-left: 1px solid #4d4f51;
  987. }
  988.  
  989. .format-quote .quote-wrap,
  990. .format-link .post-title {
  991.         background-color: #333;
  992. }
  993.  
  994. .format-quote .quote-wrap {
  995.         padding: 20px 15px;
  996. }
  997.  
  998. .format-quote .quote-wrap .icon {
  999.         background: url(images/quote.png) no-repeat;
  1000. }
  1001.  
  1002. .format-quote blockquote {
  1003.         color: #f1f1f1;
  1004.         padding: 0 0 0 10px;
  1005.         margin: 0 0 0 26px;
  1006.         font-size: 14px;
  1007.         line-height: 19px;
  1008. }
  1009.  
  1010. .format-quote .quote-wrap .icon {
  1011.         width: 16px;
  1012.         height: 12px;
  1013.         float: left;
  1014.         margin: 3px 0 0 0;
  1015. }
  1016.  
  1017. .format-quote .entry-content {
  1018.         padding: 20px 15px 0 15px;
  1019.         font-size: 11px;
  1020. }
  1021.  
  1022. .single .format-quote .entry-content {
  1023.         font-size: 12px;
  1024. }
  1025.  
  1026. /* Post Format: Audio */
  1027. .format-audio .entry-content {
  1028.         font-size: 11px;
  1029.         padding: 15px 15px 0 15px;
  1030. }
  1031.  
  1032. .single .format-audio .post-title {
  1033.         padding: 15px 0 0 0;
  1034. }
  1035.  
  1036. .single .format-audio .entry-content {
  1037.         font-size: 12px;
  1038.         padding: 15px 0 0;
  1039. }
  1040.  
  1041. /* Post Format: Video */
  1042. .format-video .entry-content {
  1043.         font-size: 11px;
  1044.         padding: 15px 15px 0px 15px;
  1045. }
  1046.  
  1047. .single .format-video .post-title {
  1048.         padding: 15px 0 0 0;
  1049. }
  1050.  
  1051. .single .format-video .entry-content {
  1052.         font-size: 12px;
  1053.         padding: 15px 0 0;
  1054. }
  1055.  
  1056. /* Entry Meta */
  1057. .entry-meta {
  1058.         font-size: 11px;
  1059.         padding: 10px 15px 15px 15px;
  1060.         position: relative;
  1061.         float: left;
  1062.         width: 185px; /*330*/
  1063.         margin: 0;
  1064. }
  1065.  
  1066. .entry-meta a {
  1067.         display: inline;
  1068. }
  1069.  
  1070. .published {
  1071.         float: left;
  1072.         font-style: italic;
  1073.         padding: 0 10px 0 0;
  1074. }
  1075.  
  1076. .comment-count .icon {
  1077.         background: url(images/ico-comment.png) no-repeat;
  1078.         width: 12px;
  1079.         height: 12px;
  1080.         float: left;
  1081.         margin: 4px 4px 0 0;
  1082. }
  1083.  
  1084. .comment-count {
  1085.         float: right;
  1086.         margin: 0 0 0 10px;
  1087. }
  1088.  
  1089. /* Single Post */
  1090. .post-title {
  1091.         display: block;
  1092.         float: left;
  1093.         font-size: 13px;
  1094.         font-weight: bold;
  1095.         line-height: 15px;
  1096.         padding: 15px 15px 0 15px;
  1097.         margin: 0 !important;
  1098.         width: 330px;
  1099. }
  1100.  
  1101. .single .post-title {
  1102.         width: 100%;
  1103.         padding: 0;
  1104. }
  1105.  
  1106. .single .entry-content {
  1107.         font-size: 12px;
  1108.         padding: 15px 0;
  1109. }
  1110.  
  1111. /* Post Meta */
  1112. .post-meta,
  1113. .portfolio-meta {
  1114.         font-size: 11px;
  1115.         margin: 0 !important;
  1116.         padding: 0 !important;
  1117. }
  1118.  
  1119. .post-meta li {
  1120.         display: block;
  1121.         padding: 10px 0;
  1122. }
  1123.  
  1124. .post-meta .post-author {
  1125.         float: left !important;
  1126.         background: url(images/ico-author.png) no-repeat 0 11px;
  1127.         width: 85px;
  1128.         padding-left: 20px;
  1129. }
  1130.  
  1131. .post-meta .published {
  1132.         background: url(images/ico-date.png) no-repeat 0 11px;
  1133.         float: left !important;
  1134.         font-style: normal;
  1135.         width: 85px;
  1136.         padding-left: 20px;
  1137. }
  1138.  
  1139. .post-meta .comment-count {
  1140.         float: left !important;
  1141.         width: 85px;
  1142.         padding-right: 20px;
  1143. }
  1144.  
  1145. .post-meta .post-tags {
  1146.         background: url(images/ico-tags.png) no-repeat 0 12px;
  1147.         float: left !important;
  1148.         width: 85px;
  1149.         padding-left: 20px;
  1150. }
  1151.  
  1152. .post-meta .post-tags span {
  1153.         display: block;
  1154. }
  1155.  
  1156. .post-meta .post-tags a {
  1157.         display: inline;
  1158. }
  1159.  
  1160. .post-meta .edit-post {
  1161.         clear: both;
  1162.         display: block;
  1163. }
  1164.  
  1165. .post-meta a {
  1166.         font-size: 11px !important;
  1167.         padding: 0 !important;
  1168. }
  1169.  
  1170.  
  1171. /* =Sidebar
  1172. ----------------------------------------------- */
  1173. #sidebar {
  1174.         float: left;
  1175.         padding: 10px;
  1176.         position: relative;
  1177.         width: 220px;
  1178.         left: 0;
  1179.         margin: -10px 0 0 30px;
  1180.         z-index: 100;
  1181. }
  1182.  
  1183. #single-sidebar li {
  1184.         float: none;
  1185.         margin: 0;
  1186. }
  1187.  
  1188. #single-sidebar ul.entry-meta {
  1189.         margin: -5px 0 20px 0;
  1190. }
  1191.  
  1192. #single-sidebar ul {
  1193.         margin: 0 0 20px 0;
  1194.         padding: 0;
  1195. }
  1196.  
  1197. #single-sidebar .caption {
  1198.         font-size: 12px;
  1199.         padding: 15px 0;
  1200. }
  1201.  
  1202. #single-sidebar .link {
  1203.         margin: 15px 0 0 0;
  1204. }
  1205.  
  1206. #single-sidebar .link a {
  1207.         display: block;
  1208. }
  1209.  
  1210. #single-sidebar .terms {
  1211.         padding-top: 15px;
  1212. }
  1213.  
  1214. #single-sidebar .terms h3 {
  1215.         font-size: 12px;
  1216.         font-weight: normal;
  1217.         margin: 0 0 10px 0;
  1218. }
  1219.  
  1220. #single-sidebar .terms ul {
  1221.         margin: 0;
  1222.         display: block;
  1223. }
  1224.  
  1225. #single-sidebar .terms li {
  1226.         background: #f5f5f5;
  1227.         border-top: none !important;
  1228.         display: inline;
  1229.         float: left;
  1230.         font-size: 11px;
  1231.         margin: 0 7px 6px 0;
  1232.         padding: 1px 4px;
  1233. }
  1234.  
  1235. /* Single Right Sidebar */
  1236. #single-right-sidebar {
  1237.         display: inline;
  1238.         float: left;
  1239.         margin: -10px 0 0 20px;
  1240.         padding: 10px;
  1241.         position: relative;
  1242.         width: 250px;
  1243.         z-index: 100;
  1244. }
  1245.  
  1246. /* =Widget
  1247. ----------------------------------------------- */
  1248. .widget {
  1249.         background: #fff;
  1250.         padding: 20px;
  1251.         margin: 0 0 30px 0;
  1252.         border-bottom: 1px solid rgba(35, 35, 35, 0.2);
  1253. }
  1254.  
  1255. .widget-title {
  1256.         background: url(images/ico-minus.png) no-repeat right 1px;
  1257.         color: #555;
  1258.         display: block;
  1259.         font-size: 13px;
  1260.         font-weight: bold;
  1261.         margin: 0 0 10px 0;
  1262. }
  1263.  
  1264. .widget-title:hover {
  1265.         cursor: pointer;
  1266. }
  1267.  
  1268. .widget ul a {
  1269.         font-size: 12px;
  1270. }
  1271.  
  1272. .widget li {
  1273.         border-top: 1px solid #e9e9e9;
  1274.         display: block;
  1275. }
  1276.  
  1277. .widget li a {
  1278.         display: block;
  1279.         padding: 10px 0 10px 0;
  1280. }
  1281.  
  1282. .widget ul {
  1283.         list-style: none;
  1284.         margin: 0;
  1285.         padding: 0;
  1286.         line-height: 18px;
  1287. }
  1288.  
  1289. .widget ul ul {
  1290.         display: block;
  1291.         padding-left: 20px;
  1292. }
  1293.  
  1294. .widget ol {
  1295.         list-style-type: decimal;
  1296.         margin-bottom: 0;
  1297. }
  1298.  
  1299. .widget .current-cat a {
  1300.         background: url(images/ico-sidebar-list.gif) no-repeat 171px center;
  1301. }
  1302.  
  1303. /* Search Widget */
  1304. .widget_search #s {
  1305.         width: 180px;
  1306.         height: 30px;
  1307. }
  1308.  
  1309. .widget_search input {
  1310.         border: 1px solid #e9e9e9;
  1311.         width: 93% !important;
  1312. }
  1313.  
  1314. .widget_search form,
  1315. .widget_search fieldset {
  1316.         margin: 0;
  1317. }
  1318.  
  1319. /* Calendar Widget */
  1320. #wp-calendar {
  1321.         width: 100%;
  1322. }
  1323.  
  1324. #wp-calendar, #wp-calendar th, #wp-calendar caption {
  1325.         text-align: center;
  1326. }
  1327.  
  1328. #wp-calendar th {
  1329.         background: #f5f5f5;
  1330.         border: 1px solid #f0f0f0;
  1331.         padding: 3px;
  1332. }
  1333.  
  1334. #wp-calendar td {
  1335.         border: 1px solid #f0f0f0;
  1336.         padding: 5px 2px;
  1337.         text-align: center;
  1338. }
  1339.  
  1340. #wp-calendar caption {
  1341.         background: transparent;
  1342.         font-weight: bold;
  1343.         padding: 3px 0 7px 0;
  1344. }
  1345.  
  1346. #wp-calendar #today {
  1347.         background: #f5f5f5;
  1348.         font-weight: bold;
  1349. }
  1350.  
  1351. /* Archive Widget */
  1352. .widget_archive li {
  1353.         padding: 10px 0;
  1354. }
  1355.  
  1356. .widget_archive li a {
  1357.         display: inline;
  1358. }
  1359.  
  1360. /* Twitter Widget */
  1361. .widget_tj_twitter {
  1362.         margin: 0 0 15px 0;
  1363. }
  1364.  
  1365. .widget_tj_twitter li {
  1366.         background: url(images/ico-widget-twitter.png) no-repeat 0 9px !important;
  1367.         display: block !important;
  1368.         padding: 10px 15px 10px 24px !important;
  1369. }
  1370.  
  1371. .widget_tj_twitter li a {
  1372.         background: none !important;
  1373.         display: inline !important;
  1374.         padding-left: 0 !important;
  1375. }
  1376.  
  1377. .widget_tj_twitter li .time {
  1378.         color: #999;
  1379. }
  1380.  
  1381. .widget_tj_twitter li a:hover {
  1382.         background: none !important;
  1383. }
  1384.  
  1385. /* Flickr Widget */
  1386. .widget_tj_flickr {
  1387.         border-bottom: 1px solid #e9e9e9;
  1388.         padding-bottom: 20px;
  1389. }
  1390.  
  1391. .widget h3 span {
  1392.         color: #0061D8;
  1393. }
  1394.  
  1395. .widget h3 span span {
  1396.         color: #FF1183;
  1397. }
  1398.  
  1399. .widget .flickr_badge_image {
  1400.         float: left;
  1401.         margin: 0px;
  1402. }
  1403.  
  1404. .widget .flickr_badge_image .photo-wrap {
  1405.         position: relative;
  1406.         margin-bottom: 20px;
  1407. }
  1408.  
  1409. .widget .flickr_badge_image a img {
  1410.         background: #fff;
  1411.         border: 1px solid #e9e9e9;
  1412.         display: inline;
  1413.         float: left;
  1414.         margin: 4px 4px 0px 0px;
  1415.         padding: 4px;
  1416. }
  1417.  
  1418. .widget .flickr_badge_image a:hover img {
  1419.         background: #fbfbfb;
  1420.         border-color: #e5ecf1;
  1421. }
  1422.  
  1423. /* =Comments
  1424. ----------------------------------------------- */
  1425. #respond {
  1426.         float: left;
  1427.         width: 99%;
  1428.         margin: 0 0 15px 0;
  1429.         padding: 30px 0 0 0;
  1430.         border-top: 1px dotted #ddd;
  1431. }
  1432.  
  1433. #respond-title {
  1434.         font-size: 13px;
  1435.         font-weight: bold;
  1436.         margin: 0 0 10px 0;
  1437. }
  1438.  
  1439. #comments {
  1440.         border-top: 1px solid #e9e9e9;
  1441.         display: block;
  1442.         float: left;
  1443.         font-size: 13px;
  1444.         font-weight: bold;
  1445.         padding: 50px 0 10px 0;
  1446.         width: 100%;
  1447. }
  1448.  
  1449. .navigation {
  1450.         display: block;
  1451.         float: left;
  1452.         width: 100%;
  1453. }
  1454.  
  1455. li #respond-title {
  1456.         margin: 30px 0;
  1457. }
  1458.  
  1459. li #commentform {
  1460.         margin: 0 0 40px 0;
  1461. }
  1462.  
  1463. #commentform small {
  1464.         color: #f56559;
  1465. }
  1466.  
  1467. #comments span,
  1468. #respond-title span {
  1469.         font-size: 12px;
  1470.         display: block;
  1471. }
  1472.  
  1473. .commentlist {
  1474.         display: block;
  1475.         float: left;
  1476.         width: 100%;
  1477.         list-style-type: none;
  1478. }
  1479.  
  1480. .pinglist {
  1481.         margin: 20px 0 40px 30px;
  1482.         list-style-type: decimal;
  1483. }
  1484.  
  1485. .comment {
  1486.         margin-top: 10px;
  1487. }
  1488.  
  1489. .comment-body {
  1490.         border-top: 1px dotted #ddd;
  1491.         padding-bottom: 15px !important;
  1492. }
  1493.  
  1494. #commentform input {
  1495.         margin: 0 10px 10px 0;
  1496.         width: 40%;
  1497. }
  1498.  
  1499. #commentform textarea {
  1500.         margin: 0 0 15px 0;
  1501.         width: 98%;
  1502. }
  1503.  
  1504. input, textarea {
  1505.         border-color: #ccc #efefef #efefef #ccc;
  1506.         border-width: 1px;
  1507.         border-style: solid;
  1508.         color: #777;
  1509.         padding: 6px;
  1510. }
  1511.  
  1512. .children {
  1513.         list-style-type: none;
  1514.         margin: 0 0 0 80px;
  1515. }
  1516.  
  1517. .comment .avatar {
  1518.         border-right: 1px solid #e6e6e6;
  1519.         float: left;
  1520.         padding: 0 15px 0 0;
  1521.         margin: 0 14px 0 0;
  1522. }
  1523.  
  1524. .comment-author {
  1525.         font-weight: bold;
  1526.         margin: -4px 0 0 65px;
  1527. }
  1528.  
  1529. .comment-inner {
  1530.         margin: 0 0 0 65px;
  1531. }
  1532.  
  1533. .comment-inner a {
  1534.         border-bottom: 1px solid #ddd;
  1535. }
  1536.  
  1537. .comment-inner a:hover {
  1538.         border-bottom-color: #ccc;
  1539. }
  1540.  
  1541. .comment-meta {
  1542.         margin-bottom: 15px;
  1543.         font-size: 11px;
  1544. }
  1545.  
  1546. .author-tag {
  1547.         color: #999;
  1548.         font-weight: normal;
  1549.         font-style: italic;
  1550. }
  1551.  
  1552. .cancel-comment-reply {
  1553.         margin: 0 0 20px 0;
  1554. }
  1555.  
  1556. .comment-author-admin {
  1557.         border: #efefef;
  1558. }
  1559.  
  1560. .comment-author cite {
  1561.         font-weight: bold;
  1562. }
  1563.  
  1564. .nocomments {
  1565.         text-align: center;
  1566.         padding: 20px;
  1567. }
  1568.  
  1569. .comment-body {
  1570.         padding: 20px 15px 0 15px;
  1571. }
  1572.  
  1573. .comment-body ul {
  1574.         list-style-type: disc;
  1575. }
  1576.  
  1577. .comment-body ol {
  1578.         list-style-type: decimal;
  1579. }
  1580.  
  1581. /* =Footer
  1582. ----------------------------------------------- */
  1583. #footer {
  1584.         display: block;
  1585.         float: left;
  1586.         font-size: 11px;
  1587.         margin: 40px 0 0 0;
  1588.         padding: 20px 0;
  1589.         position: relative;    
  1590.         width: 100%;
  1591.         text-align: center;
  1592. }
  1593.  
  1594. #footer a {
  1595.         border-bottom: 1px dotted #999;
  1596. }
  1597.  
  1598. /* =Ajax Pagination: Loading More
  1599. ----------------------------------------------- */
  1600. #load-more-link,
  1601. #load-portfolio-link {
  1602.         background: #fff;
  1603.         border: 1px solid #fff;
  1604.         bottom: 0;     
  1605.         display: none;
  1606.         height: 50px;
  1607.         margin: 20px 0 0 290px;
  1608.         position: relative;    
  1609.         text-align: center;
  1610. }
  1611.  
  1612. #load-more-link a,
  1613. #load-portfolio-link a {
  1614.         line-height: 50px;
  1615.         height: 50px;
  1616. }
  1617.  
  1618. #load-more-link a span,
  1619. #load-portfolio-link a span {
  1620.         font-size: 11px;
  1621.         font-style: italic;
  1622.         margin: 0 10px 0 0;    
  1623.         position: absolute;
  1624.         top: 0;
  1625.         right: 0;
  1626. }
  1627.  
  1628. #load-more-ico,
  1629. #load-portfolio-ico {
  1630.         background: url("images/loading.gif") no-repeat;
  1631.         display: none;
  1632.         position: absolute;
  1633.         width: 20px;
  1634.         height: 20px;
  1635.         top: 15px;
  1636.         right: 80px;
  1637. }
  1638.  
  1639. #load-more-link a span#post-count,
  1640. #load-more-link a span#remaining
  1641. {
  1642.         float: none;
  1643.         margin: 0;
  1644.         position: relative;    
  1645.         top: auto;
  1646. }
  1647. #load-portfolio-link a span#portfolio-post-count,
  1648. #load-portfolio-link a span#portfolio-remaining
  1649. {
  1650.         float: none;
  1651.         margin: 0;
  1652.         position: relative;
  1653.         top: auto;
  1654. }
  1655.  
  1656. #load-more-link a span#post-count img {
  1657.         margin: 1px 0 0 0;
  1658. }
  1659.  
  1660. #new-posts {
  1661.         display: none;
  1662. }
  1663.  
  1664. /* =Page Templates
  1665. ----------------------------------------------- */
  1666.  
  1667. /* Page */
  1668. .page .entry-content,
  1669. .error404 .entry-content {
  1670.         padding: 15px 0 0 0;
  1671. }
  1672.  
  1673. .page .entry-content p,
  1674. .single .entry-content p {
  1675.         margin: 0 0 18px 0;
  1676. }
  1677.  
  1678. /* Page Template: Contact Form */
  1679. .contactform {
  1680.         margin-left: 0;
  1681. }
  1682.  
  1683. .contactform li {
  1684.         list-style-type: none;
  1685. }
  1686.  
  1687. .contactform li label {
  1688.         display: block;
  1689.         margin-bottom: 10px;
  1690. }
  1691.  
  1692. .contactform li input[type="text"] {
  1693.         width: 300px;
  1694.         height: 20px;
  1695.         margin-bottom: 15px;
  1696. }
  1697.  
  1698. .contactform li textarea {
  1699.         width: 550px;  
  1700.         height: 200px;
  1701.         margin-bottom: 15px;
  1702. }
  1703.  
  1704. .contactform li button {
  1705.         float: left;
  1706. }
  1707.  
  1708. label.error {
  1709.         color: red;
  1710. }
  1711.  
  1712. .thanks {
  1713.         color: green;
  1714.         font-style: italic;
  1715. }
  1716.  
  1717. /* Page Template: Submit */
  1718. .page-template-template-submit-php .hentry {
  1719.         margin: 0;
  1720.         padding: 0;
  1721. }
  1722.  
  1723. #formbox p {
  1724.         display: block;
  1725.         float: left;
  1726.         padding: 10px 0 10px 0;
  1727.         width: 100%;
  1728. }
  1729.  
  1730. #formbox > p {
  1731.         color: red;
  1732. }
  1733.  
  1734. #formbox .section-heading {
  1735.         margin: 40px 0 0 0;
  1736. }
  1737.  
  1738. #formbox h3 {
  1739.         border-bottom: 1px solid #f0f0f0;
  1740.         margin: 0;
  1741.         padding-bottom: 10px;
  1742. }
  1743.  
  1744. #formbox input[type='text'] {
  1745.         width: 360px;
  1746. }
  1747.  
  1748. #formbox input[type='button'] {
  1749.         margin: 0 0 0 10px;
  1750. }
  1751.  
  1752. #formbox textarea {
  1753.         width: 360px;
  1754. }
  1755.  
  1756. #formbox label {
  1757.         display: block;
  1758.         float: left;
  1759.         font-weight: bold;
  1760.         margin: 0 10px 0 0;
  1761.         width: 115px;
  1762.         overflow: hidden;
  1763. }
  1764.  
  1765. #formbox label span {
  1766.         color: #999;
  1767.         display: block;
  1768.         font-size: 11px;
  1769.         font-weight: normal;
  1770. }
  1771.  
  1772. #formbox label span.required {
  1773.         color: red;
  1774.         display: inline;
  1775.         font-size: 13px;
  1776. }
  1777.  
  1778. input#submit {
  1779.         cursor: pointer;
  1780.         margin: 20px 0 0 0;
  1781. }
  1782.  
  1783. #submit-flag {
  1784.         background: url(images/loading.gif) no-repeat;
  1785.         display: block;
  1786.         float: right;
  1787.         width: 20px;
  1788.         height: 20px;
  1789. }
  1790.  
  1791. #submit-content {
  1792.         margin: 10px 0 0 0;
  1793. }
  1794.  
  1795. input[type="file"] {
  1796.         border: 1px solid #CCCCCC;
  1797.         cursor: pointer;
  1798.         filter: alpha(opacity=0);
  1799.         opacity: 0;
  1800.         position: absolute;
  1801.         left: 400px;
  1802.         z-index: 50;
  1803. }
  1804.  
  1805. input.image-url {
  1806.         position: relative;
  1807.         z-index: 100;
  1808. }
  1809.  
  1810. span.file-flag {
  1811.         border: 1px solid #CCCCCC;
  1812.         display: block;
  1813.         font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  1814.         padding: 6px;
  1815.         width: 200px;
  1816.         height: 15px;
  1817. }
  1818.  
  1819. span.file-flag>span {
  1820.         position: absolute;
  1821. }
  1822.  
  1823. span.alert {
  1824.         color: #d1d0d0;
  1825.         display: block;
  1826.         font-size: 12px;
  1827. }
  1828.  
  1829. /* =CSS3 Effects
  1830. ----------------------------------------------- */
  1831.  
  1832. /* Box Shadow */
  1833. #header {
  1834.         -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.80);
  1835.         -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.80);
  1836.         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.80);
  1837. }
  1838.  
  1839. .nav li ul,
  1840. .single #primary,
  1841. .page #primary,
  1842. .widget {
  1843.         -webkit-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
  1844.         -moz-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
  1845.         box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
  1846. }
  1847.  
  1848. #single-sidebar .terms li,
  1849. .tax-portfolio-type .hentry,
  1850. .post,
  1851. .page.page-template-template-portfolio-php .hentry,
  1852. #load-more-link,
  1853. #load-portfolio-link {
  1854.         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
  1855.         -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
  1856.         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
  1857. }
  1858.  
  1859. .single .post {
  1860.         -webkit-box-shadow: none;
  1861.         -moz-box-shadow: none;
  1862.         box-shadow: none;
  1863. }
  1864.  
  1865. div.single-portfolio,
  1866. div.jp-interface {
  1867.         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  1868.         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  1869.         box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
  1870. }
  1871.  
  1872. /* Border Radius */
  1873. div.jp-seek-bar,
  1874. div.jp-play-bar,
  1875. div.jp-volume-bar-value {
  1876.         -webkit-border-radius: 1px;
  1877.         -moz-border-radius: 1px;
  1878.         border-radius: 1px;
  1879. }
  1880.  
  1881. /* CSS3 Button */
  1882. .button, .button:visited {
  1883.         background: url(images/alert-overlay.png) repeat-x;
  1884.         border: none;
  1885.         display: inline-block;
  1886.         padding: 4px 15px;
  1887.         color: #fff !important;
  1888.         font-weight: bold;
  1889.         text-decoration: none;
  1890.         -moz-border-radius: 3px;
  1891.         -webkit-border-radius: 3px;
  1892.         border-radius: 3px;
  1893.         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  1894.         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  1895.         box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  1896.         text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  1897.         border-bottom: 1px solid rgba(0,0,0,0.25);
  1898.         position: relative;
  1899.         cursor: pointer;
  1900. }
  1901.  
  1902. .button:hover {
  1903.         color: #fff;
  1904. }
  1905.  
  1906. .button:active {
  1907.         top: 1px;
  1908. }
  1909.  
  1910.  
  1911. /* =MISC
  1912. ----------------------------------------------- */
  1913.  
  1914. /* Image Loading Effect */
  1915. img.loading-img {
  1916.         box-shadow: none;
  1917.         display: block;
  1918.         position: absolute;
  1919.         left: 50%;
  1920.         top: 50%;
  1921.         margin: -10px 0 0 -10px;
  1922.         width: 20px;
  1923.         height: 20px;
  1924. }
  1925.  
  1926. /* Overlay Effect */
  1927. a .overlay {
  1928.         background: url(images/overlay.png) repeat;
  1929.         position: absolute;
  1930.         z-index: 20;
  1931.         width: 100%;
  1932.         height: 100%;
  1933.         display: none;
  1934.         left: 0;
  1935.         cursor: pointer;
  1936. }
  1937.  
  1938. .js-disabled a:hover .overlay {
  1939.         display: block;
  1940. }
  1941.  
  1942. a .overlay .icon {
  1943.         background: url(images/ico-magnify.png) no-repeat;
  1944.         display: block;
  1945.         opacity: 0.4;
  1946.         position: absolute;
  1947.         top: 50%;
  1948.         left: 50%;
  1949.         margin-top: -12px;
  1950.         width: 24px;
  1951.         height: 24px;
  1952.         z-index: 40;
  1953. }
  1954.  
  1955. .post a .overlay .icon {
  1956.         margin-left: -12px;
  1957. }
  1958.  
  1959. /* Advertisement */
  1960. .footer-ad {
  1961.         display: block;
  1962.         width: 768px;
  1963.         height: 90px;
  1964.         margin: 10px auto 0;
  1965. }
  1966.  
  1967. /* =jPlayer
  1968. ----------------------------------------------- */
  1969. div.jp-audio,
  1970. div.jp-video {
  1971.         font-size: 1em;
  1972.         font-family: Verdana, Arial, sans-serif;
  1973.         color: #666666;
  1974.         line-height: 1.6;
  1975. }
  1976.  
  1977. div.jp-audio,
  1978. div.jp-video {
  1979.         width: 360px;
  1980. }
  1981.  
  1982. .single div.jp-audio,
  1983. .single div.jp-video {
  1984.         width: 600px;
  1985. }
  1986.  
  1987. .jp-video-play,
  1988. div.jp-jplayer.jp-jplayer-video {
  1989.         width: 360px;
  1990. }
  1991.  
  1992. .single .jp-video-play,
  1993. .single div.jp-jplayer.jp-jplayer-video {
  1994.         display: block;
  1995.         float: left;
  1996.         margin-top: 10px;
  1997.         width: 600px;
  1998. }
  1999.  
  2000. div.jp-interface {
  2001.         position: relative;
  2002.         width: 100%;
  2003.         background: url(images/bg-jplayer.png) repeat-x;
  2004.         z-index: 98;
  2005. }
  2006.  
  2007. div.jp-type-single div.jp-interface {
  2008.         height: 30px;
  2009. }
  2010.  
  2011. div.jp-interface ul.jp-controls {
  2012.         list-style-type: none;
  2013.         padding: 0;
  2014.         margin: 0;
  2015. }
  2016.  
  2017. div.jp-interface ul.jp-controls li {
  2018.         display: inline;
  2019. }
  2020.  
  2021. div.jp-interface ul.jp-controls a {
  2022.         position: absolute;
  2023.         overflow: hidden;
  2024.         text-indent: -9999px;
  2025. }
  2026.  
  2027. a.jp-play,
  2028. a.jp-pause {
  2029.         width: 33px;
  2030.         height: 30px;
  2031.         z-index: 1;
  2032.         outline: none;
  2033. }
  2034.  
  2035. div.jp-type-single a.jp-play,
  2036. div.jp-type-single a.jp-pause {
  2037.         top: 0;
  2038.         left: 0;
  2039. }
  2040.  
  2041. a.jp-play {
  2042.         background: url("images/jplayer.png") 0 0 no-repeat;
  2043. }
  2044.  
  2045. a.jp-play:hover {
  2046.         background: url("images/jplayer.png") -33px 0 no-repeat;
  2047. }
  2048.  
  2049. a.jp-pause {
  2050.         background: url("images/jplayer.png") 0 -30px no-repeat;
  2051.         display: none;
  2052. }
  2053.  
  2054. a.jp-pause:hover {
  2055.         background: url("images/jplayer.png") -33px -30px no-repeat;
  2056. }
  2057.  
  2058. div.jp-progress-container {
  2059.         position: absolute;
  2060.         top: 0;
  2061.         left: 34px;
  2062.         width: 225px;
  2063.         height: 6px;
  2064.         padding: 12px 10px;
  2065. }
  2066.  
  2067. div.jp-progress {
  2068.         position: absolute;
  2069.         overflow: hidden;
  2070. }
  2071.  
  2072. div.jp-type-single div.jp-progress {
  2073.         width: 223px;
  2074.         height: 7px;
  2075.         padding: 1px;
  2076.         background: url("images/jplayer.png") 0 -192px repeat-x;
  2077. }
  2078.  
  2079. .single div.jp-type-single div.jp-progress {
  2080.         width: 461px;
  2081. }
  2082.  
  2083. div.jp-seek-bar {
  2084.         width: 0px;
  2085.         height: 5px;
  2086.         cursor: pointer;
  2087.         background: url("images/jplayer.png") 0 -163px repeat-x;
  2088. }
  2089.  
  2090. div.jp-play-bar {
  2091.         width: 0px;
  2092.         height: 5px;
  2093.         background: url("images/jplayer.png") 0 -133px repeat-x;
  2094. }
  2095.  
  2096. div.jp-volume-bar-container {
  2097.         position: absolute;
  2098.         top: 0;
  2099.         left: 281px;
  2100.         width: 40px;
  2101.         height: 6px;
  2102.         padding: 12px 10px;
  2103. }
  2104.  
  2105. .single div.jp-volume-bar-container {
  2106.         left: 520px;
  2107. }
  2108.  
  2109. div.jp-volume-bar {
  2110.         position: relative;
  2111.         overflow: hidden;
  2112.         background: url("images/jplayer.png") 0 -192px repeat-x;
  2113.         width: 40px;
  2114.         height: 9px;
  2115.         cursor: pointer;
  2116. }
  2117.  
  2118. div.jp-type-single div.jp-volume-bar {
  2119.         top: 0;
  2120.         left: 18px;
  2121. }
  2122.  
  2123. div.jp-volume-bar-value {
  2124.         width: 0px;
  2125.         height: 5px;
  2126.         margin: 1px;
  2127.         background: url("images/jplayer.png") 0 -133px repeat-x;
  2128. }
  2129.  
  2130. a.jp-mute,
  2131. a.jp-unmute {
  2132.         width: 17px;
  2133.         height: 13px;
  2134.         z-index: 1;
  2135.         outline: none;
  2136. }
  2137.  
  2138. div.jp-type-single a.jp-mute,
  2139. div.jp-type-single a.jp-unmute {
  2140.         top: 9px;
  2141.         left: 290px;
  2142. }
  2143.  
  2144. .single div.jp-type-single a.jp-mute,
  2145. .single div.jp-type-single a.jp-unmute {
  2146.         top: 9px;
  2147.         left: 528px;
  2148. }
  2149.  
  2150. .seperator-first,
  2151. .seperator-second {
  2152.         background: url(images/seperator.png) no-repeat left;
  2153.         width: 2px;
  2154.         height: 30px;
  2155.         position: absolute;
  2156.         left: 32px;
  2157. }
  2158.  
  2159. .seperator-second {
  2160.         left: 279px;
  2161. }
  2162.  
  2163. .single .seperator-second {
  2164.         left: 518px;
  2165. }
  2166.  
  2167. a.jp-mute {
  2168.         background: url("images/jplayer.png") -10px -68px no-repeat;
  2169. }
  2170.  
  2171. a.jp-mute:hover {
  2172.         background: url("images/jplayer.png") -43px -68px no-repeat;
  2173. }
  2174.  
  2175. a.jp-unmute {
  2176.         background: url("images/jplayer.png") -10px -98px no-repeat;
  2177.         display: none;
  2178. }
  2179.  
  2180. a.jp-unmute:hover {
  2181.         background: url("images/jplayer.png") -43px -98px no-repeat;
  2182. }
  2183.  
  2184. div.jp-jplayer {
  2185.         width: 0px;
  2186.         height: 0px;
  2187. }
  2188.  
  2189. div.jp-jplayer {
  2190.         background-color: #292a2b;
  2191. }
  2192.  
  2193. .jp-video-container {
  2194.         float: left;
  2195. }
  2196.  
  2197. .jp-audio-container {
  2198.         display: block;
  2199.         float: left;
  2200. }
  2201.  
  2202. ul.item-list li,
  2203. ul.item-list.activity-list li {
  2204.         list-style: none;
  2205. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top