Advertisement
Guest User

Untitled

a guest
Feb 1st, 2012
4,153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.83 KB | None | 0 0
  1. /*
  2. Theme Name: Arclite
  3. Theme URI: http://digitalnature.ro/projects/arclite
  4. Description: Simple but elegant theme with lots of theme options. Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
  5. Version: 2.03
  6. Author: digitalnature
  7. Author URI: http://digitalnature.ro
  8. Tags: light, brown, two-columns, flexible-width, right-sidebar, theme-options, threaded-comments, custom-header, translation-ready
  9.  
  10.   Arclite WordPress theme
  11.     http://digitalnature.ro/projects/arclite
  12.  
  13.   Design and coding by digitalnature
  14.     http://digitalnature.ro
  15.  
  16.   The CSS, XHTML and design is released under GPL.
  17.     http://www.opensource.org/licenses/gpl-license.php
  18.  
  19. */
  20.  
  21. /* global prop. */
  22. *{
  23.   margin: 0;
  24.   padding: 0;
  25. }
  26.  
  27. /* try to use custom fonts trough css3 (opera 10+, safari 3.1+ and ff 3.5+) */
  28. @font-face {
  29.   font-family: "Union";
  30.   src: url("fonts/union.ttf") format("truetype");
  31. }
  32.  
  33. @font-face {
  34.   font-family: "Share";
  35.   src: url("fonts/share.ttf") format("truetype");
  36. }
  37.  
  38. /*** COMMON ELEMENTS ***/
  39.  
  40. html, body{
  41.   height:100%;
  42. }
  43.  
  44. html{
  45.   font-size: 100%;
  46. }
  47.  
  48. body{
  49.   font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  50.   font-size: 13px;
  51.   font-style: normal;
  52.   color: #000;
  53.   background: #000000;
  54.   min-height:100%;
  55.   height:auto !important; /* ie6 ignores it */
  56.   height:100%; /* fix */
  57.   position: relative;
  58. }
  59.  
  60. /* links */
  61.  
  62. a{
  63.   color: #0071bb;
  64. }
  65.  
  66. a:hover{
  67.   color: #f44365;
  68.   text-decoration: none;
  69. }
  70.  
  71. /* headings */
  72.  
  73. h1{
  74.   font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  75.   font-weight: bold;
  76.   font-size: 360%;
  77.   letter-spacing: -0.04em;
  78.   line-height: 100%;
  79.   margin: .5em 0 .5em;
  80. }
  81.  
  82. h2{
  83.   font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  84.   font-weight: normal;
  85.   font-size: 220%;
  86.   letter-spacing: -0.04em;
  87.   line-height: 110%;
  88.   margin: .5em 0 .2em;
  89. }
  90.  
  91. h3{
  92.   font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  93.   font-size: 180%;
  94.   font-weight: normal;
  95.   letter-spacing: -0.04em;
  96.   line-height: 110%;
  97.   margin: .5em 0 .2em;
  98.   text-shadow: #fff 1px 1px 1px;
  99. }
  100.  
  101. h4{
  102.   font-family: "Share", "Arial Narrow", Arial, Sans;
  103.   font-size: 200%;
  104.   font-weight: normal;
  105.   margin: .5em 0 .2em;
  106. }
  107.  
  108. h5{
  109.   font-family: "Palatino Linotype", Georgia, Serif;
  110.   font-size: 150%;
  111.   font-weight: bold;
  112.   margin: .5em 0 .2em;
  113.   letter-spacing: -0.02em;
  114. }
  115.  
  116. h6{
  117.   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  118.   font-size: 125%;
  119.   font-weight: normal;
  120.   text-transform: uppercase;
  121.   margin: .5em 0 .2em;
  122.  
  123. }
  124.  
  125. /* tables */
  126.  
  127. table{
  128.   margin: .5em 0 1em;
  129. }
  130.  
  131. table td, table th{
  132.   text-align: left;
  133.   border-right: 1px solid #e8e1c8;
  134.   padding: .4em .8em;
  135. }
  136.  
  137. table th{
  138.   background: #ab967e url(images/table-header.gif) repeat-x left top;
  139.   color: #fff;
  140.   text-transform: uppercase;
  141.   font-weight: normal;
  142.   border-bottom: 1px solid #e8e1c8;
  143. }
  144.  
  145. table td{
  146.   background: #d8ceb6;
  147. }
  148.  
  149. table tr.even td{
  150.   background: #e1d9c3;
  151. }
  152.  
  153. table tr:hover td{
  154.   background: #f0eada;
  155. }
  156.  
  157. /* forms */
  158.  
  159. input, textarea, select{
  160.   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  161.   font-size: 100%;
  162.   margin: .2em 0;
  163. }
  164.  
  165. input, textarea{
  166.   padding: .2em .4em;
  167. }
  168.  
  169. input.radio, input.checkbox{
  170.   background: #fff;
  171.   padding: 2px;
  172. }
  173.  
  174. form label{
  175.   font-weight: normal;
  176. }
  177.  
  178. fieldset{
  179.   padding: .8em;
  180.   border: 1px solid #d2c7af;
  181. }
  182.  
  183. legend{
  184.   padding: 2px 15px 10px 15px;
  185.   text-transform: uppercase;
  186.   font-style: italic;
  187.   font-size: 115%;
  188. }
  189.  
  190. /* lists */
  191.  
  192. ul, ol{
  193.   margin: .4em 0 1em;
  194.   line-height: 150%;
  195. }
  196.  
  197. ul li, ol li{
  198.   list-style-position:outside;
  199.   margin-left: 1.6em;
  200. }
  201.  
  202. dl{
  203.   padding: .3em 0 .8em;
  204. }
  205.  
  206. dt {
  207.   float: left;
  208.   clear: left;
  209.   width: 9em;
  210.   text-align: right;
  211.   font-weight: bold;
  212.   text-decoration: underline;
  213. }
  214.  
  215. dd {
  216.   margin: 0 0 0 10em;
  217.   padding: 0 0 0.5em 0;
  218. }
  219.  
  220. /* other */
  221.  
  222. p{
  223.   margin: .6em 0 .3em;
  224.   line-height: 125%;
  225. }
  226.  
  227. img{
  228.   border: 0;
  229. }
  230.  
  231. hr{
  232.   color: #b4aca1;
  233.   background: #b4aca1;
  234.   border-bottom: 1px solid #f6f4eb;
  235. }
  236.  
  237. small{ font-size: 80%; }
  238.  
  239. pre{
  240.   overflow: auto;
  241.   white-space: pre-wrap;       /* css3 */
  242.   white-space: -moz-pre-wrap;  /* ff */
  243.   word-wrap: break-word;       /* ie */
  244.   font-size: 12px;
  245.   font-family: "Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";
  246.   background: #fff;
  247.   padding: .4em;
  248.   margin: 1em 0;
  249. }
  250.  
  251. blockquote{
  252.   margin: 1em 25% 1em 0;
  253.   padding: .2em .2em .2em 5em;
  254.   border: 1px dotted #937d68;
  255.   font-style: italic;
  256.   color: #937d68;
  257.   background: #fff url(images/blockquote.png) no-repeat 4px top;
  258. }
  259.  
  260. blockquote p{
  261.   padding: 8px;
  262.   margin: 2px;
  263. }
  264.  
  265. /*** BASIC LAYOUT ***/
  266.  
  267. #page{
  268.   width: 100%;
  269.   margin: 0 auto;
  270.   position: relative;
  271. }
  272.  
  273. .block-content{
  274.   width: 100% !important;
  275.   width: 960px; /* for ie 6 */
  276.   min-width: 780px;
  277.   max-width: 1200px;
  278.   margin: 0 auto;
  279.   display: block;
  280. }
  281.  
  282. #main-wrap1{ background: #eeead9; }
  283. #main-wrap2{
  284.   border-top: 1px solid #fff;
  285. }
  286.  
  287. #main{
  288.   padding-top: 20px;
  289. }
  290.  
  291. .mask-main {
  292.   position:relative; /* This fixes the IE7 overflow hidden bug */
  293.   clear:both;
  294.   float:left;
  295.   width:100%;
  296.   overflow:hidden;   /* This chops off any overhanging divs */
  297. }
  298.  
  299. .mask-main .mask-right,
  300. .mask-main .mask-mid,
  301. .mask-main .mask-left {
  302.   float:left;
  303.   width:100%;
  304.   position:relative;
  305. }
  306.  
  307. .mask-main .col1,
  308. .mask-main .col2,
  309. .mask-main .col3 {
  310.   float:left;
  311.   position:relative;
  312.   padding:0;
  313.   overflow:hidden;
  314. }
  315.  
  316. .rightdiv {
  317.  
  318. }
  319.  
  320. /*** 2 column layout ***/
  321.  
  322. #page.with-sidebar .mask-main .mask-left {
  323.   right:30%;            /* right column width */
  324. }
  325.  
  326. #page.with-sidebar .mask-main .col1 {
  327.   width:70%;            /* left column width */
  328.   left:30%;             /* right column width */
  329. }
  330.  
  331. #page.with-sidebar .mask-main .col2 {
  332.   width:30%;            /* right column width */
  333.   left:30%;             /* right column width */
  334. }
  335.  
  336. /*** 3 column layout ***/
  337.  
  338. #page.with-sidebar.and-secondary .mask-main .mask-left {
  339.   right:25%;            /* right column width */
  340. }
  341.  
  342. #page.with-sidebar.and-secondary .mask-main .col1 {
  343.   width:50%;            /* left column width */
  344.   left:25%;             /* right column width */
  345. }
  346.  
  347. #page.with-sidebar.and-secondary .mask-main .col2 {
  348.   width:25%;            /* right column width */
  349.   left:25%;             /* right column width */
  350. }
  351.  
  352. #page.with-sidebar.and-secondary .mask-main .col3 {
  353.   width: 25%;
  354.   left: 25%;
  355. }
  356.  
  357. /*** HEADER ***/
  358.  
  359. #header{
  360.   height: 190px;
  361.   position: relative;
  362.   z-index: 10;
  363.   color: #fff;
  364. }
  365.  
  366. #header .block-content{
  367.   height: 190px;
  368.  
  369. }
  370.  
  371. #header-wrap{
  372.   width: 100%;
  373.   background: #261c13;
  374. }
  375.  
  376. #pagetitle{
  377.   padding: 3em 0 0 1em;
  378. }
  379.  
  380. #pagetitle h1.logo{
  381.   font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  382.   font-size: 500%;
  383.   float: left;
  384.   padding: .1em 0 0 0;
  385.   margin: 0;
  386.   letter-spacing: -0.1em;
  387.   font-variant: small-caps;
  388.   font-weight: normal;
  389.   color: #eeeadb;
  390. }
  391.  
  392. #pagetitle h1.logo a{
  393.   color: #eeeadb;
  394.   text-decoration: none;
  395. }
  396.  
  397. #pagetitle h1.logo a:hover{
  398.   color: #fff;
  399. }
  400.  
  401. #pagetitle h4{
  402.   float: left;
  403.   border-left: 1px solid #8e7762;
  404.   padding: .6em 0 .6em .8em;
  405.   margin-left: 1em;
  406.   color: #e9e2c9;
  407. }
  408.  
  409. /* search */
  410. .search-block{
  411.   background: transparent url(images/search-bg.png) no-repeat left top;
  412.   position: absolute;
  413.   right: 2em;
  414.   bottom: 1em;
  415. }
  416.  
  417. .search-block .searchform-wrap{
  418.   background: transparent url(images/search-go.png) no-repeat right top;
  419.   width: 146px;
  420.   height: 30px;
  421. }
  422.  
  423. .search-block input{
  424.   background: none;
  425.   border: 0;
  426.   color: #928a85;
  427.   float: left;
  428.   width: 100px;
  429.   padding: 0;
  430.   margin: 0;
  431. }
  432.  
  433. .search-block input.searchfield{
  434.   margin: 5px 0 0 8px;
  435. }
  436.  
  437. .search-block fieldset{
  438.   border: 0;
  439.   padding: 0;
  440. }
  441.  
  442. .search-block input.go{
  443.   width: 36px;
  444.   height: 30px;
  445.   text-transform: uppercase;
  446.   text-align: center;
  447.   float: right;
  448.   color: #fff;
  449. }
  450.  
  451. /* main navigation */
  452.  
  453. #nav-wrap1{
  454.   background: transparent url(images/nav-left.png) no-repeat left top;
  455.   padding-left: 25px;
  456.   position: absolute;
  457.   z-index: 3;
  458.   top: 170px;
  459.   left: 1em;
  460.   height: 64px;
  461. }
  462.  
  463. #nav-wrap2{
  464.   background: transparent url(images/nav-bg.png) no-repeat right top;
  465.   padding-right: 25px;
  466.   height: 64px;
  467.   float: left;
  468. }
  469.  
  470. ul#nav, ul#nav li{
  471.   padding: 0;
  472.   margin: 0;
  473.   list-style-type: none;
  474. }
  475.  
  476. ul#nav{
  477.   background: transparent url(images/nav-div.png) no-repeat right top;
  478.   padding-right: 2px;
  479.   display: block;
  480.   height: 64px;
  481. }
  482.  
  483. ul#nav li{
  484.   display:inline;
  485.   float: left;
  486.   position: relative;
  487.   background: transparent url(images/nav-div.png) no-repeat left top;
  488.   padding-left: 2px;
  489. }
  490.  
  491. ul#nav li a{
  492.   display: block;
  493.   margin-top: 1px;
  494.   height: 35px;
  495.   float: left;
  496.   color: #b5d1e6;
  497.   text-decoration: none;
  498.   font-size: 115%;
  499.   font-weight: bold;
  500.   text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
  501. }
  502.  
  503. ul#nav li a span.arrow{display:none;}
  504.  
  505. ul#nav li a:hover{
  506.   color: #fff;
  507. }
  508.  
  509. ul#nav .fadeThis {
  510.   position:relative;
  511.   z-index: 1;
  512.   background: none;
  513. }
  514.  
  515. ul#nav .fadeThis span.hover {
  516.   position: absolute;
  517.   top: 0;
  518.   left: 0;
  519.   display: block;
  520.   height: 100%;
  521.   width: 100%;
  522.   background: transparent url(images/nav-active.png) repeat-x left top;
  523.   z-index: -1;
  524.   margin: 0;
  525.   padding: 0;
  526. }
  527.  
  528. ul#nav li a span{
  529.   display: block;
  530.   margin-top: 6px;
  531.   padding: 0 8px;
  532. }
  533.  
  534. /* sub-menus */
  535.  
  536. ul#nav ul {
  537.   position: absolute;
  538.   background: #f7f5ef url(images/side-menu-active.png) repeat-x left bottom;
  539.   display: none;
  540.   width:255px;
  541.   top: 36px;
  542.   left: 0;
  543.   margin: 0;
  544.   padding: 1em 0;
  545.   font-size: 100%;
  546.   line-height: 100%;
  547.   z-index: 5;
  548.   border: 1px solid #fff;
  549.   -moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);
  550.   -webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);
  551.   box-shadow:0px 8px 14px rgba(0,0,0,0.3);
  552. }
  553.  
  554. ul#nav ul ul{
  555. }
  556.  
  557. ul#nav li ul li{
  558.   background: none;
  559.   padding: 0;
  560. }
  561.  
  562. ul#nav a.active ul,
  563. ul#nav li.current_page_item ul,
  564. ul#nav li.current_page_ancestor ul,
  565. ul#nav li.current-cat ul{
  566.   background: #fff;
  567. }
  568.  
  569. ul#nav li.current_page_item ul ul,
  570. ul#nav li.current_page_ancestor ul ul,
  571. ul#nav li.current-cat ul ul{
  572.   border: 1px solid #fff !important;
  573. }
  574.  
  575. ul#nav li ul a{
  576.   width:230px;
  577.   float:left;
  578.   background: none;
  579.   margin: 0;
  580.   padding: 8px 15px 8px 10px;
  581.   height: auto;
  582.   color: #000;
  583.   font-weight: normal;
  584.   line-height: 125%;
  585.   text-shadow: none;
  586.   position: relative;
  587. }
  588.  
  589. ul#nav li ul a span.arrow{display:block;position:absolute;right:8px;top:0;line-height:32px;}
  590.  
  591. ul#nav li ul a span, ul#nav li ul a span span{
  592.   margin: 0;
  593.   padding: 0;
  594.   height: auto;
  595.   float: none;
  596. }
  597.  
  598. ul#nav ul .fadeThis span.hover {
  599.   background: #3b88b7;
  600. }
  601.  
  602. ul#nav li ul a:hover, li ul#nav ul a:hover,
  603. ul#nav a.active ul a:hover,
  604. ul#nav li.current_page_item ul a:hover,
  605. ul#nav li.current_page_ancestor ul a:hover{
  606.   color: #fff;
  607. }
  608.  
  609. ul#nav ul a:hover, ul#nav ul a:hover span,
  610. ul#nav a.active ul a:hover span,
  611. ul#nav li.current_page_item ul a:hover span,
  612. ul#nav li.current_page_ancestor ul a:hover span,
  613. ul#nav ul li.current_page_parent a:hover span,
  614. ul#nav ul li.current_page_item a:hover span,
  615. ul#nav ul li.current_page_parent li.current_page_item a:hover span{
  616.   color:#fff;
  617. }
  618.  
  619. ul#nav li ul a span, ul#nav li ul a span{
  620.   background: none;
  621. }
  622.  
  623. ul#nav ul ul{
  624.   top:auto;
  625. }
  626.  
  627. ul#nav li ul ul {
  628.   left:230px;
  629.   top: 4px;
  630. }
  631.  
  632. ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul{
  633.   display:none;
  634. }
  635. ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul{
  636.   display:block;
  637. }
  638.  
  639. /* active submenus */
  640. ul#nav ul li.current_page_parent a span,
  641. ul#nav ul li.current_page_item a span,
  642. ul#nav ul li.current_page_parent li.current_page_item a span{
  643.   color: #2d83d5;
  644. }
  645.  
  646. ul#nav ul li.current_page_item li a span, ul#nav ul li.current_page_parent li a span{
  647.   color: #000;
  648. }
  649.  
  650. /* IE 7 bug-fixes */
  651. ul#nav li:hover { z-index: 5; }
  652. ul#nav * li:hover { visibility: inherit; }
  653.  
  654. /*** MAIN CONTENT ***/
  655.  
  656. #main-content{
  657.   padding: 2em 1em;
  658. }
  659.  
  660. /* post */
  661. .post, .page{
  662.   margin: 1em 0;
  663. }
  664.  
  665. h3.post-title, h2.post-title{
  666.   font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  667.   margin: 0;
  668.   padding: .8em 0 .1em 0;
  669.   font-size: 180%;
  670.   font-weight: bold;
  671.   letter-spacing: -0.04em;
  672.   text-shadow: #fff 1px 1px 1px;
  673. }
  674.  
  675. h3.post-title a, h2.post-title a{
  676.   text-decoration: none;
  677.   color: #000;
  678. }
  679.  
  680. h3.post-title a:hover, h2.post-title a:hover{
  681.   color: #df2e56;
  682. }
  683.  
  684. /* large title on single page */
  685. h2.post-title{
  686.   font-size: 250%;
  687.   font-weight: normal;
  688. }
  689.  
  690. .post p.post-date{
  691.   background: #fff;
  692.   width: 38px;
  693.   height: 38px;
  694.   display: block;
  695.   margin: 0;
  696.   padding: 0;
  697.   position: relative;
  698.   text-align: center;
  699.   float: left;
  700.   line-height: 100%;
  701.   background: #fff url(images/date-bg.png) no-repeat left bottom;
  702.   border: 1px solid #fff;
  703. }
  704.  
  705. .post .post-date span.month{
  706.   background: #f44365;
  707.   border-bottom: 1px solid #fff;
  708.   width: 100%;
  709.   position: absolute;
  710.   top: 0;
  711.   left: 0;
  712.   color: #fff;
  713.   font-size: 85%;
  714.   padding: 2px 0;
  715.   text-transform: uppercase;
  716. }
  717.  
  718. .post .post-date span.day{
  719.   bottom: 1px;
  720.   padding: 3px 0;
  721.   left: 0;
  722.   width: 100%;
  723.   position: absolute;
  724. }
  725.  
  726. .post p.post-author{
  727.   background: transparent url(images/post-info.png) no-repeat left top;
  728.   margin: 0 0 0 43px;
  729.   padding: 0 12px;
  730.   font-size: 110%;
  731.   font-style: italic;
  732.   border: 1px solid #f2efe5;
  733.   min-height: 38px;
  734.   color: #75695e;
  735.   height: auto !important;
  736.   height: 38px;
  737.   line-height: 100%;
  738. }
  739.  
  740. .post .post-author span.info{
  741.   margin-top: 10px;
  742.   display: block;
  743. }
  744.  
  745. .post .post-content{
  746.   clear: left;
  747.   padding-bottom: .4em;
  748. }
  749.  
  750. /* tags */
  751. .post p.tags{
  752.   background: transparent url(images/tag.gif) no-repeat left top;
  753.   font-size: 80%;
  754.   color: #a8937b;
  755.   padding: 0 0 0 13px;
  756.   margin: 1em 0;
  757. }
  758.  
  759. .post p.tags a{
  760.   color: #6b5e50;
  761.   text-decoration: underline;
  762. }
  763.  
  764. .post p.tags a:hover{
  765.   color: #0071bb;
  766.   text-decoration: underline;
  767. }
  768.  
  769. p.post-metadata{
  770.   font-size: 80%;
  771.   margin: 2em 0;
  772.   padding: .6em 1em;
  773.   color: #a8937b;
  774.   background: #f4f1e9;
  775.   border: 1px solid #fff;
  776. }
  777.  
  778. p.post-metadata a{
  779.   color: #6b5e50;
  780.   text-decoration: underline;
  781.   line-height: 150%;
  782. }
  783.  
  784. p.post-metadata a:hover{
  785.   color: #0071bb;
  786.   text-decoration: underline;
  787. }
  788.  
  789. /* comments */
  790.  
  791. h3.comments{
  792.   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  793.   padding: 0;
  794.   margin: 2em 0 0 0;
  795.   font-size: 150%;
  796. }
  797.  
  798. ul#comments{
  799.   margin: .6em 0 1em 0;
  800.   list-style-type: none;
  801.   padding: 0;
  802. }
  803.  
  804. ul#comments ul{
  805.   margin-left: 2em;
  806.   list-style-type: none;
  807. }
  808.  
  809. ul#comments li.comment, ul#comments li.trackback{
  810.   width: 85%;
  811.   margin: 0;
  812.   padding: 0;
  813. }
  814.  
  815. ul#comments li.comment li.comment{
  816.   width: 100%;
  817. }
  818.  
  819. .comment-mask{
  820.   display: block;
  821.   background: transparent url(images/comment-shadow.png) no-repeat right bottom;
  822.   padding: 12px 6px 6px 0px;
  823.   position: relative;
  824. }
  825.  
  826. .trackback .comment-mask{
  827.   background: none;
  828. }
  829.  
  830. .comment-mask .avatar{
  831.   width: 90px;
  832.   height: 90px;
  833.   background: transparent url(images/avatar.png) no-repeat center center;
  834.   float: left;
  835.   position: relative;
  836. }
  837.  
  838. .comment-mask .avatar img{
  839.   position: absolute;
  840.   left: 13px;
  841.   top: 13px;
  842.   width: 64px;
  843.   height: 64px;
  844. }
  845.  
  846. .comment-main{
  847.   background: #fff;
  848.   padding: 1px;
  849. }
  850.  
  851. .comment-wrap1{
  852.   background: transparent url(images/comment-bg-right.png) no-repeat right bottom;
  853. }
  854.  
  855. .comment-wrap2{
  856.   background: transparent url(images/comment-bg-left.png) no-repeat left bottom;
  857. }
  858.  
  859. .comment-head{
  860.   background: #96816d url(images/comment-head.png) repeat-x left bottom;
  861.   color: #fff;
  862.   display: block;
  863.   width: 100%; /* IE 7 fix */
  864.   position: relative;
  865. }
  866.  
  867. .trackback .comment-head{
  868.   background: #7c7c7d;
  869. }
  870.  
  871. .admincomment .comment-head{
  872.   background: #125f9f url(images/comment-head-admin.png) repeat-x left bottom;
  873. }
  874.  
  875. .comment-head p{
  876.   padding: .5em 1em 1.5em 1em;
  877.   margin: 0;
  878.   font-style: italic;
  879.   font-size: 90%;
  880. }
  881.  
  882. .trackback .comment-head p{
  883.   padding: .5em 1em;
  884.   margin: 0;
  885. }
  886.  
  887. .comment-head p a, .comment-head p a:visited{
  888.   color: #ebe6da;
  889. }
  890.  
  891. .comment-head p.controls{
  892.   position: absolute;
  893.   padding:0;
  894.   display: none;
  895.   top: 0;
  896.   right: 6px;
  897.   z-index: 6;
  898.   font-style: normal;
  899.   text-transform: uppercase;
  900.   padding: 0 1em 0 0;
  901.   margin: 22px 0 0 0;
  902. }
  903.  
  904. .comment-head p.controls a{
  905.   display: block;
  906.   float: left;
  907.   text-decoration: none;
  908.   color: #0071bb;
  909.   background: #fff;
  910.   padding: 3px 6px;
  911.   margin-right: 3px;
  912.   border: 1px solid #96816d;
  913. }
  914.  
  915. .comment-head p.controls a:hover{
  916.   background: #96816d;
  917.   color: #fff;
  918.   border: 1px solid #eeebe3;
  919. }
  920.  
  921. .admincomment .comment-head p.controls a:hover{
  922.   background: #0071bb;
  923. }
  924.  
  925. .comment-body{
  926.   padding: 0;
  927.   height: 60px;
  928.   min-height:60px;
  929.   height:auto !important; /* ie6 fix */
  930.   font-size: 90%;
  931. }
  932.  
  933. .comment-body p{
  934.   padding: 0 1em 1em 1em;
  935.   margin: 0;
  936.   line-height: 150%;
  937. }
  938.  
  939. .comment-body blockquote{
  940.   margin-left: 100px;
  941. }
  942.  
  943. /* comment form */
  944.  
  945. #respond{
  946.   display: block;
  947.   margin: 1em 0;
  948. }
  949.  
  950. li.comment #respond{
  951.   margin-left: 100px;
  952. }
  953.  
  954. /*** SIDEBAR ***/
  955.  
  956. #sidebar, #sidebar-secondary{
  957.   padding: 2em 1em;
  958.   margin: 0;
  959. }
  960.  
  961. #sidebar li.block, #sidebar-secondary li.block{
  962.   list-style-type: none;
  963.   margin: 0;
  964.   padding: 0;
  965. }
  966.  
  967. /* sidebar menu */
  968.  
  969. ul.menu, ul.menu li{
  970.   margin: 0;
  971.   padding: 0;
  972.   list-style-type: none;
  973. }
  974.  
  975. ul.menu{
  976.   padding: 0 12px;
  977.   margin: 0 0 10px 0;
  978.   display: block;
  979. }
  980.  
  981. ul.menu li{
  982.   background: transparent url(images/div-h.png) repeat-x left bottom;
  983.   display: block;
  984.   padding: 0 0 3px 0;
  985.   width: 100%;
  986. }
  987.  
  988. ul.menu li a{
  989.   display: block;
  990.   text-decoration: none;
  991.   text-transform: uppercase;
  992.   padding: 3px 30px 3px 12px;
  993.   color: #000;
  994.   font-size: 120%;
  995. }
  996.  
  997. ul.menu li a:hover{
  998.   color: #0071bb;
  999. }
  1000.  
  1001. ul.menu .fadeThis {
  1002.   position:relative;
  1003.   z-index: 1;
  1004.   background: none;
  1005. }
  1006.  
  1007. ul.menu .fadeThis span.hover {
  1008.   position: absolute;
  1009.   top: 0;
  1010.   left: 0;
  1011.   display: block;
  1012.   height: 100%;
  1013.   width: 100%;
  1014.   background: #f7f5ef url(images/side-menu-active.png) repeat-x left bottom;
  1015.   z-index: -1;
  1016. }
  1017.  
  1018. /* sub menus */
  1019.  
  1020. ul.menu li li{
  1021.   margin-left: 1.8em;
  1022.   padding: 0;
  1023.   float: none;
  1024.   background: none;
  1025.   width: auto;
  1026. }
  1027.  
  1028. ul.menu li li li{
  1029.   margin-left: 1em;
  1030. }
  1031.  
  1032. ul.menu li li a{
  1033.   text-transform: none;
  1034.   padding: 0;
  1035.   font-size: 100%;
  1036.   font-style: italic;
  1037. }
  1038.  
  1039. ul.menu li li a:hover{
  1040.   background: none;
  1041. }
  1042.  
  1043. /* rss popups */
  1044.  
  1045. ul.menu li.cat-item {
  1046.  position: relative;
  1047. }
  1048.  
  1049. ul.menu li.cat-item a.rss{
  1050.   position: absolute;
  1051.   padding:0;
  1052.   display: none;
  1053.   background: transparent url(images/side-menu-rss.png) no-repeat center center;
  1054.   width: 24px;
  1055.   height: 22px;
  1056.   top: 0px;
  1057.   margin-top: 4px;
  1058.   right: 6px;
  1059.   z-index: 10;
  1060.   cursor: pointer;
  1061. }
  1062.  
  1063. ul.menu li.cat-item li.cat-item a.rss{
  1064.   background: none;
  1065.   visibility: hidden;
  1066. }
  1067.  
  1068. ul.menu li li .fadeThis {
  1069.   position:static;
  1070.   background: none;
  1071. }
  1072.  
  1073. ul.menu li li .fadeThis span.hover {
  1074.   display: none;
  1075. }
  1076.  
  1077. /* box */
  1078.  
  1079. .box{
  1080.   background: transparent url(images/box-shadow.png) no-repeat bottom right;
  1081.   padding: 8px 12px;
  1082.   margin: 2em 0 1em;
  1083. }
  1084.  
  1085. .box .titlewrap{
  1086.   padding-left: 35px;
  1087. }
  1088.  
  1089. .box .titlewrap h4{
  1090.   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  1091.   font-weight: normal;
  1092.   letter-spacing: -0.04em;
  1093.   display: block;
  1094.   padding: 0;
  1095.   margin: 0;
  1096.   color: #fff;
  1097.   font-size: 130%;
  1098.   text-transform: uppercase;
  1099.   letter-spacing: -0.04em;
  1100. }
  1101.  
  1102. .box .titlewrap h4 a{
  1103.   color: #fff;
  1104.   text-decoration: none;
  1105. }
  1106.  
  1107. .box.titlewrap h4 a{
  1108.   color: #ffc000;
  1109.   text-decoration: none;
  1110. }
  1111.  
  1112. .box .titlewrap span{
  1113.   padding: 6px 0;
  1114.   display: block;
  1115. }
  1116.  
  1117. .box .wrapleft{ background: #fff url(images/box-left-bg.png) repeat-y top left; }
  1118. .box .wrapright{ background: transparent url(images/box-right-bg.png) repeat-y top right; }
  1119.  
  1120. .box .bl{ background: transparent url(images/box-bl.png) no-repeat bottom left; }
  1121. .box .tl{ background: transparent url(images/box-tl.png) no-repeat top left; }
  1122. .box .br{ background: transparent url(images/box-br.png) no-repeat bottom right; }
  1123. .box .tr{ background: transparent url(images/box-tr.png) no-repeat top right; }
  1124.  
  1125. .box .the-content{
  1126.   padding: .4em 1em .6em 1em;
  1127.   min-height:92px;
  1128.   height:auto !important;
  1129.   height:64px;            /* ie 6 fix */
  1130.   min-width: 64px;
  1131. }
  1132.  
  1133. /*** FOOTER ***/
  1134.  
  1135. #footer{
  1136.   padding: 1em 0;
  1137.   color: #e7e0c7;
  1138.   border-top: 1px solid #fff;
  1139. }
  1140.  
  1141. #footer a{
  1142.   color: #a59079;
  1143. }
  1144.  
  1145. #footer a.rss{
  1146.   background: transparent url(images/rss.png) no-repeat left top;
  1147.   padding-left: 20px;
  1148. }
  1149.  
  1150. #footer a.toplink{
  1151.   padding: 1px 6px;
  1152.   background: #584d43;
  1153.   color: #9b856f;
  1154.   font-size: 50%;
  1155.   text-decoration: none;
  1156.   margin-left: 4px;
  1157. }
  1158.  
  1159. #footer .copyright{
  1160.   text-align: center;
  1161.   font-size: 85%;
  1162. }
  1163.  
  1164. #footer .add-content{
  1165.   text-align: center;
  1166.   margin: .6em 0;
  1167. }
  1168.  
  1169. /* footer links/widgets */
  1170. ul#footer-widgets{
  1171.   margin: 0;
  1172.   padding: 0;
  1173.   color: #726a60;
  1174. }
  1175.  
  1176. ul#footer-widgets li.widget{
  1177.   float: left;
  1178.   padding: 0;
  1179.   margin: 0;
  1180.   width: 50%; /* default  */
  1181.   list-style-type: none;
  1182. }
  1183.  
  1184. ul#footer-widgets.widgetcount-1 li.widget{ width: 50%; }
  1185. ul#footer-widgets.widgetcount-2 li.widget{ width: 50%; }
  1186. ul#footer-widgets.widgetcount-3 li.widget{ width: 33%; }
  1187. ul#footer-widgets.widgetcount-4 li.widget{ width: 25%; }
  1188. ul#footer-widgets.widgetcount-5 li.widget{ width: 20%; }
  1189. ul#footer-widgets.widgetcount-6 li.widget{ width: 16%; }
  1190. /* no point to add more than 6 widgets, unreadable */
  1191.  
  1192. ul#footer-widgets h6.title{
  1193.   background: transparent url(images/div-h2.gif) repeat-x left bottom;
  1194.   padding: .1em .4em;
  1195.   font-style: italic;
  1196. }
  1197.  
  1198. ul#footer-widgets .the-content{
  1199.   margin: 0 1em;
  1200.   padding: .4em 0;
  1201. }
  1202.  
  1203. ul#footer-widgets li.widget ul{
  1204.   padding: 0;
  1205. }
  1206.  
  1207. ul#footer-widgets li.widget li{
  1208.   margin: 0;
  1209.   padding: 0;
  1210.   list-style-type: none;
  1211.   padding: .2em .6em;
  1212.   display: block;
  1213.   background: transparent url(images/div-h2.gif) repeat-x left bottom;
  1214.   position: relative;
  1215.   margin-top: 1px;
  1216. }
  1217.  
  1218. ul#footer-widgets li.widget li li{
  1219.   padding-left: 1em;
  1220.   border: 0;
  1221. }
  1222.  
  1223. ul#footer-widgets li.widget li a{
  1224.   text-decoration: none;
  1225. }
  1226.  
  1227. ul#footer-widgets li.widget li a:hover{
  1228.   color: #fff;
  1229. }
  1230.  
  1231. ul#footer-widgets li.widget li span.hover {
  1232.   position: absolute;
  1233.   top: 0;
  1234.   left: 0;
  1235.   display: block;
  1236.   height: 100%;
  1237.   width: 100%;
  1238.   background: #403123;
  1239.   z-index: -1;
  1240.   margin: 0;
  1241.   padding: 0;
  1242. }
  1243.  
  1244. /*** MISC ***/
  1245.  
  1246. .with-tooltip{ }
  1247.  
  1248. div.tooltip{
  1249.   position:absolute;
  1250.   left:-20000px;
  1251.   background-color:#dedede;
  1252.   padding:5px;
  1253.   border:1px solid #fff;
  1254.   display:none;
  1255. }
  1256.  
  1257. div.tooltip p{
  1258.   margin:0;
  1259.   padding:0;
  1260.   color:#fff;
  1261.   background-color:#222;
  1262.   padding:2px 7px;
  1263. }
  1264.  
  1265. .left{ float: left; }
  1266. .right{ float: right; }
  1267.  
  1268. /* clearfix */
  1269. .clearfix:after{
  1270.   content:".";
  1271.   display:block;
  1272.   clear:both;
  1273.   visibility:hidden;
  1274.   line-height:0;
  1275.   height:0;
  1276. }
  1277.  
  1278. /* ie fix */
  1279. .clearfix{
  1280.   zoom:1;
  1281. }
  1282.  
  1283. .error, .red{ color:#ed1f24; }
  1284. .center{ text-align: center; }
  1285.  
  1286. /* lightbox */
  1287. div#fancyoverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;z-index:30;}
  1288. div#fancywrap{text-align:left;}
  1289. div#fancyloading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
  1290. div#fancyloading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(images/loader.gif) no-repeat;}
  1291. div#fancyloadingoverlay{position:absolute;background-color:#FFF;z-index:30;}
  1292. div#fancyouter{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px;margin:0;overflow:hidden;background:transparent;display:none;}
  1293. div#fancyinner{position:relative;width:100%;height:100%;background-color:#eee;}
  1294. div#fancycontent{margin:0;z-index:100;position:absolute;}
  1295. div#fancydiv{background-color:#000;color:#FFF;height:100%;width:100%;z-index:100;}
  1296. img#fancyimg{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;}
  1297. #fancyframe{position:relative;width:100%;height:100%;display:none;}
  1298. #fancyajax{width:100%;height:100%;overflow:auto;}
  1299. a#fancyleft,a#fancyright{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;outline:none;}
  1300. a#fancyleft{left:0;}
  1301. a#fancyright{right:0;}
  1302. span.fancyico{position:absolute;top:50%;margin-top:-15px;width:30px;height:42px;z-index:112;cursor:pointer;display:block;opacity:0.5;}
  1303. span#fancyleftico{left:-9999px;background:transparent url(images/block-nav.png) no-repeat left top;}
  1304. span#fancyrightico{right:-9999px;background:transparent url(images/block-nav.png) no-repeat right top;}
  1305. a#fancyleft:hover{visibility:visible;}
  1306. a#fancyright:hover{visibility:visible;}
  1307. a#fancyleft:hover span{left:20px;}
  1308. a#fancyright:hover span{right:20px;}
  1309. .fancybigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
  1310. div#fancytitle{width:100%;z-index:100;display:none;background-color:#4e4e4e;color:#fff;text-align:center;font-weight:bold;font-size:150%;padding:.2em 0;}
  1311.  
  1312. /*** WORDPRESS SPECIFIC STYLES ***/
  1313.  
  1314. /* pagination */
  1315.  
  1316. .commentnavi{
  1317.   margin: 10px 0;
  1318.   display: block;
  1319. }
  1320.  
  1321. .commentnavi .page-numbers, #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{
  1322.   padding: 2px 6px 2px 6px !important;
  1323.   border: 1px solid #a9947c !important;
  1324.   background: #f2eedf !important;
  1325.   margin:0;
  1326.   text-decoration: none;
  1327. }
  1328.  
  1329. #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{
  1330.   margin: 0 2px;
  1331. }
  1332.  
  1333. #pagenavi span.current{
  1334.   background: #a9947c !important;
  1335.   color: #fff !important;
  1336.   padding: 2px 6px 2px 6px !important;
  1337.   border: 1px solid #a9947c !important;
  1338. }
  1339.  
  1340. .commentnavi a{
  1341.   color: #0071bb;
  1342.   text-decoration: none;
  1343.   position: relative;
  1344. }
  1345.  
  1346. .commentnavi a:hover{ color: #f44365; }
  1347. #comment .page-numbers.current, #pagenavi span.pages{ color: #a9947c !important; }
  1348.  
  1349. #pagenavi{
  1350.   display: block;
  1351.   padding-bottom: 10px;
  1352.   font-size: 100% !important;
  1353. }
  1354.  
  1355. /* navigation links */
  1356.  
  1357. .navigation{
  1358.   font-size: 80%;
  1359.   color: #a8937b;
  1360.   margin: 2em 0 1em 0;
  1361. }
  1362.  
  1363. .navigation a{
  1364.   color: #6b5e50;
  1365.   text-decoration: underline;
  1366.   line-height: 150%;
  1367. }
  1368.  
  1369. .navigation a:hover{
  1370.   color: #f44365;
  1371.   text-decoration: underline;
  1372. }
  1373.  
  1374. /* captions, thumbnail images in posts */
  1375.  
  1376. .post-content img, .attachment img, .navigation .alignleft img, .navigation .alignright img{
  1377.   padding: 3px;
  1378.   margin: 4px 10px;
  1379.   border: 1px solid #b7a99a;
  1380.   border-radius: 4px;
  1381.   -moz-border-radius: 4px;
  1382. }
  1383.  
  1384. .post-content img.alignleft, .attachment img.alignleft{ margin-left: 0; }
  1385. .post-content img.alignright, .attachment img.alignright{ margin-right: 0; }
  1386. .post-content img.aligncenter, .attachment img.aligncenter{ margin: 0 auto; text-align: center; }
  1387.  
  1388. .post-content div.caption{
  1389.   background:#F7F7F7;
  1390.   border-radius: 4px;
  1391.   -moz-border-radius: 4px;
  1392.   padding: .2em .6em;
  1393.   margin:.6em 0;
  1394.   text-align:center;
  1395.   color: #8d8b8b;
  1396.   min-width: 0; /* ie7 peakaboo fix */
  1397. }
  1398.  
  1399. /* no border on smilies */
  1400. .post-content img.wp-smiley{
  1401.   padding: 0;
  1402.   margin: 0;
  1403.   border: 0;
  1404. }
  1405.  
  1406. /* Sociable plugin adjustment */
  1407. .post-content .sociable img{ margin: 0; }
  1408.  
  1409. .post-content .wp-caption {
  1410.   background:#F7F7F7;
  1411.   border-radius: 4px;
  1412.   -moz-border-radius: 4px;
  1413.   padding:.4em 0;
  1414.   margin:4px 10px;
  1415.   text-align:center;
  1416.   font-size: 80%;
  1417.   color: #928a85;
  1418. }
  1419.  
  1420. .post-content .wp-caption img{
  1421.   margin: 0;
  1422.   border: 0;
  1423.   padding: 0;
  1424. }
  1425.  
  1426. .post-content .wp-caption.alignleft{ margin-left: 0; }
  1427. .post-content .wp-caption.alignright{ margin-right: 0; }
  1428.  
  1429. .aligncenter {
  1430.   display: block;
  1431.   margin-left: auto;
  1432.   margin-right: auto;
  1433.   text-align: center;
  1434. }
  1435.  
  1436. .alignleft { float: left; }
  1437. .alignright { float: right; }
  1438.  
  1439. /* customize specific widgets */
  1440.  
  1441. .widget_tag_cloud{
  1442.   text-align: justify;
  1443. }
  1444.  
  1445. .widget_tag_cloud .the-content{
  1446.   padding: .4em 1em 1em 1em;
  1447.   line-height: 125%;
  1448. }
  1449.  
  1450. .widget_tag_cloud a{
  1451.   text-decoration: none;
  1452.   vertical-align: middle;
  1453.   letter-spacing: -0.04em;
  1454.   color: #000;
  1455.   line-height: 100%;
  1456. }
  1457.  
  1458. .widget_tag_cloud a:hover{
  1459.   background: #f44365;
  1460.   color: #fff;
  1461. }
  1462.  
  1463. /* no .box style on calendar */
  1464. .widget_calendar .box,
  1465. .widget_calendar .box .wrapleft,
  1466. .widget_calendar .box .wrapright,
  1467. .widget_calendar .box .tr, .widget_calendar .box .bl, .widget_calendar .box .tl, .widget_calendar .box .br,
  1468. .widget_calendar .box .the-content{
  1469.   background: none;
  1470.   padding: 0;
  1471.   margin: 0;
  1472.   width: auto;
  1473.   border: 0;
  1474.   height:auto !important;
  1475.   min-height: none !important;
  1476.   min-width: none !important;
  1477. }
  1478.  
  1479. .widget_calendar .box{ margin: 0 1em; }
  1480. .widget_calendar .box .titlewrap{ display: none; }
  1481. .widget_calendar .box table{ width: 100%; }
  1482.  
  1483. .widget_calendar .box table td, .widget_calendar .box table th{
  1484.   text-align: center;
  1485.   padding: .1em .3em;
  1486. }
  1487.  
  1488. .widget_calendar .box caption{
  1489.   text-align: right;
  1490.   font-style: italic;
  1491.   padding-right: .4em;
  1492. }
  1493.  
  1494. #sidebar li.block .info-text, #sidebar-secondary li.block .info-text{
  1495.   margin: 1em;
  1496.   text-align: center;
  1497.   font-style: italic;
  1498. }
  1499.  
  1500. .profile .avatar{
  1501.   padding: 4px;
  1502.   background: #fff;
  1503. }
  1504.  
  1505. .profile .info{
  1506.   padding-left: 160px;
  1507. }
  1508.  
  1509. /* no border on smilies */
  1510. img.wp-smiley, .post .postbody img.wp-smiley, .attachment img.wp-smiley{
  1511.   padding: 0;
  1512.   margin: 0;
  1513.   border: 0;
  1514.   vertical-align: -20%;
  1515. }
  1516.  
  1517. a.more-link {
  1518.    width: 100px;
  1519.    height: 45px;
  1520.    background:url(/images/logo.png) no-repeat right middle;
  1521.    padding: 10px 50px 15px 5px
  1522. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement