Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Sep 29th, 2013  |  syntax: None  |  size: 27.82 KB  |  views: 124  |  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. /*
  2. Theme Name: iFeature
  3. Theme URI: http://cyberchimps.com/ifeature-free/
  4. Author: CyberChimps
  5. Author URI: http://www.cyberchimps.com/
  6. Description: iFeature 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme developed by CyberChimps WordPress Themes. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature 5 allows you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
  7. Version: 5.1.35
  8. Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template
  9. License: GNU General Public License
  10. License URI: http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
  11. */
  12.  
  13. /********************************************************************************************************************/
  14. /******************************************** MAIN HTML STYLES ******************************************************/
  15. /********************************************************************************************************************/
  16. body {
  17.         color:#555;
  18. }
  19. h1, h2, h3, h4, h5, h6 {
  20.   margin-bottom: 15px;
  21.   font-weight: 400;
  22. }
  23.  
  24. table .label {
  25.   background: none;
  26.   padding: 7px;
  27.   line-height: normal;
  28.   text-shadow: none;
  29. }
  30. tr {
  31.   border-bottom: 1px solid #ccc;
  32. }
  33. td {
  34.         padding: 5px;
  35. }
  36. dt {
  37.   font-weight: bold;
  38.   margin-top: 5px;
  39.   margin-bottom: 5px;
  40.   margin-left: 26px;
  41. }
  42. dd {
  43.   margin-bottom: 15px;
  44.   margin-left: 26px;
  45. }
  46. ul, ol {
  47.         margin: 0 0 10px 0;
  48. }
  49. ol, ul {
  50.   list-style-position: inside;
  51.   margin-left: 21px;
  52. }
  53. pre {
  54.   -moz-border-radius: 0;
  55.   border-radius: 0;
  56. }
  57. code {
  58.         white-space: pre-wrap;
  59. }
  60. .clear{
  61.   clear: both;
  62. }
  63. .clear-right {
  64.         clear: right;
  65. }
  66. .clear-left {
  67.         clear: left;
  68. }
  69.  
  70. /********************************************************************************************************************/
  71. /******************************************** HEADER ****************************************************************/
  72. /********************************************************************************************************************/
  73.  
  74. header#cc-header {
  75.         margin-bottom: 20px;
  76. }
  77.  
  78. /*======================================= TOP BAR =============================================*/
  79.  
  80. #top_header {
  81.         background-image: url('images/topbarbg.jpg');
  82.         margin-bottom: 15px;
  83. }
  84.  
  85. #top_header  .top-head-description {
  86.         color: #bababa;
  87.         margin: 8px 0 6px 0;
  88.         font-size: 14px;
  89. }
  90.  
  91. #top_header  .top-head-social .icons {
  92.         float: right;
  93.         margin-top: 5px;
  94.         margin-bottom: 6px;
  95. }
  96.  
  97. #top_header  .top-head-social .icons a {
  98.         float: right;
  99.         height: 20px;
  100.         width: 20px;
  101.         margin-left: 5px;
  102. }
  103.  
  104. #top_header  .top-head-social .icons a img {
  105.         height: 20px;
  106.         width: 20px;
  107. }
  108.  
  109. header #social .icons a {
  110.   float: right;
  111.   margin-left: 5px;
  112. }
  113.  
  114. .icons {
  115.         margin-top: 15px;
  116. }
  117.  
  118. /*======================================= DETAILS =============================================*/
  119.  
  120. header#cc-header h2.site-title {
  121.         margin-bottom: 15px;
  122.         font-size: 32px;
  123.         font-weight: 600;
  124. }
  125.  
  126. header#cc-header h2.site-description {
  127.         font-size: 14px;
  128.         margin: 0;
  129. }
  130.  
  131. header#cc-header .contact_details {
  132.         color: #888;
  133.   float: right;
  134.         margin-top: 15px;
  135. }
  136.  
  137. header#cc-header .contact_details .cc-telephone-number {
  138.         text-align: right;
  139. }
  140.  
  141. header#cc-header .contact_details .cc-telephone-number img {
  142.         margin-top: -3px;
  143.         margin-left: 10px;
  144. }
  145.  
  146. header#cc-header .contact_details .cc-email {
  147.         text-align: right;
  148. }
  149.  
  150. header#cc-header .contact_details .cc-email img {
  151.         margin-top: -2px;
  152.         margin-left: 10px;
  153. }
  154.  
  155. header#cc-header .register {
  156.   float: right;
  157. }
  158.  
  159. header#cc-header .blog_description {
  160.   float: right;
  161. }
  162.  
  163. header#cc-header p {
  164.   font-size: 1.2em;
  165. }
  166.  
  167. /*======================================= SEARCH ===============================================*/
  168.  
  169. header #search #searchform {
  170.   float: right;
  171.         margin-top: 20px;
  172. }
  173.  
  174. /********************************************************************************************************************/
  175. /******************************************** MENU ******************************************************************/
  176. /********************************************************************************************************************/
  177.  
  178. #navigation {
  179.         margin-bottom: 30px;
  180. }
  181. .main-navigation.navbar {
  182.         margin-bottom: 0;
  183. }
  184. .main-navigation .navbar-inner {
  185.         padding: 0;
  186.         min-height: 20px;
  187.   background: #b6b6b6;
  188.   background: -moz-linear-gradient(top,  #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
  189.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(51%,#919191), color-stop(52%,#858585), color-stop(100%,#717171));
  190.   background: -webkit-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#919191 51%,#858585 52%,#717171 100%);
  191.   background: -o-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  192.   background: -ms-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  193.   background: linear-gradient(to bottom,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  194.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );
  195.         box-shadow: none;
  196.   -webkit-border-radius: 3px;  
  197.   border-radius: 3px;
  198.   border: 1px solid;
  199.   border-color: #888 #666 #666 #666;
  200. }
  201. .main-navigation .nav > li {
  202.   border-right: 1px solid #b6b6b6;
  203.   -webkit-box-shadow:  1px 0px 0px 0px rgba(0,0,0,0.3);
  204.   box-shadow:  1px 0px 0px 0px rgba(0,0,0,0.3);
  205. }
  206. .main-navigation .nav > li > a {
  207.   display: block;
  208.   color: #fff;
  209.   font-size: 1.1em;
  210.         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  211. }
  212. .main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
  213.         border-top-color: #fff;
  214.         border-bottom-color: #fff;
  215.   margin-top: 10px;
  216. }
  217. .main-navigation .nav > li > a:hover {
  218.   color:  #f6f6f6;
  219.   background: #666;
  220. }
  221. .main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a, .current-menu-ancestor.dropdown {
  222.   color: #FFFFFF;
  223.   background: #717171;
  224. }
  225. .main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover {
  226.         color: #c5c5c5;
  227.         background: #717171;
  228. }
  229. .main-navigation .nav li ul li a {
  230.   color: #f6f6f6;
  231. }
  232. .main-navigation .nav li ul li ul {
  233.   list-style: none;
  234.   margin-left: 0;
  235. }
  236. .main-navigation .nav li ul li ul li a{
  237.   padding-left: 24px;
  238. }
  239. .main-navigation .nav li ul li ul li ul li a {
  240.         padding-left: 30px;
  241. }
  242. .main-navigation .nav li.dropdown:hover ul.dropdown-menu {
  243.   display: block;
  244.   background: #666;
  245.   border-radius: 0;
  246.         margin-top: 0;
  247. }
  248. .navbar .nav > li > .dropdown-menu::before {
  249.         position: absolute;
  250.         top: -7px;
  251.         left: 9px;
  252.         display: inline-block;
  253.         border-right: 7px solid transparent;
  254.         border-bottom: 7px solid #666;
  255.         border-left: 7px solid transparent;
  256.         border-bottom-color: rgba(0, 0, 0, 0.2);
  257.         content: '';
  258. }
  259. .navbar .nav > li > .dropdown-menu::after {
  260.         position: absolute;
  261.         top: -6px;
  262.         left: 10px;
  263.         display: inline-block;
  264.         border-right: 6px solid transparent;
  265.         border-bottom: 6px solid #666;
  266.         border-left: 6px solid transparent;
  267.         content: '';
  268. }
  269. #navigation #searchform {
  270.         margin-right: 15px;
  271. }
  272. .navbar .btn-navbar {
  273.         margin-bottom: 5px;
  274. }
  275. /* 3rd tier */
  276. .main-navigation .nav > li > ul > li {
  277.         position: relative;
  278. }
  279. .main-navigation .nav > li > ul > li > ul {
  280.         display: none;
  281.         position: absolute;
  282.         top: 0;
  283.         left: 100%;
  284.         background: #666;
  285.   border-radius: 0;
  286.         margin-top: 0;
  287.         padding: 0;
  288.         border: 1px solid rgba(0, 0, 0, 0.2);
  289.         z-index: 1001;
  290. }
  291. .main-navigation .nav > li > ul > li:hover > ul {
  292.         display: block;
  293. }
  294. .main-navigation .nav > li > ul > li > ul::before {
  295.         position: absolute;
  296.         top: 7px;
  297.         left: -7px;
  298.         display: inline-block;
  299.         border-top: 7px solid transparent;
  300.         border-right: 7px solid #666;
  301.         border-bottom: 7px solid transparent;
  302.         border-right-color: rgba(0, 0, 0, 0.2);
  303.         content: '';
  304. }
  305. .main-navigation .nav > li > ul > li > ul::after {
  306.         position: absolute;
  307.         top: 8px;
  308.         left: -6px;
  309.         display: inline-block;
  310.         border-top: 6px solid transparent;
  311.         border-right: 6px solid #666;
  312.         border-bottom: 6px solid transparent;
  313.         content: '';
  314. }
  315. @media (max-width: 979px) {
  316.         .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
  317.                 border: none;
  318.         }
  319.         .main-navigation .nav > li > ul > li > ul {
  320.                 display: block;
  321.                 position: static;
  322.                 border: none;
  323.         }
  324.         .nav-collapse .dropdown-menu li + li a {
  325.                 margin-bottom: 0px;
  326.         }
  327.         .nav-collapse.in {
  328.                 background-image: none;
  329.                 background-color: #747474;
  330.         }
  331.         .nav-collapse.in .nav li {
  332.                 background-color: #747474;
  333.         }
  334.         .nav-collapse.in .nav ul {
  335.                 background: #747474;
  336.         }
  337.         .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
  338.                 display: none;
  339.         }
  340.         .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
  341.                 color: #fff;
  342.                 background-color: #666;
  343.         }
  344.         .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
  345.                 color: #fff;
  346.                 font-weight: normal;
  347.                 text-shadow: none;
  348.         }
  349.         .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
  350.                 color: #fff;
  351.                 box-shadow: none;
  352.                 background: #666;
  353.         }
  354.         .nav-collapse.in .dropdown .caret {
  355.                 display: none;
  356.         }
  357.         .nav-collapse.in .dropdown-menu {
  358.                 display: block;
  359.         }
  360.         .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
  361.                 color: #fff;
  362.                 background-image: none;
  363.                 background-color: #666;
  364.         }
  365. }
  366.  
  367. /********************************************************************************************************************/
  368. /******************************************** MAIN CONTENT **********************************************************/
  369. /********************************************************************************************************************/
  370.  
  371. .container {
  372.   background: transparent;
  373. }
  374. article.post, article.page, article.attachment {
  375.   margin-bottom: 30px;
  376.         padding: 0;
  377.   background: #fdfdfd;
  378.   border: 1px solid #eaeaea;
  379.   -webkit-border-radius: 3px;  
  380.   border-radius: 3px;
  381.   overflow: hidden;
  382.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  383.   box-shadow:  0px 1px 0px 0px #adadad;
  384. }
  385. .entry-content {
  386.   margin: 0;
  387. }
  388. .page-header {
  389.   margin-top: 0;
  390.   padding: 0;
  391.   border: none;
  392. }
  393.  
  394. /*==================================== POST AND PAGE CONTENT ===========================================*/
  395.  
  396. article {
  397.   background: #fff;
  398. }
  399. .entry-header {
  400.   margin: 0;
  401.   padding: 0 20px;
  402. }
  403. .entry-summary {
  404.   margin: 0;
  405.         padding: 20px;
  406. }
  407. .entry-content {
  408.   padding: 20px;
  409. }
  410. .postformats {
  411.   float: right;
  412.   height: 38px;
  413.   width: 40px;
  414.   margin-left: 20px;
  415.   background: #6fb7d6;
  416.   background: -moz-linear-gradient(top,  #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
  417.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb7d6), color-stop(1%,#4fadd8), color-stop(50%,#4fadd8), color-stop(51%,#399cca), color-stop(100%,#3599c7));
  418.   background: -webkit-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  419.   background: -o-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  420.   background: -ms-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  421.   background: linear-gradient(to bottom,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  422.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fadd8', endColorstr='#3599c7',GradientType=0 );
  423.   border: 1px solid #2b7a9f;
  424.   -webkit-border-radius: 3px;  
  425.   border-radius: 3px;
  426. }
  427. blockquote {
  428.         background-color: #ccc;
  429.         margin: 10px;
  430.         padding: 3px;
  431. }
  432. blockquote p {
  433.   margin: 10px;
  434. }
  435. blockquote cite {
  436.   font-size: 0.9em;
  437. }
  438. blockquote cite:before {
  439.   content: ' ̶ ';
  440.   position: relative;
  441.   top: -2px;
  442.   margin: 0 5px;
  443. }
  444. .page-links {
  445.   clear: both;
  446. }
  447. .more-content {
  448.   margin-bottom: 15px;
  449.   padding: 10px 20px 5px 20px;
  450.   background: #fdfdfd;
  451.   border: 1px solid #eaeaea;
  452.   -webkit-border-radius: 3px;  
  453.   border-radius: 3px;
  454.   overflow: hidden;
  455.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  456.   box-shadow:  0px 1px 0px 0px #adadad;
  457. }
  458. .previous-post {
  459.   text-align: left;
  460.   margin-top: 5px;
  461.   margin-bottom: 0;
  462.   padding-bottom: 0;
  463. }
  464. .next-post {
  465.   text-align: right;
  466.   margin-top: 5px;
  467.   margin-bottom: 0;
  468.   padding-bottom: 0;
  469. }
  470.  
  471. /*==================================== TAXONOMY ========================================================*/
  472.  
  473. .entry-title {
  474.   font-weight: 400;
  475.   line-height: 1.2em;
  476.   margin-bottom: 2px;
  477.   font-size: 31.5px;
  478. }
  479. .entry-title a {
  480.   color: #333333;
  481. }
  482. .entry-title a:hover {
  483.         color: #0088CC;
  484.         text-decoration: none;
  485. }
  486. article.post p, article.page p {
  487.   font-size: 1.1em;
  488.   line-height: 1.5em;
  489. }
  490.  
  491. /*==================================== IMAGES ==========================================================*/
  492.  
  493. .alignnone {
  494.         display: block;
  495.   margin: 5px 20px 20px 0;
  496. }
  497. .aligncenter, div.aligncenter {
  498.   display:block;
  499.   margin: 5px auto 5px auto;
  500. }
  501. .alignright {
  502.   float:right;
  503.   margin: 5px 0 20px 20px;
  504. }
  505. .alignleft {
  506.   float:left;
  507.   margin: 5px 20px 20px 0;
  508. }
  509. .aligncenter {
  510.   display: block;
  511.   margin: 5px auto 5px auto;
  512. }
  513. a img.alignright {
  514.   float:right;
  515.   margin: 5px 0 20px 20px;
  516. }
  517. a img.alignnone {
  518.   margin: 5px 20px 20px 0;
  519. }
  520. a img.alignleft {
  521.   float:left;
  522.   margin: 5px 20px 20px 0;
  523. }
  524. a img.aligncenter {
  525.   display: block;
  526.   margin-left: auto;
  527.   margin-right: auto
  528. }
  529. img.size-full {
  530.         max-width: 100%;
  531.         height: auto;
  532. }
  533. .wp-caption {
  534.   background: #fff;
  535.   border: 1px solid #f0f0f0;
  536.   max-width: 96%; /* Image does not overflow the content area */
  537.   padding: 15px 3px 10px;
  538.   text-align: center;
  539. }
  540. .wp-caption.alignnone {
  541.   margin: 5px 20px 20px 0;
  542. }
  543. .wp-caption.alignleft {
  544.   margin: 5px 20px 20px 0;
  545. }
  546. .wp-caption.alignright {
  547.   margin: 5px 0 20px 20px;
  548. }
  549. .wp-caption img {
  550.   border: 0 none;
  551.   height: auto;
  552.   margin:0;
  553.   max-width: 95%;
  554.   padding:0;
  555.   width: auto;
  556. }
  557. .wp-caption p.wp-caption-text {
  558.   font-size:11px;
  559.   line-height:17px;
  560.   margin:0;
  561.   padding:0 4px 5px;
  562. }
  563. .caption_title {
  564.   font-size:16px;
  565. }
  566. .gallery-pagination {
  567.   margin: 20px 0;
  568. }
  569. .gallery-pagination .previous-image a {
  570.   float: left;
  571. }
  572. .gallery-pagination .next-image a {
  573.   float: right;
  574. }
  575.  
  576. /*==================================== META ============================================================*/
  577.  
  578. .entry-meta {
  579.         color: #afaeae;
  580.   font-size: 0.9em;
  581.   line-height: 1em;
  582. }
  583. footer.entry-meta {
  584.   clear: both;
  585.   padding: 0px 20px 15px 20px;
  586.  
  587. }
  588. .byline:before {
  589.         content: '\2022';
  590.         margin-left: 5px;
  591. }
  592. .cat-links {
  593.   clear: left;
  594.   margin-top: 10px;
  595.   line-height: 1.2em;
  596. }
  597. .taglinks {
  598.   display: inline-block;
  599.   margin-left: 0;
  600. }
  601. .taglinks a {
  602.   float: left;
  603.   position: relative;
  604.   font-size: 1em;
  605.   line-height: 15px;
  606.   padding: 4px 10px;
  607.   margin: 0 30px 10px 0;
  608.   border-top: 1px solid #e7e7e7;
  609.   border-bottom: 1px solid #c6c6c6;
  610.   border-left: 1px  solid #e7e7e7;
  611.   background: #ffffff;
  612.   background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
  613.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
  614.   background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
  615.   background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
  616.   background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
  617.   background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
  618.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e7e7e7',GradientType=0 );
  619. }
  620. .taglinks a:after {
  621.   position: absolute;
  622.   top: -1px;
  623.   left: 100%;
  624.   content: '';
  625.   height: 25px;
  626.   width: 20px;
  627.   background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
  628. }
  629. .comments-link:before {
  630.         content: '\2022';
  631.         margin-right: 5px;
  632. }
  633. .edit-link {
  634.   clear: both;
  635.   display: block;
  636.         margin: 10px 0;
  637. }
  638. .edit-link a {
  639.   color: #fff;
  640.   background: #888;
  641.   padding: 2px 4px;
  642.   -webkit-border-radius: 2px;
  643.   border-radius: 2px;
  644. }
  645. .edit-link a:visited {
  646.   color: #fff;
  647. }
  648. .edit-link a:hover {
  649.   text-decoration: none;
  650.   color: #ccc;
  651. }
  652. .cyberchimps_article_share {
  653.   float: right;
  654. }
  655.  
  656. /*==================================== COMMENTS ========================================================*/
  657.  
  658. .comments-area {
  659.   margin-bottom: 30px;
  660.   padding: 20px;
  661.   background: #fdfdfd;
  662.   border: 1px solid #eaeaea;
  663.   -webkit-border-radius: 3px;  
  664.   border-radius: 3px;
  665.   overflow: hidden;
  666.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  667.   box-shadow:  0px 1px 0px 0px #adadad;
  668. }
  669. #comments .navigation {
  670.   padding: 0 0 18px 0;
  671. }
  672. label[for="comment"] {
  673.   display: block;
  674. }
  675. ol.commentlist {
  676.   list-style: none;
  677. }
  678. ol.commentlist p {
  679.   margin-left: 8px;
  680.   clear: left;
  681. }
  682. ol.commentlist li.comment {
  683.   padding: 10px;
  684. }
  685. ol.commentlist li.comment div.vcard cite.fn {
  686.   font-style: normal;
  687. }
  688. ol.commentlist li.comment div.vcard img.avatar {
  689.   margin: 0 10px 10px 10px;
  690. }
  691. ol.commentlist li.comment div.comment-meta {
  692.   font-size: 11px;
  693. }
  694. ol.commentlist li.comment div.comment-meta a {
  695.   color: #888;
  696. }
  697. ol.commentlist li.comment div.reply {
  698.   font-size: 11px;
  699.   margin-left: 8px;
  700. }
  701. ol.commentlist li.comment div.reply a {
  702.   font-weight: bold;
  703. }
  704. ol.commentlist li.comment ul.children {
  705.   list-style: none;
  706.   margin: 10px 0 0;
  707. }
  708. ol.commentlist li.comment ul.children li.depth-2 {
  709.   margin: 0 0 10px 10px;
  710. }
  711. ol.commentlist li.comment ul.children li.depth-3 {
  712.   margin: 0 0 10px 10px;
  713. }
  714. ol.commentlist li.comment ul.children li.depth-4 {
  715.   margin: 0 0 10px 10px;
  716. }
  717. ol.commentlist li.even {
  718.   background: #fafafa;
  719.   border: 1px solid #ccc;
  720.   border-radius: 4px;
  721.   -moz-border-radius: 4px;
  722. }
  723. ol.commentlist li.odd {
  724.   background: #fff;
  725.   border: 1px solid #ccc;
  726.   border-radius: 4px;
  727.   -moz-border-radius: 4px;
  728. }
  729. .comment, .trackback, .pingback {
  730.   padding:10px;
  731.   margin:10px 0 10px 0;
  732. }
  733. .odd {
  734.   background:#f8f8f8;
  735. }
  736. #form-allowed-tags code {
  737.   font-size:12px;
  738. }
  739. #respond input, #respond textarea {
  740.   margin:0 5px 5px 0;
  741.   overflow:auto;
  742. }
  743. #respond textarea {
  744.   width:99%;
  745.   height:150px;
  746. }
  747. .avatar {
  748.   float:left;
  749. }
  750.  
  751. /********************************************************************************************************************/
  752. /******************************************** SIDEBAR & WIDGETS *****************************************************/
  753. /********************************************************************************************************************/
  754.  
  755. #sidebar .widget-container {
  756.   background: #fdfdfd;
  757.   border: 1px solid #eaeaea;
  758.   -webkit-border-radius: 3px;  
  759.   border-radius: 3px;
  760.   overflow: hidden;
  761.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  762.   box-shadow:  0px 1px 0px 0px #adadad;
  763.   padding: 0 0 15px 0;
  764.   margin-bottom: 30px;
  765. }
  766. #sidebar h3.widget-title {
  767.   color: #FFFFFF;
  768.   font-weight: 100;
  769.   font-size: 1.3em;
  770.   text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
  771.         margin-top: 0;
  772.   padding: 5px 10px 5px 23px;
  773.   background: #b6b6b6;
  774.   background: -moz-linear-gradient(top,  #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
  775.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(100%,#717171));
  776.   background: -webkit-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  777.   background: -o-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  778.   background: -ms-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  779.   background: linear-gradient(to bottom,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  780.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );
  781.   box-shadow: none;
  782.   -webkit-border-radius: 3px 3px 0 0;  
  783.   border-radius: 3px 3px 0 0;
  784.   border: 1px solid;
  785.   border-color: #888 #666 #666 #666;
  786. }
  787. #sidebar .widget-container ul, #sidebar .widget ul {
  788.   margin: 0;
  789.   padding: 0 20px;
  790. }
  791. #sidebar .widget-container ul li, #sidebar .widget ul li {
  792.   font-size: 14px;
  793.   line-height: 1.2em;
  794.   list-style: none;
  795.   padding: 10px 0 15px 0;
  796.   border-bottom: 1px solid #ededed;
  797. }
  798. #sidebar .widget-container > ul > li ul {
  799.   margin: 5px 0 5px 5px;
  800. }
  801. #sidebar .widget-container ul li:last-child {
  802.   margin-bottom: 0;
  803.         border-bottom: none;
  804. }
  805. #sidebar .widget-container > ul > li li {
  806.   list-style: none;
  807.   margin: 0 0 3px 0;
  808.   padding: 0;
  809. }
  810. #sidebar .widget-container ul li a {
  811.   border-bottom: 1px dotted #c5e5f4;
  812. }
  813. #sidebar .widget-container p {
  814.   padding: 0 20px;
  815. }
  816. #sidebar .widget-container .tagcloud {
  817.         padding: 0 20px;
  818. }
  819. table#wp-calendar {
  820.   width: 100%;
  821. }
  822. table#wp-calendar th {
  823.         font-size: 14px;
  824. }
  825. table#wp-calendar td {
  826.         font-size: 14px;
  827.         width: 14.28571428571429%;
  828.         padding: 5px 0;
  829.   text-align: center;
  830. }
  831. #sidebar .widget_search, .widget_search {
  832.         padding: 15px;
  833. }
  834. .widget-container #searchform.pull-right {
  835.         float: none;
  836.         margin-right: 30px;
  837. }
  838. .widget-container #searchform input.input-medium {
  839.         float: none;
  840.         display: inline-block;
  841.         width: 100%;
  842. }
  843.  
  844. /*==================================== SEARCH FORM ====================================================*/
  845.  
  846. #searchform {
  847.         margin-bottom: 5px;
  848. }
  849.  
  850. /********************************************************************************************************************/
  851. /******************************************** FOOTER ****************************************************************/
  852. /********************************************************************************************************************/
  853.  
  854. #footer_widgets_wrapper {
  855.         margin-top: 20px;
  856.         padding-top: 20px;
  857.         background-color: #303030;
  858. }
  859. #footer-widgets {
  860.   margin-bottom: 30px;
  861. }
  862. #footer-widgets .widget-container {
  863.   border: none;
  864. }
  865. #footer-widget-container {
  866.         background: transparent;
  867. }
  868. #footer-widgets .widget-container {
  869.         color: #fff;
  870.         background: transparent;
  871. }
  872. #footer-widgets .widget-container h3 {
  873.         color: #fff;
  874.         font-size: 1.3em;
  875. }
  876. #footer-widgets .widget-container ul {
  877.         margin: 0;
  878. }
  879. #footer-widgets .widget-container a {
  880.         color: #fff;
  881.         border-bottom: 1px dotted #ccc;
  882. }
  883. #footer-widgets .widget-container p {
  884.         color: #ccc;
  885. }
  886. #after_footer {
  887.         background-color: #171717;
  888. }
  889. .site-footer {
  890.         margin-top: 20px;
  891.   margin-bottom: 20px;
  892. }
  893. .site-footer #copyright {
  894.         text-align: right;
  895. }
  896.  
  897. /********************************************************************************************************************/
  898. /******************************************** WORDPRESS DEFAULTS ****************************************************/
  899. /********************************************************************************************************************/
  900.  
  901. .sticky{}
  902. .gallery-caption{}
  903. .bypostauthor{}
  904.  
  905. /********************************************************************************************************************/
  906. /******************************************** ELEMENTS **************************************************************/
  907. /********************************************************************************************************************/
  908.  
  909. /*==================================== BOXES ======================================================*/
  910.  
  911. .box {
  912.   margin-bottom: 30px;
  913.         padding: 20px;
  914.   background: #fdfdfd;
  915.   border: 1px solid #eaeaea;
  916.   -webkit-border-radius: 3px;  
  917.   border-radius: 3px;
  918.   overflow: hidden;
  919.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  920.   box-shadow:  0px 1px 0px 0px #adadad;
  921. }
  922. h2.box-widget-title {
  923.         margin-top: 0;
  924.   font-size: 1.6em;
  925.         line-height: 1em;
  926.   text-align: center;
  927. }
  928. .box p {
  929.   font-size: 1.1em;
  930.   line-height: 1.2em;
  931. }
  932.  
  933. #boxes-container .box a {
  934.   display: block;
  935.   width: 100%;
  936.   text-align: center;
  937. }
  938. #boxes-container .box-no-url {
  939.         cursor: default;
  940. }
  941.  
  942. /*==================================== PORTFOLIO ===================================================*/
  943.  
  944. #portfolio {
  945.   margin-bottom: 30px;
  946. }
  947. #gallery {
  948.         background: #fff;
  949.   padding: 20px;
  950.   background: #fdfdfd;
  951.   border: 1px solid #eaeaea;
  952.   -webkit-border-radius: 3px;  
  953.   border-radius: 3px;
  954.   overflow: hidden;
  955.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  956.   box-shadow:  0px 1px 0px 0px #adadad;
  957. }
  958. #gallery ul.row-fluid {
  959.   margin: 0;
  960.   padding: 0;
  961. }
  962. #gallery h2 {
  963.         font-size: 1.6em;
  964.         font-weight: 400;
  965.   margin-top: 0;
  966.         line-height: 1em;
  967. }
  968. #gallery ul.row-fluid li#portfolio_wrap {
  969.   text-align: center;
  970. }
  971. #gallery ul.row-fluid li#portfolio_wrap .portfolio_item {
  972.   padding: 20px;
  973. }
  974.  
  975. /*==================================== TWITTER =====================================================*/
  976.  
  977. #twitter-container {
  978.   margin-bottom: 30px;
  979. }
  980. #twitter-bar {
  981.   padding: 20px;
  982.   background: #fdfdfd;
  983.   border: 1px solid #eaeaea;
  984.   -webkit-border-radius: 3px;  
  985.   border-radius: 3px;
  986.   overflow: hidden;
  987.   -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  988.   box-shadow:  0px 1px 0px 0px #adadad;
  989. }
  990. #twitter-bar #twitter-text img {
  991.         float: left;
  992.         margin-top: -5px;
  993. }
  994. #twitter-bar #twitter-text p {
  995.         padding-left: 75px;
  996.         margin-bottom: 0;
  997. }
  998. @media (max-width: 480px) {
  999.         #twitter-bar #twitter-text img {
  1000.                 width: 30px;
  1001.                 height: 21px;
  1002.                 margin-top: 0;
  1003.         }
  1004.         #twitter-bar #twitter-text p {
  1005.                 padding-left: 40px;
  1006.         }
  1007. }
  1008.  
  1009. /*==================================== SLIDER ====================================================*/
  1010.  
  1011. #slider {
  1012.         margin-bottom: 30px;
  1013. }
  1014. #slider .carousel-control {
  1015.         top: 100%;
  1016.         margin-top: -45px;
  1017.         background: rgba( 0, 0, 0, 0.25 );
  1018.         border: none;
  1019.         opacity: 1;
  1020. }
  1021. #slider .carousel-caption {
  1022.         padding: 5px 60px;
  1023.         min-height: 40px;
  1024. }
  1025. /********************************************************************************************************************/
  1026. /****************************************** MEDIA QUERIES ***********************************************************/
  1027. /********************************************************************************************************************/
  1028.  
  1029. /*==================================== TABLETS ===================================================*/
  1030.  
  1031. @media (max-width: 767px) {
  1032.         .container-full {
  1033.                 width: 100%;
  1034.                 margin-left: -20px;
  1035.                 padding-right: 20px;
  1036.                 padding-left: 20px;
  1037.         }
  1038.         body {
  1039.                 padding-left: 0px;
  1040.                 padding-right: 0px;
  1041.         }
  1042.         .container-full-width .container{
  1043.                 margin: 0px 20px;
  1044.         }
  1045. }
  1046. /*==================================== PHONES ====================================================*/
  1047.  
  1048. @media (max-width: 480px) {
  1049.         header#cc-header .span7 {
  1050.                 text-align: center;
  1051.         }
  1052.         header#cc-header .span5 {
  1053.                 text-align: center;
  1054.         }
  1055.         header#cc-header .span5 div.icons a {
  1056.                 float: none;
  1057.         }
  1058.         header#cc-header .span5 div.blog-description {
  1059.                 float: none;
  1060.         }
  1061.         header#cc-header .span5 div.register {
  1062.                 float: none;
  1063.         }
  1064.         header#cc-header .span5 #searchform {
  1065.                 float: none;
  1066.         }
  1067.         .container-full .top-head-social .icons {
  1068.                 margin-bottom: 10px;
  1069.         }
  1070.         .container-full-width .container{
  1071.                 margin: 0px 10px;
  1072.         }
  1073. }
  1074.  
  1075. /********************************************************************************************************************/
  1076. /****************************************** ADD ONS *****************************************************************/
  1077. /********************************************************************************************************************/
  1078.  
  1079. /*==================================== The Events Calendar ====================================================*/
  1080. .tribe-events-meta-group dt {
  1081.   margin-left: 0;
  1082. }
  1083. .tribe-event-notices {
  1084.     background: #b6b6b6;
  1085.     border: 1px solid;
  1086.     border-color: #888 #666 #666 #666;
  1087.     color: #FFF;
  1088.     text-shadow: 0 1px 0 #000;
  1089. }