Want more features on Pastebin? Sign Up, it's FREE!
Guest

Pureline Base.CSS

By: a guest on Jan 27th, 2013  |  syntax: CSS  |  size: 40.52 KB  |  views: 4  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  *
  3.  */
  4.  
  5. /* Document Body */
  6. body {min-width:960px;background: url("../images/main-bg.jpg") repeat scroll left top transparent;}
  7. body, input, textarea { font: 13px/1.5 "PT Sans",serif; }
  8.  
  9. /* Font Styles */
  10. .serif { font-family: Georgia, "Times New Roman", Times, serif; }
  11. .sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }
  12.  
  13. /* Vertical Rhythm  */
  14. .published {line-height:15px;text-align:center;padding:4px 0px;}
  15. .published strong {font-size:17px;line-height:17px;font-weight:normal;}
  16.  
  17. .fl-l {float:left!important;}
  18. .fl-r {float:right!important;}
  19.  
  20.  
  21. .author.vcard .avatar {float:left;margin:0;position:relative;top:-7px;left:-5px;border:2px #eee solid;padding:0;margin-right:5px;}
  22.  
  23. .entry-meta { margin-bottom: 10px;text-shadow:0 1px 0px #fff;  }
  24. .entry-meta .meta-sep {margin:0 5px; }
  25. .entry-header {clear:both;margin:0 0 15px 0;padding:0;}
  26. .entry-header a {color:#555;}
  27. .entry-header .comment-count a {color:#777;font-weight:bold;}
  28. .entry-footer {font-size:13px;clear:both;margin:10px 0;text-align:center;}
  29. .single .entry-footer {padding:10px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);-moz-border-radius: 50px;-webkit-border-radius: 50px;-border-radius: 50px;border-radius: 50px;}
  30. .entry-footer a {color:#888;}
  31. .entry-footer a:hover {text-decoration:none;border-bottom-color:#333;color:#333;}
  32. .edit-post, .edit-page {visibility:hidden;}
  33. .edit-post a, .edit-comment a, .edit-page a {background:#dfce94 url('../images/icon-edit.png') 5px 5px no-repeat;background:rgba(239,220,156,.9) url('../images/icon-edit.png') 5px 5px no-repeat;padding:4px;padding-left:25px;margin-left:5px;
  34. color:#444;
  35. text-shadow:none;
  36.     border:1px solid #dbca8f;
  37.     border-radius: 15px;-border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
  38.    padding: 5px 10px 5px 26px;  
  39.         -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  40.                                                 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  41.             inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  42.                                                 0 1px 2px hsla(0, 0%, 0%, .1) !important  /*Shadow*/;
  43.         -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  44.                                         inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  45.           inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  46.                                         0 1px 2px hsla(0, 0%, 0%, .1) !important  /*Shadow*/;
  47.         box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  48.                                 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  49.         inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  50.                                 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/;
  51. }
  52.  
  53. .edit-attach {left:10px;position:relative;top:15px;}
  54.  
  55. .margin-40 {margin-bottom:40px!important;}
  56.  
  57. .edit-page {position:relative;left:10px;top:12px;}
  58.  
  59. .sticky, .bypostauthor {}  
  60.  
  61. .entry-categories {padding:5px 0px;}
  62. .entry-tags {padding:5px 0px;}
  63.  
  64. #page-links {clear:both;float:left;margin:20px 0;}
  65. #page-links a {color:#777;font-weight:bold;margin:0 2px;text-shadow:0 1px 0px rgba(0,0,0,.2);text-decoration:none;padding:3px 7px;    
  66.     -moz-border-radius:13px;-webkit-border-radius:13px;-border-radius:13px;border-radius:13px;
  67.      background:rgba(0,0,0,.03);
  68.    }
  69. #page-links a:hover {background:#fff;color:#111; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  70.     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  71.     box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  72. }
  73. #page-links p {margin-bottom:0;}
  74. #page-links strong {font-size:13px;text-transform:uppercase;}
  75.  
  76. .subscribe-box {float:right;width:auto;height:50px;margin-top:12px;}
  77.  
  78.  
  79.  
  80.  
  81. p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
  82. .comment, .navigation-links { margin-bottom: 40px; }
  83. .nav-top .navigation-links {margin-bottom:20px;}
  84.  
  85. /* Header */
  86. .header {padding:12px 0 60px 0;margin: 0 auto; }
  87. #logo-image {float:left;margin-right:20px;}
  88.  
  89. /* Content Background */
  90.  
  91.  
  92.  
  93.  
  94. .content-bottom {width:100%;height:0px;bottom:0;left:0;right:0;border-top:#ddd 3px solid;}
  95.  
  96. .full-width {width:100%!important;}
  97.  
  98.  
  99. /* Logo */
  100. #logo, #logo a { position:relative;font:normal 55px/55px 'Vollkorn', serif;float:left; margin-right:10px; letter-spacing:-2px;}
  101. #logo a, #copyright a { background:rgba(0,0,0,.03);padding:8px 20px 0 20px;-webkit-border-radius:50px;-moz-border-radius:50px;-border-radius:50px;border-radius:50px; color:#333;
  102. -webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
  103.                -moz-transition: all 0.3s ease-in;  /* FF4+ */
  104.                -ms-transition: all 0.3s ease-in;  /* IE10? */
  105.                -o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
  106.                transition: all 0.3s ease-in;
  107.                text-shadow:1px 1px 0px rgba(255,255,255,.9),2px 2px 0px rgba(0,0,0,.1);
  108. }
  109. #copyright {margin-top:20px;}
  110. #copyright a {font-weight:bold;padding:6px 10px;}
  111. #logo a:hover , #copyright a:hover {color:#f15305; text-decoration: none; }
  112. #tagline { color: #999; text-transform:uppercase;padding-top:20px;font:italic normal 13px/30px 'Georgia',serif;text-shadow:1px 1px 0px rgba(255,255,255,.9),2px 2px 0px rgba(0,0,0,.1); }
  113.  
  114. /* Menu */      
  115.  
  116. .menu-header {
  117.     color: #333333;
  118.     font: italic bold 11px/18px Georgia, serif;
  119.     text-shadow: 0 1px 0 #FFFFFF;
  120.     top:-26px;
  121.     position:relative;
  122.     float:left;display:block;width:100%;
  123.     background:#cfd8df url(../images/menu-bg.jpg) repeat;
  124.     border:1px solid #676b77;
  125.     border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-border-radius:4px;
  126.     box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 0px rgba(255,255,255,.5) inset,0 1px 8px rgba(0,0,0,.1) inset,0 0px 6px rgba(0,0,0,.1);
  127.     -box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 0px rgba(255,255,255,.5) inset,0 1px 8px rgba(0,0,0,.1) inset,0 0px 6px rgba(0,0,0,.1);
  128.     -moz-box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 0px rgba(255,255,255,.5) inset,0 1px 8px rgba(0,0,0,.1) inset,0 0px 6px rgba(0,0,0,.1);
  129.     -webkit-box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 0px rgba(255,255,255,.5) inset,0 1px 8px rgba(0,0,0,.1) inset,0 0px 6px rgba(0,0,0,.1);
  130.      }  
  131.          
  132.  
  133. .menu-back {padding-bottom:25px;}
  134.  
  135. .menu-container {}
  136.  
  137. .nav {line-height:1; width: 100%; margin-bottom:0; }
  138. .nav, .nav * { list-style: none; margin-left: 0; }
  139. .nav li { float: left; padding: 0; position: relative; border-right:1px dotted #dae3ea;border-left:1px dotted #676b77;}
  140. .nav li:first-child {border-left:none;}
  141. .nav li:last-child {border-right:none;}
  142. .nav ul li { width: 100%; }
  143.  
  144. /* Hides items under top menu */
  145. .nav ul { position: absolute; top: -9999em; width: 14em!important; z-index:9999;/* left offset of submenus need to match (see below) */ }
  146.  
  147. .nav li ul.sub-menu:before {position:absolute;top:-9px;
  148.     content: url(../images/top-arrow.png);
  149.     left:20px;
  150.     z-index: 0;}
  151. .nav li ul ul.sub-menu:before {content:"";}    
  152.  
  153. /* Shows submenus */
  154. .nav li:hover ul,
  155. .nav li.nav-hover ul { left: -1px; top: 40px; /* match top ul list item height */ position:absolute;z-index: 999999; }
  156.  
  157. /* Hides all sub items (4 levels deep) */
  158. .nav li:hover li ul,
  159. .nav li.nav-hover li ul,
  160. .nav li li:hover li ul,
  161. .nav li li.nav-hover li ul,
  162. .nav li li li:hover li ul,
  163. .nav li li li.nav-hover li ul { top: -999em; }
  164.  
  165. /* On :hover, displays all sub items (4 levels deep) */
  166. .nav li li:hover ul,
  167. .nav li li.nav-hover ul,
  168. .nav li li li:hover ul,
  169. .nav li li li.nav-hover ul,
  170. .nav li li li li:hover ul,
  171. .nav li li li li.nav-hover ul { left: 14em!important; /* match .nav ul width */ top: -1px; }
  172.  
  173. /* Default Skin */
  174. .nav { padding:0px 0px 2px 0px;}
  175. .nav ul {box-shadow:0 1px 2px rgba(0,0,0,.1);
  176.     -box-shadow:0 1px 2px rgba(0,0,0,.1);
  177.     -moz-box-shadow:0 1px 2px rgba(0,0,0,.1);
  178.     -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #676b77;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-border-radius:4px;
  179. }
  180. .nav ul li a {margin:0 15px;border-top: 1px dotted #fff;border-bottom: 1px dotted #bbb;}
  181. .nav li ul.sub-menu li:first-child > a, .nav ul ul.sub-menu li:first-child > a {word-wrap:break-word;border-top:none;}
  182. .nav li ul.sub-menu li:last-child > a, .nav ul ul.sub-menu li:last-child a {border-bottom:none;}
  183. .nav ul li a:hover { }
  184. .nav li a {padding:13px; }
  185. .nav li:hover ul,
  186. .nav li.nav-hover ul { background: #f0f0f0; }
  187.  
  188. .nav li:hover > a { text-decoration: none;}
  189.  
  190.  
  191. /* Level Menu */
  192. .nav a { display: block; position: relative; padding: 8px 10px;color: #111; text-shadow:1px 1px 0px rgba(255,255,255,.9),2px 2px 0px rgba(0,0,0,.1); }
  193. .nav a:hover,.nav li.current_page_item a,.nav li.current_page_parent a,.nav li.current_page_ancestor a,
  194. .nav li.current-menu-item < a,.nav li.current-menu-parent < a, .nav li.current-menu-ancestor < a
  195.  { text-decoration: none;}
  196.  
  197. .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a {text-decoration: none;}
  198.  
  199. .nav li.current-menu-ancestor li.current-menu-item > a, .nav li.current-menu-ancestor li.current-menu-parent > a {text-decoration: none; }
  200.  
  201. .nav .sf-sub-indicator {background:     url(../images/arrow-superfish.png) no-repeat;position:absolute;right:0.5em;top:35%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
  202. .nav li ul .sf-sub-indicator {background:url(../images/arrow-superfish-right.png) no-repeat;top:35%;}
  203.  
  204. .nav li.current-menu-item, .nav li.current-menu-ancestor, .nav li:hover {}
  205.  
  206.  
  207. .nav li li a,.nav li li li a,.nav li li li li a { padding: 10px;}
  208.  
  209. .nav li li,.nav li li li,.nav li li li li { border-left:none;border-right:none;}
  210.  
  211. .nav li a.sf-with-ul {padding-right: 25px;}
  212.  
  213. /* Menu bugfix */
  214. .ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  215.  
  216. /* Links */
  217. a, .entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #666; text-decoration: none;-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
  218.                -moz-transition: all 0.3s ease-in;  /* FF4+ */
  219.                -ms-transition: all 0.3s ease-in;  /* IE10? */
  220.                -o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
  221.                transition: all 0.3s ease-in; }
  222. .entry-content a:hover { text-decoration: underline; color:#f15305;}
  223. #secondary a, #secondary-2 a {line-height:130%;text-shadow:0 1px 0 #fff;border-bottom:1px solid #ddd;-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
  224.                -moz-transition: all 0.3s ease-in;  /* FF4+ */
  225.                -ms-transition: all 0.3s ease-in;  /* IE10? */
  226.                -o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
  227.                transition: all 0.3s ease-in;}
  228. #secondary a:hover, #secondary-2 a:hover {color:#f15305;text-decoration:none;}
  229. .entry-content a:link, .entry-content a:active, .entry-content a:visited { text-decoration: underline; }
  230. .entry-content a:hover { text-decoration: none; }
  231.  
  232. /* Headings */
  233. h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both;margin-bottom:15px; }
  234. h1 { font-size: 46px; line-height: 46px; padding: 5px 0px;letter-spacing:-3px;  }
  235. h2 { font-size: 40px; line-height: 40px; padding: 5px 0px;letter-spacing:-2px;  }
  236. h3 { font-size: 34px; line-height: 34px; padding: 5px 0px;letter-spacing:-2px;  }
  237. h4 { font-size: 27px; line-height: 27px; padding: 5px 0px;letter-spacing:-1px; }
  238. h5 { font-size: 20px; line-height: 20px; padding: 5px 0px; }
  239. h6 { font-size: 14px; line-height: 18px; }
  240.  
  241.  
  242. /* Widgets */
  243. .widget {position:relative;margin-bottom:15px;}
  244. .widget:after {position:absolute;bottom:0px;
  245.     content: url(../images/divider-widget.png);
  246.     left:50%;
  247.     margin-left:-160px;
  248.     z-index: 0;}
  249. .widget ul {margin-bottom:0;}
  250. .widget-title-background {position:absolute;top:-1px;bottom:0px;left:-16px;right:-16px;
  251. }
  252. .before-title {position:relative;top:-10px;}
  253. .widget-title {letter-spacing:0;font:normal 22px/22px "vollkorn",serif;z-index:1;position:relative;display:block;margin-bottom:10px;color:#555;text-shadow:0 1px 0px #fff;padding:10px 0px;
  254. }
  255. .widget-title a {color:#fff !important;text-shadow:0 1px 3px #444 !important;border-bottom:none !important;}
  256. .widget-content {position:relative;margin:0 0 35px 0;padding:0 0 21px 0;font-size:13px;  
  257.   }
  258.  
  259.  
  260. /* Similar posts */
  261.  
  262. .similar-posts {padding:5px;margin-bottom:40px;}
  263. .similar-posts ul {margin-bottom:0px;}    
  264. .similar-posts ul li {padding-bottom:5px;}
  265. .similar-posts a.similar-title {font-weight:bold;font-size:15px;}
  266.  
  267.  
  268. /* Widgets Header & Footer */
  269.  
  270.  
  271.  
  272.  
  273. .widgets-holder a:hover {text-decoration:underline;}    
  274. .widgets-back {margin-top:0px !important;padding-top:10px;margin-bottom:0;width:100%;}
  275. .widgets-back-inside {width:960px;margin:20px auto 0 auto;}
  276. .widgets-holder a { text-shadow: 0 1px 0px #fff!important;}
  277. .widgets-holder .widget:after {content: url(../images/divider-widget.png)!important;margin-left:-160px;}
  278.  
  279.  
  280.  
  281.  
  282.  
  283. /* Content */
  284.  
  285.  
  286. #primary {position:relative;}  
  287. .page-title { font-size: 26px; font-weight: bold;letter-spacing:-1px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9), 2px 2px 0 rgba(0, 0, 0, 0.1);}
  288. .page-title span { font-weight: normal; }
  289. .entry-title, .entry-title a { font: 30px/30px "Vollkorn", serif;color: #51545c; font-weight:normal; letter-spacing:-1px;text-shadow: 0 1px 0px #fff;}
  290. .entry-title, .entry-title a:hover { color: #000; text-decoration: none; }
  291. .type-page .entry-title {float:left;}
  292. .entry-content {clear:both;font-size:15px;margin-top:35px;}
  293. .hentry {background:url('../images/divider-tile.png') bottom left repeat-x;padding-bottom:25px;}
  294. .entry-content .read-more { margin:0 auto;font-size:18px;font-weight:bold;}
  295. .entry-content .read-more a {font:italic bold 11px Georgia;border:none;text-decoration:none;
  296. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9), 2px 2px 0 rgba(0, 0, 0, 0.1);
  297.    color: #777;
  298.    background:rgba(0,0,0,.05);padding:4px 5px;-webkit-border-radius:9px;-moz-border-radius:9px;-border-radius:9px;border-radius:9px;
  299.    -webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
  300.                -moz-transition: all 0.3s ease-in;  /* FF4+ */
  301.                -ms-transition: all 0.3s ease-in;  /* IE10? */
  302.                -o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
  303.                transition: all 0.3s ease-in;}
  304. .entry-content .read-more a:hover {color:#f15305;}  
  305.  
  306. .attach-font {font-size:24px;}
  307.    
  308.  
  309. /* Footer */
  310.  
  311. .footer {position:relative;color:#999; padding:20px 0; background: url("../images/divider-tile.png") repeat-x scroll left top transparent;}
  312. .footer small {font-weight:bold;}
  313. p#copyright {font-size:15px;text-shadow: 0 1px 0 #fff;}
  314. p#copyright .credits {font:italic bold 11px georgia;}
  315.  
  316. /* Text Elements */
  317. address { font-style: italic; }
  318. abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
  319.  
  320. blockquote { font-style: italic;font-weight:bold;background:#f1f1f1 url('../images/quote.gif')no-repeat 15px 15px; border: 4px solid #ddd; margin: 0 10px;margin-bottom:20px; padding: 10px;padding-left:90px;padding-bottom:0;
  321. color:#777;text-shadow:0 1px 0px #fff;border: 1px solid #bbb;
  322.     border-color: #ddd #fff #fff #ddd;
  323.     -moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;border-radius:3px;
  324.     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset;
  325.     -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset;
  326.     box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset;
  327.  }
  328.  
  329.  
  330. strong { font-weight: bold; }
  331. em, dfn, cite { font-style: italic; }
  332. dfn { font-weight: bold; }
  333.  
  334. sup { bottom: 1ex; }
  335. sub { top: .5ex; }
  336. small { font-size: 12px; }
  337.  
  338. del { text-decoration: line-through; }
  339. ins { text-decoration: underline; }
  340.  
  341. code, pre {  line-height: 15px; }
  342. var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
  343. kbd { font-weight: bold; }
  344. samp, var { font-style: italic; }
  345. pre { white-space: pre;  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset !important;
  346.     -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset !important;
  347.     box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset !important;-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;border-radius:3px;overflow: auto; padding: 10px; border: 1px dotted #bbb; clear: both; }
  348. code { padding: 0px 3px; }
  349.  
  350. /* Lists: (ul, ol, dl) */
  351. ul, ol, dl { margin-left: 15px; }
  352. .nav { margin-left: 0px; }
  353. .entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
  354.  
  355. li ul, li ol { margin-bottom: 0; }
  356. ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
  357.  
  358. ol { list-style-type: decimal; }
  359.  
  360. ul, ul ul, ul ul ul { list-style-type:none;list-style-image:url('../images/list-style.gif'); }
  361.  
  362. dt { font-weight: bold; }
  363.  
  364. .fat li { margin-bottom: 10px; }
  365.  
  366. /* Tables */
  367. table { width:98%;background: rgba(238, 238, 238, 0.9);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;border:1px solid #ccc;border-bottom:0;margin-bottom:15px;border-spacing: 0; line-height: 18px; margin: 0 0 22px 0; text-align: left; }
  368. table .even { background: #ddd; }
  369. caption { text-align: left; }
  370. th, td { font-size:14px;padding: 8px 11px; border-top:1px solid rgba(255, 255, 255, 0.6);border-bottom:1px solid rgba(0, 0, 0, 0.1);}
  371. thead, thead th, thead td {padding:10px 11px;font-weight:bold;background:rgba(0,0,0,.05);color:#111;text-shadow:0 1px 0px #fff;font-size:13px;}
  372.  
  373. /* Forms */
  374.  
  375. input[type="text"], input[type="password"], textarea { padding:10px 8px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 4px rgba(0,0,0,.15) inset;-box-shadow:0 0 4px rgba(0,0,0,.15) inset;box-shadow:0 0 4px rgba(0,0,0,.15) inset;-moz-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;border-radius: 3px;
  376. border:1px solid #ddd;background:#fff; }
  377. input[type="submit"], button, .button, input#submit {color:#777;font:bold italic 11px georgia;height:32px;text-shadow:0 1px 0px #fff;text-transform:uppercase;padding: 1px 10px; cursor: pointer;
  378. -webkit-border-radius:15px;-moz-border-radius:15px;-border-radius:15px;border-radius:15px;border:1px solid #fff;
  379. background:#eee;
  380. background:-moz-linear-gradient(center top , #fff 20%, #eee 100%) repeat scroll 0 0 transparent;
  381.    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #fff),color-stop(1, #eee)) !important;
  382.     background: -o-linear-gradient(top, #fff,#eee) !important;
  383.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee');
  384. -webkit-box-shadow:   0 1px 2px rgba(0, 0, 0, 0.29);
  385. -moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29);
  386. -box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29);
  387. box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29);
  388. }
  389. button:hover, .button:hover, input#submit:hover { color:#000; }
  390.  
  391.  
  392. /* bugfix */
  393. .safari input { padding: 0px 3px; }
  394. .chrome input { padding: 1px 3px; }
  395.  
  396. /* Comments */
  397.  
  398. #comments {clear:both;}
  399. .comments-title-back {float:left;padding:10px;padding-left:0;margin-bottom:25px;}
  400. .comment-title {float:left;margin-right:12px;letter-spacing:0;}
  401. .comment-title-meta, .pings-title-meta {font: 23px "Vollkorn",serif;}
  402. .pings-title-meta {font-size:20px;letter-spacing:0px;}
  403. .no-comment {font-size:19px;color:#bbb;}
  404. .comment-feed-link {position:relative;top:10px;}
  405. .comment-list, .comment-list .children { list-style: none; }
  406. .comment-list { clear:both;margin:20px 4px 0 4px; }
  407. .comment, .trackback, .pingback { position:relative;margin-bottom: 30px;padding:15px;
  408.    
  409.   background: url("../images/divider-tile.png") repeat-x scroll left bottom transparent; }
  410.  
  411.  
  412.  
  413. .trackback, .pingback {padding:10px;margin:0 4px 20px 4px;font-style:italic;font-size:11px;}
  414. .pings-list {margin-bottom:30px;list-style:none outside none;}
  415. .comment-list .children { margin-top: 40px; }
  416. .comment-meta { margin-bottom: 30px;float:left;position:relative;top:7px;font-size:11px;color:#999; }
  417. .commenter { font-size: 18px;font-weight:bold;float:left;margin-right:10px;background:rgba(0, 0, 0, 0.03);padding:0 10px;border-radius: 50px 50px 50px 50px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9), 2px 2px 0 rgba(0, 0, 0, 0.1); }
  418. .commenter a:hover {border-bottom:none;}
  419. .comment-content {clear:left;}
  420. .edit-comment a {font-size:12px;color:#555;}
  421. a.comment-reply-link {padding-bottom:5px;padding-left:22px;background:url("../images/reply.gif") no-repeat 8px 4px;}
  422. a#cancel-comment-reply-link {margin-left:5px;padding-bottom:4px;padding-left:20px;background:url("../images/cancel-reply.png") no-repeat 0 0px;}
  423. .avatar { float: right; margin: 0px 0px 10px 20px;border:1px solid #fff;}
  424. a.follow-replies {background:url("../images/follow-replies.png") no-repeat 0 0;float:left;width:16px;height:15px;position:relative;top:12px;}
  425.  
  426.  
  427. #showinfo a, #hideinfo a, #logout a {margin-left:10px;position:relative;top:-5px;float:left;background:url("../images/change-close.png") no-repeat 0 0;width:83px;height:29px;}
  428. #hideinfo a {background-position:0 -28px;}
  429. #logout a {background-image:url("../images/logout.png");width:80px;}
  430.  
  431.  
  432.  
  433. .comment-unapproved {font-weight:bold;font-style:italic;color:#333;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear:both;border-color:#dbca8f; background:rgba(239,220,156,.9) url("../images/info.png") no-repeat 10px 8px;padding:13px 15px;padding-left:50px;border-width:1px;border-style:solid;      /*Box shadow*/
  434.         -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  435.                                                 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  436.             inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  437.                                                 0 1px 2px hsla(0, 0%, 0%, .1) !important  /*Shadow*/;
  438.         -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  439.                                         inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  440.           inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  441.                                         0 1px 2px hsla(0, 0%, 0%, .1) !important  /*Shadow*/;
  442.         box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
  443.                                 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
  444.         inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/,
  445.                                 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/;}
  446.  
  447.  
  448.  
  449. /* Comment Reply */
  450.  
  451. #reply-title {letter-spacing:0;margin-bottom:0;font-size:21px;font-weight:bold;text-shadow:0 1px 1px #eee;}
  452.  
  453. #respond {clear:both;margin-bottom:30px;padding:10px 0;}
  454.  
  455. #form-section-author, #form-section-email, #form-section-url {width:250px;height:23px;padding:8px;padding-top:9px;}
  456.  
  457.  
  458. #respond input#author, #respond input#url, #respond input#email, #respond textarea {display:block;border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  459. border:#fff 2px solid;  
  460.     background: rgba(255,255,255,.3);
  461.     -webkit-box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  462.     -moz-box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  463.     -box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  464.     box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  465. border:2px solid #fff;background:#fff;font-size:14px;}
  466.  
  467. #respond textarea {width:96%;padding:10px;}
  468.  
  469. #comment-form .form-section input { margin-right: 10px;background:none;border:none;width:240px; }
  470. .form-section { margin-bottom: 10px;position:relative; }
  471. .form-section label { cursor: pointer; }
  472. #commenter-details input { margin-right: 10px; }
  473. #allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
  474.  
  475. .text-field-top-left {background-image:url('../images/search-text-corners.png');left:0;top:0px;position:absolute;height:40px;width:14px;clip:rect(auto, 7px, 20px, auto);}
  476. .text-field-bottom-left {background-image:url('../images/search-text-corners.png');left:0;bottom:0px;position:absolute;height:40px;width:14px;clip:rect(20px, 7px, auto, auto);}
  477. .text-field-top-right {background-image:url('../images/search-text-corners.png');right:0;top:0px;position:absolute;height:40px;width:14px;clip:rect(auto, auto, 20px, 7px);}
  478. .text-field-bottom-right {background-image:url('../images/search-text-corners.png');right:0;bottom:0px;position:absolute;height:40px;width:14px;clip:rect(20px, auto, auto, 7px);}
  479. .text-field-top {background-image:url('../images/search-text-back.png');right:7px;left:7px;top:0px;position:absolute;height:40px;clip:rect(auto, auto, 20px, auto);}
  480. .text-field-bottom {background-image:url('../images/search-text-back.png');right:7px;left:7px;bottom:0px;position:absolute;height:40px;clip:rect(20px, auto, auto, auto);}
  481. .text-field-left {background-image:url('../images/field-text-left-right.png');left:0px;top:20px;bottom:20px;position:absolute;width:14px;clip:rect(auto, 7px, auto, auto);}
  482. .text-field-right {background-image:url('../images/field-text-left-right.png');right:0px;top:20px;bottom:20px;position:absolute;width:14px;clip:rect(auto, auto, auto, 7px);}
  483. .text-field-middle {left:7px;right:7px;top:20px;bottom:20px;position:absolute;background:#f9f9f9;}
  484.  
  485.  
  486. #submit-button {font-family:arial;text-shadow:0 1px 2px #111;font-weight:700;text-transform:uppercase;background:none;border:none;left:3px;top:3px;position:relative;z-index:1;height:35px;padding-top:5px; padding:0;width:94%;letter-spacing:-1px;font-size:17px;color:#ddd;}
  487. #submit-button:hover {color:#fff;}
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. /* Images */
  495.  
  496. .entry-content img, .entry-content .wp-caption {background:rgba(255,255,255,.4);max-width:608px;height:auto;padding:6px;border:1px dotted #ccc;}
  497. .entry-content img {max-width:606px;}
  498. .entry-content .thumbnail img { float:left;margin:0 10px 15px 0;max-width:220px;padding:6px;width:expression(document.body.clientWidth < 742? '220px' : document.body.clientWidth > 1000? '220px' : 'auto');}
  499.  
  500.  
  501. .post-thumbnail {position:relative;float:left;}
  502. span.roll {
  503. opacity:0;
  504. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  505. filter: alpha(opacity=0);
  506. -moz-opacity:0;
  507. -khtml-opacity:0;
  508. position:absolute;
  509. top:7px; left:7px;
  510. bottom:22px; right:17px;
  511. z-index: 10;
  512. box-shadow:0 0 100px rgba(0,0,0,.5) inset;
  513. -box-shadow:0 0 100px rgba(0,0,0,.5) inset;
  514. -moz-box-shadow:0 0 100px rgba(0,0,0,.5) inset;
  515. -webkit-box-shadow:0 0 100px rgba(0,0,0,.5) inset;
  516. }
  517.  
  518.  
  519. .entry-content .alignleft.wp-caption { margin: 5px 20px 10px 0; }
  520. .entry-content .alignright.wp-caption { margin: 5px 0 10px 20px; }
  521. .entry-content .aligncenter.wp-caption { margin: 5px auto 10px auto; }
  522.  
  523. .entry-content .wp-caption { text-align: center;padding:0;padding-top:5px;font-style:italic; }
  524. .wp-caption img { margin: 0; padding: 0; border: 0 none;-moz-box-shadow:none; }
  525. .wp-caption .wp-caption-text { margin: 0; padding: 5px; }
  526.  
  527. .wp-smiley {box-shadow:none !important; background:none !important;border:none!important;padding:0 !important;max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535. /* [gallery] */
  536. .gallery { margin: auto; }
  537.  
  538. .gallery-image { margin-left: 0; }
  539. .gallery-caption { margin-left: 0; font-size:11px;font-weight:bold; }
  540. .gallery-item { float: left; width: 33%; text-align: center; margin-left: 0; }
  541.  
  542.  
  543. /* Calendar */
  544.  
  545. table#wp-calendar {margin-bottom:0px;width:100%;}
  546. table#wp-calendar caption {margin-bottom:10px;font-size:17px;font-weight:bold;font-style:italic;text-align:right;}
  547. table#wp-calendar th, table#wp-calendar tbody tr td {padding:8px 3px;text-align:center;}
  548. table#wp-calendar th {}
  549. table#wp-calendar thead {background:none;}
  550. table#wp-calendar tbody {}
  551. table#wp-calendar tbody tr td {border-right:1px solid #fff;color:#aaa;text-shadow:0 1px 0 #fff;border-top:1px solid #fff;}
  552. table#wp-calendar tbody tr td.pad {}
  553. table#wp-calendar tfoot tr td {text-align:center;font-style:italic;}
  554.  
  555.  
  556. /* Navigation */
  557. .page-navigation .nav-next, .single-page-navigation .nav-next, .page-navigation .nav-previous, .single-page-navigation .nav-previous  { float:left;font-weight:bold;font-style:italic;font-size:22px;text-align:left;color:#777;text-shadow:0 1px 0px #fff; }
  558. .page-navigation .nav-previous {text-align:right;float:right; }
  559. .page-navigation .nav-next:hover, .single-page-navigation .nav-next:hover, .page-navigation .nav-previous:hover, .single-page-navigation .nav-previous:hover {text-shadow:0 1px 0 #222;color:#fff;}
  560. .single-page-navigation .nav-next { float: right;text-align:right;max-width:49%!important;}
  561. .single-page-navigation .nav-previous { float:left;text-align:left;max-width:49%!important;}
  562. .page-navigation .nav-previous a, .single-page-navigation .nav-previous a, .page-navigation .nav-next a, .single-page-navigation .nav-next a {border:1px solid #ddd;float:none;width:auto;white-space:normal;font-weight:normal;font-size:14px;color:#777;text-shadow:0 1px 0px #fff;text-decoration:none;padding:7px;  
  563. background:rgba(0,0,0,.02);-webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;
  564. }
  565. .page-navigation .nav-previous a:hover, .single-page-navigation .nav-previous a:hover, .page-navigation .nav-next a:hover, .single-page-navigation .nav-next a:hover {color:#f15305;}
  566. .page-navigation .nav-next a, .page-navigation .nav-previous a {font-size:14px;padding:3px 6px;}
  567.  
  568.  
  569. .single-page-navigation .nav-previous .nav-meta, .single-page-navigation .nav-next .nav-meta  {float:left;margin:0 8px;position:relative;top:-2px;}
  570. .single-page-navigation .nav-next .nav-meta {float:right;}
  571. .page-navigation .nav-next .nav-meta, .page-navigation .nav-previous .nav-meta {font-size:20px;margin:0 4px;position:relative;top:1px;line-height:10px;}
  572.  
  573. /* Page Navi */
  574.  
  575. .wp-pagenavi a, .wp-pagenavi span {font-weight:normal;font-size:14px;color:#999;-moz-border-radius:3px;-moz-box-shadow:0 1px 2px #ccc;text-shadow:0 1px 1px #fff;text-decoration:none;padding:7px;background:#f1f1f1;border:none !important;}
  576. .wp-pagenavi a:hover, .wp-pagenavi span.current {background:#fff;color:#333;}
  577. .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {font-weight:bold;}
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584. /* [gallery] + navigation clearfix */
  585. .gallery-row:after, .navigation-links:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  586. .gallery-row, .navigation-links, .container { display: block; }
  587. .container-header {margin-bottom:0px!important;}
  588. .container-menu {margin:0 auto;padding-bottom:10px;position:relative;z-index:99;}
  589. .container-center {margin:0px auto;}
  590. .container-footer {margin-bottom:0;position:relative;}
  591.  
  592.  
  593. /* Basic Alignments */
  594. .alignleft { float: left; }
  595. .alignright { float: right; }
  596. .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
  597.  
  598. /* Slider */
  599.  
  600. #slide_holder {height:150px;width:620px; position:relative;z-index:0; clear:both;float:left;}
  601. #slide_holder img {border:2px solid #ddd;background:#E0E1E5;padding:4px;margin-right:20px;float:left;max-width:100px;}
  602.  
  603.    
  604. #slide_holder p {font-size:13px;font-style:italic;text-shadow:0 1px 1px #eee;}
  605. #slide_holder .featured-title, #slide_holder .twitter-title {text-shadow:0 1px 0px #fff;font-size:30px;font-weight:bold;margin-bottom:10px;letter-spacing:-1px;}
  606. #slide_holder .featured-title a, #slide_holder .twitter-title {color:#888;font-style:italic;}
  607. #slide_holder .featured-title a:hover {color:#333;text-decoration:none;}
  608.  
  609.  
  610. .slide-container { width:620px; height:160px; overflow:hidden; position:relative; }
  611. div.slides { position:absolute; top:0; left:0; }
  612. ul.slides { width:620px;position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
  613. ul.slides li.slide {position:absolute; top:0px; width:620px;height:150px;display:none; padding:0 40px 0 0 ; margin:0; }
  614.  
  615.  
  616. .twitter-time {color:#888;}
  617. .twitter-status, .post-more {padding:5px 10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
  618. border-width:1px;border-style:solid;font-weight:bold;
  619.   border-color: #bbb; border-bottom-color: #999;text-align: center;text-shadow: 0 1px 0 #fff;
  620.    color: #777;
  621.     background: #f8f8f8;              
  622.     background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #fff),color-stop(1, #eee));
  623.     background: -moz-linear-gradient(center top,#fff 20%,#eee 100%);
  624.     background: -o-linear-gradient(top, #fff,#eee);
  625.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
  626.     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
  627.    }
  628.    
  629. a.post-more:hover {text-decoration:none;color:#111;}  
  630.  
  631.  
  632. /* Search */
  633.  
  634. #righttopcolumn {float:right;width:315px;position:relative;top:10px;}
  635.  
  636. #searchfield {position:absolute;top:-36px;right:0;
  637. border-radius: 30px; -moz-border-radius:30px; -webkit-border-radius:30px;
  638. border:#fff 2px solid;  
  639.     background: rgba(255,255,255,.3);
  640.     -webkit-box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  641.     -moz-box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  642.     -box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  643.     box-shadow:0 0 2px rgba(0,0,0,.25) inset;
  644.       }
  645.      
  646. #searchfield:after {position:absolute;bottom:-10px;
  647.     content: url(../images/search-arrow.png);
  648.     right:12px;
  649.     z-index: 0;}      
  650. #searchbutton {width:15px;float:right;margin:10px;height:16px;background:url("../images/search.png") no-repeat scroll left top transparent;}    
  651.    
  652. #searchtextbox {top:3px;float:left;}
  653. .widget-content #search-text-box {width:71%!important;}
  654. .widget-content #search-text {max-width:78%!important;}
  655. .widgets-holder .widget-content #search-text-box {width:71%;}
  656.  
  657.  
  658. #searchtext {
  659. position:relative;float:left;width:180px;z-index:0;font-weight:normal;font-style:italic;position:relative;z-index:1;top:3px;left:0px;height:15px;padding:5px 7px;font-size:13px;
  660. border:0;background:0;box-shadow:none;margin:0 5px 5px;
  661. }
  662. #comment-name_label, #comment-email_label, #comment-url_label, #comment-text_label {display:block;margin:0 6px 10px 0;_margin-right:0;position:relative;z-index:12;}
  663. #comment-name_label, #comment-email_label, #comment-url_label {height:31px !important;}
  664. #comment-name_label span, #comment-email_label span, #comment-url_label span, #comment-text_label span {color:#444444;cursor:text;display:block;font-size:13px;font-weight:bold;height:32px;margin-bottom:-32px;top:2px;width:100%;padding:0 4px;position:relative;z-index:10;}
  665. #comment-text_label span {top:11px;padding:0 11px;font-size:18px;}
  666.  
  667.  
  668. /* Ads */
  669.  
  670. .ad-1 {float:right;margin-left:10px;overflow:hidden;}
  671. .ad-2 {clear:both;text-align:center;margin:10px 0 15px 0;overflow:hidden;}
  672. .ad-7, .ad-8 {text-align:center;margin:25px 0;clear:both;overflow:hidden;}
  673. .ad-3, .ad-4, .ad-5, .ad-6, .ad-9 {text-align:center;margin-bottom:25px;overflow:hidden;}
  674.  
  675.  
  676. /* Subscribe/Follow Buttons */
  677.  
  678. .social-title {color:#555;font-weight:bold;font-style:italic;float:left;font-size:20px;letter-spacing:-1px;margin-right:10px;text-shadow:0 1px 2px #fff;}
  679.  
  680. #rss, #email-newsletter, #facebook, #twitter, #myspace, #skype, #youtube, #flickr, #linkedin, #plus {background:url("../images/social-buttons.png") no-repeat scroll left top transparent;display:block;font:italic 13px arial;height:32px;margin-right:5px;width:32px;}
  681. #email-newsletter {background-position:0 -32px;}
  682. #facebook {background-position:0 -96px;}
  683. #twitter {background-position:0 -64px;}
  684. #plus {background-position:0 -128px;}
  685. #myspace {background-position:0 -160px;}
  686. #skype {background-position:0 -192px;}
  687. #youtube {background-position:0 -224px;}
  688. #flickr {background-position:0 -256px;}
  689. #linkedin {background-position:0 -288px;}
  690.  
  691. .social-buttons {position:relative;float:left;z-index:0;}
  692.  
  693.  
  694. div.sc_menu {position: relative;z-index:0;height: 32px;width: auto;}
  695. ul.sc_menu {display: block;height: 32px;padding: 0 0 0 10px;margin: 0;list-style: none;}
  696. .sc_menu li {display: block;float: left;padding: 0;}
  697.  
  698.  
  699.  
  700. /* Tipsy */
  701.  
  702. .tipsy { padding: 5px 8px; font-size: 10px; position: absolute; z-index: 950; }
  703. .tipsy small {color:#777;}
  704.   .tipsy-inner { font-weight:bold;border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-color: #BBBBBB #BBBBBB #999999;
  705.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  706.     -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  707.       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  708.         -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  709.     border-style: solid;
  710.     border-width: 1px;
  711.     background: -moz-linear-gradient(center top , #FFFFFF 20%, #EEEEEE 100%) repeat scroll 0 0 transparent;
  712.    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #FFFFFF),color-stop(1, #EEEEEE)) !important;
  713.     background: -o-linear-gradient(top, #FFFFFF,#EEEEEE) !important;
  714.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');    
  715.     text-shadow: 0 1px 0 #fff;color:#000;margin-top:2px;padding:5px 10px; max-width: 200px; text-align: center; }
  716.   .tipsy-n .tipsy-arrow { position:absolute;height:8px;width:9px;top:-0px; left: 50%; margin-left: -5px;background:url('../images/tipsy.png') no-repeat 0 0px; }
  717.  
  718.  
  719. /* Back to Top Button */
  720.  
  721. #backtotop {display:block;display:none;z-index:999;position:fixed;top:100%;margin-top:-40px;opacity: .9;margin-left:-70px;text-align: center;
  722. color:#777;font:bold italic 11px georgia;text-shadow:0 1px 0px #fff;padding: 6px 8px; cursor: pointer;
  723. -webkit-border-radius:15px;-moz-border-radius:15px;-border-radius:15px;border-radius:15px;border:1px solid #fff;
  724. background:#eee;
  725. background:-moz-linear-gradient(center top , #fff 20%, #eee 100%) repeat scroll 0 0 transparent;
  726.    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #606060),color-stop(1, #505050)) !important;
  727.     background: -o-linear-gradient(top, #606060,#505050) !important;
  728.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#505050');
  729. -webkit-box-shadow:   0 1px 2px rgba(0, 0, 0, 0.29) inset;
  730. -moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29) inset;
  731. -box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29) inset;
  732. box-shadow:  0 1px 2px rgba(0, 0, 0, 0.29) inset;}
  733. #backtotop a { color:#777;display: block;}
  734. #backtotop a:hover {text-decoration:none;color:#111;}
  735. #backtotop:hover {opacity:1;}
  736. #backtotop .top-icon {padding-left:13px;background:url('../images/reply.gif') no-repeat 0 4px;}  
  737.  
  738. /* Share This Buttons */
  739.  
  740. .share-this {margin-bottom:30px;padding:10px 0 14px 0;float:left;}
  741. .share-this a {text-transform:uppercase;color:#777;font-size:11px;padding:5px 0;font-weight:bold; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9), 2px 2px 0 rgba(0, 0, 0, 0.1);}
  742. .share-this a:hover {color:#333;text-decoration:none;}
  743. .share-img {position:relative;top:6px;margin-right:10px;}
  744. .more-options {position:relative;top:0px;left:8px;}
  745.  
  746. a.share-twitter:hover {color:darkcyan;}
  747. a.share-facebook:hover {color:blue;}
  748. a.share-delicious:hover {background-position:0 -59px;}
  749. a.share-stumble:hover {color:green;}
  750. a.share-email:hover {background-position:0 -121px;}
  751.  
  752. /* Ads Spaces */
  753.  
  754. .ad-space {border:2px solid #454545;margin:5px;-moz-box-shadow:0 1px 4px #999;-moz-border-radius:4px;text-shadow:0 1px 1px #333;color:#999;font-style:italic;background:#555;padding:20px;text-align:center;}
  755. .ad-space h3 {color:#999;font-size:18px;line-height:20px;padding:0;letter-spacing:-1px;text-shadow:0 1px 1px #333}
  756. .ad-space:hover {background:#333;color:#eee;}
  757. .space-2 {width:915px;margin-left:auto;margin-right:auto;}
clone this paste RAW Paste Data