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

CSS

By: a guest on Aug 22nd, 2012  |  syntax: None  |  size: 73.24 KB  |  views: 16  |  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: Twenty Eleven Child Theme
  3. Theme URI: http://wordpress.org/extend/themes/twentyeleven
  4. Author: the WordPress team
  5. Template: twentyeleven
  6. @import url("/public_html/wp-content/themes/twentyeleven/style.css");
  7. Author URI: http://wordpress.org/
  8. Description: Twenty Eleven Child Theme for StopBeingFamous.com
  9. License: GNU General Public License
  10. License URI: license.txt
  11. Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
  12. */
  13.  
  14. /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  15. -------------------------------------------------------------- */
  16.  
  17. html, body, div, span, applet, object, iframe,
  18. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  19. a, abbr, acronym, address, big, cite, code,
  20. del, dfn, em, font, ins, kbd, q, s, samp,
  21. small, strike, strong, sub, sup, tt, var,
  22. dl, dt, dd, ol, ul, li,
  23. fieldset, form, label, legend,
  24. table, caption, tbody, tfoot, thead, tr, th, td {
  25.         border: 0;
  26.         font-family: inherit;
  27.         font-size: 100%;
  28.         font-style: inherit;
  29.         font-weight: inherit;
  30.         margin: 0;
  31.         outline: 0;
  32.         padding: 0;
  33.         vertical-align: baseline;
  34.  }
  35. :focus {/* remember to define focus styles! */
  36.         outline: 0;
  37. }
  38. body {
  39.         background:trasparent;
  40.         line-height: 0;
  41. }
  42. ol, ul {
  43.         list-style: none;
  44. }
  45. table {/* tables still need 'cellspacing="0"' in the markup */
  46.         border-collapse: separate;
  47.         border-spacing: 0;
  48. }
  49. caption, th, td {
  50.         font-weight: normal;
  51.         text-align: left;
  52. }
  53. blockquote:before, blockquote:after,
  54. q:before, q:after {
  55.         content: "";
  56. }
  57. blockquote, q {
  58.         quotes: "" "";
  59. }
  60. a img {
  61.         border: 0;
  62. }
  63. article, aside, details, figcaption, figure,
  64. footer, header, hgroup, menu, nav, section {
  65.         display: block;
  66. }
  67.  
  68.  
  69.  
  70.  
  71.  
  72. /* =Structure
  73. ----------------------------------------------- */
  74.  
  75. body {
  76.      
  77.         padding: 0em;
  78.         margin-top: 0;
  79.         overflow-x:hidden;      
  80. }
  81. #page {
  82.         margin: 0em auto;
  83.         margin-top: 0;
  84.         max-width: 1000px;
  85.         overflow-x: hidden;
  86.         overflow-y:hidden;    
  87. }
  88. #branding hgroup {
  89.         padding: 0 0 0 0;
  90.         position:relative;
  91. }
  92. #access div {
  93.         margin: 2.6% 1%;
  94. }
  95. #primary {
  96.         float: left;
  97.         margin: 1% -23.9% 0px -6.5%;
  98.         width: 100%;
  99. }
  100. #content {
  101.        
  102.         margin: 2%  0% 0% 5.5%;
  103.         width: 63%;
  104.         padding: 30px 0 69px 0;
  105.  }
  106.  
  107. #secondary {
  108.         float: right;
  109.         margin: 3.8% 0% 0% -4%;
  110.         padding-right: 0px;
  111.         width: 34%;
  112. }
  113.  
  114.  
  115. /* Singular */
  116. .singular #primary {
  117.         margin: 0;
  118.         float: left;
  119. }
  120. .singular #content,
  121. .left-sidebar.singular #content {
  122.         margin: 0;
  123.         position: relative;
  124.         width: auto;
  125.        
  126. }
  127. .singular .entry-header,
  128. .singular .entry-content,
  129. .singular footer.entry-meta,
  130. .singular #comments-title {
  131.         margin: 0 auto;
  132.         padding: -225px 0 0px 0;
  133.         width: 66%;
  134. }
  135.  
  136. /* Attachments */
  137. .singular .image-attachment .entry-content {
  138.         margin: -225px auto;
  139.         width: auto;
  140. }
  141. .singular .image-attachment .entry-description {
  142.         margin: 0 auto;
  143.         width: 68.9%;
  144. }
  145.  
  146. /* Showcase */
  147. .page-template-showcase-php #primary,
  148. .left-sidebar.page-template-showcase-php #primary {
  149.         margin: 0;
  150. }
  151. .page-template-showcase-php #content,
  152. .left-sidebar.page-template-showcase-php #content {
  153.         margin: 0 7.6%;
  154.         width: auto;
  155. }
  156. .page-template-showcase-php section.recent-posts {
  157.         float: left;
  158.         margin: 0 0 0 31%;
  159.         width: 100%;
  160. }
  161. .page-template-showcase-php #main .widget-area {
  162.         float: right;
  163.         margin: 0 -22.15% 0 0;
  164.         width: 22.15%;
  165. }
  166.  
  167. /* error404 */
  168. .error404 #primary {
  169.         float: none
  170. }
  171. .error404 #primary #content {
  172.         margin: 0 7.6%;
  173.         width: auto;
  174. }
  175.  
  176. /* Alignment */
  177. .alignleft {
  178.         display: inline;
  179.         float: left;
  180.         margin-right: 2.625em;
  181. }
  182. .alignright {
  183.         display: inline;
  184.         float: right;
  185.         margin-left: 0.625em;
  186. }
  187. .aligncenter {
  188.         clear: both;
  189.         display: block;
  190.         margin-left: auto;
  191.         margin-right: auto;
  192. }
  193.  
  194. /* Right Content */
  195. .left-sidebar #primary {
  196.         float: right;
  197.         margin: 0 0px 0px -20.4%;
  198.         width: 100%;
  199. }
  200. .left-sidebar #content {
  201.         margin: 0 8.6% 0 34%;
  202.         width: 62.4%;
  203. }
  204. .left-sidebar #secondary {
  205.         float: right;
  206.         margin-left: 20.6%;
  207.         margin-right: 0;
  208.         width: 20.8%;
  209. }
  210.  
  211. /* One column */
  212. .one-column #page {
  213.         max-width: 690px;
  214. }
  215. .one-column #content {
  216.         margin: 0 0%;
  217.         width: auto;
  218. }
  219. .one-column #nav-below {
  220.         border-bottom: 0px solid #ddd;
  221.         margin-bottom: 1.625em;
  222. }
  223. .one-column #secondary {
  224.         float: none;
  225.         margin: 0 0%;
  226.         width: auto;
  227. }
  228. /* Simplify the showcase template */
  229. .one-column .page-template-showcase-php section.recent-posts {
  230.         float: none;
  231.         margin: 0;
  232.         width: 100%;
  233. }
  234. .one-column .page-template-showcase-php #main .widget-area {
  235.         float: none;
  236.         margin: 30px 0 0 0;
  237.         width: auto;
  238. }
  239. .one-column .page-template-showcase-php .other-recent-posts {
  240.         border-bottom: 0px solid #ddd;
  241. }
  242. /* Simplify the showcase template when small feature */
  243. .one-column section.featured-post .attachment-small-feature {
  244.         border: none;
  245.         display: block;
  246.         height: auto;
  247.         max-width: 60%;
  248.         position: static;
  249. }
  250. .one-column article.feature-image.small {
  251.         margin: 0 0 1.625em;
  252.         padding: 0;
  253. }
  254. .one-column article.feature-image.small .entry-title {
  255.         font-size: 20px;
  256.         line-height: 1.3em;
  257. }
  258. .one-column article.feature-image.small .entry-summary {
  259.         height: 150px;
  260.         overflow: hidden;
  261.         padding: 0;
  262.         text-overflow: ellipsis;
  263. }
  264. .one-column article.feature-image.small .entry-summary a {
  265.         left: -9%;
  266. }
  267. /* Remove the margin on singular articles */
  268. .one-column.singular .entry-header,
  269. .one-column.singular .entry-content,
  270. .one-column.singular footer.entry-meta,
  271. .one-column.singular #comments-title {
  272.         width: 100%;
  273. }
  274. /* Simplify the pullquotes and pull styles */
  275. .one-column.singular blockquote.pull {
  276.         margin: 0 0 1.625em;
  277. }
  278. .one-column.singular .pull.alignleft {
  279.         margin: 0 1.625em 0 0;
  280. }
  281. .one-column.singular .pull.alignright {
  282.         margin: 0 0 0 1.625em;
  283. }
  284. .one-column.singular .entry-meta .edit-link a {
  285.         position: absolute;
  286.         top: 40px;
  287. }
  288. .one-column.singular #author-info {
  289.         margin: 2.2em -8.8% 0;
  290.         padding: 10px 8.8%;
  291. }
  292. /* Make sure we have room for our comment avatars */
  293. .one-column .commentlist > li.comment {
  294.         margin: 0px 0px 20px 102px;
  295.         width: auto;
  296. }
  297. /* Make sure the logo and search form don't collide */
  298. .one-column #branding #searchform {
  299.         right: 0px;
  300.         top: 1em;
  301. }
  302. /* Talking avatars take up too much room at this size */
  303. .one-column .commentlist > li.comment {
  304.         margin-left: 0;
  305. }
  306. .one-column .commentlist > li.comment .comment-meta,
  307. .one-column .commentlist > li.comment .comment-content {
  308.         margin-right: 85px;
  309. }
  310. .one-column .commentlist .avatar {
  311.         background: transparent;
  312.         display: block;
  313.         padding: 10;
  314.         top: 1.625em;
  315.         left: auto;
  316.         right: 1.625em;
  317. }
  318. .one-column .commentlist .children .avatar {
  319.         background: none;
  320.         padding: 10;
  321.         position: absolute;
  322.         top: 2.2em;
  323.         left: 2.2em;
  324. }
  325. .one-column #respond {
  326.         width: auto;
  327. }
  328.  
  329.  
  330. /* =Global
  331. ----------------------------------------------- */
  332.  
  333. body, input, textarea {
  334.         color: #212121;
  335.         font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;;
  336.         font-weight: 350;
  337.         line-height: 1.625;
  338. }
  339. body {
  340.  
  341. }
  342. #page {
  343. }
  344.  
  345.  
  346. /* Headings */
  347. h1,h2,h3,h4,h5,h6 {
  348.         clear: both;
  349. }
  350. hr {
  351.         background-color: #000;
  352.         border: 0;
  353.         height: 1px;
  354.         margin-bottom: 1.625em;
  355. }
  356.  
  357.  
  358.  
  359. /* Text elements */
  360. p {
  361.         margin-bottom: 1.625em;
  362. }
  363. ul, ol {
  364.         margin: 0 0 1.625em 2.5em;
  365. }
  366. ul {
  367.         list-style: square;
  368. }
  369. ol {
  370.         list-style-type: decimal;
  371. }
  372. ol ol {
  373.         list-style: upper-alpha;
  374. }
  375. ol ol ol {
  376.         list-style: lower-roman;
  377. }
  378. ol ol ol ol {
  379.         list-style: lower-alpha;
  380. }
  381. ul ul, ol ol, ul ol, ol ul {
  382.         margin-bottom: 0;
  383. }
  384. dl {
  385.         margin: 0 1.625em;
  386. }
  387. dt {
  388.         font-weight: bold;
  389. }
  390. dd {
  391.         margin-bottom: 1.625em;
  392. }
  393. strong {
  394.         font-weight: bold;
  395. }
  396. cite, em, i {
  397.         font-style: italic;
  398. }
  399. blockquote {
  400.         font-family: Georgia, "Bitstream Charter", serif;
  401.         font-style: italic;
  402.         font-weight: normal;
  403.         margin: 0 3em;
  404. }
  405. blockquote em, blockquote i, blockquote cite {
  406.         font-style: normal;
  407. }
  408. blockquote cite {
  409.         color: #666;
  410.         font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  411.         font-weight: 300;
  412.         letter-spacing: 0.05em;
  413.         text-transform: uppercase;
  414. }
  415. pre {
  416.         background: #f4f4f4;
  417.         font: 13px "Courier 10 Pitch", Courier, monospace;
  418.         line-height: 1.5;
  419.         margin-bottom: 1.625em;
  420.         overflow: auto;
  421.         padding: 0.75em 1.625em;
  422. }
  423. code, kbd {
  424.         font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  425. }
  426. abbr, acronym, dfn {
  427.         border-bottom: 1px dotted #666;
  428.         cursor: help;
  429. }
  430. address {
  431.         display: block;
  432.         margin: 0 0 1.625em;
  433. }
  434. ins {
  435.         background: #fcfcfc;
  436.         text-decoration: none;
  437. }
  438. sup,
  439. sub {
  440.         font-size: 10px;
  441.         height: 0;
  442.         line-height: 1;
  443.         position: relative;
  444.         vertical-align: baseline;
  445. }
  446. sup {
  447.         bottom: 1ex;
  448. }
  449. sub {
  450.         top: .5ex;
  451. }
  452.  
  453.  
  454. /* Forms */
  455. input[type=text],
  456. input[type=password],
  457. textarea {
  458.         background: #F0F0F0;
  459.         -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
  460.         -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
  461.         box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
  462.         border: 0px solid #000;
  463.         color: #5b5b5b;
  464. }
  465. input[type=text]:focus,
  466. textarea:focus {
  467.         color: #000;
  468. }
  469. textarea {
  470.         padding-left: 3px;
  471.         width:80px;
  472. }
  473. input[type=text] {
  474.         padding: 3px;
  475. }
  476. input#s {
  477.  
  478.         background: url(http://s2.wp.com/wp-content/themes/pub/twentyeleven/images/search.png) no-repeat 5px 6px;
  479.         -moz-border-radius: 30px;
  480.         border-radius: 30px;
  481.         font-size: 12px;
  482.         height: 20px;
  483.         line-height: 1.2em;
  484.         padding: 4px 10px 4px 28px;
  485.        
  486. }
  487. input#searchsubmit {
  488.           display:none;
  489.        
  490. }
  491.  
  492.  
  493.  
  494.  
  495. /* Links */
  496. a {
  497.         color: #1982d1;
  498.         text-decoration: none;
  499. }
  500. a:focus,
  501. a:active,
  502. a:hover {
  503.         text-decoration: underline;
  504. }
  505.  
  506. /* Assistive text */
  507. .assistive-text {
  508.         position: absolute !important;
  509.         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  510.         clip: rect(1px, 1px, 1px, 1px);
  511. }
  512. #access a.assistive-text:active,
  513. #access a.assistive-text:focus {
  514.         background: #eee;
  515.         border-bottom: 1px solid #ddd;
  516.         color: #1982d1;
  517.         clip: auto !important;
  518.         font-size: 12px;
  519.         position: absolute;
  520.         text-decoration: underline;
  521.         top: 0;
  522.         left: 7.6%;
  523. }
  524.  
  525.  
  526. /* =Header
  527. ----------------------------------------------- */
  528.  
  529. #branding {
  530.         border-top: 0px solid #bbb;
  531.         padding-bottom: 10px;
  532.         position: relative;
  533.         z-index: 9999;
  534.         background:fff;
  535. }
  536. #site-title {
  537.         margin-right: 0px;
  538.         padding: 0em 0 0;
  539.        
  540. }
  541. #site-title a {
  542.         color: #111;
  543.         font-size: 12px;
  544.         font-weight: bold;
  545.         line-height: 10px;
  546.         text-decoration: none;
  547.         margin: 0 0 -110px;
  548.        
  549. }
  550. #site-title a:hover,
  551. #site-title a:focus,
  552. #site-title a:active {
  553.         color: #949494;
  554. }
  555. #site-description {
  556.         color: #7a7a7a;
  557.         font-size: 12px;
  558.         margin: 0 0px 0 0;
  559. }
  560. #branding img {
  561.         height:auto;
  562.         margin-left: 0px;
  563.         margin-top:-6px;
  564.         margin-bottom: -20px;
  565.         padding: 0 0 0 0;
  566.         width: 13%;
  567.        
  568. }
  569.  
  570.  
  571.  
  572.  
  573.  
  574. /* =Menu
  575. -------------------------------------------------------------- */
  576.  
  577. #access {
  578.        
  579.  
  580.  
  581.        
  582.         clear: both;
  583.         display: block;
  584.         float: center;
  585.         width: 100%;
  586.        
  587. }
  588. #access ul {
  589.         font-size: 13px;
  590.         list-style: none;
  591.  
  592.         margin: 0px 0 0 0px;
  593.         padding-right: 10px;
  594.        
  595. }
  596. #access li {
  597.         float: left;
  598.         padding-left: 15px;
  599.         margin-bottom: 0px;
  600.         position: relative;
  601. }
  602. #access a {
  603.         color: #d6d4d4;
  604.         display: block;
  605.         line-height: 3.333em;
  606.         padding: 0px 1.1125em;
  607.         padding-top: 0px;
  608.         margin-bottom: 0px;
  609.         text-decoration:none;
  610.         text-transform:uppercase;
  611.         font-weight: bold;
  612. }
  613. #access ul ul {
  614.         -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
  615.         -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.2);
  616.         box-shadow: 0 4px 4px rgba(0,0,0,0.2);
  617.         display: none;
  618.         float: left;
  619.         margin: 0;
  620.         margin-bottom: 0px;
  621.         position: relative;
  622.         top: 3.333em;
  623.         left: 0;
  624.         width: 188px;
  625.         z-index: 99999;
  626. }
  627. #access ul ul ul {
  628.         left: 100%;
  629.         top: 0;
  630. }
  631. #access ul ul a {
  632.         border-bottom: 0px dotted #ddd;
  633.         color: #000;
  634.         font-size: 13px;
  635.         font-weight: normal;
  636.         height: auto;
  637.         line-height: 1.4em;
  638.         padding-right: 0px 0px;
  639.         width: 168px;
  640.         margin-bottom: 0px;
  641.  
  642. }
  643. #access li:hover > a,
  644. #access ul ul :hover > a,
  645. #access a:focus {
  646.         background: #898787;
  647.        
  648.  
  649. }
  650. #access li:hover > a,
  651. #access a:focus {
  652.         background: #5b5a5a; /* Show a solid color for older browsers */
  653.         background: -moz-linear-gradient(#898787,#5b5a5a);
  654.         background: -o-linear-gradient(#898787,#5b5a5a);
  655.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#898787), to(#5b5a5a)); /* Older webkit syntax */
  656.         background: -webkit-linear-gradient(#898787,#5b5a5a);
  657.  filter:alpha(opacity=60); /* IE */
  658.     -moz-opacity:0.6; /* Mozilla */
  659.     opacity: 0.6; /* CSS3 */
  660.         color: #d6d4d4;
  661.        
  662. }
  663. #access ul li:hover > ul {
  664.         display: block;
  665. }
  666. #access .current-menu-item > a,
  667. #access .current-menu-ancestor > a,
  668. #access .current_page_item > a,
  669. #access .current_page_ancestor > a {
  670.         background: #5b5a5a; /* Show a solid color for older browsers */
  671.         background: -moz-linear-gradient(#898787,#5b5a5a);
  672.         background: -o-linear-gradient(#898787,#5b5a5a);
  673.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#898787), to(#5b5a5a)); /* Older webkit syntax */
  674.         background: -webkit-linear-gradient(#898787,#5b5a5a);
  675.        filter:alpha(opacity=60); /* IE */
  676.     -moz-opacity:0.6; /* Mozilla */
  677.     opacity: 0.6; /* CSS3 */
  678.         color: #d6d4d4;      
  679. }
  680.  
  681.  
  682. /* Search Form */
  683. #branding #searchform {
  684.         position: absolute;
  685.         top: 3.8em;
  686.         right: 1%;
  687.         text-align: right;
  688. }
  689. #branding #searchform div {
  690.         margin: 0;
  691. }
  692. #branding #s {
  693.         float: right;
  694.         -webkit-transition-duration: 400ms;
  695.         -webkit-transition-property: width, background;
  696.         -webkit-transition-timing-function: ease;
  697.         -moz-transition-duration: 400ms;
  698.         -moz-transition-property: width, background;
  699.         -moz-transition-timing-function: ease;
  700.         -o-transition-duration: 400ms;
  701.         -o-transition-property: width, background;
  702.         -o-transition-timing-function: ease;
  703.         width: 165px;
  704. }
  705. #branding #s:focus {
  706.         background-color: #f9f9f9;
  707.         width: 196px;
  708. }
  709. #branding #searchsubmit {
  710.         display: none;
  711. }
  712. #branding .only-search #searchform {
  713.         top: 5px;
  714.         z-index: 1;
  715. }
  716. #branding .only-search #s {
  717.         background-color: #666;
  718.         border-color: #4c4b4b;
  719.         color: #3D3C3C;
  720. }
  721. #branding .only-search #s,
  722. #branding .only-search #s:focus {
  723.         width: 85%;
  724. }
  725. #branding .only-search #s:focus {
  726.         background-color: #000;
  727. }
  728. #branding .with-image #searchform {
  729.         top: auto;
  730.         bottom: -27px;
  731.         max-width: 195px;
  732. }
  733. #branding .only-search + #access div {
  734.         padding-right: 105px;
  735. }
  736.  
  737.  
  738.  
  739.  
  740. /* =Content
  741. ----------------------------------------------- */
  742.  
  743. #main {
  744.         clear: both;
  745.         padding: 1.625em 0 0;
  746. }
  747. .page-title {
  748.         color: #000 ;
  749.         font-size: 10px;
  750.         font-weight: 500;
  751.         letter-spacing: 0.1em;
  752.         line-height: 2.6em;
  753.         margin: 0 0 2.6em;
  754.         text-transform: uppercase;
  755. }
  756. .page-title a {
  757.         font-size: 0px;
  758.         font-weight: bold;
  759.         letter-spacing: 0;
  760.         text-transform: none;
  761. }
  762. .hentry,
  763. .no-results {
  764.         border-bottom: 0px solid #ddd;
  765.         margin: 0 0 1.625em;
  766.         padding: 0 0 1.625em;
  767.         position: relative;
  768. }
  769. .hentry:last-child,
  770. .no-results {
  771.         border-bottom: none;
  772. }
  773. .blog .sticky .entry-header .entry-meta {
  774.         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  775.         clip: rect(1px, 1px, 1px, 1px);
  776.         position: absolute !important;
  777. }
  778. .entry-title,
  779. .entry-header .entry-meta {
  780.         padding-left: 20px;
  781. }
  782. .entry-title {
  783.         clear: both;
  784.         color: #222;
  785.         font-size: 26px;
  786.         font-weight: bold;
  787.         line-height: 1.2em;
  788.         padding-bottom: .3em;
  789.         padding-top: 0px;
  790.        
  791. }
  792. .entry-title,
  793. .entry-title a {
  794.         color: #222;
  795.         text-decoration: none;
  796. }
  797. .entry-title a:hover,
  798. .entry-title a:focus,
  799. .entry-title a:active {
  800.         color: #1982d1;
  801. }
  802. .entry-meta {
  803.         color: #666;
  804.         clear: both;
  805.         font-size: 12px;
  806.         line-height: 18px;
  807. }
  808. .entry-meta a {
  809.         font-weight: bold;
  810. }
  811. .single-author .entry-meta .by-author {
  812.         display: none;
  813. }
  814. .entry-content,
  815. .entry-summary {
  816.         padding: 1.625em 0 80px 0;
  817. }
  818. .entry-content h1,
  819. .entry-content h2,
  820. .comment-content h1,
  821. .comment-content h2 {
  822.         color: #000;
  823.         font-weight: bold;
  824.         margin: 0 0 .8125em;
  825. }
  826. .entry-content h3,
  827. .comment-content h3 {
  828.         font-size: 10px;
  829.         letter-spacing: 0.1em;
  830.         line-height: 2.6em;
  831.         text-transform: uppercase;
  832. }
  833. .entry-content table,
  834. .comment-content table {
  835.         border-bottom: 0px solid #ddd;
  836.         margin: 0 0 1.625em;
  837.         width:F 100%;
  838. }
  839. .entry-content th,
  840. .comment-content th {
  841.         color: #666;
  842.         font-size: 10px;
  843.         font-weight: 500;
  844.         letter-spacing: 0.1em;
  845.         line-height: 2.6em;
  846.         text-transform: uppercase;
  847. }
  848. .entry-content td,
  849. .comment-content td {
  850.         border-top: 0px solid #ddd;
  851.         padding: 6px 10px 6px 0;
  852. }
  853. .entry-content #s {
  854.         width: 65%;
  855. }
  856. .comment-content ul,
  857. .comment-content ol {
  858.         margin-bottom: 1.625em;
  859. }
  860. .comment-content ul ul,
  861. .comment-content ol ol,
  862. .comment-content ul ol,
  863. .comment-content ol ul {
  864.         margin-bottom: 0;
  865. }
  866. dl.gallery-item {
  867.         margin: 0;
  868. }
  869. .page-link {
  870.         clear: both;
  871.         display: block;
  872.         font-weight: bold;
  873.        
  874. }
  875. .page-link a {
  876.         background: #000;
  877.         color: #fff;
  878.         margin: 0px 0 0 0px;
  879.         padding: 2px 3px;
  880.         text-decoration: none;
  881.         font-weight: bold;
  882.        
  883. }
  884. .page-link a:hover {
  885.         background: #888;
  886.         color: #fff;
  887.         font-weight: bold;
  888. }
  889. .page-link span {
  890.         margin-right: 6px;
  891.         text-decoration: bold;
  892. }
  893. .entry-meta .edit-link a,
  894. .commentlist .edit-link a {
  895.         background: #eee;
  896.         -moz-border-radius: 3px;
  897.         border-radius: 3px;
  898.         color: #666;
  899.         float: right;
  900.         font-size: 12px;
  901.         line-height: 1.5em;
  902.         font-weight: 300;
  903.         text-decoration: none;
  904.         padding: 0 8px;
  905. }
  906. .entry-meta .edit-link a:hover,
  907. .commentlist .edit-link a:hover {
  908.         background: #888;
  909.         color: #fff;
  910. }
  911. .entry-content .edit-link {
  912.         clear: both;
  913.         display: block;
  914. }
  915.  
  916.  
  917.  
  918. /* Images */
  919. .entry-content img,
  920. .comment-content img,
  921. .widget img {
  922.         max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
  923. }
  924. img[class*="align"],
  925. img[class*="wp-image-"],
  926. img[class*="attachment-"] {
  927.         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  928. }
  929. img.size-full,
  930. img.size-large {
  931.         max-width: 97.5%;
  932.         width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  933.         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  934. }
  935. .entry-content img.wp-smiley {
  936.         border: none;
  937.         margin-bottom: 0;
  938.         margin-top: 0;
  939.         padding: 0;
  940. }
  941. img.alignleft,
  942. img.alignright,
  943. img.aligncenter {
  944.         margin-bottom: 1.625em;
  945. }
  946. p img,
  947. .wp-caption {
  948.         margin-top: 0.4em;
  949. }
  950. .wp-caption {
  951.         background: #000;
  952.         margin-bottom: 1.625em;
  953.         max-width: 96%;
  954.         padding: 9px;
  955. }
  956. .wp-caption img {
  957.         display: block;
  958.         margin: 0 auto;
  959.         max-width: 98%;
  960. }
  961. .wp-caption .wp-caption-text,
  962. .gallery-caption {
  963.         color: #000;
  964.         font-family: Georgia, serif;
  965.         font-size: 18px;
  966. }
  967. .wp-caption .wp-caption-text {
  968.         margin-bottom: 0.6em;
  969.         padding: 10px 0 5px 40px;
  970.         position: relative;
  971. }
  972. .wp-caption .wp-caption-text:before {
  973.         color: #666;
  974.         content: '\2014';
  975.         font-size: 18px;
  976.         font-style: normal;
  977.         font-weight: bold;
  978.         margin-right: 5px;
  979.         position: absolute;
  980.         left: 10px;
  981.         top: 7px;
  982. }
  983. #content .gallery {
  984.         margin: 0 auto 1.625em;
  985. }
  986. #content .gallery a img {
  987.         border: none;
  988. }
  989. img#wpstats {
  990.         display: block;
  991.         margin: 0 auto 1.625em;
  992. }
  993. #content .gallery-columns-4 .gallery-item {
  994.         width: 23%;
  995.         padding-right: 2%;
  996. }
  997. #content .gallery-columns-4 .gallery-item img {
  998.         width: 100%;
  999.         height: auto;
  1000. }
  1001.  
  1002.  
  1003. /* Image borders */
  1004. img[class*="align"],
  1005. img[class*="wp-image-"],
  1006. #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  1007.         border: 0px solid #ddd;
  1008.         padding: 6px;
  1009. }
  1010. .wp-caption img {
  1011.         border-color: #eee;
  1012. }
  1013. a:focus img[class*="align"],
  1014. a:hover img[class*="align"],
  1015. a:active img[class*="align"],
  1016. a:focus img[class*="wp-image-"],
  1017. a:hover img[class*="wp-image-"],
  1018. a:active img[class*="wp-image-"],
  1019. #content .gallery .gallery-icon a:focus img,
  1020. #content .gallery .gallery-icon a:hover img,
  1021. #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
  1022.         background: #eee;
  1023.         border-color: #bbb;
  1024. }
  1025. .wp-caption a:focus img,
  1026. .wp-caption a:active img,
  1027. .wp-caption a:hover img {/* ... including captioned images! */
  1028.         background: #fff;
  1029.         border-color: #ddd;
  1030. }
  1031.  
  1032. /* Make sure embeds and iframes fit their containers */
  1033. embed,
  1034. iframe,
  1035. object {
  1036.         max-width: 100%;
  1037. }
  1038.  
  1039. /* Password Protected Posts */
  1040. .post-password-required .entry-header .comments-link {
  1041.         margin: 1.925em 0 0;
  1042. }
  1043. .post-password-required input[type=password] {
  1044.         margin: 0.8125em 0;
  1045. }
  1046. .post-password-required input[type=password]:focus {
  1047.         background: #f7f7f7;
  1048. }
  1049.  
  1050. /* Author Info */
  1051. #author-info {
  1052.         font-size: 12px;
  1053.         overflow: hidden;
  1054. }
  1055. .singular #author-info {
  1056.         background: #f9f9f9;
  1057.         border-top: 1px solid #ddd;
  1058.         border-bottom: 1px solid #ddd;
  1059.         margin: 2.2em -35.6% 0 -35.4%;
  1060.         padding: 20px 35.4%;
  1061. }
  1062. .archive #author-info {
  1063.         border-bottom: 1px solid #ddd;
  1064.         margin: 0 0 2.2em;
  1065.         padding: 0 0 2.2em;
  1066. }
  1067. #author-avatar {
  1068.         float: left;
  1069.         margin-right: -78px;
  1070. }
  1071. #author-avatar img {
  1072.         background: #fff;
  1073.         -moz-border-radius: 3px;
  1074.         border-radius: 3px;
  1075.         -webkit-box-shadow: 0 1px 2px #bbb;
  1076.         -moz-box-shadow: 0 1px 2px #bbb;
  1077.         box-shadow: 0 1px 2px #bbb;
  1078.         padding: 3px;
  1079. }
  1080. #author-description {
  1081.         float: left;
  1082.         margin-left: 108px;
  1083. }
  1084. #author-description h2 {
  1085.         color: #000;
  1086.         font-size: 15px;
  1087.         font-weight: bold;
  1088.         margin: 5px 0 10px;
  1089. }
  1090.  
  1091. /* Comments link */
  1092. .entry-header .comments-link a {
  1093.         background: #eee url(images/comment-bubble.png) no-repeat;
  1094.         color: #fff;
  1095.         font-size: 13px;
  1096.         font-weight: normal;
  1097.         line-height: 35px;
  1098.         overflow: hidden;
  1099.         padding: 0 0 0;
  1100.         position: absolute;
  1101.         top: 1.5em;
  1102.         right: 0;
  1103.         text-align: center;
  1104.         text-decoration: none;
  1105.         width: 43px;
  1106.         height: 36px;
  1107. }
  1108. .entry-header .comments-link a:hover,
  1109. .entry-header .comments-link a:focus,
  1110. .entry-header .comments-link a:active {
  1111.         background-color: #1982d1;
  1112.         color: #fff;
  1113.         color: rgba(255,255,255,0.8);
  1114. }
  1115. .entry-header .comments-link .leave-reply {
  1116.         visibility: hidden;
  1117. }
  1118.  
  1119. /*
  1120. Post Formats Headings
  1121. To hide the headings, display: none the ".entry-header .entry-format" selector,
  1122. and remove the padding rules below.
  1123. */
  1124. .entry-header .entry-format {
  1125.         color: #666;
  1126.         font-size: 10px;
  1127.         font-weight: 500;
  1128.         letter-spacing: 0.1em;
  1129.         line-height: 2.6em;
  1130.         position: absolute;
  1131.         text-transform: uppercase;
  1132.         top: -5px;
  1133. }
  1134. .entry-header hgroup .entry-title {
  1135.         padding-top: 115px;
  1136. }
  1137. article.format-aside .entry-content,
  1138. article.format-link .entry-content,
  1139. article.format-status .entry-content {
  1140.         padding: 0px 0 0;
  1141. }
  1142. article.format-status .entry-content {
  1143.         min-height: 65px;
  1144. }
  1145. .recent-posts .entry-header .entry-format {
  1146.         display: none;
  1147. }
  1148. .recent-posts .entry-header hgroup .entry-title {
  1149.         padding-top: 0;
  1150. }
  1151.  
  1152. /* Singular content styles for Posts and Pages */
  1153. .singular .hentry {
  1154.         border-bottom: none;
  1155.         padding: -1.875em 0 0;
  1156.         position: relative;
  1157. }
  1158. .singular.page .hentry {
  1159.         padding: 3.5em 0 0;
  1160. }
  1161. .singular .entry-title {
  1162.         color: #000;
  1163.         font-size: 36px;
  1164.         font-weight: bold;
  1165.         line-height: 38px;
  1166. }
  1167. .singular .entry-title,
  1168. .singular .entry-header .entry-meta {
  1169.         padding-right: 0;
  1170. }
  1171. .singular .entry-header .entry-meta {
  1172.         position: absolute;
  1173.         top: 0;
  1174.         left: 0;
  1175. }
  1176. blockquote.pull {
  1177.         font-size: 21px;
  1178.         font-weight: bold;
  1179.         line-height: 1.6125em;
  1180.         margin: 0 0 1.625em;
  1181.         text-align: center;
  1182. }
  1183. .singular blockquote.pull {
  1184.         margin: 0 -22.25% 1.625em;
  1185. }
  1186. .pull.alignleft {
  1187.         margin: 0 1.625em 0 0;
  1188.         text-align: right;
  1189.         width: 33%;
  1190. }
  1191. .singular .pull.alignleft {
  1192.         margin: 0 1.625em 0 -22.25%;
  1193. }
  1194. .pull.alignright {
  1195.         margin: 0 0 0 1.625em;
  1196.         text-align: left;
  1197.         width: 33%;
  1198. }
  1199. .singular .pull.alignright {
  1200.         margin: 0 -22.25% 0 1.625em;
  1201. }
  1202. .singular blockquote.pull.alignleft,
  1203. .singular blockquote.pull.alignright {
  1204.         width: 33%;
  1205. }
  1206. .singular .entry-meta .edit-link a {
  1207.         bottom: auto;
  1208.         left: 50px;
  1209.         position: absolute;
  1210.         right: auto;
  1211.         top: 80px;
  1212. }
  1213.  
  1214.  
  1215. /* =Aside
  1216. ----------------------------------------------- */
  1217.  
  1218. .format-aside .entry-title,
  1219. .format-aside .entry-header .comments-link {
  1220.         display: none;
  1221. }
  1222. .singular .format-aside .entry-title {
  1223.         display: block;
  1224. }
  1225. .format-aside .entry-content {
  1226.         padding: 0;
  1227. }
  1228. .singular .format-aside .entry-content {
  1229.         padding: 1.625em 0 0;
  1230. }
  1231.  
  1232.  
  1233. /* =Link
  1234. ----------------------------------------------- */
  1235.  
  1236. .format-link .entry-title,
  1237. .format-link .entry-header .comments-link {
  1238.         display: none;
  1239. }
  1240. .singular .format-link .entry-title {
  1241.         display: block;
  1242. }
  1243. .format-link .entry-content {
  1244.         padding: 0;
  1245. }
  1246. .singular .format-link .entry-content {
  1247.         padding: 1.625em 0 0;
  1248. }
  1249.  
  1250.  
  1251. /* =Gallery
  1252. ----------------------------------------------- */
  1253.  
  1254. .format-gallery .gallery-thumb {
  1255.         float: left;
  1256.         display: block;
  1257.         margin: .375em 1.625em 0 0;
  1258. }
  1259.  
  1260.  
  1261. /* =Status
  1262. ----------------------------------------------- */
  1263.  
  1264. .format-status .entry-title,
  1265. .format-status .entry-header .comments-link {
  1266.         display: none;
  1267. }
  1268. .singular .format-status .entry-title {
  1269.         display: block;
  1270. }
  1271. .format-status .entry-content {
  1272.         padding: 0;
  1273. }
  1274. .singular .format-status .entry-content {
  1275.         padding: 1.625em 0 0;
  1276. }
  1277. .format-status img.avatar {
  1278.         -moz-border-radius: 3px;
  1279.         border-radius: 3px;
  1280.         -webkit-box-shadow: 0 1px 2px #ccc;
  1281.         -moz-box-shadow: 0 1px 2px #ccc;
  1282.         box-shadow: 0 1px 2px #ccc;
  1283.         float: left;
  1284.         margin: 4px 10px 2px 0;
  1285.         padding: 0;
  1286. }
  1287.  
  1288.  
  1289. /* =Quote
  1290. ----------------------------------------------- */
  1291.  
  1292. .format-quote blockquote {
  1293.         color: #555;
  1294.         font-size: 17px;
  1295.         margin: 0;
  1296. }
  1297.  
  1298.  
  1299. /* =Image
  1300. ----------------------------------------------- */
  1301.  
  1302. .indexed.format-image .entry-header {
  1303.         min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
  1304. }
  1305. .indexed.format-image .entry-content {
  1306.         padding-top: 0.5em;
  1307. }
  1308. .indexed.format-image p,
  1309. .indexed.format-image p img {
  1310.         margin-bottom: 0;
  1311. }
  1312. .indexed.format-image footer.entry-meta {
  1313.         background: #ddd;
  1314.         margin-top: -7px;
  1315.         padding: 20px 30px;
  1316.         overflow: hidden;
  1317. }
  1318. .indexed.format-image div.entry-meta {
  1319.         display: inline-block;
  1320.         float: left;
  1321.         width: 35%;
  1322. }
  1323. .indexed.format-image div.entry-meta + div.entry-meta {
  1324.         float: none;
  1325.         width: 65%;
  1326. }
  1327. .indexed.format-image .entry-meta span.cat-links,
  1328. .indexed.format-image .entry-meta span.tag-links,
  1329. .indexed.format-image .entry-meta span.comments-link {
  1330.         display: block;
  1331. }
  1332. .indexed.format-image footer.entry-meta a {
  1333.         color: #444;
  1334. }
  1335. .indexed.format-image footer.entry-meta a:hover {
  1336.         color: #fff;
  1337. }
  1338. #content .indexed.format-image img {
  1339.         border: none;
  1340.         max-width: 100%;
  1341.         padding: 0;
  1342. }
  1343. .indexed.format-image .wp-caption {
  1344.         background: #111;
  1345.         margin-bottom: 0;
  1346.         max-width: 96%;
  1347.         padding: 11px;
  1348. }
  1349. .indexed.format-image .wp-caption .wp-caption-text {
  1350.         color: #ddd;
  1351. }
  1352. .indexed.format-image .wp-caption .wp-caption-text:before {
  1353.         color: #444;
  1354. }
  1355. .indexed.format-image a:hover img {
  1356.         opacity: 0.8;
  1357. }
  1358.  
  1359.  
  1360. /* =error404
  1361. ----------------------------------------------- */
  1362.  
  1363. .error404 #main #searchform {
  1364.         background: #b0b0b0;
  1365.         border: 1px solid #ddd;
  1366.         border-width: 1px 0;
  1367.         margin: 0 -8.9% 1.625em;
  1368.         overflow: hidden;
  1369.         padding: 1.625em 8.9%;
  1370. }
  1371. .error404 #main #s {
  1372.         width: 65%;
  1373. }
  1374. .error404 #main .widget {
  1375.         clear: none;
  1376.         float: left;
  1377.         margin-right: 3.7%;
  1378.         width: 30.85%;
  1379. }
  1380. .error404 #main .widget_archive {
  1381.         margin-right: 0;
  1382. }
  1383. .error404 #main .widget_tag_cloud {
  1384.         float: none;
  1385.         margin-right: 0;
  1386.         width: 100%;
  1387. }
  1388. .error404 .widgettitle {
  1389.         font-size: 10px;
  1390.         letter-spacing: 0.1em;
  1391.  
  1392.         line-height: 2.6em;
  1393.         text-transform: uppercase;
  1394. }
  1395.  
  1396.  
  1397. /* =Showcase
  1398. ----------------------------------------------- */
  1399.  
  1400. h1.showcase-heading {
  1401.         color: #666;
  1402.         font-size: 10px;
  1403.         font-weight: 500;
  1404.         letter-spacing: 0.1em;
  1405.         line-height: 2.6em;
  1406.         text-transform: uppercase;
  1407. }
  1408.  
  1409. /* Intro */
  1410. article.intro {
  1411.         background: #f9f9f9;
  1412.         border-bottom: none;
  1413.         margin: -1.855em -8.9% 1.625em;
  1414.         padding: 0 8.9%;
  1415. }
  1416. article.intro .entry-title {
  1417.         display: none;
  1418. }
  1419. article.intro .entry-content {
  1420.         color: #111;
  1421.         font-size: 16px;
  1422.         padding: 1.625em 0 0.625em;
  1423. }
  1424. article.intro .edit-link a {
  1425.         background: #aaa;
  1426.         -moz-border-radius: 3px;
  1427.         border-radius: 3px;
  1428.         color: #fff;
  1429.         font-size: 12px;
  1430.         padding: 0 8px;
  1431.         position: absolute;
  1432.         top: 30px;
  1433.         right: 20px;
  1434.         text-decoration: none;
  1435. }
  1436. article.intro .edit-link a:hover,
  1437. article.intro .edit-link a:focus,
  1438. article.intro .edit-link a:active {
  1439.         background: #777;
  1440. }
  1441.  
  1442. /* Featured post */
  1443. section.featured-post {
  1444.         float: left;
  1445.         margin: -1.625em -8.9% 1.625em;
  1446.         padding: 1.625em 8.9% 0;
  1447.         position: relative;
  1448.         width: 100%;
  1449. }
  1450. section.featured-post .hentry {
  1451.         border: none;
  1452.         color: #666;
  1453.         margin: 0;
  1454. }
  1455. section.featured-post .entry-meta {
  1456.         clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  1457.         clip: rect(1px, 1px, 1px, 1px);
  1458.         position: absolute !important;
  1459. }
  1460.  
  1461. /* Small featured post */
  1462. section.featured-post .attachment-small-feature {
  1463.         float: right;
  1464.         height: auto;
  1465.         margin: 0 -8.9% 1.625em 0;
  1466.         max-width: 59%;
  1467.         position: relative;
  1468.         right: -15px;
  1469. }
  1470. section.featured-post.small {
  1471.         padding-top: 0;
  1472. }
  1473. section.featured-post .attachment-small-feature:hover,
  1474. section.featured-post .attachment-small-feature:focus,
  1475. section.featured-post .attachment-small-feature:active {
  1476.         opacity: .8;
  1477. }
  1478. article.feature-image.small {
  1479.         float: left;
  1480.         margin: 0 0 1.625em;
  1481.         width: 45%;
  1482. }
  1483. article.feature-image.small .entry-title {
  1484.         line-height: 1.2em;
  1485. }
  1486. article.feature-image.small .entry-summary {
  1487.         color: #555;
  1488.         font-size: 13px;
  1489. }
  1490. article.feature-image.small .entry-summary p a {
  1491.         background: #222;
  1492.         color: #eee;
  1493.         display: block;
  1494.         left: -23.8%;
  1495.         padding: 9px 26px 9px 85px;
  1496.         position: relative;
  1497.         text-decoration: none;
  1498.         top: 20px;
  1499.         width: 180px;
  1500.         z-index: 1;
  1501. }
  1502. article.feature-image.small .entry-summary p a:hover {
  1503.         background: #1982d1;
  1504.         color: #eee;
  1505.         color: rgba(255,255,255,0.8);
  1506. }
  1507.  
  1508. /* Large featured post */
  1509. section.feature-image.large {
  1510.         border: none;
  1511.         max-height: 288px;
  1512.         padding: 0;
  1513.         width: 100%;
  1514. }
  1515. section.feature-image.large .showcase-heading {
  1516.         display: none;
  1517. }
  1518. section.feature-image.large .hentry {
  1519.         border-bottom: none;
  1520.         left: 9%;
  1521.         margin: 1.625em 9% 0 0;
  1522.         position: absolute;
  1523.         top: 0;
  1524. }
  1525. article.feature-image.large .entry-title a {
  1526.         background: #222;
  1527.         background: rgba(0,0,0,0.8);
  1528.         -moz-border-radius: 3px;
  1529.         border-radius: 3px;
  1530.         color: #fff;
  1531.         display: inline-block;
  1532.         font-weight: 300;
  1533.         padding: .2em 20px;
  1534. }
  1535. section.feature-image.large:hover .entry-title a,
  1536. section.feature-image.large .entry-title:hover a {
  1537.         background: #eee;
  1538.         background: rgba(255,255,255,0.8);
  1539.         color: #222;
  1540. }
  1541. article.feature-image.large .entry-summary {
  1542.         display: none;
  1543. }
  1544. section.feature-image.large img {
  1545.         display: block;
  1546.         height: auto;
  1547.         max-width: 117.9%;
  1548.         padding: 0 0 6px;
  1549. }
  1550.  
  1551. /* Featured Slider */
  1552. .featured-posts {
  1553.         border-bottom: 1px solid #ddd;
  1554.         display: block;
  1555.         height: 328px;
  1556.         margin: 1.625em -8.9% 20px;
  1557.         max-width: 600px;
  1558.         padding: 0;
  1559.         position: relative;
  1560.         overflow: hidden;
  1561. }
  1562. .featured-posts .showcase-heading {
  1563.         padding-left: 8.9%;
  1564. }
  1565. .featured-posts section.featured-post {
  1566.         background: #fff;
  1567.         height: 288px;
  1568.         left: 0;
  1569.         margin: 0;
  1570.         position: absolute;
  1571.         top: 30px;
  1572.         width: auto;
  1573. }
  1574. .featured-posts section.featured-post.large {
  1575.         max-width: 100%;
  1576.         overflow: hidden;
  1577. }
  1578. .featured-posts section.featured-post {
  1579.         -webkit-transition-duration: 200ms;
  1580.         -webkit-transition-property: opacity, visibility;
  1581.         -webkit-transition-timing-function: ease;
  1582.         -moz-transition-duration: 200ms;
  1583.         -moz-transition-property: opacity, visibility;
  1584.         -moz-transition-timing-function: ease;
  1585. }
  1586. .featured-posts section.featured-post {
  1587.         opacity: 0;
  1588.         visibility: hidden;
  1589. }
  1590. .featured-posts #featured-post-1 {
  1591.         opacity: 1;
  1592.         visibility: visible;
  1593. }
  1594. .featured-post .feature-text:after,
  1595. .featured-post .feature-image.small:after {
  1596.         content: ' ';
  1597.         background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  1598.         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  1599.         background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  1600.         background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
  1601.         background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  1602.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  1603.         background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  1604.         width: 100%;
  1605.         height: 45px;
  1606.         position: absolute;
  1607.         top: 230px;
  1608. }
  1609. .featured-post .feature-image.small:after {
  1610.         top: 253px;
  1611. }
  1612. #content .feature-slider {
  1613.         top: 5px;
  1614.         right: 8.9%;
  1615.         overflow: visible;
  1616.         position: absolute;
  1617. }
  1618. .feature-slider ul {
  1619.         list-style-type: none;
  1620.         margin: 0;
  1621. }
  1622. .feature-slider li {
  1623.         float: left;
  1624.         margin: 0 6px;
  1625. }
  1626. .feature-slider a {
  1627.         background: #3c3c3c;
  1628.         background: rgba(60,60,60,0.9);
  1629.         -moz-border-radius: 12px;
  1630.         border-radius: 12px;
  1631.         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
  1632.         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
  1633.         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
  1634.         display: block;
  1635.         width: 14px;
  1636.         height: 14px;
  1637. }
  1638. .feature-slider a.active {
  1639.         background: #1982d1;
  1640.         -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
  1641.         -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
  1642.         box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
  1643.         cursor: default;
  1644.         opacity: 0.5;
  1645. }
  1646.  
  1647. /* Recent Posts */
  1648. section.recent-posts {
  1649.         padding: 0 0 1.625em;
  1650. }
  1651. section.recent-posts .hentry {
  1652.         border: none;
  1653.         margin: 0;
  1654. }
  1655. section.recent-posts .other-recent-posts {
  1656.         border-bottom: 1px solid #ddd;
  1657.         list-style: none;
  1658.         margin: 0;
  1659. }
  1660. section.recent-posts .other-recent-posts li {
  1661.         padding: 0.3125em 0;
  1662.         position: relative;
  1663. }
  1664. section.recent-posts .other-recent-posts .entry-title {
  1665.         border-top: 1px solid #ddd;
  1666.         font-size: 17px;
  1667. }
  1668. section.recent-posts .other-recent-posts a[rel="bookmark"] {
  1669.         color: #373737;
  1670.         float: left;
  1671.         max-width: 84%;
  1672. }
  1673. section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
  1674.         content: '-';
  1675.         color: transparent;
  1676.         font-size: 11px;
  1677. }
  1678. section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
  1679. }
  1680. section.recent-posts .other-recent-posts .comments-link a,
  1681. section.recent-posts .other-recent-posts .comments-link > span {
  1682.         border-bottom: 2px solid #999;
  1683.         bottom: -2px;
  1684.         color: #444;
  1685.         display: block;
  1686.         font-size: 10px;
  1687.         font-weight: 500;
  1688.         line-height: 2.76333em;
  1689.         padding: 0.3125em 0 0.3125em 1em;
  1690.         position: absolute;
  1691.         right: 0;
  1692.         text-align: right;
  1693.         text-transform: uppercase;
  1694.         z-index: 1;
  1695. }
  1696. section.recent-posts .other-recent-posts .comments-link > span {
  1697.         border-color: #bbb;
  1698.         color: #888;
  1699. }
  1700. section.recent-posts .other-recent-posts .comments-link a:hover {
  1701.         color: #1982d1;
  1702.         border-color: #1982d1;
  1703. }
  1704. section.recent-posts .other-recent-posts li:after {
  1705.         clear: both;
  1706.         content: '.';
  1707.         display: block;
  1708.         height: 0;
  1709.         visibility: hidden;
  1710. }
  1711.  
  1712.  
  1713. /* =Attachments
  1714. ----------------------------------------------- */
  1715.  
  1716. .image-attachment div.attachment {
  1717.         background: #f9f9f9;
  1718.         border: 1px solid #ddd;
  1719.         border-width: 1px 0;
  1720.         margin: 0 -8.9% 1.625em;
  1721.         overflow: hidden;
  1722.         padding: 1.625em 1.625em 0;
  1723.         text-align: center;
  1724. }
  1725. .image-attachment div.attachment img {
  1726.         display: block;
  1727.         height: auto;
  1728.         margin: 0 auto 1.625em;
  1729.         max-width: 100%;
  1730. }
  1731. .image-attachment div.attachment a img {
  1732.         border-color: #f9f9f9;
  1733. }
  1734. .image-attachment div.attachment a:focus img,
  1735. .image-attachment div.attachment a:hover img,
  1736. .image-attachment div.attachment a:active img {
  1737.         border-color: #ddd;
  1738.         background: #fff;
  1739. }
  1740. .image-attachment .entry-caption p {
  1741.         font-size: 14px;
  1742.         letter-spacing: 0.1em;
  1743.         line-height: 2.6em;
  1744.         margin: 0 0 2.6em;
  1745.         text-transform: uppercase;
  1746. }
  1747.  
  1748.  
  1749.  
  1750. /* =Navigation
  1751. -------------------------------------------------------------- */
  1752.  
  1753. #content nav {
  1754.         clear: both;
  1755.         overflow: hidden;
  1756.         padding: 0 0 1.625em;
  1757. }
  1758. #content nav a {
  1759.         font-size: 12px;
  1760.         font-weight: bold;
  1761.         line-height: 2.2em;
  1762. }
  1763. #nav-above {
  1764.         padding: 0 0 1.625em;
  1765. }
  1766. #nav-above {
  1767.         display: none;
  1768. }
  1769. .paged #nav-above {
  1770.         display: block;
  1771. }
  1772. .nav-previous {
  1773.         float: left;
  1774.         width: 50%;
  1775. }
  1776. .nav-next {
  1777.         float: right;
  1778.         text-align: right;
  1779.         width: 50%;
  1780. }
  1781. #content nav .meta-nav {
  1782.         font-weight: normal;
  1783. }
  1784.  
  1785. /* Singular navigation */
  1786. #nav-single {
  1787.         float: right;
  1788.         position: relative;
  1789.         top: -0.3em;
  1790.         text-align: right;
  1791.         z-index: 1;
  1792. }
  1793. #nav-single .nav-previous,
  1794. #nav-single .nav-next {
  1795.         width: auto;
  1796. }
  1797. #nav-single .nav-next {
  1798.         padding-left: .5em;
  1799. }
  1800. #nav-single .nav-previous {
  1801.         padding-right: .5em;
  1802. }
  1803.  
  1804.  
  1805. /* =Widgets
  1806. ----------------------------------------------- */
  1807.  
  1808. .widget-area {
  1809.         font-size: 12px;
  1810. }
  1811. .widget {
  1812.         clear: both;
  1813.         margin: 30px 0 2.2em;
  1814. }
  1815. .widget-title {
  1816.         color: #666;
  1817.         font-size: 10px;
  1818.         font-weight: 500;
  1819.         letter-spacing: 0.1em;
  1820.         line-height: 2.6em;
  1821.         text-transform: uppercase;
  1822. }
  1823. .widget ul {
  1824.         font-size: 15px;
  1825.         margin: 0;
  1826. }
  1827. .widget ul ul {
  1828.         margin-left: 1.5em;
  1829. }
  1830. .widget ul li {
  1831.         color: #777;
  1832.         font-size: 13px;
  1833. }
  1834. .widget a {
  1835.         font-weight: bold;
  1836.         text-decoration: none;
  1837. }
  1838. .widget a:hover,
  1839. .widget a:focus,
  1840. .widget a:active {
  1841.         text-decoration: underline;
  1842. }
  1843.  
  1844.  
  1845. /* Search Widget */
  1846. .widget_search form {
  1847.         margin: 0 0 1.625em;
  1848. }
  1849. .widget_search #s {
  1850.         width: 77%;
  1851. }
  1852. .widget_search #searchsubmit {
  1853.         background: #ddd;
  1854.         border: 1px solid #ccc;
  1855.         -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  1856.         -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  1857.         box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  1858.         color: #888;
  1859.         font-size: 13px;
  1860.         line-height: 25px;
  1861.         position: relative;
  1862.         top: -2px;
  1863. }
  1864. .widget_search #searchsubmit:active {
  1865.         background: #1982d1;
  1866.         border-color: #0861a5;
  1867.         -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  1868.         -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  1869.         box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  1870.         color: #bfddf3;
  1871. }
  1872.  
  1873.  
  1874.  
  1875. /* Ephemera Widget */
  1876. section.ephemera ol,
  1877. .widget_twentyeleven_ephemera ol {
  1878.         list-style: square;
  1879.         margin: 5px 0 0;
  1880. }
  1881. .widget_twentyeleven_ephemera .widget-entry-title {
  1882.         font-size: 15px;
  1883.         font-weight: bold;
  1884.         padding: 0;
  1885. }
  1886. .widget_twentyeleven_ephemera .comments-link a,
  1887. .widget_twentyeleven_ephemera .comments-link > span {
  1888.         color: #666;
  1889.         display: block;
  1890.         font-size: 10px;
  1891.         font-weight: 500;
  1892.         line-height: 2.76333em;
  1893.         text-transform: uppercase;
  1894. }
  1895. section.ephemera .entry-title .comments-link a:hover,
  1896. .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
  1897. }
  1898. section.ephemera .entry-title a span {
  1899.         color: #29628d;
  1900. }
  1901.  
  1902. /* Twitter */
  1903. .widget_twitter li {
  1904.         list-style-type: none;
  1905.         margin-bottom: 14px;
  1906. }
  1907. .widget_twitter .timesince {
  1908.         display: block;
  1909.         font-size: 11px;
  1910.         margin-right: -10px;
  1911.         text-align: right;
  1912. }
  1913.  
  1914. /* Widget Image */
  1915. .widget_image img {
  1916.         height: auto;
  1917.         max-width: 100%;
  1918. }
  1919.  
  1920. /* Calendar Widget */
  1921.  
  1922. .widget_calendar #wp-calendar {
  1923.         color: #555;
  1924.         width: 95%;
  1925.         text-align: center;
  1926. }
  1927. .widget_calendar #wp-calendar caption,
  1928. .widget_calendar #wp-calendar td,
  1929. .widget_calendar #wp-calendar th {
  1930.         text-align: center;
  1931. }
  1932. .widget_calendar #wp-calendar caption {
  1933.         font-size: 11px;
  1934.         font-weight: 500;
  1935.         padding: 5px 0 3px 0;
  1936.         text-transform: uppercase;
  1937. }
  1938. .widget_calendar #wp-calendar th {
  1939.         background: #f4f4f4;
  1940.         border-top: 1px solid #ccc;
  1941.         border-bottom: 1px solid #ccc;
  1942.         font-weight: bold;
  1943. }
  1944. .widget_calendar #wp-calendar tfoot td {
  1945.         background: #f4f4f4;
  1946.         border-top: 1px solid #ccc;
  1947.         border-bottom: 1px solid #ccc;
  1948. }
  1949.  
  1950.  
  1951. /* =Comments
  1952. ----------------------------------------------- */
  1953.  
  1954. #comments-title {
  1955.         color: #666;
  1956.         font-size: 10px;
  1957.         font-weight: 500;
  1958.         line-height: 2.6em;
  1959.         padding: 0 0 2.6em;
  1960.         text-transform: uppercase;
  1961. }
  1962. .nopassword,
  1963. .nocomments {
  1964.         color: #aaa;
  1965.         font-size: 24px;
  1966.         font-weight: 100;
  1967.         margin: 26px 0;
  1968.         text-align: center;
  1969. }
  1970. .commentlist {
  1971.         list-style: none;
  1972.         margin: 0 auto;
  1973.         width:60.0%;
  1974. }
  1975. .content .commentlist,
  1976. .page-template-sidebar-page-php .commentlist {
  1977.         width: 100%; /* reset the width for the one-column and sidebar page layout */
  1978. }
  1979. .commentlist > li.comment {
  1980.         background: #efeded;
  1981.         border-bottom: 1px solid #ddd;
  1982.         -moz-border-radius: 2px;
  1983.         border-radius: 2px;
  1984.         margin: 0 -55px 2.625em 10px;
  1985.         padding: -2.625em;
  1986.         position: relative;
  1987.        
  1988. }
  1989. .commentlist .pingback {
  1990.         margin: 0 0 1.625em;
  1991.         padding: 0 1.625em;
  1992. }
  1993. .commentlist .children {
  1994.         list-style: none;
  1995.         margin: 0;
  1996. }
  1997. .commentlist .children li.comment {
  1998.         background: #fff;
  1999.         border-left: 0px solid #ddd;
  2000.         -moz-border-radius: 0 3px 3px 0;
  2001.         border-radius: 0 3px 3px 0;
  2002.         margin: 1.625em 0 0;
  2003.         padding: 1.625em;
  2004.         position: relative;
  2005. }
  2006. .commentlist .children li.comment .fn {
  2007.         display: block;
  2008. }
  2009. .comment-meta .fn {
  2010.         font-style: normal;
  2011. }
  2012. .comment-meta {
  2013.         color: #666;
  2014.         font-size: 12px;
  2015.         line-height: 2.2em;
  2016. }
  2017. .commentlist .children li.comment .comment-meta {
  2018.         line-height: 1.625em;
  2019.         margin-left: 50px;
  2020. }
  2021. .commentlist .children li.comment .comment-content {
  2022.         margin: 1.625em 0 0;
  2023. }
  2024. .comment-meta a {
  2025.         font-weight: bold;
  2026. }
  2027. .comment-meta a:focus,
  2028. .comment-meta a:active,
  2029. .comment-meta a:hover {
  2030. }
  2031. .commentlist .avatar {
  2032.         -moz-border-radius: 3px;
  2033.         border-radius: 3px;
  2034.         -webkit-box-shadow: 0 1px 2px #ccc;
  2035.         -moz-box-shadow: 0 1px 2px #ccc;
  2036.         box-shadow: 0 1px 2px #ccc;
  2037.         left: -102px;
  2038.         padding: 0;
  2039.         position: absolute;
  2040.         top: 0;
  2041. }
  2042. .commentlist > li:before {
  2043.         content: url(images/comment-arrow.png);
  2044.         left: -21px;
  2045.         position: absolute;
  2046. }
  2047. .commentlist > li.pingback:before {
  2048.         content: '';
  2049. }
  2050. .commentlist .children .avatar {
  2051.         background: none;
  2052.         -webkit-box-shadow: none;
  2053.         -moz-box-shadow: none;
  2054.         box-shadow: none;
  2055.         left: 2.2em;
  2056.         padding: 0;
  2057.         top: 2.2em;
  2058. }
  2059. a.comment-reply-link {
  2060.         background: #eee;
  2061.         -moz-border-radius: 3px;
  2062.         border-radius: 3px;
  2063.         color: #666;
  2064.         display: inline-block;
  2065.         font-size: 12px;
  2066.         padding: 0 8px;
  2067.         text-decoration: none;
  2068. }
  2069. a.comment-reply-link:hover,
  2070. a.comment-reply-link:focus,
  2071. a.comment-reply-link:active {
  2072.         background: #888;
  2073.         color: #fff;
  2074. }
  2075. a.comment-reply-link > span {
  2076.         display: inline-block;
  2077.         position: relative;
  2078.         top: -1px;
  2079. }
  2080.  
  2081. /* Post author highlighting */
  2082. .commentlist > li.bypostauthor {
  2083.         background: #fff;
  2084.         border-color: #d3d3d3;
  2085.        
  2086. }
  2087. .commentlist > li.bypostauthor .comment-meta {
  2088.         color: #575757;
  2089. }
  2090. .commentlist > li.bypostauthor .comment-meta a:focus,
  2091. .commentlist > li.bypostauthor .comment-meta a:active,
  2092. .commentlist > li.bypostauthor .comment-meta a:hover {
  2093. }
  2094. .commentlist > li.bypostauthor:before {
  2095.         content: url(images/comment-arrow-bypostauthor.png);
  2096. }
  2097.  
  2098. /* Post Author threaded comments */
  2099. .commentlist .children > li.bypostauthor {
  2100.         background: #ddd;
  2101.         border-color: #d3d3d3;
  2102. }
  2103.  
  2104. /* sidebar-page.php comments */
  2105. /* Make sure we have room for our comment avatars */
  2106. .page-template-sidebar-page-php .commentlist > li.comment,
  2107. .page-template-sidebar-page-php.commentlist .pingback {
  2108.         margin-left: 102px;
  2109.         width: auto;
  2110. }
  2111. /* And a full-width comment form */
  2112. .page-template-sidebar-page-php #respond {
  2113.         width: auto;
  2114. }
  2115.  
  2116. /* Comment Form */
  2117. #respond {
  2118.         background: #fff;
  2119.         border: 0px solid #d3d3d3;
  2120.         -moz-border-radius: 3px;
  2121.         border-radius: 3px;
  2122.         margin: 0 auto 1.625em;
  2123.         padding: 1.625em;
  2124.         position: relative;
  2125.         width: 91.4%;
  2126. }
  2127. #respond input[type="text"],
  2128. #respond textarea {
  2129.         background: #fff;
  2130.         border: 4px solid #eee;
  2131.         -moz-border-radius: 5px;
  2132.         border-radius: 5px;
  2133.         -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  2134.         -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  2135.         box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
  2136.         position: relative;
  2137.         padding: 10px;
  2138.         text-indent: 80px;
  2139. }
  2140. #respond .comment-form-author,
  2141. #respond .comment-form-email,
  2142. #respond .comment-form-url,
  2143. #respond .comment-form-comment {
  2144.         position: relative;
  2145. }
  2146. #respond .comment-form-author label,
  2147. #respond .comment-form-email label,
  2148. #respond .comment-form-url label,
  2149. #respond .comment-form-comment label {
  2150.         background: #eee;
  2151.         -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  2152.         -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  2153.         box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  2154.         color: #555;
  2155.         display: inline-block;
  2156.         font-size: 13px;
  2157.         left: 4px;
  2158.         min-width: 60px;
  2159.         padding: 4px 10px;
  2160.         position: relative;
  2161.         top: 40px;
  2162.         z-index: 1;
  2163. }
  2164. #respond input[type="text"]:focus,
  2165. #respond textarea:focus {
  2166.         text-indent: 0;
  2167.         z-index: 1;
  2168. }
  2169. #respond textarea {
  2170.         resize: vertical;
  2171.         width: 95%;
  2172. }
  2173. #respond .comment-form-author .required,
  2174. #respond .comment-form-email .required {
  2175.         color: #bd3500;
  2176.         font-size: 22px;
  2177.         font-weight: bold;
  2178.         left: 75%;
  2179.         position: absolute;
  2180.         top: 45px;
  2181.         z-index: 1;
  2182. }
  2183. #respond .comment-notes,
  2184. #respond .logged-in-as {
  2185.         font-size: 13px;
  2186. }
  2187. #respond p {
  2188.         margin: 10px 0;
  2189. }
  2190. #respond .form-submit {
  2191.         float: right;
  2192.         margin: -20px 0 10px;
  2193. }
  2194. #respond input#submit {
  2195.         background: #222;
  2196.         border: none;
  2197.         -moz-border-radius: 3px;
  2198.         border-radius: 3px;
  2199.         -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  2200.         -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  2201.         box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  2202.         color: #eee;
  2203.         cursor: pointer;
  2204.         font-size: 15px;
  2205.         margin: 20px 0;
  2206.         padding: 5px 42px 5px 22px;
  2207.         position: relative;
  2208.         left: 30px;
  2209.         text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  2210. }
  2211. #respond input#submit:active {
  2212.         background: #1982d1;
  2213.         color: #bfddf3;
  2214. }
  2215. #respond #cancel-comment-reply-link {
  2216.         color: #666;
  2217.         margin-left: 10px;
  2218.         text-decoration: none;
  2219. }
  2220. #respond .logged-in-as a:hover,
  2221. #respond #cancel-comment-reply-link:hover {
  2222.         text-decoration: underline;
  2223. }
  2224. .commentlist #respond {
  2225.         margin: 1.625em 0 0;
  2226.         width: auto;
  2227. }
  2228. #reply-title {
  2229.         color: #373737;
  2230.         font-size: 24px;
  2231.         font-weight: bold;
  2232.         line-height: 30px;
  2233. }
  2234. #cancel-comment-reply-link {
  2235.         color: #888;
  2236.         display: block;
  2237.         font-size: 10px;
  2238.         font-weight: normal;
  2239.         line-height: 2.2em;
  2240.         letter-spacing: 0.05em;
  2241.         position: absolute;
  2242.         right: 1.625em;
  2243.         text-decoration: none;
  2244.         text-transform: uppercase;
  2245.         top: 1.1em;
  2246. }
  2247. #cancel-comment-reply-link:focus,
  2248. #cancel-comment-reply-link:active,
  2249. #cancel-comment-reply-link:hover {
  2250.         color: #ff4b33;
  2251. }
  2252. #respond label {
  2253.         line-height: 2.2em;
  2254. }
  2255. #respond input[type=text] {
  2256.         display: block;
  2257.         height: 24px;
  2258.         width: 75%;
  2259. }
  2260. #respond p {
  2261.         font-size: 12px;
  2262. }
  2263. p.comment-form-comment {
  2264.         margin: 0;
  2265. }
  2266. .form-allowed-tags {
  2267.         display: none;
  2268. }
  2269.  
  2270.  
  2271. /* =Footer
  2272. ----------------------------------------------- */
  2273.  
  2274. #colophon {
  2275.         clear: both;
  2276. }
  2277. #supplementary {
  2278.         border-top: 1px solid #ddd;
  2279.         padding: 1.625em 7.6%;
  2280.         overflow: hidden;
  2281. }
  2282.  
  2283. /* Two Footer Widget Areas */
  2284. #supplementary.two .widget-area {
  2285.         float: left;
  2286.         margin-right: 3.7%;
  2287.         width: 48.1%;
  2288. }
  2289. #supplementary.two .widget-area + .widget-area {
  2290.         margin-right: 0;
  2291. }
  2292.  
  2293. /* Three Footer Widget Areas */
  2294. #supplementary.three .widget-area {
  2295.         float: left;
  2296.         margin-right: 3.7%;
  2297.         width: 30.85%;
  2298. }
  2299. #supplementary.three .widget-area + .widget-area + .widget-area {
  2300.         margin-right: 0;
  2301. }
  2302.  
  2303. /* Site Generator Line */
  2304. #site-generator {
  2305.         background: #f9f9f9;
  2306.         border-top: 1px solid #ddd;
  2307.         color: #666;
  2308.         font-size: 12px;
  2309.         line-height: 2.2em;
  2310.         padding: 2.2em 0.5em;
  2311.         text-align: center;
  2312. }
  2313. #site-generator a {
  2314.         color: #555;
  2315.         font-weight: bold;
  2316. }
  2317. #site-generator .sep {
  2318.         background: url(images/wordpress.png) center left no-repeat;
  2319.         color: transparent;
  2320.         display: inline-block;
  2321.         height: 16px;
  2322.         line-height: 16px;
  2323.         margin: 0 7px;
  2324.         width: 16px;
  2325. }
  2326.  
  2327.  
  2328. /* =Responsive Structure
  2329. ----------------------------------------------- */
  2330.  
  2331. @media (max-width: 800px) {
  2332.         /* Simplify the basic layout */
  2333.         #main #content {
  2334.                 margin: 0 7.6%;
  2335.                 width: auto;
  2336.         }
  2337.         #nav-below {
  2338.                 border-bottom: 1px solid #ddd;
  2339.                 margin-bottom: 1.625em;
  2340.         }
  2341.         #main #secondary {
  2342.                 float: none;
  2343.                 margin: 0 7.6%;
  2344.                 width: auto;
  2345.         }
  2346.         /* Simplify the showcase template */
  2347.         .page-template-showcase-php .featured-posts {
  2348.                 min-height: 280px;
  2349.         }
  2350.         .featured-posts section.featured-post {
  2351.                 height: auto;
  2352.         }
  2353.         .page-template-showcase-php section.recent-posts {
  2354.                 float: none;
  2355.                 margin: 0;
  2356.                 width: 100%;
  2357.         }
  2358.         .page-template-showcase-php #main .widget-area {
  2359.                 float: none;
  2360.                 margin: 0;
  2361.                 width: auto;
  2362.         }
  2363.         .page-template-showcase-php .other-recent-posts {
  2364.                 border-bottom: 1px solid #ddd;
  2365.         }
  2366.         /* Simplify the showcase template when small feature */
  2367.         section.featured-post .attachment-small-feature,
  2368.         .one-column section.featured-post .attachment-small-feature {
  2369.                 border: none;
  2370.                 display: block;
  2371.                 float: left;
  2372.                 height: auto;
  2373.                 margin: 0.625em auto 1.025em;
  2374.                 max-width: 30%;
  2375.                 position: static;
  2376.         }
  2377.         article.feature-image.small {
  2378.                 float: right;
  2379.                 margin: 0 0 1.625em;
  2380.                 width: 64%;
  2381.         }
  2382.         .one-column article.feature-image.small .entry-summary {
  2383.                 height: auto;
  2384.         }
  2385.         article.feature-image.small .entry-summary p a {
  2386.                 left: 0;
  2387.                 padding-left: 20px;
  2388.                 padding-right: 20px;
  2389.                 width: auto;
  2390.         }
  2391.         /* Remove the margin on singular articles */
  2392.         .singular .entry-header,
  2393.         .singular .entry-content,
  2394.         .singular footer.entry-meta,
  2395.         .singular #comments-title {
  2396.                 width: 100%;
  2397.         }
  2398.         /* Simplify the pullquotes and pull styles */
  2399.         .singular blockquote.pull {
  2400.                 margin: 0 0 1.625em;
  2401.         }
  2402.         .singular .pull.alignleft {
  2403.                 margin: 0 1.625em 0 0;
  2404.         }
  2405.         .singular .pull.alignright {
  2406.                 margin: 0 0 0 1.625em;
  2407.         }
  2408.         .singular .entry-meta .edit-link a {
  2409.                 left: 0;
  2410.                 position: absolute;
  2411.                 top: 40px;
  2412.         }
  2413.         .singular #author-info {
  2414.                 margin: 2.2em -8.8% 0;
  2415.                 padding: 20px 8.8%;
  2416.         }
  2417.         /* Make sure we have room for our comment avatars */
  2418.         .commentlist {
  2419.                 width: 100%;
  2420.         }
  2421.         .commentlist > li.comment,
  2422.         .commentlist .pingback {
  2423.                 margin-left: 102px;
  2424.                 width: auto;
  2425.         }
  2426.         /* And a full-width comment form */
  2427.         #respond {
  2428.                 width: auto;
  2429.         }
  2430.         /* No need to float footer widgets at this size */
  2431.         #colophon #supplementary .widget-area {
  2432.                 float: none;
  2433.                 margin-right: 0;
  2434.                 width: auto;
  2435.         }
  2436.         /* No need to float 404 widgets at this size */
  2437.         .error404 #main .widget {
  2438.                 float: none;
  2439.                 margin-right: 0;
  2440.                 width: auto;
  2441.         }
  2442.  
  2443. }
  2444. @media (max-width: 650px) {
  2445.         /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  2446.         body, input, textarea {
  2447.                 font-size: 13px;
  2448.         }
  2449.         #site-title a {
  2450.                 font-size: 24px;
  2451.         }
  2452.         #site-description {
  2453.                 font-size: 12px;
  2454.         }
  2455.         #access ul {
  2456.                 font-size: 12px;
  2457.         }
  2458.         article.intro .entry-content {
  2459.                 font-size: 12px;
  2460.         }
  2461.         .entry-title {
  2462.                 font-size: 21px;
  2463.         }
  2464.         .featured-post .entry-title {
  2465.                 font-size: 14px;
  2466.         }
  2467.         .singular .entry-title {
  2468.                 font-size: 28px;
  2469.         }
  2470.         .entry-meta {
  2471.                 font-size: 12px;
  2472.         }
  2473.         blockquote {
  2474.                 margin: 0;
  2475.         }
  2476.         blockquote.pull {
  2477.                 font-size: 17px;
  2478.         }
  2479.         /* Reposition the site title and description slightly */
  2480.         #site-title {
  2481.                 padding: 5.30625em 0 0;
  2482.         }
  2483.         #site-title,
  2484.         #site-description {
  2485.                 margin-right: 0;
  2486.         }
  2487.         /* Make sure the logo and search form don't collide */
  2488.         #branding #searchform {
  2489.                 top: 0.0em !important;
  2490.         }
  2491.         /* Floated content doesn't work well at this size */
  2492.         .alignleft,
  2493.         .alignright {
  2494.                 float: none;
  2495.                 margin-left: 0;
  2496.                 margin-right: 0;
  2497.         }
  2498.         /* Make sure the post-post navigation doesn't collide with anything */
  2499.         #nav-single {
  2500.                 display: block;
  2501.                 position: static;
  2502.         }
  2503.         .singular .hentry {
  2504.                 padding: 1.625em 0 0;
  2505.         }
  2506.         .singular.page .hentry {
  2507.                 padding: 1.625em 0 0;
  2508.         }
  2509.         /* Talking avatars take up too much room at this size */
  2510.         .commentlist > li.comment,
  2511.         .commentlist > li.pingback {
  2512.                 margin-left: 0 !important;
  2513.         }
  2514.         .commentlist .avatar {
  2515.                 background: transparent;
  2516.                 display: block;
  2517.                 padding: 0;
  2518.                 position: static;
  2519.         }
  2520.         .commentlist .children .avatar {
  2521.                 background: none;
  2522.                 left: 2.2em;
  2523.                 padding: 0;
  2524.                 position: absolute;
  2525.                 top: 2.2em;
  2526.         }
  2527.         /* Use the available space in the smaller comment form */
  2528.         #respond input[type="text"] {
  2529.                 width: 95%;
  2530.         }
  2531.         #respond .comment-form-author .required,
  2532.         #respond .comment-form-email .required {
  2533.                 left: 95%;
  2534.         }
  2535.         #content .gallery-columns-3 .gallery-item {
  2536.                 width: 31%;
  2537.                 padding-right: 2%;
  2538.         }
  2539.         #content .gallery-columns-3 .gallery-item img {
  2540.                 width: 100%;
  2541.                 height: auto;
  2542.         }
  2543.  
  2544. }
  2545. @media (max-width: 450px) {
  2546.         #content .gallery-columns-2 .gallery-item {
  2547.                 width: 45%;
  2548.                 padding-right: 4%;
  2549.         }
  2550.         #content .gallery-columns-2 .gallery-item img {
  2551.                 width: 100%;
  2552.                 height: auto;
  2553.         }
  2554.  
  2555. }
  2556. @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  2557.         body {
  2558.                 padding: 0;
  2559.         }
  2560.         #page {
  2561.                 margin-top: 0;
  2562.         }
  2563.         #branding {
  2564.                 border-top: none;
  2565.         }
  2566.  
  2567. }
  2568.  
  2569.  
  2570. /* =Print
  2571. ----------------------------------------------- */
  2572.  
  2573. @media print {
  2574.         body {
  2575.                 background: none !important;
  2576.                 font-size: 10pt;
  2577.         }
  2578.         footer.entry-meta a[rel=bookmark]:link:after,
  2579.         footer.entry-meta a[rel=bookmark]:visited:after {
  2580.                 content: " [" attr(href) "] "; /* Show URLs */
  2581.         }
  2582.         #page {
  2583.                 clear: both !important;
  2584.                 display: block !important;
  2585.                 float: none !important;
  2586.                 max-width: 100%;
  2587.                 position: relative !important;
  2588.         }
  2589.         #branding {
  2590.                 border-top: none !important;
  2591.                 padding: 0;
  2592.         }
  2593.         #branding hgroup {
  2594.                 margin: 0;
  2595.         }
  2596.         #site-title a {
  2597.                 font-size: 21pt;
  2598.         }
  2599.         #site-description {
  2600.                 font-size: 10pt;
  2601.         }
  2602.         #branding #searchform {
  2603.                 display: none;
  2604.         }
  2605.         #branding img {
  2606.                 display: none;
  2607.         }
  2608.         #access {
  2609.                 display: none;
  2610.         }
  2611.         #main {
  2612.                 border-top: none;
  2613.                 box-shadow: none;
  2614.         }
  2615.         #primary {
  2616.                 float: left;
  2617.                 margin: 0;
  2618.                 width: 100%;
  2619.         }
  2620.         #content {
  2621.                 margin: 0;
  2622.                 width: auto;
  2623.         }
  2624.         .singular #content {
  2625.                 margin: 0;
  2626.                 width: 100%;
  2627.         }
  2628.         .singular .entry-header .entry-meta {
  2629.                 position: static;
  2630.         }
  2631.         .entry-meta .edit-link a {
  2632.                 display: none;
  2633.         }
  2634.         #content nav {
  2635.                 display: none;
  2636.         }
  2637.         .singular .entry-header,
  2638.         .singular .entry-content,
  2639.         .singular footer.entry-meta,
  2640.         .singular #comments-title {
  2641.                 margin: 0;
  2642.                 width: 100%;
  2643.         }
  2644.         .singular .hentry {
  2645.                 padding: 0;
  2646.         }
  2647.         .entry-title,
  2648.         .singular .entry-title {
  2649.                 font-size: 21pt;
  2650.         }
  2651.         .entry-meta {
  2652.                 font-size: 10pt;
  2653.         }
  2654.         .entry-header .comments-link {
  2655.                 display: none;
  2656.         }
  2657.         .page-link {
  2658.                 display: none;
  2659.         }
  2660.         .singular #author-info {
  2661.                 background: none;
  2662.                 border-bottom: none;
  2663.                 border-top: none;
  2664.                 margin: 2.2em 0 0;
  2665.                 padding: 0;
  2666.         }
  2667.         #respond {
  2668.                 display: none;
  2669.         }
  2670.         .widget-area {
  2671.                 display: none;
  2672.         }
  2673.         #colophon {
  2674.                 display: none;
  2675.         }
  2676.  
  2677.         /* Comments */
  2678.         .commentlist > li.comment {
  2679.                 background: none;
  2680.                 border: 1px solid #ddd;
  2681.                 -moz-border-radius: 3px 3px 3px 3px;
  2682.                 border-radius: 3px 3px 3px 3px;
  2683.                 margin: 0 auto 1.625em;
  2684.                 padding: 1.625em;
  2685.                 position: relative;
  2686.                 width: auto;
  2687.         }
  2688.         .commentlist .avatar {
  2689.                 height: 39px;
  2690.                 left: 2.2em;
  2691.                 top: 2.2em;
  2692.                 width: 39px;
  2693.         }
  2694.         .commentlist li.comment .comment-meta {
  2695.                 line-height: 1.625em;
  2696.                 margin-left: 50px;
  2697.         }
  2698.         .commentlist li.comment .fn {
  2699.                 display: block;
  2700.         }
  2701.         .commentlist li.comment .comment-content {
  2702.                 margin: 1.625em 0 0;
  2703.         }
  2704.         .commentlist .comment-edit-link {
  2705.                 display: none;
  2706.         }
  2707.         .commentlist > li::before,
  2708.         .commentlist > li.bypostauthor::before {
  2709.                 content: '';
  2710.         }
  2711.         .commentlist .reply {
  2712.                 display: none;
  2713.         }
  2714.  
  2715.         /* Post author highlighting */
  2716.         .commentlist > li.bypostauthor {
  2717.                 color: #444;
  2718.         }
  2719.         .commentlist > li.bypostauthor .comment-meta {
  2720.                 color: #666;
  2721.         }
  2722.         .commentlist > li.bypostauthor:before {
  2723.                 content: none;
  2724.         }
  2725.  
  2726.         /* Post Author threaded comments */
  2727.         .commentlist .children > li.bypostauthor {
  2728.                 background: #fff;
  2729.                 border-color: #ddd;
  2730.         }
  2731.         .commentlist .children > li.bypostauthor > article,
  2732.         .commentlist .children > li.bypostauthor > article .comment-meta {
  2733.                 color: #666;
  2734.         }
  2735.  
  2736. }
  2737.  
  2738.  
  2739. /* =IE7
  2740. ----------------------------------------------- */
  2741.  
  2742. #ie7 article.intro {
  2743.         margin-left: -7.6%;
  2744.         margin-right: -7.6%;
  2745.         padding-left: -7.6%;
  2746.         padding-right: -7.6%;
  2747.         max-width: 1000px;
  2748. }
  2749. #ie7 section.featured-post {
  2750.         margin-left: -7.6%;
  2751.         margin-right: -7.6%;
  2752.         max-width: 650px;
  2753. }
  2754. #ie7 section.recent-posts {
  2755.         margin-right: 7.6%;
  2756. }
  2757.  
  2758.  
  2759. .entry-content .page-link {
  2760. margin: 0 0 80px 0;
  2761. }
  2762.  
  2763.  
  2764. .entry-header .comments-link {display: none;}
  2765.  
  2766. .entry-content {padding:15px;}
  2767.  
  2768.  
  2769. #main,
  2770. .singular.page .hentry {padding:0;}
  2771.  
  2772. #header .pageList li {float:right;}
  2773.  
  2774.  
  2775.  
  2776.  
  2777. /*
  2778. Default CSS Styles for the advanced recent post widget plug-in
  2779. Version 3.0.0
  2780. */
  2781. .advanced_recent_posts_widget * {
  2782.         margin:0;
  2783.         padding-right:1px;
  2784.         padding-top:-5px;
  2785.        margin-top: -2px;
  2786. }
  2787. .advanced_recent_posts_widget {
  2788.         font-size: 12px;       
  2789.         line-height: 18px;
  2790. }
  2791. .advanced_recent_posts_widget .post-title{
  2792.         font-size: 13px;       
  2793.         font-weight:bold;
  2794. }
  2795. .advanced_recent_posts_widget .post-date{
  2796.         font-style:italic;
  2797. }
  2798.  
  2799. .advanced_recent_posts_widget img{
  2800.         float:left;
  2801.         margin-right:10px;
  2802.         margin-top:5px;
  2803. }
  2804. .advanced_recent_posts_widget ul li{
  2805.         list-style: none;
  2806.         list-style-type: none;
  2807.         margin: 3px 0;
  2808.         padding: 3px 0;
  2809.         border-bottom:1px solid #ccc;
  2810. }
  2811. .advanced_recent_posts_widget .more-link{
  2812.         display:inline;        
  2813. }
  2814. .advanced_recent_posts_widget .post-entry{
  2815.    padding:0 5px 5px 0;
  2816.    overflow:hidden;
  2817. }
  2818.  
  2819.  
  2820.  
  2821.  
  2822.  
  2823.  
  2824.  
  2825.  
  2826.  
  2827.  
  2828.  
  2829. /*
  2830. Default CSS Styles for the advanced recent post widget plug-in
  2831. Version 3.0.0
  2832. */
  2833. .advanced_recent_posts_widget * {
  2834.         margin-top: 10px;
  2835.         padding-right:1px;
  2836.         padding-top: 4px;
  2837.        
  2838.        
  2839. }
  2840. .advanced_recent_posts_widget {
  2841.         font-size: 12px;       
  2842.         line-height: 18px;
  2843. }
  2844. .advanced_recent_posts_widget .post-title{
  2845.         font-size: 13px;       
  2846.         font-weight:bold;
  2847. }
  2848. .advanced_recent_posts_widget .post-date{
  2849.         font-style:italic;
  2850. }
  2851.  
  2852. .advanced_recent_posts_widget img{
  2853.         float:left;
  2854.         margin-right:10px;
  2855.         margin-top:5px;
  2856. }
  2857. .advanced_recent_posts_widget ul li{
  2858.         list-style: none;
  2859.         list-style-type: none;
  2860.         margin: 3px 0;
  2861.         padding: 3px 0;
  2862.         border-bottom:1px solid #ccc;
  2863. }
  2864. .advanced_recent_posts_widget .more-link{
  2865.         display:inline;        
  2866. }
  2867. .advanced_recent_posts_widget .post-entry{
  2868.    padding:0 5px 5px 0;
  2869.    overflow:hidden;
  2870. }
  2871.  
  2872.  
  2873.  
  2874.  
  2875.  
  2876.  
  2877.  
  2878.  
  2879.  
  2880.  
  2881.  
  2882. /*
  2883.  * Admin Page CSS for WP Socializer plugin
  2884.  * Author : Aakash Chakravarthy
  2885.  * Version : 1.2
  2886. */
  2887.  
  2888. .wrap{
  2889.         margin: 115px auto 15px;
  2890.         width: 630px;
  2891.         padding: 0px;
  2892. }
  2893. .wrap #content{
  2894.         background: #FFFFFF;
  2895.         padding: 20px;
  2896.         border: 1px solid #dfdfdf;
  2897.         margin: 15px 0px 0px;
  2898.         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  2899.         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  2900.         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  2901.         -moz-border-radius: 10px;
  2902.         border-radius: 10px;
  2903. }
  2904. .wrap #tabs{
  2905.         background: #F8F8F8 url(images/header-bg.png) repeat-x;
  2906.         -moz-border-radius-topleft: 10px;
  2907.         -moz-border-radius-topright: 10px;
  2908.         -moz-border-radius-bottomright: 0px;
  2909.         -moz-border-radius-bottomleft: 0px;
  2910.         -webkit-border-radius: 10px 10px 0px 0px;
  2911.         border-radius: 10px 10px 0px 0px;
  2912.         margin: -15px -15px 0px;
  2913.         padding: 20px;
  2914.         border-bottom: 1px dashed #dfdfdf;
  2915. }
  2916. .wrap #tabs li{
  2917.         float: left;
  2918.         margin: 0px;
  2919. }
  2920. .wrap #tabs li a{
  2921.         text-decoration: none;
  2922.         padding: 5px 15px;
  2923.         font-size: 16px;
  2924.         font-weight: bold;
  2925.         border: 1px solid transparent;
  2926. }
  2927. .wrap #tabs .ui-state-active a{
  2928.         background: #FBFBFB;
  2929.         -webkit-border-radius: 15px;
  2930.         -moz-border-radius: 15px;
  2931.         border-radius: 15px;
  2932.         border: 1px solid #CCCCCC;
  2933.         color: #CC3333;
  2934.         -webkit-box-shadow: 0px 0px 5px 0px #666;
  2935.         -moz-box-shadow: 0px 0px 5px 0px #666;
  2936.         box-shadow: 0px 0px 5px 0px #dfdfdf;
  2937. }
  2938. .wrap .header .subTitle{
  2939.         margin: -5px 0px 0px 40px;
  2940.         color: #666666;
  2941. }
  2942. .wrap h3{
  2943.         margin: 5px 0px 10px;
  2944.         border-bottom: 1px dotted #dfdfdf;
  2945.         padding: 10px 0px 10px;
  2946. }
  2947. .wrap h4{
  2948.         font-weight: bold;
  2949.         display: block;
  2950.         padding: 5px 0px;
  2951.         margin: 0px 0px 5px;
  2952.         border-bottom: 1px solid #e7e7e7;
  2953.         clear: both;
  2954. }
  2955. .wrap h5{
  2956.         margin: 10px 0px 5px;
  2957. }
  2958. .wrap .section{
  2959.         margin-bottom: 10px;
  2960. }
  2961. .wrap .leftCnt{
  2962.         float: left;
  2963.         width: 70%;
  2964. }
  2965. .wrap .rightCnt{
  2966.         float: right;
  2967.         width: 25%;
  2968. }
  2969. .wrap .leftCnt h2{
  2970.         border-bottom: 1px solid #dfdfdf;
  2971. }
  2972. .wrap .footer{
  2973.         background: #FFFFEC;
  2974.         margin: 10px -15px -15px;
  2975.         padding: 15px;
  2976.         border-top: 1px dashed #dfdfdf;
  2977.         -moz-border-radius-topleft: 0px;
  2978.         -moz-border-radius-topright: 0px;
  2979.         -moz-border-radius-bottomright: 10px;
  2980.         -moz-border-radius-bottomleft: 10px;
  2981.         -webkit-border-radius: 0px 0px 10px 10px;
  2982.         border-radius: 0px 0px 10px 10px;
  2983. }
  2984. .wrap .footer #wpsr_submit{
  2985.         padding: 5px 30px;
  2986. }
  2987.  
  2988. /****************************/
  2989.  
  2990. .wrap .window{
  2991.         position: fixed;
  2992.         top: 0px;
  2993.         left: 0px;
  2994.         right: 0px;
  2995.         bottom: 0px;
  2996.         background: rgba(0,0,0,0.3);
  2997.         z-index: 999999;
  2998.         display: none;
  2999. }
  3000. .wrap .window .inWindow{
  3001.         height: 100%;
  3002.         overflow: auto;
  3003.         padding: 0px 20px;
  3004.         background: #FFFFFF;
  3005.         margin: 0px auto;
  3006.         width: 800px;
  3007.         border-right: 1px solid #dfdfdf;
  3008.         border-left: 1px solid #dfdfdf;
  3009.         -webkit-box-shadow: 0px 0px 57px -7px #000;
  3010.         -moz-box-shadow: 0px 0px 57px -7px #000;
  3011.         box-shadow: 0px 0px 57px -7px #000;
  3012.         display: none;
  3013. }
  3014. .wrap .window h2{
  3015.         border-bottom: 1px solid #C2C2C2;
  3016.         margin: 0px -20px 10px;
  3017.         padding: 15px 20px;
  3018.         background: url(images/header-bg.png) repeat-x;
  3019. }
  3020. /**** **/
  3021.  
  3022. .buttonsList li{
  3023.         padding: 5px 10px;
  3024.         border: 1px solid #CCCCCC;
  3025.         -webkit-border-radius: 10px;
  3026.         -moz-border-radius: 10px;
  3027.         border-radius: 7px;
  3028.         margin: 0px -15px 15px 0px;
  3029.         font-size: 15px;
  3030.         background: url(images/menu-bg.png) repeat-x;
  3031.         cursor: pointer;
  3032. }
  3033. .buttonsList li:hover{
  3034.         border-color: #00CC00;
  3035. }
  3036. .buttonsList li:active{
  3037.         -moz-box-shadow: inset 0 0 7px #999;
  3038.         -webkit-box-shadow: inset 0 0 7px #999;
  3039.         box-shadow: inset 0 0 7px #999;
  3040. }
  3041.  
  3042. /********************/
  3043.  
  3044.  
  3045. #subTabs{
  3046.         background: #EAFBFF url(images/orange-bg.png) repeat-x;
  3047.         padding: 15px;
  3048.         margin: 0px -15px 10px;
  3049.         border-bottom: 1px dashed #dfdfdf;
  3050. }
  3051. #subTabs li{
  3052.         float: left;
  3053.         margin: 0px 5px 0px 0px;
  3054. }
  3055. #subTabs li a{
  3056.         text-decoration: none;
  3057.         padding: 3px 8px;
  3058. }
  3059. #subTabs .ui-state-active a{
  3060.         background: #FBFBFB;
  3061.         -webkit-border-radius: 15px;
  3062.         -moz-border-radius: 15px;
  3063.         border-radius: 15px;
  3064.         border: 1px solid #CCCCCC;
  3065.         color: #CC3333;
  3066.         -webkit-box-shadow: 0px 0px 5px 0px #666;
  3067.         -moz-box-shadow: 0px 0px 5px 0px #666;
  3068.         box-shadow: 0px 0px 5px 0px #dfdfdf;
  3069. }
  3070.  
  3071. /*************************/
  3072.  
  3073. .toolbar{
  3074.         margin: 0px 0px 10px;
  3075. }
  3076. .tbButtons .btn{
  3077.         font-size: 11px !important;
  3078.         background: #FFFFFF url(images/header-bg.png) repeat-x 0px -30px;
  3079.         border: 1px solid #E1E1E1;
  3080.         padding: 5px 10px;
  3081.         float: left;
  3082.         cursor: pointer;
  3083.         margin: 0px -1px -1px 0px;
  3084. }
  3085. .tbButtons .parentLi ul{
  3086.         position: absolute;
  3087.         background: #FFFFFF;
  3088.         border: 1px solid #e1e1e1;
  3089.         margin: 5px 0px 0px -11px;
  3090.         font-size: 11px;
  3091.         display: none;
  3092.         -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);
  3093.         -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);
  3094.         box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);
  3095.         padding: 0px;
  3096. }
  3097. .tbButtons .parentLi ul li{
  3098.         padding: 10px;
  3099.         border-bottom: 1px solid #e1e1e1;
  3100.         margin: 0px;
  3101. }
  3102. .tbButtons .parentLi ul li:hover, .tbButtons .btn:hover{
  3103.         background: #FFFFCC;
  3104. }
  3105.  
  3106. /*********************************/
  3107.  
  3108. .sbLeftCnt{
  3109.         float: left;
  3110.         width: 72%;
  3111. }
  3112. .sbRightCnt{
  3113.         float: right;
  3114.         width: 200px;
  3115.         margin-right: 15px;
  3116. }
  3117. #sbList li{
  3118.         padding: 4px;
  3119.         color: #333333;
  3120.         text-decoration: none;
  3121.         -webkit-border-radius: 5px;
  3122.         -moz-border-radius: 5px;
  3123.         border-radius: 5px;
  3124.         float: left;
  3125.         width: 150px;
  3126.         margin: 5px;
  3127.         text-transform: capitalize;
  3128.         background: #FFFFFF;
  3129.         border: 1px solid #e9e9e9;
  3130. }
  3131. #sbList li:hover{
  3132.         border-color: #999999;
  3133.         color: #000000;
  3134. }
  3135. #sbList li img{
  3136.         height: 16px;
  3137.         width: 16px;
  3138.         vertical-align: middle;
  3139.         background: url(../public/social-icons/wp-socializer-sprite-16px.png) no-repeat;
  3140.         padding: 0px;
  3141.         margin: 0px 5px 0px 0px;
  3142. }
  3143. #sbList .sbAdd_16px{
  3144.         color: #000000;
  3145.         background: #F8F8F8;
  3146.         float: right;
  3147.         padding: 5px 8px 5px 5px;
  3148.         border-left: 1px solid #e9e9e9;
  3149.         cursor: pointer;
  3150.         moz-border-radius-topleft: 0px;
  3151.         -moz-border-radius-topright: 5px;
  3152.         -moz-border-radius-bottomright: 5px;
  3153.         -moz-border-radius-bottomleft: 0px;
  3154.         -webkit-border-radius: 0px 5px 5px 0px;
  3155.         border-radius: 0px 5px 5px 0px;
  3156.         margin: -4px -4px -4px 0px;
  3157. }
  3158. #sbList .sbAdd_32px{
  3159.         color: #000000;
  3160.         background: #F8F8F8;
  3161.         float: right;
  3162.         padding: 5px 8px 5px 5px;
  3163.         border-left: 1px solid #e9e9e9;
  3164.         cursor: pointer;
  3165.         border-right: 1px solid #e9e9e9;
  3166.         margin: -4px -3px -4px 0px;
  3167. }
  3168. #sbList .sbAdd_16px:hover, #sbList .sbAdd_32px:hover{
  3169.         color: #FFFFFF;
  3170.         background: #999999;
  3171. }
  3172. .sbSelList li{
  3173.         padding: 5px;
  3174.         color: #fff;
  3175.         text-decoration: none;
  3176.         -moz-border-radius: 5px;
  3177.         -webkit-border-radius: 5px;
  3178.         -moz-box-shadow: 0 1px 2px #999;
  3179.         -webkit-box-shadow: 0 1px 2px #999;
  3180.         border-bottom: 1px solid #006C91;
  3181.         position: relative;
  3182.         float: left;
  3183.         width: 98%;
  3184.         margin: 5px;
  3185.         text-transform: capitalize;
  3186.         background: #0099CC;
  3187.         cursor: move;
  3188. }
  3189. .sbSelList li:hover{
  3190.         background: #00CC00;
  3191.         border-bottom: 1px solid #009900;
  3192. }
  3193. .sbSelList li .sbDelete{
  3194.         float: right;
  3195.         padding: 2px 4px;
  3196.         margin: -2px -3px -2px 0px;
  3197.         -moz-border-radius: 2px;
  3198.         -khtml-border-radius: 2px;
  3199.         -webkit-border-radius: 2px;
  3200.         text-transform: lowercase;
  3201.         font-weight: bold;
  3202. }
  3203. .sbSelList li .sbDelete:hover{
  3204.         cursor: pointer;
  3205.         color: #FF0000;
  3206. }
  3207. .sbSettingsBt{
  3208.         font-size: 18px;
  3209.         float: right;
  3210.         margin-top: -60px;
  3211.         margin-right: 10px;
  3212.         color: #fff;
  3213.         text-decoration: none;
  3214.         background: #00CC00;
  3215.         padding: 10px;
  3216. }
  3217.  
  3218. /************/
  3219.  
  3220. /* Sprites */
  3221. .admSprites {
  3222.         background: url(images/admin-sprites.png) no-repeat top left;
  3223.         margin: 0px 5px 0px 0px;
  3224.         padding: 0px 16px 0px 0px;
  3225.         width: 16px;
  3226. }
  3227.  
  3228. .addthisIcon{ background-position: 0 0;  }
  3229. .customIcon{ background-position: 0 -66px;  }
  3230. .documentationIcon{ background-position: 0 -132px;  }
  3231. .facebookIcon{ background-position: 0 -198px;  }
  3232. .googleplusIcon{ background-position: 0 -264px;  }
  3233. .helpIcon{ background-position: 0 -330px;  }
  3234. .linkedinIcon{ background-position: 0 -396px;  }
  3235. .minusIcon{ background-position: 0 -462px;  }
  3236. .oneclickIcon{ background-position: 0 -528px;  }
  3237. .pinterestIcon{ background-position: 0 -594px;  }
  3238. .placementIcon{ background-position: 0 -660px;  }
  3239. .redditIcon{ background-position: 0 -726px;  }
  3240. .retweetIcon{ background-position: 0 -792px;  }
  3241. .settingsIcon{ background-position: 0 -858px;  }
  3242. .sharethisIcon{ background-position: 0 -924px;  }
  3243. .socialButtons{ background-position: 0 -990px;  }
  3244. .stumbleuponIcon{ background-position: 0 -1056px;  }
  3245. .supportIcon{ background-position: 0 -1122px;  }
  3246.  
  3247. /* Tables */
  3248.  
  3249. .tableClr {
  3250.         border: 1px solid #e7e7e7;
  3251.         text-align: left;
  3252.         margin: 0 0px 0px 0;
  3253.         width: 100%;
  3254. }
  3255. .tableClr tr th,
  3256. .tableClr thead th {
  3257.         color: #888;
  3258.         font-size: 12px;
  3259.         font-weight: bold;
  3260.         padding: 5px;
  3261. }
  3262. .tableClr tr td {
  3263.         border-top: 1px solid #e7e7e7;
  3264.         padding: 5px;
  3265. }
  3266. .tableClr tr.odd td {
  3267.         background: #F2F7FC;
  3268. }
  3269.  
  3270.  
  3271. /**********************************/
  3272.  
  3273. .tooltip{
  3274.         position:absolute;
  3275.         z-index:9999;
  3276.         color:#fff;
  3277.         font-size:11px;
  3278.         background: #333;
  3279.         background: rgba(0,0,0,0.7);
  3280.         padding: 5px;
  3281.         -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
  3282.         box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
  3283.         -moz-border-radius: 3px;
  3284.         border-radius: 3px;
  3285. }
  3286.  
  3287. /*************/
  3288.  
  3289. .templatesList{
  3290.         margin: 10px 0px 250px;
  3291.         font-family: Arial, Helvetica, sans-serif;
  3292. }
  3293. .templateItem{
  3294.         border: 1px solid #e7e7e7;
  3295.         padding: 10px;
  3296.         margin: 0px 0px 10px;
  3297.         -moz-border-radius: 5px;
  3298.         border-radius: 5px;
  3299.         position: relative;
  3300. }
  3301. .templateItem:hover{
  3302.         border-color: #9FC54E;
  3303. }
  3304. .templateHead{
  3305.         font: 19px Arial, Helvetica, sans-serif;
  3306.         margin: 0px;
  3307.         color: #333333;
  3308.         padding: 0px 0px 5px;
  3309. }
  3310. .templateDetails{
  3311.         color:#888888;
  3312. }
  3313. .templateImg{
  3314.         border: 1px solid #F2F2F2;
  3315.         margin: 10px 0px 0px;
  3316.         width: 100%;
  3317.         height: auto;
  3318.         background: #FFFFFF;
  3319. }
  3320. .templateCont{
  3321.         display: none;
  3322. }
  3323. .templateItem .applyBt{
  3324.         font-size: 13px;
  3325.         float: right;
  3326.         border: 1px solid #9FC54E;
  3327.         padding: 5px 15px;
  3328.         -moz-border-radius: 10px;
  3329.         border-radius: 10px;
  3330.         font-weight: bold;
  3331.         color: #333333;
  3332.         cursor: pointer;
  3333.         margin: 0px 0px 0px 10px;
  3334.         background: #F4F9EC url(images/menu-bg.png) repeat-x;
  3335. }
  3336. .templateItem .applyBtYellow{
  3337.         border-color: #FFCC00;
  3338.         background: #FFFFCC;
  3339. }
  3340. .templateItem .applyBt:hover{
  3341.         opacity: 0.2;
  3342. }
  3343. .templateItem .applyBt:active{
  3344.         border-color: #999999;
  3345.         background: #FDFDFD;
  3346. }
  3347.  
  3348. /***************/
  3349.  
  3350. .floatBtsList li{
  3351.         float:right;
  3352.         background: #FBFBFB url(images/menu-bg.png) repeat-x;
  3353.         padding: 5px 10px;
  3354.         border: 1px solid #CCCCCC;
  3355.         margin: 0px 8px 8px 0px;
  3356.         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3357.         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3358.         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3359.         -moz-border-radius: 5px;
  3360.         border-radius: 4px;
  3361.         cursor: pointer;
  3362. }
  3363. .floatBtsList li:hover{
  3364.         border-color: #B420EC;
  3365. }
  3366. .floatBtsSel li{
  3367.         float: left;
  3368.         background: #FBFBFB url(images/menu-hover.png) repeat-x;
  3369.         padding: 5px 10px;
  3370.         border: 1px solid #CCCCCC;
  3371.         margin: 0px 8px 8px 0px;
  3372.         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3373.         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3374.         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3375.         -moz-border-radius: 4px;
  3376.         border-radius: 4px;
  3377.         cursor: move;
  3378. }
  3379. .floatbts_highlight{
  3380.         background: none !important;
  3381.         height: 15px;
  3382.         width: 70px;
  3383.         border: 1px dashed #FF9900 !important;
  3384. }
  3385. /*************/
  3386.  
  3387. .wpsr_content{
  3388.         width: 99%;
  3389.         font: 12px/2 "Courier New", Courier, monospace;
  3390.         margin: 0px;
  3391.         padding: 5px 10px 5px 10px;
  3392.         -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.1);
  3393.         -moz-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.1);
  3394.         box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.1);
  3395. }
  3396.  
  3397. /*******/
  3398.  
  3399. .wpsr_share_wrap{
  3400.         margin-left: -65px;
  3401.         position: absolute;
  3402.         top: 20%;
  3403. }
  3404. .wpsr_share_wrap li{
  3405.         padding: 7px;
  3406.         background: white url(images/menu-bg.png) repeat-x bottom;
  3407.         border: 1px solid #dfdfdf;
  3408.         margin: 0px 0px 7px;
  3409.         -webkit-border-radius: 5px;
  3410.         -moz-border-radius: 5px;
  3411.         border-radius: 5px;
  3412.         cursor: pointer;
  3413. }
  3414. .wpsr_share_wrap a{
  3415.         background-repeat: no-repeat;
  3416.         height: 32px;
  3417.         width: 32px;
  3418.         display: block;
  3419. }
  3420. .wpsr_donate a{ background-image: url(images/donate.png); }
  3421. .wpsr_share a{ background-image: url(images/share.png); }
  3422. .wpsr_pressthis a{ background-image: url(images/pressthis.png); }
  3423.  
  3424. .wpsr_share_iframe{
  3425.         background: #FFFFFF;
  3426.         border: 1px solid #dfdfdf;
  3427.         -webkit-border-radius: 5px;
  3428.         -moz-border-radius: 5px;
  3429.         border-radius: 5px;
  3430.         -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  3431.         -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  3432.         box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  3433. }
  3434.  
  3435. .miniWrap{
  3436.         background: #FFFFFF;
  3437.         padding: 15px;
  3438.         border: 1px solid #dfdfdf;
  3439.         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3440.         -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3441.         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  3442.         -moz-border-radius: 10px;
  3443.         border-radius: 10px;
  3444.         margin: 15px 0px 0px;
  3445. }
  3446. .note{
  3447.         -moz-border-radius: 5px;
  3448.         border-radius: 5px;
  3449.         background: #F9F9F9;
  3450.         margin: 0px 0px 10px;
  3451.         padding: 5px;
  3452.         border: 1px solid #DFDFDF;
  3453. }
  3454.  
  3455. .maxMin{
  3456.         float: right;
  3457.         font-weight: bold;
  3458.         margin: 0px;
  3459.         padding: 0px 7px;
  3460.         cursor: pointer;
  3461. }
  3462. .maxMin:hover{
  3463.         color: #FFFFFF;
  3464.         background: #FF9900;
  3465.         -moz-border-radius: 5px;
  3466.         border-radius: 5px;
  3467. }
  3468. .nextStep{
  3469.         background: #F9FCF5 url(images/right-arrow.png) no-repeat 16px center;
  3470.         border: 1px solid #9ACA67;
  3471.         font-size: 13px;
  3472.         padding: 10px 10px 10px 50px;
  3473.         -moz-border-radius: 10px;
  3474.         border-radius: 10px;
  3475.         cursor: pointer;
  3476. }
  3477. .textSep{
  3478.         border-bottom: 1px solid #dfdfdf;
  3479.     line-height: 2px;
  3480.         margin: 30px 0px 30px 0px;
  3481. }
  3482. .textSep span{
  3483.         background:#fff;
  3484. }
  3485. .bottomInfo .credits{
  3486.         background: url(images/aw.png) no-repeat left top;
  3487.         padding-left: 23px;
  3488.         color: #8B8B8B;
  3489.         margin-left: -5px;
  3490.         font-size: 13px;
  3491.         text-decoration: none;
  3492. }
  3493. .startBt{
  3494.         text-align: center;
  3495.         margin: 30px 0px 25px;
  3496.         font-size: 14px;
  3497.         font-weight: bold;
  3498. }
  3499. .startBt span{
  3500.         background: url(images/menu-bg.png) repeat-x;
  3501.         border: 1px solid #dfdfdf;
  3502.         margin-right: auto;
  3503.         margin-left: auto;
  3504.         padding: 10px;
  3505.         -webkit-box-shadow: 0px 0px 5px 0px #ccc;
  3506.         -moz-box-shadow: 0px 0px 5px 0px #ccc;
  3507.         box-shadow: 0px 0px 5px 0px #ccc;
  3508.         -webkit-border-radius: 10px;
  3509. -moz-border-radius: 10px;
  3510.         border-radius: 10px;
  3511.         border-color: #00CC00;
  3512.         cursor: pointer;
  3513. }
  3514. .startBt span:hover{
  3515.         border-color: #FF9900;
  3516. }
  3517. .smallText{
  3518.         font-size: 10px;
  3519.         color: #666666;
  3520. }
  3521. .fixedMsg{
  3522.         position: fixed;       
  3523. }
  3524. .width25{
  3525.         width: 25%;
  3526. }
  3527. .width33{
  3528.         width: 33%;
  3529. }
  3530. .width50{
  3531.         width: 50%;
  3532. }
  3533. .alignright{
  3534.         float: right;
  3535. }
  3536. .redText{
  3537.         color: red;
  3538. }
  3539. .introWrap .shareList{
  3540.         background: #FFFDF2;
  3541.         padding: 10px 5px 5px 10px;
  3542.         border: 1px solid #FFCC66;
  3543.         margin: 0px;
  3544.         -moz-border-radius: 5px;
  3545.         border-radius: 5px;
  3546. }
  3547. .introWrap .shareList li{
  3548.         float: left;
  3549. }
  3550. .introWrap .startForm{
  3551.         text-align: center;
  3552.         padding: 20px 15px 10px;
  3553.         border-top: 1px dashed #dfdfdf;
  3554.         margin-top: 15px;
  3555. }
  3556. .introWrap .startForm .button-primary{
  3557.         font-size: 13px !important;
  3558.         padding: 8px;
  3559. }
  3560. .introWrap .infoContent{
  3561.         padding: 15px;
  3562.         border: 1px solid #dfdfdf;
  3563.         margin-top: 10px;
  3564.         -moz-border-radius: 5px;
  3565.         border-radius: 5px;
  3566. }
  3567. .introWrap .refLinks{
  3568.         text-align: center;
  3569. }
  3570. .statImg{
  3571.         display: none;
  3572. }
  3573. .popClose{
  3574.         float: right;
  3575.         background: #E6DB55;
  3576.         padding: 0 6px 1px 6px;
  3577.         margin: 6px 0;
  3578.         -moz-border-radius: 5px;
  3579.         border-radius: 5px;
  3580.         cursor: pointer;
  3581. }
  3582. label img{
  3583.         vertical-align: middle;
  3584. }
  3585.  
  3586. * html .clearfix{
  3587.   height: 1%;
  3588.   overflow: visible;
  3589. }
  3590.  
  3591. /* float clearing for IE7 */
  3592. *+html .clearfix{
  3593.   min-height: 1%;
  3594. }
  3595.  
  3596. /* float clearing for everyone else */
  3597. .clearfix:after{
  3598.   clear: both;
  3599.   content: " ";
  3600.   display: block;
  3601. }
  3602.  
  3603.  
  3604. .xdate {
  3605. text-align: right;
  3606. color: #fff;
  3607. padding: 1px 1px 1px 1px;
  3608. margin: 0 0 0 0;
  3609. font-weight: bold;
  3610.  
  3611. }
  3612.  
  3613. .adsense{
  3614. margin: 0 0 0 0;
  3615. position:relative;
  3616. display:inline-block;
  3617. padding: 0;
  3618. width: 728px;
  3619. }