Advertisement
Guest User

Seyth

a guest
Mar 29th, 2011
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.22 KB | None | 0 0
  1. /*
  2. Theme Name: Mystique
  3. Theme URI: http://digitalnature.ro/projects/mystique
  4. Description: Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface... Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
  5. Version: 2.4.3
  6. Author: digitalnature
  7. Author URI: http://digitalnature.ro
  8. Tags: light, white, two-columns, three-columns, one-column, fixed-width, flexible-width, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, custom-header, editor-style
  9.  
  10. Mystique Wordpress theme
  11. http://digitalnature.ro/projects/mystique
  12.  
  13. Theme designed by digitalnature. See the project page for more info and updates
  14.  
  15. Both the design and code are released under GPL.
  16. http://www.opensource.org/licenses/gpl-license.php
  17.  
  18. */
  19.  
  20.  
  21. /* reset spacing */
  22. *{margin:0;padding:0;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;}
  23.  
  24. html,body{min-height:100%;}
  25. body{background:#000 url(images/bg.png) repeat-x center bottom;font-size:13px;font-style:normal;color:#000000;}
  26.  
  27. #page{background:transparent url(images/header.jpg) no-repeat center top;}
  28.  
  29. /* (max. possible width is limited by design, 1735px) */
  30. .page-content{max-width:1600px;min-width:780px;margin:0 auto;}
  31.  
  32. /* fluid width page */
  33. body.fluid .page-content{
  34. padding:0 10px;
  35. width: auto;
  36. }
  37.  
  38. /* fixed width page - 960gs */
  39. body.fixed .page-content{
  40. width:940px;
  41. }
  42.  
  43. /*** GENERAL ELEMENTS ***/
  44.  
  45. /* links */
  46. a{color:#ed1e24;outline:none;}
  47. a:hover{color:#ed1e24;text-decoration:none;}
  48.  
  49. /* headings */
  50. h1{font-weight:normal;font-size:270%;letter-spacing:-.04em;line-height:100%;margin:.8em 0 .2em;letter-spacing:-0.04em;}
  51. h2{font-weight:normal;font-size:200%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.03em;}
  52. h3{font-size:160%;font-weight:normal;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.02em;}
  53. h4{font-size:140%;font-weight:bold;margin:.7em 0 .2em;letter-spacing:-0.02em;}
  54. h5{font-family:"Palatino Linotype", Georgia, Serif;font-size:140%;font-weight:bold;margin:.5em 0 .2em;letter-spacing:-0.02em;}
  55. h6{font-size:120%;font-weight:normal;text-transform:uppercase;margin:.5em 0 .2em;}
  56.  
  57. /* tables */
  58. table{margin:.5em 0 1em;}
  59. table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
  60. table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;}
  61. table td{background-color:#eee;}
  62. table th a{color:#d6f325;}
  63. table th a:hover{color:#fff;}
  64. table tr.even td{background-color:#ddd;}
  65. table tr:hover td{background-color:#fff;}
  66.  
  67. table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
  68.  
  69.  
  70. /* forms */
  71. input,textarea,select{font-size:100%;margin:.2em 0;}
  72. input,textarea{padding:.2em .4em;margin:0 2px 4px 2px;}
  73. input.radio,input.checkbox{background-color:#fff;padding:2px;}
  74. textarea{width:90%;}
  75. form label{font-weight:normal;margin:0 2px;}
  76. form .row label{display:block;margin:10px 2px 0 2px;}
  77. fieldset{padding:.8em;border:1px solid #ddd;background-color:#fff;margin:1em 0;}
  78. legend{padding:2px 15px 10px;text-transform:uppercase;font-style:italic;font-size:115%;background-color:#fff;border-top:1px solid #ddd;}
  79.  
  80. /* lists */
  81. ul,ol{margin:.4em 0 1em;line-height:150%;}
  82. ul li,ol li{list-style-position:outside;margin-left:2.5em;}
  83. dl{padding:.3em 0 .8em;}
  84. dt{font-weight:bold;text-decoration:underline;}
  85. dd{}
  86.  
  87. /* other */
  88. p{margin:.6em 0 .3em;line-height:150%;text-align:justify;}
  89. img{border:0;}
  90. hr{color:#b4aca1;background-color:#b4aca1;border-bottom:1px solid #f6f4eb;}
  91. small{font-size:80%;}
  92. pre{overflow:auto;white-space:pre-wrap;/* <- css3 */white-space:0;/* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;}
  93. pre{width:80%;overflow:hidden;border:1px solid #ddd;background-color:#fff;padding:.8em;margin:1em 0;}
  94. blockquote{margin:1em 0% 1em 0;min-height:40px;padding:.6em 1em .6em 2.4em;border:1px dotted #ddd;font-style:italic;color:#ed1e24;background:#fff url(images/blockquote.png) no-repeat 4px top;}
  95. blockquote p{padding:8px;margin:2px;}
  96. blockquote blockquote{margin:1em 0 1em;}
  97.  
  98.  
  99. #header{display:block;position:relative;z-index:5;}
  100.  
  101. #header p.nav-extra{position:absolute;top:-25px;z-index:10;right:10px;}
  102. #header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
  103. #header a.nav-extra span{display:none;}
  104.  
  105. /*** LOGO & HEADLINE ***/
  106.  
  107. #site-title{padding:4em 0 3.6em 0;}
  108. #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
  109. #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
  110. #site-title #logo a:hover{color:#ed1e24;}
  111. #site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}
  112.  
  113.  
  114. /*** TOP NAVIGATION ***/
  115.  
  116. ul.navigation{background:#eee url(images/nav.png) repeat-x left top;width:100%;padding:0;margin:0;list-style-type:none;position:relative;z-index:15;}
  117. ul.navigation li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url(images/nav-div.png) no-repeat right top;}
  118. ul.navigation li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}
  119. ul.navigation li a.home span.title{background:transparent url(images/icons.png) no-repeat 0px -756px;padding-left:22px;}
  120. ul.navigation li.active a.home span.title{background-position:0px -710px;}
  121. ul.navigation li a:hover,ul.navigation li:hover a{background-color:#fff;}
  122. ul.navigation li.active a:hover,ul.navigation li.active:hover a{background-color:#000;}
  123. ul.navigation li a span.title{display:block;padding:0;}
  124. ul.navigation li a span.pointer{display:none;}
  125.  
  126. ul.navigation li.active a span.pointer,
  127. ul.navigation li.active-parent a span.pointer,
  128. ul.navigation li.active-ancestor a span.pointer
  129. {position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url(images/nav-pointer.png) no-repeat center top;}
  130.  
  131. ul.navigation li.active a,
  132. ul.navigation li.active-parent a,
  133. ul.navigation li.active-ancestor a
  134. {background:#000 url(images/nav-active.png) no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}
  135.  
  136. ul.navigation li a span.arrow{display:none;}
  137.  
  138. /* fade on mouse out */
  139. ul.navigation li a.fadeThis{position:relative;z-index:1;}
  140. ul.navigation li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;}
  141.  
  142. ul.navigation li.active a.fadeThis span.hover,
  143. ul.navigation li.active-parent a.fadeThis span.hover,
  144. ul.navigation li.active-ancestor a.fadeThis span.hover
  145. {background:none;}
  146.  
  147. ul.navigation li.active a.fadeThis span.hover
  148. {background-color:transparent;}
  149.  
  150. /* submenus */
  151. ul.navigation ul li a span.pointer{display:none !important;}
  152. ul.navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
  153.  
  154. ul.navigation li.active ul,
  155. ul.navigation li.active-parent ul,ul.navigation li.active-ancestor ul
  156. {background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}
  157.  
  158. ul.navigation li.active li a,
  159. ul.navigation li.active-parent li a,
  160. ul.navigation li.active-ancestor li a
  161. {background:none;}
  162.  
  163. ul.navigation ul li{float:none;margin:0;background:none;}
  164. ul.navigation ul li a span.title{padding-left:10px;}
  165. ul.navigation ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}
  166. ul.navigation li.active ul a{background:none;}
  167. ul.navigation ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}
  168. ul.navigation ul li.active a{color:#f8b013;}
  169. ul.navigation ul li.active li a{color:#dedede;}
  170. ul.navigation ul li a span.title{padding:0;}
  171. ul.navigation ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
  172. ul.navigation li:hover ul ul,ul.navigation li:hover ul ul ul,ul.navigation li:hover ul ul ul ul{display:none;}
  173. ul.navigation li:hover ul,ul.navigation li li:hover ul,ul.navigation li li li:hover ul,ul.navigation li li li li:hover ul{display:block;}
  174. ul.navigation li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}
  175.  
  176.  
  177. /* fade on mouse out */
  178. ul.navigation li li a.fadeThis span.hover,
  179. ul.navigation li.active li a.fadeThis span.hover,
  180. ul.navigation li.active-ancestor li a.fadeThis span.hover{background-color:#333;}
  181.  
  182.  
  183. /*** FEATURED CONTENT ***/
  184.  
  185.  
  186. #featured-content{
  187. display: block;
  188. height:174px;
  189. background:#5e5e5e url(images/featured.jpg) no-repeat center top;
  190. border-top:1px solid #818389;color:#fff;
  191. margin:0 auto;
  192. color:#ccc;
  193. position: relative;
  194. }
  195.  
  196. #featured-content .slide-container{padding:0 0 25px 0;}
  197. #featured-content .slide-container, #featured-content ul.slides li.slide{width:940px;height:174px;display:block;}
  198.  
  199. #featured-content h2{font-size:180%;font-weight:bold;text-shadow:#000 1px 1px 1px;margin:0;padding:0 0 .2em 0;line-height:140%;}
  200. #featured-content h4{font-size:130%;font-weight:normal;text-shadow:#000 1px 1px 1px;margin:0;padding:.2em .6em .4em .6em;line-height:normal;}
  201. #featured-content p{margin:0 0 .6em 0;}
  202. #featured-content a{color:#fff;text-decoration:none;font-weight:bold;}
  203. #featured-content a:hover{background-color:rgba(0,0,0, 0.15);}
  204. #featured-content .post-thumb img{border:4px solid #fff;text-align:center;}
  205. #featured-content .details{padding: 0 10px;}
  206. #featured-content .summary{font-size:125%;font-style:italic;line-height:150%;}
  207.  
  208.  
  209. #featured-content a.readmore{position:absolute;z-index:2;bottom:-2px;right:20px;background:transparent url(images/readmore.png) no-repeat center top;width:130px;height:35px;line-height: 32px;text-indent:20px;color:#ddd;}
  210.  
  211. #featured-content a.readmore:hover{background-position:center bottom;color:#fff;}
  212.  
  213.  
  214. /*** MAIN LAYOUT ***/
  215.  
  216. .shadow-left{background:url(images/shadow.png) no-repeat left bottom;}
  217. .shadow-right{background:url(images/shadow.png) no-repeat right bottom;padding-bottom:32px;position:relative;}
  218. #main{background:#fff url(images/main-right.jpg) no-repeat right top;}
  219. #main-inside{background:transparent url(images/main-left.jpg) no-repeat left top;min-height:380px;}
  220.  
  221. /*** MAIN LAYOUT ***/
  222.  
  223. /* default widths - fixed layout */
  224. #primary-content{width:630px;}
  225. #sidebar{width:310px;}
  226. #sidebar2{width:230px;}
  227.  
  228. /* col-1 */
  229. body.col-1 #primary-content{width:940px;left:0;}
  230. body.col-1 #sidebar, body.col-1 #sidebar2{display:none;}
  231.  
  232. /* col-2-left */
  233. body.col-2-left #primary-content{left:310px;}
  234. body.col-2-left #sidebar{left:-630px;}
  235. body.col-2-left #sidebar2{display:none;}
  236.  
  237.  
  238. /* col-2-right, default */
  239. body.col-2-right #primary-content{left:0;}
  240. body.col-2-right #sidebar{right:0;}
  241. body.col-2-right #sidebar2{display:none;}
  242.  
  243. /* col-3 */
  244. body.col-3 #primary-content{left:230px;width:480px;}
  245. body.col-3 #sidebar{right:0px;width:230px;}
  246. body.col-3 #sidebar2{left:-480px;}
  247.  
  248. /* col-3-left */
  249. body.col-3-left #primary-content{left:460px;width:480px;}
  250. body.col-3-left #sidebar{left:-710px;width:230px;}
  251. body.col-3-left #sidebar2{left:-250px;} /* gs - s1 - (s1+s2) */
  252. body.col-3-left #primary-content .blocks{margin-left:10px;}
  253.  
  254. /* col-3-right */
  255. body.col-3-right #primary-content{left:0;width:480px;}
  256. body.col-3-right #sidebar{left:0;width:230px;}
  257. body.col-3-right #sidebar2{left:0;}
  258. body.col-3-right #primary-content .blocks{margin-right:10px;}
  259.  
  260.  
  261.  
  262. /* default widths - fluid layout */
  263. body.fluid #primary-content{width:70%;}
  264. body.fluid #sidebar{width:30%;}
  265. body.fluid #sidebar2{width:25%;}
  266.  
  267. /* col-1 */
  268. body.fluid.col-1 #primary-content{width:100%;left:0;}
  269. body.fluid.col-1 #sidebar, body.fluid.col-1 #sidebar2{display:none;}
  270.  
  271. /* col-2-left */
  272. body.fluid.col-2-left #primary-content{left:30%;}
  273. body.fluid.col-2-left #sidebar{left:-70%;}
  274. body.fluid.col-2-left #sidebar2{display:none;}
  275.  
  276. /* col-2-right, default */
  277. body.fluid.col-2-right #primary-content{left:0;}
  278. body.fluid.col-2-right #sidebar{right:0;}
  279. body.fluid.col-2-right #sidebar2{display:none;}
  280.  
  281. /* col-3 */
  282. body.fluid.col-3 #primary-content{left:25%;width:50%;}
  283. body.fluid.col-3 #sidebar{right:0;width:25%;}
  284. body.fluid.col-3 #sidebar2{left:-50%;}
  285.  
  286. /* col-3-left */
  287. body.col-3-left #primary-content{left:50%;width:50%;}
  288. body.col-3-left #sidebar{left:-75%;width:25%;}
  289. body.col-3-left #sidebar2{left:-25%;} /* gs - s1 - (s1+s2) */
  290. body.col-3-left #primary-content .blocks{margin-left:10px;}
  291.  
  292. /* col-3-right */
  293. body.fluid.col-3-right #primary-content{left:0;width:50%;}
  294. body.fluid.col-3-right #sidebar{left:0;width:25%;}
  295. body.fluid.col-3-right #sidebar2{left:0;}
  296. body.fluid.col-3-right #primary-content .blocks{margin-right:10px;}
  297.  
  298.  
  299.  
  300. #main{
  301. position: relative;
  302. min-height: 540px;
  303. }
  304.  
  305. #primary-content,#sidebar,#sidebar2{
  306. top:0;
  307. position:relative;
  308. float:left;
  309. z-index:0;
  310. overflow:hidden;
  311. min-height: 150px;
  312. }
  313.  
  314. #primary-content .blocks{
  315. padding: 1em;
  316. }
  317.  
  318.  
  319. #sidebar .blocks, #sidebar2 .blocks{padding:1em;margin:0;list-style-type:none;}
  320.  
  321. li.block{list-style-type:none;padding:0;margin:0;}
  322. li.block, .arbitrary-block{margin:1em 0 2.6em;position:relative;}
  323.  
  324. .block ul{list-style-type:none;margin:0 0 .4em 0;}
  325. .block li{background:transparent url(images/icons.png) no-repeat 4px -816px;margin:0;padding:0 0 0 18px;}
  326. .block li:hover{background-position:4px -1005px;}
  327. .block li li{margin-left:.4em;}
  328.  
  329.  
  330.  
  331.  
  332.  
  333. h1.title{
  334. font-weight: bold;
  335. color : #000000 ;
  336. font-size: 150%;
  337. text-shadow: #fff 1px 1px 1px;
  338. margin: .5em 0 .3em 0;
  339. padding: 0;
  340. }
  341.  
  342. /* post */
  343. .post, .page{margin:1em 0 2em 0;padding:0 0 .6em;display:block;background:transparent url(images/dot.gif) repeat-x left bottom;}
  344. .post.preview-title{background:none;}
  345. body.single-page .page, body.single-post .post{background: none;margin:0;padding:0;}
  346.  
  347.  
  348. .post.asides{
  349. border: 4px solid #eee;
  350. background-color: #fff;
  351. background-image: none;
  352. padding: 5px 10px;
  353. }
  354.  
  355. .post.sticky{
  356. /* needs redesigned */
  357. }
  358.  
  359. h2.title{
  360. font-weight: bold;
  361. color : #00000 ;
  362. font-size: 150%;
  363. margin:0 0 .2em 0;
  364. padding:.2em 0 0 0;
  365. text-shadow: #fff 1px 1px 1px;
  366. }
  367.  
  368. .post.asides h2.title{
  369. font-size: 130%;
  370. font-style: italic;
  371. letter-spacing: -0.02em;
  372. }
  373.  
  374. .post.sticky h2.title{
  375. font-size: 300%;
  376. }
  377.  
  378.  
  379. h2.title a{text-decoration:none;color:#000000;}
  380. h2.title a:hover{color:#000000;text-decoration:none;}
  381.  
  382. h3.title{font-size:140%;font-weight:bold;margin:1em 0 0 0;padding:0;}
  383. h3.title a{text-decoration:none;color:#4e4e4e;}
  384. h3.title a:hover{color:#ed1e24;text-decoration:none;}
  385.  
  386. .post-excerpt{font-size:90%;font-style:italic;color:#666;}
  387. .post-short-info{margin:0;padding:0;}
  388.  
  389. .post-thumb img{border:1px solid #999999;text-align:center;}
  390. .post-info{background:transparent url(images/info-bar.png) no-repeat right top;height:42px;margin-left:11px;color:#000000;text-shadow:#fff 1px 1px 1px;}
  391. .post-info a{font-weight:bold;color:#303030;}
  392. .post-info a:hover{color:#303030;}
  393. .post-info p.author{padding: 0 0 0 6px;margin:0;line-height:32px;}
  394. .post-info p.comments{padding: 0 12px 0 0;margin:0;line-height:32px;}
  395. .post-info p.comments a.comments{background:transparent url(images/icons.png) no-repeat 0px -49px;padding-left:20px;}
  396. .post-info p.comments a.no.comments{background-position:0px 1px;}
  397. .post-date{background:transparent url(images/info-bar.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
  398. .post-date p.day{background:transparent url(images/info-bar.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:31px;color:#fff;}
  399.  
  400. .post-content p{margin:0 0 .8em 0;padding:0;}
  401. .post-content a.post-edit-link{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;}
  402. .post-content a.post-edit-link:hover{border:#ff284b 1px solid;background-color:#ed1e24;color:#fff;}
  403. .post-content a.more-link{background-color:#eee;text-decoration:none;color:#666;text-shadow:#fff 1px 1px 1px;padding:2px 6px 3px 6px;margin:0;font-size:85%;text-transform:uppercase;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  404. .post-content a.more-link:hover{background-color:#999;color:#fff;text-shadow:#666 1px 1px 1px;}
  405. .post-content a.more-link.loading{border:0;margin:0 4px;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}
  406.  
  407. .post-tags{background:transparent url(images/icons.png) no-repeat 0px -104px;font-style:italic;padding-left:20px;line-height:22px;}
  408.  
  409. .category-description{
  410. font-size: 115%;
  411. font-style: italic;
  412. }
  413.  
  414. .about_the_author{
  415. padding: 8px 10px;
  416. line-height: 150%;
  417. background-color: #5e5e5e;
  418. color: #ccc;
  419. font-style: italic;
  420. }
  421.  
  422. .about_the_author a{
  423. color: #f9f9f9;
  424. text-decoration: underline;
  425. }
  426.  
  427. .about_the_author a:hover{
  428. color: #fff;
  429. text-decoration: none;
  430. }
  431.  
  432. .about_the_author h3{
  433. margin: 0;
  434. padding: 0;
  435. font-size: 130%;
  436. font-weight: bold;
  437. font-style: normal;
  438. color: #f9f9f9;
  439. }
  440.  
  441. .about_the_author div.avatar{
  442. float: left;
  443. margin-right: 8px;
  444. }
  445.  
  446. .about_the_author div.avatar img{
  447. border: 6px solid #333;
  448. }
  449.  
  450.  
  451.  
  452. .post-meta{padding:6px 4px;border-top:1px solid #ddd;background-color:#f6f6f6;color:#999;display:block;}
  453. .post-meta td, .post-meta tr:hover td{
  454. background-color: transparent;
  455. border: 0;
  456. padding: 0 2px;
  457. margin: 0;
  458. }
  459.  
  460. .post-meta a{color:#666;text-decoration:underline;}
  461. .post-meta a:hover{color:#ed1e24;text-decoration:none;}
  462.  
  463. .post-meta .details{font-size:80%;line-height:150%;}
  464.  
  465.  
  466. .post-meta a.control{display:block;padding:2px 6px 4px;background-color:#eee;text-shadow:#fff 1px 1px 1px;font-style:italic;text-decoration:none;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
  467.  
  468. .post-meta a.control:hover, .post-meta a.control:hover a{background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
  469.  
  470.  
  471. /* share this */
  472. .shareThis{position:relative;float:left;}
  473. .shareThis a.share:hover,.shareThis:hover a{}
  474. .shareThis .bubble{width:288px;left:0px;top:0px;margin-top:40px;padding:4px;background-color:#fff;border:1px solid #ddd;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-border-radius:8px;-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-border-radius:8px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);border-radius:8px;}
  475. .shareThis .bubble a{background:transparent url(images/socialize.jpg) no-repeat left bottom;width:32px;height:32px;float:left;position:relative;z-index:5;}
  476. .shareThis .bubble li{list-style-type:none;padding:0;margin:0;float:left;}
  477. .shareThis .bubble a.twitter{background-position:0px -32px;}
  478. .shareThis .bubble a.digg{background-position:-32px -32px;}
  479. .shareThis .bubble a.facebook{background-position:-64px -32px;}
  480. .shareThis .bubble a.delicious{background-position:-96px -32px;}
  481. .shareThis .bubble a.stumbleupon{background-position:-128px -32px;}
  482. .shareThis .bubble a.google{background-position:-160px -32px;}
  483. .shareThis .bubble a.linkedin{background-position:-192px -32px;}
  484. .shareThis .bubble a.yahoo{background-position:-224px -32px;}
  485. .shareThis .bubble a.technorati{background-position:-256px -32px;}
  486.  
  487. .shareThis .bubble a.twitter:hover{background-position:0 0px;}
  488. .shareThis .bubble a.digg:hover{background-position:-32px 0px;}
  489. .shareThis .bubble a.facebook:hover{background-position:-64px 0px;}
  490. .shareThis .bubble a.delicious:hover{background-position:-96px 0px;}
  491. .shareThis .bubble a.stumbleupon:hover{background-position:-128px 0px;}
  492. .shareThis .bubble a.google:hover{background-position:-160px 0px;}
  493. .shareThis .bubble a.linkedin:hover{background-position:-192px 0px;}
  494. .shareThis .bubble a.yahoo:hover{background-position:-224px 0px;}
  495. .shareThis .bubble a.technorati:hover{background-position:-256px 0px;}
  496.  
  497. .shareThis .bubble a span{display:none;}
  498.  
  499. .single-navigation a{font-size:85%;border:0;background-color:transparent;padding:2px 4px;color:#ccc;text-shadow:#fff 1px 1px 1px;text-decoration:none;}
  500. .single-navigation a:hover{color:#ed1e24;}
  501. .single-navigation div{display:block;max-width:49%;line-height:normal;color:#ccc;}
  502. .single-navigation .alignright{text-align:right;}
  503.  
  504.  
  505. /* comments */
  506. .tabbed-content div.section#section-comments{display:block;} /* show comment tab, just in case jquery is disabled */
  507.  
  508. ul.comments, li.comment{margin:0;padding:0;list-style-type:none;}
  509. ul.comments{width:90%;max-width:1000px;float:right;display:block;}
  510. ul.comments ul.children{margin:0 0 0 40px;padding:0;}
  511. li.comment{display:block;margin:.4em 0;line-height:normal;}
  512. li.comment .comment-head{background-color:#5e5e5e;background-repeat:no-repeat;background-position:left bottom;position:relative;color:#e4e4e4;padding:0 0 6px 0;margin:0;line-height:normal;}
  513. li.comment .comment-head.comment-author-admin,li.comment .comment-head.bypostauthor{background-position:-1000px bottom;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
  514.  
  515.  
  516. li.comment.withAvatars .comment-head{padding-left:78px;}
  517. li.comment .comment-head .author{margin:0;padding: 4px 1em 16px 1em;line-height:150%;}
  518. li.comment .comment-head a{color:#fff;text-decoration:underline;}
  519. li.comment .comment-head a:hover{text-decoration:none;}
  520. li.comment .comment-head .author .by{font-weight:bold;}
  521. li.comment .comment-body{background:#f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;padding:.4em 1em;}
  522. li.comment .comment-body p{margin:0;padding: 0 0 1em 0;}
  523. li.comment .avatar-box{position:absolute;bottom:0px;width:48px;height:48px;left:8px;z-index:2;padding:3px;background-color:#fff;border: 1px solid #bfbfbf;}
  524. li.comment .controls{position:absolute;right:10px;top:8px;margin-top:16px;}
  525. li.comment .controls a{display:block;background-color:#e4e4e4;padding:4px 8px;color:#4e4e4e;text-shadow:#fff 1px 1px 1px;font-weight:bold;text-transform:uppercase;text-decoration:none;float:left;margin-right:4px;border-top:1px solid #fff;}
  526. li.comment .controls a:hover{background-color:#ed1e24;border-top:1px solid #ff284b;color:#fff;text-shadow:#333 1px 1px 1px;}
  527.  
  528. li.ping{background:transparent url(images/dot.gif) repeat-x left bottom;padding:0 0 .6em 0;margin:.2em 0;line-height:150%;}
  529. li.ping a{font-weight:bold;font-size:115%;text-decoration:none;}
  530.  
  531. /* comment form */
  532. .comment-form{background:#f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;border-top:1px solid #ddd;padding:1em;margin:1em 0;float:left;}
  533. .comment-form #comment{width:165%;}
  534.  
  535. #cancel-reply{display:none;}
  536. #comment_post_status{font-weight:bold;}
  537.  
  538.  
  539.  
  540. /* PAGE/COMMENT NAVIGATION */
  541.  
  542. .page-navigation, .comment-navigation{
  543. padding: 5px 0px;
  544. color: #333;
  545. }
  546.  
  547. /* align to right on col-3-left layout, looks better */
  548. body.col-3-left .page-navigation, body.col-3-left .comment-navigation{float: right;}
  549.  
  550. .page-navigation a, .page-navigation span.current, .page-navigation span.extend,
  551. .comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
  552. padding: 3px 5px 4px 5px;
  553. margin: 2px;
  554. float: left;
  555. }
  556.  
  557. .page-navigation a, .comment-navigation a{
  558. text-decoration: none;
  559. border: 1px solid #ddd;
  560. background-color: #fff;
  561. }
  562. .page-navigation a:hover, .comment-navigation a:hover{
  563. border: 1px solid #ed1e24;
  564. color: #fff;
  565. background-color: #ed1e24;
  566. }
  567.  
  568. .page-navigation span.current, .comment-navigation span.current{
  569. border: 1px solid #0072cf;
  570. color: #fff;
  571. background-color: #0072cf;
  572. }
  573.  
  574. .comment-navigation a.loading{border:0;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}
  575.  
  576.  
  577. /* search */
  578. .search-form{position:relative;margin:0 8px 0 4px;width:auto !important;width: 400px;max-width:400px;}
  579. .search-form form fieldset{border:0;margin:0;padding:0;background:none;background-color:transparent;}
  580. .search-form #searchfield{background-repeat:no-repeat;background-position:left top;height:34px;display:block;margin-right:55px;}
  581. .search-form input.text{border:0;margin:9px 0 0 34px;padding:0;}
  582. .search-form input.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}
  583. .search-form input.submit:hover{background-position:right bottom;}
  584. #primary-content .search-form{margin:2em 0;}
  585.  
  586. /* block style */
  587. .block h3.title{font-weight:bold;font-size:130%;background-repeat:no-repeat;background-position:left top;color:#fff;line-height:100%;letter-spacing:normal;margin:0;padding:0;text-shadow:1px 1px 1px rgba(0,0,0,0.4);text-transform:uppercase;text-align:left;line-height:23px;}
  588. .block h3.title span{background-repeat:no-repeat;background-position:right top;margin-left:7px;display:block;padding:4px 8px 0 4px;}
  589. .block h3.title a{color:#fff;text-decoration:none;}
  590. .block h3.title a:hover{color:#FFFF00;}
  591. .block .block-div{background-color:transparent;background-repeat:no-repeat;background-position:left bottom;width:7px;height:23px;float:left;}
  592. .block .block-div-arrow{background-color:transparent;background-repeat:no-repeat;background-position:right bottom;height:23px;margin-left:7px;}
  593.  
  594. .block fieldset{margin:0;padding:0 1.3em;border:0;background-color:transparent;}
  595.  
  596.  
  597.  
  598. .box{max-width:600px;position:relative;z-index:5;color:#eee;}
  599. .box-top-left{background:transparent url(images/box.png) no-repeat left top;padding-left:7px;}
  600. .box-top-right{background:transparent url(images/box.png) no-repeat right top;height:7px;}
  601. .box-main{background:transparent url(images/box.png) no-repeat left bottom;padding-left:7px;}
  602. .box-main .box-content{background:transparent url(images/box.png) no-repeat right bottom;padding:10px 7px 10px 0;}
  603.  
  604. .box a{color:#fff;}
  605. .box .tag-cloud{text-align:justify;line-height:50%;}
  606. .box .tag-cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#ccc;text-shadow:#000 1px 1px 1px;}
  607. .tag-cloud a:hover{background-color:#dde90d;color:#000;text-shadow:rgba(0,0,0,0.6) 1px 1px 1px;}
  608.  
  609. .sidebar-tabs{position:relative;padding-top:44px;}
  610.  
  611. ul.box-tabs, ul.box-tabs li{padding:0;margin:0;line-height:100%;list-style-type:none;background:none;}
  612. ul.box-tabs{position:absolute;right:6px;top:0;z-index:10;height:50px;overflow:hidden;}
  613. ul.box-tabs li{float:right;margin-right:3px;}
  614.  
  615. ul.box-tabs li a{width:43px;height:50px;display:block;background:transparent url(images/box-tabs.png) no-repeat left top;}
  616.  
  617. ul.box-tabs li.categories a{background-position:0px 0px;}
  618. ul.box-tabs li.popular a{background-position:-43px 0px;}
  619. ul.box-tabs li.recentcomm a{background-position:-86px 0px;}
  620. ul.box-tabs li.tags a{background-position:-129px 0px;}
  621. ul.box-tabs li.archives a{background-position:-172px 0px;}
  622.  
  623. ul.box-tabs li a:hover{height:43px;}
  624. ul.box-tabs li.active a:hover{height:50px;}
  625.  
  626. ul.box-tabs li.categories.active a,ul.box-tabs li.categories a:hover{background-position:0px -50px;}
  627. ul.box-tabs li.popular.active a,ul.box-tabs li.popular a:hover{background-position:-43px -50px;}
  628. ul.box-tabs li.recentcomm.active a,ul.box-tabs li.recentcomm a:hover{background-position:-86px -50px;}
  629. ul.box-tabs li.tags.active a,ul.box-tabs li.tags a:hover{background-position:-129px -50px;}
  630. ul.box-tabs li.archives.active a,ul.box-tabs li.archives a:hover{background-position:-172px -50px;}
  631.  
  632. ul.box-tabs li a span{display:none;}
  633.  
  634. /* menu list */
  635. .box ul.menuList,.box ul.menuList li{margin:0;padding:0;list-style-type:none;font-size:100%;}
  636. .box ul.menuList{background:transparent url(images/dot2.gif) repeat-x left bottom;margin-bottom:.6em;padding-bottom:2px;}
  637. .box ul.menuList li{background:transparent url(images/dot2.gif) repeat-x left top;display:block;padding:2px 0 0px;}
  638. .box ul.menuList li li{background-image:none;}
  639. .box ul.menuList li a{display:block;text-decoration:none;padding:3px 25px 3px 0;color:#ccc;}
  640. .box ul.menuList.categories li a{padding-right:25px;} /* rss icon space */
  641. .box ul.menuList li a:hover{color:#fff;}
  642. .box ul.menuList li a span.entry{background:transparent url(images/icons.png) no-repeat 4px -816px;padding-left:18px;display:block;font-weight:bold;}
  643. .box ul.menuList li a span.entry .details{font-weight:normal;font-style:italic;display:block;}
  644. .box ul.menuList li a span.entry .details.inline{display:inline;}
  645. .box ul.menuList li a:hover span.entry{background-position:4px -1005px;}
  646. .box ul.menuList li li a span.entry{background:none;}
  647. .box ul.menuList .fadeThis{position:relative;z-index:1;}
  648. .box ul.menuList span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#747474;z-index:-1;padding:0!important;}
  649.  
  650. /* sub menus */
  651. .box ul.menuList ul{margin:0 0 1em 0;padding:0;}
  652. .box ul.menuList li li{margin:0 0 0 1.8em;padding:0;float:none;background:none;width:auto;}
  653. .box ul.menuList li li li{margin-left:1em;}
  654. .box ul.menuList li li a{text-transform:none;padding:0;font-size:100%;font-style:italic;}
  655. .box ul.menuList li li a:hover{background:none;}
  656.  
  657. /* rss popups */
  658. .box ul.menuList li.cat-item{position:relative;}
  659. .box ul.menuList li.cat-item a.rss{position:absolute;padding:0;margin:0;display:none;background:transparent url(images/icons.png) no-repeat center -664px;width:24px;height:22px;top:0;right:6px;z-index:10;cursor:pointer;}
  660. .box ul.menuList li.cat-item li.cat-item a.rss{background:none;visibility:hidden;}
  661. .box ul.menuList li li .fadeThis{position:static;background:none;}
  662. .box ul.menuList li li .fadeThis span.hover{display:none;}
  663.  
  664.  
  665. .box ul.menuList.recentcomm li a span.entry,.box ul.menuList.recentcomm li a:hover span.entry{background:none;padding-left:0px;margin-left:40px;}
  666. .box ul.menuList.recentcomm li .avatar{
  667. float: left;
  668. margin: 2px 4px 2px 0;
  669. }
  670.  
  671.  
  672. /*** FOOTER ***/
  673.  
  674. #footer{
  675. background: #fff;
  676. }
  677.  
  678. /* block slider */
  679. #footer-blocks{position:relative;margin:0 auto 1em auto;}
  680. #footer-blocks.withSlider{width:940px;}
  681.  
  682. #footer-blocks .leftFade,#footer-blocks .rightFade{background:transparent url(images/bg-trans2.png) repeat-y left top;position:absolute;width:46px;min-height:100%;height:100%;/* <- for opera */top:0;z-index:10;}
  683. #footer-blocks .leftFade{left:0;}
  684. #footer-blocks .rightFade{background-position:right top;right:0;}
  685. .slide-container{width:100%;overflow:hidden;position:relative;margin:0 auto;}
  686. ul.slides{position:relative;top:0;left:0;list-style-type:none;margin:0;padding:0;width:100%;min-height:100%;display:block;}
  687. #footer-blocks .slide-navigation a.next,#footer-blocks .slide-navigation a.previous{background:transparent url(images/block-nav.png) no-repeat left top;width:30px;height:42px;position:absolute;z-index:12;top:60px;}
  688. #footer-blocks .slide-navigation a.next{background-position:right top;right:0;}
  689. #footer-blocks .slide-navigation a.previous{left:0;}
  690. #footer-blocks .slide-navigation a.next:hover{background-position:right bottom;}
  691. #footer-blocks .slide-navigation a.previous:hover{background-position:left bottom;}
  692. #footer-blocks .slide-navigation a.next span,#footer-blocks .slide-navigation a.previous span{display:none;}
  693. ul.slides li.slide{list-style-type:none;position:relative;top:0;margin:0;padding:1em 0 0;display:block;}
  694.  
  695. /* only hide if slider is enabled (it is if there are more than 3 blocks) */
  696. .withSlider ul.slides li.slide.page-content{position:absolute;display:none;width:940px;}
  697.  
  698. #footer-blocks ul.slides li.slide .slide-content{width:95%;margin:0 auto;}
  699.  
  700. ul.slides li.slide .slide-content ul.blocks,#footer-blocks ul.slides li.slide .slide-content ul.blocks li.block{list-style-type:none;margin:0;padding:0;}
  701. ul.slides li.slide .slide-content ul.blocks li.block{width:33%;float:left;margin:0;padding:0;position:relative;}
  702. ul.slides li.slide .slide-content ul.blocks li.block .block-content{padding:0 .8em;}
  703. /* block width based on widget number (default block width is 30% + spacing, 3 blocks per slide) */
  704. ul.slides li.slide .slide-content ul.blocks.widgetcount-1 li.block{width:100%;}
  705. ul.slides li.slide .slide-content ul.blocks.widgetcount-2 li.block{width:50%;}
  706. ul.slides li.slide .slide-content ul.blocks.widgetcount-3 li.block{width:33%;}
  707. ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block{width:25%;}
  708. ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block .block-content{padding:0 .6em;}
  709. ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block{width:20%;}
  710. ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block .block-content{padding:0 .5em;}
  711. ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block{width:16.6%;}
  712. ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block .block-content{padding:0 .4em;}
  713.  
  714. ul.slides li.slide .slide-content ul.blocks li.block h4.title{font-size:160%;font-weight:bold;background:#eee url(images/bg-lightgray.png) no-repeat left top;padding:.4em .6em;margin:0 0 .2em;text-shadow:#fff 1px 1px 1px;line-height:100%;color:#797979;position:relative;}
  715.  
  716.  
  717. ul.slides li.slide.slide-2,
  718. ul.slides li.slide.slide-3,
  719. ul.slides li.slide.slide-4,
  720. ul.slides li.slide.slide-5,
  721. ul.slides li.slide.slide-6,
  722. ul.slides li.slide.slide-7,
  723. ul.slides li.slide.slide-8{display:none;}
  724.  
  725. /* copyright & other info */
  726. #footer #copyright{display:block;padding:1em 2em;text-align:center;border-top:1px solid #ddd;line-height:200%;}
  727.  
  728. #footer .button{padding:4px 8px 4px 8px;color:#fff;background-color:#666;text-decoration:none;text-transform:uppercase;font-weight:bold;}
  729. #footer a.button.rss-subscribe{background:#666 url(images/icons.png) no-repeat 2px -666px;padding-left: 25px;}
  730.  
  731.  
  732. /*** BLOCKS ***/
  733.  
  734. /* info */
  735. .block-info{font-size: 150%;font-weight:bold;text-align:center;padding: .3em .7em;background-color:#eee;text-shadow:#fff 1px 1px 1px;border:1px solid #fff;}
  736.  
  737. /* increase right padding to fit rss icon */
  738. .block-categories ul.menuList.linkBased li a span.entry{display:block;text-decoration:none;padding-right:36px;}
  739.  
  740. /* twitter */
  741. .block-twitter ul, .block-twitter ul li{padding:0;margin:0;list-style-type:none;}
  742. .block-twitter ul{background:transparent url(images/dot.gif) repeat-x left top;padding-top:.2em;}
  743. .block-twitter ul li,.block-twitter ul li:hover{background:transparent url(images/dot.gif) repeat-x left bottom;margin-bottom:.2em;padding-bottom:.2em;}
  744. .block-twitter ul li span.entry{background:transparent url(images/icons.png) no-repeat 6px -383px;padding-left:24px;display:block;}
  745. .block-twitter div.avatar{float:left;display:block;margin-left:10px;}
  746. .block-twitter div.info{float:left;display:block;padding:2px 0 0 10px;line-height:175%;font-weight:bold;}
  747. .block-twitter div.info .followers{font-size:125%;}
  748. .block-twitter a.date{color:#bbb;text-decoration:none;font-style:italic;font-size:85%;display:block;}
  749. .block-twitter a.date:hover{color:#ed1e24;}
  750. .block-twitter .links{text-align:right;background:transparent url(images/bg-trans.png) repeat-x left bottom;padding-right:1em;}
  751. .block-twitter a.followMe{position:absolute;background:transparent url(images/twitter.png) no-repeat center top;width:45px;height:57px;display:block;top:-14px;right:20px;z-index:4;}
  752. .block-twitter a.followMe span{display:none;}
  753. .block-twitter h3.title span{padding-right:60px;}
  754. .block-twitter .loading{background:transparent url(images/loader-white.gif) no-repeat 6px 6px;padding:6px 10px 6px 28px;float:left;}
  755.  
  756. /* flickr */
  757. .block-flickr h3.title{position:relative;}
  758. .block-flickr h3.title span{padding-left:42px;}
  759. .block-flickr h3.title span.icon{background:transparent url(images/flickr.png) no-repeat left top;top:30%;left:0;position:absolute;width:37px;height:17px;padding:0;}
  760. .block-flickr ul,.block-flickr ul li{list-style-type:none;padding:0;margin:0;}
  761. .block-flickr li{float:left;}
  762. .block-flickr li a{padding:0 2px;display:block;}
  763. .block-flickr li img{border:5px solid #eee;}
  764. .block-flickr .flickrGallery{padding-left:4px;}
  765.  
  766. /* login */
  767. .block-login .avatar img{border:6px solid #ddd;}
  768.  
  769.  
  770. /*** MISC ***/
  771.  
  772. /* fancybox */
  773. #fancybox-loading{ position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none}
  774. * html #fancybox-loading{/* IE6 */
  775. position:absolute; margin-top:0}
  776. #fancybox-loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('images/fancybox.png')}
  777. #fancybox-overlay{ position:fixed; top:0; left:0; bottom:0; right:0; background:#000 url(images/light-mask.png) no-repeat 50% 10%; z-index:1100; display:none}
  778. * html #fancybox-overlay{/* IE6 */
  779. position:absolute; width:100%}
  780. #fancybox-tmp{ padding:0; margin:0; border:0; overflow:auto; display:none}
  781. #fancybox-wrap{ position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none}
  782. #fancybox-outer{ position:relative; width:100%; height:100%; background:#FFF}
  783. #fancybox-inner{ position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden}
  784. #fancybox-hide-sel-frame{ position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
  785. #fancybox-close{ position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url('images/fancybox.png'); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none}
  786. #fancybox_error{ color:#444; font:normal 12px/20px Arial; padding:7px; margin:0}
  787. #fancybox-content{ height:auto; width:auto; padding:0; margin:0}
  788. #fancybox-img{ width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic}
  789. #fancybox-frame{ position:relative; width:100%; height:100%; border:none; display:block}
  790. #fancybox-title{ position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102}
  791. .fancybox-title-inside{ padding:10px 0; text-align:center; color:#333}
  792. .fancybox-title-outside{ padding-top:5px; color:#FFF; text-align:center; font-weight:bold}
  793. .fancybox-title-over{ color:#FFF; text-align:left}
  794. #fancybox-title-over{ padding:10px;background-color:#333;background-color:rgba(0,0,0, 0.5); display:block}
  795. #fancybox-title-wrap{ display:inline-block}
  796. #fancybox-title-wrap span{ height:32px; float:left}
  797.  
  798. #fancybox-left,#fancybox-right{ position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none;
  799. z-index:1102; display:none}
  800. #fancybox-left{ left:0px}
  801. #fancybox-right{ right:0px}
  802. #fancybox-left-ico,#fancybox-right-ico{ position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block}
  803. #fancybox-left-ico{ background-image:url('images/fancybox.png'); background-position:-40px -30px}
  804. #fancybox-right-ico{ background-image:url('images/fancybox.png'); background-position:-40px -60px}
  805. #fancybox-left:hover,#fancybox-right:hover{ visibility:visible;/* IE6 */}
  806. #fancybox-left:hover span{ left:20px}
  807. #fancybox-right:hover span{ left:auto; right:20px}
  808. .fancy-bg{ position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001}
  809.  
  810.  
  811.  
  812. /* page controls */
  813. #pageControls{position:absolute;right:0;top:0;width:25%;height:100px;z-index:4;}
  814. #pageControls a{background:transparent url(images/page-controls.png) no-repeat right top;position:absolute;width:22px;height:21px;right:10px;top:10px;cursor:pointer;z-index:15;}
  815. #pageControls a:hover{background-position:right bottom;}
  816. #pageControls a.fontSize{background-position:left top;right:36px;}
  817. #pageControls a.fontSize:hover{background-position:left bottom;}
  818.  
  819.  
  820. /* other */
  821. .clearFieldBlurred{color:#ccc;font-style:italic;font-weight:normal;}
  822. .clearFieldActive{color:#4e4e4e;font-weight:bold;}
  823. .error{color:#ed1e24;}
  824. .success{color:#a0c207;}
  825. .divider{padding:1em 0 0 0;display:block;background:transparent url(images/dot.gif) repeat-x left bottom;height:2px;min-height:2px;}
  826. .altText{font-style:italic;}
  827. .highlight{background-color: #FFE4B5;}
  828.  
  829.  
  830. /* clearfix */
  831. .clear-block:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
  832.  
  833. img.alignleft,img.alignright{padding:3px;margin-top:4px;margin-bottom:4px;border-radius:4px;}
  834. .alignleft{float:left;margin-right:8px;}
  835. .alignright{float:right;margin-left:8px;}
  836. .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center;}
  837. .bubble-trigger{position:relative;}
  838. .bubble{display:none;position:absolute;z-index:10;}
  839.  
  840. /* jquery caption - to do */
  841. .imgCaption{position:relative;overflow:hidden;padding:0;border:0;margin-top:8px;margin-bottom:8px;display:inline-block;}
  842. .imgCaption p{position:absolute;background-color:#000;color:#fff;width:100%;font-weight:bold;padding:0;margin:0;line-height:150%;text-align:center;border:0;z-index:10;left:0;opacity:0.6;}
  843. .imgCaption p span{ padding:12px;display:block;}
  844.  
  845.  
  846. .wp-caption{border: 1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin-top:10px;margin-bottom:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  847. .wp-caption img{margin:0;padding:0;border:0 none;}
  848. .wp-caption-dd{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}
  849.  
  850. .webshot{position:absolute;left:-20000px;background-color:rgba(0,0,0,0.4);padding:5px;z-index:10;display:none;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
  851. .webshot img{margin:0;padding:0;}
  852.  
  853.  
  854. /* smiley adjustment */
  855. img.wp-smiley{vertical-align:-15%;}
  856.  
  857.  
  858.  
  859. /* tabs (code inspired by smashing magazine's comment tabs */
  860. ul.tabs li a{}
  861. ul.tabs li a:hover{}
  862. .tabbed-content div.sections{position:relative;overflow:hidden;}
  863. .tabbed-content div.section{position:relative;display:none;}
  864. .tabbed-content div.section h6.title{font-size:115%;font-weight:normal;font-style:italic;text-transform:uppercase;margin:0;padding:0;}
  865.  
  866. .tabs,.tabs li{margin:0;padding:0;list-style-type:none;}
  867. .tabs-wrap{padding-bottom:30px;background-color:transparent;background-repeat:no-repeat;background-position:left 34px;margin:2em 0 .4em 0;}
  868. .tabs{list-style:none;overflow:hidden;height:34px;position:relative;text-transform:uppercase;padding-right:12px;}
  869. .tabs li{float:right;text-align:center;height:31px;background-color:transparent;background-repeat:no-repeat;background-position:right top;margin-right:-20px;padding-right:24px;margin-top:4px;position:relative;z-index:0;bottom:-4px;/* <-for the animation */line-height:28px;}
  870. .tabs li a{height:31px;color:#4e4e4e;float:left;text-decoration:none;text-shadow:#fff 1px 1px 1px;font-weight:bold;background-color:transparent;background-repeat:no-repeat;background-position:left top;padding-left:26px;padding-right:4px;}
  871. .tabs li:hover{background-position:right -66px;}
  872. .tabs li:hover a,.tabs li a:hover{background-position:0 -66px;}
  873. .tabs li.active{background-position:100% -33px;z-index:8;padding-right:24px;}
  874. .tabs li.active a,.tabs li.active a:hover{background-position:0 -33px;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
  875.  
  876. a.js-link{cursor:pointer;text-decoration:underline;}
  877. a.js-link:hover{text-decoration:none;}
  878.  
  879. .hidden{display:none;}
  880.  
  881.  
  882. /* form container */
  883. div.form{width:50%;}
  884. #sidebar div.form,#footer div.form{width:100%;}
  885. /* full width if there's only one widget in the footer */
  886. #footer ul.slides li.slide .slide-content ul.blocks.widgetcount-1 div.form{width:50%;}
  887. div.form .error{font-weight:bold;}
  888. div.form fieldset{margin:0;padding:0;background:transparent;border:0;}
  889.  
  890.  
  891. /*** WORDPRESS: SUPPORT FOR OTHER WIDGETS ***/
  892.  
  893. /* tag cloud */
  894. .block-widget_tag_cloud{text-align:justify;line-height:150%;}
  895. .block-widget_tag_cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#666;}
  896. .block-widget_tag_cloud a:hover{background-color:#dde90d;color:#000;}
  897.  
  898. /* calendar */
  899. table#wp-calendar{width:100%;padding:0;margin:0;}
  900. table#wp-calendar td,table#wp-calendar th{text-align:center;padding:2px;}
  901. table#wp-calendar th{font-weight:bold;font-size:125%;}
  902. table#wp-calendar caption{font-style:italic;text-align:right;}
  903.  
  904. .post-ratings{font-style:italic;font-size:85%;}
  905. .post-ratings img{vertical-align:-10%;}
  906. .post-ratings span.post-ratings-text{display:none !important;}
  907.  
  908. .pagerank{
  909. display: inline;
  910. }
  911.  
  912. .pagerank-frame{
  913. height:8px;
  914. width:35px;
  915. margin-left: 2px;
  916. background-color:#f7f7f7;
  917. border:1px #ccc solid;
  918. display: inline-block;
  919. }
  920.  
  921. .pagerank-bar{
  922. background-color:#009933;
  923. height:8px;
  924. }
  925.  
  926. #footer .alexarank{
  927. font-weight: normal;
  928. color: #99CCFF;
  929. }
  930.  
  931.  
  932.  
  933.  
  934. /*** PRINT STYLES ***/
  935.  
  936. @media print {
  937. body{background:white;color:black;font-size:10pt}
  938. .header-wrapper{display:none;}
  939. .shadow-left.main-wrapper,.main-wrapper .shadow-right,#main,#main-inside{background:none;}
  940. #main{background-color:#fff;}
  941. .page-content{width:100% !important;max-width:none !important;min-width:0 !important;}
  942. #footer-blocks .leftFade,#footer-blocks .rightFade{display:none;}
  943. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement