Advertisement
brasofilo

DeepFocus2.2

Feb 8th, 2012
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.25 KB | None | 0 0
  1. /*
  2. Theme Name: DeepFocus
  3. Theme URI: http://www.elegantthemes.com/gallery/
  4. Version: 2.2
  5. Description: 2 Column theme from Elegant Themes
  6. Author: Elegant Themes
  7. Author URI: http://www.elegantthemes.com
  8. */
  9.  
  10.  
  11. /*------------------------------------------------*/
  12. /*-----------------[RESET]------------------------*/
  13. /*------------------------------------------------*/
  14.  
  15. /* http://meyerweb.com/eric/tools/css/reset/ */
  16. /* v1.0 | 20080212 */
  17.  
  18. html, body, div, span, applet, object, iframe,
  19. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  20. a, abbr, acronym, address, big, cite, code,
  21. del, dfn, em, font, img, ins, kbd, q, s, samp,
  22. small, strike, strong, sub, sup, tt, var,
  23. b, u, i, center,
  24. dl, dt, dd, ol, ul, li,
  25. fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  26.  
  27. body { line-height: 1; }
  28. ol, ul { list-style: none; }
  29. blockquote, q { quotes: none; }
  30.  
  31. blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
  32.  
  33. /* remember to define focus styles! */
  34. :focus { outline: 0; }
  35.  
  36. /* remember to highlight inserts somehow! */
  37. ins { text-decoration: none; }
  38. del { text-decoration: line-through; }
  39.  
  40. /* tables still need 'cellspacing="0"' in the markup */
  41. table { border-collapse: collapse; border-spacing: 0; }
  42.  
  43.  
  44. /*------------------------------------------------*/
  45. /*-----------------[BASIC STYLES]-----------------*/
  46. /*------------------------------------------------*/
  47.  
  48. body { text-align: center; line-height: 23px; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #ffffff; min-height: 25px; background: #575757 url(images/bg.jpg); }
  49.  
  50. a { text-decoration: none; color: #ffb200; }
  51. a:hover { text-decoration: underline; }
  52. .clear { clear: both; }
  53. .ui-tabs-hide { display: none; }
  54. br.clear { margin: 0px; padding: 0px; }
  55.  
  56. h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #ffb200; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
  57. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ffb200; }
  58. h1 { font-size: 30px; }
  59. h2 { font-size: 24px; }
  60. h3 { font-size: 22px; }
  61. h4 { font-size: 18px; }
  62. h5 { font-size: 16px; }
  63. h6 { font-size: 14px; }
  64. p { padding-bottom: 10px; line-height: 18px; }
  65. strong { font-weight: bold; color: #ffffff; }
  66. cite, em, i { font-style: italic; }
  67. pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
  68. ins { text-decoration: none; }
  69. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  70. sup { bottom: 0.8em; }
  71. sub { top: 0.3em; }
  72. dl { margin: 0 0 1.5em 0; }
  73. dl dt { font-weight: bold; }
  74. dd  { margin-left: 1.5em;}
  75. blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; text-shadow: none !important; }
  76.     blockquote p { padding-bottom: 0px; }
  77.  
  78. input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
  79. input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
  80. input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
  81. textarea { padding: 4px; }
  82.  
  83. img#about-image { float: left; margin: 3px 8px 8px 0px; }
  84.  
  85. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  86. * html .clearfix             { zoom: 1; } /* IE6 */
  87. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  88.  
  89. /*------------------------------------------------*/
  90. /*---------------[MAIN LAYOUT INFO]---------------*/
  91. /*------------------------------------------------*/
  92.  
  93. .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
  94.  
  95. #top { background: #d2d2d2 url(images/top-bg.png) repeat-x; border-bottom: 1px solid #ffffff; padding-top: 50px; }
  96.  
  97. #header { height: 100px; }
  98. /*body#home-featured #header {height: 202px;}*/
  99.     #home-top { background:url("images/top-bg.png") repeat-x bottom left #D2D2D2; width: 100%; height: 102px; position: absolute; top: -1px; left: 0px; z-index: 1; border-bottom:1px solid #FFFFFF; }
  100.    
  101.     #logo { float:left; margin-top:-25px;padding-bottom:20px; }
  102. #top-social {float:right;}
  103.    
  104.     #menu { position: absolute; top: 46px; left: 0px; background: url(images/menu-bg.png) no-repeat; width: 960px; height: 55px; }
  105.    
  106.         #search-form {float: right; background: url(images/search-bg.png) no-repeat; width: 150px; height: 31px; margin: 13px 10px 0px 0px;}
  107.             input#searchinput { background:none; border: none; font-size: 12px; font-style: italic; color: #7d7d7d; text-shadow: 1px 1px 1px #ffffff; margin-top:0px; padding-left:13px; width:105px; float: left; margin-right: 4px; position: relative; top: 6px; }
  108.             input#searchsubmit { float:left; margin-top:9px; }
  109. #content-full { position: relative; }
  110.     .center-highlight { background: url(images/dark-overlay.png) repeat-y top center; text-shadow: 2px 2px 1px rgba(0,0,0,0.25); }         
  111. #intro { background: url(images/intro-bg.png); }
  112.     #hr { background: url(images/shadow-bar-bg.png) repeat-x bottom left; }
  113. body#home-featured #hr { min-height: 479px; }  
  114.         #hr-center { background: url(images/shadow-bar-centerbg.png) no-repeat bottom center; }
  115.    
  116. #portfolio-items { padding-bottom: 20px; }
  117.     #portfolio-items .item { position: relative; background: url(images/item-bottom-shadow.png) no-repeat bottom left; padding-bottom: 5px; float: left; margin: 0px 33px 32px 0px; }
  118.     #portfolio-items .last {margin-right: 0px;}
  119.     .item-image { position:relative; top:0; }
  120.         #portfolio-items .item img.portfolio { border: 3px solid #e5e5e5; }
  121.         .item-image span.overlay { position: absolute; top: 3px; left: 3px; background: url(images/item-overlay.png) no-repeat !important; width: 207px; height: 136px; }
  122.         a.zoom-icon, a.more-icon { display: block; width: 61px; height: 61px; text-indent: -9999px; position: absolute; top: 41px; }
  123.         a.zoom-icon { left: 31px; background: url(images/zoom-icon.png) no-repeat; }
  124.         a.more-icon { left: 128px; background: url(images/readmore-icon.png) no-repeat; }
  125.             #tagline {line-height: 200px; padding-bottom: 40px; padding-top:30px;}
  126.                 #tagline p {font-size: 90px; color: #ffb200; background:url(images/quote-left.png) no-repeat left top; padding:0px 0px 0 30px; min-height:90px; }
  127.                 #tagline span {background:url(images/quote-right.png) no-repeat right bottom; padding:0 50px 3px 30px; font-size: 24px; color: #ffb200;  }
  128.         div.service {float:left; width:274px; padding: 52px 65px 26px 0px;}    
  129.         #blog {padding-right: 0px; width:282px; background: url(images/fromblog-bottom.png) no-repeat bottom left; padding-bottom: 16px; position: relative; }
  130.             h3.hometitle {font-size: 30px; color:#fff; padding-bottom: 8px; }
  131.             a.readmore {float: right; background: url(images/readmore.png) no-repeat bottom right; height: 38px; display: block; font-size: 18px; color: #323232 !important; padding-right: 9px; margin-top: 14px; font-weight: normal;}
  132.                 a.readmore span { display: block; background: url(images/readmore.png) no-repeat; padding:9px 5px 4px 12px; height:38px; }
  133.             a.readmore:hover { color: #ffffff; }   
  134.            
  135.             #blog-top {background: url(images/fromblog-top.png) no-repeat; height: 11px;}
  136.             #blog-wrapper {background: url(images/fromblog-mainbg.png) repeat-y #eeeeee; padding: 0px 1px 0px 1px; }
  137.                 #blog-content{background: url(images/fromblog-top-gradient.png) repeat-x; padding: 7px 22px 6px 24px; }
  138.                     #blog-content h4.widgettitle {font-size: 24px; color: #333333; padding-bottom: 12px; }
  139.                    
  140.                     #blog-content ul li { background: url(images/fromblog-bullet.png) no-repeat 0px 5px; padding: 0px 0px 15px 17px; }
  141.                         #blog-content ul li a.title  {display: block; color: #7d7d7d; font-size: 14px; text-shadow: 1px 1px 1px #ffffff; margin-bottom:-3px;}
  142.                             #blog-content ul li a.title:hover, #blog-content span.postinfo a:hover { color: #000000; text-decoration: none; }
  143.                         #blog-content span.postinfo, #blog-content span.postinfo a { color: #9d9d9d; font-size: 12px; font-style: italic; text-shadow: 1px 1px 1px #ffffff; }  
  144.                    
  145.                 #controllers2 { position: absolute; bottom: -12px; left: 102px; background: url(images/fromblog-controllers-bg.png) no-repeat; width: 75px; height: 38px; }
  146.                     #controllers2 a { display: block; text-indent: -9999px; width: 23px; height: 15px; float: left; }
  147.                         #controllers2 a#left-arrow { background: url(images/fromblog-controllers-down.png) no-repeat; margin: 11px 0px 0px 12px; }
  148.                         #controllers2 a#right-arrow { background: url(images/fromblog-controllers-top.png) no-repeat; margin: 11px 0px 0px 7px; }
  149.                        
  150.     #breadcrumbs { color: #ffffff; padding: 27px 0px; }
  151.         #breadcrumbs .raquo , #breadcrumbs a { color: #ffb200; }
  152.         #breadcrumbs a:hover { color: #ffffff; text-decoration: none; }
  153.        
  154.     #content-area { background: url(images/sidebar-bg.png) 688px 0px repeat-y; padding: 38px 0px; }
  155.     #full { background: none; padding: 38px 0px }
  156.         #left-area { width: 688px; float: left; }
  157.        
  158.             .entry { margin-bottom: 45px; }
  159.                 .blog-thumb { position: relative; float: left; margin-right: 23px;  }
  160.                     #content-area .blog-thumb span.overlay { position: absolute; top: 0px; left: 0px; background: url(images/blog-overlay.png) no-repeat; visibility:visible;}
  161.                     .blog-thumb, .blog-thumb span.overlay { width: 185px; height: 191px; }
  162.                 .entry-description { float: left; width: 443px; }
  163.                 .full-description { width: 651px; }
  164.                     p.post-meta { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: rgba(0, 0, 0, 0.2); border-bottom:1px solid #909090; border-right:1px solid #909090; padding: 5px 13px 5px 12px; font-style: italic; font-size: 11px; float: left; margin-bottom: 11px; }
  165.                     p.post-meta, p.post-meta a { color: #cccccc; font-weight: normal !important; }
  166.                     .post p.post-meta { width: 404px; }
  167.                     p.post-meta a:hover { color: #ffffff; text-decoration: none; }
  168.                    
  169.                
  170.                 .entry h2.title, .entry h1.title { font-size: 36px; padding-bottom: 11px; color: #ffffff; }
  171.                     .entry h2.title a { color: #ffffff; font-weight: normal !important; }
  172.                     .entry h2.title a:hover { text-decoration: none; }
  173.                     .entry a.readmore { margin-top: 5px; }
  174.                    
  175.                     .entry a { color:#FFFFFF; font-weight:bold; }
  176.                
  177.                 .post { width: 648px; margin-bottom:17px; }
  178.                 .full { width: 960px; }
  179.                
  180.                 .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #ffffff; }
  181.                    
  182.     #gallery { padding: 29px 0px 0px; }
  183.    
  184.     .gallery-thumb { position: relative; float: left; border:3px solid #E3E3E3; margin: 16px 0px 45px; }
  185.         .gallery-thumb a { display: block; }
  186.         .gallery-thumb img { max-width: 650px; }
  187.         .gallery-thumb .overlay { width: 100%; height: 100%; background: url(images/gallery-overlay.png) no-repeat; display: block; position: absolute; top: 0px; left: 0px; }
  188.         .gallery-thumb-bottom { position: absolute; bottom: -24px; left: 0px; height: 21px; width: 34%; padding: 0px 217px; }
  189.             .gallery-thumb-bottom .bg { background: url(images/gallery-thumb-bottombg.png) repeat-x; height: 14px; }
  190.             .gallery-thumb-bottom .left-shadow { background: url(images/gallery-bottom-leftshadow.png) no-repeat; width: 217px; height: 21px; position: absolute; top: 0px; left: 0px; }
  191.             .gallery-thumb-bottom .right-shadow { background: url(images/gallery-bottom-rightshadow.png) no-repeat; width: 217px; height: 21px; position: absolute; top: 0px; right: 0px; }
  192.            
  193.            
  194. /*------------------------------------------------*/
  195. /*---------------[DROPDOWN MENU]------------------*/
  196. /*------------------------------------------------*/
  197.  
  198. ul.nav { float: left; padding: 20px 0px 0px 4px; }
  199.     ul.nav li { margin-left: 17px; }
  200.         ul.nav a { font-size: 14px; color: #666666; text-decoration: none; padding-bottom: 13px; }
  201.         ul.nav a:hover { color: #FFB200; }
  202.        
  203.     ul.nav ul { width: 189px; background: #ffffff url(images/dropdown-bottom.png) bottom left repeat-x; border: 1px solid #ffffff; border-top: none; top: 34px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; padding: 16px 0px 10px; z-index: 9999px; display: none; }
  204.         ul.nav ul li { margin: 0px; padding: 0px 4px 20px 18px; }
  205.             ul.nav ul li a { background: url(images/dropdown-bullet.png) no-repeat 0px 0px; padding: 0px 0px 0px 17px; width: 130px; }
  206.            
  207.             ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -16px !important; left: 191px !important; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
  208.            
  209. /*------------------------------------------------*/
  210. /*--------------[FEATURED SLIDER]-----------------*/
  211. /*------------------------------------------------*/
  212.  
  213. #featured { position: relative; /*top: -102px; margin-bottom:-95px;*/ padding-bottom: 31px; background: url(images/featured-bottom-shadow.png) no-repeat bottom left; height: 447px; z-index:4; }
  214.     #featured span#left-shadow, #featured span#right-shadow { width: 9px; height: 132px; display: block; position: absolute; z-index: 1; top: -30px; }
  215.     #featured span#left-shadow { background: url(images/featured-leftshadow.png) no-repeat; left: -9px; }
  216.     #featured span#right-shadow { background: url(images/featured-rightshadow.png) no-repeat; right: -9px; }
  217.         #slides { position: relative; height: 447px; background: #000000; }
  218.             .slide .overlay { background: url(images/slide-top-shadow.png) repeat-x; top: 0px; left: 0px; height: 17px; position: absolute; width: 960px; }
  219.             .slide .overlay2 { background: url(images/slide-bottom-shadow.png) repeat-x; bottom: 0px; left: 0px; height: 4px; position: absolute; width: 960px; }
  220.            
  221.             #slides .description { line-height: 18px; color: #8e8d8d; text-shadow: 1px 1px 1px #ffffff; font-size: 12px; position: absolute; top: 33px; right: -11px; width: 275px; padding-top: 19px; background: url(images/description-top.png) no-repeat; z-index: 14; }
  222.             #slides .description .outer-content { background: url(images/description-center-outer.png) repeat-y; padding: 0px 1px 0px 7px; }
  223.                 #slides .description .inner-content { background: url(images/description-center-inner.png) repeat-x bottom left; padding: 3px 16px 10px 28px; }
  224.             #slides .description .bottom { height: 36px; background: url(images/description-bottom.png) no-repeat; }
  225.                
  226.                 #slides .description h2.title { font-size: 32px; padding-bottom: 10px; }
  227.                     #slides .description h2.title a { color: #363636; }
  228.                         #slides .description h2.title a:hover { text-decoration: none; }
  229.                
  230.                 #slides .description a.readmore { background: url(images/featured-readmore.png) no-repeat bottom right; font-size: 12px; color: #ffffff !important; text-shadow: -1px -1px 1px #000000; padding-right: 8px; display: block; height: 35px; float: left; left: 89px; top: -12px; position: relative; }
  231.                     #slides .description a.readmore span { background: url(images/featured-readmore.png) no-repeat; display: block; height: 35px; line-height: 32px; padding: 0px 12px 0px 20px; }
  232.                 #slides .description a.readmore:hover { color: #eeeeee; }
  233.            
  234.     #controllers-wrapper { position: absolute; bottom: 11px; left: 380px; background: url(images/featured-controllers-left.png) no-repeat; height: 44px; padding-left: 12px; z-index:30; }
  235.         #controllers-wrapper #controllers { background: url(images/featured-controllers-bg.png) repeat-x; height: 30px; padding-top: 14px; }
  236.         #controllers-wrapper #controllers, #controllers-wrapper #controllers-right { float: left; }
  237.         #controllers-wrapper #controllers-right { background: url(images/featured-controllers-right.png) no-repeat; height: 44px; width: 8px; }
  238.        
  239.         #controllers-wrapper a { text-indent: -9999px; display: block; float: left; width: 15px; height: 15px; background: url(images/featured-controller.png) no-repeat; margin-right: 3px; }
  240.         #controllers-wrapper a.active { background: url(images/featured-controller-active.png) no-repeat; }
  241.        
  242.         #controllers-wrapper a#left-arrow, #controllers-wrapper a#right-arrow { width: 15px; height: 23px; position:relative;
  243. top:-4px; }
  244.         #controllers-wrapper a#left-arrow { background: url(images/featured-controllers-leftarrow.png) no-repeat; margin-right: 17px; }
  245.         #controllers-wrapper a#right-arrow { background: url(images/featured-controllers-rightarrow.png) no-repeat; margin-left: 16px; }
  246.         .recentscroll { height:162px; overflow:hidden; }
  247.             .recentscroll ul { height: 32000px; }
  248.        
  249.         h3.recentworks { padding: 7px 0px 24px; }
  250.         a.entergallery { margin-top: -3px; }
  251.        
  252.         .entry ul, .comment-content ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
  253.         .entry ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
  254.             .entry ul li ul, .entry ul li ol, .comment-content ul li ul, .comment-content ul li ol { margin: 2px 0px 2px 20px; }
  255.             .entry ol li ul, .entry ol li ol, .comment-content ol li ul, .comment-content ol li ol  { margin: 2px 0px 2px 35px; }
  256.        
  257. /*------------------------------------------------*/
  258. /*-------------------[COMMENTS]-------------------*/
  259. /*------------------------------------------------*/
  260.  
  261. #comment-wrap { padding: 30px 40px 0px 0px; }
  262.    
  263. h3#comments { font-size: 30px; padding: 0px 0px 25px; color: #ffffff; }
  264.  
  265. .comment-icon { background: url(images/comment-bottom-bg.png) no-repeat bottom left; padding-bottom: 14px; }
  266.  
  267. .comment-icon .post { padding: 3px 0px 0px; }
  268.  
  269. div.authordata { width: 100px; }
  270.     div.avatar { float: left; position: relative; padding:3px; }
  271.         div.avatar span.overlay { background: url(images/avatar-overlay.png) no-repeat; display: block; width: 67px; height: 67px; position: absolute; top: 0px; left: 0px; }
  272.        
  273.     .comment-wrap { float:left; margin-left:20px; }
  274.                
  275.            
  276.         .reply-container { background:url("images/readmore.png") no-repeat scroll right bottom transparent; display:block; float:right; font-size:18px; font-weight:normal; height:38px; margin-top:14px; padding-right:9px; }
  277.             .reply-container a { background:url("images/readmore.png") no-repeat scroll 0 0 transparent; display:block; height:38px;
  278. padding:9px 5px 4px 12px; color:#323232 !important; }
  279.             .reply-container a:hover { text-decoration: none; color: #eeeeee; }
  280.            
  281.     li.depth-1 .comment-wrap { width: 546px; }
  282.     li.depth-2 .comment-wrap { width: 465px; }
  283.     li.depth-3 .comment-wrap { width: 383px; }
  284.     li.depth-4 .comment-wrap { width: 301px; }
  285.    
  286.     .fullwidth li.depth-1 .comment-wrap { width: 811px; }
  287.     .fullwidth li.depth-2 .comment-wrap { width: 729px; }
  288.     .fullwidth li.depth-3 .comment-wrap { width: 647px; }
  289.     .fullwidth li.depth-4 .comment-wrap { width: 565px; }
  290.        
  291.     ol.commentlist { list-style:none outside none; padding-top:8px; }
  292.         ol.commentlist ul { list-style:none outside none; }
  293.    
  294.         .commentlist li.comment li { background: none; padding: 0px; }
  295.         .commentlist li.comment ul { margin: 8px 0px 8px 82px; }
  296.        
  297.     #respond { padding-top: 25px; }
  298.         .comment #respond { padding-left: 0px; padding-top: 5px; }
  299.         #commentform textarea#comment { width: 88%; }
  300.         #commentform input[type=text] { width: 40%; }
  301.        
  302.    
  303.         li.comment #respond textarea { width: 88% !important; }
  304.         li.comment #respond input[type=text] { width: 50% !important; }
  305.        
  306.     #respond h3#comments { background: none; margin: 0px; padding: 0px; }
  307.    
  308.     .comment-author { padding: 2px 0px; font: 21px Arial,sans-serif; }
  309.         .comment-author .comment-meta, .comment-author .comment-meta a { color: #c0bfbf; }
  310.             .comment-author .comment-meta a:hover { text-decoration: none; }
  311.         span.fn, span.fn a { color: #ffffff; }
  312.             span.fn a:hover { text-decoration: none; }
  313.        
  314.     .comment-content { padding-top:5px; }
  315.    
  316.     .comment-body { padding: 8px 0px; }
  317.        
  318. /*------------------------------------------------*/
  319. /*---------------------[FOOTER]-------------------*/
  320. /*------------------------------------------------*/
  321.    
  322. #footer {font: 12px Verdana, sans-serif; background: url(images/footer-overlay-bg.png); padding-bottom: 15px; }
  323.     #footer-wrapper {font: 12px Verdana, sans-serif; background: url(images/footer-top-bg.png) repeat-x; }
  324.         #footer-center {font: 12px Verdana, sans-serif; background: url(images/footer-top-centerbg.png) no-repeat; /*min-height: 147px;*/ padding-top: 35px; color: #b9b9b9; }
  325.             #footer p#copyright a { color: #ffddoo; font: 12px Verdana, sans-serif;  }
  326.         #footer .widget {font: 12px Verdana, sans-serif; float: left; width: 300px; margin: 0px 80px 45px 40px;
  327.        
  328.         -moz-box-shadow:0 1px 3px #666666;
  329. -webkit-box-shadow: 0 1px 3px #666666;
  330. box-shadow: 0 1px 3px #666666;
  331.  
  332. -webkit-border-radius: 6px;
  333. -moz-border-radius: 6px;
  334. border-radius: 6px;
  335.  background:  #E2E2E2 url(images/fromblog-top-gradient.png) no-repeat ;
  336.     padding: 7px 22px 6px 24px;
  337.     text-shadow:none;
  338.     color: #17232f;
  339.     height: 300px;
  340.         }
  341.         .widget_tweetblender{
  342.             margin-right: 0px !important;  
  343.             margin-left: 40px !important;
  344.         }
  345.             #footer .widget a {font: 12px Verdana, sans-serif; color: #7D7D7D; }
  346.             #footer .last {font: 12px Verdana, sans-serif; margin-right: 0px; }
  347.    
  348. /*------------------------------------------------*/
  349. /*--------------------[SIDEBAR]-------------------*/
  350. /*------------------------------------------------*/
  351. .foothom{
  352.    
  353. }
  354. #sidebar { float: left; width: 269px; }
  355.     .widget h4.widgettitle { font-size: 30px; color: #ffffff; }
  356.     #sidebar  a { color: #ffb200; }
  357.     #sidebar .widget { padding: 0px 0px 50px 22px; }
  358.    
  359.     .widget ul ul { margin: 0px 0px 0px 15px; }
  360.         .widget ul li { background: url(images/widget-bullet.png) no-repeat 0px 12px; padding: 4px 0px 4px 16px; }
  361.             .widget ul li ul { padding:5px 0px 0px 7px; margin: 0px 0px -4px; }
  362.                
  363. /*------------------------------------------------*/
  364. /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
  365. /*------------------------------------------------*/
  366.  
  367. div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  368. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
  369. .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
  370. .wp-caption.alignright { margin: 0px 0px 10px 10px; }
  371. .wp-caption img { margin: 0; padding: 0; border: 0 none; }
  372. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  373. .alignright { float: right; }
  374. .alignleft { float: left }
  375. img.alignleft { display:inline; float:left; margin-right:15px; }
  376. img.alignright { display:inline; float:right; margin-left:15px; }
  377.  
  378.    
  379. /*------------------------------------------------*/
  380. /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
  381. /*------------------------------------------------*/
  382.  
  383. .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
  384. .nav li { float:left; position:relative; }
  385. .nav a { display:block; float: left; }
  386.     .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
  387.     .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
  388.         .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
  389.     .nav li:hover ul, .nav li li:hover ul { top: -999em; }
  390.     .nav li li {    display: block; padding: 0px; float: left; height: auto !important; }
  391.     .nav li ul { width: 191px; }
  392.         .nav li li a:link, .nav li li a:visited {   display: block; height: auto; float: left; }
  393.         .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  394.  
  395.  
  396. /*------------------------------------------------*/
  397. /*-----------------[WP CALENDAR]-----------------*/
  398. /*------------------------------------------------*/
  399. #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;    }
  400.     #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
  401.         #wp-calendar a:hover { text-decoration: underline; }
  402.     #wp-calendar caption {  text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  403.     #wp-calendar td {   padding: 3px 5px; color: #ffb200; }
  404.         #wp-calendar td#today { color: #ffffff; font-weight: bold; }
  405.     #wp-calendar th {   font-style: normal; text-transform: capitalize; padding: 3px 5px; }
  406.         #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  407.         #wp-calendar #next a { padding-right: 10px; text-align: right; }
  408.         #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  409.        
  410. /*------------------------------------------------*/
  411. /*-------------------[PAGE NAVI]------------------*/
  412. /*------------------------------------------------*/
  413. .pagination { overflow: hidden; padding: 15px 12px 0px; }
  414.  
  415. .wp-pagenavi { position: relative; padding: 12px 30px 20px 0px; text-align:right; }
  416. .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; font-weight: normal !important; font-size: 18px !important; color: #6d6d6d !important; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; padding:6px 19px 12px 14px !important; text-shadow: 1px 1px 0px #ffffff; }
  417. .wp-pagenavi span.current { font-size: 18px !important; color: #000000 !important; text-shadow: 1px 1px 0px #ffffff; }
  418. .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding:6px 19px 12px 14px !important; margin: 2px; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; }
  419. .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; color: #413f36; border: none !important; color: #000000; }
  420.  
  421.  
  422. a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
  423.  
  424. .js #feat-content, .js div#from-blog div.entries {display: none;}
  425.  
  426. .foursixeight { margin: 0px 0px 15px 84px;}
  427.  
  428. h1.cufon disabled
  429. body.cufon-disabled ul.nav a { font-size:15px; }
  430. body.cufon-disabled ul.nav ul li a { background-position: 0 4px; }
  431. body.cufon-disabled #tagline p { font-size:40px; }
  432. body.cufon-disabled a.readmore { font-size: 16px; }
  433.     body.cufon-disabled a.readmore span { padding-top: 6px; }
  434. body.cufon-disabled .reply-container { font-size: 16px; }
  435. body.cufon-disabled .reply-container a { padding-top: 6px; }
  436.  
  437. .js ul.nav a, .js ul.nav ul li a, .js #tagline p, .js a.readmore, .js a.readmore span, .js .reply-container, .js .reply-container a {text-indent: -9999px; }
  438.  
  439. body.cufon-disabled ul.nav a, body.cufon-disabled ul.nav ul li a, body.cufon-disabled #tagline p, body.cufon-disabled a.readmore, body.cufon-disabled a.readmore span, body.cufon-disabled .reply-container, body.cufon-disabled .reply-container a { text-indent: 0px; }
  440.  
  441. .sitemap-col h2, .sitemap-col ul li a, p.et-registration a { color: #fff !important; }
  442. .sitemap-col ul li a:hover { color: #eee !important; }
  443. p.et-registration { color: #eee !important; }
  444. .et-protected-form label { text-shadow: none; }
  445. h2.et_pt_title a { color: #fff !important; }
  446. p.et_pt_blogmeta { color: #eee !important; }
  447.     p.et_pt_blogmeta a { color: #fff !important; }
  448. .et_pt_blogentry a.readmore span { padding: 6px 0 0 13px !important; }
  449.  
  450. #social-icons {
  451. float:right;
  452. }
  453.  
  454. #member-of-section {
  455. width:100%;
  456. margin:0 auto;
  457. margin-bottom:10px;
  458. margin-top:30px;
  459. }
  460.  
  461. #front-one-half {
  462. float:right;
  463. padding:5px;
  464. width:300px;
  465. }
  466.  
  467. #front-one-half h3 {
  468. color:ffb200;
  469. }
  470.  
  471.  
  472. #front-two-halves {
  473. float:left;
  474. padding:5px;
  475. width:630px;
  476. }
  477.  
  478. #front-two-halves h3 {
  479. color:ffb200;
  480. }
  481.  
  482. #slides .description {opacity:1 !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement