Advertisement
Guest User

CSS

a guest
Aug 22nd, 2012
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 73.24 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement