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

Untitled

By: a guest on Dec 14th, 2012  |  syntax: CSS  |  size: 25.41 KB  |  views: 24  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: Easel
  3. Contributors: Frumph
  4. Theme URI: http://frumph.net/easel
  5. Description: A very intuitively designed theme that has a very robust set of options, CSS entities and abilities.  Is a *core* theme for plugins like Comic Easel.
  6. Author: Philip M. Hofer (Frumph)
  7. Author URI: http://frumph.net
  8. Tags: Dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, flexible-header, featured-images
  9. Version: 3.2.1
  10. License: GNU General Public License, v3 (or newer)
  11. License URI: http://www.opensource.org/licenses/gpl-3.0.html
  12. */
  13.  
  14. /* STANDARD TAGS */
  15.  
  16. html {
  17.         overflow-y: scroll;
  18. }
  19.  
  20. body {
  21.         margin: 0;
  22.         font-family: 'Arial', sans-serif;
  23.         font-size: 14px;
  24.         color: #000;
  25. }
  26.  
  27. a {
  28.         text-decoration: none;
  29. }
  30.  
  31. a:link {
  32.         color: #b00;
  33. }
  34.        
  35.         a:visited {
  36.                 color: #600;
  37.         }
  38.        
  39.         a:hover {
  40.                 color: #f00;
  41.         }
  42.  
  43.         a:focus {
  44.                 outline: none;
  45.         }
  46.  
  47.         a img {
  48.                 display: none;
  49.                 border: none;
  50.         }
  51.  
  52. p {
  53.         margin: 0;
  54.         padding: 5px 0;
  55. }
  56.  
  57. p.attachment {
  58.         text-align: center;
  59. }
  60.  
  61. img {
  62. /*      max-width: 100%; */
  63.         padding: 0;
  64.         margin: 0;
  65. }
  66.  
  67. small {
  68.         font-size: 12px;
  69. }
  70.  
  71. hr {
  72.         height: 1px;
  73.         color: #000;
  74.         background-color: #000;
  75.         border: 0px;
  76. }
  77.  
  78. blockquote {
  79.         margin: 5px;
  80.         border: 1px dashed #ccc;
  81.         padding: 0;
  82.         font-size: 11px;
  83.         font-weight: 400;
  84. }
  85.  
  86. blockquote p:first-letter {
  87.         float: left;
  88.         font-size: 16px;
  89.         font-weight: 700;
  90.         margin: 3px 2px 0;
  91. }
  92.  
  93. blockquote p:first-line {
  94.         font-variant: small-caps;
  95. }
  96.  
  97. acronym, abbr, span.caps {
  98.         cursor: help;
  99. }
  100.  
  101. acronym, abbr {
  102.         border-bottom: 1px dashed #000;
  103. }
  104.  
  105. form {
  106.         margin: 0;
  107. }
  108.  
  109. input, textarea {
  110.         font-family: 'Arial' , sans-serif;
  111.         font-size: 13px;
  112. }
  113.  
  114. /* WP Aligns */
  115.  
  116. .aligncenter {
  117.         margin: 0 auto;
  118.         text-align: center;
  119.         display: block;
  120. }
  121.  
  122. .alignright {
  123.         margin: 10px 0 10px 10px;
  124.         display: inline;
  125.         float: right;
  126. }
  127.  
  128. .alignleft {
  129.         margin: 10px 10px 10px 0;
  130.         display: inline;
  131.         float: left;
  132. }
  133.  
  134. .wp-caption {
  135.         text-align: center;
  136.         padding: 3px;
  137.         background: #eee;
  138. }
  139.  
  140. .type-showcase .wp-caption {
  141.         margin: 0 5px;
  142. }
  143.  
  144. .wp-caption-text {
  145.         text-align: center;
  146. }
  147.  
  148. /* HEADINGS */
  149.  
  150. h1, h1 a {
  151.         margin: 0;
  152.         padding: 3px;
  153.         font-size: 24px;
  154.         line-height: 24px;
  155.         letter-spacing: -3px;
  156. }
  157.  
  158. h2, h2 a {
  159.         padding: 0 0 2px 0;
  160.         margin: 0;
  161.         font-size: 24px;
  162.         line-height: 24px;
  163.         letter-spacing: -1px;
  164. }
  165.  
  166. h3, h3 a {
  167.         padding: 0;
  168.         margin: 5px 0;
  169.         font-size: 20px;
  170.         clear: both;
  171.         letter-spacing: -1px;
  172. }
  173.  
  174. h4, h4 a {
  175.         padding: 0;
  176.         margin: 0;
  177.         font-size: 15px;
  178.         clear: both;
  179. }
  180.  
  181. /* Page */
  182.  
  183. #page-wrap {}
  184.  
  185. #page {
  186.         width: 980px;
  187.         margin: 0 auto;
  188. }
  189.  
  190. body.layout-2cl #page, body.layout-2cr #page{
  191.         width: 780px;
  192. }
  193.  
  194. /* Header */
  195.  
  196. #header {
  197.         display: block;
  198. }
  199.  
  200.         #header .description {
  201.                 margin-left: 60px;
  202.         }
  203.  
  204. .header-info {
  205.     float: left;
  206.     display: inline-block;
  207. }
  208.  
  209. /* THE MENU */
  210.  
  211. #menubar-wrapper {
  212.         width: 100%;
  213.         clear: both;
  214.         display: block;
  215.         margin: 0 auto;
  216.         background: #111;
  217.         text-transform: uppercase;
  218. }
  219.  
  220. #footer-menubar-wrapper {
  221.         clear:both;
  222.         display: inline-block;
  223.         text-transform: uppercase;
  224.         margin: 0 auto;
  225.         border-collapse: collapse;
  226.         text-align: center;
  227. }
  228.  
  229. .footmenu {
  230.         margin: 0 auto;
  231. }
  232.  
  233. .ie #menubar-wrapper {
  234.         zoom: 1; /* IE fix, allows for variable height menu  */
  235. }
  236.  
  237. .menunav {
  238.         float: right;
  239.         text-align: center;
  240. }
  241.  
  242. .menunav a:link, .menunav a:visited {
  243.         color: #fff;
  244. }
  245.  
  246. .menunav a:hover {
  247.         color: #fcff00;
  248. }
  249.  
  250. .menunav-search {
  251.         float: left;
  252.         line-height: 26px;
  253.         height: 20px;
  254.         margin-right: 3px;
  255. }
  256.  
  257. .menunav-rss {
  258.         line-height: 26px;
  259.         padding: 0 5px;
  260.         float: left;
  261.         display: inline-block;
  262.         overflow: hidden;
  263.         color: #fff;
  264.         margin: 0 3px;
  265. }
  266.  
  267. .menunav-rss:hover {
  268.         background: #414141;
  269.         color: #fff;
  270. }
  271.  
  272. .menu {
  273. /*      font: bold 12px Verdana; */
  274. /*      background: #414141; background of menu bar (default state)*/
  275.         float: left;
  276. }
  277.  
  278. .menu ul, .footmenu ul {
  279.         z-index: 100;
  280.         margin: 0;
  281.         padding: 0;
  282.         list-style-type: none;
  283. }
  284.  
  285. /*Top level list items*/
  286. .menu ul li, .footmenu ul li {
  287.         position: relative;
  288.         display: inline;
  289.         float: left;
  290. }
  291.  
  292. /*Top level menu link items style*/
  293. .menu ul li a, .footmenu ul li a {
  294.         display: block;
  295.         padding: 4px 7px 5px;
  296.         text-decoration: none;
  297. }
  298.  
  299. .menu ul li ul li a {
  300.         text-align: left;
  301.         background: #555; /* background of menu items (default state)*/
  302. }
  303.  
  304. * html .menu ul li a {
  305.         /*IE6 hack to get sub menu links to behave correctly*/
  306.         display: inline-block;
  307. }
  308.  
  309. .menu ul li a:link, .menu ul li a:visited, .menunav a:link, .menunav a:visited  {
  310.         color: #fff;
  311. }
  312.  
  313. .menu ul li ul li a:link, .menu ul li ul li a:visited {
  314.         color: #fff;
  315.         font-size: 12px;
  316. }
  317.  
  318. .menu ul li a.selected {
  319.         /*CSS class that's dynamically added to the currently active menu items' LI A element*/
  320.         background: #414141;
  321.         color: #fff;
  322. }
  323.  
  324. .menu ul li a:hover {
  325.         color: #fff;
  326.         background: #414141; /*background of menu items during onmouseover (hover state)*/
  327. }
  328.  
  329. /*1st sub level menu*/
  330. .menu ul li ul {
  331.         position: absolute;
  332.         left: 0;
  333.         display: none; /*collapse all sub menus to begin with*/
  334.         visibility: hidden;
  335. }
  336.  
  337. /*Sub level menu list items (undo style from Top level List Items)*/
  338. .menu ul li ul li {
  339.         display: list-item;
  340.         float: none;
  341. }
  342.  
  343. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  344. .menu ul li ul li ul {
  345.         top: 0;
  346. }
  347.  
  348. /* Sub level menu links style */
  349. .menu ul li ul li a {
  350.         font: normal 13px Verdana;
  351.         width: 160px; /*width of sub menus*/
  352.         padding: 5px;
  353.         margin: 0;
  354. }
  355.  
  356. /* Holly Hack for IE \*/
  357. * html .menu, * html .footmenu {
  358.         height: 1%;
  359. }
  360. /*Holly Hack for IE7 and below*/
  361.  
  362.  
  363. /* ######### CSS classes applied to down and right arrow images  ######### */
  364.  
  365. .arrowclass {
  366.         position: absolute;
  367.         top: 2;
  368.         margin-left: 2px;
  369.         font-size: 11px;
  370. }
  371.  
  372. /* Content-Wrapper */
  373.  
  374. #content-wrapper {}
  375.  
  376. /* Subcontent-Wrapper */
  377.  
  378. #subcontent-wrapper {}
  379.  
  380. #column {
  381.         float: left;
  382.         padding: 1px;
  383. }
  384.  
  385. body.wide #column {
  386.         float: none;
  387. }
  388.  
  389. .narrowcolumn {
  390.         width: 550px;
  391. }
  392.  
  393. body.layout-2cl .narrowcolumn, body.layout-2cr .narrowcolumn {
  394.         width: 560px;
  395. }
  396.  
  397. body.wide .narrowcolumn, body.signup .narrowcolumn {
  398.         width: auto;
  399. }
  400.  
  401. /* this handles the GN style layouts that need to contain that section */
  402. .section {
  403.         width: 780px;
  404. }
  405.  
  406. /* Posts Area  */
  407.  
  408. .type-post, .type-comic {
  409.         margin-bottom: 10px;
  410. }
  411.  
  412. .sticky {}
  413.  
  414. .entry {
  415.         line-height: 18px;
  416.         padding: 10px;
  417. }
  418.  
  419. .facebook-like {
  420.         display: block;
  421.         position: static;
  422. }
  423.  
  424. .post-cat, .post-author {
  425.         text-transform: capitalize;
  426. }
  427.  
  428. .post-extras {
  429.         clear: both;
  430. }
  431.  
  432. a.post-edit-link {
  433.         padding: 5px;
  434.         text-align: right;
  435. }
  436.  
  437. .post-image {}
  438.  
  439. .post-info {
  440.         padding-bottom: 5px;
  441.         font-size: 12px;
  442. }
  443.  
  444. .post-text {
  445.         overflow: hidden;
  446.         display: block;
  447. }
  448.  
  449. .post-author-gravatar {
  450.         display: inline-block;
  451.         width: 64px;
  452.         float: right;
  453. }
  454.  
  455. .post-mood {
  456.         float: left;
  457.         margin-right: 2px;
  458. }
  459.  
  460. .post-calendar-date {
  461.         color: #777;
  462.         font-family: 'Georgia' , serif;
  463.         font-size: 15px;
  464.         font-weight: bold;
  465.         float: left;
  466.         margin-right: 3px;
  467. }
  468.  
  469. .post-calendar-date .calendar-date {
  470.         display: none;
  471.         height: 50px;
  472.         width: 45px;
  473.         background: url(images/calendar.png) center no-repeat;
  474.         font-family: 'Georgia' , serif;
  475.         font-size: 22px;
  476.         font-style: normal;
  477.         color: #000;
  478.         text-align: center;
  479.         line-height: 100%;
  480.         padding: 0 2px 0 0;
  481. }
  482.  
  483.  
  484. .post-calendar-date .calendar-date span {
  485.         height: 16px;
  486.         padding: 1px 0 4px 0;
  487.         display: block;
  488.         font-family: 'Verdana' , sans-serif;
  489.         font-size: 11px;
  490.         font-style: normal;
  491.         font-weight: normal;
  492.         color: #fff;
  493.         text-align: center;
  494. }
  495.  
  496. .postdate {
  497.         font-size: 11px;
  498. }
  499.  
  500. .more-link {
  501.         border-top: 1px dashed #ccc;
  502.         font-style: italic;
  503.         display: block;
  504.         clear: both;
  505. }
  506.  
  507. .post-tags, .cast-tags {
  508.         font-size: 12px;
  509. }
  510.  
  511. .linkpages {
  512.         float: right;
  513.         margin: 5px;
  514. }
  515.  
  516. /* Comments */
  517.  
  518. .comment-link {
  519.         font-weight: bold;
  520.         text-align: right;
  521.         font-size: 11px;
  522.         padding: 2px;
  523. }
  524.  
  525. .comment {
  526.         display: block;
  527.         margin-top: 20px;
  528. }
  529.  
  530. .comment .comment {
  531.         margin: 10px 0 0 70px;
  532. }
  533.  
  534. .comment .comment .comment {
  535.         margin-left: 20px;
  536. }
  537.  
  538. .bypostauthor {}
  539.  
  540. .comment-avatar {
  541.         width: 64px;
  542.         height: 64px;
  543.         display: inline-block;
  544.         float: left;
  545.         margin-right: 10px;
  546.         overflow: hidden;
  547. }
  548.  
  549. .comment-content {
  550.         margin-left: 68px;
  551. }
  552.  
  553. .comment-author cite {
  554.         font-weight: bold;
  555.         font-style: normal;
  556.         font-size: 16px;
  557. }
  558.  
  559. .comment .comment .comment-author cite {
  560.         font-size: 14px;
  561. }
  562.  
  563. .comment-meta-data {
  564.         font-size: 11px;
  565. }
  566.  
  567. .comment .comment .comment-permalink {
  568.         display: none;
  569. }
  570.  
  571. .comment-moderated {
  572.         font-style: italic;
  573.         font-size: 15px;
  574. }
  575.  
  576. .comment-text {
  577.         padding: 5px;
  578.         font-size: 12px;
  579. }
  580.  
  581. .comment-text p {
  582.         padding: 5px 5px;
  583.         margin: 0;
  584. }
  585.  
  586. .comment-note {
  587.         width: 380px;
  588.         text-align: left;
  589.         display: inline-block;
  590.         font-size: 11px;
  591. }
  592.  
  593. #respond .form-submit {
  594.         display: inline-block;
  595.         margin-right: 20px;
  596.  }
  597.  
  598. .comment-meta {
  599.         display: inline;
  600.         border-left: 1px solid #000;
  601. }
  602.  
  603. .commentsrsslink {
  604.         font-size: 11px;
  605.         float: right;
  606. }
  607.  
  608. #author, #email, #url {
  609.         width: 50%;
  610. }
  611.  
  612. .comment-submit, .post-url-back {
  613.         float: right;
  614. }
  615.  
  616. .commentlist ul {
  617.         padding: 0;
  618.         margin: 0;
  619.         list-style: none;
  620. }
  621.  
  622. ol.commentlist {
  623.         margin: 0;
  624.         padding: 5px 0;
  625.         list-style: none;
  626. }
  627.  
  628. ol.commentlist p {
  629.         margin-top: 3px;
  630. }
  631.  
  632. ul.children {
  633.         margin: 0;
  634.         padding: 0;
  635.         list-style: none;
  636. }
  637.  
  638. #respond {
  639.         padding: 0;
  640. }
  641.  
  642. .nocomments, .closed-comments {
  643.         text-align: center;
  644. }
  645.  
  646. #cancel-comment-reply-link {
  647.         font-size: 14px;
  648. }
  649.  
  650. /* Pingbacks and Trackbacks */
  651.  
  652. #pingtrackback-wrap {
  653.         margin: 10px 20px 0;
  654. }
  655.  
  656. #pingtrackback {
  657.         font-size: 16px;
  658. }
  659.  
  660. .pingback .comment-content, .trackback .comment-content {
  661.         margin-left: 0;
  662. }
  663.  
  664. .trackback .comment-author cite, .pingback .comment-author cite {
  665.         font-weight: bold;
  666.         font-style: normal;
  667.         font-size: 13px;
  668. }
  669.  
  670. textarea#comment {
  671.         width: 90%;
  672.         height: 80px;
  673. }
  674.  
  675. #comment, #author, #email, #url, .comment-textarea,
  676. .easel_control_panel_widget #user_login, .easel_control_panel_widget #user_pass {
  677.         padding: 2px;
  678.         color: #000;
  679.         font-family: 'Verdana' , sans-serif;
  680.         font-size: 12px;
  681.         background: #ccc;
  682.         border: 1px solid #999;
  683.         -moz-border-radius: 6px;
  684.         -khtml-border-radius: 6px;
  685.         -webkit-border-radius: 6px;
  686.         border-radius: 6px;
  687. }
  688.  
  689. #comment-textarea:focus, #comment:hover, #author:hover, #email:hover,
  690. #url:hover, #comment:focus, #author:focus, #email:focus, #url:focus,
  691. .easel_control_panel_widget #user_login:focus, .easel_control_panel_widget #user_pass:focus {
  692.         background: #fff;
  693. }
  694.  
  695. /* Pagenav / Comment Nav */
  696.  
  697. .pagenav, .commentnav {
  698.         height: 25px;
  699.         font-weight: bold;
  700.         line-height: 25px;
  701.         padding: 0 5px 0 5px;
  702.         margin-top: 5px;
  703.         clear: both;
  704. }
  705.  
  706. .pagenav-left, .commentnav-left {
  707.         float: left;
  708. }
  709.  
  710. .pagenav-right, .commentnav-right {
  711.         float: right;
  712. }
  713.  
  714. .nav a, .pagenav a, .nav-blog a {
  715.         display: block;
  716.         float: left;
  717. }
  718.  
  719. /* Default Sidebars */
  720.  
  721. #sidebar-left {
  722. /* left:10px;
  723. top:2px;
  724. position:fixed; */
  725.         float: left; no need
  726.         width: 210px;
  727.         padding: 1px;
  728. }
  729.  
  730. #sidebar-right {
  731. /* right:10px;
  732. top:2px;
  733. position:fixed; */
  734.         float: left;
  735.         width: 210px;
  736.         padding: 1px;
  737. }
  738.  
  739. .sidebar-basic ul, .sidebar-basic li {
  740.         margin: 0;
  741.         padding: 0;
  742.         list-style: none;
  743. }
  744.  
  745. #sidebar-header {
  746.     float: right;
  747.     display: inline-block;
  748. }
  749.  
  750. /* Sidebar Class */
  751.  
  752. #sidebar-right .sidebar, #sidebar-left .sidebar {
  753.         font-size: 12px;
  754.         overflow: hidden;
  755. }
  756.  
  757. .sidebar h2, .sidebar h2 a {
  758.         display: block;
  759.         font-size: 16px;
  760.         margin: 0;
  761.         padding: 0;
  762. }
  763.  
  764. .sidebar ul {
  765.         margin: 0;
  766.         padding: 0;
  767.         list-style: none;
  768. }
  769.  
  770. .sidebar ul li {
  771.         margin: 0 0 0 10px;
  772.         padding: 0;
  773. }
  774.  
  775. .sidebar .widget {
  776.         margin-bottom: 10px;
  777. }
  778.  
  779. .sidebar .widget .post-extras, .sidebar .widget .entry {
  780.         padding: 3px;
  781. }
  782.  
  783. .sidebar-no-widgets {
  784.         color: #000;
  785.         margin: 0 auto;
  786.         padding: 5px;
  787.         border: dotted 1px #aaa;
  788.         background: #ccc;
  789.         -moz-border-radius: 6px;
  790.         -khtml-border-radius: 6px;
  791.         -webkit-border-radius: 6px;
  792.         border-radius: 6px;
  793. }
  794.  
  795. .classic-bookmark {
  796.         margin: 0 auto;
  797.         width: 185px;
  798. }
  799.  
  800. /* Footer */
  801.  
  802. #footer {
  803.         text-align: center;
  804. }
  805.  
  806.         .footer-text {
  807.                 clear:both;
  808.                 text-align: right;
  809.                 margin-right: 20px;
  810.                 font-size: 11px;
  811.         }
  812.  
  813.         .footer-pipe {
  814.                 padding: 0 2px;
  815.         }
  816. .
  817. #page-foot {
  818.         width: 980px;
  819.         color: #fff;
  820.         margin: 0 auto;
  821.         text-align: right;
  822.         font-size: 11px;
  823. }
  824.  
  825. #page-foot p {
  826.         margin-right: 40px;
  827. }
  828.  
  829. /* CALENDAR */
  830.  
  831. #wp-calendar-wrap {
  832.         margin: 0px auto;
  833.         width: 180px;
  834.         padding: 5px;
  835. }
  836.  
  837. #wp-calendar {
  838.         width: 165px;
  839.         margin: 0 auto;
  840. }
  841.  
  842. .wp-calendar-thumb {
  843.         width: 178px;
  844.         height: 130px;
  845.         margin: 0 auto;
  846. }
  847.  
  848. #wp-calendar th {
  849.         font-size: 11px;
  850.         font-weight: normal;
  851.         text-align: center;
  852. }
  853.  
  854. #wp-calendar caption {
  855.         font-family: 'Georgia' , sans-serif;
  856.         font-size: 18px;
  857.         letter-spacing: -1px;
  858.         font-variant: small-caps;
  859. }
  860.  
  861. #wp-calendar td {
  862.         min-width: 20px;
  863.         padding: 0;
  864.         text-align: center;
  865.         border: 1px solid #000;
  866. }
  867.  
  868. #wp-calendar a {
  869.         display: block;
  870.         text-decoration: none;
  871.         font-weight: bold;
  872.         color: #b00;
  873. }
  874.  
  875. #wp-calendar a:hover {
  876.         color: #fff;
  877.         background: #000;
  878. }
  879.  
  880. table#wp-calendar {
  881.         border: none;
  882.         background: transparent;
  883. }
  884.  
  885. table#wp-calendar td {
  886.         border-color: #999;
  887. }
  888.  
  889. .wp-calendar-download {
  890.         width: 166px;
  891.         margin: 0 auto;
  892.         overflow: hidden;
  893.         font-size: 10px;
  894.         text-align: right;
  895.         color: #777;
  896.         background: #222;
  897. }
  898.  
  899. .wp-calendar-download-links a {
  900.         padding: 0 3px;
  901.         font-weight: bold;
  902.         color: #fff;
  903.         background: #000;
  904.         border-left: 1px solid #777;
  905. }
  906.  
  907. .wp-calendar-download-links a:hover {
  908.         background: #800;
  909. }
  910.  
  911. /* SEARCH */
  912.  
  913. .s-search {
  914.         height: 16px;
  915.         width: 140px;
  916.         margin: 0 3px;
  917.         float: left;
  918. }
  919.  
  920. .searchform button {
  921.         float: left;
  922. }
  923.  
  924. .archiveresults, .searchresults {
  925.         padding: 0 0 20px 5px;
  926.         font-style: italic;
  927. }
  928.  
  929.  
  930. /* GALLERY */
  931.  
  932. .gallery-image {
  933.         max-width: 520px;
  934.         overflow: hidden;
  935.         text-align: center;
  936.         margin: 10px auto;
  937. }
  938.  
  939. .gallery-caption {
  940.         font-size: 11px;
  941.         text-align: center;
  942. }
  943.  
  944. .gallery-caption p {
  945.         width: 510px;
  946.         padding: 5px;
  947.         margin: 0;
  948. }
  949.  
  950. .gallery-content {
  951.         padding: 20px;
  952. }
  953.  
  954. .imagenav-wrap {
  955.         width: 500px;
  956.         margin: 5px auto;
  957. }
  958.  
  959. .imagenav-left, .imagenav-right {
  960.         display: inline-block;
  961.         width: 77px;
  962.         height: 77px;
  963.         float: left;
  964.         overflow: hidden;
  965.         display: inline-block;
  966. }
  967.  
  968. .imagenav-right {
  969.         float: right;
  970. }
  971.  
  972. .imagenav-center {
  973.         width: 334px;
  974.         height: 65px;
  975.         margin: 0 auto;
  976.         display: inline-block;
  977.         padding: 10px 5px 0 5px;
  978.         color: #000;
  979.         text-align: center;
  980.         overflow: hidden;
  981. }
  982.  
  983. .imagetitle {
  984.         color: #000;
  985.         font-size: 18px;
  986. }
  987.  
  988. .imagenav-bg {
  989.         width: 77px;
  990.         height: 77px;
  991.         position: absolute;
  992.         z-index: 0;
  993.         overflow: hidden;
  994. }
  995.  
  996. .imagenav-bg img {
  997.         width: 75px;
  998.         height: 75px;
  999.         padding: 1px;
  1000. }
  1001.  
  1002. .imagenav-arrow {
  1003.         width: 77px;
  1004.         height: 67px;
  1005.         position: absolute;
  1006.         z-index: 1;
  1007.         color: #fff;
  1008.         font-size: 80px;
  1009.         font-weight: bold;
  1010.         line-height: 67px;
  1011.         text-align: center;
  1012.         float: left;
  1013. }
  1014.  
  1015. .imagenav-link {
  1016.         width: 77px;
  1017.         height: 77px;
  1018.         position: absolute;
  1019.         z-index: 2;
  1020.         float: left;
  1021.         overflow: hidden;
  1022. }
  1023.  
  1024. .imagenav-link img {
  1025.         width: 75px;
  1026.         height: 75px;
  1027.         padding: 1px;
  1028. }
  1029.  
  1030. #gallery-1 .attachment-thumbnail {
  1031.         border: none;
  1032. }
  1033.  
  1034. /* Pagination */
  1035.  
  1036. #wp-paginav {
  1037.         text-align: left;
  1038. }
  1039.  
  1040. #paginav {
  1041.         padding: 0;
  1042.         margin: 0;
  1043.         list-style: none;
  1044.         float: left;
  1045.         line-height: 25px;
  1046. }
  1047.  
  1048. #paginav .paginav-pages {
  1049.         padding-right: 10px;
  1050. }
  1051.  
  1052. #paginav a {
  1053.         padding: 0px 10px;
  1054.         display: block;
  1055. }
  1056.  
  1057. #paginav ul {
  1058.         margin: 0;
  1059.         padding: 0;
  1060.         list-style: none;
  1061. }
  1062.  
  1063. #paginav li {
  1064.         float: left;
  1065. }
  1066.  
  1067. #paginav .paginav-next, #paginav .paginav-previous {
  1068.         font-size: 18px;
  1069.         line-height: 22px;
  1070. }
  1071.  
  1072. #paginav .paginav-current, #paginav .current {
  1073.         padding: 0px 7px;
  1074.         font-weight: bold;
  1075. }
  1076.  
  1077. .pagejumper-wrap {
  1078.         line-height: 25px;
  1079.         float: right;
  1080. }
  1081.  
  1082. /* NAVIGATION */
  1083.  
  1084. .blognav {
  1085.         width: 80%;
  1086.         margin: 0 auto;
  1087. }
  1088.  
  1089. .blognav-previous {
  1090.         float: left;
  1091. }
  1092.  
  1093. .blognav-next {
  1094.         float: right;
  1095. }
  1096.  
  1097. .nav {
  1098.         float: right;
  1099.         font-size: 12px;
  1100.         font-weight: bold;
  1101.         padding: 5px 0;
  1102. }
  1103.  
  1104. .nav-first {
  1105.         float: left;
  1106. }
  1107.  
  1108. .nav-previous {
  1109.         float: left;
  1110. }
  1111.  
  1112. .nav-previous a {
  1113.         padding-left: 10px;
  1114. }
  1115.  
  1116. .nav-next {
  1117.         float: left;
  1118. }
  1119.  
  1120. .nav-next a {
  1121.         padding-left: 10px;
  1122. }
  1123.  
  1124. .nav-last {
  1125.         float: left;
  1126. }
  1127.  
  1128. .nav-last a {
  1129.         padding-left: 10px;
  1130. }
  1131.  
  1132. .pagenav, .commentnav {
  1133.         height: 25px;
  1134.         color: #000;
  1135.         font-weight: bold;
  1136.         line-height: 25px;
  1137.         padding: 0 5px 0 5px;
  1138.         margin-top: 5px;
  1139.         clear: both;
  1140. }
  1141.  
  1142. .pagenav-left, .commentnav-left {
  1143.         float: left;
  1144. }
  1145.  
  1146. .pagenav-right, .commentnav-right {
  1147.         float: right;
  1148. }
  1149.  
  1150. .nav a, .pagenav a, .nav-blog a {
  1151.         display: block;
  1152.         float: left;
  1153. }
  1154.  
  1155. /* Archive Year Template */
  1156.  
  1157. .archive-date {
  1158.         padding: 0 5px 0 0;
  1159.         font-size: 12px;
  1160.         white-space: nowrap;
  1161. }
  1162.  
  1163. .archive-title {
  1164.         padding: 2px 5px;
  1165. /*      line-height: 11px; */
  1166.         border-left: 1px dashed #aaa;
  1167. }
  1168.  
  1169. .month-table {
  1170.         border-collapse: collapse;
  1171.         margin: 10px 0 20px 0;
  1172. }
  1173.  
  1174. #linkspage, #linkspage ul, #linkspage li, #archivepage, #archivepage url, #archivepage li {
  1175.         list-style: none;
  1176. }
  1177.  
  1178. #linkspage h2 {
  1179.         margin-top: 20px;
  1180. }
  1181.  
  1182. /* User Pages */
  1183.  
  1184. #userpage {
  1185.         width: 100%;
  1186.         padding: 5px;
  1187. }
  1188.  
  1189. .userpage-avatar {
  1190.         float: left;
  1191.         width: 64px;
  1192.         height: 64px;
  1193. }
  1194.  
  1195. .userpage-info {
  1196.         margin-left: 10px;
  1197.         float: left;
  1198. }
  1199.  
  1200. .userpage-desc {
  1201.         width: 400px;
  1202.         padding: 5px;
  1203.         margin-top: 30px;
  1204.         border: 1px dotted #efefef;
  1205. }
  1206.  
  1207. .userpage-posts {
  1208.         margin-top: 20px;
  1209. }
  1210.  
  1211. .userpage-posts ol {
  1212.         margin: 10px 0 0 30px;
  1213.         padding: 0;
  1214. }
  1215.  
  1216. .userpage-posts li {
  1217.         list-style: none;
  1218.         margin: 0;
  1219.         padding: 0;
  1220. }
  1221.  
  1222. /* Image / Attachments */
  1223.  
  1224. .imagenav-link img {
  1225.         -moz-opacity: 0.6; /* mozilla, netscape, gecko */
  1226.         opacity: 0.6; /* firefox, opera, safari, chrome */
  1227.         -khtml-opacity: 0.6; /* khtml, old safari */
  1228.         -webkit-opacity: 0.6;
  1229. }
  1230.  
  1231. .imagenav-link img:hover {
  1232.         -moz-opacity: 0.1; /* mozilla, netscape */
  1233.         opacity: 0.1; /* firefox, opera, safari, chrome */
  1234.         -khtml-opacity: 0.1; /* khtml, old safari */
  1235.         -webkit-opacity: 0.1;
  1236. }
  1237.  
  1238. /* comment form */
  1239.  
  1240. #comment, #author, #email, #url, .s-search, .easel_control_panel_widget input {
  1241.         padding: 2px;
  1242.         color: #000;
  1243.         font-family: 'Verdana' , sans-serif;
  1244.         font-size: 12px;
  1245.         background: #eee;
  1246.         border: 1px solid #888;
  1247.         -moz-border-radius: 6px;
  1248.         -khtml-border-radius: 6px;
  1249.         -webkit-border-radius: 6px;
  1250.         border-radius: 6px;
  1251. }
  1252.  
  1253. #comment:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #author:focus, #email:focus, #url:focus,
  1254. .easel_control_panel_widget #sname:focus, .easel_control_panel_widget #sname:hover,
  1255. .easel_control_panel_widget #spassword:focus, .easel_control_panel_widget #spassword:hover, .s-search:focus {
  1256.         background: #fff;
  1257. }
  1258.  
  1259. .searchform {
  1260.         margin-top: 2px;
  1261.         margin-left: 2px;
  1262. }
  1263.  
  1264. .easel_control_panel_widget #user_login, .easel_control_panel_widget #user_pass {
  1265.         width: 160px;
  1266. }
  1267.  
  1268. #submit, .searchform button, #comic button, .easel_control_panel_widget .button-primary {
  1269.         background: #ccc;
  1270.         color: #000;
  1271.         -moz-border-radius: 6px;
  1272.         -khtml-border-radius: 6px;
  1273.         -webkit-border-radius: 6px;
  1274.         border-radius: 6px;
  1275.         background:-moz-linear-gradient(100% 100% 90deg,#aaa, #ccc, #ddd 100%);
  1276.         background:-o-linear-gradient(rgb(30,30,30),rgb(44,44,44));
  1277.         background-image: -webkit-gradient(
  1278.           linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
  1279.           to(rgba(170, 170, 170, 3.0))
  1280.         );
  1281. }
  1282.  
  1283. .sidebar .widget_archive select, .easel_archive_dropdown_widget select {
  1284.         width: 180px;
  1285.         -moz-border-radius: 10px 0 0 10px;
  1286.         -khtml-border-radius: 10px 0 0 10px;
  1287.         -webkit-border-radius: 10px 0 0 10px;
  1288.         border-radius: 10px 0 0 10px;
  1289.         padding-right: 0;
  1290.         background:-moz-linear-gradient(100% 100% 90deg,#bbb, #ddd, #fff 100%);
  1291.         background:-o-linear-gradient(rgb(30,30,30),rgb(44,44,44));
  1292.     /* IE8 uses -ms-filter for whatever reason... */
  1293.         -ms-filter: progid:DXImageTransform.Microsoft.gradient(
  1294.         gradientType=1, startColor=0, endColoStr=#FFFFFF
  1295.         );
  1296.         background-image: -webkit-gradient(
  1297.           linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
  1298.           to(rgba(170, 170, 170, 3.0))
  1299.         );
  1300. }
  1301.  
  1302. .commentsrsslink {
  1303.         padding: 3px 5px;
  1304. }
  1305.  
  1306. .widget-content option {
  1307.         background: #ddd;
  1308. }
  1309.  
  1310. #submit {
  1311.         font-weight: 700;
  1312. }
  1313.  
  1314. #submit:hover, .searchform button:hover {
  1315.         color: #f00;
  1316. }
  1317.  
  1318. .searchform {
  1319.         float: left;
  1320. }
  1321.  
  1322. .ie .searchform button, .ie #submit {
  1323.         display: inline-block;
  1324.         float: left;
  1325.         background: #ccc;
  1326.         color: #000;
  1327.         line-height: 18px;
  1328.         font-size: 16px;
  1329.         border: solid 1px #888;
  1330. }
  1331.  
  1332. .chrome .searchform button {
  1333.         line-height: 16px;
  1334.         margin-top: 0;
  1335. }
  1336.  
  1337. .widget_rss a.rsswidget {
  1338.         display: inline-block;
  1339. }
  1340.  
  1341. .widget_rss ul {
  1342.         clear: both;
  1343. }
  1344.  
  1345. #page-foot p {
  1346.         color: #fff;
  1347.         text-align: center;
  1348. }
  1349.  
  1350. #default-nav-wrapper, #casts-nav-wrapper {
  1351.         width: 100%;
  1352. }
  1353.  
  1354.         .default-nav, .casts-nav {
  1355.                 margin: 0 auto;
  1356.                 width: 260px;
  1357.         }
  1358.  
  1359.         .default-nav-base, .casts-nav-base {
  1360.                 display: inline-block;
  1361.                 padding: 0 10px;
  1362.         }
  1363.        
  1364.         .casts-nav-first, .casts-nav-prev, .default-nav-first, .default-nav-prev {
  1365.                 float: left;
  1366.         }
  1367.        
  1368.         .casts-nav-next, .casts-nav-last, .default-nav-next, .default-nav-last {
  1369.                 float: right;
  1370.         }
  1371.        
  1372.  
  1373. /* menunav social icons */
  1374.  
  1375. .menunav-social-wrapper {
  1376.         display: inline-block;
  1377. }
  1378.  
  1379. .menunav-social {
  1380.         text-indent: -9999px;
  1381.         display: inline-block;
  1382.         float: left;
  1383.         height: 25px;
  1384.         width: 25px;
  1385. }
  1386.  
  1387. .menunav-twitter {
  1388.         background: url('images/icons/twitter.png') no-repeat;
  1389. }
  1390.  
  1391. .menunav-rss2 {
  1392.         background: url('images/icons/rss.png') no-repeat;
  1393.         margin-right: 3px;
  1394. }
  1395.  
  1396. .menunav-facebook {
  1397.         background: url('images/icons/facebook.png') no-repeat;
  1398. }
  1399.  
  1400. .menunav-googleplus {
  1401.         background: url('images/icons/googleplus.png') no-repeat;
  1402. }
  1403.  
  1404. .menunav-linkedin {
  1405.         background: url('images/icons/linkedin.png') no-repeat;
  1406. }
  1407.  
  1408. .menunav-pinterest {
  1409.         background: url('images/icons/pinterest.png') no-repeat;
  1410. }
  1411.  
  1412. .menunav-youtube {
  1413.         background: url('images/icons/youtube.png') no-repeat;
  1414. }
  1415.  
  1416. .menunav-flickr {
  1417.         background: url('images/icons/flickr.png') no-repeat;
  1418. }
  1419.  
  1420. .menunav-tumblr {
  1421.         background: url('images/icons/tumblr.png') no-repeat;
  1422. }
  1423.  
  1424. .menunav-deviantart {
  1425.         background: url('images/icons/deviantart.png') no-repeat;
  1426. }
  1427.  
  1428. .menunav-myspace {
  1429.         background: url('images/icons/myspace.png') no-repeat;
  1430. }
  1431.  
  1432. .menunav-email {
  1433.         background: url('images/icons/email.png') no-repeat;
  1434. }
  1435.  
  1436. .menunav-social:hover {
  1437.         background-position: 0 -25px;
  1438. }
  1439.  
  1440. /* CLEAR FLOATS */
  1441.  
  1442. .clear {
  1443.         clear: both;
  1444. }
  1445.  
  1446. /* CLEAR MARGINS */
  1447. /* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */
  1448.  
  1449. .clear-margins {
  1450.         clear: both;
  1451.         height: 0;
  1452.         line-height: 0;
  1453.         font-size: 0;
  1454. }
  1455.  
  1456. /* Comic */
  1457.  
  1458. #comic {
  1459.         text-align: center;
  1460.         display: block;
  1461. }
  1462.  
  1463. /* breadcrumbs */
  1464. #breadcrumb-wrapper {
  1465.         padding: 2px 0 2px 10px;
  1466. }
  1467.  
  1468. /**
  1469. * Featured slider
  1470. ************************************************/
  1471. #slider-container {
  1472.         overflow: hidden;
  1473.         width: 540px;
  1474.         height: 260px;
  1475.         margin: 10px auto;
  1476.         }
  1477. #slider {
  1478.         overflow: hidden;
  1479.         width: auto;
  1480.         height: 230px;
  1481.         }
  1482. .feature {
  1483.         overflow: hidden;
  1484.         width: auto;
  1485.         height: 220px;
  1486.         padding: 10px 10px 0 10px;
  1487.         color: #000;
  1488.         border: none !important;
  1489.         }
  1490. .feature img {
  1491.         float: left;
  1492.         max-width: 250px;
  1493.         margin: 0 15px 0 0;
  1494.         border: 5px solid #001838;
  1495.         }
  1496. #slider .feature .entry-title {
  1497.         font-size: 21px;
  1498.         }
  1499. #slider .feature .entry-title a {
  1500.         color: #eee;
  1501.         }
  1502. .feature .byline {
  1503.         color: #aaa;
  1504.         margin-bottom: 15px;
  1505.         }
  1506. .amore-link {
  1507.         float: right;
  1508.         text-indent: -9999px;
  1509.         width: 100px;
  1510.         height: 20px;
  1511.         display: block;
  1512.         background: url('images/slider/more-link.gif') no-repeat 0 0;
  1513.         }
  1514. .amore-link:hover {
  1515.         background: url('images/slider/more-link.gif') no-repeat 0 -20px;
  1516.         }
  1517. .more-link {
  1518.         text-align: right;
  1519. }
  1520.  
  1521. /* Slider controls */
  1522. .slider-controls {
  1523.         float: left;
  1524.         width: 100%;
  1525.         height: 20px;
  1526.         overflow: hidden;
  1527.         clear: both;
  1528.         line-height: 15px;
  1529.         margin: 0 0 0;
  1530.         display: block;
  1531.         padding: 0 10px;
  1532.         }
  1533. .slider-controls .slider-prev {
  1534.         text-indent: -9999px;
  1535.         float: left;
  1536.         width: 22px;
  1537.         height: 20px;
  1538.         background: url('images/slider/slider-prev.png') no-repeat 0 0;
  1539.         border: none !important;
  1540.         }
  1541. .slider-controls .slider-prev:hover {
  1542.         background: url('images/slider/slider-prev.png') no-repeat left -20px;
  1543.         }
  1544. .slider-controls .slider-pause {
  1545.         text-indent: -9999px;
  1546.         float: left;
  1547.         width: 22px;
  1548.         height: 20px;
  1549.         background: url('images/slider/pause.png') no-repeat center 0;
  1550.         border: none !important;
  1551.         }
  1552. .slider-controls .slider-pause:hover, .slider-controls a.paused {
  1553.         background: url('images/slider/pause.png') no-repeat center -20px;
  1554.         }
  1555. .slider-controls .slider-next {
  1556.         text-indent: -9999px;
  1557.         float: left;
  1558.         width: 22px;
  1559.         height: 20px;
  1560.         background: url('images/slider/slider-next.png') no-repeat right 0;
  1561.         border: none !important;
  1562.         }
  1563. .slider-controls .slider-next:hover {
  1564.         background: url('images/slider/slider-next.png') no-repeat right -20px;
  1565.         }
  1566.        
  1567. h2.slider-title a, h2.slider-title {
  1568.         color: #000;
  1569. }
  1570.  
  1571. h2.slider-title a:hover, h2.slider-title:hover {
  1572.         color: #fcff00;
  1573. }
  1574.  
  1575. /* comic easel mini navigation overrides */
  1576.  
  1577. .mininav-prev a, .mininav-next a {
  1578.     color: #fff;
  1579. }
  1580.  
  1581. .mininav-prev a:hover, .mininav-next a:hover {
  1582.         color: #f00;
  1583. }
  1584.  
  1585. .sticky-image {
  1586.         text-indent: -9999px;
  1587.         width: 16px;
  1588.         height: 16px;
  1589.         background: url('images/pushpin-small.png') top center no-repeat;
  1590.         display: inline-block;
  1591.         float: left;
  1592.         margin-top: 20px;
  1593. }