1. /* =Header image top margin http://zeaks.org/board/threads/any-way-to-make-the-header-image-the-top-of-the-page.303
  2. -------------------------------------------------------------- */
  3. #branding hgroup {
  4. display: none;
  5. }
  6. #branding img {
  7. border-radius: 7px 7px 0 0;
  8. border-top: none;
  9. }
  10.  
  11.  
  12. /* Start Header Logo */
  13. #header-logo {
  14. float: left;
  15. width: 100%;
  16. height: 150px;
  17. overflow: hidden;
  18. color: transparent;
  19. }
  20. /* End Header Logo */
  21.  
  22. .site-header h1 a, .site-header h2 a,
  23. .site-header h1, .site-header h2 {
  24. display: none;
  25. }
  26.  
  27. /* Social media icons in header */
  28. #header_icons{
  29. float: left;
  30. margin-top: 0px;
  31. width:400px;
  32. }
  33.  
  34. #header_icons li{
  35. float: left;
  36. margin: 5px 0px;
  37. display:inline;
  38. }
  39.  
  40. #header_icons ul li {
  41. display: inline;
  42. }
  43. /* Social media icons in header END*/
  44.  
  45. .site-header {
  46. background-color: #ffffff;
  47. }
  48.  
  49. .main-navigation ul.nav-menu,
  50. .main-navigation div.nav-menu > ul {
  51. border-bottom: 1px solid #969696;
  52. border-top: 1px solid #969696;
  53. }
  54.  
  55. /* Headings -----*/
  56.  
  57. h1 { /* This style used as title on single posts and pages */
  58. clear: both;
  59. font-size: 20px;
  60. color: #447994;
  61. font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
  62. margin: 0px 0px 10px 0px;
  63. padding: 5px 0px;
  64. font-weight: normal;
  65. text-transform: capitalize;
  66. text-align: right;
  67. letter-spacing: -2px;
  68. border-top: 2px solid #ffffff;
  69. border-bottom: 2px solid #ffffff;
  70.  
  71. .archive-title,
  72. .page-title,
  73. .widget-title,
  74. .entry-content th,
  75. .comment-content thx { /* This style used as title on sidebar, footer */
  76. clear: both;
  77. font-size: 20px;
  78. color: #447994;
  79. font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
  80. margin: 0px 0px 10px 0px;
  81. padding: 5px 0px;
  82. font-weight: normal;
  83. text-transform: capitalize;
  84. text-align: left;
  85. letter-spacing: -2px;
  86. border-top: 2px solid #ffffff;
  87. border-bottom: 2px solid #ffffff;
  88. }
  89.  
  90. /* Site Content width -----*/
  91. .site-content {
  92. float: left;
  93. width: 73%;
  94.  
  95. /* Sidebar -----*/
  96. .widget-area .widget a {
  97. color: 1c6ba0;
  98. }
  99. .widget-area .widget a:hover {
  100. color: #21759b;
  101. }
  102.  
  103. /* Left Sidebar Layout -----*/
  104. @media screen and (min-width: 600px) {
  105. .left-sidebar.custom-layout .site-content {
  106. float: right;
  107. }
  108. .left-sidebar.custom-layout .widget-area {
  109. float: left;
  110. clear: left;
  111. background-color: #F0F9FF;
  112. }
  113. .left-sidebar.custom-layout #extra-sidebar {
  114. float: left;
  115. width: 26.0417%;
  116. margin: 1.71429rem 0 0;
  117. background-color: #F0F9FF;
  118. }
  119. }
  120.  
  121. /* Footer */
  122. footer[role="contentinfo"] {
  123. border-top: 1px solid #7ecafa;
  124. padding: 24px 0;
  125. padding: 1.714285714rem 0;
  126. background-color: #F0F9FF;
  127. border-bottom: 15px solid #7ecafa;
  128. }
  129.  
  130. /* Footer menu links*/
  131. ul#menu-footer-menu li {
  132. display: inline;
  133. padding: 0 10px;
  134. }