PageRenderTime 39ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 0ms

/bond/css/master.css

http://demoasp.googlecode.com/
CSS | 2299 lines | 1963 code | 287 blank | 49 comment | 0 complexity | 5cdd7423150e180d284f959e14d489f4 MD5 | raw file
Possible License(s): BSD-3-Clause, LGPL-2.1
  1. body {
  2. font: 12px/20px Tahoma,??,Helvetica Neue, Helvetica, Arial, sans-serif;
  3. color: #1E1E1E;
  4. }
  5. /* PAGE STRUCTURE
  6. ------------------------------------------------------------- */
  7. .inner {
  8. width: 1000px;
  9. margin: 0 auto;
  10. }
  11. /* ELEMENTS
  12. ------------------------------------------------------------- */
  13. p {
  14. margin-bottom: 15px;
  15. }
  16. /* Links */
  17. a:link, a:visited {
  18. color: #cd3b0b;
  19. text-decoration: none;
  20. }
  21. a:hover {
  22. color: #d64e17;
  23. }
  24. /* Headings */
  25. h1 {
  26. font-size: 32px;
  27. color: #d64e17;
  28. text-shadow: 1px 1px 1px #fff;
  29. }
  30. h2 {
  31. font-size: 28px;
  32. color: #d64e17;
  33. text-shadow: 1px 1px 1px #fff;
  34. }
  35. h3 {
  36. font-size: 24px;
  37. color: #d64e17;
  38. text-shadow: 1px 1px 1px #fff;
  39. }
  40. h4 {
  41. font-size: 20px;
  42. color: #d64e17;
  43. text-shadow: 1px 1px 1px #fff;
  44. }
  45. h5 {
  46. font-size: 18px;
  47. color: #d64e17;
  48. text-shadow: 1px 1px 1px #fff;
  49. }
  50. h6 {
  51. font: bold 14px;
  52. color: #d64e17;
  53. text-shadow: 1px 1px 1px #fff;
  54. }
  55. .main .posts h1, .main .posts h2, .main .posts h3, .main .posts h4, .main .posts h5, .main .posts h6 {
  56. margin-bottom: 20px;
  57. }
  58. .footer .widget h1, .footer .widget h2, .footer .widget h3, .footer .widget h4, .footer .widget h5, .footer .widget h6 {
  59. margin-bottom: 20px;
  60. }
  61. .main .widget h1, .main .widget h2, .main .widget h3, .main .widget h4, .main .widget h5, .main .widget h6 {
  62. margin-bottom: 20px;
  63. }
  64. .main .pages h1, .main .pages h2, .main .pages h3, .main .pages h4, .main .pages h5, .main .pages h6 {
  65. margin-bottom: 20px;
  66. }
  67. .footer .text-widget h4 {
  68. margin-bottom: 20px;
  69. }
  70. /* HEADER
  71. ------------------------------------------------------------- */
  72. .header {
  73. background: url(../img/bg-header.png) repeat-x;
  74. height:225px;
  75. }
  76. .header .inner {
  77. background: url(../img/bg-header-inner.png) no-repeat;
  78. min-height: 225px;
  79. z-index:9999;
  80. position:relative;
  81. }
  82. .header h1#logo {
  83. margin: 56px 0 37px 28px;
  84. float: left;
  85. }
  86. .header div.follow {
  87. float: right;
  88. width: 278px;
  89. min-height: 90px;
  90. margin: 0 10px 0 0;
  91. background-color: #1f2122;
  92. border-bottom: 1px solid #090a0a;
  93. -webkit-border-bottom-right-radius: 5px;
  94. -webkit-border-bottom-left-radius: 5px;
  95. -moz-border-radius-bottomright: 5px;
  96. -moz-border-radius-bottomleft: 5px;
  97. border-bottom-right-radius: 5px;
  98. border-bottom-left-radius: 5px;
  99. color: #fff;
  100. padding: 0 22px 0 0;
  101. }
  102. .header div.follow .quote {
  103. display: block;
  104. float: left;
  105. width: 69px;
  106. height: 69px;
  107. margin: 13px 0 0 20px;
  108. padding: 12px 0px 0px 2px;
  109. background: url(../img/bg-quote.png) no-repeat;
  110. font-size: 20px;
  111. line-height: 22px;
  112. font-weight: bold;
  113. color: #ce3300;
  114. text-transform: uppercase;
  115. text-align: center;
  116. text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  117. -webkit-transform: rotate(-15deg);
  118. -moz-transform: rotate(-15deg);
  119. }
  120. .header div.login .register
  121. {
  122. float:right;
  123. color:#ffffff;
  124. line-height:22px;
  125. margin:0 -278px 0 0;
  126. padding:0 0 0 0;
  127. }
  128. .header div.login .register a
  129. {
  130. color:#ffffff;
  131. margin:0 0 0 12px;
  132. }
  133. .header div.follow .number {
  134. font-size: 28px;
  135. font-weight: bold;
  136. display: block;
  137. float: right;
  138. margin: 15px 10px 10px 0;
  139. }
  140. .header div.follow .email {
  141. font-size: 16px;
  142. text-transform:lowercase;
  143. display: block;
  144. float: right;
  145. letter-spacing: 1px;
  146. margin: 0 10px 10px 0;
  147. }
  148. /* Navigation */
  149. .nav {
  150. width: 976px;
  151. padding: 21px 12px 0;
  152. min-height: 81px;
  153. background: url(../img/bg-nav.png) no-repeat;
  154. clear: both;
  155. }
  156. .nav li {
  157. float: left;
  158. text-shadow: 1px 1px 1px #fff;
  159. border-left: 1px solid #fff;
  160. border-right: 1px solid #dbdbdb;
  161. position: relative;
  162. line-height:35px;
  163. }
  164. .nav li:last-child {
  165. border-right: none;
  166. }
  167. .nav li a {
  168. font-size: 14px;
  169. font-weight: bold;
  170. color: #212324;
  171. text-decoration: none;
  172. float:left;
  173. padding:12px 30px 12px;
  174. }
  175. .nav li.current a {
  176. color: #cd3b0b;
  177. }
  178. .nav li a:hover {
  179. background: #fff url(../img/bg-nav-hover.png) repeat-x;
  180. }
  181. .nav li.current a {
  182. background: #fff url(../img/bg-nav-hover.png) repeat-x;
  183. color: #cd3b0b;
  184. }
  185. .nav li a span {
  186. display: block;
  187. font-weight: normal;
  188. font-size: 11px;
  189. color: #1E1E1E;
  190. }
  191. .nav li.current a span {
  192. color: #cd3b0b;
  193. }
  194. /* Second level */
  195. .nav li ul {
  196. position: absolute;
  197. top: 50px; left: 5px;
  198. z-index:1000;
  199. width: 177px;
  200. border-right: 1px solid #d3d3d3;
  201. border-left: 1px solid #d3d3d3;
  202. background-color: #f3f3f3;
  203. -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
  204. -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
  205. box-shadow: 0 0px 4px rgba(0,0,0,0.3);
  206. }
  207. .nav li ul:before {
  208. content: "";
  209. display: block;
  210. width: 187px;
  211. height: 12px;
  212. position: absolute;
  213. top: -12px; left: -4px;
  214. background: url(../img/bg-subnav.png);
  215. }
  216. .nav li ul li {
  217. margin: 0 12px;
  218. border: none;
  219. padding: 0;
  220. float: none;
  221. display: block;
  222. overflow: hidden;
  223. background: url(../img/bg-dotted.png) 0 100% repeat-x;
  224. }
  225. .nav li ul li:last-child {
  226. background: none;
  227. }
  228. .nav li ul li a, .nav li.hover ul li a {
  229. display: block;
  230. float: left;
  231. padding: 0 4px;
  232. border: none;
  233. line-height: 30px;
  234. font-size: 12px;
  235. font-weight: normal;
  236. color: #1E1E1E;
  237. background: none !important;
  238. }
  239. .nav li ul li a:hover {
  240. background: none;
  241. color: #d85007;
  242. }
  243. /* FEATURED SECTION
  244. ------------------------------------------------------------- */
  245. .featured {
  246. min-height: 442px;
  247. background: url(../img/bg-featured.png) repeat-x;
  248. }
  249. .featured .inner {
  250. min-height: 442px;
  251. width: 1002px;
  252. background: url(../img/bg-featured-inner.png) no-repeat;
  253. overflow: hidden;
  254. position: relative;
  255. }
  256. .featured ul.slider {
  257. height: 359px;
  258. width: 959px;
  259. margin: 46px 0 0 21px;
  260. }
  261. .featured-nav {
  262. width: 930px;
  263. height: 76px;
  264. margin: 0 auto;
  265. padding: 14px 0 0 16px;
  266. background: url(../img/bg-featured-nav.png) no-repeat;
  267. position: absolute;
  268. bottom: 3px; left: 28px;
  269. z-index: 1000;
  270. }
  271. .featured-nav ul li a {
  272. float: left;
  273. margin: 0 15px 0 0;
  274. opacity: 0.5;
  275. }
  276. .featured-nav ul li a.activeSlide {
  277. opacity: 1;
  278. }
  279. .featured-nav ul li a img {
  280. height: 64px;
  281. }
  282. /* HOMEPAGE STYLES
  283. ------------------------------------------------------------- */
  284. .main {
  285. margin: 1px 0 0 0;
  286. background-color: #f8f8f8;
  287. background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #eee), color-stop(0.40, #fcfcfc), color-stop(0.80, #e0e0e0));
  288. background: -moz-linear-gradient(center top, #eee 25%, #fcfcfc 63%, #e0e0e0 82%);
  289. }
  290. .main .inner {
  291. width: 1002px;
  292. background: url(../img/bg-main.png) 0 -1px no-repeat;
  293. padding: 35px 0 0 0;
  294. position: relative;
  295. z-index:1;
  296. }
  297. .main .shelf {
  298. position: relative;
  299. top: -25px;
  300. height: 42px;
  301. z-index: 0;
  302. overflow: hidden;
  303. margin-bottom: -25px;
  304. background: url(../img/bg-3d.png) repeat-x;
  305. }
  306. .main .shelf .inner {
  307. height: 42px;
  308. background: url(../img/bg-shelf-inner.png) no-repeat;
  309. }
  310. .main .widget {
  311. float: left;
  312. width: 455px;
  313. margin: 0 0 20px 28px;
  314. padding: 0 15px 0 0;
  315. }
  316. .main .widget2 {
  317. width: 455px;
  318. margin: 0 0 20px 215px;
  319. padding: 0 15px 0 0;
  320. }
  321. .main .widget p {
  322. overflow: hidden;
  323. }
  324. .main .widget img.icon {
  325. float: right;
  326. margin: 20px 15px 15px;
  327. }
  328. .main .widget a.button {
  329. display: inline-block;
  330. float: right;
  331. color: #121214;
  332. text-transform: uppercase;
  333. font-size: 12px;
  334. border: 1px solid #bbb;
  335. border-bottom: 3px solid #bbb;
  336. -webkit-border-radius: 3px;
  337. -moz-border-radius: 3px;
  338. border-radius: 3px;
  339. background-color: #f1f1f1;
  340. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  341. background: -moz-linear-gradient(#fff, #e6e6e6);
  342. padding: 0 8px;
  343. line-height: 26px;
  344. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  345. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  346. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  347. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  348. }
  349. .main .widget a.button:hover {
  350. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
  351. background: -moz-linear-gradient(#e6e6e6, #fefefe);
  352. color: #d64e17;
  353. }
  354. .main .widget .reportlink {
  355. width: 180px;
  356. float: left;
  357. overflow: hidden;
  358. white-space: nowrap;
  359. }.main .widget .reportlink:hover
  360. {
  361. text-decoration:none;
  362. }
  363. .main .widget .reportname
  364. {
  365. margin-left:120px;
  366. float:left;
  367. }
  368. .main .widget .time
  369. {
  370. position:absolute;
  371. right:0;
  372. top:0;
  373. }
  374. .main .widget .postlink
  375. {
  376. width: 60px;
  377. float: left;
  378. overflow: hidden;
  379. white-space: nowrap;
  380. }
  381. .main .widget .codelink
  382. {
  383. width: 90px;
  384. float: left;
  385. color: #1E1E1E;
  386. overflow: hidden;
  387. white-space: nowrap;
  388. }
  389. .main .widget .companylink
  390. {
  391. width: 130px;
  392. float: left;
  393. color: #1E1E1E;
  394. overflow: hidden;
  395. white-space: nowrap;
  396. }
  397. .main .widget .period
  398. {
  399. margin-left:40px;
  400. float:left;
  401. line-height:30px;
  402. }
  403. .main .widget ul li
  404. {
  405. position:relative;
  406. line-height:30px;
  407. height:30px;
  408. display:block;
  409. }
  410. .main .widget ul li a
  411. {
  412. float:left;
  413. }
  414. .main .latest {
  415. clear: both;
  416. width: 946px;
  417. margin: 0 auto;
  418. padding: 7px 0 0;
  419. overflow: hidden;
  420. background: #efefef url(../img/bg-latest-top.png) 50% 0 no-repeat;
  421. }
  422. .main .latest h5 {
  423. width: 53px;
  424. height: 187px;
  425. float: left;
  426. text-indent: -9999px;
  427. background: #d4440b url(../img/head-latest.png) no-repeat;
  428. }
  429. .main .latest ul {
  430. float: right;
  431. width: 853px;
  432. margin: 5px 20px 0;
  433. }
  434. .main .latest ul li {
  435. float: left;
  436. margin: 0 35px 0 0;
  437. padding: 14px 0 0;
  438. width: 408px;
  439. border-bottom: 1px solid #bfbfbf;
  440. text-shadow: 1px 1px 1px #fff;
  441. }
  442. .main .latest ul li:nth-child(2n+2) {
  443. margin-right: 0;
  444. }
  445. .main .latest ul li:nth-child(3), .main .latest ul li:nth-child(4) {
  446. border-bottom: none;
  447. border-top: 1px solid #fff;
  448. }
  449. .main .latest ul li p.date {
  450. width: 140px;
  451. float: left;
  452. color: #d64e17;
  453. font-weight: bold;
  454. overflow: hidden;
  455. }
  456. .main .latest ul li p.date span.date {
  457. font-size: 84px;
  458. line-height: 30px;
  459. float: left;
  460. margin: -14px 12px 0 0;
  461. }
  462. .main .latest ul li p.date span.month {
  463. font-size: 40px;
  464. float: left;
  465. text-transform: uppercase;
  466. }
  467. .main .latest ul li p.date span.year {
  468. font-size: 24px;
  469. float: left;
  470. margin: -4px 0 0 3px;
  471. }
  472. .main .latest ul li h4 {
  473. margin-bottom: 10px;
  474. }
  475. .main .latest ul li p {
  476. line-height: 14px;
  477. margin-bottom: 0;
  478. }
  479. .main .latest ul li h4 a {
  480. font-size: 12px;
  481. color: #444;
  482. }
  483. .main .latest ul li h4 a:hover {
  484. color: #d64e17;
  485. text-decoration: underline;
  486. }
  487. .main .pages img.alignright {
  488. float: right;
  489. margin: 10px 0 10px 20px;
  490. background-color: #fff;
  491. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  492. background: -moz-linear-gradient(#eee, #fff);
  493. padding: 5px;
  494. border: 1px solid #e2e2e2;
  495. -webkit-border-radius: 3px;
  496. -moz-border-radius: 3px;
  497. border-radius: 3px;
  498. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  499. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  500. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  501. }
  502. .main .pages img.alignleft {
  503. float: left;
  504. margin: 10px 20px 10px 0;
  505. background-color: #fff;
  506. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  507. background: -moz-linear-gradient(#eee, #fff);
  508. padding: 5px;
  509. border: 1px solid #e2e2e2;
  510. -webkit-border-radius: 3px;
  511. -moz-border-radius: 3px;
  512. border-radius: 3px;
  513. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  514. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  515. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  516. }
  517. /* Main Contact Form */
  518. .main .contact {
  519. width: 590px;
  520. }
  521. .main .contact form {
  522. margin: 45px 0 0;
  523. }
  524. .main .contact form textarea, .main .contact form input[type=text] {
  525. width: 180px;
  526. float: left;
  527. margin: 0 11px 9px 0;
  528. padding: 7px 10px;
  529. font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif!important;
  530. color: #acacac;
  531. border: 1px solid #c2c2c2;
  532. -webkit-border-radius: 3px;
  533. -moz-border-radius: 3px;
  534. border-radius: 3px;
  535. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fefefe));
  536. background: -moz-linear-gradient(#efefef, #fefefe);
  537. -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  538. -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  539. box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  540. }
  541. .main .contact form textarea {
  542. float: right;
  543. width: 340px;
  544. height: 86px;
  545. margin: 0;
  546. }
  547. .main .contact form input[type=submit] {
  548. clear: both;
  549. float: left;
  550. font-weight: bold;
  551. color: #fff;
  552. text-transform: uppercase;
  553. padding: 8px 13px;
  554. text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  555. background-color: #dd4406;
  556. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4b0b), to(#cd3c01));
  557. background: -moz-linear-gradient(#eb4b0b, #cd3c01);
  558. border: 1px solid #a53609;
  559. border-bottom: 3px solid #a53609;
  560. -webkit-border-radius: 3px;
  561. -moz-border-radius: 3px;
  562. border-radius: 3px;
  563. margin: 3px 0 0 -1px;
  564. cursor: pointer;
  565. }
  566. .main .contact form div#error {
  567. color: red;
  568. float: left;
  569. margin: 10px 0 0 20px;
  570. }
  571. .main .contact form div#error p {
  572. color: #666;
  573. }
  574. .footer .text-widget {
  575. float: left;
  576. width: 330px;
  577. margin: 0 0 0 28px;
  578. color: #777;
  579. text-shadow: 1px 1px 1px #fff;
  580. }
  581. .footer .text-widget a.button {
  582. display: inline-block;
  583. float: right;
  584. color: #121214;
  585. text-transform: uppercase;
  586. font-weight: bolder;
  587. font-size: 9px;
  588. border: 1px solid #bbb;
  589. border-bottom: 3px solid #bbb;
  590. -webkit-border-radius: 3px;
  591. -moz-border-radius: 3px;
  592. border-radius: 3px;
  593. background-color: #f1f1f1;
  594. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  595. background: -moz-linear-gradient(#fff, #e6e6e6);
  596. padding: 0 8px;
  597. line-height: 26px;
  598. text-shadow: 1px 1px 1px #fff;
  599. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  600. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  601. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  602. }
  603. /* PORTFOLIO
  604. ------------------------------------------------------------- */
  605. .content .filter {
  606. padding: 20px 25px;
  607. border-bottom: 1px solid #ddd;
  608. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#fefefe));
  609. background: -moz-linear-gradient(#f3f3f3, #fefefe);
  610. }
  611. .content .filter span {
  612. display: block;
  613. float: left;
  614. color: #1f2122;
  615. font-size: 14px;
  616. font-weight: bold;
  617. }
  618. .content .filter ul {
  619. float: left;
  620. margin: -2px 0 0 15px;
  621. }
  622. .content .filter ul li {
  623. float: left;
  624. margin: 0 19px 0 0;
  625. }
  626. .content .filter ul li a {
  627. display: block;
  628. color: #121214;
  629. text-transform: uppercase;
  630. font-size: 9px;
  631. border: 1px solid #bbb;
  632. border-bottom: 2px solid #bbb;
  633. -webkit-border-radius: 2px;
  634. -moz-border-radius: 2px;
  635. border-radius: 2px;
  636. background-color: #f1f1f1;
  637. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  638. background: -moz-linear-gradient(#fff, #e6e6e6);
  639. padding: 2px 13px;
  640. text-shadow: 1px 1px 1px rgba(0,0,0,.1);
  641. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  642. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  643. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  644. }
  645. .content .filter ul li a:hover, .content .filter ul li.current a {
  646. color: #fff;
  647. border-color: #b9481c;
  648. border-bottom-color: #772707;
  649. background-color: #e9490a;
  650. background: -webkit-gradient(linear, 0 0, 0 100%, from(#eb4a0b), to(#cd3c01));
  651. background: -moz-linear-gradient(#eb4a0b, #cd3c01);
  652. }
  653. .content .portfolio {
  654. padding: 35px 0 0 45px;
  655. }
  656. .content .portfolio li {
  657. float: left;
  658. margin: 0 45px 45px 0;
  659. overflow: hidden;
  660. }
  661. .content .portfolio.detail li {
  662. width: 405px;
  663. text-shadow: 1px 1px 1px #fff;
  664. }
  665. .content .portfolio a.thumb {
  666. display: block;
  667. float: left;
  668. background: #fff url(../img/bg-zoom.png) 5px 5px no-repeat;
  669. background: url(../img/bg-zoom.png) 5px 5px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  670. background: url(../img/bg-zoom.png) 5px 5px no-repeat, -moz-linear-gradient(#eee, #fff);
  671. padding: 5px;
  672. border: 1px solid #e2e2e2;
  673. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  674. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  675. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  676. }
  677. .content .portfolio a.thumb:hover img {
  678. opacity: 0.2;
  679. }
  680. .content .portfolio.detail a.thumb {
  681. margin-right: 20px;
  682. }
  683. .content .portfolio.detail h4 {
  684. font-size: 14px;
  685. margin: 5px 0 10px 0;
  686. }
  687. .content .portfolio.detail p {
  688. margin-bottom: 10px;
  689. }
  690. .content .portfolio.detail a.more {
  691. text-transform: uppercase;
  692. float: right;
  693. }
  694. /* Services */
  695. ul.services {
  696. margin: 30px 0;
  697. }
  698. ul.services img {
  699. display: block;
  700. float: left;
  701. margin: 0 25px 0 0;
  702. background-color: #fff;
  703. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  704. background: -moz-linear-gradient(#eee, #fff);
  705. padding: 6px;
  706. border: 1px solid #e2e2e2;
  707. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  708. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  709. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  710. }
  711. ul.services li {
  712. overflow: hidden;
  713. margin: 0 0 50px 0;
  714. }
  715. ul.services li h6 {
  716. font-size: 11px;
  717. color: #cd3b0b;
  718. }
  719. ul.services li a.button {
  720. display: inline-block;
  721. float: right;
  722. color: #121214;
  723. text-transform: uppercase;
  724. font-size: 9px;
  725. border: 1px solid #bbb;
  726. border-bottom: 3px solid #bbb;
  727. -webkit-border-radius: 3px;
  728. -moz-border-radius: 3px;
  729. border-radius: 3px;
  730. background-color: #f1f1f1;
  731. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  732. background: -moz-linear-gradient(#fff, #e6e6e6);
  733. padding: 0 13px;
  734. line-height: 24px;
  735. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  736. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  737. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  738. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  739. }
  740. ul.services li a.button:hover {
  741. background-color: #e6e6e6;
  742. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
  743. background: -moz-linear-gradient(#e6e6e6, #fefefe);
  744. color: #d64e17;
  745. }
  746. /* MAIN STYLES
  747. ------------------------------------------------------------- */
  748. .main .content {
  749. width: 946px;
  750. margin: 0 auto;
  751. position: relative;
  752. text-shadow: 1px 1px 1px #fff;
  753. }
  754. .main .content.right {
  755. background: url(../img/bg-content-right.png) repeat-y;
  756. }
  757. .main .content.left {
  758. background: url(../img/bg-content-left.png) repeat-y;
  759. }
  760. .main .content.full {
  761. background-color: #efefef;
  762. }
  763. .main .content:before {
  764. display: block;
  765. content: "";
  766. width: 946px;
  767. height: 7px;
  768. position: absolute;
  769. top: -7px;
  770. background: url(../img/bg-content-top.png);
  771. }
  772. .main .content.right .posts {
  773. width: 600px;
  774. float: left;
  775. padding: 30px 25px 0;
  776. }
  777. .main .content.left .posts {
  778. width: 600px;
  779. float: right;
  780. padding: 30px 25px 0;
  781. }
  782. /* Post styling */
  783. .main .post {
  784. margin: 0 0 35px 0;
  785. }
  786. .main .post p.date {
  787. float: left;
  788. width: 65px;
  789. padding: 7px 7px;
  790. border-right: 1px solid #fff;
  791. border-bottom: 1px solid #fff;
  792. background-color: #cfcfcf;
  793. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
  794. background: -moz-linear-gradient(#cfcfcf, #fefefe);
  795. color: #ce3300;
  796. -webkit-border-radius: 3px;
  797. -moz-border-radius: 3px;
  798. border-radius: 3px;
  799. -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  800. -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  801. box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  802. overflow: hidden;
  803. line-height: 12px;
  804. margin: 0 20px 25px 0;
  805. }
  806. .main .post p.date span.day {
  807. display: block;
  808. float: left;
  809. font-size: 30px;
  810. letter-spacing: -2px;
  811. margin-top: 5px;
  812. }
  813. .main .post p.date span.month {
  814. display: block;
  815. float: right;
  816. font-size: 12px;
  817. text-transform: uppercase;
  818. }
  819. .main .post p.date span.year {
  820. display: block;
  821. float: right;
  822. font-size: 10px;
  823. }
  824. .main .post h2 {
  825. float: left;
  826. font-size: 20px;
  827. font-weight: normal;
  828. letter-spacing: -1px;
  829. width: 500px;
  830. margin-bottom: 2px;
  831. }
  832. .main .post h2 a {
  833. color: #1e1e1e;
  834. }
  835. .main .post p.meta {
  836. font-size: 10px;
  837. overflow: hidden;
  838. float: left;
  839. }
  840. .main .post p.meta a {
  841. font-style: italic;
  842. }
  843. .main .post p.meta span {
  844. display: inline-block;
  845. line-height: 12px;
  846. margin-left: 10px;
  847. padding-left: 10px;
  848. border-left: 1px solid #959595;
  849. }
  850. .main .post img {
  851. background-color: #fff;
  852. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  853. background: -moz-linear-gradient(#eee, #fff);
  854. padding: 5px;
  855. border: 1px solid #e2e2e2;
  856. -webkit-border-radius: 3px;
  857. -moz-border-radius: 3px;
  858. border-radius: 3px;
  859. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  860. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  861. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  862. }
  863. .main .post img.main-thumb {
  864. margin: 0 auto 20px;
  865. }
  866. .main .post img.alignleft {
  867. float: left;
  868. margin: 0 30px 20px 0;
  869. }
  870. .main .post img.alignright {
  871. float: right;
  872. margin: 0 0 20px 30px;
  873. }
  874. .main .post a.button,
  875. .sidebar a.button {
  876. display: inline-block;
  877. float: right;
  878. color: #121214;
  879. text-transform: uppercase;
  880. font-size: 9px;
  881. border: 1px solid #bbb;
  882. border-bottom: 3px solid #bbb;
  883. -webkit-border-radius: 3px;
  884. -moz-border-radius: 3px;
  885. border-radius: 3px;
  886. background-color: #f1f1f1;
  887. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  888. background: -moz-linear-gradient(#fff, #e6e6e6);
  889. padding: 0 13px;
  890. line-height: 24px;
  891. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  892. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  893. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  894. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  895. }
  896. .main .post a.button:hover,
  897. .sidebar a.button:hover,
  898. .main .posts .pages a:hover,
  899. .full .pages a:hover {
  900. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
  901. background: -moz-linear-gradient(#e6e6e6, #fefefe);
  902. color: #d64e17;
  903. }
  904. .main .posts .pages,
  905. .full .pages {
  906. border-top: 1px solid #ddd;
  907. margin: 55px 0 0 -25px;
  908. width: 603px;
  909. padding: 18px 25px;
  910. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#efefef));
  911. background: -moz-linear-gradient(#fefefe, #efefef);
  912. }
  913. .full .pages {
  914. padding: 20px 45px;
  915. width: 856px;
  916. margin: 0;
  917. }
  918. .main .posts .pages a,
  919. .full .pages a {
  920. display: inline-block;
  921. color: #121214;
  922. text-transform: uppercase;
  923. font-size: 9px;
  924. border: 1px solid #bbb;
  925. border-bottom: 3px solid #bbb;
  926. -webkit-border-radius: 3px;
  927. -moz-border-radius: 3px;
  928. border-radius: 3px;
  929. background-color: #f1f1f1;
  930. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  931. background: -moz-linear-gradient(#fff, #e6e6e6);
  932. width: 66px;
  933. text-align: center;
  934. line-height: 24px;
  935. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  936. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  937. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  938. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  939. }
  940. .main .posts .pages a.prev,
  941. .full .pages a.prev {
  942. float: left;
  943. }
  944. .main .posts .pages a.next,
  945. .full .pages a.next {
  946. float: right;
  947. }
  948. .main .posts .share {
  949. background-color: #fff;
  950. -webkit-border-radius: 2px;
  951. -moz-border-radius: 2px;
  952. border-radius: 2px;
  953. -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  954. -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  955. box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  956. padding: 20px 5px 20px 20px;
  957. margin: 0 0 35px 0;
  958. }
  959. .main .posts .share h4 {
  960. float: left;
  961. color: #1f1f1f;
  962. font-size: 24px;
  963. margin: 10px 0 0 8px;
  964. }
  965. .main .posts .share ul {
  966. float: right;
  967. overflow: hidden;
  968. }
  969. .main .posts .share ul li {
  970. float: left;
  971. margin: 0 15px 0 0;
  972. }
  973. .main .posts .share ul li a {
  974. display: block;
  975. width: 42px;
  976. height: 43px;
  977. opacity: 0.2;
  978. text-indent: -9999px;
  979. background: url(../img/icon-share.png) 0 0 no-repeat;
  980. }
  981. .main .posts .share ul li a:hover {
  982. opacity: 1;
  983. }
  984. .main .posts .share ul li.fb a {
  985. background-position: 0 0;
  986. }
  987. .main .posts .share ul li.twitter a {
  988. background-position: -56px 0;
  989. }
  990. .main .posts .share ul li.linkedin a {
  991. background-position: -113px 0;
  992. }
  993. .main .posts .share ul li.su a {
  994. background-position: -170px 0;
  995. }
  996. .main .posts .share ul li.digg a {
  997. background-position: -227px 0;
  998. }
  999. .main .posts .share ul li.rss a {
  1000. background-position: -284px 0;
  1001. }
  1002. .main .posts .share ul li.del a {
  1003. background-position: -341px 0;
  1004. }
  1005. .main .posts .share ul li.techno a {
  1006. background-position: -400px 0;
  1007. }
  1008. /* COMMENTS SECTION
  1009. ------------------------------------------------------------- */
  1010. .main h3#comments,
  1011. .main h4#respond {
  1012. color: #2f2f2f;
  1013. font-size: 14px;
  1014. overflow: hidden;
  1015. }
  1016. .main h4#respond {
  1017. margin: 0 10px;
  1018. }
  1019. .main h4#respond em {
  1020. display: block;
  1021. float: right;
  1022. font: italic 10px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  1023. color: #878787;
  1024. }
  1025. .main .comments {
  1026. background-color: #fff;
  1027. -webkit-border-radius: 3px;
  1028. -moz-border-radius: 3px;
  1029. border-radius: 3px;
  1030. padding: 15px;
  1031. margin: 0 0 30px 0;
  1032. }
  1033. .main .comments li {
  1034. position: relative;
  1035. padding: 15px 0 15px 100px;
  1036. }
  1037. .main .comments li li {
  1038. background: url(../img/bg-subcomment.png) 50% 100% no-repeat;
  1039. }
  1040. .main .comments li img.avatar {
  1041. position: absolute;
  1042. left: 8px;
  1043. padding: 5px;
  1044. background-color: #fff;
  1045. -webkit-border-radius: 2px;
  1046. -moz-border-radius: 2px;
  1047. border-radius: 2px;
  1048. -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  1049. -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  1050. box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
  1051. }
  1052. .main .comments li a.reply {
  1053. position: absolute;
  1054. right: 0; top: 15px;
  1055. display: block;
  1056. color: #1c1c1c;
  1057. font-weight: bold;
  1058. font-size: 12px;
  1059. padding: 6px 13px;
  1060. border-right: 1px solid #fff;
  1061. border-bottom: 1px solid #fff;
  1062. background-color: #cfcfcf;
  1063. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
  1064. background: -moz-linear-gradient(#cfcfcf, #fefefe);
  1065. -webkit-border-radius: 3px;
  1066. -moz-border-radius: 3px;
  1067. border-radius: 3px;
  1068. -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1069. -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1070. box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1071. }
  1072. .main .comments li cite {
  1073. font-size: 18px;
  1074. font-weight: bold;
  1075. font-style: normal;
  1076. color: #ce3300;
  1077. line-height: 22px;
  1078. }
  1079. .main .comments li p.meta {
  1080. font-style: italic;
  1081. font-size: 10px;
  1082. }
  1083. /* Comment form */
  1084. .main form#commentform {
  1085. overflow: hidden;
  1086. margin: 10px 10px 30px;
  1087. }
  1088. .main form#commentform textarea, .main form#commentform input[type=text] {
  1089. width: 168px;
  1090. float: left;
  1091. margin: 0 0 13px 0;
  1092. padding: 10px 10px;
  1093. font: normal 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  1094. color: #acacac;
  1095. border: 1px solid #c2c2c2;
  1096. -webkit-border-radius: 3px;
  1097. -moz-border-radius: 3px;
  1098. border-radius: 3px;
  1099. background-color: #fff;
  1100. -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1101. -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1102. box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1103. }
  1104. .main form#commentform textarea {
  1105. float: right;
  1106. width: 350px;
  1107. height: 110px;
  1108. margin: 0;
  1109. }
  1110. .main form#commentform input[type=submit] {
  1111. clear: both;
  1112. float: left;
  1113. color: #121214;
  1114. font-weight: bold;
  1115. text-transform: uppercase;
  1116. border: 1px solid #bbb;
  1117. border-bottom: 3px solid #bbb;
  1118. -webkit-border-radius: 3px;
  1119. -moz-border-radius: 3px;
  1120. border-radius: 3px;
  1121. background-color: #f1f1f1;
  1122. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
  1123. background: -moz-linear-gradient(#fff, #e6e6e6);
  1124. width: 90px;
  1125. text-align: center;
  1126. padding: 6px 0;
  1127. -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  1128. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  1129. box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  1130. cursor: pointer;
  1131. }
  1132. .main form#commentform input[type=submit]:hover {
  1133. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#fefefe));
  1134. background: -moz-linear-gradient(#e6e6e6, #fefefe);
  1135. color: #d64e17;
  1136. }
  1137. /* SECONDARY STYLES
  1138. ------------------------------------------------------------- */
  1139. .main .content.right .sidebar {
  1140. width: 292px;
  1141. float: right;
  1142. text-shadow: 1px 1px 1px #fff;
  1143. }
  1144. .main .content.left .sidebar {
  1145. width: 292px;
  1146. float: left;
  1147. text-shadow: 1px 1px 1px #fff;
  1148. }
  1149. .main .content .sidebar .widget {
  1150. margin: 0;
  1151. padding: 25px 20px 20px;
  1152. width: 252px;
  1153. background: url(../img/bg-widget-right.png) 0 100% no-repeat;
  1154. }
  1155. .main .content.left .sidebar .widget {
  1156. background: url(../img/bg-widget-left.png) 0 100% no-repeat;
  1157. }
  1158. .main .content .sidebar .widget-blog {
  1159. margin: 20px 0 45px;
  1160. width: 297px;
  1161. }
  1162. .main .content .sidebar .widget-blog h3 {
  1163. font-weight: normal;
  1164. color: #232426;
  1165. padding: 0 0 20px 20px;
  1166. background: url(../img/bg-widgettitle.png) 0 100% no-repeat;
  1167. }
  1168. .main .content .sidebar .widget-blog p {
  1169. margin: 15px 20px 0;
  1170. }
  1171. /* Widget: 125px Ads */
  1172. .sidebar .ads ul {
  1173. margin: 0 0 0 15px;
  1174. overflow: hidden;
  1175. }
  1176. .sidebar .ads ul li {
  1177. float: left;
  1178. margin: 0 12px 8px 0;
  1179. }
  1180. /* Widget: Flickr */
  1181. .sidebar .flickr ul {
  1182. margin: 0 0 0 15px;
  1183. overflow: hidden;
  1184. }
  1185. .sidebar .flickr ul li {
  1186. float: left;
  1187. margin: 0 14px 10px 0;
  1188. }
  1189. .sidebar .flickr ul li a img {
  1190. background-color: #fff;
  1191. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  1192. background: -moz-linear-gradient(#eee, #fff);
  1193. padding: 5px;
  1194. border: 1px solid #e2e2e2;
  1195. -webkit-border-radius: 3px;
  1196. -moz-border-radius: 3px;
  1197. border-radius: 3px;
  1198. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1199. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1200. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1201. }
  1202. /* Widget: Tabs */
  1203. .sidebar .tabs ul.titles {
  1204. padding: 0 0 15px 20px;
  1205. background: url(../img/bg-widgettitle.png) 0 100% no-repeat;
  1206. }
  1207. .sidebar .tabs ul.titles li {
  1208. float: left;
  1209. margin: 0 12px 0 0;
  1210. }
  1211. .sidebar .tabs ul.titles li a {
  1212. display: block;
  1213. font-size: 14px;
  1214. color: #232426;
  1215. padding: 7px 7px;
  1216. overflow: hidden;
  1217. line-height: 12px;
  1218. border: 1px solid transparent;
  1219. }
  1220. .sidebar .tabs ul.titles li a:hover, .sidebar .tabs ul.titles li a.current {
  1221. color: #ce3300;
  1222. border-right: 1px solid #fff;
  1223. border-bottom: 1px solid #fff;
  1224. background-color: #cfcfcf;
  1225. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#fefefe));
  1226. background: -moz-linear-gradient(#cfcfcf, #fefefe);
  1227. -webkit-border-radius: 3px;
  1228. -moz-border-radius: 3px;
  1229. border-radius: 3px;
  1230. -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1231. -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1232. box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);
  1233. }
  1234. .sidebar .tab ul {
  1235. margin: 0 20px;
  1236. }
  1237. .sidebar .tab ul li {
  1238. padding: 10px 0;
  1239. background: url(../img/bg-dotted.png) 0 100% repeat-x;
  1240. }
  1241. .sidebar .tab ul li:last-child {
  1242. padding: 10px 0 0;
  1243. background: none;
  1244. }
  1245. .sidebar .tab ul li h5 a {
  1246. color: #1e1e1e;
  1247. }
  1248. .sidebar .tab ul li h5 a:hover {
  1249. color: #ce3300;
  1250. }
  1251. .sidebar .tab p {
  1252. margin: 0 !important;
  1253. }
  1254. /* Widget: Testimonials */
  1255. .sidebar .testimonials ul li {
  1256. margin-bottom: 15px;
  1257. }
  1258. .sidebar .testimonials blockquote {
  1259. font: normal italic 14px/18px "Adobe Garamond Pro", "Times", Verdana, sans-serif;
  1260. }
  1261. .sidebar .testimonials blockquote p:last-child {
  1262. margin-bottom: 0;
  1263. }
  1264. .sidebar .testimonials cite {
  1265. font-style: normal;
  1266. }
  1267. /* Widget: Latest work */
  1268. .sidebar .work .slideshow {
  1269. background-color: #fff;
  1270. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
  1271. background: -moz-linear-gradient(#eee, #fff);
  1272. padding: 5px;
  1273. border: 1px solid #e2e2e2;
  1274. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1275. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1276. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  1277. margin: 0 0 20px 0;
  1278. }
  1279. .sidebar .work .slideshow .slides {
  1280. width: 240px;
  1281. height: 125px;
  1282. margin-bottom: 7px;
  1283. }
  1284. .sidebar .work .slideshow-nav li a {
  1285. float: left;
  1286. margin: 0 9px 0 0;
  1287. opacity: 0.3;
  1288. }
  1289. .sidebar .work .slideshow-nav li a:last-child {
  1290. margin: 0;
  1291. }
  1292. .sidebar .work .slideshow-nav li a.activeSlide {
  1293. opacity: 1;
  1294. }
  1295. .sidebar .work .slideshow-nav li a img {
  1296. width: 74px;
  1297. }
  1298. /* FOOTER
  1299. ------------------------------------------------------------- */
  1300. .footer {
  1301. background: #fff url(../img/bg-footer.png) repeat-x;
  1302. }
  1303. .footer .inner {
  1304. background: url(../img/bg-footer-inner.png) no-repeat;
  1305. padding: 60px 0 0;
  1306. }
  1307. .footer .notinner
  1308. {
  1309. width:1001px;
  1310. position:relative;
  1311. margin:0 auto;
  1312. padding: 4px 0 0;
  1313. }
  1314. .footer .widget {
  1315. float: left;
  1316. width: 175px;
  1317. margin: 0 0 0 28px;
  1318. color: #777;
  1319. text-shadow: 1px 1px 1px #fff;
  1320. }
  1321. .footer .widget ul li {
  1322. background: url(../img/bullet.png) 0 7px no-repeat;
  1323. margin-bottom: 12px;
  1324. padding: 0 0 0 15px;
  1325. }
  1326. .footer .widget ul li a {
  1327. color: #777;
  1328. text-decoration: none;
  1329. }
  1330. .footer .widget ul li a:hover {
  1331. color: #d64e17;
  1332. }
  1333. .footer .friendlist
  1334. {
  1335. float:left;
  1336. width:590px;
  1337. margin: 0 0 0 28px;
  1338. color: #333333;
  1339. text-shadow: 1px 1px 1px #fff;
  1340. }
  1341. .footer .friendlist ul li {
  1342. background: url(../img/bullet.png) 0 7px no-repeat;
  1343. margin-bottom: 12px;
  1344. padding: 0 0 0 15px;
  1345. width:500px;
  1346. float:left;
  1347. width:260px;
  1348. }
  1349. .footer .friendlist ul li a {
  1350. color: #333333;
  1351. text-decoration: none;
  1352. }
  1353. .footer .friendlist ul li a:hover {
  1354. color: #d64e17;
  1355. }
  1356. .footer .copyright {
  1357. clear: both;
  1358. margin: 30px 0;
  1359. background: url(../img/bg-copyright.png) no-repeat;
  1360. color: #1E1E1E;
  1361. padding: 20px 30px;
  1362. min-height: 100px;
  1363. text-shadow: 1px 1px 1px #fff;
  1364. }
  1365. .footer .copyright p {
  1366. float: left;
  1367. width: 30%;
  1368. }
  1369. .footer .copyright ul {
  1370. float: right;
  1371. }
  1372. .footer .copyright ul li {
  1373. float: left;
  1374. margin: 0 25px;
  1375. }
  1376. .footer .copyright ul li a {
  1377. color: #1E1E1E;
  1378. text-decoration: none;
  1379. }
  1380. .footer .copyright ul li a:hover {
  1381. color: #d64e17;
  1382. }
  1383. /* Contact widget */
  1384. .footer .contact {
  1385. width: 335px;
  1386. }
  1387. .footer .contact form {
  1388. margin: 15px 0 0;
  1389. }
  1390. .footer .contact form textarea, .footer .contact form input[type=text] {
  1391. width: 113px;
  1392. float: left;
  1393. margin: 0 11px 9px 0;
  1394. padding: 7px 10px;
  1395. font: normal 10px "Lucida Grande", Verdana, sans-serif;
  1396. color: #acacac;
  1397. border: 1px solid #c2c2c2;
  1398. -webkit-border-radius: 3px;
  1399. -moz-border-radius: 3px;
  1400. border-radius: 3px;
  1401. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fefefe));
  1402. background: -moz-linear-gradient(#efefef, #fefefe);
  1403. -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1404. -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1405. box-shadow: inset 1px 1px 2px rgba(0,0,0,.15);
  1406. }
  1407. .footer .contact form textarea {
  1408. float: right;
  1409. width: 165px;
  1410. height: 86px;
  1411. margin: 0;
  1412. }
  1413. .footer .contact form input[type=submit] {
  1414. clear: both;
  1415. float: left;
  1416. font-weight: bold;
  1417. color: #fff;
  1418. text-transform: uppercase;
  1419. padding: 8px 13px;
  1420. text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  1421. background-color: #dd4406;
  1422. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4b0b), to(#cd3c01));
  1423. background: -moz-linear-gradient(#eb4b0b, #cd3c01);
  1424. border: 1px solid #a53609;
  1425. border-bottom: 3px solid #a53609;
  1426. -webkit-border-radius: 3px;
  1427. -moz-border-radius: 3px;
  1428. border-radius: 3px;
  1429. margin: 3px 0 0 -1px;
  1430. cursor: pointer;
  1431. }
  1432. .footer .contact form div#error {
  1433. color: red;
  1434. float: left;
  1435. margin: 10px 0 0 20px;
  1436. }
  1437. .footer .contact form div#error p {
  1438. color: #666;
  1439. }
  1440. /* MISC.
  1441. ------------------------------------------------------------- */
  1442. .hide {
  1443. display: none;
  1444. }
  1445. .clear {
  1446. clear: both;
  1447. }
  1448. /* logo img*/
  1449. .header h1#logo img
  1450. {
  1451. width:179px;
  1452. height:24px;
  1453. }
  1454. /* self-clear floats */
  1455. .group:after {
  1456. content: ".";
  1457. display: block;
  1458. height: 0;
  1459. clear: both;
  1460. visibility: hidden;
  1461. }
  1462. /* leftcol and rightcol */
  1463. .main .leftcol
  1464. {
  1465. width:240px;
  1466. float:left;
  1467. }
  1468. .main .rightcol
  1469. {
  1470. margin-left:260px;
  1471. width:680px;
  1472. }
  1473. .main .pagecontent
  1474. {
  1475. width:940px;
  1476. }
  1477. .main .pagecontent p
  1478. {
  1479. line-height:28px;
  1480. }
  1481. /* login */
  1482. .main .logindiv
  1483. {
  1484. }
  1485. .main .logindiv h1
  1486. {
  1487. background: #CE3300;
  1488. color:#ffffff;
  1489. font-size:16px;
  1490. padding:4px 0;
  1491. text-indent:16px;
  1492. }
  1493. .main .logindiv label
  1494. {
  1495. width:60px;
  1496. float:left;
  1497. display:block;
  1498. margin-left:15px;
  1499. }
  1500. .main .logindiv .logintextbox
  1501. {
  1502. border:1px #ccc solid;
  1503. }
  1504. .main .logindiv .loginbutton
  1505. {
  1506. background:#CE3300;
  1507. color:#ffffff;
  1508. border:0;
  1509. cursor:pointer;
  1510. padding:4px 8px;
  1511. float:right;
  1512. display:block;
  1513. }
  1514. .main .logindiv .registerlink
  1515. {
  1516. float:right;
  1517. padding:2px 8px;
  1518. }
  1519. /* welcomediv */
  1520. .main .welcomediv
  1521. {
  1522. }
  1523. .main .welcomediv h1
  1524. {
  1525. background: #CE3300;
  1526. color:#ffffff;
  1527. font-size:16px;
  1528. padding:4px 0;
  1529. text-indent:16px;
  1530. }
  1531. .main .welcomediv h1 span
  1532. {
  1533. }
  1534. .main .welcomediv label
  1535. {
  1536. width:60px;
  1537. float:left;
  1538. display:block;
  1539. margin-left:15px;
  1540. }
  1541. .main .welcomediv p a
  1542. {
  1543. margin:0 16px;
  1544. }
  1545. .main .welcomediv p a:hover
  1546. {
  1547. text-decoration:underline;
  1548. }
  1549. .main .mpinfomation
  1550. {
  1551. }
  1552. .main .mpinfomation h1
  1553. {
  1554. font-size:16px;
  1555. padding:4px 0 16px 0;
  1556. border-bottom:1px #ccc solid;
  1557. }
  1558. .main .mpinfomation p label
  1559. {
  1560. float:left;
  1561. text-align:right;
  1562. display:block;
  1563. width:100px;
  1564. }
  1565. .main .mpinfomation p .inputtextbox
  1566. {
  1567. border:1px #ccc solid;
  1568. height:20px;
  1569. width:175px;
  1570. margin:0 8px;
  1571. }
  1572. .main .mpinfomation .star
  1573. {
  1574. color: #FF0000;
  1575. }
  1576. .main .mpinfomation .resetbutton,.main .mpinfomation .submitbutton
  1577. {
  1578. background:#CE3300;
  1579. color:#ffffff;
  1580. border:0;
  1581. cursor:pointer;
  1582. padding:4px 8px;
  1583. margin:0 8px;
  1584. }
  1585. /*cominfor*/
  1586. .main .laws
  1587. {
  1588. }
  1589. .main .laws h1
  1590. {
  1591. font-size:16px;
  1592. padding:4px 0 16px 0;
  1593. border-bottom:1px #ccc solid;
  1594. }
  1595. .main .laws h4
  1596. {
  1597. color: #696969;
  1598. padding:4px 0;
  1599. text-align:center;
  1600. font-size:12px;
  1601. }
  1602. .main .laws p
  1603. {
  1604. text-indent:24px;
  1605. }
  1606. .main .laws .lawsnumber
  1607. {
  1608. text-align:center;
  1609. }
  1610. .main .laws .inscription
  1611. {
  1612. text-align:right;
  1613. }
  1614. .main .laws ul li
  1615. {
  1616. border-bottom:1px #ccc dotted;
  1617. background-image:url('../img/bullet.png');
  1618. background-repeat:no-repeat;
  1619. background-position:0 12px;
  1620. padding-left:20px;
  1621. }
  1622. .main .laws ul li a
  1623. {
  1624. text-decoration:none;
  1625. }
  1626. .main .laws ul li a:hover
  1627. {
  1628. text-decoration:underline;
  1629. }
  1630. .main .laws ol
  1631. {
  1632. }
  1633. .main .laws ol li
  1634. {
  1635. list-style: none;
  1636. background-color: #EFEFEF;
  1637. margin: 8px 0;
  1638. padding: 0 8px;
  1639. border: 1px #CCC solid;
  1640. cursor:pointer;
  1641. }
  1642. .main .laws ol li a
  1643. {
  1644. color:#CD3B0B;
  1645. font-weight:bold;
  1646. font-size:12px;
  1647. padding:4px 0;
  1648. }
  1649. .main .laws ol li ul li a
  1650. {
  1651. color:#1E1E1E;
  1652. }
  1653. .main .laws ol li ul
  1654. {
  1655. display:none;
  1656. }
  1657. .main .laws ol li ul li
  1658. {
  1659. border:0;
  1660. margin:0;
  1661. padding-left:20px;
  1662. }
  1663. .main .laws ol li ul li a
  1664. {
  1665. background:none;
  1666. font-weight:normal;
  1667. font-size:12px;
  1668. padding:0;
  1669. }
  1670. /* financing */
  1671. .main .financing
  1672. {
  1673. }
  1674. .main .financing h1
  1675. {
  1676. font-size:16px;
  1677. padding:4px 0 16px 0;
  1678. border-bottom:1px #ccc solid;
  1679. }
  1680. .main .financing ul li
  1681. {
  1682. border-bottom:1px #ccc dotted;
  1683. background-image:url('../img/bullet.png');
  1684. background-repeat:no-repeat;
  1685. background-position:0 12px;
  1686. padding-left:8px;
  1687. }
  1688. .main .financing .ftime
  1689. {
  1690. position: absolute;
  1691. right: 0;
  1692. color: #772707;
  1693. top:2px;
  1694. }
  1695. .main .financing .fnumber
  1696. {
  1697. color: #DD4406;
  1698. float:left;
  1699. display:block;
  1700. margin:0 15px;
  1701. width:70px;
  1702. }
  1703. .main .financing .fname
  1704. {
  1705. float: left;
  1706. width:105px;
  1707. display: block;
  1708. margin: 0 15px;
  1709. color: #1E1E1E;
  1710. }
  1711. .main .financing .fcompany
  1712. {
  1713. float: left;
  1714. display: block;
  1715. color: #1E1E1E;
  1716. }
  1717. .main .financing .fperiod
  1718. {
  1719. position: absolute;
  1720. right: 100px;
  1721. color: #1F1F1F;
  1722. top:2px;
  1723. }
  1724. /* about */
  1725. .main .about
  1726. {
  1727. }
  1728. .main .about h1
  1729. {
  1730. font-size:16px;
  1731. padding:4px 0 16px 0;
  1732. border-bottom:1px #ccc solid;
  1733. }
  1734. .main .about h5
  1735. {
  1736. font-size: 14px;
  1737. color: #1E1E1E;
  1738. }
  1739. .main .about p
  1740. {
  1741. text-indent:24px;
  1742. }
  1743. .main .about p .textlabel
  1744. {
  1745. color: #E9490A;
  1746. font-weight:bold;
  1747. width:100px;
  1748. float:left;
  1749. display:block;
  1750. }
  1751. .main .about p[class=backhyperlink]
  1752. {
  1753. text-align:center;
  1754. }
  1755. .main .about p[class=backhyperlink] a
  1756. {
  1757. background-color: #E9490A;
  1758. color:#ffffff;
  1759. text-decoration:none;
  1760. padding:4px 8px;
  1761. }
  1762. .main .about p[class=floatimg]
  1763. {
  1764. }
  1765. .main .about p[class=floatimg] img
  1766. {
  1767. width:120px;
  1768. height:75px;
  1769. margin:10px;
  1770. padding:0;
  1771. float:left;
  1772. }
  1773. /* training */
  1774. .main .training
  1775. {
  1776. }
  1777. .main .training h1
  1778. {
  1779. font-size:16px;
  1780. padding:4px 0 16px 0;
  1781. border-bottom:1px #ccc solid;
  1782. }
  1783. .main .training .traininginfo label
  1784. {
  1785. font-size:14px;
  1786. font-weight:bold;
  1787. }
  1788. .main .training .traininginfo ul li
  1789. {
  1790. list-style: none;
  1791. background-color: #EFEFEF;
  1792. margin: 8px 0;
  1793. padding: 0 8px;
  1794. border: 1px #cccccc solid;
  1795. }
  1796. .main .training .traininginfo ul li span
  1797. {
  1798. position: absolute;
  1799. right: 8px;
  1800. color: #772707;
  1801. }
  1802. /* analysisreport */
  1803. .main .report h1
  1804. {
  1805. font-size:16px;
  1806. padding:4px 0 16px 0;
  1807. border-bottom:1px #ccc solid;
  1808. }
  1809. .main .report .reportinfo ul li
  1810. {
  1811. list-style: none;
  1812. background-color: #EFEFEF;
  1813. margin: 8px 0;
  1814. padding: 0 8px;
  1815. border: 1px #cccccc solid;
  1816. }
  1817. .main .report .reportinfo ul li span[class=reportype]
  1818. {
  1819. position:absolute;
  1820. right:100px;
  1821. color:#1F1F1F;
  1822. }
  1823. .main .report .reportinfo ul li span[class=reportime]
  1824. {
  1825. position:absolute;
  1826. right:8px;
  1827. color:#772707;
  1828. }
  1829. /* financingdetails */
  1830. .main .financingdetails
  1831. {
  1832. }
  1833. .main .financingdetails h1
  1834. {
  1835. font-size:16px;
  1836. padding:4px 0 16px 0;
  1837. border-bottom:1px #ccc solid;
  1838. }
  1839. .main .financingdetails table
  1840. {
  1841. width:99%;
  1842. }
  1843. .main .financingdetails tr
  1844. {
  1845. height:30px;
  1846. }
  1847. .main .financingdetails legend
  1848. {
  1849. font-size: 14px;
  1850. color: #E9490A;
  1851. padding:16px 0;
  1852. }
  1853. .main .financingdetails table label
  1854. {
  1855. color: #772707;
  1856. }
  1857. .main .financingdetails .returnbuttonwrap
  1858. {
  1859. text-align:center;
  1860. }
  1861. .main .financingdetails .returnbutton
  1862. {
  1863. background:#CE3300;
  1864. color:#ffffff;
  1865. border:0;
  1866. cursor:pointer;
  1867. padding:4px 8px;
  1868. margin:0 8px;
  1869. }
  1870. /* stories */
  1871. .main .stories
  1872. {
  1873. }
  1874. .main .stories h1
  1875. {
  1876. font-size:16px;
  1877. padding:4px 0 16px 0;
  1878. border-bottom:1px #ccc solid;
  1879. }
  1880. .main .stories p
  1881. {
  1882. text-indent:24px;
  1883. }
  1884. .main .stories ul li
  1885. {
  1886. list-style:none;
  1887. border-bottom:1px #cccccc dotted;
  1888. height:80px;
  1889. margin:8px 0;
  1890. }
  1891. .main .stories ul li img
  1892. {
  1893. width:80px;
  1894. height:60px;
  1895. float:left;
  1896. display:block;
  1897. }
  1898. .main .stories ul li span[class=companyname]
  1899. {
  1900. vertical-align:top;
  1901. margin:0 8px;
  1902. }
  1903. .main .stories ul li span[class=datetime]
  1904. {
  1905. position:absolute;
  1906. right:0;
  1907. top:0;
  1908. }
  1909. .main .stories .storiesmorewrap
  1910. {
  1911. text-align:right;
  1912. }
  1913. .main .stories .storiesmorelink
  1914. {
  1915. background:#CE3300;
  1916. color:#ffffff;
  1917. border:0;
  1918. cursor:pointer;
  1919. padding:4px 8px;
  1920. margin:0 8px;
  1921. }
  1922. .main .stories p[class=floatimg] img
  1923. {
  1924. width:120px;
  1925. height:75px;
  1926. margin:10px;
  1927. padding:0;
  1928. float:left;
  1929. }
  1930. /* quicknav */
  1931. .main .quicknav
  1932. {
  1933. }
  1934. .main .quicknav h1
  1935. {
  1936. background: #CE3300;
  1937. color:#ffffff;
  1938. font-size:16px;
  1939. padding:4px 0;
  1940. text-indent:16px;
  1941. }
  1942. .main .quicknav ul li
  1943. {
  1944. list-style:none;
  1945. border-bottom:1px #ccc dotted;
  1946. background-image:url('../img/bullet.png');
  1947. background-repeat:no-repeat;
  1948. background-position:0 12px;
  1949. padding-left:20px;
  1950. }
  1951. .main .quicknav ul li:hover
  1952. {
  1953. background-color: #f1f1f1;
  1954. }
  1955. .main .quicknav ul li:hover a
  1956. {
  1957. color: #FF0000;
  1958. }
  1959. .main .quicknav ul .current
  1960. {
  1961. font-weight:bold;
  1962. }
  1963. .footer .gkcz .time
  1964. {
  1965. position:absolute;
  1966. right:0;
  1967. top:0;
  1968. }
  1969. .footer .gkcz h5
  1970. {
  1971. margin-bottom: 20px;
  1972. }
  1973. .footer .gkcz .postlink
  1974. {
  1975. width: 60px;
  1976. float: left;
  1977. overflow: hidden;
  1978. white-space: nowrap;
  1979. }
  1980. .footer .gkcz .codelink
  1981. {
  1982. width: 90px;
  1983. float: left;
  1984. color: #1E1E1E;
  1985. overflow: hidden;
  1986. white-space: nowrap;
  1987. }
  1988. .footer .gkcz .companylink
  1989. {
  1990. width: 130px;
  1991. float: left;
  1992. color: #1E1E1E;
  1993. overflow: hidden;
  1994. white-space: nowrap;
  1995. }
  1996. .footer .gkcz .period
  1997. {
  1998. margin-left:40px;
  1999. float:left;
  2000. line-height:30px;
  2001. }
  2002. .footer .gkcz ul li
  2003. {
  2004. position:relative;
  2005. line-height:30px;
  2006. height:30px;
  2007. display:block;
  2008. }
  2009. .footer .gkcz ul li a
  2010. {
  2011. float:left;
  2012. }