API tools faq
paste
Guest User

style.css

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