This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

style.css

By: a guest on Mar 2nd, 2012  |  syntax: None  |  size: 24.62 KB  |  views: 31  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* @override http://dubbo.org/wp-content/themes/slidingdoor/style.css */
  2.  
  3. /*
  4. Theme Name: Sliding Door
  5. Theme URI: http://mac-host.com/slidingdoor/
  6. Description: A unique template featuring sliding images in the header.  Uses a Custom Menu and Featured Images to create the sliding images. The theme has a comprehensive support forum at http://mac-host.com/support  
  7. Author: Wayne Connor
  8. Author URI:http://macintoshhowto.com/about
  9. Version: 2.6.1
  10. Tags: black, blue, three-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, photoblogging
  11. License: GNU General Public License v2.0
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13.  
  14. This theme is licensed under the GPL.
  15. Use it to make something cool, have fun, and share what you've learned with others.
  16. */
  17.  
  18.  
  19. /* =Reset default browser CSS.
  20. ---------------------- */
  21.  
  22. html, body, div, span, applet, object, iframe,
  23. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  24. a, abbr, acronym, address, big, cite, code,
  25. del, dfn, em, font, img, ins, kbd, q, s, samp,
  26. small, strike, strong, sub, sup, tt, var,
  27. b, u, i, center,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td {
  31.         background: transparent;
  32.         border: 0;
  33.         margin: 0;
  34.         padding: 0;
  35.         vertical-align: baseline;
  36. }
  37. body {
  38.         line-height: 1;
  39.         background color: #ffffff;
  40. }
  41. h1, h2, h3, h4, h5, h6 {
  42.         /* clear: both; */
  43.         font-weight: normal;
  44. }
  45. ol, ul {
  46.         list-style: none;
  47. }
  48. blockquote {
  49.         quotes: none;
  50. }
  51. blockquote:before, blockquote:after {
  52.         content: '';
  53.         content: none;
  54. }
  55. del {
  56.         text-decoration: line-through;
  57. }
  58. /* tables still need 'cellspacing="0"' in the markup */
  59. table {
  60.         border-collapse: collapse;
  61.         border-spacing: 0;
  62. }
  63. a img {
  64.         border: none;
  65.         text-decoration: none;
  66. }
  67.  
  68. /* =Layout
  69. -------------------------------------------------------------- */
  70.  
  71. /*
  72. LAYOUT: Two columns
  73. DESCRIPTION: Two-column fixed layout with one sidebar right of content
  74. */
  75.  
  76.  
  77. #container {
  78.         margin-left: 200px;
  79.         margin-right: 50px;
  80. }
  81.  
  82. #content {
  83.         margin: 0;
  84.         float:left;
  85.         overflow: hidden;
  86.  
  87. }
  88. #sidebar1,
  89. #sidebar2 {
  90.         /*overflow: hidden;*/
  91.        
  92. }
  93.  
  94.  
  95. #sidebar1 {
  96.         font-weight: normal;
  97.         font-style: normal;
  98. }
  99.  
  100. #sidebar1 a{
  101.         font-weight: normal;
  102. }
  103.  
  104. #sidebar1{
  105.         overflow: hidden;
  106.         float: left;
  107.         width: 182px;
  108.  
  109. }
  110. #sidebar2 {
  111.         float:  right;
  112.         width: 0px;
  113.         overflow: hidden;
  114. }
  115.  
  116.  
  117. #footer {
  118.         clear: both;
  119.         width: 100%;
  120. }
  121.  
  122. /*
  123. LAYOUT: One column, no sidebar
  124. DESCRIPTION: One centered column with no sidebar
  125. */
  126.  
  127. .one-column #content {
  128.         margin: 0 auto;
  129.         width: 740px;
  130. }
  131.  
  132. /*
  133. LAYOUT: Full width, no sidebar
  134. DESCRIPTION: Full width content with no sidebar; used for attachment pages
  135. */
  136.  
  137. .single-attachment #content {
  138.         margin-left: -200px;
  139.         width: 950px;
  140. }
  141.  
  142. .single-attachment #container {
  143.         margin-left: 0px;
  144.         margin-right: 0px;
  145. }
  146. .single-attachment #main {
  147.         margin-left: 0px;
  148.         margin-right: 0px;
  149. }
  150.  
  151. /*
  152. LAYOUT: Full width, no sidebar - CTL
  153. DESCRIPTION: Full width content with no sidebar; used for CTL
  154. */
  155.  
  156. .single-attachment1 #content {
  157.         margin-left: -80px;
  158.         width: 950px;
  159. }
  160.  
  161. .single-attachment1 #container {
  162.         margin-left: 0px;
  163.         margin-right: 0px;
  164. }
  165. .single-attachment1 #main {
  166.         margin-left: 0px;
  167.         margin-right: 0px;
  168. }
  169. /* =Fonts
  170. -------------------------------------------------------------- */
  171. body,
  172. input,
  173. textarea,
  174. .page-title span,
  175. .pingback a.url {
  176.  
  177.         font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
  178.         }
  179.        
  180. h3#comments-title,
  181. h3#reply-title,
  182. #access .menu,
  183. #access div.menu ul,
  184. #cancel-comment-reply-link,
  185. .form-allowed-tags,
  186. #site-info,
  187. #site-title,
  188. #wp-calendar,
  189. .comment-meta,
  190. .comment-body tr th,
  191. .comment-body thead th,
  192. .entry-content label,
  193. .entry-content tr th,
  194. .entry-content thead th,
  195. .entry-meta,
  196. .entry-utility,
  197. #respond label,
  198. .navigation,
  199. .page-title,
  200. .pingback p,
  201. .reply,
  202. .widget-title,
  203. .wp-caption-text,
  204. input[type=submit] {
  205.         font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  206.         color: white;
  207. }
  208.  
  209. #content .entry-title,
  210. {       color: white;
  211.  
  212.         }
  213.  
  214. pre {
  215.         font-family: "Courier 10 Pitch", Courier, monospace;
  216. }
  217. code {
  218.         font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  219. }
  220.  
  221.  
  222. /* =Structure
  223. -------------------------------------------------------------- */
  224.  
  225. /* The main theme structure */
  226. #access .menu-header,
  227. div.menu,
  228. #colophon,
  229. #branding,
  230. #wrapper {
  231.         margin: 0 auto;
  232.         width: 948px;
  233. }
  234. #wrapper {
  235.         margin-top: 20px;
  236.         padding: 0 20px;
  237.         position: relative;
  238.         background-color: #000022;
  239. }
  240. #wrapper-ctl {
  241.         margin-top: 20px;
  242.         padding: 0 20px;
  243.         position: relative;
  244.         background-color: #000000;
  245. }
  246.  
  247. /* Structure the footer area */
  248. #site-info {
  249.         float: left;
  250.         font-size: 14px;
  251.         font-weight: bold;
  252.         width: 700px;
  253. }
  254. #site-generator {
  255.         text-align: center;
  256. }
  257.  
  258.  
  259. /* =Global Elements
  260. -------------------------------------------------------------- */
  261.  
  262. /* Main global 'theme' and typographic styles */
  263. body {
  264.         background-color: #000011;
  265. }
  266. body,
  267. input,
  268. textarea {
  269.         background-color: #000000 !important;
  270.         color: #fff;
  271.         font-size: 12px;
  272.         line-height: 18px;
  273. }
  274. hr {
  275.         background-color: #fff;
  276.         border: 0;
  277.         clear: both;
  278.         height: 1px;
  279.         margin-bottom: 18px;
  280. }
  281.  
  282. /* Text elements */
  283. p {
  284.         margin-bottom: 18px;
  285.         font-size: 14px;
  286. }
  287. ul {
  288.         list-style: square;
  289.         margin: 0 0 18px 1.5em;
  290. }
  291. ol {
  292.         list-style: decimal;
  293.         margin: 0 0 18px 1.5em;
  294. }
  295. ol ol {
  296.         list-style: upper-alpha;
  297. }
  298. ol ol ol {
  299.         list-style: lower-roman;
  300. }
  301. ol ol ol ol {
  302.         list-style: lower-alpha;
  303. }
  304. ul ul,
  305. ol ol,
  306. ul ol,
  307. ol ul {
  308.         margin-bottom: 0;
  309. }
  310. dl {
  311.         margin: 0 0 24px 0;
  312. }
  313. dt {
  314.         font-weight: bold;
  315. }
  316. dd {
  317.         margin-bottom: 18px;
  318. }
  319. strong {
  320.         font-weight: bold;
  321. }
  322. cite,
  323. em,
  324. i {
  325.         font-style: italic;
  326. }
  327. big {
  328.         font-size: 131.25%;
  329. }
  330. ins {
  331.         background: #333;
  332.         text-decoration: none;
  333. }
  334. blockquote {
  335.         font-style: italic;
  336.         padding: 0 3em;
  337. }
  338.  
  339. blockquote { color:#ddd;
  340.         background: #000011 url(images/blockquote.png) no-repeat 10px 1px;
  341.         width:80%; height:auto;
  342.         display:block;
  343.         margin: 0 0 15px 10px;
  344.         padding: 5px 25px 0px 75px;
  345. }
  346.  
  347.  
  348. blockquote cite,
  349. blockquote em,
  350. blockquote i {
  351.         font-style: normal;
  352. }
  353. pre {
  354.         background: #000011;
  355.         color: #ddd;
  356.         line-height: 18px;
  357.         margin-bottom: 18px;
  358.         padding: 1.5em;
  359. }
  360. abbr,
  361. acronym {
  362.         border-bottom: 1px dotted #666;
  363.         cursor: help;
  364. }
  365. sup,
  366. sub {
  367.         height: 0;
  368.         line-height: 1;
  369.         position: relative;
  370.         vertical-align: baseline;
  371. }
  372. sup {
  373.         bottom: 1ex;
  374. }
  375. sub {
  376.         top: .5ex;
  377. }
  378. input[type="text"],
  379. textarea {
  380.         background: #333;
  381.         border: 1px solid #ccc;
  382.         box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  383.         -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  384.         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  385.         padding: 2px;
  386. }
  387. a:link {
  388.         color: #FFBB66;
  389.         text-decoration: none;
  390. }
  391. a:visited {
  392.         color: #FFBB66;
  393. }
  394. a:active,
  395. a:hover {
  396.         text-decoration: underline;
  397.         color: #FFBB66;
  398. }
  399.  
  400. /* Text meant only for screen readers */
  401. .screen-reader-text {
  402.         position: absolute;
  403.         left: -9000px;
  404. }
  405.  
  406.  
  407. /* =Header
  408. -------------------------------------------------------------- */
  409.  
  410. #header {
  411.         padding-top: 0;
  412.         background: url(images/surf_institute_logo.gif) no-repeat;
  413. }
  414. #site-title {
  415.         font-size: 50px;
  416.         line-height: 38px;
  417.         width: 900px;
  418.         padding-top: 10px;
  419.         margin-left: 80px;
  420.         text-align: left;
  421.  
  422. }
  423. #site-title a {
  424.         font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
  425.         color: #fff;
  426.         text-decoration: none;
  427. }
  428. #site-description {
  429.         font: normal 14px Verdana, Helvetica, Sans-serif;
  430.         text-align: left;
  431.         margin-bottom: 10px;
  432.         margin-left:80px;
  433.         color: white;
  434. }
  435.  
  436.  
  437. /* This is the custom header image */
  438. #branding img {
  439.         border-top: 0px solid #000;
  440.         border-bottom: 0px solid #000;
  441.         clear: both;
  442.         display: block;
  443. }
  444.  
  445.  
  446. /* =Menu
  447. -------------------------------------------------------------- */
  448.  
  449. #access {
  450.         background: #000;
  451.         display: block;
  452.         float: left;
  453.         margin: 0 auto 20px;
  454.         width: 948px;
  455.         border-bottom: 1px solid white;
  456.        
  457. }
  458. #access .menu-header,
  459. div.menu {
  460.         font-size: 14px;
  461.         margin-left: 12px;
  462.         width: 928px;
  463. }
  464. #access .menu-header ul,
  465. div.menu ul {
  466.         list-style: none;
  467.         margin: 0;
  468. }
  469. #access .menu-header li,
  470. div.menu li {
  471.         float: left;
  472.         position: relative;
  473. }
  474. #access a {
  475.         color: #fff;
  476.         display: block;
  477.         line-height: 38px;
  478.         text-decoration: none;
  479.         padding: 0 21px 0 16px;
  480.  
  481. }
  482. #access ul ul {
  483.         box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  484.         -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  485.         -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  486.         display: none;
  487.         position: absolute;
  488.         top: 38px;
  489.         left: 0;
  490.         float: left;
  491.         width: 180px;
  492.         z-index: 99999;
  493.        
  494. }
  495. #access ul ul li {
  496.         min-width: 180px;
  497.         border-bottom: 1px solid white;
  498.        
  499. }
  500. #access ul ul ul {
  501.         left: 100%;
  502.         top: 0;
  503. }
  504. #access ul ul a {
  505.         background: #000;
  506.         line-height: 1em;
  507.         padding: 10px;
  508.         width: 160px;
  509.         height: auto;
  510. }
  511. #access li:hover > a,
  512. #access ul ul :hover > a {
  513.         background: #000022;
  514.         color: #fff;
  515. }
  516. #access ul li:hover > ul {
  517.         display: block;
  518. }
  519. #access ul li.current_page_item > a,
  520. #access ul li.current-menu-ancestor > a,
  521. #access ul li.current-menu-item > a,
  522. #access ul li.current-menu-parent > a {
  523.         color: #fff;
  524. }
  525. * html #access ul li.current_page_item a,
  526. * html #access ul li.current-menu-ancestor a,
  527. * html #access ul li.current-menu-item a,
  528. * html #access ul li.current-menu-parent a,
  529. * html #access ul li a:hover {
  530.         color: #fff;
  531. }
  532.  
  533.  
  534. /* =Content
  535. -------------------------------------------------------------- */
  536.  
  537. #main {
  538.         clear: both;
  539.         overflow: hidden;
  540.         padding: 10px 0 0 0;
  541. }
  542. #content {
  543.         margin-bottom: 36px;
  544.         width: 100%;
  545. }
  546. #content,
  547. #content input,
  548. #content textarea {
  549.         color: #fff;
  550.         font-size: 13px;
  551.         line-height: 20px;
  552. }
  553. #content p,
  554. #content ul,
  555. #content ol,
  556. #content dd,
  557. #content pre,
  558. #content hr {
  559.         margin-bottom: 12px;
  560.         font-family: Verdana,Helvetica,Sans-serif;
  561. }
  562. #content ul ul,
  563. #content ol ol,
  564. #content ul ol,
  565. #content ol ul {
  566.         margin-bottom: 0;
  567. }
  568. #content pre,
  569. #content kbd,
  570. #content tt,
  571. #content var {
  572.         font-size: 15px;
  573.         line-height: 21px;
  574. }
  575. #content code {
  576.         font-size: 13px;
  577. }
  578. #content dt,
  579. #content th {
  580.         color: #fff;
  581. }
  582. #content h1,
  583. #content h2,
  584. #content h3,
  585. #content h4,
  586. #content h5,
  587. #content h6 {
  588.         color: #fff;
  589.         line-height: 1.5em;
  590.         margin: 0 0 20px 0;
  591. }
  592. #content table {
  593.         border: 1px solid #e7e7e7;
  594.         margin: 0 0 24px 0;
  595.         text-align: left;
  596.         width: 100%;
  597. }
  598. #content tr th,
  599. #content thead th {
  600.         color: #888;
  601.         font-size: 12px;
  602.         font-weight: bold;
  603.         line-height: 18px;
  604.         padding: 9px 24px;
  605. }
  606. #content tr td {
  607.         border-top: 1px solid;
  608.         background: #000022 !important;
  609.         padding: 6px 5px;
  610. }
  611. #content tr.odd td {
  612.         background: #000;
  613. }
  614. .hentry {
  615.         margin: 0 0 48px 0;
  616.         border-bottom: 1px solid #ffffff;
  617.  
  618. }
  619. .home .sticky {
  620.         background: #000;
  621.         margin-left: -20px;
  622.         margin-right: -20px;
  623.         padding: 0px 20px;
  624. }
  625. .single .hentry {
  626.         margin: 0 0 36px 0;
  627.  
  628. }
  629. .page-title {
  630.         color: #fff;
  631.         font-size: 14px;
  632.         font-weight: bold;
  633.         margin: 0 0 36px 0;
  634. }
  635. .page-title span {
  636.         color: #333;
  637.         font-size: 16px;
  638.         font-style: italic;
  639.         font-weight: normal;
  640. }
  641. .page-title a:link,
  642. .page-title a:visited {
  643.         color: #888;
  644.         text-decoration: none;
  645. }
  646. .page-title a:active,
  647. .page-title a:hover {
  648.         color: #fff;
  649.         text-decoration: underline;
  650. }
  651. #content .entry-title {
  652.         color: #fff;
  653.         font-size: 28px;
  654.         font-weight: bold;
  655.         line-height: 1.3em;
  656.         margin-bottom: 0;
  657.         padding-bottom: 3px;
  658. }
  659. .entry-title a:link,
  660. .entry-title a:visited {
  661.         color: white;
  662. font-weight:bold;
  663. text-decoration:none;
  664. }
  665. .entry-title a:active,
  666. .entry-title a:hover {
  667.         color: white;
  668.         text-decoration: underline;
  669. }
  670. .entry-meta {
  671.         color: #888;
  672.         font-size: 12px;
  673. }
  674. .entry-meta abbr,
  675. .entry-utility abbr {
  676.         border: none;
  677. }
  678. .entry-meta abbr:hover,
  679. .entry-utility abbr:hover {
  680.         border-bottom: 1px dotted #666;
  681. }
  682. .entry-content,
  683. .entry-summary {
  684.         /*clear: both;*/
  685.         padding: 10px 0 0;
  686. }
  687. #content .entry-summary p:last-child {
  688.         margin-bottom: 12px;
  689. }
  690. .entry-content fieldset {
  691.         border: 1px solid #e7e7e7;
  692.         margin: 0 0 24px 0;
  693.         padding: 24px;
  694. }
  695. .entry-content fieldset legend {
  696.         background: #fff;
  697.         color: #000;
  698.         font-weight: bold;
  699.         padding: 0 24px;
  700. }
  701. .entry-content input {
  702.         margin: 0 0 24px 0;
  703. }
  704. .entry-content input.file,
  705. .entry-content input.button {
  706.         margin-right: 24px;
  707. }
  708. .entry-content label {
  709.         color: #888;
  710.         font-size: 12px;
  711. }
  712. .entry-content select {
  713.         margin: 0 0 24px 0;
  714. }
  715. .entry-content sup,
  716. .entry-content sub {
  717.         font-size: 10px;
  718. }
  719. .entry-content blockquote.left {
  720.         float: left;
  721.         margin-left: 0;
  722.         margin-right: 24px;
  723.         text-align: right;
  724.         width: 33%;
  725. }
  726. .entry-content blockquote.right {
  727.         float: right;
  728.         margin-left: 24px;
  729.         margin-right: 0;
  730.         text-align: left;
  731.         width: 33%;
  732. }
  733. .page-link {
  734.         color: #eee;
  735.         font-weight: bold;
  736.         margin: 0 0 22px 0;
  737.         word-spacing: 0.5em;
  738. }
  739. .page-link a:link,
  740. .page-link a:visited {
  741.         background: #f1f1f1;
  742.         color: #333;
  743.         font-weight: normal;
  744.         padding: 0.5em 0.75em;
  745.         text-decoration: none;
  746. }
  747. .home .sticky .page-link a {
  748.         background: #d9e8f7;
  749. }
  750. .page-link a:active,
  751. .page-link a:hover {
  752.         color: #fff;
  753.         text-decoration: underline;
  754. }
  755. body.page .edit-link {
  756.         clear: both;
  757.         display: block;
  758. }
  759. #entry-author-info {
  760.         background: #f2f7fc;
  761.         border-top: 4px solid #000;
  762.         clear: both;
  763.         font-size: 14px;
  764.         line-height: 20px;
  765.         margin: 24px 0;
  766.         overflow: hidden;
  767.         padding: 18px 20px;
  768. }
  769. #entry-author-info #author-avatar {
  770.         background: #fff;
  771.         border: 1px solid #e7e7e7;
  772.         float: left;
  773.         height: 60px;
  774.         margin: 0 -104px 0 0;
  775.         padding: 11px;
  776. }
  777. #entry-author-info #author-description {
  778.         float: left;
  779.         margin: 0 0 0 104px;
  780. }
  781. #entry-author-info h2 {
  782.         color: #000;
  783.         font-size: 100%;
  784.         font-weight: bold;
  785.         margin-bottom: 0;
  786. }
  787. .entry-utility {
  788.         color: #888;
  789.         font-size: 12px;
  790.         line-height: 18px;
  791.         margin-bottom: 50px;
  792. }
  793. .entry-meta a,
  794. .entry-utility a {
  795.         color: #888;
  796. }
  797. .entry-meta a:hover,
  798. .entry-utility a:hover {
  799.         color: #fff;
  800.         text-decoration: underline;
  801. }
  802. #content .video-player {
  803.         padding: 0;
  804. }
  805.  
  806.  
  807. /* =Asides
  808. -------------------------------------------------------------- */
  809.  
  810. .home #content .category-asides p {
  811.         font-size: 14px;
  812.         line-height: 20px;
  813.         margin-bottom: 10px;
  814.         margin-top: 0;
  815. }
  816. .home .hentry.category-asides {
  817.         padding: 0;
  818. }
  819. .home #content .category-asides .entry-content {
  820.         padding-top: 0;
  821. }
  822.  
  823.  
  824. /* =Gallery listing
  825. -------------------------------------------------------------- */
  826.  
  827. .category-gallery .size-thumbnail img {
  828.         border: 10px solid #333;
  829.         margin-bottom: 0;
  830. }
  831. .category-gallery .gallery-thumb {
  832.         float: left;
  833.         margin-right: 20px;
  834.         margin-top: -4px;
  835. }
  836. .home #content .category-gallery .entry-utility {
  837.         padding-top: 4px;
  838. }
  839.  
  840.  
  841. /* =Attachment pages
  842. -------------------------------------------------------------- */
  843.  
  844. .attachment .entry-content .entry-caption {
  845.         font-size: 140%;
  846.         margin-top: 24px;
  847. }
  848. .attachment .entry-content .nav-previous a:before {
  849.         content: '\2190\00a0';
  850. }
  851. .attachment .entry-content .nav-next a:after {
  852.         content: '\00a0\2192';
  853. }
  854.  
  855.  
  856. /* =Images
  857. -------------------------------------------------------------- */
  858.  
  859. #content img {
  860.         height: auto;
  861.         max-width: 900px;
  862.         margin-top: 0;
  863.         margin-right: 0;
  864.         margin-bottom: 0;
  865. }
  866. #content .attachment img {
  867.         max-width: 900px;
  868. }
  869. #content .alignleft,
  870. #content img.alignleft {
  871.         display: inline;
  872.         float: left;
  873.         margin-right: 24px;
  874.         margin-top: 4px;
  875. }
  876. #content .alignright,
  877. #content img.alignright {
  878.         display: inline;
  879.         float: right;
  880.         margin-left: 24px;
  881.         margin-top: 4px;
  882. }
  883. #content .aligncenter,
  884. #content img.aligncenter {
  885.         display: block;
  886.         margin-left: auto;
  887.         margin-right: auto;
  888. }
  889. #content img.alignleft,
  890. #content img.alignright,
  891. #content img.aligncenter {
  892.         margin-bottom: 12px;
  893. }
  894. #content .wp-caption {
  895.         background: #f1f1f1;
  896.         line-height: 14px;
  897.         margin-bottom: 20px;
  898.         padding: 4px;
  899.         text-align: center;
  900. }
  901. #content .wp-caption img {
  902.         margin: 5px 5px 0;
  903. }
  904. #content .wp-caption p.wp-caption-text {
  905.         color: #222;
  906.         font-size: 6px;
  907.         margin: 5px;
  908. }
  909. #content .wp-smiley {
  910.         margin: 0;
  911. }
  912. #content .gallery {
  913.         margin: 0 auto 18px;
  914. }
  915. #content .gallery .gallery-item {
  916.         float: left;
  917.         margin-top: 0;
  918.         text-align: center;
  919.         width: 33%;
  920. }
  921. #content .gallery img {
  922.         border: 2px solid #cfcfcf;
  923. }
  924. #content .gallery .gallery-caption {
  925.         color: #888;
  926.         font-size: 12px;
  927.         margin: 0 0 12px;
  928. }
  929. #content .gallery dl {
  930.         margin: 0;
  931. }
  932. #content .gallery img {
  933.         border: 10px solid #f1f1f1;
  934. }
  935. #content .gallery br+br {
  936.         display: none;
  937. }
  938. #content .attachment img { /* single attachment images should be centered */
  939.         display: block;
  940.         margin: 0 auto;
  941. }
  942.  
  943.  
  944. /* =Navigation
  945. -------------------------------------------------------------- */
  946.  
  947. .navigation {
  948.         color: #888;
  949.         font-size: 12px;
  950.         line-height: 18px;
  951.         overflow: hidden;
  952. }
  953. .navigation a:link,
  954. .navigation a:visited {
  955.         color: #888;
  956.         text-decoration: none;
  957. }
  958. .navigation a:active,
  959. .navigation a:hover {
  960.         color: white;
  961.         text-decoration: underline;
  962. }
  963. .nav-previous {
  964.         float: left;
  965.         width: 50%;
  966. }
  967. .nav-next {
  968.         float: right;
  969.         text-align: right;
  970.         width: 50%;
  971. }
  972. #nav-above {
  973.         margin: 0 0 18px 0;
  974. }
  975. #nav-above {
  976.         display: none;
  977. }
  978. .paged #nav-above,
  979. .single #nav-above {
  980.         display: block;
  981. }
  982. #nav-below {
  983.         margin: -18px 0 0 0;
  984. }
  985.  
  986.  
  987. /* =Comments
  988. -------------------------------------------------------------- */
  989. #comments {
  990. }
  991. #comments .navigation {
  992.         padding: 0 0 18px 0;
  993. }
  994. h3#comments-title,
  995. h3#reply-title {
  996.         color: #fff;
  997.         font-size: 16px;
  998.         font-weight: bold;
  999.         margin-bottom: 0;
  1000. }
  1001. h3#comments-title {
  1002.         padding: 24px 0;
  1003. }
  1004. .commentlist {
  1005.         list-style: none;
  1006.         margin: 0;
  1007. }
  1008. .commentlist li.comment {
  1009.         border-bottom: 1px solid #666;
  1010.         line-height: 24px;
  1011.         margin: 0 0 24px 0;
  1012.         padding: 0 0 0 56px;
  1013.         position: relative;
  1014. }
  1015. .commentlist li:last-child {
  1016.         border-bottom: none;
  1017.         margin-bottom: 0;
  1018. }
  1019. #comments .comment-body ul,
  1020. #comments .comment-body ol {
  1021.         margin-bottom: 18px;
  1022. }
  1023. #comments .comment {
  1024.         background: #333;
  1025.         -moz-border-radius: 12px;
  1026.         -webkit-border-radius: 12px;
  1027.         padding: 20px 20px 0 70px;
  1028. }
  1029. #comments .comment-body p:last-child {
  1030.         margin-bottom: 6px;
  1031. }
  1032. #comments .comment-body blockquote p:last-child {
  1033.         margin-bottom: 24px;
  1034. }
  1035. .commentlist ol {
  1036.         list-style: decimal;
  1037. }
  1038. .commentlist .avatar {
  1039.         position: absolute;
  1040.         top: 4px;
  1041.         left: 0;
  1042.         margin-left: 10px;
  1043.         margin-top: 10px;
  1044.         padding-top: 10px;
  1045. }
  1046. .comment-author {
  1047. }
  1048. .comment-author cite {
  1049.         color: #fff;
  1050.         font-style: normal;
  1051.         font-weight: bold;
  1052. }
  1053. .comment-author .says {
  1054.         font-style: italic;
  1055. }
  1056. .comment-meta {
  1057.         font-size: 12px;
  1058.         margin: 0 0 18px 0;
  1059. }
  1060. .comment-meta a:link,
  1061. .comment-meta a:visited {
  1062.         color: #888;
  1063.         text-decoration: none;
  1064. }
  1065. .comment-meta a:active,
  1066. .comment-meta a:hover {
  1067.         color: #ff4b33;
  1068. }
  1069. .commentlist .even {
  1070. }
  1071. .commentlist .bypostauthor {
  1072. }
  1073. .reply {
  1074.         font-size: 12px;
  1075.         padding: 0 0 24px 0;
  1076. }
  1077. .reply a,
  1078. a.comment-edit-link {
  1079.         color: #888;
  1080. }
  1081. .reply a:hover,
  1082. a.comment-edit-link:hover {
  1083.         color: #ff4b33;
  1084. }
  1085. .commentlist .children {
  1086.         list-style: none;
  1087.         margin: 0;
  1088. }
  1089. .commentlist .children li {
  1090.         border: none;
  1091.         margin: 0;
  1092. }
  1093. .nopassword,
  1094. .nocomments {
  1095.         display: none;
  1096. }
  1097. #comments .pingback {
  1098.         border-bottom: 1px solid #e7e7e7;
  1099.         margin-bottom: 18px;
  1100.         padding-bottom: 18px;
  1101. }
  1102. .commentlist li.comment+li.pingback {
  1103.         margin-top: -6px;
  1104. }
  1105. #comments .pingback p {
  1106.         color: #888;
  1107.         display: block;
  1108.         font-size: 12px;
  1109.         line-height: 18px;
  1110.         margin: 0;
  1111. }
  1112. #comments .pingback .url {
  1113.         font-size: 13px;
  1114.         font-style: italic;
  1115. }
  1116.  
  1117. /* Comments form */
  1118. input[type=submit] {
  1119.         color: #fff;
  1120. }
  1121. #respond {
  1122.         border-top: 1px solid #e7e7e7;
  1123.         margin: 24px 0;
  1124.         overflow: hidden;
  1125.         position: relative;
  1126. }
  1127. #respond p {
  1128.         margin: 0;
  1129. }
  1130. #respond .comment-notes {
  1131.         margin-bottom: 1em;
  1132. }
  1133. .form-allowed-tags {
  1134.         line-height: 1em;
  1135. }
  1136. .children #respond {
  1137.         margin: 0 48px 0 0;
  1138. }
  1139. h3#reply-title {
  1140.         margin: 18px 0;
  1141. }
  1142. #comments-list #respond {
  1143.         margin: 0 0 18px 0;
  1144. }
  1145. #comments-list ul #respond {
  1146.         margin: 0;
  1147. }
  1148. #cancel-comment-reply-link {
  1149.         font-size: 12px;
  1150.         font-weight: normal;
  1151.         line-height: 18px;
  1152. }
  1153. #respond .required {
  1154.         color: #ff4b33;
  1155.         font-weight: bold;
  1156. }
  1157. #respond label {
  1158.         color: #888;
  1159.         font-size: 12px;
  1160. }
  1161. #respond input {
  1162.         margin: 0 0 9px;
  1163.         width: 98%;
  1164. }
  1165. #respond textarea {
  1166.         width: 98%;
  1167. }
  1168. #respond .form-allowed-tags {
  1169.         color: #888;
  1170.         font-size: 12px;
  1171.         line-height: 18px;
  1172. }
  1173. #respond .form-allowed-tags code {
  1174.         font-size: 11px;
  1175. }
  1176. #respond .form-submit {
  1177.         margin: 12px 0;
  1178. }
  1179. #respond .form-submit input {
  1180.         font-size: 14px;
  1181.         width: auto;
  1182.         color: #000;
  1183. }
  1184.  
  1185.  
  1186. /* =Widget Areas
  1187. -------------------------------------------------------------- */
  1188.  
  1189. .widget-area ul {
  1190.         list-style: none;
  1191.         margin-left: 0;
  1192. }
  1193. .widget-area ul ul {
  1194.         list-style: square;
  1195.         margin-left: 1.3em;
  1196. }
  1197. .widget_search #s {/* This keeps the search inputs in line */
  1198.         width: 60%;
  1199. }
  1200. .widget_search label {
  1201.         display: none;
  1202. }
  1203. .widget-container {
  1204.         margin: 0 0 18px 0;
  1205. }
  1206. .widget-title {
  1207.         color: #ddd;
  1208.         font-weight: normal;
  1209.         padding-bottom: 4px;
  1210.         padding-top: 2px;
  1211. }
  1212. .widget-area a:link,
  1213. .widget-area a:visited {
  1214.         text-decoration: none;
  1215.         font-size: 12px !important;
  1216. }
  1217. .widget-area a:active,
  1218. .widget-area a:hover {
  1219.         text-decoration: underline;
  1220. }
  1221. .widget-area .entry-meta {
  1222.         font-size: 11px;
  1223. }
  1224. #wp_tag_cloud div {
  1225.         line-height: 1.6em;
  1226. }
  1227. #wp-calendar {
  1228.         width: 100%;
  1229. }
  1230. #wp-calendar caption {
  1231.         color: #ddd;
  1232.         font-size: 14px;
  1233.         font-weight: bold;
  1234.         padding-bottom: 4px;
  1235.         text-align: left;
  1236. }
  1237. #wp-calendar thead {
  1238.         font-size: 11px;
  1239. }
  1240. #wp-calendar thead th {
  1241. }
  1242. #wp-calendar tbody {
  1243.         color: #aaa;
  1244. }
  1245. #wp-calendar tbody td {
  1246.         background: #f5f5f5;
  1247.         border: 1px solid #fff;
  1248.         padding: 3px 0 2px;
  1249.         text-align: center;
  1250. }
  1251. #wp-calendar tbody .pad {
  1252.         background: none;
  1253. }
  1254. #wp-calendar tfoot #next {
  1255.         text-align: right;
  1256. }
  1257. .widget_rss a.rsswidget {
  1258.         color: #000;
  1259. }
  1260. .widget_rss a.rsswidget:hover {
  1261.         color: #ff4b33;
  1262. }
  1263. .widget_rss .widget-title img {
  1264.         width: 11px;
  1265.         height: 11px;
  1266. }
  1267.  
  1268. /* Main sidebars */
  1269. #main .widget-area ul {
  1270.         margin-left: 0;
  1271.         padding: 0 20px 0 0;
  1272.         list-style-type: none;
  1273. }
  1274. #main .widget-area ul ul {
  1275.         border: none;
  1276.         margin-left: 0.2em;
  1277.         padding: 0;
  1278. }
  1279.  
  1280. #main .widget-area ul ul a{
  1281.         font-weight: normal;
  1282.         font-style: normal;
  1283.                 color: #999;
  1284.                 text-decoration: none;
  1285.         font-size: 11px;
  1286. }
  1287.  
  1288. #main .widget-area a:hover {
  1289.                 color: #CCC;
  1290.         }
  1291.  
  1292. #sidebar1 {
  1293. }
  1294. #sidebar2 {
  1295. }
  1296.  
  1297. /* Footer widget areas */
  1298. #footer-widget-area {
  1299. }
  1300.  
  1301.  
  1302. /* =Footer
  1303. -------------------------------------------------------------- */
  1304.  
  1305. #footer {
  1306.         margin-bottom: 20px;
  1307. }
  1308. #colophon {
  1309.         border-top: 4px solid #000;
  1310.         margin-top: -4px;
  1311.         overflow: hidden;
  1312.         padding: 18px 0;
  1313. }
  1314. #site-info {
  1315. }
  1316. #site-info a {
  1317.         color: #ddd;
  1318.         text-decoration: none;
  1319. }
  1320. #site-generator {
  1321.         font-style: italic;
  1322.         position: relative;
  1323. }
  1324. #site-generator a {
  1325.         color: #999;
  1326.         display: inline-block;
  1327.         line-height: 18px;
  1328.         text-decoration: none;
  1329. }
  1330. #site-generator p {
  1331.         margin-top: 0;
  1332.         margin-bottom: 0;
  1333.         font-size: 11px;
  1334. }
  1335.  
  1336.  
  1337. #site-generator a:hover {
  1338.         text-decoration: underline;
  1339. }
  1340. img#wpstats {
  1341.         display: block;
  1342.         margin: 0 auto 10px;
  1343. }
  1344.  
  1345.  
  1346. /* =Mobile Safari ( iPad, iPhone and iPod Touch )
  1347. -------------------------------------------------------------- */
  1348.  
  1349. pre {
  1350.         -webkit-text-size-adjust: 140%;
  1351. }
  1352. code {
  1353.         -webkit-text-size-adjust: 160%;
  1354. }
  1355. #access,
  1356. .entry-meta,
  1357. .entry-utility,
  1358. .navigation,
  1359. .widget-area {
  1360.         -webkit-text-size-adjust: 120%;
  1361. }
  1362. #site-description {
  1363.         -webkit-text-size-adjust: none;
  1364. }
  1365.  
  1366.  
  1367. /* =Print Style
  1368. -------------------------------------------------------------- */
  1369.  
  1370. @media print {
  1371.         body {
  1372.                 background: none !important;
  1373.         }
  1374.         #wrapper {
  1375.                 clear: both !important;
  1376.                 display: block !important;
  1377.                 float: none !important;
  1378.                 position: relative !important;
  1379.         }
  1380.         #header {
  1381.                 border-bottom: 2pt solid #000;
  1382.                 padding-bottom: 18pt;
  1383.         }
  1384.         #colophon {
  1385.                 border-top: 2pt solid #000;
  1386.         }
  1387.         #site-title,
  1388.         #site-description {
  1389.                 line-height: 1.4em;
  1390.                 margin: 0;
  1391.                 padding: 0;
  1392.         }
  1393.         #site-title {
  1394.                 font-size: 13pt;
  1395.         }
  1396.         .entry-content {
  1397.                 font-size: 14pt;
  1398.                 line-height: 1.6em;
  1399.         }
  1400.         .entry-title {
  1401.                 font-size: 21pt;
  1402.         }
  1403.         #access,
  1404.         #branding img,
  1405.         #respond,
  1406.         .comment-edit-link,
  1407.         .edit-link,
  1408.         .navigation,
  1409.         .page-link,
  1410.         .widget-area {
  1411.                 display: none !important;
  1412.         }
  1413.         #container,
  1414.         #header,
  1415.         #footer {
  1416.                 margin: 0;
  1417.                 width: 100%;
  1418.         }
  1419.         #content,
  1420.         .one-column #content {
  1421.                 margin: 24pt 0 0;
  1422.                 width: 100%;
  1423.         }
  1424.         .wp-caption p {
  1425.                 font-size: 11pt;
  1426.         }
  1427.         #site-info,
  1428.         #site-generator {
  1429.                 float: none;
  1430.                 width: auto;
  1431.         }
  1432.         #colophon {
  1433.                 width: auto;
  1434.         }
  1435.         img#wpstats {
  1436.                 display: none;
  1437.         }
  1438.         #site-generator a {
  1439.                 margin: 0;
  1440.                 padding: 0;
  1441.         }
  1442.         #entry-author-info {
  1443.                 border: 1px solid #e7e7e7;
  1444.         }
  1445.         #main {
  1446.                 display: inline;
  1447.         }
  1448.         .home .sticky {
  1449.                 border: none;
  1450.         }
  1451. }
  1452.  
  1453. .entry-content #facebook_like {
  1454.         height: 30px;
  1455. }
clone this paste RAW Paste Data