Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on May 6th, 2013  |  syntax: None  |  size: 57.19 KB  |  views: 64  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. @charset "utf-8";
  2. /*
  3. Theme Name: Pinboard
  4. Theme URI: http://www.onedesigns.com/wordpress-themes/pinboard
  5. Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
  6. Version: 1.0.7
  7. Author: One Designs
  8. Author URI: http://www.onedesigns.com/
  9. Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
  10.  
  11. License: GNU General Public License v2.0
  12. License URI: license.txt
  13. */
  14.  
  15. /*
  16. DO NOT EDIT THIS STYLESHEET!
  17. Any modifications made to this file will be lost if you update the theme.
  18. Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
  19. Any style attributes declared there will override the ones in this file and will not be lost during theme update.
  20. */
  21.  
  22. html, body, div, span, applet, object, iframe,
  23. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  24. a, abbr, acronym, address, big, cite, code,
  25. del, dfn, em, img, ins, kbd, q, s, samp,
  26. small, strike, strong, sub, sup, tt, var,
  27. b, u, i, center,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td,
  31. article, aside, canvas, details, embed,
  32. figure, figcaption, footer, header, hgroup,
  33. menu, nav, output, ruby, section, summary,
  34. time, mark, audio, video {
  35.         margin: 0;
  36.         padding: 0;
  37.         border: 0;
  38.         font-size: 100%;
  39.         font: inherit;
  40.         vertical-align: baseline;
  41. }
  42. /* HTML5 display-role reset for older browsers */
  43. article, aside, details, figcaption, figure,
  44. footer, header, hgroup, menu, nav, section {
  45.         display: block;
  46. }
  47. body {
  48.         line-height: 1;
  49. }
  50. ol, ul {
  51.         list-style: none;
  52. }
  53. blockquote, q {
  54.         quotes: none;
  55. }
  56. blockquote:before, blockquote:after,
  57. q:before, q:after {
  58.         content: '';
  59.         content: none;
  60. }
  61. table {
  62.         border-collapse: collapse;
  63.         border-spacing: 0;
  64. }
  65.  
  66. /*
  67.         Clear Floated Elements
  68. */
  69.  
  70. .clear {
  71.         clear:both;
  72.         display:block;
  73.         overflow:hidden;
  74.         visibility:hidden;
  75.         width:0;
  76.         height:0;
  77. }
  78.  
  79. .clear:after {
  80.         clear:both;
  81.         content:' ';
  82.         display:block;
  83.         font-size:0;
  84.         line-height:0;
  85.         visibility:hidden;
  86.         width:0;
  87.         height:0;
  88. }
  89.  
  90. * html .clear {
  91.         height:1%;
  92. }
  93.  
  94. /*
  95.         Style HTML Tags
  96. */
  97.  
  98. body {
  99.         background:#ccc;
  100.         color:#333;
  101.         font-family:"Open Sans", sans-serif;
  102.         font-size:13px;
  103.         line-height:1.62em;
  104. }
  105.  
  106. a {
  107.         color:#21759b;
  108.         text-decoration:none;
  109.         -moz-transition: color .25s ease, margin .25s ease;
  110.         -webkit-transition: color .25s ease, margin .25s ease;
  111.         -o-transition: color .25s ease, margin .25s ease;
  112.         -ms-transition: color .25s ease, margin .25s ease;
  113.         transition: color .25s ease, margin .25s ease;
  114. }
  115.  
  116. a:hover {
  117.         color:#21759B;
  118. }
  119.  
  120. h1, h2, h3, h4, h5, h6 {
  121.         margin-bottom:18px;
  122.         font-family:"Oswald", sans-serif;
  123.         font-weight:300;
  124.         line-height:1.62em;
  125.         letter-spacing:1px;
  126. }
  127.  
  128. h1 {
  129.         font-size:36px;
  130. }
  131.  
  132. h2 {
  133.         font-size:32px;
  134. }
  135.  
  136. h3 {
  137.         font-size:24px;
  138. }
  139.  
  140. h4 {
  141.         font-size:18px;
  142. }
  143.  
  144. h5 {
  145.         font-size:16px;
  146. }
  147.  
  148. h6 {
  149.         font-size:15px;
  150. }
  151.  
  152. p {
  153.         margin-bottom:24px;
  154. }
  155.  
  156. blockquote {
  157.         position:relative;
  158.         color:#444;
  159.         font-family:Georgia, "URW Bookman L", serif;
  160.         font-style:italic;
  161.         margin:0 30px 0 60px;
  162. }
  163.  
  164. blockquote:before {
  165.         position:absolute;
  166.         top:30px;
  167.         left:-75px;
  168.         content:"\201C";
  169.         color:#DDD;
  170.         font-family:serif;
  171.         font-size:96px;
  172. }
  173.  
  174. blockquote cite {
  175.         font-style:normal;
  176. }
  177.  
  178. blockquote cite:before {
  179.         content:"\2014";
  180.         padding-right:8px;
  181. }
  182.  
  183. table {
  184.         width:100%;
  185.         border-collapse:collapse;
  186.         text-align:center;
  187.         margin-bottom:24px;
  188. }
  189.  
  190. table tr:nth-child(even) {
  191.         background:#F8F8F8;
  192. }
  193.  
  194. table th,
  195. table td {
  196.         padding:6px 0;
  197. }
  198.  
  199. table th {
  200.         font-weight:600;
  201. }
  202.  
  203. fieldset {
  204.         border:#EEE 1px solid;
  205.         padding:2%;
  206. }
  207.  
  208. input[type="text"],
  209. input[type="password"],
  210. textarea {
  211.         padding:1.5%;
  212.         box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
  213.         background:#FCFCFC;
  214.         border:#EEE 1px solid;
  215.         color:#999;
  216.         font-family:"Droid Sans", sans-serif;
  217.         font-size:13px;
  218. }
  219.  
  220. input[type="text"]:focus,
  221. input[type="password"]:focus,
  222. textarea:focus {
  223.         background:#FFF;
  224.         border:#ddd 1px solid;
  225.         color:#333;
  226.         outline: none;
  227. }
  228.  
  229. textarea {
  230.         font-size:15px;
  231. }
  232.  
  233. input[type=submit],
  234. input[type=reset],
  235. input[type=button] {
  236.         padding:4px 15px;
  237.         border-radius:15px;
  238.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  239.         background:#F8F8F8;
  240.         background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
  241.         background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
  242.         background:-o-linear-gradient(#FCFCFC, #F3F3F3);
  243.         background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
  244.         background:linear-gradient(#FCFCFC, #F3F3F3);
  245.         border:none;
  246.         border-bottom:#DDD 1px solid;
  247.         color:#444;
  248.         font-family:"Open Sans", sans-serif;
  249.         font-size:13px;
  250. }
  251.  
  252. input[type=submit]:hover,
  253. input[type=reset]:hover,
  254. input[type=button]:hover {
  255.         box-shadow:#aaa 0 0 5px;
  256. }
  257.  
  258. input[type=submit]:focus,
  259. input[type=reset]:focus,
  260. input[type=button]:focus {
  261.         box-shadow:#aaa 0 0 5px;
  262.         background:-moz-linear-gradient(#EEE, #F9F9F9);
  263.         background:-webkit-linear-gradient(#EEE, #F9F9F9);
  264.         background:-o-linear-gradient(#EEE, #F9F9F9);
  265.         background:-ms-linear-gradient(#EEE, #F9F9F9);
  266.         background:linear-gradient(#EEE, #F9F9F9);
  267. }
  268.  
  269. hr {
  270.         border:none;
  271.         border-top:#EEE 1px solid;
  272. }
  273.  
  274. dt {
  275.         font-weight:600;
  276.         margin-bottom:24px;
  277. }
  278.  
  279. dd {
  280.         margin-left:30px;
  281.         margin-bottom:24px;
  282. }
  283.  
  284. ul {
  285.         list-style-type:disc;
  286.         margin-left:30px;
  287.         margin-bottom:24px;
  288. }
  289.  
  290. ul li {
  291.         margin-top:4px;
  292. }
  293.  
  294. ul ul {
  295.         list-style-type:square;
  296.         margin-bottom:0;
  297. }
  298.  
  299. ul ul ul {
  300.         list-style-type:circle;
  301. }
  302.  
  303. ol {
  304.         list-style-type:decimal;
  305.         margin-left:30px;
  306.         margin-bottom:24px;
  307. }
  308.  
  309. ol ol {
  310.         list-style: upper-alpha;
  311.         margin-bottom:0
  312. }
  313.  
  314. ol ol ol {
  315.         list-style: lower-roman;
  316. }
  317.  
  318. ol ol ol ol {
  319.         list-style: lower-alpha;
  320. }
  321.  
  322. address {
  323.         font-size:14px;
  324.         font-style:italic;
  325.         margin-bottom:16px;
  326. }
  327.  
  328. code {
  329.         padding:1px 4px;
  330.         background:#F8F8F8;
  331.         background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
  332.         background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
  333.         background:-o-linear-gradient(#F8F8F8, #F3F3F3);
  334.         background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
  335.         background:linear-gradient(#F8F8F8, #F3F3F3);
  336.         border-radius:4px;
  337.         box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  338.         font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
  339.         font-size:12px;
  340. }
  341.  
  342. kbd,
  343. tt {
  344.         font-family:monospace;
  345. }
  346.  
  347. abbr,
  348. acronym {
  349.         border-bottom:#999 1px dotted;
  350.         cursor:help;
  351. }
  352.  
  353. big {
  354.         font-size:1.3em;
  355. }
  356.  
  357. cite,
  358. em {
  359.         font-style:italic;
  360. }
  361.  
  362. ins {
  363.         padding:1px 4px;
  364.         background:#FF0;
  365.         background:-moz-linear-gradient(#FF3, #EE0);
  366.         background:-webkit-linear-gradient(#FF3, #EE0);
  367.         background:-o-linear-gradient(#FF3, #EE0);
  368.         background:-ms-linear-gradient(#FF3, #EE0);
  369.         background:linear-gradient(#FF3, #EE0);
  370.         border-radius:4px;
  371.         box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  372.         text-decoration:none;
  373. }
  374.  
  375. pre {
  376.         padding:15px;
  377.         background:#F8F8F8;
  378.         border:#E3E3E3 1px dashed;
  379.         color:#000;
  380.         font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
  381.         font-size:12px;
  382.         line-height:1.62em;
  383.         margin-bottom:24px;
  384.         overflow:auto;
  385. }
  386.  
  387. q {
  388.         quotes:inherit;
  389. }
  390.  
  391. q:before {
  392.         content:open-quote;
  393. }
  394.  
  395. q:after {
  396.         content:close-quote;
  397. }
  398.  
  399. strong {
  400.         font-weight:600;
  401. }
  402.  
  403. sup,
  404. sub {
  405.         height:0;
  406.         line-height:1;
  407.         vertical-align:baseline;
  408.         position:relative;
  409.         font-size:10px;
  410. }
  411.  
  412. sup {
  413.         bottom:1ex;
  414. }
  415.  
  416. sub {
  417.         top:.5ex;
  418. }
  419.  
  420. img,
  421. video {
  422.         max-width:100%;
  423.         height:auto;
  424. }
  425.  
  426. figure img {
  427.         display:block;
  428.         margin:0 auto;
  429. }
  430.  
  431. video {
  432.         display:block;
  433. }
  434.  
  435. audio {
  436.         max-width:100%;
  437. }
  438.  
  439. .entry-content a img,
  440. #attachment-nav a img {
  441.         max-width: 98.5%;
  442.         padding:0.8%;
  443.         box-shadow:0 0 3px #EEE;
  444.         background:#FFF;
  445.         border:#EEE 1px solid;
  446. }
  447.  
  448. .entry-content a:hover img,
  449. #attachment-nav a:hover img {
  450.         background:#F0F0F0;
  451. }
  452.  
  453. /*
  454.         WordPress Standard Tags
  455. */
  456.  
  457. .aligncenter {
  458.         display:block;
  459.         margin:20px auto;
  460. }
  461.  
  462. .alignleft {
  463.         float:left;
  464.         margin:10px 20px 10px 0;
  465. }
  466.  
  467. .alignright {
  468.         float:right;
  469.         margin:10px 0 10px 20px;
  470. }
  471.  
  472. .wp-caption {
  473.         max-width:96%;
  474.         padding:3% 2%;
  475.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  476.         background:#FCFCFC;
  477.         border-bottom:#EEE 1px solid;
  478. }
  479.  
  480. .wp-caption a img {
  481.         display:block;
  482.         padding:0;
  483.         margin:0 auto;
  484.         border:none;
  485.         box-shadow:none;
  486. }
  487.  
  488. .wp-caption-text {
  489.         margin:3% 0 0;
  490.         color:#333;
  491.         font-size:13px;
  492.         line-height:1.62em;
  493.         text-align:center;
  494. }
  495.  
  496. .gallery {
  497.         margin:auto;
  498. }
  499.  
  500. .gallery-item {
  501.         float:left;
  502.         padding:10px 0;
  503.         background:#FCFCFC;
  504.         border-bottom:#EEE 1px solid;
  505.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  506.         text-align:center;
  507. }
  508.  
  509. .gallery-columns-1 .gallery-item {
  510.         width:90%;
  511.         margin:0 1.5% 3%;
  512. }
  513.  
  514. .gallery-columns-2 .gallery-item {
  515.         width:45%;
  516.         margin:0 1.5% 3%;
  517. }
  518.  
  519. .gallery-columns-3 .gallery-item {
  520.         width:30%;
  521.         margin:0 1.3% 3%;
  522. }
  523.  
  524. .gallery-columns-4 .gallery-item {
  525.         width:22%;
  526.         margin:0 1.2% 3%;
  527. }
  528.  
  529. .gallery-columns-5 .gallery-item {
  530.         width:17%;
  531.         margin:0 1.2% 3%;
  532. }
  533.  
  534. .gallery-item:hover  {
  535.         background:#F4F4F4;
  536. }
  537.  
  538. .gallery-item a img {
  539.         display:block;
  540.         padding:0;
  541.         margin:0 auto;
  542.         border:none;
  543.         box-shadow:none;
  544. }
  545.  
  546. .gallery-icon {
  547.         margin:0;
  548. }
  549.  
  550. .gallery-caption {
  551.         padding:10px 10px 0;
  552.         margin:0;
  553.         font-size:12px;
  554.         line-height:16px;
  555.         text-align:center;
  556. }
  557.  
  558. .sticky {
  559. }
  560.  
  561. .bypostauthor > .comment-body {
  562.         background:#F0F0F0;
  563. }
  564.  
  565. /*
  566.         Grid System
  567. */
  568.  
  569. .column {
  570.         float:left;
  571. }
  572.  
  573. .onecol {
  574.         width:100%;
  575. }
  576.  
  577. .twocol {
  578.         width:50%;
  579. }
  580.  
  581. .threecol {
  582.         width:33.3%;
  583. }
  584.  
  585. .fourcol {
  586.         width:25%;
  587. }
  588.  
  589. .twothirdcol {
  590.         width:66.7%;
  591. }
  592.  
  593. .threefourthcol {
  594.         width:75%;
  595. }
  596.  
  597. /*
  598.         Theme Design, Layout and Typography
  599. */
  600.  
  601. #wrapper {
  602.         position:relative;
  603.         max-width:1140px;
  604.         margin:0 auto;
  605.         box-shadow:0 0 18px rgba(0, 0, 0, .4);
  606.         background:#f8f8f8;
  607.  
  608.        
  609. }
  610.  
  611. .page-template-template-no-sidebars-php #wrapper,
  612. .page-template-template-blog-no-sidebars-php #wrapper,
  613. .page-template-template-portfolio-no-sidebars-php #wrapper {
  614.         max-width:760px;
  615. }
  616.  
  617. #header {
  618.         border-top:#111 3px solid;
  619.         size: cover;
  620. }
  621.  
  622. #site-title a,
  623. #site-description {
  624.         color:#333;
  625. }
  626.  
  627. #site-title,
  628. #site-description {
  629.         margin:0;
  630.         font-weight:300;
  631.         float:left;
  632.         line-height:150px;
  633. }
  634.  
  635. #site-title {
  636.         margin: 0 auto;
  637.         text-align:center;
  638.         font-family:"Oswald", sans-serif;
  639.         font-size:32px;
  640.         letter-spacing:1px;
  641. }
  642.  
  643. #site-title img {
  644.  
  645.         margin: 0 auto;
  646.         text-align:center;
  647. }
  648.  
  649. #site-description {
  650.         margin-left:20px;
  651.         font-size:12px;
  652.         font-weight:normal;
  653. }
  654.  
  655. #sidebar-header {
  656.         float:right;
  657.         width:728px;
  658.         height:90px;
  659.         margin:15px 0;
  660.         overflow:hidden;
  661. }
  662.  
  663. .page-template-template-no-sidebars-php #sidebar-header {
  664.         width:468px;
  665.         height:60px;
  666.         margin-top:20px;
  667. }
  668.  
  669. #sidebar-header .widget {
  670.         margin:0;
  671. }
  672.  
  673. #sidebar-header .widget-title {
  674.         margin-top:0;
  675. }
  676.  
  677. #sidebar-header img {
  678.         display:block;
  679.         margin:0;
  680. }
  681.  
  682. #header #searchform {
  683.         margin:60px 3.4% 0 3px;
  684. }
  685.  
  686. #header input#s {
  687.         width: 0;
  688.         height: 16px;
  689.         padding:8px 16px;
  690.         margin-right:0;
  691.         background:#dedede url(images/search.png) right center no-repeat;
  692.         background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
  693.         border:none;
  694.         border-radius:24px;
  695.         box-shadow: none;
  696.         color:#999;
  697.         font-size:12px;
  698.         font-family:"Open Sans", sans-serif;
  699.         text-indent: 16px;
  700.         -moz-transition: width .25s ease, margin .25s ease;
  701.         -webkit-transition: width .25s ease, margin .25s ease;
  702.         -o-transition: width .25s ease, margin .25s ease;
  703.         -ms-transition: width .25s ease, margin .25s ease;
  704.         transition: width .25s ease, margin .25s ease;
  705. }
  706.  
  707. #header input#s:focus {
  708.         width:180px;
  709.         background:#ececec url(images/search.png) right center no-repeat;
  710.         box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
  711.         color:#333;
  712.         text-indent: 0;
  713. }
  714.  
  715. .widget-area #s {
  716.         padding: 3%;
  717.         margin: 0;
  718.         width: 94%;
  719. }
  720.  
  721. #sidebar-left #s,
  722. #sidebar-right #s {
  723.         max-width:88%;
  724.         width: auto;
  725.         padding: 6%;
  726. }
  727.  
  728. input#searchsubmit {
  729.         display:none;
  730.         width:30px;
  731.         padding:2px;
  732.         margin-right:10px;
  733.         background:#a8a8a8;
  734.         background:-moz-linear-gradient(#CCC,#999);
  735.         background:-webkit-linear-gradient(#CCC,#999);
  736.         background:-o-linear-gradient(#CCC,#999);
  737.         background:-ms-linear-gradient(#CCC,#999);
  738.         background:linear-gradient(#CCC,#999);
  739.         border:#999 1px solid;
  740.         color:#333;
  741.         text-align:center;
  742. }
  743.  
  744. #social-media-icons {
  745.         float: right;
  746.         margin-top: 60px;
  747. }
  748.  
  749. a.social-media-icon {
  750.         display: inline-block;
  751.         width: 32px;
  752.         height: 32px;
  753.         margin-right: 6px;
  754.         background-position: 0 0;
  755.         overflow: hidden;
  756.         text-indent: -1000px;
  757.         -moz-transition: background-position .25s ease;
  758.         -webkit-transition: background-position .25s ease;
  759.         -o-transition: background-position .25s ease;
  760.         -ms-transition: background-position .25s ease;
  761.         transition: background-position .25s ease;
  762. }
  763.  
  764. a.social-media-icon:hover {
  765.         background-position: 0 -32px;
  766. }
  767.  
  768. .facebook {
  769.         background-image: url(images/facebook.png);
  770. }
  771.  
  772. .twitter {
  773.         background-image: url(images/twitter.png);
  774. }
  775.  
  776. .pinterest {
  777.         background-image: url(images/pinterest.png);
  778. }
  779.  
  780. .flickr {
  781.         background-image: url(images/flickr.png);
  782. }
  783.  
  784. .vimeo {
  785.         background-image: url(images/vimeo.png);
  786. }
  787.  
  788. .youtube {
  789.         background-image: url(images/youtube.png);
  790. }
  791.  
  792. .google-plus {
  793.         background-image: url(images/google-plus.png);
  794. }
  795.  
  796. .dribble {
  797.         background-image: url(images/dribble.png);
  798. }
  799.  
  800. .linkedin {
  801.         background-image: url(images/linkedin.png);
  802. }
  803.  
  804. #header-image {
  805.         float: none;
  806.         display:block;
  807.         max-width:99.1%;
  808.         padding:0.45%;
  809.         margin-bottom:1.76%;
  810.         box-shadow:0 0 3px #999;
  811.         background:#fff;
  812.         text-align: center;
  813. }
  814.  
  815. #access {
  816.         padding:0 20px;
  817.         background:#111;
  818.         box-shadow:0 0 7px rgba(0, 0, 0, .1);
  819. }
  820.  
  821. #access ul {
  822.         float:left;
  823.         padding:0;
  824.         margin:0;
  825.         list-style:none;
  826.         font-weight:600;
  827.         text-transform:uppercase;
  828. }
  829.  
  830. #access li {
  831.         position:relative;
  832.         float:left;
  833.         padding:0;
  834.         margin:0;
  835. }
  836.  
  837. #access ul li:first-child {
  838.         padding-left:0;
  839. }
  840.  
  841. #access a {
  842.         display:block;
  843.         padding:15px 24px;
  844.         color:#f0f0f0;
  845.         text-decoration:none;
  846.         -moz-transition: background-color .25s ease, margin .25s ease;
  847.         -webkit-transition: background-color .25s ease, margin .25s ease;
  848.         -o-transition: background-color .25s ease, margin .25s ease;
  849.         -ms-transition: background-color .25s ease, margin .25s ease;
  850.         transition: background-color .25s ease, margin .25s ease;
  851. }
  852.  
  853.  
  854. #access a:hover,
  855. #access li.current_page_item > a,
  856. #access li.current-menu-item > a {
  857.         background:rgba(255, 255, 255, .2);
  858.         color:#fff;
  859.         text-decoration:none;
  860. }
  861.  
  862. #access a span {
  863.         color:#999;
  864.         font-size:11px;
  865.         font-style:italic;
  866.         font-weight:normal;
  867.         line-height:1.62em;
  868.         text-transform:none;
  869. }
  870.  
  871. .drop-down-toggle {
  872.         display:none;
  873.         position:absolute;
  874.         top:7px;
  875.         right:16px;
  876.         width:20px;
  877.         height:20px;
  878.         background:#333;
  879.         border:#eee 3px solid;
  880.         border-radius:15px;
  881. }
  882.  
  883. .drop-down-arrow {
  884.         display:block;
  885.         width:0;
  886.         height:0;
  887.         margin:8px 0 0 5px;
  888.         border-top:5px solid #eee;
  889.         border-left:transparent 5px solid;
  890.         border-right:transparent 5px solid;
  891. }
  892.  
  893. #access li li {
  894.         float:none;
  895.         min-width:190px;
  896.         padding:0;
  897.         margin:0;
  898.         background:#333;
  899.         border-top:rgba(255, 255, 255, .05) 1px solid;
  900.         border-bottom:rgba(0, 0, 0, .1) 1px solid;
  901. }
  902.  
  903. #access li li a {
  904.         min-width:150px;
  905.         padding:5px 24px;
  906.         margin:0;
  907.         background: none;
  908.         font-size:13px;
  909.         line-height:33px;
  910.         text-align:left;
  911.         overflow:hidden;
  912. }
  913.  
  914. #access li li:first-child > a {
  915.         border-top: none;
  916. }
  917.  
  918. #access li li:last-child > a {
  919.         border-bottom: none;
  920. }
  921.  
  922. #access li li a:hover {
  923.         background:rgba(255, 255, 255, .2);
  924. }
  925.  
  926. #access li ul {
  927.         display:none;
  928.         position:absolute;
  929.         z-index:9999;
  930.         min-width:240px;
  931.         height:auto;
  932.         padding:0;
  933.         margin:0;
  934.         box-shadow:0 0 3px #333;
  935.         font-weight: normal;
  936.         text-transform: none;
  937. }
  938.  
  939. #access li ul ul {
  940.         margin:-45px 0 0 240px !important;
  941. }
  942.  
  943. #access li:hover > ul,
  944. #access li li:hover > ul,
  945. #access li li li:hover > ul {
  946.         display:block;
  947. }
  948.  
  949. #access .nav-show,
  950. #access .nav-hide {
  951.         display:none;
  952. }
  953.  
  954. .page-template-template-no-sidebars-php #container {
  955.         margin:2.4%;
  956. }
  957.  
  958. #slider {
  959.         position:relative;
  960. }
  961.  
  962. #slider a:active {
  963.         outline:none;
  964. }
  965.  
  966. .slides,
  967. .flex-control-nav {
  968.         margin:0;
  969.         padding:0;
  970.         list-style:none;
  971. }
  972.  
  973. .slides {
  974.         width:100%;
  975.         overflow:hidden;
  976. }
  977.  
  978. #slider .slides > li {
  979.         display:none;
  980.         position:relative;
  981.         margin:0;
  982. }
  983.  
  984. #slider .slides li:first-child {
  985.         display:list-item;
  986. }
  987.  
  988. .flex-pauseplay span {
  989.         text-transform:capitalize;
  990. }
  991.  
  992. .slides:after {
  993.         content:".";
  994.         display:block;
  995.         clear:both;
  996.         visibility:hidden;
  997.         line-height:0;
  998.         height:0;
  999. }
  1000.  
  1001. .flex-control-nav {
  1002.         position:absolute;
  1003.         right:0;
  1004.         bottom:4%;
  1005.         width:100%;
  1006.         list-style: none;
  1007.         text-align:center;
  1008. }
  1009.  
  1010. .flex-control-nav li {
  1011.         display:inline-block;
  1012.         margin:0 0 0 15px;
  1013. }
  1014.  
  1015. .flex-control-nav li:first-child {
  1016.         margin:0;
  1017. }
  1018.  
  1019. .flex-control-nav li a {
  1020.         display:block;
  1021.         width:10px;
  1022.         height:10px;
  1023.         cursor:pointer;
  1024.         background:rgba(255, 255, 255, .4);
  1025.         border-radius:24px;
  1026.         color:#333;
  1027.         font-weight:600;
  1028.         line-height:24px;
  1029.         text-indent:-48px;
  1030.         overflow:hidden;
  1031. }
  1032.  
  1033. .flex-control-nav li a.flex-active,
  1034. .flex-control-nav li a:hover {
  1035.         background:rgba(255, 255, 255, .8);
  1036. }
  1037.  
  1038. .flex-direction-nav,
  1039. .flex-pauseplay {
  1040.         position:absolute;
  1041.         right:43px;
  1042.         bottom:8%;
  1043.         width:100px;
  1044.         margin: 0;
  1045.         list-style: none;
  1046.         font-size: 18px;
  1047.         font-weight: 600;
  1048.         z-index: 2;
  1049. }
  1050.  
  1051. .flex-pauseplay {
  1052.         right:30px;
  1053.         width: 26px;
  1054.         font-size: 15px;
  1055. }
  1056.  
  1057. .flex-pause {
  1058.         font-family: sans-serif;
  1059. }
  1060.  
  1061. .flex-direction-nav li,
  1062. .flex-pauseplay a {
  1063.         float: left;
  1064.         margin: 0 5px;
  1065.         background: rgba(0, 0, 0, .15);
  1066.         border-radius: 4px;
  1067. }
  1068.  
  1069. .flex-direction-nav a,
  1070. .flex-pauseplay a {
  1071.         display: inline-block;
  1072.         width: 18px;
  1073.         padding: 4px 8px;
  1074.         color: #fff;
  1075.         opacity: .8;
  1076.         text-align: center;
  1077.         cursor: pointer;
  1078. }
  1079.  
  1080. .flex-direction-nav a:hover,
  1081. .flex-pauseplay a {
  1082.         opacity: 1;
  1083. }
  1084.  
  1085. #slider .hentry {
  1086.         margin:0;
  1087.         box-shadow:none;
  1088.         background:none;
  1089.         border:none;
  1090.         color:#fff;
  1091.         text-align:right;
  1092. }
  1093.  
  1094. #slider .wp-post-image,
  1095. #slider .entry-attachment {
  1096.         position:relative;
  1097.         top:0;
  1098.         left:0;
  1099.         width:100%;
  1100. }
  1101.  
  1102. #slider .entry-attachment {
  1103.         z-index: 1;
  1104. }
  1105.  
  1106. #slider ul li:first-child .entry-container {
  1107.         display: block;
  1108. }
  1109.  
  1110. #slider .entry-title {
  1111.         display: none;
  1112.         position:absolute;
  1113.         top:32%;
  1114.         right:0;
  1115.         z-index:1;
  1116.         float:right;
  1117.         float:right;
  1118.         margin:0;
  1119.         font-family: "Open Sans", sans-serif;
  1120.         font-size:36px;
  1121.         line-height:1.62em;
  1122. }
  1123.  
  1124. #slider li:first-child .entry-title {
  1125.         display: block;
  1126. }
  1127.  
  1128. #slider .entry-title a {
  1129.         display:block;
  1130.         padding:10px 20px;
  1131.         background:rgba(0, 0, 0, .15);
  1132.         color:#fff;
  1133. }
  1134.  
  1135. #slider .entry-summary {
  1136.         clear: both;
  1137.         float:right;
  1138.         max-width: 61.8%;
  1139.         min-width: 324px;
  1140.         padding:10px 20px;
  1141.         background:rgba(0, 0, 0, .15);
  1142. }
  1143.  
  1144. #slider .entry-summary .entry-attachment {
  1145.         position:static;
  1146.         max-width:100%;
  1147.         height:auto;
  1148.         padding:0;
  1149.         background:none;
  1150. }
  1151.  
  1152. #slider .entry-attachment,
  1153. #slider .entry-attachment p {
  1154.         margin-bottom:0;
  1155. }
  1156.  
  1157. #current-location,
  1158. #sidebar-wide,
  1159. #sidebar-footer-wide {
  1160.         padding: 20px 3.1%;
  1161.         background: #eee;
  1162.         border-bottom: #e0e0e0 1px solid;
  1163.         border-bottom: rgba(0, 0, 0, .055) 1px solid;
  1164.         font-weight: 300;
  1165. }
  1166.  
  1167. #sidebar-wide,
  1168. #sidebar-footer-wide {
  1169.         text-align:center;
  1170. }
  1171.  
  1172. #current-location {
  1173.         padding-top:12px;
  1174. }
  1175.  
  1176. #current-location .prefix-text {
  1177.         margin:12px 0 0;
  1178.         color:#999;
  1179.         font-family:"Open Sans", sans-serif;
  1180.         font-size:12px;
  1181.         font-weight:300;
  1182.         line-height:1.62em;
  1183.         text-transform:uppercase;
  1184. }
  1185.  
  1186. .category-description {
  1187.         margin-top: 4px;
  1188.         color: #999;
  1189. }
  1190.  
  1191. .category-description p {
  1192.         margin: 0;
  1193. }
  1194.  
  1195. .page-title,
  1196. #sidebar-wide .widget-title,
  1197. #sidebar-footer-wide .widget-title {
  1198.         margin:0;
  1199.         font-family:"Open Sans", sans-serif;
  1200.         font-size:32px;
  1201.         font-style:italic;
  1202.         font-weight:300;
  1203.         letter-spacing:normal;
  1204. }
  1205.  
  1206. #sidebar-wide .widget,
  1207. #sidebar-footer-wide .widget {
  1208.         margin:0;
  1209. }
  1210.  
  1211. #sidebar-boxes {
  1212.         padding:1.6%;
  1213. }
  1214.  
  1215. #container {
  1216.         margin:1.6%;
  1217. }
  1218.  
  1219. .page-template-template-no-sidebars-php #content,
  1220. .page-template-template-blog-no-sidebars-php #content,
  1221. .page-template-template-portfolio-no-sidebars-php #content {
  1222.         width: 100%;
  1223. }
  1224.  
  1225. .content-sidebar-wrap {
  1226.         float:left;
  1227.         width:85.15%;
  1228. }
  1229.  
  1230. .category-filter a {
  1231.         display: inline-block;
  1232.         padding: 1% 2%;
  1233.         margin-left: 2%;
  1234.         background:#fff;
  1235.         border-bottom:#eee 1px solid;
  1236.         border-radius: 4px;
  1237.         font-weight: 300;
  1238. }
  1239.  
  1240. .category-filter a:first-child {
  1241.         margin: 0;
  1242. }
  1243.  
  1244. .category-filter a:hover {
  1245.         background:#fcfcfc;
  1246. }
  1247.  
  1248. .single #content .hentry,
  1249. .page #content .hentry {
  1250.         box-shadow:none;
  1251.         background:none;
  1252.         border:none;
  1253. }
  1254.  
  1255. .page-template-template-sidebar-content-php #content,
  1256. .page-template-template-sidebar-content-half-php #content,
  1257. .page-template-template-blog-left-sidebar-php #content,
  1258. .page-template-template-portfolio-left-sidebar-php #content {
  1259.         float:right;
  1260. }
  1261.  
  1262. .page-template-template-content-sidebar-php #content {
  1263.         float:left;
  1264. }
  1265.  
  1266. .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content {
  1267.         float:right;
  1268.         width:80.5%;
  1269. }
  1270.  
  1271. .entry,
  1272. #comments,
  1273. #respond {
  1274.         margin:2.5%;
  1275.         background:#fff;
  1276.         border-bottom:#DDD 1px solid;
  1277.         border-bottom:rgba(0, 0, 0, .13) 1px solid;
  1278.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1279. }
  1280.  
  1281. .onecol .hentry .entry,
  1282. .onecol .hentry #comments,
  1283. .onecol .hentry #respond,
  1284. .category-filter {
  1285.         margin:1.7%;
  1286. }
  1287.  
  1288. .onecol .twocol .entry {
  1289.         margin: 3.4%;
  1290. }
  1291.  
  1292. .twocol .entry,
  1293. .onecol .threecol .entry,
  1294. #sidebar-boxes .widget,
  1295. .threecol .widget {
  1296.         margin:5%;
  1297. }
  1298.  
  1299. .threefourthcol .threecol .entry,
  1300. .onecol .fourcol .entry,
  1301. .fourcol .widget {
  1302.         margin:7.5%;
  1303. }
  1304.  
  1305. .twocol .onecol .entry,
  1306. .twocol .onecol #comments,
  1307. .twocol .onecol #respond,
  1308. .twocol .widget {
  1309.         margin: 3.4%;
  1310. }
  1311.  
  1312. .single .entry,
  1313. .page .entry,
  1314. .error404 .entry {
  1315.         padding: 20px;
  1316.         margin-bottom:5.1% !important;
  1317. }
  1318.  
  1319. .page-template-template-blog-php.page .entry,
  1320. .page-template-template-blog-full-width-php.page .entry,
  1321. .page-template-template-blog-four-col-php.page .entry,
  1322. .page-template-template-blog-left-sidebar-php.page .entry,
  1323. .page-template-template-blog-no-sidebars-php.page .entry,
  1324. .page-template-template-portfolio-php.page .entry,
  1325. .page-template-template-portfolio-right-sidebar-php.page .entry,
  1326. .page-template-template-portfolio-four-col-php.page .entry,
  1327. .page-template-template-portfolio-left-sidebar-php.page .entry,
  1328. .page-template-template-portfolio-no-sidebars-php.page .entry {
  1329.         padding: 0;
  1330. }
  1331.  
  1332. .page-template-template-no-sidebars-php .onecol .hentry .entry {
  1333.         margin: 2.5%;
  1334. }
  1335.  
  1336. .wp-post-image {
  1337.         display:block;
  1338.         width:100%;
  1339. }
  1340.  
  1341. .page-template-template-full-width-php .hentry.onecol .wp-post-image,
  1342. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  1343. .page-template-template-full-width-php .hentry.onecol .post-gallery {
  1344.         float:right;
  1345.         max-width:69.5%;
  1346.         margin-bottom:2.9%;
  1347. }
  1348.  
  1349. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  1350. .page-template-template-full-width-php .hentry.onecol .post-gallery {
  1351.         width:69.5%;
  1352. }
  1353.  
  1354. .format-status .avatar {
  1355.         display: block;
  1356.         float:left;
  1357.         margin-right: 20px;
  1358. }
  1359.  
  1360. .format-image figure img {
  1361.         width:100%;
  1362. }
  1363.  
  1364. .format-audio object {
  1365.         height:24px;
  1366. }
  1367.  
  1368. .twocol .entry-attachment p {
  1369.         margin-bottom:6px;
  1370. }
  1371.  
  1372. .entry-container {
  1373.         padding:2.9%;
  1374.         margin:0;
  1375. }
  1376.  
  1377. .twocol .entry-container {
  1378.         padding:5.8%;
  1379. }
  1380.  
  1381. .threecol .entry-container {
  1382.         padding:6.1%;
  1383. }
  1384.  
  1385. .fourcol .entry-container {
  1386.         padding:8.5%;
  1387. }
  1388.  
  1389. .page-template-template-portfolio-php .post.onecol .entry-header {
  1390.         float:left;
  1391.         width:27.6%;
  1392. }
  1393.  
  1394. .page-template-template-portfolio-php .post.onecol .entry-summary {
  1395.         float:right;
  1396.         width:69.5%;
  1397. }
  1398.  
  1399. .page-template-template-portfolio-php .post.onecol .wp-post-image,
  1400. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  1401. .page-template-template-portfolio-php .post.onecol .post-gallery {
  1402.         float:right;
  1403.         max-width:69.5%;
  1404. }
  1405.  
  1406. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  1407. .page-template-template-portfolio-php .post.onecol .post-gallery {
  1408.         width:69.5%;
  1409. }
  1410.  
  1411. .page-template-template-portfolio-right-sidebar-php .twocol .entry-title,
  1412. .page-template-template-portfolio-left-sidebar-php .twocol .entry-title,
  1413. .page-template-template-portfolio-php .threecol .entry-title,
  1414. .page-template-template-portfolio-four-col-php .fourcol .entry-title,
  1415. .page-template-template-portfolio-no-sidebars-php .twocol .entry-title {
  1416.         margin: 0;
  1417.         text-align: center;
  1418. }
  1419.  
  1420. .entry-title,
  1421. #comments-title,
  1422. #reply-title {
  1423.         font-family:"Oswald", sans-serif;
  1424.         font-weight:300;
  1425.         letter-spacing:1px;
  1426.         overflow: hidden;
  1427. }
  1428.  
  1429. .page-template-template-full-width-php .hentry.onecol .entry-header,
  1430. .page-template-template-blog-full-width-php .hentry.onecol .entry-header,
  1431. .page-template-template-blog-four-col-php .hentry.onecol .entry-header {
  1432.         float:left;
  1433.         width:27.6%;
  1434. }
  1435.  
  1436. .single.page-template-template-full-width-php .hentry.onecol .entry-header,
  1437. .page.page-template-template-full-width-php .hentry.onecol .entry-header,
  1438. .error404.page-template-template-full-width-php .hentry.onecol .entry-header {
  1439.         float: none;
  1440.         width: auto;
  1441. }
  1442.  
  1443. .page-template-template-full-width-php .hentry.onecol .entry-summary,
  1444. .page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
  1445. .page-template-template-blog-four-col-php .hentry.onecol .entry-summary,
  1446. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  1447. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  1448. .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
  1449.         float:right;
  1450.         width:69.5%;
  1451. }
  1452.  
  1453. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  1454. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  1455. .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
  1456.         margin-bottom: 24px;
  1457. }
  1458.  
  1459. .entry-title
  1460. .page.page-template-template-blog-php .onecol .entry-title,
  1461. .page.page-template-template-portfolio-php .onecol .entry-title {
  1462.         font-size:28px;
  1463.         line-height:1.62em;
  1464. }
  1465.  
  1466. .single .entry-title,
  1467. .page .entry-title,
  1468. .error404 .entry-title {
  1469.         margin:0 0 18px 0;
  1470.         font-size:36px;
  1471.         line-height:1.62em;
  1472. }
  1473.  
  1474. .twocol .entry-title,
  1475. .threecol .entry-title,
  1476. .page-template-template-blog-php .twocol .entry-title,
  1477. .page-template-template-blog-php .threecol .entry-title,
  1478. .page-template-template-portfolio-php .twocol .entry-title,
  1479. .page-template-template-portfolio-php .threecol .entry-title {
  1480.         font-size:24px;
  1481.         line-height:1.62em;
  1482. }
  1483.  
  1484. .fourcol .entry-title,
  1485. .page-template-template-blog-php .fourcol .entry-title,
  1486. .page-template-template-portfolio-php .fourcol .entry-title {
  1487.         font-size:18px;
  1488.         line-height:1.62em;
  1489. }
  1490.  
  1491. .page .entry-title,
  1492. .error404 .entry-title {
  1493.         margin-bottom:24px;
  1494. }
  1495.  
  1496. .entry-title a {
  1497.         color:#333;
  1498. }
  1499.  
  1500. .entry-title a:hover {
  1501.         color:#eb9ea6;
  1502. }
  1503.  
  1504. .format-link .entry-title a:after {
  1505.         content:"\2192";
  1506.         padding-left:8px;
  1507. }
  1508.  
  1509. .entry-meta {
  1510.         padding:1.5% 2.9%;
  1511.         background:#FCFCFC;
  1512.         border-top:#F3F3F3 1px solid;
  1513.         border-top:rgba(0, 0, 0, .035) 1px solid;
  1514.         color:#CCC;
  1515.         font-size:12px;
  1516.         font-weight:300;
  1517. }
  1518.  
  1519. .entry-header .entry-meta {
  1520.         padding:0;
  1521.         background:none;
  1522.         border:none;
  1523. }
  1524.  
  1525. .single .entry-meta {
  1526.         padding:1.5% 2.4%;
  1527.         margin-bottom:24px;
  1528.         background:none;
  1529.         border-top:#F4F4F4 1px solid;
  1530.         border-bottom:#F4F4F4 1px solid;
  1531. }
  1532.  
  1533. .entry-meta span {
  1534.         padding-left:24px;
  1535.         margin-left:32px;
  1536. }
  1537.  
  1538. .entry-header .entry-meta span {
  1539.         display:block;
  1540.         float:none;
  1541.         padding:6px 0 6px 24px;
  1542.         margin:0;
  1543. }
  1544.  
  1545. .single .entry-meta span {
  1546.         display:inline;
  1547.         padding:0 0 0 24px;
  1548.         margin-left:32px;
  1549. }
  1550.  
  1551. .entry-meta span.custom-meta,
  1552. .single .entry-meta span.custom-meta {
  1553.         padding-left: 0;
  1554.         background: none;
  1555.         color: #999;
  1556. }
  1557.  
  1558. .custom-meta.entry-category {
  1559.         font-weight: normal;
  1560.         text-transform: uppercase;
  1561. }
  1562.  
  1563. .entry-meta span:first-child,
  1564. .single .entry-meta span:first-child,
  1565. .page .entry-meta span:first-child {
  1566.         margin: 0;
  1567. }
  1568.  
  1569. .entry-meta a {
  1570.         color:#7597B9;
  1571. }
  1572.  
  1573. .entry-meta a:hover {
  1574.         color:#d54e21;
  1575. }
  1576.  
  1577. .entry-summary .entry-attachment {
  1578.         margin-bottom:18px;
  1579. }
  1580.  
  1581. .entry-author-link {
  1582.         background:url(images/user.png) left center no-repeat;
  1583. }
  1584.  
  1585. .entry-date {
  1586.         background:url(images/time.png) left center no-repeat;
  1587. }
  1588.  
  1589. .entry-category {
  1590.         background:url(images/ribbon.png) left center no-repeat;
  1591. }
  1592.  
  1593. .attachment-size {
  1594.         background:url(images/image.png) left center no-repeat;
  1595. }
  1596.  
  1597. .edit-link {
  1598.         background:url(images/edit.png) left center no-repeat;
  1599. }
  1600.  
  1601. .entry-permalink {
  1602.         float:right;
  1603.         margin:0;
  1604.         background:url(images/link.png) left center no-repeat;
  1605. }
  1606.  
  1607. .entry-summary p {
  1608.         margin:0;
  1609. }
  1610.  
  1611. .format-aside .entry-summary p,
  1612. .format-status .entry-summary p,
  1613. .format-quote .entry-summary p  {
  1614.         margin-bottom:6px;
  1615. }
  1616.  
  1617. .onecol .onecol .entry-summary,
  1618. .entry-content {
  1619.         font-size:15px;
  1620.         line-height:1.62em;
  1621. }
  1622.  
  1623. .format-chat .entry-content {
  1624.         margin-bottom:2.9%;
  1625. }
  1626.  
  1627. .single-format-chat .entry-content {
  1628.         margin-bottom:24px;
  1629. }
  1630.  
  1631. .format-chat .entry-content p,
  1632. .format-chat .entry-summary p {
  1633.         padding:2px 2.9%;
  1634.         margin:0;
  1635. }
  1636.  
  1637.  
  1638.  
  1639. .twocol.format-chat .entry-content p,
  1640. .twocol.format-chat .entry-summary p {
  1641.         padding:2px 5.8%;
  1642. }
  1643.  
  1644. .threecol.format-chat .entry-content p,
  1645. .threecol.format-chat .entry-summary p {
  1646.         padding:2px 6.1%;
  1647. }
  1648.  
  1649. .format-chat .entry-content p:nth-child(odd),
  1650. .format-chat .entry-summary p:nth-child(odd)  {
  1651.         background:#f9f9f9;
  1652.         font-weight:600;
  1653. }
  1654.  
  1655. .single .format-chat .entry-content p:last-child
  1656. .single .format-chat .entry-summary p:last-child {
  1657.         margin-bottom:24px;
  1658. }
  1659.  
  1660. .entry-content .entry-attachment {
  1661.         margin-bottom:24px;
  1662. }
  1663.  
  1664. .entry-attachment p {
  1665.         margin:0;
  1666. }
  1667.  
  1668. .post-gallery-item img {
  1669.         display:block;
  1670.         float:left;
  1671. }
  1672.  
  1673. .attachment-gallery-1-thumb {
  1674.         max-width:61.714288%;
  1675. }
  1676.  
  1677. .attachment-gallery-2-thumb,
  1678. .attachment-gallery-3-thumb {
  1679.         max-width:38.285712%;
  1680. }
  1681.  
  1682. .entry-attachment img {
  1683.         display:block;
  1684.         margin:0 auto 18px;
  1685. }
  1686.  
  1687. .button {
  1688.         display: inline-block;
  1689.         padding: 5px 18px;
  1690.         border-radius: 100px;
  1691.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1692.         color: #fff;
  1693.         margin: 5px;
  1694. }
  1695.  
  1696. a.button:hover {
  1697.         color: #fff;
  1698.         box-shadow:0 0 5px rgba(0, 0, 0, .2);
  1699. }
  1700.  
  1701. .button-big {
  1702.         padding: 10px 24px;
  1703.         font-size: 18px;
  1704. }
  1705.  
  1706. .button-blue {
  1707.         background: #30AEE7;
  1708.         background: -webkit-linear-gradient(#30AEE7, #247FA8);
  1709.         border-bottom: 1px solid #14455B;
  1710. }
  1711.  
  1712. .button-blue:hover {
  1713.         background: -webkit-linear-gradient(#247FA8, #30AEE7);
  1714. }
  1715.  
  1716. .button-yellow {
  1717.         background: #F4F434;
  1718.         background: -webkit-linear-gradient(#F4F434, #DADA2F);
  1719.         border-bottom: 1px solid #686817;
  1720. }
  1721.  
  1722. .button-yellow:hover {
  1723.         background: -webkit-linear-gradient(#DADA2F, #F4F434);
  1724. }
  1725.  
  1726. .button-olive {
  1727.         background: #E7AE31;
  1728.         background: -webkit-linear-gradient(#E7AE31, #A87F24);
  1729.         border-bottom: 1px solid #5B4514;
  1730. }
  1731.  
  1732. .button-olive:hover {
  1733.         background: -webkit-linear-gradient(#A87F24, #E7AE31);
  1734. }
  1735.  
  1736. .button-purple {
  1737.         background: #E731AE;
  1738.         background: -webkit-linear-gradient(#E731AE, #A8247F);
  1739.         border-bottom: 1px solid #5B1445;
  1740. }
  1741.  
  1742. .button-purple:hover {
  1743.         background: -webkit-linear-gradient(#A8247F, #E731AE);
  1744. }
  1745.  
  1746. .button-red {
  1747.         background: #E73131;
  1748.         background: -webkit-linear-gradient(#E73131, #A82424);
  1749.         border-bottom: 1px solid #5B1445;
  1750. }
  1751.  
  1752. .button-red:hover {
  1753.         background: -webkit-linear-gradient(#A82424, #E73131);
  1754. }
  1755.  
  1756. .button-green {
  1757.         background: #31E731;
  1758.         background: -webkit-linear-gradient(#31E731, #24A824);
  1759.         border-bottom: 1px solid #5B1445;
  1760. }
  1761.  
  1762. .button-green:hover {
  1763.         background: -webkit-linear-gradient(#24A824, #31E731);
  1764. }
  1765.  
  1766. .button-orange {
  1767.         background: #FF6103;
  1768.         background: -webkit-linear-gradient(#FF6103, #E55703);
  1769.         border-bottom: 1px solid #5B1445;
  1770. }
  1771.  
  1772. .button-orange:hover {
  1773.         background: -webkit-linear-gradient(#E55703, #FF6103);
  1774. }
  1775.  
  1776. .notice {
  1777.         padding: 12px;
  1778.         margin-bottom: 24px;
  1779.         border-radius: 4px;
  1780.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1781. }
  1782.  
  1783. .info {
  1784.         background: #CEFFCE;
  1785.         border-bottom: 1px solid #9ABF9A;
  1786. }
  1787.  
  1788. .warning {
  1789.         background: #FFFFCE;
  1790.         border-bottom: 1px solid #BFBF9A;
  1791. }
  1792.  
  1793. .error {
  1794.         background: #FFCECE;
  1795.         border-bottom: 1px solid #BF9A9A;
  1796. }
  1797.  
  1798. .dropcap:first-letter {
  1799.         display: inline-block;
  1800.         float: left;
  1801.         min-width: 42px;
  1802.         padding: 20px 10px;
  1803.         border-radius: 4px;
  1804.         font-size: 48px;
  1805.         font-weight:600;
  1806.         text-align: center;
  1807. }
  1808.  
  1809. .dropcap-blue:first-letter {
  1810.         color: #30AEE7;
  1811. }
  1812.  
  1813. .dropcap-yellow:first-letter {
  1814.         color: #F4F434;
  1815. }
  1816.  
  1817. .dropcap-olive:first-letter {
  1818.         color: #E7AE31;
  1819. }
  1820.  
  1821. .dropcap-purple:first-letter {
  1822.         color: #E731AE;
  1823. }
  1824.  
  1825. .dropcap-red:first-letter {
  1826.         color: #E73131;
  1827. }
  1828.  
  1829. .dropcap-green:first-letter {
  1830.         color: #31E731;
  1831. }
  1832.  
  1833. .dropcap-orange:first-letter {
  1834.         color: #FF6103;
  1835. }
  1836.  
  1837. .dropcap-grey:first-letter {
  1838.         margin-right: 10px;
  1839.         background: #eee;
  1840. }
  1841.  
  1842. .dropcap-black:first-letter {
  1843.         margin-right: 10px;
  1844.         background: #333;
  1845.         color: #ddd;
  1846. }
  1847.  
  1848. .dropcap-circle:first-letter {
  1849.         border-radius: 60px;
  1850. }      
  1851.  
  1852. .columns .column {
  1853.         margin-left: 3%;
  1854. }
  1855.  
  1856. .columns .column:first-child {
  1857.         margin: 0;
  1858. }
  1859.  
  1860. .columns .twocol {
  1861.         width: 48.5%;
  1862.        
  1863. }
  1864.  
  1865. .columns .threecol {
  1866.         width: 31.3%;
  1867. }
  1868.  
  1869. .columns .fourcol {
  1870.         width: 22.75%;
  1871.        
  1872. }
  1873.  
  1874. .columns .twothirdcol {
  1875.         width: 65.7%;
  1876. }
  1877.  
  1878. .columns .threefourthcol {
  1879.         width: 74.5%;
  1880. }
  1881.  
  1882. .column .threecol.box {
  1883.         width: 25.3%;
  1884.         padding: 3%;
  1885.         margin-bottom: 24px;
  1886.         background: #f8f8f8;
  1887.         border-bottom:#ddd 1px solid;
  1888.         box-shadow:0 0px 5px rgba(0, 0, 0, .15);
  1889. }
  1890.  
  1891. .column .threecol.box p {
  1892.         margin: 0;
  1893. }
  1894.  
  1895. .entry-utility {
  1896.         padding-top:20px;
  1897.         border-top:#eee 1px solid;
  1898. }
  1899.  
  1900. .post-pagination {
  1901.         margin-bottom:12px;
  1902. }
  1903.  
  1904. #attachment-nav {
  1905.         padding-bottom:12px;
  1906.         margin-bottom:18px;
  1907.         border-bottom:#EEE 1px solid;
  1908. }
  1909.  
  1910. #attachment-nav a img {
  1911.         display:block;
  1912.         max-width: 50%;
  1913. }
  1914.  
  1915. #attachment-nav .nav-previous img {
  1916.         float:left;
  1917.         padding: 5px;
  1918. }
  1919.  
  1920. #attachment-nav .nav-next img {
  1921.         float:right;
  1922.         padding: 5px;
  1923. }
  1924.  
  1925. .entry-tags {
  1926.         margin: -8px -8px 16px;
  1927. }
  1928.  
  1929. .entry-tags a {
  1930.         position: relative;
  1931.         display: inline-block;
  1932.         padding:1px 4px 1px 16px;
  1933.         margin: 8px;
  1934.         background:#F8F8F8;
  1935.         background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
  1936.         background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
  1937.         background:-o-linear-gradient(#F8F8F8, #F3F3F3);
  1938.         background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
  1939.         background:linear-gradient(#F8F8F8, #F3F3F3);
  1940.         border-radius:4px;
  1941.         box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  1942.         color: #333;
  1943.         font-size: 12px;
  1944. }
  1945.  
  1946. .entry-tags a:before {
  1947.         content: "";
  1948.         position: absolute;
  1949.         top: 8px;
  1950.         left: 6px;
  1951.         width: 6px;
  1952.         height: 6px;
  1953.         background: #fff;
  1954.         border-radius: 3px;
  1955.         box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
  1956. }
  1957.  
  1958. .entry-tags a:hover {
  1959.         top: -3px;
  1960.         -moz-transition: top .1s ease;
  1961.         -webkit-transition: top .1s ease;
  1962.         -o-transition: top .1s ease;
  1963.         -ms-transition: top .1s ease;
  1964.         transition: top .1s ease;
  1965. }
  1966.  
  1967. .social-bookmarks {
  1968.         margin-bottom:20px;
  1969.         font-size:12px;
  1970.         font-weight:600;
  1971. }
  1972.  
  1973. .social-bookmarks p {
  1974.         margin-bottom:12px;
  1975. }
  1976.  
  1977. .facebook-like,
  1978. .twitter-button,
  1979. .google-plusone,
  1980. .pinterest-button {
  1981.         float:left;
  1982. }
  1983.  
  1984. .facebook-like {
  1985.         width:110px;
  1986. }
  1987.  
  1988. .fb_edge_comment_widget {
  1989.         width:401px;
  1990. }
  1991.  
  1992. .entry-author {
  1993.         padding:20px;
  1994.         margin-bottom:20px;
  1995.         background:#FCFCFC;
  1996.         border-bottom:#EEE 1px solid;
  1997.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1998.         font-size:13px;
  1999.         line-height:1.62em;
  2000. }
  2001.  
  2002. .entry-author .avatar {
  2003.         float:left;
  2004.         padding:5px;
  2005.         border-bottom:#DDD 1px solid;
  2006.         background:#fff;
  2007.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2008. }
  2009.  
  2010. .entry-author .author {
  2011.         margin-bottom:10px;
  2012.         font-family:"Open Sans", sans-serif;
  2013.         font-size:15px;
  2014.         letter-spacing:normal;
  2015. }
  2016.  
  2017. .entry-author .author,
  2018. .author-bio,
  2019. .entry-author .author-meta {
  2020.         margin-left:126px;
  2021. }
  2022.  
  2023. .author-bio {
  2024.         margin-bottom:10px;
  2025. }
  2026.  
  2027. .entry-author .author-website,
  2028. .entry-author .author-twitter {
  2029.         float:left;
  2030.         width:50%;
  2031.         text-align:center;
  2032. }
  2033.  
  2034. .nocomments {
  2035.         margin:0;
  2036.         color:#999;
  2037.         font-size:18px;
  2038.         line-height:1.62em;
  2039.         text-align:center;
  2040. }
  2041.  
  2042. #comments {
  2043.         background: none;
  2044.         border: none;
  2045.         box-shadow: none;
  2046. }
  2047.  
  2048. #comments-title,
  2049. #reply-title {
  2050.         margin-bottom:18px;
  2051.         font-size:24px;
  2052.         line-height:1.62em;
  2053. }
  2054.  
  2055. #comments-title {
  2056.         margin:35px 0;
  2057. }
  2058.  
  2059. .navigation {
  2060.         margin:35px 0;
  2061. }
  2062.  
  2063. .commentlist {
  2064.         margin:0 0 20px 0;
  2065.         list-style:none;
  2066. }
  2067.  
  2068. .commentlist .children {
  2069.         margin:20px 0 0 40px;
  2070.         list-style:none;
  2071. }
  2072.  
  2073. .comment {
  2074.         margin:0;
  2075. }
  2076.  
  2077. .comment-body {
  2078.         padding:20px;
  2079.         margin-bottom:35px;
  2080.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2081.         background:#fff;
  2082.         border-bottom:#DDD 1px solid;
  2083.         overflow: hidden;
  2084. }
  2085.  
  2086. .commentlist .comment:first-child .comment-body {
  2087.         margin-top:0;
  2088. }
  2089.  
  2090. .comment .avatar {
  2091.         float:right;
  2092.         padding:5px;
  2093.         margin:0 0 20px 20px;
  2094.         background:#fff;
  2095.         border-bottom:#DDD 1px solid;
  2096.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2097. }
  2098.  
  2099. .comment .fn {
  2100.         font-size:15px;
  2101.         font-style:normal;
  2102.         font-weight:600;
  2103.         line-height:1.62em;
  2104. }
  2105.  
  2106. .comment-meta {
  2107.         margin-bottom:18px;
  2108.         font-size:12px;
  2109. }
  2110.  
  2111. a.comment-reply-link {
  2112.         padding:4px 15px;
  2113.         border-radius:15px;
  2114.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2115.         background:#F8F8F8;
  2116.         background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
  2117.         background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
  2118.         background:-o-linear-gradient(#FCFCFC, #F3F3F3);
  2119.         background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
  2120.         background:linear-gradient(#FCFCFC, #F3F3F3);
  2121.         border-bottom:#DDD 1px solid;
  2122.         color:#333;
  2123.         text-decoration:none;
  2124. }
  2125.  
  2126. a.comment-reply-link:hover {
  2127.         box-shadow:#CCC 0 0 5px;
  2128. }
  2129.  
  2130. a.comment-reply-link:focus {
  2131.         box-shadow:0 0 5px rgba(0, 0, 0, .4);
  2132.         background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
  2133.         background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
  2134.         background:-o-linear-gradient(#F3F3F3, #FCFCFC);
  2135.         background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
  2136.         background:linear-gradient(#F3F3F3, #FCFCFC);
  2137. }
  2138.  
  2139. #respond {
  2140.         width:auto;
  2141.         padding:20px;
  2142.         margin-bottom:5.1%;
  2143. }
  2144.  
  2145. .commentlist #respond {
  2146.         margin: 0 0 5.1% 0;
  2147. }
  2148.  
  2149. .comment-notes,
  2150. .form-allowed-tags {
  2151.         color:#aaa;
  2152.         font-size:12px;
  2153.         line-height:16px;
  2154. }
  2155.  
  2156. .comment-form-author,
  2157. .comment-form-email,
  2158. .comment-form-url,
  2159. .comment-form-comment {
  2160.         position:relative;
  2161. }
  2162.  
  2163. .comment-form-author label,
  2164. .comment-form-email label,
  2165. .comment-form-url label,
  2166. .comment-form-comment label {
  2167.         display:inline-block;
  2168.         position:absolute;
  2169.         top:1px;
  2170.         left:1px;
  2171.         z-index:1;
  2172.         width:60px;
  2173.         padding:0 10px;
  2174.         color:#444;
  2175.         line-height:36px;
  2176. }
  2177.  
  2178. .comment-form-author .required,
  2179. .comment-form-email .required,
  2180. .comment-form-url .required,
  2181. .comment-form-comment .required {
  2182.         position:absolute;
  2183.         top:1px;
  2184.         right:1.5%;
  2185.         z-index:2;
  2186.         color:#FF0000;
  2187.         font-size:24px;
  2188.         line-height:44px;
  2189. }
  2190.  
  2191. #author,
  2192. #email,
  2193. #url,
  2194. #comment {
  2195.         position:relative;
  2196.         width:97%;
  2197.         text-indent:80px;
  2198. }
  2199.  
  2200. input#author:focus,
  2201. input#email:focus,
  2202. input#url:focus,
  2203. textarea#comment:focus {
  2204.         position:relative;
  2205.         z-index:1;
  2206.         text-indent:0;
  2207. }
  2208.  
  2209. #comment {
  2210.         font-size:15px;
  2211. }
  2212.  
  2213. .form-allowed-tags code {
  2214.         padding: 0;
  2215.         background: none;
  2216.         box-shadow: none;
  2217. }
  2218.  
  2219. #post-nav,
  2220. #posts-nav {
  2221.         clear:both;
  2222.         margin:0;
  2223.         font-family:"Oswald", sans-serif;
  2224.         font-size:16px;
  2225.         font-weight:300;
  2226.         letter-spacing:1px;
  2227. }
  2228.  
  2229. #posts-nav {
  2230.         position: relative;
  2231.         padding:2.9%;
  2232.         margin:2.46%;
  2233.         box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2234.         background:#fff;
  2235.         border-bottom:#DDD 1px solid;
  2236.         border-bottom:rgba(0, 0, 0, .13) 1px solid;
  2237. }
  2238.  
  2239. .onecol #posts-nav {
  2240.         padding:1.95%;
  2241.         margin:1.7%;
  2242. }
  2243.  
  2244. .nav-prev,
  2245. .nav-previous {
  2246.         float:left;
  2247.         width:50%;
  2248. }
  2249.  
  2250. .nav-next {
  2251.         float:right;
  2252.         width:50%;
  2253.         text-align:right;
  2254. }
  2255.  
  2256. .ajax-load {
  2257.         position: absolute;
  2258.         top: 0;
  2259.         left: 0;
  2260.         width: 100%;
  2261.         background: #fff;
  2262.         line-height: 42px;
  2263.         text-align: center;
  2264. }
  2265.  
  2266. a.ajax-load:hover {
  2267.         background: #fcfcfc;
  2268. }
  2269.  
  2270. .page-numbers {
  2271.         padding:0 4px;
  2272. }
  2273.  
  2274. .page-numbers.prev {
  2275.         padding-left:0;
  2276. }
  2277.  
  2278. .page-numbers.next {
  2279.         padding-right:0;
  2280. }
  2281.  
  2282. #sidebar {
  2283.         color:#ccc;
  2284. }
  2285.  
  2286. #sidebar-left .widget,
  2287. #sidebar-right .widget {
  2288.         margin:10%;
  2289. }
  2290.  
  2291. .page-template-template-content-sidebar-half-php #sidebar-left .widget,
  2292. .page-template-template-content-sidebar-half-php #sidebar-right .widget,
  2293. .page-template-template-sidebar-content-half-php #sidebar-left .widget,
  2294. .page-template-template-sidebar-content-half-php #sidebar-right .widget {
  2295.         margin:6.55%;
  2296. }
  2297.  
  2298. .widget-area {
  2299.         font-weight:300;
  2300. }
  2301.  
  2302. .page-template-template-sidebar-content-php #sidebar,
  2303. .page-template-template-sidebar-content-half-php #sidebar,
  2304. .page-template-template-blog-left-sidebar-php #sidebar,
  2305. .page-template-template-portfolio-left-sidebar-php #sidebar {
  2306.         float:left;
  2307. }
  2308.  
  2309. .page-template-template-content-sidebar-php #sidebar {
  2310.         float:right;
  2311. }
  2312.  
  2313. .page-template-template-sidebar-content-sidebar-php #sidebar-left {
  2314.         width:17.4%;
  2315. }
  2316.  
  2317. .page-template-template-sidebar-content-sidebar-php #sidebar-right {
  2318.         width:12.75%;
  2319. }
  2320.  
  2321. .widget-title {
  2322.         margin:0;
  2323.         font-family:"Oswald", sans-serif;
  2324.         font-size:20px;
  2325.         font-weight:300;
  2326.         letter-spacing:1px;
  2327. }
  2328.  
  2329. #sidebar-boxes .widget-title {
  2330.         font-family:"Open Sans", sans-serif;
  2331.         font-size:13px;
  2332.         font-weight:600;
  2333.         text-transform: uppercase;
  2334. }
  2335.  
  2336. .widget-area ul {
  2337.         margin:0;
  2338.         list-style:none;
  2339.         overflow:hidden;
  2340. }
  2341.  
  2342. .widget-area li {
  2343.         padding:7px 0;
  2344.         margin:0;
  2345.         border-bottom:#EEE 1px solid;
  2346.         rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
  2347.         line-height:1.62em;
  2348. }
  2349.  
  2350. .widget-area li li {
  2351.         border-bottom:none;
  2352. }
  2353.  
  2354. .widget-area li ul {
  2355.         margin-left:20px;
  2356. }
  2357.  
  2358. .widget-area a {
  2359.         color:#7597B9;
  2360. }
  2361. .widget-area a:hover {
  2362.         color:#d54e21;
  2363. }
  2364.  
  2365. #sidebar-footer-wide {
  2366.         margin-top: 2.1%;
  2367.         border: none;
  2368.         border-top:#e0e0e0 1px solid;
  2369. }
  2370.  
  2371. #footer {
  2372.         clear:both;
  2373.         border-top:#333 1px solid;
  2374.         border-top:rgba(0, 0, 0, .79) 1px solid;
  2375. }
  2376.  
  2377. #footer-area {
  2378.         position:relative;
  2379.         z-index:1;
  2380.         padding:1.6%;
  2381.         background:#222;
  2382.         border-top:#555 1px solid;
  2383.         border-top: rgba(255, 255, 255, .235) 1px solid;
  2384.         box-shadow:none;
  2385.         color:#CCC;
  2386. }
  2387.  
  2388. #footer-area .widget-title {
  2389.         color:#e0e0e0;
  2390.         font-size:18px;
  2391. }
  2392.  
  2393. #footer-area li {
  2394.         border-bottom:#2C2C2C 1px solid;
  2395.         border-bottom:rgba(255, 255, 255, .05)  1px solid;
  2396. }
  2397.  
  2398. .tagcloud {
  2399.         margin: 0 -8px 16px;
  2400. }
  2401.  
  2402. .tagcloud a {
  2403.         position: relative;
  2404.         display: inline-block;
  2405.         padding: 1px 6px 1px 18px;
  2406.         margin: 8px;
  2407.         background:#fff;
  2408.         background:-moz-linear-gradient(#fff, #fcfcfc);
  2409.         background:-webkit-linear-gradient(#fff, #fcfcfc);
  2410.         background:-o-linear-gradient(#fff, #fcfcfc);
  2411.         background:-ms-linear-gradient(#fff, #fcfcfc);
  2412.         background:linear-gradient(#fff, #fcfcfc);
  2413.         border-radius:4px;
  2414.         box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  2415.         color: #333;
  2416.         font-size: 12px !important;
  2417. }
  2418.  
  2419. .tagcloud a:before {
  2420.         content: "";
  2421.         position: absolute;
  2422.         top: 8px;
  2423.         left: 6px;
  2424.         width: 6px;
  2425.         height: 6px;
  2426.         background: #F8F8F8;
  2427.         border-radius: 3px;
  2428.         box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
  2429. }
  2430.  
  2431. .tagcloud a:hover {
  2432.         top: -3px;
  2433.         color: #333;
  2434.         -moz-transition: top .1s ease;
  2435.         -webkit-transition: top .1s ease;
  2436.         -o-transition: top .1s ease;
  2437.         -ms-transition: top .1s ease;
  2438.         transition: top .1s ease;
  2439. }
  2440.  
  2441. #footer-area .tagcloud a {
  2442.         background:#444;
  2443.         background:-moz-linear-gradient(#444, #333);
  2444.         background:-webkit-linear-gradient(#444, #333);
  2445.         background:-o-linear-gradient(#444, #333);
  2446.         background:-ms-linear-gradient(#444, #333);
  2447.         background:linear-gradient(#444, #333);
  2448.         border-radius:4px;
  2449.         box-shadow:0 1px 1px rgba(255, 255, 255, .2);
  2450.         color: #CCC;
  2451. }
  2452.  
  2453. #footer-area .tagcloud a:before {
  2454.         background:#222;
  2455. }
  2456.  
  2457. #footer-area .tagcloud a:hover {
  2458.         color:#CCC;
  2459. }
  2460.  
  2461. #copyright {
  2462.         clear:both;                            
  2463.         padding:1.4% 3.2%;
  2464.         background:#111;
  2465.         border-top:#333 1px solid;
  2466.         border-top:rgba(255, 255, 255, .145) 1px solid;
  2467.         color:#CCC;
  2468.         font-weight:300;
  2469. }
  2470.  
  2471. .copyright {
  2472.         float:left;
  2473. }
  2474.  
  2475. .credits {
  2476.         float:right;
  2477.         margin-right:12px;
  2478.         text-align:right;
  2479. }
  2480.  
  2481. #copyright p {
  2482.         margin:0;
  2483. }
  2484.  
  2485. #copyright a {
  2486.         color:#7597B9;
  2487.         text-decoration:none;
  2488. }
  2489.  
  2490. #copyright a:hover {
  2491.         color:#d54e21;
  2492. }
  2493.  
  2494. @media screen and (max-width: 1152px) {
  2495.        
  2496.         .threefourthcol {
  2497.                 width: 66.7%;
  2498.         }
  2499.        
  2500.         .threefourthcol .threecol {
  2501.                 width: 50%;
  2502.         }
  2503.        
  2504.         .fourcol,
  2505.         .onecol .fourcol {
  2506.                 width: 33.3%;
  2507.         }
  2508.  
  2509.         #wrapper {
  2510.                 max-width:960px;
  2511.         }
  2512.        
  2513.         #slider .entry-container {
  2514.                 top:28%;
  2515.         }
  2516.        
  2517.         .threefourthcol .threecol .entry,
  2518.         .onecol .fourcol .entry,
  2519.         .fourcol .widget {
  2520.                 margin: 5%;
  2521.         }
  2522.        
  2523.         img.attachment-gallery-thumb {
  2524.                 max-width:82px;
  2525.         }
  2526.        
  2527.         .twocol img.attachment-gallery-thumb {
  2528.                 max-width:74px;
  2529.         }
  2530.        
  2531.         .single img.attachment-gallery-thumb {
  2532.                 max-width:100%;
  2533.         }
  2534.        
  2535.         .format-audio object {
  2536.                 min-height:24px;
  2537.         }
  2538.        
  2539.         .single .format-audio object {
  2540.                 height:24px;
  2541.         }
  2542.  
  2543.         .social-bookmarks iframe {
  2544.                 min-height:0;
  2545.         }
  2546.        
  2547.         #sidebar-header {
  2548.                 width:468px;
  2549.                 height:60px;
  2550.                 margin-top:20px;
  2551.         }
  2552.  
  2553. }
  2554.  
  2555. @media screen and (max-width : 960px) {
  2556.        
  2557.         .onecol .threecol,
  2558.         .onecol .fourcol {
  2559.                 width:50%;
  2560.         }
  2561.  
  2562.         #wrapper {
  2563.                 max-width:760px;
  2564.         }
  2565.        
  2566.         #slider .entry-container {
  2567.                 top:32%;
  2568.                 padding: 0;
  2569.         }
  2570.        
  2571.         #slider .entry-summary {
  2572.                 display: none;
  2573.         }
  2574.        
  2575.         #container {
  2576.                 margin:2.2%;
  2577.         }
  2578.  
  2579.         .content-sidebar-wrap,
  2580.         #content,
  2581.         .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
  2582.         #sidebar {
  2583.                 width:100%;
  2584.         }
  2585.        
  2586.         .onecol .hentry .entry,
  2587.         .onecol .hentry #comments,
  2588.         .onecol .hentry #respond {
  2589.                 margin:2.4%;
  2590.         }
  2591.        
  2592.         .onecol .twocol .entry,
  2593.         .onecol .threecol .entry,
  2594.         .threefourthcol .threecol .entry,
  2595.         .onecol .fourcol .entry {
  2596.                 margin:4.5%;
  2597.         }
  2598.        
  2599.         .page-template-template-full-width-php .hentry.onecol .wp-post-image,
  2600.         .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  2601.         .page-template-template-full-width-php .hentry.onecol .post-gallery,
  2602.         .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  2603.         .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  2604.         .page-template-template-blog-four-col-php .entry-thumbnail {
  2605.                 float:none;
  2606.                 max-width:100%;
  2607.                 margin:0;
  2608.         }
  2609.        
  2610.         .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  2611.         .page-template-template-full-width-php .hentry.onecol .post-gallery {
  2612.                 width:100%;
  2613.         }
  2614.        
  2615.         .page-template-template-full-width-php .hentry.onecol .entry-header,
  2616.         .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  2617.         .page-template-template-full-width-php .hentry.onecol .entry-summary,
  2618.         .page-template-template-blog-full-width-php .hentry.onecol .entry-header,
  2619.         .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  2620.         .page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
  2621.         .page-template-template-blog-four-col-php .hentry.onecol .entry-header,
  2622.         .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
  2623.         .page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
  2624.                 float:none;
  2625.                 width:auto;
  2626.         }
  2627.        
  2628.         .single .format-audio object {
  2629.                 height:30px;
  2630.         }
  2631.        
  2632.         .onecol .onecol .entry-summary {
  2633.                 font-size:13px;
  2634.                 line-height:1.62em;
  2635.         }
  2636.  
  2637.         .social-bookmarks iframe {
  2638.                 min-height:0;
  2639.         }
  2640.        
  2641.         .page-template-template-portfolio-php .post.onecol .wp-post-image,
  2642.         .page-template-template-portfolio-php .post.onecol .entry-attachment,
  2643.         .page-template-template-portfolio-php .post.onecol .post-gallery {
  2644.                 float:none;
  2645.                 max-width:100%;
  2646.                 margin:0;
  2647.         }
  2648.        
  2649.         .page-template-template-portfolio-php .post.onecol .entry-attachment,
  2650.         .page-template-template-portfolio-php .post.onecol .post-gallery {
  2651.                 width:100%;
  2652.         }
  2653.        
  2654.         .page-template-template-portfolio-php .post.onecol .entry-header,
  2655.         .page-template-template-portfolio-php .post.onecol .entry-summary {
  2656.                 float:none;
  2657.                 width:auto;
  2658.         }
  2659.        
  2660.         .onecol #posts-nav {
  2661.                 padding:2.8%;
  2662.                 margin:2.3%;
  2663.         }
  2664.        
  2665.         #sidebar .onecol {
  2666.                 width:33.3%;
  2667.         }
  2668.        
  2669.         #sidebar .twocol {
  2670.                 float:none;
  2671.                 width:auto;
  2672.         }
  2673.        
  2674.         #sidebar-left .widget,
  2675.         #sidebar-right .widget {
  2676.                 margin:5.8%;
  2677.         }
  2678.        
  2679.         #sidebar .widget,
  2680.         #footer-area .widget,
  2681.         #sidebar-boxes .widget,
  2682.         .page-template-template-content-sidebar-half-php #sidebar-left .widget,
  2683.         .page-template-template-content-sidebar-half-php #sidebar-right .widget,
  2684.         .page-template-template-sidebar-content-half-php #sidebar-left .widget,
  2685.         .page-template-template-sidebar-content-half-php #sidebar-right .widget {
  2686.                 margin:6.7%;
  2687.         }
  2688.        
  2689.         #sidebar-boxes,
  2690.         #footer-area {
  2691.                 padding:2.2%;
  2692.         }
  2693.        
  2694.         #copyright {
  2695.                 padding:1.7% 4.3%;
  2696.         }
  2697.  
  2698. }
  2699.  
  2700. @media screen and (max-width: 760px) {
  2701.        
  2702.         .twocol,
  2703.         .threecol,
  2704.         .fourcol,
  2705.         .onecol .threecol,
  2706.         .threefourthcol .threecol,
  2707.         .onecol .fourcol {
  2708.                 float:none;
  2709.                 width:100%;
  2710.         }
  2711.        
  2712.         .alignleft,
  2713.         .alignright {
  2714.                 display: block;
  2715.                 float: none;
  2716.                 margin:20px auto;
  2717.         }
  2718.  
  2719.         #wrapper,
  2720.         .page-template-template-no-sidebars-php #wrapper,
  2721.         .page-template-template-blog-no-sidebars-php #wrapper,
  2722.         .page-template-template-portfolio-no-sidebars-php #wrapper {
  2723.                 max-width:380px;
  2724.         }
  2725.  
  2726.         .wp-caption {
  2727.                 padding:10px 0 0;
  2728.         }
  2729.  
  2730.         #site-title,
  2731.         #site-description {
  2732.                 float:none;
  2733.                 margin:0;              
  2734.                 line-height:1.62em;
  2735.                 text-align:center;
  2736.         }
  2737.        
  2738.         #site-title {
  2739.                 margin:18px 0;
  2740.         }
  2741.        
  2742.         #site-description {
  2743.                 display: none;
  2744.                 padding-bottom:18px;
  2745.         }
  2746.        
  2747.         #sidebar-header {
  2748.                 float:none;
  2749.                 width:auto;
  2750.                 height:auto;
  2751.                 max-height:90px;
  2752.                 margin-top:0;
  2753.         }
  2754.        
  2755.         #access {
  2756.                 position: absolute;
  2757.                 top: 0;
  2758.                 left: 0;
  2759.                 z-index: 2;
  2760.                 width: 100%;
  2761.                 padding: 0;;
  2762.                 background: none;
  2763.                 box-shadow: none;
  2764.         }
  2765.        
  2766.         #access .nav-show,
  2767.         #access a.nav-show:hover {
  2768.                 position: absolute;
  2769.                 top: 93px;
  2770.                 right: 14%;
  2771.                 display:block;
  2772.                 width: 40px;
  2773.                 height: 32px !important;
  2774.                 padding: 0;
  2775.                 background: url(images/nav.png) no-repeat;
  2776.                 border: none;
  2777.                 text-indent: -1000px;
  2778.                 overflow: hidden;
  2779.         }
  2780.        
  2781.         #access .nav-hide {
  2782.                 display: none;
  2783.         }
  2784.        
  2785.         #access:target .nav-hide,
  2786.         #access:target a.nav-hide:hover {
  2787.                 display: block;
  2788.                 position: absolute;
  2789.                 top: 0;
  2790.                 left: 0;
  2791.                 bottom: -101em;
  2792.                 width: 100%;
  2793.                 height: auto !important;
  2794.                 background: none;
  2795.                 overflow: hidden;
  2796.                 text-indent: -1000px;
  2797.         }
  2798.        
  2799.         #access .menu {
  2800.                 text-align: center;
  2801.         }
  2802.        
  2803.         #access:target .menu {
  2804.                 margin-top: 134px;
  2805.                 background: #111;
  2806.         }
  2807.        
  2808.         #access li ul {
  2809.                 position:static;
  2810.         }
  2811.        
  2812.         #access li ul ul {
  2813.                 margin:0 !important;
  2814.         }
  2815.        
  2816.         #access ul,
  2817.         #access li {
  2818.                 float:none;
  2819.                 max-width:100%;
  2820.         }
  2821.        
  2822.         #access a {
  2823.                 width:100%;
  2824.                 height: 0 !important;
  2825.                 padding:0;
  2826.                 border: none;
  2827.                 overflow: hidden;
  2828.         }
  2829.        
  2830.         #access:target .menu a {
  2831.                 padding-top: 600px;
  2832.                 height: 40px !important;
  2833.                 border-top: 1px solid #444;
  2834.                 line-height: 40px;
  2835.                 -moz-transition: height .25s, line-height .25s;
  2836.                 -webkit-transition: height .25s, line-height .25s;
  2837.                 -o-transition: height .25s, line-height .25s;
  2838.                 -ms-transition: height .25s, line-height .25s;
  2839.                 transition: height .25s, line-height .25s;
  2840.         }
  2841.        
  2842.         #access .menu a:hover {
  2843.                 background:#555;
  2844.         }
  2845.        
  2846.         #access br {
  2847.                 display: none;
  2848.         }
  2849.        
  2850.         #access a span {
  2851.                 padding-left: 5px;
  2852.         }
  2853.        
  2854.         #access li li a {
  2855.                 padding: 0;
  2856.                 background:#3c3c3c;
  2857.                 border-top-color:#4f4f4f;
  2858.                 text-align:center;
  2859.         }
  2860.        
  2861.         #access li li li a {
  2862.                 background:#444;
  2863.                 border-top-color:#555;
  2864.         }
  2865.        
  2866.         #access li:hover > ul,
  2867.         #access li li:hover > ul,
  2868.         #access li li li:hover > ul {
  2869.                 display:none;
  2870.         }
  2871.        
  2872.         #access:target .drop-down-toggle {
  2873.                 display:block;
  2874.         }
  2875.        
  2876.         #access li li .drop-down-toggle {
  2877.                 top:5px;
  2878.         }
  2879.        
  2880.         #header #searchform {
  2881.                 float:none;
  2882.                 width:278px;
  2883.                 margin: 18px auto;
  2884.         }
  2885.        
  2886.         #header input#s {
  2887.                 position: absolute;
  2888.                 z-index: 999;
  2889.                 display:block;
  2890.                 width:168px;
  2891.                 margin-left:12px;
  2892.                 background:#ececec url(images/search.png) right center no-repeat;
  2893.                 box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
  2894.                 text-indent: 0;
  2895.         }
  2896.         #header input#s:focus {
  2897.                 width: 246px;
  2898.                 margin: 0;
  2899.         }
  2900.        
  2901.         #social-media-icons {
  2902.                 float: none;
  2903.                 margin: 18px 0;
  2904.                 text-align: center;
  2905.         }
  2906.        
  2907.         #slider {
  2908.                 border-bottom: 50px solid #fff;
  2909.         }
  2910.        
  2911.         .flex-control-nav {
  2912.                 display: none;
  2913.         }
  2914.        
  2915.         .flex-direction-nav,
  2916.         .flex-pauseplay {
  2917.                 bottom: -40px;
  2918.                 height: 30px;
  2919.         }
  2920.        
  2921.         .flex-direction-nav{
  2922.                 right: 41%;
  2923.         }
  2924.        
  2925.         .flex-pauseplay {
  2926.                 right: 37.5%;
  2927.         }
  2928.        
  2929.         .flex-direction-nav li,
  2930.         .flex-pauseplay a {
  2931.                
  2932.         }
  2933.        
  2934.         #slider .entry-title {
  2935.                 font-size:24px;
  2936.                 line-height:1.62em;
  2937.         }
  2938.        
  2939.         #current-location,
  2940.         #sidebar-wide {
  2941.                 border-top: #E0E0E0 1px solid;
  2942.                 border-top: rgba(0, 0, 0, .055) 1px solid;
  2943.         }
  2944.        
  2945.         #container {
  2946.                 margin:3.2%;
  2947.         }
  2948.        
  2949.         .entry,
  2950.         .twocol .entry,
  2951.         .onecol .hentry .entry,
  2952.         .onecol .threecol .entry,
  2953.         .threefourthcol .threecol .entry,
  2954.         .onecol .fourcol .entry,
  2955.         #comments
  2956.         #respond {
  2957.                 margin:3.4%;
  2958.         }
  2959.        
  2960.         .entry-container {
  2961.                 padding:5.8%;
  2962.         }
  2963.        
  2964.         .entry-meta {
  2965.                 padding:2.8% 5.8%;
  2966.         }
  2967.        
  2968.         .entry-meta span,
  2969.         .single .entry-meta span,
  2970.         .page .entry-meta span {
  2971.                 display:block;
  2972.                 float:none;
  2973.                 padding:6px 0 6px 24px;
  2974.                 margin:0;
  2975.         }
  2976.        
  2977.         .has-thumbnail .entry-summary {
  2978.                 clear:both;
  2979.                 margin:0;
  2980.         }
  2981.        
  2982.         .has-thumbnail.format-aside .entry-summary,
  2983.         .has-thumbnail.format-quote .entry-summary {
  2984.                 clear:none;
  2985.                 margin-left:28.15%;
  2986.                 width:71.85%;
  2987.         }
  2988.        
  2989.         .has-thumbnail.format-chat .entry-content {
  2990.                 clear:both;
  2991.                 margin:0;
  2992.         }
  2993.        
  2994.         .twocol.has-thumbnail .entry-title,
  2995.         .twocol.has-thumbnail .entry-summary {
  2996.                 clear:none;
  2997.                 padding-left:3%;
  2998.         }
  2999.        
  3000.         .twocol.format-gallery .entry-summary {
  3001.                 height:auto;
  3002.                 margin:0;
  3003.         }
  3004.        
  3005.         .twocol.format-image .wp-post-image {
  3006.                 float:none;
  3007.                 max-width:100%;
  3008.         }
  3009.        
  3010.         .format-status .wp-post-image {
  3011.                 display:none;
  3012.         }
  3013.        
  3014.         img.attachment-gallery-thumb {
  3015.                 max-width:74px;
  3016.         }
  3017.        
  3018.         .single img.attachment-gallery-thumb {
  3019.                 max-width:100%;
  3020.         }
  3021.        
  3022.         .single .format-audio object {
  3023.                 height:24px;
  3024.         }
  3025.        
  3026.         .entry-content {
  3027.                 font-size:17px;
  3028.                 line-height:1.62em;
  3029.         }
  3030.        
  3031.         .columns .twocol,
  3032.         .columns .threecol,
  3033.         .columns .fourcol,
  3034.         .columns .twothirdcol,
  3035.         .columns .threefourthcol {
  3036.                 width: 100%;
  3037.                 margin: 0;
  3038.         }
  3039.        
  3040.         .column .threecol.box {
  3041.                 width: 94%;
  3042.         }
  3043.        
  3044.        
  3045.         .entry-author,
  3046.         .comment-body {
  3047.                 padding:12px;
  3048.         }
  3049.        
  3050.         .entry-author .avatar,
  3051.         .comment .avatar {
  3052.                 max-width:40px;
  3053.                 padding:3px;
  3054.         }
  3055.        
  3056.         .entry-author .author,
  3057.         .author-bio,
  3058.         .entry-author .author-meta {
  3059.                 margin-left:76px;
  3060.         }
  3061.        
  3062.         #posts-nav,
  3063.         .onecol #posts-nav {
  3064.                 padding:5.7%;
  3065.                 margin:3.4%;
  3066.         }
  3067.        
  3068.         .page-numbers .text {
  3069.                 display:none;
  3070.         }
  3071.        
  3072.         .social-bookmarks > div {
  3073.                 width: 50%;
  3074.                 margin-bottom: 12px;
  3075.         }
  3076.  
  3077.         #sidebar-boxes {
  3078.                 text-align: center;
  3079.         }
  3080.        
  3081.         #sidebar .onecol {
  3082.                 width:100%;
  3083.         }
  3084.        
  3085.         #sidebar .twocol {
  3086.                 float:left;
  3087.                 width:50%;
  3088.         }
  3089.        
  3090.         #sidebar-boxes .threecol {
  3091.                 margin-bottom: 6.8%;
  3092.         }
  3093.        
  3094.         #sidebar-boxes .threecol:last-child {
  3095.                 margin: 0;
  3096.         }
  3097.        
  3098.         #sidebar .widget,
  3099.         #footer-area .widget,
  3100.         #sidebar-boxes .widget {
  3101.                 margin:3.4%;
  3102.         }
  3103.        
  3104.         #sidebar-left .widget,
  3105.         #sidebar-right .widget {
  3106.                 margin:6.8%;
  3107.         }
  3108.        
  3109.         #sidebar-boxes,
  3110.         #footer-area {
  3111.                 padding:3.2%;
  3112.         }
  3113.        
  3114.         #copyright {
  3115.                 padding:1.7% 6.5%;
  3116.                 line-height:2em;
  3117.         }
  3118.        
  3119.         .copyright,
  3120.         .credits {
  3121.                 float:none;
  3122.                 max-width:100%;
  3123.                 text-align:left;
  3124.         }
  3125.  
  3126. }
  3127.  
  3128. @media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
  3129.  
  3130.         #access .nav-show,
  3131.         #access a.nav-show:hover {
  3132.                 background-image: url(images/nav_2x.png);
  3133.                 background-size:100%;
  3134.         }
  3135.  
  3136.         #header input#s {
  3137.                 background-image: url(images/search_2x.png);
  3138.                 background-size:36px;
  3139.                 background-position: -3px center;
  3140.         }
  3141.  
  3142.         .facebook {
  3143.                 background-image: url(images/facebook_2x.png);
  3144.                 background-size:100%;
  3145.         }
  3146.  
  3147.         .twitter {
  3148.                 background-image: url(images/twitter_2x.png);
  3149.                 background-size:100%;
  3150.         }
  3151.  
  3152.         .pinterest {
  3153.                 background-image: url(images/pinterest_2x.png);
  3154.                 background-size:100%;
  3155.         }
  3156.  
  3157.         .google-plus {
  3158.                 background-image: url(images/google-plus_2x.png);
  3159.                 background-size:100%;
  3160.         }
  3161.  
  3162.         .vimeo {
  3163.                 background-image: url(images/vimeo_2x.png);
  3164.                 background-size:100%;
  3165.         }
  3166.  
  3167.         .dribble {
  3168.                 background-image: url(images/dribble_2x.png);
  3169.                 background-size:100%;
  3170.         }
  3171.  
  3172.         .flickr {
  3173.                 background-image: url(images/flickr_2x.png);
  3174.                 background-size:100%;
  3175.         }
  3176.  
  3177.         .youtube {
  3178.                 background-image: url(images/youtube_2x.png);
  3179.                 background-size:100%;
  3180.         }
  3181.  
  3182.         .linkedin {
  3183.                 background-image: url(images/linkedin_2x.png);
  3184.                 background-size:100%;
  3185.         }
  3186.  
  3187.         .entry-author-link {
  3188.                 background-image: url(images/user_2x.png);
  3189.                 background-size: 12px;
  3190.         }
  3191.  
  3192.         .entry-date {
  3193.                 background-image: url(images/time_2x.png);
  3194.                 background-size: 12px;
  3195.         }
  3196.  
  3197.         .entry-category {
  3198.                 background-image: url(images/ribbon_2x.png);
  3199.                 background-size: 12px;
  3200.         }
  3201.  
  3202.         .attachment-size {
  3203.                 background-image: url(images/image_2x.png);
  3204.                 background-size: 12px;
  3205.         }
  3206.  
  3207.         .edit-link {
  3208.                 background-image: url(images/edit_2x.png);
  3209.                 background-size: 12px;
  3210.         }
  3211.  
  3212.         .entry-permalink {
  3213.                 background-image: url(images/link_2x.png);
  3214.                 background-size: 12px;
  3215.         }
  3216.  
  3217.         #infscr-loading img {
  3218.                 width: 32px;
  3219.                 height: 32px;
  3220.         }
  3221.  
  3222. }
  3223.  
  3224. .masonry,
  3225. .masonry .masonry-brick {
  3226.   -webkit-transition-duration: 0.7s;
  3227.      -moz-transition-duration: 0.7s;
  3228.       -ms-transition-duration: 0.7s;
  3229.        -o-transition-duration: 0.7s;
  3230.           transition-duration: 0.7s;
  3231. }
  3232.  
  3233. .masonry {
  3234.   -webkit-transition-property: height, width;
  3235.      -moz-transition-property: height, width;
  3236.       -ms-transition-property: height, width;
  3237.        -o-transition-property: height, width;
  3238.           transition-property: height, width;
  3239. }
  3240.  
  3241. .masonry .masonry-brick {
  3242.   -webkit-transition-property: left, right, top;
  3243.      -moz-transition-property: left, right, top;
  3244.       -ms-transition-property: left, right, top;
  3245.        -o-transition-property: left, right, top;
  3246.           transition-property: left, right, top;
  3247. }
clone this paste RAW Paste Data