1. html {background:url(../images/html-bg.jpg);}
  2. body {
  3. 	margin:0;
  4. 	font:11px/18px Tahoma, Arial, sans-serif;
  5. 	background:url(../images/body-bg.jpg) repeat-y;
  6. 	color:#756739;
  7. }
  8. img {border:none;}
  9. form {
  10. 	padding:0;
  11. 	margin:0;
  12. }
  13. /* text background */
  14.  
  15. .last-tweet,
  16. .tags,
  17. .popular-backgrounds,
  18. .latest-backgrounds {
  19. 	margin:0;
  20. 	text-indent:-9999px;
  21. 	overflow:hidden;
  22. }
  23. .last-tweet {
  24. 	background:url(../images/last-tweet.png) no-repeat;
  25. 	height:22px;
  26. 	margin:0 0 45px 14px;
  27. }
  28. .tags {
  29. 	background:url(../images/tags.png) no-repeat;
  30. 	height:30px;
  31. 	margin:0 0 8px 15px;
  32. }
  33. .popular-backgrounds,
  34. .latest-backgrounds {
  35. 	height:37px;
  36. 	margin:0 0 9px 12px;
  37. 	background:url(../images/populat-backgrounds.png) no-repeat;
  38. }
  39. .latest-backgrounds {background:url(../images/latest-backgrounds.png) no-repeat;}
  40.  
  41. /*page*/
  42. #page {
  43. 	width:827px;
  44. 	padding:0 0 0 60px;
  45. 	overflow:hidden;
  46. 	position:relative;
  47. 	z-index:3;
  48. }
  49. /*header*/
  50. .header {
  51. 	height:1%;
  52. 	padding:61px 0 26px 45px;
  53. 	overflow:hidden;
  54. }
  55. /*logo*/
  56. .logo {
  57. 	margin:0;
  58. 	width:374px;
  59. 	height:102px;
  60. 	background:url(../images/logo.png) no-repeat;
  61. 	display:block;
  62. 	overflow:hidden;
  63. 	text-indent:-9999px;
  64. 	float:left;
  65. }
  66. .logo a {
  67. 	display:block;
  68. 	height:100%;
  69. 	position:relative;
  70. }
  71. .header-inn {
  72. 	float:right;
  73. 	width:351px;
  74. 	padding:34px 0 0;
  75. }
  76. .header-inn p {
  77. 	text-transform:uppercase;
  78. 	text-align:right;
  79. 	color:#443a25;
  80. 	margin:0 8px 16px 0;
  81. 	font:18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
  82. }
  83. .header-inn p a {
  84. 	color:#b71515;
  85. 	padding-left:5px;
  86. }
  87. .header-inn p a:hover {text-decoration:none;}
  88.  
  89. .login {
  90. 	width:351px;
  91. 	overflow:hidden;
  92. }
  93. .login .area {
  94. 	width:370px;
  95. 	padding:9px 0 8px;
  96. 	margin:0 0 13px;
  97. 	overflow:hidden;
  98. 	background:url(../images/login-bg.png) no-repeat;
  99. }
  100. .login input.text {
  101. 	float:left;
  102. 	padding:4px 0 5px 18px;
  103. 	width:135px;
  104. 	border:0;
  105. 	background:none;
  106. 	margin:0 25px 0 0;
  107. 	position:relative;
  108. 	color:#6f6f6f;
  109. 	font:12px Arial, Helvetica, sans-serif;
  110. }
  111. .holder {
  112. 	height:1%;
  113. 	overflow:hidden;
  114. }
  115. .login label {
  116. 	float:right;
  117. 	padding:0 16px 0 0;
  118. 	font:11px Tahoma, Arial, sans-serif;
  119. }
  120. .login input.check {
  121. 	margin:0 5px 0 0;
  122. 	padding:0;
  123. 	vertical-align:middle;
  124. 	width:14px;
  125. 	height:14px;
  126. }
  127.  
  128. /*primary content*/
  129. .primary-content {
  130. 	height:1%;
  131. 	overflow:hidden;
  132. 	padding:0 0 40px;
  133. }
  134. .main-col {
  135. 	float:right;
  136. 	width:463px;
  137. 	padding:7px 0 0;
  138. 	overflow:hidden;
  139. }
  140. .promo {
  141. 	height:1%;
  142. 	overflow:hidden;
  143. 	padding:0 1px 38px 0;
  144. }
  145. .promo-img {
  146. 	height:1%;
  147. 	overflow:hidden;
  148. 	padding:5px 0 18px 18px;
  149. 	background:url(../images/promo-img-bg.png) no-repeat;
  150. }
  151. .promo-img img {
  152. 	display:block;
  153. 	position:relative;
  154. }
  155. .promo p {
  156. 	margin:8px 0 0 12px;
  157. 	color:#443a25;
  158. 	text-transform:uppercase;
  159. 	font:18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
  160. }
  161. .promo p a {
  162. 	color:#b71515;
  163. 	background:url(../images/bullet.gif) no-repeat 100% 50%;
  164. 	padding:0 17px 0 5px;
  165. }
  166. .promo p a:hover {text-decoration:none;}
  167.  
  168. ul.list {
  169. 	padding:0 0 15px;
  170. 	margin:0;
  171. 	list-style:none;
  172. 	overflow:hidden;
  173. 	width:475px;
  174. }
  175. ul.list li {
  176. 	float:left;
  177. 	width:147px;
  178. 	padding:0 10px 15px 0;
  179. }
  180. ul.list li div {
  181. 	background:url(../images/frame.png) no-repeat;
  182. 	height:1%;
  183. 	overflow:hidden;
  184. 	padding:3px 0 13px 15px;
  185. }
  186. ul.list li img {
  187. 	display:block;
  188. 	position:relative;
  189. }
  190. ul.list ul {
  191. 	padding:0;
  192. 	margin:0 0 6px 11px;
  193. 	list-style:none;
  194. 	width:75px;
  195. 	height:11px;
  196. 	overflow:hidden;
  197. 	background:url(../images/stars-bg.gif) no-repeat;
  198. }
  199. ul.list ul li {
  200. 	float:left;
  201. 	padding:0 4px 0 0;
  202. 	width:11px;
  203. }
  204. ul.list ul li a {
  205. 	display:block;
  206. 	height:100%;
  207. 	text-indent:-9999px;
  208. }
  209. ul.list ul li.on a {background:url(../images/full.gif) no-repeat;}
  210. ul.list ul li.half a {background:url(../images/half.gif) no-repeat;}
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217. .sidebar {
  218. 	float:left;
  219. 	width:329px;
  220. 	padding:0 0 30px;
  221. 	background:url(../images/left-bg.png) no-repeat;
  222. }
  223. ul.menu {
  224. 	height:1%;
  225. 	overflow:hidden;
  226. 	padding:0;
  227. 	margin:27px 80px 102px 22px;
  228. 	list-style:none;
  229. 	position:relative;
  230. }
  231. ul.menu li {
  232. 	height:1%;
  233. 	padding:0 0 7px;
  234. 	vertical-align:top;
  235. 	overflow:hidden;
  236. 	font:24px/30px "Trebuchet MS", Trebuchet, Arial, sans-serif;
  237. 	text-transform:uppercase;
  238. }
  239. ul.menu li a {
  240. 	color:#fff;
  241. 	text-decoration:none;
  242. 	display:block;
  243. 	padding:0 0 0 24px;
  244. }
  245. ul.menu li a:hover,
  246. ul.menu li.active a {background:url(../images/menu-roll.gif) no-repeat;}
  247.  
  248. .last {
  249. 	height:1%;
  250. 	overflow:hidden;
  251. 	padding:0 24px 39px 43px;
  252. }
  253. .last p {margin:0 12px 3px 0;}
  254. .last p a {
  255. 	color:#b71515;
  256. 	text-decoration:none;
  257. }
  258. .last p a:hover {text-decoration:underline;}
  259. .button-box {
  260. 	float:right;
  261. 	background:url(../images/btn-bg.png) no-repeat;
  262. 	width:164px;
  263. }
  264. .button-box a {
  265. 	position:relative;
  266. 	width:153px;
  267. 	height:35px;
  268. 	padding:0 0 0 21px;
  269. 	font:bold 11px/34px Tahoma, Arial, sans-serif;
  270. 	color:#b71515;
  271. 	text-decoration:none;
  272. }
  273. .button a:hover {text-decoration:underline;}
  274.  
  275. ul.tags-list {
  276. 	height:1%;
  277. 	overflow:hidden;
  278. 	padding:0 40px 40px 42px;
  279. 	margin:0;
  280. 	list-style:none;
  281. }
  282. ul.tags-list li {
  283. 	display:inline;
  284. 	font:14px "Trebuchet MS", Trebuchet, Arial, sans-serif;
  285. }
  286. ul.tags-list li.size1 {font-size:24px;}
  287. ul.tags-list li a {	
  288. 	color:#756739;
  289. 	text-decoration:none;
  290. }
  291. ul.tags-list li a:hover {text-decoration:underline;}
  292.  
  293. .search {
  294. 	width:215px;
  295. 	margin:0 0 0 36px;
  296. 	padding:7px 0;
  297. 	overflow:hidden;
  298. 	background:url(../images/search-bg.png) no-repeat ;
  299. }
  300. .search input.text {
  301. 	float:left;
  302. 	width:156px;
  303. 	background:none;
  304. 	color:#6f6f6f;
  305. 	border:0;
  306. 	position:relative;
  307. 	font:12px Arial, Helvetica, sans-serif;
  308. 	padding:6px 5px 6px 19px;
  309. }
  310. .search input.button {
  311. 	float:left;
  312. 	position:relative;
  313. }
  314.  
  315. /*footer*/
  316. .footer {
  317. 	height:1%;
  318. 	padding:0 0 35px 43px;
  319. 	font:10px Tahoma, Arial, sans-serif;
  320. 	overflow:hidden;
  321. }
  322. .footer p {
  323. 	margin:0 0 3px;
  324. 	color:#443a25;
  325. }
  326. .footer p a {color:#b71515;}
  327. .footer p a:hover {text-decoration:none;}
  328. .footer p strong {
  329. 	font-weight:normal;
  330. 	background:url(../images/kavoon.gif) no-repeat 0 50%;
  331. 	padding:0 0 0 14px;
  332. }
  333. .footer p strong a {
  334. 	color:#443a25;
  335. 	text-decoration:none;
  336. }
  337. .footer p strong a:hover {text-decoration:underline;}
  338.  
  339. .cloud1,
  340. .cloud2,
  341. .cloud3,
  342. .cloud4,
  343. .cloud5,
  344. .cloud6,
  345. .cloud7 {
  346. 	position:absolute;
  347. 	overflow:hidden;
  348. 	text-indent:-9999px;
  349. }
  350. .cloud1 {
  351. 	width:222px;
  352. 	height:74px;
  353. 	top:0;
  354. 	left:552px;
  355. 	background:url(../images/cloud1.gif) no-repeat;
  356. }
  357. .cloud2 {
  358. 	width:213px;
  359. 	height:247px;
  360. 	top:236px;
  361. 	right:0;
  362. 	background:url(../images/cloud2.gif) no-repeat;
  363. }
  364. .cloud3 {
  365. 	width:227px;
  366. 	height:157px;
  367. 	top:462px;
  368. 	left:724px;
  369. 	background:url(../images/cloud3.gif) no-repeat;
  370. }
  371. .cloud4 {
  372. 	width:181px;
  373. 	height:117px;
  374. 	top:487px;
  375. 	left:60px;
  376. 	background:url(../images/cloud4.gif) no-repeat;
  377. }
  378. .cloud5 {
  379. 	width:138px;
  380. 	height:111px;
  381. 	top:716px;
  382. 	left:60px;
  383. 	background:url(../images/cloud5.gif) no-repeat;
  384. }
  385. .cloud6 {
  386. 	width:222px;
  387. 	height:146px;
  388. 	top:754px;
  389. 	left:369px;
  390. 	background:url(../images/cloud6.gif) no-repeat;
  391. }
  392. .cloud7 {
  393. 	width:313px;
  394. 	height:221px;
  395. 	top:1052px;
  396. 	left:60px;
  397. 	background:url(../images/cloud7.gif) no-repeat;
  398. }
  399.