default.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  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. body
  7. {
  8. margin: 0;
  9. padding: 0;
  10. background: #0BA1DE url(images/img01.gif) repeat-x left top;
  11. font-size: 14px;
  12. font-family: Georgia, "Times New Roman", Times, serif;
  13. text-align: justify;
  14. color: #FFFFFF;
  15. }
  16. h1, h2, h3
  17. {
  18. margin: 0;
  19. /*text-transform: lowercase;*/
  20. font-weight: normal;
  21. color: #FFFFFF;
  22. }
  23. h1
  24. {
  25. letter-spacing: -1px;
  26. font-size: 32px;
  27. }
  28. h2
  29. {
  30. font-size: 23px;
  31. }
  32. p, ul, ol
  33. {
  34. margin: 0 0 2em 0;
  35. text-align: justify;
  36. line-height: 26px;
  37. }
  38. a:link
  39. {
  40. color: #EFCE58;
  41. }
  42. a:hover, a:active
  43. {
  44. text-decoration: none;
  45. color: #EFCE58;
  46. }
  47. a:visited
  48. {
  49. color: #EFCE58;
  50. }
  51. img
  52. {
  53. border: none;
  54. }
  55. img.left
  56. {
  57. float: left;
  58. margin-right: 15px;
  59. }
  60. img.right
  61. {
  62. float: right;
  63. margin-left: 15px;
  64. }
  65. /* Form */
  66. form
  67. {
  68. margin: 0;
  69. padding: 0;
  70. }
  71. fieldset
  72. {
  73. margin: 0;
  74. padding: 0;
  75. border: none;
  76. }
  77. legend
  78. {
  79. display: none;
  80. }
  81. input, textarea, select
  82. {
  83. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  84. font-size: 13px;
  85. color: #333333;
  86. }
  87. #wrapper
  88. {
  89. margin: 0;
  90. padding: 0;
  91. }
  92. /* Header */
  93. #header
  94. {
  95. width: 840px;
  96. margin: 0 auto;
  97. height: 60px;
  98. }
  99. /* Menu */
  100. #menu
  101. {
  102. float: left;
  103. width: 840px;
  104. height: 60px;
  105. background: url(images/img02.gif) no-repeat left top;
  106. font-family: Arial, Helvetica, sans-serif;
  107. }
  108. #menu ul
  109. {
  110. margin: 0;
  111. padding: 0px 0 0 20px;
  112. list-style: none;
  113. line-height: normal;
  114. }
  115. #menu li {
  116. display: block;
  117. float: left;
  118. }
  119. #menu a {
  120. display: block;
  121. float: left;
  122. margin-top: 5px;
  123. margin-right: 3px;
  124. padding: 5px 15px;
  125. text-decoration: none;
  126. text-transform: uppercase;
  127. font-size: 11px;
  128. color: #283386;
  129. }
  130. #menu a:hover {
  131. background: #8BD2EF;
  132. color: #FFFFFF;
  133. }
  134. #menu .current_page_item a {
  135. background: #8BD2EF;
  136. color: #FFFFFF;
  137. }
  138. /** LOGO */
  139. #logo
  140. {
  141. width: 840px;
  142. height: 80px;
  143. margin: 0 auto;
  144. }
  145. #logo h1, #logo h2 {
  146. float: left;
  147. margin: 0;
  148. padding: 30px 0 0 0px;
  149. line-height: normal;
  150. }
  151. #logo h1 {
  152. font-family: Georgia, "Times New Roman", Times, serif;
  153. font-size:40px;
  154. }
  155. #logo h1 a {
  156. text-decoration: none;
  157. color: #FFFFFF;
  158. }
  159. #logo h1 a:hover
  160. {
  161. text-decoration: underline;
  162. }
  163. #logo h2
  164. {
  165. float: left;
  166. padding: 45px 0 0 18px;
  167. font: 18px Georgia, "Times New Roman", Times, serif;
  168. color: #EFCE58;
  169. }
  170. #logo h2 a
  171. {
  172. text-decoration: none;
  173. }
  174. #logo h2 a:hover
  175. {
  176. text-decoration: underline;
  177. }
  178. #logo p a {
  179. text-decoration: none;
  180. color: #EFCE58;
  181. }
  182. #logo p a:hover { text-decoration: underline; }
  183. /* Page */
  184. #page {
  185. width: 820px;
  186. margin: 0 auto;
  187. }
  188. /* Content */
  189. #content {
  190. float: left;
  191. width: 540px;
  192. }
  193. /* Post */
  194. .post {
  195. border: 10px #8FD3EF solid;
  196. padding: 15px 20px;
  197. background: url(images/img04.gif) repeat left top;
  198. margin-bottom: 20px;
  199. }
  200. .post .title {
  201. margin-bottom: 20px;
  202. padding-bottom: 5px;
  203. }
  204. .post h1 {
  205. width: 520px;
  206. padding: 0px 0 0 0px;
  207. background: url(images/img08.jpg) no-repeat left top;
  208. font-size: 24px;
  209. color: #FFFFFF;
  210. }
  211. .post h2 {
  212. width: 520px;
  213. padding: 0px 0 0 0px;
  214. font-size: 22px;
  215. color: #FFFFFF;
  216. }
  217. .post .entry {
  218. }
  219. .post .meta {
  220. padding: 15px 15px 30px 0px;
  221. font-size: 10px;
  222. }
  223. .post .meta p {
  224. margin: 0;
  225. padding-top: 15px;
  226. line-height: normal;
  227. color: #FFFFFF;
  228. }
  229. .post .meta .byline {
  230. float: left;
  231. }
  232. .post .meta .links {
  233. float: right;
  234. }
  235. .post .meta .more {
  236. padding: 0 20px 0 18px;
  237. }
  238. .post .meta .comments {
  239. padding-left: 22px;
  240. }
  241. .post .meta b {
  242. display: none;
  243. }
  244. /* Sidebar */
  245. #sidebar
  246. {
  247. float: right;
  248. width: 230px;
  249. margin: 0;
  250. padding: 0;
  251. }
  252. #sidebar h2
  253. {
  254. width: 300px;
  255. padding: 8px 0 0 0px;
  256. margin-bottom: 10px;
  257. background: url(images/img07.jpg) no-repeat left top;
  258. font-size: 30px;
  259. color: #FFFFFF;
  260. }
  261. /* Search */
  262. #search {
  263. }
  264. #search h2 {
  265. margin-bottom: 20px;
  266. }
  267. #s {
  268. width: 140px;
  269. margin-right: 5px;
  270. padding: 3px;
  271. border: 1px solid #BED99C;
  272. }
  273. #x {
  274. padding: 3px;
  275. border: none;
  276. background: #8FD3EF;
  277. text-transform: lowercase;
  278. font-size: 11px;
  279. color: #085B7B;
  280. }
  281. /* Boxes */
  282. .box1 {
  283. padding: 20px;
  284. }
  285. .box2 {
  286. color: #BABABA;
  287. }
  288. .box2 h2 {
  289. margin-bottom: 15px;
  290. font-size: 16px;
  291. color: #FFFFFF;
  292. }
  293. .box2 ul {
  294. margin: 0;
  295. padding: 0;
  296. list-style: none;
  297. }
  298. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
  299. color: #EDEDED;
  300. }
  301. /* Footer */
  302. #footer-wrap {
  303. }
  304. #footer {
  305. background: #0B97D4 url(images/img03.gif) repeat-x left top;
  306. margin: 0 auto;
  307. padding: 20px 0 10px 0;
  308. }
  309. html>body #footer {
  310. height: auto;
  311. }
  312. #footer p {
  313. font-size: 14px;
  314. }
  315. #legal {
  316. clear: both;
  317. padding-top: 17px;
  318. text-align: center;
  319. color: #FFFFFF;
  320. }
  321. #legal a {
  322. font-weight: normal;
  323. color: #FFFFFF;
  324. }
  325. #google
  326. {
  327. text-align: right;
  328. }