• Name: lawrence
  • Language: CSS
  1. /*  
  2. Theme Name: DJ Nasty Nate
  3. Author: Lawrence Norton
  4. Author URI: http://www.lnorton.net/
  5. Version: 1.0
  6.  
  7. /* Defaults */
  8.  
  9. * {
  10.   margin: 0;
  11.   padding: 0;
  12.   }
  13.  
  14. h1, h2, h3, h4, h5, h6, p {
  15.   margin: 0;
  16.   padding: 10px 0;
  17.   }
  18.  
  19. h1, h2, h3, h4, h5, h6 {
  20.   font-family: Trebuchet MS;
  21.   }
  22.  
  23. hr {
  24.   color: #333;
  25.   border: 1px solid #121212;
  26.   }
  27.  
  28. pre {
  29.   height: auto;
  30.   overflow-x:scroll;
  31.   }
  32.  
  33. fieldset {
  34.   margin: 0;
  35.   padding: 0;
  36.   border: 0;
  37.   }
  38.  
  39. dd {
  40.   padding-left: 15px;
  41.   }
  42.  
  43.  
  44. p {
  45.   font-size: 9pt;
  46.   }
  47.  
  48. a {
  49.   color: #680000;
  50.   text-decoration: none;
  51.   }
  52.  
  53. a:hover {
  54.   color: #222;
  55.   text-decoration: underline;
  56.   }
  57.  
  58. a img {
  59.   border: none;  
  60.   }
  61.  
  62. blockquote {
  63.   background: #070707;
  64.   border: 1px solid #060606;
  65.   padding: 5px 15px;
  66.   margin: 10px 10px 5px 15px;
  67.   font-style: italic;
  68.   color: #fff;
  69.   }
  70.  
  71. code {
  72.   color: #3366cc;
  73.   font-style: italic;
  74.   }
  75.  
  76. strong {
  77.   font-size: 110%;
  78.   }
  79.  
  80. body {
  81.   text-align: center;
  82.   padding: 0 0 15px 0;
  83.   font-family: trebuchet ms;
  84.   background: #000000;
  85.   margin: 50px;
  86.   }
  87.  
  88.  
  89. /* Header and wrapper */
  90. #headerwrap {
  91.       border-top: 1px solid #070707;
  92.     border-left: 1px solid #070707;
  93.   border-right: 1px solid #070707;
  94. -moz-border-radius: 10px 10px 0px 0px;
  95.     background-color: #040404;
  96.     background-image: url(images/bgbody.jpg);
  97.     background-position: top center;
  98.     background-repeat: no-repeat;
  99.     width: 950px;
  100.     padding: 10px 10px 0px 10px;
  101. }
  102.  
  103. #wrapper {
  104.   margin: 0 auto;
  105.   width: 960px;
  106.   text-align: left;
  107.   padding: 0;
  108.   }
  109.  
  110. #header {
  111.   padding: 0;
  112.   margin: 0;
  113.   height: 80px;
  114.   }
  115.  
  116. #header #topright {
  117.   text-align: right;
  118.   float: right;
  119.   width: 600px;
  120.   margin: 5px 0 0 0;
  121. }
  122. #header #topright ul {
  123.   list-style: none;
  124.   padding: 0;
  125.   margin: 0;
  126.   }
  127. #header #topright li {
  128.   display: inline;
  129.   }
  130. #header #topright li a {
  131.   color: #fff;
  132.   font-size: 9pt;
  133.   padding: 0 0 0 25px;
  134.   text-transform: lowercase;
  135.   }
  136. #header #topright li a:hover {
  137.   color: #FFF;
  138.   text-decoration: underline;
  139.   }
  140.  
  141. #header #logo {
  142.   float: left;
  143.   width: 350px;
  144.   margin: 25px 0 0 0;
  145.   padding: 0;
  146. }
  147. #header h1 {
  148.   padding: 0;
  149.   margin: 0;
  150.   }
  151. #header h1 a {
  152.   color: #fff;
  153.   font-size: 17pt;
  154.   text-decoration: none;
  155.   }
  156. #header h1 a:hover {
  157.   color: #eee;
  158.   text-decoration: none;
  159.   }
  160. #header span {
  161.   padding: 0;
  162.   color: #111;
  163.   font-size: 11pt;
  164.   }
  165.  
  166.  
  167. /* Menu */
  168.  
  169. #catnav {
  170.   margin: 20px 0 0 0;
  171.     margin-top: 300px;
  172.   padding: 0;
  173.   clear: both;
  174.   height: 44px;
  175.   width: 970px;
  176.     line-height: 0px;
  177.  
  178.   }
  179.  
  180. #nav {
  181.   list-style: none;
  182.   margin: 0;
  183.   padding: 0;
  184.     line-height: 0px;
  185.  
  186.   }
  187.    
  188. #nav ul {
  189.     line-height: 0px;
  190.  
  191.   }
  192.  
  193. #nav li {
  194.   padding: 5;
  195.   background-color: #220202;
  196.   border-top: 1px solid #000;
  197.   border-left: 1px solid #000;
  198.   border-right: 1px solid #000;
  199.     cursor: pointer;
  200.     -moz-border-radius: 10px 10px 0px 0px;
  201.     -moz-user-select: none;
  202.     -khtml-user-select: none;
  203.     float: left;
  204.     line-height: 0px;
  205.   }
  206.  
  207. #nav a {
  208.   display: block;
  209.   line-height: 44px;
  210.   margin: 0;
  211.   padding: 0 20px 0 15px;
  212.   font-size: 10pt;
  213.   color: #fff;
  214.   letter-spacing: -1px;
  215.   }
  216.  
  217. #nav li a:hover {
  218.   color: #680000;
  219.   text-decoration: none;
  220.   display: block;
  221.   }
  222.  
  223. #nav li ul {
  224.   list-style: none;
  225.   position: absolute;
  226.   width: 150px;
  227.   left: -999em;
  228.   }
  229.  
  230. #nav li:hover ul, #nav li.sfhover ul {
  231.   left: auto;
  232.   }
  233.    
  234. #nav li li {
  235.   float: left;
  236.   margin: 0;
  237.   padding: 0;
  238.   width: 150px;
  239.   }
  240.    
  241. #nav li li a {
  242.   width: 150px;
  243.   height: 24px;
  244.   line-height: 24px;
  245.   color: #fff;
  246.   border-top: 1px solid #131f27;
  247.   background: #040404;
  248.   margin: 0;
  249.   padding: 5px 20px 5px 15px;
  250.   }
  251.    
  252. #nav li li a:hover {
  253.   border-top: 1px solid #131f27;
  254.   background: #000;
  255.   padding: 5px 20px 5px 15px;
  256.   }
  257.  
  258. #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  259.   position: static;
  260.   }
  261.  
  262. #toprss {
  263.   float: right;
  264.   margin: 10px 15px 0 0;
  265.   display: inline;
  266.   width: 65px;
  267.   line-height: 41px;
  268.   }
  269.  
  270.  
  271.  
  272. /* Top Content */
  273.  
  274. #main {
  275.   clear: both;
  276.   width: 930px;
  277.   padding-bottom: 5px;
  278.   background-image: url(images/content.jpg);
  279.   background-repeat: repeat;
  280.   padding: 20px;
  281.   border-top: 1px solid #070707;
  282.   border-left: 1px solid #070707;
  283.   border-right: 1px solid #070707;
  284.   height: inherit;
  285.   }
  286. #contentwrapper {
  287.   float:left;
  288.   width: 560px;
  289.   padding: 10px;
  290.   background-image: url(images/bg-trans.png);
  291.   background-repeat: repeat;
  292.   }
  293. #contentwrapper2 {
  294.   float:left;
  295.   width: 900px;  margin: 0 0 15px 0;
  296.   padding: 0;
  297.   }
  298. #contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  299.       margin: 15px 0 10px 0;
  300.   font-size: 14pt;
  301.   letter-spacing: -1px;
  302.   color: #fff;
  303.   font-weight: normal;
  304.   background: url(images/bg-trans.png) repeat;
  305.   padding: 5px;
  306.   }
  307. .topPost {
  308.   margin: 0;
  309.   padding: 0;
  310.   font-size: 9pt;
  311.   }
  312. .topPost h2.topTitle a {
  313.   font-size: 15pt;
  314.   font-weight: normal;
  315.   color: #fff;
  316.   letter-spacing: -2px;
  317.   }
  318. .topPost h2.topTitle a:hover {
  319.   text-decoration: none;
  320.   color: #abd1ea;
  321.   }
  322. .topPost p.topMeta {
  323.   padding: 0;
  324.   margin: -10px 0 0 0;
  325.   font-size: 9pt;
  326.   color: #cdcdcd;  
  327.     border-bottom: 1px dotted #444;
  328.  
  329.   }
  330. .topPost p.topMeta a {
  331.   text-decoration: underline;
  332.   color: #fff;
  333.   }
  334. .topPost p.topMeta a:hover {
  335.   color: #ccc;
  336.   }
  337. .topPost div.topContent {
  338.   font-size: 9pt;
  339.   color: #efefef;
  340.   margin: 8px 0;
  341.   }
  342. .topPost div.topContent a {
  343.   text-decoration: underline;
  344.   color: #fff;
  345.   }
  346. .topPost div.topContent a:hover {
  347.   text-decoration: underline;
  348.   color: #ff9933;
  349.   }
  350.  
  351. .topPost div.topContent ul, .topPost div.topContent ol {
  352.   padding: 0 0 0 30px;
  353.   }
  354. .topPost div.topContent ul li, .topPost div.topContent ol li {
  355.   color: #eee;
  356.   }
  357. .topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  358.   font-size: 9pt;
  359.   font-style: italic;
  360.   background: #010101;
  361.   color: #fff;
  362.   border: 1px solid #111;
  363.   padding: 4px;
  364.   margin-right: 5px;
  365.   line-height: 27pt;
  366.   }
  367. .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  368.   background: #040404;
  369.   }
  370. .topPost span.topComments a {
  371.   color: #fff;
  372.   background: url(images/comments.gif) left no-repeat;
  373.   padding-left: 20px;
  374.   line-height: 27pt;
  375.   vertical-align: middle;
  376.   }
  377. .topPost span.topMore a {
  378.   color: #fff;
  379.   background: url(images/more.gif) left no-repeat;
  380.   padding-left: 20px;
  381.   line-height: 27pt;
  382.   vertical-align: middle;
  383.   }
  384. .topPost span.topTags em {
  385.   background: url(images/tags.gif) left no-repeat;
  386.   padding-left: 20px;
  387.   line-height: 27pt;
  388.   vertical-align: middle;
  389.   color: #0a0a0a;
  390.   }
  391. .topPost span.topTags a {
  392.   color: #fff;
  393.   line-height: 27pt;
  394.   vertical-align: middle;
  395.   }
  396. .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  397.   color: #fff;
  398.   text-decoration: underline;
  399.   }
  400.  
  401. #nextprevious {
  402.   margin: 10px 0 5px 0;
  403.   }
  404. #nextprevious a {
  405.   color: #83adc8;
  406.   text-transform: lowercase;
  407.   text-decoration: underline;
  408.   }
  409. #nextprevious a:hover {
  410.   color: #fff;
  411.   }
  412.  
  413.  
  414. /* Comments */
  415.  
  416. #comment {
  417.   margin-bottom: 10px;
  418.   background: #040404;
  419.   width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  420.   border: 1px solid #090909;
  421.   padding: 10px 15px;
  422.   color: #fff;
  423.   }
  424. #comment a {
  425.   color: #680000;
  426.   }
  427. #comment a:hover {
  428.   color: #fff;
  429.   }
  430. #numberofcomments {
  431.   color: #fff;
  432.   font-size: 12pt;
  433.   margin-top: 10px;
  434.   }
  435. ol#commentlist {
  436.   list-style: none;
  437.   margin: 10px 0;
  438.   font-size: 9pt;
  439.   }
  440. #commentlist li {
  441.   margin: 0 0 15px 0;
  442.   padding: 10px;
  443.   background: #030303;
  444.   border: 1px solid #0a0a0a;
  445.   }
  446. #commentlist li.alt {
  447.   background: #000;
  448.   border: 1px solid #010101;
  449.   border: none