API tools faq
paste
Advertisement
Guest User

Pureline Base.CSS

a guest
Jan 27th, 2013
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.52 KB | None | 0 0
raw download clone embed print report
  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;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!