daily pastebin goal
55%
SHARE
TWEET

style.css

a guest Jan 27th, 2012 144 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. THEME NAME: The Restaurant
  3. THEME URI: http://redfactory.nl/themes/therestaurant/
  4. DESCRIPTION: A complete restaurant website
  5. VERSION: 4.2
  6. AUTHOR: <a href="http://themeforest.net/user/redfactory/portfolio/?ref=redfactory">Red Factory</a>
  7. AUTHOR URI: http://themeforest.net/user/redfactory/portfolio/?ref=redfactory
  8. */
  9. @import "reset.css";
  10. body {
  11.         background: #fff;
  12.         font-family: Helvetica, Arial, sans-serif;
  13.         font-size: 13px;
  14.         color: #585858;
  15.         min-width: 980px;
  16. }
  17. .font {
  18.         padding: 0 0 2px 0;
  19. }
  20. .cufon-canvas {
  21.         padding: 2px 0 0 0;
  22. }
  23. a {
  24.         color: #464646;
  25.         text-decoration: none;
  26. }
  27. a:hover {
  28.         text-decoration: underline;
  29. }
  30. strong {
  31.         font-weight: bold;
  32. }
  33. hr {
  34.         border: none 0;
  35.         border-bottom: 1px solid #E0E0E0;
  36.         height: 1px;
  37.         margin: 10px 0;
  38. }
  39. blockquote {
  40.         font-style: italic;
  41.         background: url(images/quotes.png) no-repeat top left;
  42.         background-position: 12px 12px;
  43.         color: #595959;
  44.         margin: 5px 0;
  45.         padding: 8px 15px 8px 60px;
  46. }
  47. #wrapper {
  48.         width: 100%;
  49.         margin: 0 auto;
  50.         position: relative;
  51. }
  52. .wrapper {
  53.         width: 960px;
  54.         margin: 0 auto;
  55.         position: relative;
  56. }
  57.  
  58.  
  59.  
  60.  
  61.  
  62. /* begin ---------------------------------------- top */
  63. #top {
  64.         position: relative;
  65.         width: 100%;
  66.         height: 125px;
  67.         background: #FDE8CC;
  68.         display: inline-block;
  69.         z-index: 5;
  70. }
  71. #logo-container {
  72.         display: inline-block;
  73.         float: left;
  74.         width: 450px;
  75. }
  76. #logo {
  77.         font-size: 24px;
  78.         margin: 11px 0 0 0;
  79.         font-weight: bold;
  80.         text-transform: uppercase;
  81.         display: block;
  82. }
  83. #logo a {
  84.         color: #fff;
  85. }
  86. #logo a:hover {
  87.         text-decoration: none;
  88. }
  89. #logo #text_logo {
  90.         margin: 10px 0 0 0;
  91.         display: inline-block;
  92. }
  93. #description {
  94.         font-size: 12px;
  95.         color: #fff;
  96.         margin: 5px 0 0 0;
  97.         display: block;
  98. }
  99. #tagline {
  100.         float: right;
  101.         display: inline-block;
  102.         width: 450px;
  103.         text-align: right;
  104.         margin: 30px 30px 0 0;
  105. }
  106. #tagline p {
  107.         font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
  108.         font-style: italic;
  109.         font-size: 18px;
  110.         color: #000;
  111.         line-height: 1.2;
  112. }
  113. /* end ---------------------------------------- top */
  114.  
  115.  
  116.  
  117.  
  118.  
  119. /* begin ---------------------------------------- menu */
  120. #mainmenu {
  121.         position: absolute;
  122.         z-index: 10;
  123.         top: 109px;
  124.         width: 100%;
  125. }
  126. #mainmenu .wrapper {
  127.         position: relative;
  128.         width: 990px;
  129. }
  130. #menu-left {
  131.         position: absolute;
  132.         top: 5px;
  133.         left: 1px;
  134.         height: 0px;
  135.         width: 0px;
  136.         border-color: transparent;
  137.         border-style: solid;
  138.         border-width: 7px;
  139. }
  140. #menu-right {
  141.         position: absolute;
  142.         top: 5px;
  143.         right: 1px;
  144.         height: 0px;
  145.         width: 0px;
  146.         border-color: transparent;
  147.         border-style: solid;
  148.         border-width: 7px;
  149. }
  150. #menu-container-border {
  151.         position: absolute;
  152.         top: 4px;
  153.         left: 15px;
  154.         display: inline-block;
  155.         float: left;
  156.         border: 1px solid;
  157. }
  158. #menu-container {
  159.         width: 956px;
  160.         height: 42px;
  161.         display: inline-block;
  162.         background: url('images/patern_sharp.png');
  163.         float: left;
  164.         vertical-align: text-top;
  165.         border-right: 1px solid;
  166.         border-bottom: 1px solid;
  167.         border-left: 1px solid;
  168. }
  169. #menu-shadow {
  170.         height: 100%;
  171.         width: 100%;
  172.         padding-bottom: 1px;
  173.         position: absolute;
  174.         top: 0px;
  175.         left: 0px;
  176.         -moz-box-shadow: 0px 0px 4px #000;
  177.         -webkit-box-shadow: 0px 0px 4px #000;
  178.         box-shadow: 0px 0px 4px #000;
  179.         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  180.         filter: alpha(opacity=50);
  181.         -moz-opacity:0.5;
  182.         -khtml-opacity: 0.5;
  183.         opacity: 0.5;
  184.         zoom: 1;
  185. }
  186. #mainmenu .wp_nav_menu {
  187.         display: inline-block;
  188.         zoom: 1;
  189.         *display: inline;
  190. }
  191. #mainmenu ul.menu {
  192.         position: relative;
  193.         display: inline-block;
  194.         margin: 0 0 0 25px;
  195. }
  196. #mainmenu .dropdown_arrow {
  197.         height: 0px;
  198.         width: 0px;
  199.         position: absolute;
  200.         top: 19px;
  201.         right: 10px;
  202.         border-color: #fff transparent transparent transparent;
  203.         border-style: solid;
  204.         border-width: 5px;
  205. }
  206. #mainmenu ul.menu li.has-sub-menu:hover .dropdown_arrow, #mainmenu ul.menu li.has-sub-menu.current-menu-item .dropdown_arrow, #mainmenu ul.menu li.has-sub-menu.current-menu-parent .dropdown_arrow {
  207.         top: 21px;
  208. }
  209. #mainmenu ul.menu li {
  210.         float: left;
  211.         font-size: 14px;
  212.         padding: 15px;
  213.         margin: 0 3px;
  214.         display: inline-block;
  215.         position: relative;
  216. }
  217. #mainmenu ul.menu li.has-sub-menu {
  218.         padding-right: 30px;
  219. }
  220. #mainmenu ul.menu li a {
  221.         color: #000;
  222. }
  223. #mainmenu ul.menu li:hover, #mainmenu ul.menu li.current-menu-item, #mainmenu ul.menu li.current-menu-parent {
  224.         background: #fff;
  225.         padding: 17px 14px 18px 14px;
  226.         margin: -3px 3px 0 3px;
  227.         border-top: #dedede 1px solid;
  228.         border-right: #dedede 1px solid;
  229.         border-left: #dedede 1px solid;
  230. }
  231. #mainmenu ul.menu li.has-sub-menu:hover, #mainmenu ul.menu li.has-sub-menu.current-menu-item, #mainmenu ul.menu li.has-sub-menu.current-menu-parent {
  232.         padding-right: 29px;
  233. }
  234. #mainmenu ul.menu li.has-sub-menu:hover {
  235.         padding-bottom: 24px;
  236. }
  237. #mainmenu ul.menu li ul.sub-menu {
  238.         position: absolute;
  239.         width: auto;
  240.         top: 55px;
  241.         left: -1px;
  242.         background: #fff;
  243.         display: none;
  244.         padding: 10px 0;
  245.         border-right: #dedede 1px solid;
  246.         border-bottom: #dedede 1px solid;
  247.         border-left: #dedede 1px solid;
  248. }
  249. #mainmenu ul.menu li:hover ul.sub-menu {
  250.         display: inline-block;
  251. }
  252. #mainmenu ul.menu li ul.sub-menu li {
  253.         clear: both;
  254.         height: auto;
  255.         width: 200px;
  256.         padding: 10px 15px;
  257.         margin: 0;
  258.         border: 0;
  259.         display: block;
  260. }
  261. #mainmenu ul.menu li ul.sub-menu li.current-menu-item, #mainmenu ul.menu li ul.sub-menu li:hover {
  262.         padding: 10px 15px;
  263.         margin: 0;
  264.         border: 0;
  265.         background: #eee;
  266. }
  267. #mainmenu ul.menu li:hover ul.sub-menu li a, #mainmenu ul.menu li ul.sub-menu li a {
  268.         padding: 0 10px 0 0;
  269.         display: block;
  270.         font-size: 13px;
  271.         height: auto;
  272. }
  273. #mainmenu ul.menu li a:hover, #mainmenu ul.menu li ul.sub-menu li a:hover {
  274.         text-decoration: none;
  275. }
  276. #stars-left, #stars-right {
  277.         margin: 15px 0 0 40px;
  278.         height: 13px;
  279.         width: auto;
  280.         display: inline-block;
  281.         vertical-align: top;
  282.         zoom: 1;
  283.         *display: inline;
  284. }
  285. #stars-right {
  286.         margin: 15px 40px 0 0;
  287.         float: right;
  288.         position: absolute;
  289.         top: 0;
  290.         right: 0;
  291. }
  292. .star {
  293.         background: url('images/star.png') no-repeat;
  294.         display: inline-block;
  295.         margin: 0 3px 0 0;
  296.         height: 13px;
  297.         width: 13px;
  298.         zoom: 1;
  299.         *display: inline;
  300. }
  301. /* end ---------------------------------------- menu */
  302.  
  303.  
  304.  
  305.  
  306.  
  307. /* begin ---------------------------------------- header */
  308. #header {
  309.         position: relative;
  310.         width: 100%;
  311.         height: 80px;
  312.         background: #2f2720;
  313.         z-index: 5;
  314.         border-top: #0d0b08 1px solid;
  315. }
  316. #header_pattern {
  317.         position: absolute;
  318.         height: 100%;
  319.         width: 100%;
  320.         top: 0px;
  321.         left: 0px;
  322.         background: url('images/patern.png');
  323. }
  324. #slider {
  325.         position: relative;
  326.         display: none;
  327.         height: 400px;
  328.         width: 1020px;
  329.         top: 0px;
  330.         left: 50%;
  331.         margin: 0 0 0 -510px;
  332.         z-index: 5;
  333. }
  334. #slider img {
  335.         display: none;
  336. }
  337. #slider_arrow {
  338.         position: absolute;
  339.         margin: 0 0 0 -41px;
  340.         top: -6px;
  341.         left: 50%;
  342.         height: 35px;
  343.         width: 82px;
  344.         cursor: pointer;
  345.         z-index: 6;
  346.         overflow: hidden;
  347. }
  348. #slider_arrow .arrow_bit_top {
  349.         height: 6px;
  350.         width: 62px;
  351.         position: absolute;
  352.         top: 0px;
  353.         left: 10px;
  354.         background: url('images/patern_sharp.png') bottom;
  355. }
  356. #slider_arrow .arrow_bit_bottom {
  357.         height: 26px;
  358.         width: 54px;
  359.         position: absolute;
  360.         top: 0px;
  361.         left: 14px;
  362.         -webkit-border-radius: 0 0 26px 26px;
  363.     -moz-border-radius: 0 0 26px 26px;
  364.     border-radius: 0 0 26px 26px;
  365.         background: url('images/patern_sharp.png') top;
  366.         box-shadow: 0px 1px 1px #888;
  367.         -moz-box-shadow: 0px 1px 1px #888;
  368.         -webkit-box-shadow: 0px 1px 1px #888;
  369. }
  370. #slider_arrow .arrow_bit_left, #slider_arrow .arrow_bit_right {
  371.         height: 6px;
  372.         width: 10px;
  373.         position: absolute;
  374.         top: 0px;
  375.         left: 4px;
  376.         -webkit-border-radius: 10px 10px 0 0;
  377.     -moz-border-radius: 10px 10px 0 0;
  378.     border-radius: 10px 10px 0 0;
  379.         background: url('images/patern_sharp.png');
  380. }
  381. #slider_arrow .arrow_bit_right {
  382.         left: 68px;
  383. }
  384. #slider_arrow .arrow_bit_middle {
  385.         height: 12px;
  386.         width: 22px;
  387.         position: absolute;
  388.         top: 5px;
  389.         left: 30px;
  390. }
  391. #slider_arrow.arrow_up .arrow_bit_middle {
  392.         background: url('images/arrow_up.png') no-repeat;
  393. }
  394. #slider_arrow.arrow_down .arrow_bit_middle {
  395.         background: url('images/arrow_down.png') no-repeat;
  396.         top: 7px;
  397. }
  398.  
  399.  
  400. #ornament {
  401.         background: url('images/ornament.png') no-repeat;
  402.         height: 20px;
  403.         width: 157px;
  404.         position: absolute;
  405.         top: 23px;
  406.         left: 50%;
  407.         margin: 0 0 0 -79px;
  408. }
  409. /* end ---------------------------------------- header */
  410.  
  411.  
  412.  
  413.  
  414.  
  415. /* begin ---------------------------------------- content */
  416. #container {
  417.         position: relative;
  418.         z-index: 6;
  419.         width: 100%;
  420.         background: url('images/container_bg.png') 0px 1px repeat-x;
  421.         height: auto;
  422.         display: inline-block;
  423.         text-align: center;
  424. }
  425. #container .wrapper {
  426.         display: inline-block;
  427.         text-align: left;
  428. }
  429. #breadcrumbs {
  430.         display: inline-block;
  431.         color: #7c7c7c;
  432.         position: absolute;
  433.         top: 28px;
  434.         left: 0px;
  435.         text-shadow: #f8f8f8 0px 1px 0px;
  436. }
  437. #content-top {
  438.         display: inline-block;
  439.         background: url('images/content_top.png') 50% bottom no-repeat;
  440.         height: 48px;
  441.         width: 960px;
  442.         padding: 22px 0 0 0;
  443. }
  444. #content-bottom, #widget-bottom {
  445.         display: inline-block;
  446.         background: url('images/content_bottom.png') 50% top no-repeat;
  447.         height: 30px;
  448.         width: 960px;
  449. }
  450. #content-border, #widget-border {
  451.         border: #dedede 1px solid;
  452.         display: inline-block;
  453. }
  454. #content, #frontwidgets {
  455.         width: 956px;
  456.         height: auto;
  457.         border: #fff 1px solid;
  458.         background: #edeae6 url('images/content_bg.png') repeat-x;
  459.         display: inline-block;
  460.         position: relative;
  461.         padding: 0 0 25px 0;
  462. }
  463. #frontwidgets {
  464.         padding: 0;
  465. }
  466. #content.home, #gallery #content {
  467.         padding-bottom: 0;
  468. }
  469. .ie7 #content.home {
  470.         padding-bottom: 25px;
  471. }
  472. #frontwidgets h3 {
  473.         margin: 20px 0;
  474.         font-size: 20px;
  475. }
  476. .ribbon-container {
  477.         width: 100%;
  478.         position: absolute;
  479.         top: -12px;
  480.         left: 0px;
  481.         float: left;
  482.         overflow: hidden;
  483.         padding-bottom: 5px;
  484. }
  485. .title-container {
  486.         position: relative;
  487.         left: 50%;
  488.         float: left;
  489. }
  490. .title-container .title {
  491.         width: auto;
  492.         height: auto;
  493.         border: 1px solid;
  494.         display: inline-block;
  495.         position: relative;
  496.         left: -50%;
  497.         box-shadow: 0px 0px 4px #999;
  498.         -moz-box-shadow: 0px 0px 4px #999;
  499.         -webkit-box-shadow: 0px 0px 4px #999;
  500. }
  501. .title-container h1, .title-container h2, .title-container h3, .title-container .post-title {
  502.         color: #fff;
  503.         font-size: 17px;
  504.         padding: 8px 30px 5px 30px;
  505.         display: inline-block;
  506.         background: url('images/patern_sharp.png');
  507.         border: 1px solid;
  508. }
  509. .title-container .bar-left {
  510.         position: absolute;
  511.         top: -1px;
  512.         left: -10px;
  513.         border-color: transparent;
  514.         border-style: solid;
  515.         border-width: 5px;
  516.         width: 0;
  517.         height: 0;
  518. }
  519. .title-container .bar-right {
  520.         position: absolute;
  521.         top: -1px;
  522.         right: -10px;
  523.         border-color: transparent;
  524.         border-style: solid;
  525.         border-width: 5px;
  526.         width: 0;
  527.         height: 0;
  528. }
  529. .frontcontent-container {
  530.         display: inline-block;
  531.         padding: 42px 0 0 0;
  532. }
  533. .readmore {
  534.         margin: 20px 0 0 4px;
  535.         width: auto;
  536.         height: auto;
  537.         display: inline-block;
  538.         border: 1px solid;
  539.         box-shadow: 0px 1px 2px #aaa;
  540.         -moz-box-shadow: 0px 1px 2px #aaa;
  541.         -webkit-box-shadow: 0px 1px 2px #aaa;
  542.         z-index: 99;
  543.         position: relative;
  544.         line-height: 1em;
  545. }
  546. #footer .readmore {
  547.         box-shadow: 0px 1px 2px #060606;
  548.         -moz-box-shadow: 0px 1px 2px #060606;
  549.         -webkit-box-shadow: 0px 1px 2px #060606;
  550.         text-shadow: #888 0px 1px 0px;
  551. }
  552. .readmore:hover, input[type="submit"]:hover {
  553.         text-decoration: none;
  554. }
  555. .post .readmore {
  556.         margin-top: 0px;
  557. }
  558. /*.readmore {
  559.         float: left;
  560. }*/
  561. .readmore {
  562.         float: none;
  563.         *display: inline;
  564.         zoom: 1;
  565. }
  566. .readmore a, input[type="submit"] {
  567.         color: #fff;
  568.         text-shadow: #444 0px -1px 0px;
  569.         cursor: pointer;
  570.         padding: 8px 15px;
  571.         background: url('images/patern_sharp.png');
  572.         display: inline-block;
  573.         margin: 0;
  574.         border: 1px solid;
  575. }
  576. .readmore a:hover {
  577.         text-decoration: none;
  578. }
  579. input[type="submit"] {
  580.         margin: 0px;
  581.         padding: 5px 10px;
  582. }
  583. .ie7 input[type="submit"] {
  584.         padding: 6px 7px;
  585.     border: 0px;
  586. }
  587. #post-container {
  588.         width: 600px;
  589.         height: auto;
  590.         display: inline-block;
  591.         padding: 25px 20px 20px 20px;
  592. }
  593. .sidebar_left #post-container {
  594.         float: right;
  595. }
  596. .sidebar_right #post-container {
  597.         float: left;
  598. }
  599. .post {
  600.         padding: 30px 0 0 0;
  601.         float: left;
  602.         display: inline-block;
  603.         width: 600px;
  604. }
  605. .fullwidthpage .post, .fullwidthpage #post-container {
  606.         width: 916px;
  607. }
  608. .post-img {
  609.         border: #dedede 1px solid;
  610.         height: auto;
  611.         width: 596px;
  612.         display: inline-block;
  613.         margin: 0 0 15px 0;
  614.         padding: 1px;
  615.         background: #fff url('images/glass_small.png') 50% 50% no-repeat;
  616. }
  617. .fullwidthpage .post-img {
  618.         width: 912px;
  619. }
  620. .post-img-border {
  621.         border: #f0f0f0 4px solid;
  622. }
  623. .post-img a {
  624.         display: inline-block;
  625. }
  626. .post-img img {
  627.         width: 588px;
  628.         height: auto;
  629.         display: inline-block;
  630. }
  631. .fullwidthpage .post-img img {
  632.         width: 904px;
  633. }
  634. .post-title {
  635.         color: #3F403B;
  636.         font-size: 24px;
  637. }
  638. .title-container .post-title {
  639.         color: #fff;
  640.         font-size: 18px;
  641. }
  642. .title-container .post-title a {
  643.         color: #fff;
  644. }
  645. .page-subtitle {
  646.         color: #aaa;
  647.         font-size: 17px;
  648.         margin: 40px 0 0 0;
  649. }
  650. .post-meta {
  651.         font-size: 12px;
  652.         color: #000;
  653.         margin: 10px 0 15px 0;
  654.         text-shadow: #f8f8f8 0px 1px 0px;
  655.         position: relative;
  656. }
  657. .singular .post-meta {
  658.         margin-bottom: 5px;
  659. }
  660. .jump_to_comments {
  661.         float: right;
  662.         position: absolute;
  663.         top: 0;
  664.         right: 0;
  665. }
  666.  
  667. .post-devider, .meta-devider {
  668.     background: none repeat scroll 0 0 #F8F7F5;
  669.     border-top: 1px solid #E4E3E1;
  670.     display: inline-block;
  671.     height: 1px;
  672.     margin: 30px 0 0 0;
  673.     width: 100%;
  674. }
  675. .meta-devider {
  676.         margin: 7px 0 9px 0;
  677. }
  678.  
  679. .post-comments {
  680.         float: right;
  681.         background: url(images/cbubble_left.gif) no-repeat top left;
  682.         padding: 3px 0 7px 7px;
  683. }
  684. .post-comments a {
  685.         background: url(images/cbubble_right.gif) no-repeat top right;
  686.         padding: 3px 7px 7px 0;
  687.         color: #fff;
  688. }
  689. .post-comments a:hover {
  690.         color: #fff;
  691. }
  692. .post-content {
  693.         line-height: 1.5;
  694.         color: #3e3e3e;
  695.         text-shadow: #f8f8f8 0px 1px 0px;
  696.         width: 100%;
  697. }
  698. .singular .post-content {
  699.         margin-top: 10px;
  700. }
  701. .post-content .selection {
  702.         text-shadow: none;
  703. }
  704. .post-content h1 {
  705.         font-size: 28px;
  706.         margin: 0 0 10px 0;
  707. }
  708. .post-content h2 {
  709.         font-size: 24px;
  710.         padding: 15px 0 0 0;
  711.         margin: 0 0 10px 0;
  712. }
  713. .post-content h3 {
  714.         font-size: 20px;
  715.         font-weight: bold;
  716.         padding: 15px 0 0 0;
  717.         margin: 0 0 10px 0;
  718. }
  719. .post-content h4 {
  720.         font-size: 16px;
  721.         font-weight: bold;
  722.         padding: 10px 0 0 0;
  723.         margin: 0 0 5px 0;
  724. }
  725. .post-content h5 {
  726.         font-size: 13px;
  727.         font-weight: bold;
  728.         padding: 10px 0 0 0;
  729.         margin: 0 0 5px 0;
  730. }
  731. .post-content h6 {
  732.         font-size: 13px;
  733.         margin: 0 0 5px 0;
  734.         padding: 10px 0 0 0;
  735.         font-style: italic;
  736. }
  737. .post-content p {
  738.         line-height: 1.5;
  739.         margin-bottom: 20px;
  740. }
  741. .post-content .alignnone {
  742.         background: #FFF;
  743.         padding: 5px;
  744. }
  745. .post-content .alignleft {
  746.         float: left;
  747.         margin: 5px 25px 15px 0;
  748.         display: inline-block;
  749. }
  750. .post-content .alignright {
  751.         float: right;
  752.         margin: 5px 0 15px 25px;
  753.         display: inline-block;
  754. }
  755. .post-content .aligncenter {
  756.         display: block;
  757.         text-align: center;
  758.         margin: 5px auto 15px auto;
  759. }
  760. .post-content .wp-caption {}
  761. .post-content .wp-caption p.wp-caption-text {
  762.         margin: 5px 0 0 0;
  763.         font-style: italic;
  764.         text-align: center;
  765.         color: #888;
  766. }
  767. .post-content .wp-caption img {
  768.         width: 100%;
  769.         height: auto;
  770. }
  771. .post-content .alignnone, .post-content .alignleft, .post-content .alignright, .post-content .aligncenter {
  772.         max-width: 586px;
  773.         height: auto;
  774.         border: 1px solid #fff;
  775.         padding: 4px;
  776.         background: #f0f0f0;
  777.         box-shadow: 0px 0px 1px #cecece;
  778.         -moz-box-shadow: 0px 0px 1px #cecece;
  779.         -webkit-box-shadow: 0px 0px 1px #cecece;
  780. }
  781. .fullwidthpage .alignnone, .fullwidthpage .alignleft, .fullwidthpage .alignright, .post-content .aligncenter {
  782.         max-width: 906px;
  783.         height: auto;
  784. }
  785.  
  786.  
  787.  
  788. .post-content ul,.post-content ol {
  789.         margin-left: 30px;
  790.         margin-bottom: 20px;
  791.         margin-top: 5px;
  792. }
  793. .post-content ul li ul,.post-content ol li ol {
  794.         margin-left: 30px;
  795.         margin-bottom: 0;
  796. }
  797. .post-content ul {
  798.         list-style: disc;
  799. }
  800. .post-content ol {
  801.         list-style: decimal;
  802. }
  803. .post-content ul li,.post-content ol li {
  804.         line-height: 1.3;
  805.         margin-bottom: 5px;
  806. }
  807. .more-link {
  808.         font-weight: 700;
  809.         display: block;
  810.         margin-top: 10px;
  811. }
  812. .section-title {
  813.         font-size: 140%;
  814.         margin-bottom: 10px;
  815. }
  816. .navleft {
  817.         float: left;
  818. }
  819. .navright {
  820.         float: right;
  821. }
  822. .navigation div a {
  823.         display: inline-block;
  824.         margin: 20px 0 0 0;
  825.         font-size: 17px;
  826. }
  827.  
  828. input[type=text], input[type=password], textarea {
  829.         border: #fff 1px solid;
  830.         padding: 5px;
  831.         background: #f4f4f4;
  832.         box-shadow: 0px 0px 1px #ccc;
  833.         -moz-box-shadow: 0px 0px 1px #ccc;
  834.         -webkit-box-shadow: 0px 0px 1px #ccc;
  835.         max-width: 100%;
  836. }
  837. input[type=text]:focus, , input[type=password]:focus, textarea:focus {
  838.         background: #fafafa;
  839. }
  840.  
  841.  
  842.  
  843. .social-sharing {
  844.         display: inline-block;
  845.         float: left;
  846. }
  847. ul.sharing, ul.sharing li {
  848.         display: inline-block;
  849.     list-style:none;
  850.     padding:0;
  851.     margin:0;
  852.         position: relative;
  853. }
  854. .ie7 ul.sharing li {
  855.         float: left;
  856. }
  857. ul.sharing li a {
  858.         height: 24px;
  859.         width: 24px;
  860.         margin: 0 10px 0 0;
  861.         display: inline-block;
  862.     -moz-opacity: 0.70;
  863.     -khtml-opacity: 0.70;
  864.         -webkit-opacity: 0.70;
  865.     opacity: 0.70;
  866.     zoom: 1;
  867. }
  868. ul.sharing li a:hover {
  869.     -moz-opacity: 1;
  870.     -khtml-opacity: 1;
  871.         -webkit-opacity: 1;
  872.     opacity: 1;
  873.     zoom: 1;
  874. }
  875. ul.sharing li.tweet a {
  876.         background: url('images/twitter.png') no-repeat 50% 50%;
  877. }
  878. ul.sharing li.fb a {
  879.         background: url('images/facebook.png') no-repeat 50% 50%;
  880. }
  881. ul.sharing li.gbuzz a {
  882.         background: url('images/google-buzz.png') no-repeat 50% 50%;
  883. }
  884. ul.sharing li.digg a {
  885.         background: url('images/digg.png') no-repeat 50% 50%;
  886. }
  887. ul.sharing li.del a {
  888.         background: url('images/delicious.png') no-repeat 50% 50%;
  889. }
  890. ul.sharing li.stumble a {
  891.         background: url('images/stumbleupon.png') no-repeat 50% 50%;
  892. }
  893. ul.sharing li.linkedin a {
  894.         background: url('images/linkedin.png') no-repeat 50% 50%;
  895. }
  896. ul.sharing li.google a {
  897.         background: url('images/google.png') no-repeat 50% 50%;
  898. }
  899. /* end ---------------------------------------- content */
  900.  
  901.  
  902.  
  903.  
  904.  
  905. /* begin ---------------------------------------- gallery */
  906. #gallery #post-container {
  907.         width: 956px;
  908.         padding: 20px 0 10px 0;
  909. }
  910. .gal_item {
  911.         display: inline-block;
  912.         width: 270px;
  913.         height: auto;
  914.         margin: 30px 24px 0 24px;
  915.         float: left;
  916. }
  917. .gal_item .post-title {
  918.         font-size: 20px;
  919. }
  920. .gal_item .post-img {
  921.         width: auto;
  922.         height: auto;
  923.         display: inline-block;
  924.         margin: 0 0 10px 0;
  925.         padding: 1px;
  926.         background: #fff;
  927.         border: #DEDEDC 1px solid;
  928. }
  929. .gal_item .post-img-border {
  930.         width: 258px;
  931.         height: auto;
  932.         overflow: hidden;
  933.         border: #f0f0f0 4px solid;
  934.         background: #fff url('images/glass_small.png') 50% 50% no-repeat;
  935. }
  936. .gal_item .post-img-border {
  937.         display: inline-block;
  938. }
  939. .gal_item .post-img img {
  940.         border: 0;
  941.         padding: 0;
  942.         width: 258px;
  943.         height: auto;
  944. }
  945. .gal_item .post-content p {
  946.         margin: 10px 0 0 0;
  947. }
  948. .gal-devider {
  949.         display: inline-block;
  950.         width: 100%;
  951.         height: 0px;
  952.         float: left;
  953. }
  954. #nicepagination {
  955.         width: 100%;
  956.         margin: 30px 0 0 0;
  957.         display: inline-block;
  958.         text-align: center;
  959.         position: relative;
  960. }
  961. #gallery #nicepagination {
  962.         margin-top: 40px;
  963.         margin-bottom: 20px;
  964. }
  965. #nicepagination ul {
  966.         position: relative;
  967.         clear: both;
  968.         display: inline-block;
  969.         margin 0 auto;
  970. }
  971. #nicepagination ul li {
  972.         margin: 0 5px;
  973.         font-size: 14px;
  974. }
  975. #nicepagination ul li.active {}
  976. /* end ---------------------------------------- gallery */
  977.  
  978.  
  979.  
  980.  
  981.  
  982. /* begin ---------------------------------------- menu card */
  983. #card-container {
  984.         width: 956px;
  985.         height: 0px;
  986.         display: inline-block;
  987.         padding: 50px 0;
  988.         position: relative;
  989.         overflow: hidden;
  990.         text-shadow: #f8f8f8 0px 1px 0px;
  991. }
  992. #card-prev {
  993.         position: absolute;
  994.         display: inline-block;
  995.         top: 80px;
  996.         left: -8px;
  997.         width: 28px;
  998.         height: 74px;
  999.         z-index: 8;
  1000. }
  1001. #card-prev .arrow_bit_top {
  1002.         width: 6px;
  1003.         height: 62px;
  1004.         position: absolute;
  1005.         left: 0px;
  1006.         top: 6px;
  1007.         background: url('images/patern_sharp.png') bottom;
  1008. }
  1009. #card-prev .arrow_bit_bottom {
  1010.         width: 26px;
  1011.         height: 54px;
  1012.         position: absolute;
  1013.         left: 0px;
  1014.         top: 10px;
  1015.         -webkit-border-radius: 0 26px 26px 0;
  1016.     -moz-border-radius: 0 26px 26px 0;
  1017.     border-radius: 0 26px 26px 0;
  1018.         background: url('images/patern_sharp.png') top;
  1019.         box-shadow: 1px 0px 1px #888;
  1020.         -moz-box-shadow: 1px 0px 1px #888;
  1021.         -webkit-box-shadow: 1px 0px 1px #888;
  1022. }
  1023. #card-prev .arrow_bit_left, #card-prev .arrow_bit_right {
  1024.         width: 6px;
  1025.         height: 10px;
  1026.         position: absolute;
  1027.         left: 0px;
  1028.         top: 0px;
  1029.         -webkit-border-radius: 10px 0 0 10px;
  1030.     -moz-border-radius: 10px 0 0 10px;
  1031.     border-radius: 10px 0 0 10px;
  1032.         background: url('images/patern_sharp.png');
  1033. }
  1034. #card-prev .arrow_bit_right {
  1035.         top: 64px;
  1036. }
  1037. #card-prev .arrow_bit_middle {
  1038.         width: 12px;
  1039.         height: 22px;
  1040.         position: absolute;
  1041.         left: 5px;
  1042.         top: 26px;
  1043. }
  1044. #card-prev .arrow_bit_middle {
  1045.         background: url('images/arrow_left.png') no-repeat;
  1046. }
  1047.  
  1048.  
  1049.  
  1050. #card-next {
  1051.         position: absolute;
  1052.         display: inline-block;
  1053.         top: 80px;
  1054.         right: -8px;
  1055.         width: 28px;
  1056.         height: 74px;
  1057.         z-index: 8;
  1058. }
  1059. #card-next .arrow_bit_top {
  1060.         width: 6px;
  1061.         height: 62px;
  1062.         position: absolute;
  1063.         right: 0px;
  1064.         top: 6px;
  1065.         background: url('images/patern_sharp.png') bottom;
  1066. }
  1067. #card-next .arrow_bit_bottom {
  1068.         width: 26px;
  1069.         height: 54px;
  1070.         position: absolute;
  1071.         right: 0px;
  1072.         top: 10px;
  1073.         -webkit-border-radius: 26px 0 0 26px;
  1074.     -moz-border-radius: 26px 0 0 26px;
  1075.     border-radius: 26px 0 0 26px;
  1076.         background: url('images/patern_sharp.png') top;
  1077.         box-shadow: -1px 0px 1px #888;
  1078.         -moz-box-shadow: -1px 0px 1px #888;
  1079.         -webkit-box-shadow: -1px 0px 1px #888;
  1080. }
  1081. #card-next .arrow_bit_left, #card-next .arrow_bit_right {
  1082.         width: 6px;
  1083.         height: 10px;
  1084.         position: absolute;
  1085.         right: 0px;
  1086.         top: 0px;
  1087.         -webkit-border-radius: 0 10px 10px 0;
  1088.     -moz-border-radius: 0 10px 10px 0;
  1089.     border-radius: 0 10px 10px 0;
  1090.         background: url('images/patern_sharp.png');
  1091. }
  1092. #card-next .arrow_bit_right {
  1093.         top: 64px;
  1094. }
  1095. #card-next .arrow_bit_middle {
  1096.         width: 12px;
  1097.         height: 22px;
  1098.         position: absolute;
  1099.         right: 5px;
  1100.         top: 26px;
  1101. }
  1102. #card-next .arrow_bit_middle {
  1103.         background: url('images/arrow_right.png') no-repeat;
  1104. }
  1105. #card-slider {
  1106.         width: 100000px;
  1107.         height: auto;
  1108.         display: inline-block;
  1109.         position: absolute;
  1110.         top: 60px;
  1111.         left: 0px;
  1112.         z-index: 7;
  1113. }
  1114. .card-page {
  1115.         width: 956px;
  1116.         height: auto;
  1117.         float: left;
  1118.         display: inline-block;
  1119.         position: relative;
  1120. }
  1121. .menucard-devider {
  1122.         position: absolute;
  1123.         height: 100%;
  1124.         width: 1px;
  1125.         background: #E0E0DE;
  1126.         border-right: #f7f7f5 1px solid;
  1127.         left: 50%;
  1128. }
  1129. .card-cat {
  1130.         width: 400px;
  1131.         height: auto;
  1132.         float: left;
  1133.         padding: 0 39px;
  1134.         display: inline-block;
  1135. }
  1136. .card-cat h2 {
  1137.         font-size: 22px;
  1138. }
  1139. .card-cat h3 {
  1140.         font-size: 18px;
  1141.         margin: 50px 0 0 0;
  1142. }
  1143. .card-cat .cat-desc {
  1144.         font-style: italic;
  1145.         padding: 15px 0 5px 0;
  1146.         display: inline-block;
  1147. }
  1148. .card-cat .devider {
  1149.         margin: -5px 0 0 0;
  1150. }
  1151. .card-item {
  1152.         margin: 25px 0 0 0;
  1153.         display: inline-block;
  1154.         width: 100%;
  1155.         position: relative;
  1156. }
  1157. .card-item .dottedline {
  1158.         width: 100%;
  1159.         height: 13px;
  1160.         border-bottom: #ccc 1px dotted;
  1161.         position: absolute;
  1162.         top: 0px;
  1163.         left: 0px;
  1164. }
  1165. .card-item.has-thumbnail .dottedline {
  1166.         width: 75%;
  1167.         left: 25%;
  1168. }
  1169. .card-item .item-img {
  1170.         border: #DEDEDE 1px solid;
  1171.         display: inline-block;
  1172.         margin: 0 20px 0 0;
  1173.         vertical-align: top;
  1174.         float: left;
  1175.         padding: 1px;
  1176.         background: #fff;
  1177. }
  1178. .card-item .item-img-border {
  1179.         border: #f0f0f0 4px solid;
  1180.         background: #fff url('images/glass_tiny.png') 50% 50% no-repeat;
  1181.         height: 56px;
  1182.         width: 56px;
  1183.         overflow: hidden;
  1184.         display: inline-block;
  1185. }
  1186. .card-item .item-img img {
  1187.         height: 100%;
  1188.         width: auto;
  1189.         display: inline-block;
  1190. }
  1191. .card-item .item-text {
  1192.         display: inline-block;
  1193.         width: 320px;
  1194.         float: left;
  1195.         zoom: 1;
  1196.         *display: inline;
  1197. }
  1198. .card-item.has-thumbnail .item-text {
  1199.         width: 200px;
  1200. }
  1201. .card-item .name {
  1202.         font-weight: bold;
  1203.         display: inline-block;
  1204.         line-height: 1.5;
  1205.         padding: 0 10px 0 0;
  1206.         background: #edeae6;
  1207.         position: relative;
  1208.         zoom: 1;
  1209.         *display: inline;
  1210. }
  1211. .card-item a {
  1212.         text-decoration: underline;
  1213. }
  1214. .card-item .price {
  1215.         display: inline-block;
  1216.         float: right;
  1217.         width: auto;
  1218.         text-align: right;
  1219.         font-weight: bold;
  1220.         line-height: 1.5;
  1221.         padding: 0 0 0 10px;
  1222.         background: #edeae6;
  1223.         position: relative;
  1224. }
  1225. .card-item .description {
  1226.         display: block;
  1227.         line-height: 1.5;
  1228.         padding: 5px 0 0 0;
  1229. }
  1230. /* end ---------------------------------------- menu card */
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236. /* begin ---------------------------------------- comments */
  1237. #comments {
  1238.         display: inline-block;
  1239.         margin: 20px 0 0 0;
  1240.         text-shadow: #f8f8f8 0px 1px 0px;
  1241. }
  1242. #comments-title {
  1243.         font-size: 22px;
  1244.         padding: 0 0 10px 0;
  1245. }
  1246. #comments .comment-notes {
  1247.         line-height: 1.6;
  1248. }
  1249. #reply-title {
  1250.         font-size: 22px;
  1251. }
  1252. #comments ol.commentlist {
  1253.         margin-bottom: 40px;
  1254. }
  1255. #comments li.comment {
  1256.         margin: 10px 0;
  1257.         line-height: 1.6;
  1258. }
  1259. #comments ul.children li.comment {
  1260.         margin: 10px 0 0px 20px;
  1261. }
  1262. #comments .comment-single {
  1263.         display: block;
  1264.         position: relative;
  1265.         border: 1px solid #fff;
  1266.         background: #eee;
  1267.         padding: 15px;
  1268. }
  1269. #comments .comment-gravatar {
  1270.         float: left;
  1271.         display: block;
  1272.         margin-right: 20px;
  1273.         heigth: 60px;
  1274.         width: 60px;
  1275.         background: #fff;
  1276.         padding: 5px;
  1277.         border: 1px solid #DEDEDC;
  1278. }
  1279. #comments .comment-meta {
  1280.         font-style: italic;
  1281. }
  1282. #comments .comment-meta .fn {
  1283.         font-weight: bold;
  1284.         margin: 0 25px 0 0;
  1285.         font-style: normal;
  1286. }
  1287. #comments .comment-body {
  1288.         margin: 15px 0;
  1289. }
  1290. #comments .comment-body p {
  1291.         line-height: 1.6;
  1292. }
  1293. #comments .reply {
  1294.         float: right;
  1295.         font-style: normal;
  1296. }
  1297. #respond {
  1298.         margin-bottom: 10px;
  1299. }
  1300. #commentform {
  1301.         margin: 0;
  1302.         padding: 20px 0 0 0;
  1303. }
  1304. #respond .required {
  1305.         display: inline-block;
  1306. }
  1307. #respond label {
  1308.         display: inline-block;
  1309.         margin: 15px 0 5px 0;
  1310.         font-weight: bold;
  1311. }
  1312. #respond input, #respond textarea {
  1313.         display: block;
  1314. }
  1315. #respond input[type="text"] {
  1316.         max-width: 600px;
  1317.         margin-bottom: 10px;
  1318.         padding: 5px;
  1319. }
  1320. #respond textarea {
  1321.         max-width: 570px;
  1322.         height: 100px;
  1323.         font-family: Arial, Helvetica, sans-serif;
  1324.         padding: 10px;
  1325.         color: #5d5d5d;
  1326. }
  1327. #respond .form-allowed-tags, #respond .form-submit {
  1328.         margin-top: 15px;
  1329.         line-height: 1.6;
  1330. }
  1331. #cancel-comment-reply-link {
  1332.         float: right;
  1333. }
  1334. /* end ---------------------------------------- comments */
  1335.  
  1336.  
  1337.  
  1338.  
  1339.  
  1340. /* begin ---------------------------------------- sidebar */
  1341. #sidebar {
  1342.         width: 280px;
  1343.         margin: 35px 0 0 0;
  1344.         display: inline-block;
  1345.         color: #8b8a8b;
  1346.         position: relative;
  1347. }
  1348. .sidebar_left #sidebar {
  1349.         float: left;
  1350.         padding: 20px 0 20px 20px;
  1351. }
  1352. .sidebar_right #sidebar {
  1353.         float: right;
  1354.         padding: 20px 20px 20px 0;
  1355. }
  1356. #sidebar a {
  1357.         color: #8b8a8b;
  1358.         text-decoration: underline;
  1359. }
  1360. #sidebar .readmore a {
  1361.         text-decoration: none; 
  1362. }
  1363. .sidepanel {
  1364.         position: relative;
  1365.         margin-bottom: 40px;
  1366.         text-shadow: #f8f8f8 0px 1px 0px;
  1367.         float: left;
  1368.         width: 280px;
  1369. }
  1370. .widget-container .sidepanel {
  1371.         width: 280px;
  1372.         padding: 40px 19px 0 19px;
  1373. }
  1374. #frontwidgets .sidepanel {
  1375.         padding-top: 0px;
  1376. }
  1377. .sidepanel h3 {
  1378.         color: #414445;
  1379.         font-size: 17px;
  1380. }
  1381. .sidepanel .title-container h3 {
  1382.         color: #fff;
  1383. }
  1384. #sidebar .sidepanel h3 {
  1385.         margin-bottom: 10px;
  1386. }
  1387. .sidepanel ul li {
  1388.         padding: 5px 0;
  1389.         line-height: 1.5;
  1390. }
  1391. .sidepanel p {
  1392.         margin-top: 8px;
  1393.         line-height: 1.5;
  1394. }
  1395. #searchform #s {
  1396.         width: 180px;
  1397. }
  1398. #searchform input[type="submit"] {
  1399.         width: 80px;
  1400. }
  1401. .sidepanel .post-title {
  1402.         font-size: 13px;
  1403. }
  1404. /* end ---------------------------------------- sidebar */
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410. /* begin ---------------------------------------- footer */
  1411. #footer-container {
  1412.         position: relative;
  1413.         z-index: 6;
  1414.         width: 100%;
  1415.         height: auto;
  1416.         display: inline-block;
  1417. }
  1418. #footer {
  1419.         margin: 0 auto;
  1420.         width: 958px;
  1421.         height: auto;
  1422.         margin: 0 0 20px 0;
  1423.         display: inline-block;
  1424.         background: #191919 url('images/footer_bg.png') repeat-x;
  1425.         border: #191919 1px solid;
  1426.         color: #fff;
  1427.         position: relative;
  1428.         float: left;
  1429. }
  1430. #footer-border {
  1431.         display: inline-block;
  1432.         border: #555 1px solid;
  1433.         width: 956px;
  1434.         height: auto;
  1435.         position: relative;
  1436.         float: left;
  1437. }
  1438. #footer .sidepanel {
  1439.         width: 200px;
  1440.         display: inline-block;
  1441.         float: left;
  1442.         margin: 35px 20px 0 19px;
  1443.         padding: 0 0 35px 0;
  1444.         position: relative;
  1445.         color: #777;
  1446.         font-size: 12px;
  1447.         text-shadow: #000 0px -1px 0px;
  1448. }
  1449. #footer .sidepanel h3 {
  1450.         color: #fff;
  1451.         size: 17px;
  1452.         margin: 0 0 20px 0;
  1453. }
  1454. #footer .sidepanel a {
  1455.         color: #bbb;
  1456. }
  1457. #footer-links {
  1458.         display: inline-block;
  1459.         list-style: none;
  1460.         padding: 0 0 15px 0;
  1461. }
  1462. #footer-links li {
  1463.         float: left;
  1464.         margin-right: 15px;
  1465. }
  1466. /* end ---------------------------------------- footer */
  1467.  
  1468.  
  1469.  
  1470.  
  1471.  
  1472. /* begin ---------------------------------------- widgets */
  1473. .rf_fronttext_widget p {
  1474.         display: inline-block;
  1475.         margin-top: 0px;
  1476. }
  1477. .rf_fronttext_widget .postimage-container {
  1478.         border: #dedede 1px solid;
  1479.         margin: 0 0 15px 0;
  1480.         display: block;
  1481.         float: left;
  1482.         width: 276px;
  1483.         padding: 1px;
  1484.         background: #fff;
  1485. }
  1486. #footer .rf_fronttext_widget .postimage-container {
  1487.         border-color: #2a2a2a;
  1488.         background-color: #000;
  1489.         width: 196px;
  1490. }
  1491. .rf_fronttext_widget .postimage-border {
  1492.         border: #f0f0f0 4px solid;
  1493.         width: 268px;
  1494.         height: auto;
  1495.         overflow: hidden;
  1496.         display: inline-block;
  1497.         background: #fff url('images/glass_small.png') 50% 50% no-repeat;
  1498. }
  1499. #footer .rf_fronttext_widget .postimage-border {
  1500.         border-color: #131313;
  1501.         width: 188px;
  1502. }
  1503. .rf_fronttext_widget .postimage {
  1504.         display: inline-block;
  1505. }
  1506. .rf_fronttext_widget .postimage img {
  1507.         width: 100%;
  1508.         height: auto;
  1509. }
  1510.  
  1511.  
  1512.  
  1513. .rf_contact_widget .social-buttons {
  1514.         margin: 0 0 10px 0;
  1515.         display: inline-block;
  1516. }
  1517. .rf_contact_widget .social-buttons a {
  1518.         margin: 1px 0 0 15px;
  1519.         display: inline-block;
  1520.         float: left;
  1521. }
  1522. .rf_contact_widget .social-buttons a:first-child {
  1523.         margin-left: 0;
  1524. }
  1525. .rf_contact_widget .social-buttons a:hover {
  1526.         margin-top: 0px;
  1527. }
  1528. .rf_contact_widget .phone, .rf_contact_widget .email, .rf_contact_widget .location {
  1529.         width: 100%;
  1530.         display: inline-block;
  1531.         margin: 10px 0 0 0;
  1532. }
  1533. .rf_contact_widget .phone .icon {
  1534.         background: url('images/phone_dark.png') 50% 50% no-repeat;
  1535. }
  1536. #footer .rf_contact_widget .phone .icon {
  1537.         background: url('images/phone.png') 50% 50% no-repeat;
  1538. }
  1539. .rf_contact_widget .email .icon {
  1540.         background: url('images/email_dark.png') 50% 50% no-repeat;
  1541. }
  1542. #footer .rf_contact_widget .email .icon {
  1543.         background: url('images/email.png') 50% 50% no-repeat;
  1544. }
  1545. .rf_contact_widget .location .icon {
  1546.         background: url('images/pin_dark.png') 50% 50% no-repeat;
  1547. }
  1548. #footer .rf_contact_widget .location .icon {
  1549.         background: url('images/pin.png') 50% 50% no-repeat;
  1550. }
  1551. .rf_contact_widget .icon {
  1552.         height: 24px;
  1553.         width: 24px;
  1554.         display: inline-block;
  1555.         float: left;
  1556. }
  1557. .rf_contact_widget .text {
  1558.         display: inline-block;
  1559.         float: left;
  1560.         width: auto;
  1561.         margin: 1px 0 0 10px;
  1562. }
  1563. .rf_contact_widget p {
  1564.         margin: 0;
  1565. }
  1566.  
  1567.  
  1568.  
  1569. .rf_twitter_widget {
  1570.         display: inline-block;
  1571. }
  1572. .rf_twitter_widget .tweet {
  1573.         background: #FAFAFA;
  1574.         border: #D4D4D4 1px solid;
  1575.         -webkit-border-radius: 3px;
  1576.     -moz-border-radius: 3px;
  1577.     border-radius: 3px;
  1578.         padding: 10px;
  1579. }
  1580. #footer .rf_twitter_widget .tweet {
  1581.         background: #222;
  1582.         border: #444 1px solid;
  1583. }
  1584. .rf_twitter_widget ul.tweet_list {
  1585.         display: inline-block;
  1586. }
  1587. .rf_twitter_widget ul.tweet_list li {
  1588.         line-height: 1.6;
  1589.         margin: 0;
  1590.         padding: 0;
  1591.         display: inline-block;
  1592. }
  1593. .rf_twitter_widget .tweet_time, .rf_twitter_widget .tweet_time a {
  1594.         display: block;
  1595. }
  1596. .rf_twitter_widget .arrow-container {
  1597.         height: 10px;
  1598.         width: 10px;
  1599.         position: relative;
  1600.         margin: -1px 0 0 35px;
  1601.         display: inline-block;
  1602.         z-index: 100;
  1603. }
  1604. .rf_twitter_widget .arrow-border {
  1605.         height: 0;
  1606.         width: 0;
  1607.         border-color: #D4D4D4 transparent transparent transparent;
  1608.         border-style: solid;
  1609.         border-width: 10px;
  1610.         top: 0px;
  1611.         left: 0px;
  1612.         position: absolute;
  1613. }
  1614. #footer .rf_twitter_widget .arrow-border {
  1615.         border-color: #444 transparent transparent transparent;
  1616. }
  1617. .rf_twitter_widget .arrow {
  1618.         height: 0;
  1619.         width: 0;
  1620.         border-color: #FAFAFA transparent transparent transparent;
  1621.         border-style: solid;
  1622.         border-width: 8px;
  1623.         display: inline-block;
  1624.         top: 0px;
  1625.         left: 2px;
  1626.         position: absolute;
  1627. }
  1628. #footer .rf_twitter_widget .arrow {
  1629.         border-color: #222 transparent transparent transparent;
  1630. }
  1631. .rf_twitter_widget .follow {
  1632.         display: inline-block;
  1633.         width: 100%;
  1634.         position: relative;
  1635. }
  1636. .rf_twitter_widget .follow img {
  1637.         float: left;
  1638.         margin: 0 0 0 5px;
  1639. }
  1640. .rf_twitter_widget .follow a.followme {
  1641.         float: right;
  1642.         margin: 0 5px 0 0;
  1643. }
  1644.  
  1645.  
  1646.  
  1647. .rf_latest_posts_widget .post-item {
  1648.         display: inline-block;
  1649.         position: relative;
  1650.         width: 100%;
  1651.         margin: 10px 0 0 0;
  1652. }
  1653. .rf_latest_posts_widget .post-item.first {
  1654.         margin: 0;
  1655. }
  1656. .rf_latest_posts_widget .postimage-container {
  1657.         float: left;
  1658.         position: relative;
  1659.         display: inline-block;
  1660.         overflow: hidden;
  1661.         margin: 0 15px 0 0;
  1662.         border: 1px solid #DEDEDE;
  1663.         background: #fff;
  1664.         padding: 1px;
  1665. }
  1666. #footer .rf_latest_posts_widget .postimage-container {
  1667.         border-color: #2a2a2a;
  1668.         background: #000;
  1669. }
  1670. .rf_latest_posts_widget .postimage-container a {
  1671.         width: 50px;
  1672.         height: 50px;
  1673.         display: inline-block;
  1674.         overflow: hidden;
  1675.         background: #fff url('images/glass_tiny.png') 50% 50% no-repeat;
  1676.         border: 4px solid #f0f0f0;
  1677. }
  1678. #footer .rf_latest_posts_widget .postimage-container a {
  1679.         border-color: #131313;
  1680. }
  1681. .rf_latest_posts_widget .postimage-container img {
  1682.         height: 100%;
  1683.         width: auto;
  1684. }
  1685. #sidebar .rf_latest_posts_widget a {
  1686.         text-decoration: none;
  1687. }
  1688. .rf_latest_posts_widget h4 {
  1689.         display: block;
  1690.         font-size: 14px;
  1691.         line-height: 1.3em;
  1692. }
  1693. .rf_latest_posts_widget a:hover h4 {
  1694.         text-decoration: underline;
  1695. }
  1696. #footer .rf_latest_posts_widget a:hover h4 {
  1697.         color: #fff;
  1698.         text-decoration: none;
  1699. }
  1700. .rf_latest_posts_widget .post-date {
  1701.         display: block;
  1702.         margin: 5px 0;
  1703.         line-height: 1.3em;
  1704. }
  1705.  
  1706.  
  1707.  
  1708. .widget_line {
  1709.         width: 100%;
  1710.         height: 1px;
  1711.         display: inline-block;
  1712.         float: left;
  1713. }
  1714. /* end ---------------------------------------- widgets */
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720. /* begin ------------------------------------------------------------ Shortcodes */
  1721. .devider, .devider-top {
  1722.         height: 1px;
  1723.         margin: 0 8px;
  1724.         display: block;
  1725.         border-bottom: #E0E0DE 1px solid;
  1726.         -moz-box-shadow: 0px 1px 0px #F7F7F5;
  1727.         -webkit-box-shadow: 0px 1px 0px #F7F7F5;
  1728.         box-shadow: 0px 1px 0px #F7F7F5;
  1729. }
  1730. .devider {
  1731.         padding: 10px 0 0 0;
  1732.         margin: 0 0 20px 0;
  1733. }
  1734. .devider-top {
  1735.         padding: 20px 0 0 0;
  1736.         margin: 0 25px 40px 0;
  1737.         position: relative;
  1738. }
  1739. .devider-top a {
  1740.         position: absolute;
  1741.         margin: 20px 0 0 0;
  1742.         top: -0.5em;
  1743.         right: -25px;
  1744.         font-size: 11px;
  1745. }
  1746. .post-meta-bottom .devider-top {
  1747.         margin-bottom: 0;
  1748.         padding-top: 10px;
  1749. }
  1750. .post-meta-bottom .devider-top a {
  1751.         margin-top: 10px;
  1752. }
  1753.  
  1754.  
  1755.  
  1756. .post .column2x1, .post .column3x1, .post .column3x2, .post .column4x1, .post .column4x3 {
  1757.         display: inline-block;
  1758.         height: auto;
  1759.         margin: 20px 2% 20px 0;
  1760.         vertical-align: text-top;
  1761.         line-height: 1.6;
  1762. }
  1763. .ie7 .post .column2x1, .ie7 .post .column3x1, .ie7 .post .column3x2, .ie7 .post .column4x1, .ie7 .post .column4x3 {
  1764.         float: left;
  1765. }
  1766. .post .column2x1 {
  1767.         width: 47.5%;
  1768. }
  1769. .post .column3x1 {
  1770.         width: 31%;
  1771. }
  1772. .post .column3x2 {
  1773.         width: 64.5%;
  1774. }
  1775. .post .column4x1 {
  1776.         width: 22.5%;
  1777. }
  1778. .post .column4x3 {
  1779.         width: 73%;
  1780. }
  1781. .post .last {
  1782.         margin-right: 0;
  1783. }
  1784. .post .sc_sample {
  1785.         display: block;
  1786.         color: #aaa;
  1787.         margin: 0 0 10px 0;
  1788.         padding: 15px 10px;
  1789.         background: #fcfcfc;
  1790.         border: #DEDEDE 1px solid;
  1791.         line-height: 1.6;
  1792. }
  1793.  
  1794.  
  1795.  
  1796. .post .toggle {
  1797.         padding: 10px 0;
  1798. }
  1799. .post .toggle .title {
  1800.         background: url('images/minus.png') 0 50% no-repeat;
  1801.         padding: 9px 0 9px 50px;
  1802.         cursor: pointer;
  1803. }
  1804. .post .toggle.fold .title {
  1805.         background: url('images/plus.png') 0 50% no-repeat;
  1806. }
  1807. .post .toggle .toggle-content {
  1808.         margin: 0;
  1809.         padding: 0;
  1810. }
  1811.  
  1812.  
  1813.  
  1814. .message {
  1815.         display: block;
  1816.         color: #717fa1;
  1817.         margin: 0 0 10px 0;
  1818.         padding: 15px 10px;
  1819.         background: #d7e6f5;
  1820.         border: #aacae6 1px solid;
  1821.         line-height: 1.6;
  1822. }
  1823. .message .title {
  1824.         color: #626d86;
  1825. }
  1826. .message.notice {
  1827.         color: #847c4f;
  1828.         background: #fcf2c6;
  1829.         border: #ffcf4f 1px solid;
  1830. }
  1831. .message.notice .title {
  1832.         color: #726b44;
  1833. }
  1834. .message.succes {
  1835.         color: #4c794b;
  1836.         background: #d8f2ce;
  1837.         border: #b1e098 1px solid;
  1838. }
  1839. .message.succes .title {
  1840.         color: #416840;
  1841. }
  1842. .message.error {
  1843.         color: #c76458;
  1844.         background: #ffe9e9;
  1845.         border: #ffbcbc 1px solid;
  1846. }
  1847. .message.error .title {
  1848.         color: #bd5b4f;
  1849. }
  1850.  
  1851.  
  1852.  
  1853. #content .readmore.custom_button {
  1854.         margin-bottom: 20px;
  1855. }
  1856. /* end ------------------------------------------------------------ Shortcodes */
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862.  
  1863. /* begin ---------------------------------------- misc */
  1864. .sep {
  1865.         color: #CCC;
  1866.         margin: 0 8px;
  1867. }
  1868. .ico-small {
  1869.         vertical-align: middle;
  1870.         margin: 0 5px 2px 0;
  1871. }
  1872. .screen-reader-text {
  1873.         display: none;
  1874. }
  1875. input[type="text"] {
  1876.         padding: 5px;
  1877. }
  1878.  
  1879. /* widget styling */
  1880. #calendar_wrap th {
  1881.         padding: 5px;
  1882.         font-weight: bold;
  1883. }
  1884. #calendar_wrap td {
  1885.         padding: 5px;
  1886. }
  1887. /* end ---------------------------------------- misc */
RAW Paste Data
Top