home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / bookish / default.css next >
Cascading Style Sheet File  |  2006-05-31  |  5KB  |  402 lines
  1. /*
  2.  
  3.     bookish1.0 by nodethirtythree design
  4.     http://www.nodethirtythree.com
  5.     hope you enjoy it :)
  6.  
  7. */
  8. *
  9. {
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13.  
  14. body
  15. {
  16. background: #fff url('images/bg.gif');
  17. font-size: 11px;
  18. font-family: "trebuchet ms", helvetica, sans-serif;
  19. color: #857D74;
  20. }
  21.  
  22. p
  23. {
  24. display: block;
  25. text-align: justify;
  26. }
  27.  
  28. a
  29. {
  30. color: #D97900;
  31. text-decoration: underline;
  32. }
  33.  
  34. a:hover
  35. {
  36. text-decoration: none;
  37. background-color: #D97900;
  38. color: #FFFAF3;
  39. }
  40.  
  41. em
  42. {
  43. font-style: italic;
  44. }
  45.  
  46. .date
  47. {
  48. font-family: georgia, "times new roman", serif;
  49. font-size: 10px;
  50. }
  51.  
  52. h1,h2,h3,h4,h5,h6,th
  53. {
  54. font-family: georgia, "times new roman", serif;
  55. text-transform: lowercase;
  56. font-weight: normal;
  57. }
  58.  
  59. .foot
  60. {
  61. height: 1px;
  62. line-height: 1px;
  63. clear: both;
  64. }
  65.  
  66. .divider
  67. {
  68. border-bottom: solid 1px #F6F3F1;
  69. }
  70.  
  71. th strong
  72. {
  73. color: #fff;
  74. }
  75.  
  76. table
  77. {
  78. border-collapse: collapse;
  79. width: 100%;
  80. }
  81.  
  82. th
  83. {
  84. background: #824900 url('images/thbg.gif') repeat-x;
  85. height: 29px;
  86. padding-left: 11px;
  87. padding-right: 11px;
  88. color: #fff;
  89. text-align: left;
  90. border-left: solid 1px #A8814D;
  91. border-bottom: solid 2px #ffffff;
  92. }
  93.  
  94. tr
  95. {
  96. height: 30px;
  97. }
  98.  
  99. td
  100. {
  101. padding-left: 11px;
  102. padding-right: 11px;
  103. border-left: solid 1px #EED9C3;
  104. border-bottom: solid 1px #ffffff;
  105. }
  106.  
  107. td.first,th.first
  108. {
  109. border-left: 0px;
  110. }
  111.  
  112. tr.rowA
  113. {
  114. background: #FFF0DE url('images/trbg1.gif') repeat-x;
  115. }
  116.  
  117. tr.rowB
  118. {
  119. background: #FFFAF4 url('images/trbg2.gif') repeat-x;
  120. }
  121.  
  122. #outer
  123. {
  124. width: 698px;
  125. background: #fff url('images/mainbg.gif');
  126. margin: 20px auto 0px auto;
  127. padding: 10px 13px 0px 13px;
  128. }
  129.  
  130. #outer2
  131. {
  132. width: 724px;
  133. height: 3px;
  134. font-size: 0px;
  135. line-height: 0px;
  136. padding: 0px;
  137. background: #fff url('images/mainbg2.gif');
  138. margin: 0px auto 0px auto;
  139. }
  140.  
  141. #inner
  142. {
  143. background-image: url('images/cbg2.gif');
  144. background-repeat: repeat-y;
  145. }
  146.  
  147. #header
  148. {
  149. position: relative;
  150. height: 80px;
  151. background-image: url('images/headbg.gif');
  152. }
  153.  
  154. #header h1
  155. {
  156. position: absolute;
  157. bottom: 10px;
  158. font-size: 26px;
  159. padding-left: 26px;
  160. color: #fff;
  161. }
  162.  
  163. #header h1 strong
  164. {
  165. color: #fff;
  166. }
  167.  
  168. #header h1 span
  169. {
  170. color: #D97900;
  171. }
  172.  
  173. #menu
  174. {
  175. position: absolute;
  176. right: 0px;
  177. padding-right: 26px;
  178. bottom: 14px;
  179. color: #A75300;
  180. }
  181.  
  182. #menu ul
  183. {
  184. list-style: none;
  185. }
  186.  
  187. #menu li
  188. {
  189. float: left;
  190. border-left: solid 1px #A75300;
  191. padding-left: 8px;
  192. margin-left: 8px;
  193. }
  194.  
  195. #menu li.first
  196. {
  197. margin-left: 0px;
  198. padding-left: 0px;
  199. border-left: 0px;
  200. }
  201.  
  202. #menu a
  203. {
  204. color: #fff;
  205. }
  206.  
  207. #xbgA
  208. {
  209. height: 31px;
  210. width: 500px;
  211. position: absolute;
  212. top: 0px;
  213. background-image: url('images/cbg1.gif');
  214. z-index: 1;
  215. }
  216.  
  217. #xbgB
  218. {
  219. position: relative;
  220. height: 32px;
  221. width: 500px;
  222. background-image: url('images/cbg3.gif');
  223. z-index: 1;
  224. }
  225.  
  226. #main
  227. {
  228. position: relative;
  229. width: 500px;
  230. margin: 3px -500px 0px 0px;
  231. float: left;
  232. }
  233.  
  234. #main_inner
  235. {
  236. padding: 31px 28px 18px 18px;
  237. position: relative;
  238. z-index: 5;
  239. }
  240.  
  241. #main ul
  242. {
  243. list-style: none;
  244. }
  245.  
  246. #main li
  247. {
  248. padding-left: 12px;
  249. background-image: url('images/bullet.gif');
  250. background-repeat: no-repeat;
  251. background-position: 0px 6px;
  252. }
  253.  
  254. #main h2,h3
  255. {
  256. color: #6C3C1E;
  257. }
  258.  
  259. #main h2
  260. {
  261. font-size: 22px;
  262. background-image: url('images/db1.gif');
  263. background-repeat: no-repeat;
  264. height: 60px;
  265. padding-left: 22px;
  266. margin-bottom: -15px;
  267. }
  268.  
  269. #main h3
  270. {
  271. font-size: 12px;
  272. background-image: url('images/db2.gif');
  273. background-repeat: no-repeat;
  274. height: 50px;
  275. padding-left: 22px;
  276. margin-bottom: -15px;
  277. }
  278.  
  279. #main p
  280. {
  281. margin-bottom: 14px;
  282. }
  283.  
  284. #main p strong
  285. {
  286. color: #725D46;
  287. }
  288.  
  289. #main .content
  290. {
  291. position: relative;
  292. padding-left: 22px;
  293. }
  294.  
  295.  
  296. img.cpic
  297. {
  298. position: relative;
  299. top: -8px;
  300. background-image: url('images/imgbg.gif');
  301. width: 97px;
  302. height: 73px;
  303. padding: 10px;
  304. }
  305.  
  306. img.right
  307. {
  308. float: right;
  309. margin-left: 14px;
  310. }
  311.  
  312. #main .divider
  313. {
  314. margin: 20px 0px 20px 0px;
  315. }
  316.  
  317. #ccol1
  318. {
  319. position: relative;
  320. width: 202px;
  321. float: left;
  322. border-right: solid 1px #F6F3F1;
  323. padding-right: 20px;
  324. }
  325.  
  326. #ccol2
  327. {
  328. position: relative;
  329. width: 202px;
  330. margin-left: 242px;
  331. }
  332.  
  333. #side
  334. {
  335. position: relative;
  336. float: right;
  337. width: 194px;
  338. margin: 3px 0px 0px 3px;
  339. }
  340.  
  341. #side h3
  342. {
  343. background-image: url('images/rhbg.gif');
  344. width: 180px;
  345. height: 23px;
  346. color: #fff;
  347. font-size: 11px;
  348. padding: 9px 0px 0px 14px;
  349. }
  350.  
  351. #side .content
  352. {
  353. background-image: url('images/rhbg2.gif');
  354. background-repeat: repeat-x;
  355. padding: 22px 14px 0px 14px;
  356. margin: 3px 0px 20px 0px;
  357.  
  358. }
  359.  
  360. #side ul
  361. {
  362. list-style: none;
  363. }
  364.  
  365. #side li
  366. {
  367. border-top: solid 1px #F6F3F1;
  368. padding-top: 5px;
  369. margin: 5px 0px 0px 0px;
  370. }
  371.  
  372. #side li.first
  373. {
  374. border-top: 0px;
  375. margin-top: 0px;
  376. padding-top: 0px;
  377. }
  378.  
  379. #side .divider
  380. {
  381. margin: 14px 0px 14px 0px;
  382. }
  383.  
  384. #footer
  385. {
  386. width: 698px;
  387. margin: 12px auto 0px auto;
  388. padding-bottom: 24px;
  389. text-align: center;
  390. color: #6495A3;
  391. }
  392.  
  393. #footer a
  394. {
  395. color: #7DAFBD;
  396. }
  397.  
  398. #footer a:hover
  399. {
  400. background-color: #7DAFBD;
  401. color: #E8FAFF;
  402. }