Advertisement
Guest User

Untitled

a guest
Aug 17th, 2012
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.44 KB | None | 0 0
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6. * {
  7. margin: 0;
  8. padding: 0;
  9. }
  10.  
  11. body {
  12. background: #FFFFFF url(images/img01.gif) repeat-x;
  13. text-align: justify;
  14. font-family: Arial, Helvetica, sans-serif;
  15. font-size: 13px;
  16. color: #333333;
  17. }
  18.  
  19. form {
  20.  
  21. }
  22.  
  23. input,textarea {
  24. padding: 2px 5px;
  25. font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  26. color: #333333;
  27. }
  28.  
  29. h1,h2,h3 {
  30. margin-top: 1.5em;
  31. font-weight: normal;
  32. }
  33.  
  34. h1 {
  35. font-size: 2em;
  36. }
  37.  
  38. h2 {
  39. font-size: 1.4em;
  40. }
  41.  
  42. h3 {
  43. font-size: 1em;
  44. }
  45.  
  46. p,ul,ol {
  47. margin-top: 1.5em;
  48. line-height: 160%;
  49. }
  50.  
  51. ul,ol {
  52. margin-left: 3em;
  53. }
  54.  
  55. blockquote {
  56. margin-left: 3em;
  57. margin-right: 3em;
  58. }
  59.  
  60. a {
  61. color: #CC6B47;
  62. }
  63.  
  64. a:hover {
  65. text-decoration: none;
  66. color: #3760BF;
  67. }
  68.  
  69. a img {
  70. border: none;
  71. }
  72.  
  73. img.left {
  74. float: left;
  75. margin: 0 20px 0 0;
  76. }
  77.  
  78. img.right {
  79. float: right;
  80. margin: 0 0 0 20px;
  81. }
  82.  
  83. img.center {
  84. display: block;
  85. margin-left: auto;
  86. margin-right: auto;
  87. }
  88.  
  89. hr {
  90. clear: both;
  91. margin-top: 10px;
  92. margin-bottom: 10px;
  93. }
  94.  
  95. /* Header */
  96. #header {
  97. height: 110px;
  98. margin: 0 auto;
  99. background: #2E2E2E;
  100. }
  101.  
  102. #logo {
  103. width: 778px;
  104. height: 110px;
  105. margin: 0 auto;
  106. }
  107.  
  108. #logo h1,#logo h2 {
  109. margin: 0;
  110. letter-spacing: -0.05em;
  111. text-transform: lowercase;
  112. font-weight: normal;
  113. color: #FFFFFF;
  114. }
  115.  
  116. #logo h1 {
  117. float: left;
  118. padding-top: 40px;
  119. font-size: 4em;
  120. }
  121.  
  122. #logo h1 a {
  123. text-decoration: none;
  124. color: #FFFFFF;
  125. }
  126.  
  127. #logo h2 {
  128. float: left;
  129. padding: 67px 0 0 8px;
  130. font-size: 2em;
  131. font-style: italic;
  132. color: #858585;
  133. }
  134.  
  135. /* Menu */
  136. #menu-wrap {
  137. background: #2E2E2E;
  138. }
  139.  
  140. #menu {
  141. width: 778px;
  142. height: 50px;
  143. margin: 0 auto;
  144. }
  145.  
  146. #menu ul {
  147. margin: 0;
  148. padding: 0;
  149. list-style: none;
  150. line-height: normal;
  151. }
  152.  
  153. #menu li {
  154. display: inline;
  155. }
  156.  
  157. #menu a {
  158. float: left;
  159. margin-right: 6px;
  160. padding: 5px 20px 5px 20px;
  161. background: #4C4D51;
  162. border: 1px #575C5F solid;
  163. text-decoration: none;
  164. text-transform: uppercase;
  165. font-weight: bold;
  166. font-size: 11px;
  167. color: #FFFFFF;
  168. }
  169.  
  170. #menu a:hover {
  171. text-decoration: none;
  172. background: #983D3A;
  173. border: 1px #D45951 solid;
  174. }
  175.  
  176. #menu .first a {
  177. background: #983D3A;
  178. border: 1px #D45951 solid;
  179. }
  180.  
  181. /* Post */
  182. .post {
  183.  
  184. }
  185.  
  186. .post .title {
  187. margin: 0;
  188. }
  189.  
  190. .post .title a {
  191. text-decoration: none;
  192. }
  193.  
  194. .post .byline {
  195. margin: 0 0 30px 0;
  196. line-height: normal;
  197. }
  198.  
  199. .post .entry {
  200.  
  201. }
  202.  
  203. /* Latest Post */
  204. #content-wrap {
  205. background: #E8DBA7;
  206. border-bottom: 4px #BBB082 solid;
  207. }
  208.  
  209. #content {
  210. width: 778px;
  211. margin: 0 auto;
  212. padding: 0 0 20px 0;
  213. }
  214.  
  215. #content h1 {
  216. margin: 10px 0;
  217. padding: 0;
  218. color: #CC6B47;
  219. }
  220.  
  221. #content p {
  222. margin: 0;
  223. padding-bottom: 15px;
  224. }
  225.  
  226. #content .meta {
  227. padding: 10px 0 0 0;
  228. }
  229.  
  230. #content .byline {
  231. margin: 0 0 10px 0;
  232. padding: 10px 0;
  233. background: #BBB082;
  234. font-size: .9em;
  235. font-weight: bold;
  236. color: #FFFFFF;
  237. }
  238.  
  239. #content .byline span {
  240. padding: 0 0 0 15px;
  241. }
  242.  
  243. #content .byline a {
  244. padding: 0 30px 0 0;
  245. background: url(images/img05.gif) no-repeat right top;
  246. text-decoration: none;
  247. }
  248.  
  249. #content .byline a:hover {
  250. text-decoration: underline;
  251. }
  252.  
  253. /* Footer */
  254. #footer {
  255. clear: both;
  256. margin: 0 auto;
  257. padding: 20px 0;
  258. background: url(images/img11.gif) repeat-x;
  259. text-align: center;
  260. }
  261.  
  262. #footer p {
  263. margin: 0;
  264. font-size: .8em;
  265. color: #666666;
  266. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement