1. /* Customisation options */
  2. body {
  3. 	background: #FFF url('../images/background.gif');
  4. 	margin: 0px;
  5. 	padding: 0px;
  6. 	line-height: 1.5em;
  7. 	font-size: 10px;
  8. 	font-family: Verdana;
  9. }
  10. div {
  11. 	background-repeat: no-repeat;
  12. 	float: left;
  13. }
  14. a {
  15. 	color: #006FDD;
  16. 	font-weight: bold;
  17. 	text-decoration: none;
  18. }
  19. a:hover {
  20. 	text-decoration: underline;
  21. }
  22. a img {
  23. 	border: none;
  24. }
  25. input {
  26. 	border: 1px solid #006FDD;
  27. 	background-color: #8EC0EB;
  28. 	color: #00386D;
  29. }
  30. ul {
  31. 	list-style-image: url('../images/listimg.gif');
  32. }
  33. #page {
  34. 	width: 897px;
  35. 	margin: 12px auto;
  36. 	float: none;
  37. }
  38. #page #top {
  39. 	width: 897px;
  40. 	height: 224px;
  41. }
  42. #page #top #top-headers {
  43. 	width: 897px;
  44. 	float: left;
  45. 	height: 33px;
  46. }
  47. #page #top #top-headers #story-header {
  48. 	width: 341px;
  49. 	height: 16px;
  50. 	font-size: 11px;
  51. 	background-image: url('../images/topstory-header.gif');
  52. 	padding: 10px 0px 7px 10px;
  53. 	float: left;
  54. 	color: #FFF;
  55. 	font-weight: bold;
  56. }
  57. #page #top #top-headers #news-header {
  58. 	width: 527px;
  59. 	height: 18px;
  60. 	float: right;
  61. 	font-size: 11px;
  62. 	color: #FFF;
  63. 	font-weight: bold;
  64. 	background-image: url('../images/latestnews-header.gif');
  65. 	padding: 10px 9px 5px 10px;
  66. }
  67. #page #top #top-headers #news-header #text {
  68. 	display: block;
  69. 	float: left;
  70. }
  71. #page #top #top-headers #news-header form {
  72. 	margin: 0px;
  73. 	padding: 0px;
  74. 	float: right;
  75. 	height: 18px;
  76. 	width: 152px;
  77. 	display: block;
  78. }
  79. #page #top #top-headers #news-header form #searchbox {
  80. 	background-image: url('../images/search_box.gif');
  81. 	background-repeat: no-repeat;
  82. 	border: none;
  83. 	width: 107px;
  84. 	height: 18px;
  85. 	padding: 0px 0px 0px 8px;
  86. 	vertical-align: top;
  87. }
  88. #page #top #top-headers #news-header form #searchbutton {
  89. 	border: none;
  90. }
  91. #page #top #top-content {
  92. 	width: 889px;
  93. 	height: 192px;
  94. 	background-image: url('../images/background-top.gif');
  95. 	background-repeat: repeat-y;
  96. 	padding: 0px 4px;
  97. }
  98. #page #top #top-content #story-content {
  99. 	width: 344px;
  100. 	height: 160px; 
  101. 	padding-bottom: 29px;
  102. 	background-image: url('../images/topstory-bottom.gif');
  103. 	background-position: bottom center;
  104. }
  105. #page #top #top-content #story-content #topstory {
  106. 	width: 344px;
  107. 	height: 160px;
  108. }
  109. #page #top #top-content #story-content #topstory h3 {
  110. 	margin: 0px;
  111. 	padding-top: 11px;
  112. 	font-size: 18px;
  113. 	padding-left: 6px;
  114. 	width: 210px;
  115. 	height: 40px;
  116. 	line-height: 1.1em;
  117. }
  118. #page #top #top-content #story-content #topstory a {
  119. 	font-weight: normal;
  120. }
  121. #page #top #top-content #story-content #topstory p {
  122. 	padding-top: 22px;
  123. 	padding-left: 6px;
  124. 	width: 210px;
  125. 	height: 56px;
  126. 	font-size: 11px;
  127. 	margin: 0px;
  128. 	line-height: 1.1em;
  129. }
  130. #page #top #top-content #story-content #topstory.white, #page #top #top-content #story-content #topstory.white a {
  131. 	color: #FFF;
  132. }
  133. #page #top #top-content #story-content #topstory.black, #page #top #top-content #story-content #topstory.black a {
  134. 	color: #000;
  135. }
  136. #page #top #top-content #story-content #topstory #topstory_link {
  137. 	text-decoration: underline;
  138. 	margin-left: 6px;
  139. 	margin-top: 22px;
  140. 	width: 210px;
  141. 	font-size: 11px;
  142. }
  143. #page #top #top-content #news-content {
  144. 	width: 538px;
  145. 	height: 183px;
  146. 	padding: 2px;
  147. 	background-image: url('../images/background-news.gif');
  148. 	float: right;
  149. 	margin-top: 2px;
  150. }
  151. #page #top #top-content #news-content h3 {
  152. 	margin: 0px;
  153. 	font-weight: normal;
  154. font-size: 10px;
  155. 	color: #006FDD;
  156. 	background-image: url('../images/arrow-dark.gif');
  157. 	background-position: 0px 4px;
  158. 	background-repeat: no-repeat;
  159. 	padding-left: 12px;
  160. 	border-bottom: 1px solid #000;
  161. }
  162. #page #top #top-content #news-content ul {
  163. 	margin: 0px;
  164. 	list-style-type: none;
  165. 	list-style-image: none;
  166. 	padding-left: 0px;
  167. }
  168. #page #top #top-content #news-content li {
  169. 	background-image: url('../images/arrow-light.gif');
  170. 	background-position: 0px 4px;
  171. 	background-repeat: no-repeat;
  172. 	padding-left: 12px;
  173. }
  174. #page #top #top-content #news-content .moduletable_habombers_news {
  175. 	padding: 0px 83px 0px 8px;
  176. 	width: 447px;
  177. 	height: 92px;
  178. 	border-bottom: 2px dotted #000;
  179. 	background-image: url('../images/newsguy.gif');
  180. 	background-position: 476px 4px;
  181. }
  182. #page #top #top-content #news-content div.moduletable_habbo_news {
  183. 	padding: 0px 0px 0px 9px;
  184. 	width: 259px;
  185. 	height: 90px;
  186. }
  187. #page #top #top-content #news-content .moduletable_tbt_news {
  188. 	padding: 0px 10px 0px 11px;
  189. 	width: 249px;
  190. 	height: 90px;
  191. 	float: right;
  192. }
  193. #page #seperator {
  194. 	background-image: url('../images/seperator.gif');
  195. 	height: 24px;
  196. 	width: 897px;
  197. }
  198. #page #content {
  199. 	width: 881px;
  200. 	background-image: url('../images/background-content.gif');
  201. 	background-repeat: repeat-y;
  202. 	padding: 0px 8px;
  203. }
  204. #page #content #content-left, #page #content #content-wrap #content-right {
  205. 	width: 181px;
  206. }
  207. #page #content #content-wrap, #page #content #content-wrap #content-right {
  208. 	float: right;
  209. }
  210. #page #content #content-left .moduletable, #page #content #content-wrap #content-right .moduletable, #page #content #content-wrap #content-right .moduletable-login {
  211. 	width: 181px;
  212. 	background-image: url('../images/module-bottom.gif');
  213. 	background-position: bottom center;
  214. 	background-repeat: no-repeat;
  215. 	padding-bottom: 3px;
  216. 	margin-top: 3px;
  217. }
  218. #page #content #content-left .moduletable_ads, #page #content #content-wrap #content-right .moduletable_ads {
  219. 	width: 143px;
  220. 	height: 94px;
  221. 	background-image: url('../images/ads-right.gif');
  222. 	background-repeat: no-repeat;
  223. 	padding: 49px 4px 6px 4px;
  224. 	margin: 0px auto 9px auto;
  225. }
  226. #page #content #content-left .moduletable th {
  227. 	background-image: url('../images/module-header-left.gif');
  228. 	width: 179px;
  229. 	height: 17px;
  230. 	font-size: 11px;
  231. 	color: #FFF;
  232. 	text-align: left;
  233. 	font-weight: normal;
  234. 	padding: 0px 6px;
  235. }
  236. #page #content #content-wrap #content-right .moduletable th {
  237. 	background-image: url('../images/module-header-left.gif');
  238. 	width: 179px;
  239. 	height: 17px;
  240. 	font-size: 11px;
  241. 	color: #FFF;
  242. 	text-align: left;
  243. 	font-weight: normal;
  244. 	padding: 0px 6px;
  245. }
  246. #page #content #content-wrap #content-right .moduletable-login th {
  247. 	background-image: url('../images/module-header-login.gif');
  248. 	width: 179px;
  249. 	height: 17px;
  250. 	font-size: 11px;
  251. 	color: #FFF;
  252. 	text-align: left;
  253. 	font-weight: normal;
  254. 	padding: 0px 6px;
  255. }
  256. #page #content #content-wrap #content-right .moduletable-login input {
  257. 	background-color: #CC0000;
  258. 	border-color: #800000;
  259. 	color: #000;
  260. }
  261. #page #content #content-wrap #content-right .moduletable-login a {
  262. 	color: #CC0000;
  263. }
  264. #page #content #content-left .moduletable td, #page #content #content-wrap #content-right .moduletable td, #page #content #content-wrap #content-right .moduletable-login td {
  265. 	background-color: #FFF;
  266. 	border-style: solid;
  267. 	border-color: #000;
  268. 	border-width: 0px 1px;
  269. 	padding: 1px;
  270. 	width: 189px;
  271. }
  272. #page #content #content-left .moduletable td td, #page #content #content-wrap #content-right .moduletable td td, #page #content #content-wrap #content-right .moduletable-login td td {
  273. 	background-color: transparent;
  274. 	border: none;
  275. 	padding: 0px;
  276. 	width: auto;
  277. }
  278. #page #content #content-left .moduletable .mainlevel , #page #content #content-wrap #content-right .moduletable .mainlevel {
  279. 	display: block;
  280. 	width: 159px;
  281. 	height: 17px;
  282. 	background-image: url('../images/menu-bg.gif');
  283. 	margin: 2px auto;
  284. 	padding: 2px 5px 0px;
  285. 	color: #FFF;
  286. 	font-size: 10px;
  287. }
  288. #page #content #content-left .moduletable .pollstableborder , #page #content #content-wrap #content-right .moduletable .pollstableborder {
  289. 	width: 100%;
  290. 	margin-bottom: 2px;
  291. }
  292. #page #content #content-left .moduletable .mainlevel:hover , #page #content #content-wrap #content-right .moduletable .mainlevel:hover {
  293. 	text-decoration: underline;
  294. }
  295. #page #content #content-wrap {
  296. 	width: 694px;
  297. }
  298. #page #content #content-wrap #content-middle {
  299. 	width: 507px;
  300. }
  301. #page #content #content-wrap #content-middle #banner {
  302. 	width: 507px;
  303. 	height: 115px;
  304. }
  305. #page #content #content-wrap #content-middle #djsays_wrap {
  306. 	width: 499px;
  307. 	height: 18px;
  308. 	color: #FFF;
  309. 	font-size: 10px;
  310. 	background-image: url('../images/djsays.gif');
  311. 	padding: 4px 4px;
  312. }
  313. #page #content #content-left .moduletable div, #page #content #content-wrap #content-middle #page-content div, #page #content #content-wrap #content-right div {
  314. 	float: none;
  315. }
  316. #page #content #content-wrap #content-middle #page-content {
  317. 	padding: 1px;
  318. 	width: 505px;
  319. }
  320. #page #content #content-wrap #content-middle #page-content .contentpaneopen {
  321. 	width: 100%;
  322. }
  323. #page #content #content-wrap #content-middle #page-content .contentheading , #page #content #content-wrap #content-middle #page-content .componentheading {
  324. 	width: 501px;
  325. 	background-color: #4599DE;
  326. 	color: #FFF;
  327. 	font-weight: bold;
  328. 	padding: 1px;
  329. }
  330. #page #content #content-wrap #content-middle #page-content .componentheading {
  331. 	margin: 1px;
  332. }
  333. #page #content-end {
  334. 	height: 8px;
  335. 	width: 897px;
  336. 	background-image: url('../images/content-btm.gif')
  337. }
  338. #page #ads {
  339. 	margin: 0px auto;
  340. 	padding: 5px 0px;
  341. 	width: 468px;
  342. 	float: none;
  343. 	clear: both;
  344. }
  345. #page #footer {
  346. 	width: 885px;
  347. 	height: 20px;
  348. 	padding: 6px;
  349. 	font-size: 10px;
  350. 	background-image: url('../images/footer.gif');
  351. 	line-height: 1.2em;
  352. 	margin-top: 5px;
  353. }
  354. #page #footer div {
  355. 	float: none;
  356. }
  357. /* special effects (?) */
  358. .sectiontableentry1 {
  359. 	background-color: #8EC0EB !important;
  360. }
  361. .sectiontableentry2 {
  362. 	background-color: #FFF !important;
  363. }