You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@spark.apache.org by an...@apache.org on 2013/08/23 19:17:55 UTC
svn commit: r1516937 [1/3] - in /incubator/spark: ./ _includes/ _layouts/
_plugins/ css/ images/ news/ news/_posts/ releases/ releases/_posts/
screencasts/ screencasts/_posts/ site/ talks/
Author: andrew
Date: Fri Aug 23 17:17:53 2013
New Revision: 1516937
URL: http://svn.apache.org/r1516937
Log:
Initial port of Spark website from spark-project.org wordpress to Jekyll.
Added:
incubator/spark/README.md
incubator/spark/_config.yml
incubator/spark/_includes/
incubator/spark/_includes/footer.html
incubator/spark/_includes/navbar.html
incubator/spark/_layouts/
incubator/spark/_layouts/global.html
incubator/spark/_layouts/post.html
incubator/spark/_plugins/
incubator/spark/_plugins/sidebar.rb
incubator/spark/_plugins/site_navigation.rb
incubator/spark/css/
incubator/spark/css/pygments-default.css
incubator/spark/css/style.css
incubator/spark/documentation.md
incubator/spark/downloads.md
incubator/spark/examples.md
incubator/spark/faq.md
incubator/spark/favicon.ico (with props)
incubator/spark/images/
incubator/spark/images/amplab-small.png (with props)
incubator/spark/images/download.png (with props)
incubator/spark/images/spark-lr.png (with props)
incubator/spark/images/spark-project-header1.png (with props)
incubator/spark/index.md
incubator/spark/mailing-lists.md
incubator/spark/news/
incubator/spark/news/_posts/
incubator/spark/news/_posts/2012-01-10-spark-meetups.html
incubator/spark/news/_posts/2012-04-25-nsdi-paper.html
incubator/spark/news/_posts/2012-10-15-spark-version-0-6-0-released.html
incubator/spark/news/_posts/2012-11-22-spark-0-6-1-and-0-5-2-released.html
incubator/spark/news/_posts/2012-12-21-spark-and-shark-in-the-news.html
incubator/spark/news/_posts/2012-12-21-video-from-first-spark-development-meetup.html
incubator/spark/news/_posts/2013-01-12-spark-tips-from-quantifind.html
incubator/spark/news/_posts/2013-02-07-spark-0-6-2-released.html
incubator/spark/news/_posts/2013-02-24-run-spark-and-shark-on-amazon-emr.html
incubator/spark/news/_posts/2013-02-27-spark-0-7-0-released.html
incubator/spark/news/_posts/2013-03-17-strata-exercises-now-available-online.html
incubator/spark/news/_posts/2013-04-16-spark-screencasts-published.html
incubator/spark/news/_posts/2013-06-02-spark-0-7-2-released.html
incubator/spark/news/_posts/2013-06-21-spark-accepted-into-apache-incubator.html
incubator/spark/news/_posts/2013-06-21-spark-featured-in-wired.html
incubator/spark/news/_posts/2013-07-16-spark-0-7-3-released.html
incubator/spark/news/_posts/2013-07-22-spark-mailing-lists-moving-to-apache.html
incubator/spark/news/_posts/2013-07-23-amp-camp-2013-registration-ope.html
incubator/spark/news/index.md
incubator/spark/releases/
incubator/spark/releases/_posts/
incubator/spark/releases/_posts/2011-07-14-spark-release-0-3.md
incubator/spark/releases/_posts/2012-06-12-spark-release-0-5-0.md
incubator/spark/releases/_posts/2012-10-11-spark-release-0-5-1.md
incubator/spark/releases/_posts/2012-10-15-spark-release-0-6-0.md
incubator/spark/releases/_posts/2012-11-22-spark-release-0-5-2.md
incubator/spark/releases/_posts/2012-11-22-spark-release-0-6-1.md
incubator/spark/releases/_posts/2013-02-07-spark-release-0-6-2.md
incubator/spark/releases/_posts/2013-02-27-spark-release-0-7-0.md
incubator/spark/releases/_posts/2013-06-02-spark-release-0-7-2.md
incubator/spark/releases/_posts/2013-07-16-spark-release-0-7-3.md
incubator/spark/research.md
incubator/spark/screencasts/
incubator/spark/screencasts/_posts/
incubator/spark/screencasts/_posts/2013-04-10-1-first-steps-with-spark.html
incubator/spark/screencasts/_posts/2013-04-11-2-spark-documentation-overview.html
incubator/spark/screencasts/_posts/2013-04-16-3-transformations-and-caching.html
incubator/spark/talks/
incubator/spark/talks/overview.pdf (with props)
incubator/spark/talks/overview.pptx (with props)
incubator/spark/talks/strata_spark_streaming.pdf (with props)
incubator/spark/talks/strata_spark_streaming.ppt (with props)
Modified:
incubator/spark/site/index.html
Added: incubator/spark/README.md
URL: http://svn.apache.org/viewvc/incubator/spark/README.md?rev=1516937&view=auto
==============================================================================
--- incubator/spark/README.md (added)
+++ incubator/spark/README.md Fri Aug 23 17:17:53 2013
@@ -0,0 +1,24 @@
+Welcome to the Spark website.
+
+## Generating the website HTML
+
+In this directory you will find text files formatted using Markdown, with an ".md" suffix.
+
+You can generate the html version of these files by (installing and) running `jekyll build` (for newer versions of Jekyll) or just `jekyll` (for older versions) in this directory.
+
+The easiest way to install jekyll is via a Ruby Gem. This will create a directory called `site` containing index.html as well as the rest of the compiled directories and files. Read more about Jekyll at http://jekyllrb.com/docs
+
+In addition to generating the site as html from the markdown files, jekyll can serve the site via a webserver. To build and run a webserver use the command `jekyll serve` (or --serve for older ones) which runs the webserver on port 4000, then visit the site at http://localhost:4000.
+
+## Pygments
+
+We also use pygments (http://pygments.org) for syntax highlighting in documentation markdown pages.
+
+To mark a block of code in your markdown to be syntax highlighted by jekyll during the compile phase, use the following syntax:
+
+ {% highlight scala %}
+ // Your scala code goes here, you can replace scala with many other
+ // supported languages too.
+ {% endhighlight %}
+
+ You probably don't need to install that unless you want to regenerate the pygments css file. It requires Python, and can be installed by running `sudo easy_install Pygments`.
\ No newline at end of file
Added: incubator/spark/_config.yml
URL: http://svn.apache.org/viewvc/incubator/spark/_config.yml?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_config.yml (added)
+++ incubator/spark/_config.yml Fri Aug 23 17:17:53 2013
@@ -0,0 +1,12 @@
+pygments: true
+markdown: kramdown
+permalink: none
+destination: site
+
+# The recommended way of viewing the website on your local machine is via jekyll using
+# a webserver, e.g. with a command like: jekyll serve --watch --trace
+# To compile the website such that it is viewable in a sane way via a file browser
+# replace '/' here with the url that represents the website root dir in your file browser.
+# E.g. on OS X this might be:
+#url: file:///Users/andyk/Development/spark/website/site/
+url: /
Added: incubator/spark/_includes/footer.html
URL: http://svn.apache.org/viewvc/incubator/spark/_includes/footer.html?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_includes/footer.html (added)
+++ incubator/spark/_includes/footer.html Fri Aug 23 17:17:53 2013
@@ -0,0 +1,6 @@
+<footer id="colophon" role="contentinfo">
+ <div id="site-generator">
+ <p>Spark is an open source project developed at the UC Berkeley <a href="https://amplab.cs.berkeley.edu">AMPLab</a>.</p>
+ <a class="amp-logo" style="background:url({{site.url}}images/amplab-small.png)" href="https://amplab.cs.berkeley.edu/" title="Brought to you by the UC Berkeley AMPLab." rel="generator"><!--Brought to you by the UC Berkeley AMPLab--> </a>
+ </div>
+</footer><!-- #colophon -->
Added: incubator/spark/_includes/navbar.html
URL: http://svn.apache.org/viewvc/incubator/spark/_includes/navbar.html?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_includes/navbar.html (added)
+++ incubator/spark/_includes/navbar.html Fri Aug 23 17:17:53 2013
@@ -0,0 +1,23 @@
+<header id="branding" role="banner">
+ <hgroup>
+ <h1 id="site-title"><span><a href="{{site.url}}" title="Spark" rel="home">Spark</a></span></h1>
+ <h2 id="site-description">Lightning-Fast Cluster Computing</h2>
+ </hgroup>
+
+ <a href="{{site.url}}">
+ <img src="{{site.url}}images/spark-project-header1.png" width="1000" height="220" alt="Spark: Lightning-Fast Cluster Computing" title="Spark: Lightning-Fast Cluster Computing" />
+ </a>
+
+ <nav id="access" role="navigation">
+ <h3 class="assistive-text">Main menu</h3>
+ <div class="menu-main-menu-container">
+ <ul id="menu-main-menu" class="menu">
+ {% for p in site.navigation %}
+ <li class="menu-item menu-item-type-post_type menu-item-object-page {% if p.title == page.title %}current-menu-item{% endif %}">
+ <a href="{{site.url}}{{p.url | replace:'/',''}}">{{p.title}}</a>
+ </li>
+ {% endfor %}
+ </ul></div>
+ </nav><!-- #access -->
+</header><!-- #branding -->
+
Added: incubator/spark/_layouts/global.html
URL: http://svn.apache.org/viewvc/incubator/spark/_layouts/global.html?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_layouts/global.html (added)
+++ incubator/spark/_layouts/global.html Fri Aug 23 17:17:53 2013
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--[if IE 6]>
+<html id="ie6" dir="ltr" lang="en-US">
+<![endif]-->
+<!--[if IE 7]>
+<html id="ie7" dir="ltr" lang="en-US">
+<![endif]-->
+<!--[if IE 8]>
+<html id="ie8" dir="ltr" lang="en-US">
+<![endif]-->
+<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
+<html dir="ltr" lang="en-US">
+<!--<![endif]-->
+<head>
+ <link rel="shortcut icon" href="favicon.ico" />
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width" />
+ <title>{{page.title}} | Spark</title>
+
+ <link rel="stylesheet" type="text/css" media="all" href="{{site.url}}css/style.css" />
+ <link rel="stylesheet" href="{{site.url}}css/pygments-default.css">
+
+ <script type="text/javascript">//<![CDATA[
+ // Google Analytics for WordPress by Yoast v4.2.8 | http://yoast.com/wordpress/google-analytics/
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-32518208-1']);
+ _gaq.push(['_trackPageview']);
+ (function () {
+ var ga = document.createElement('script');
+ ga.type = 'text/javascript';
+ ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0];
+ s.parentNode.insertBefore(ga, s);
+ })();
+ //]]></script>
+
+ <link rel='canonical' href='{{site.url}}index.html' />
+
+ <style type="text/css">
+ #site-title,
+ #site-description {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ }
+ </style>
+ <style type="text/css" id="custom-background-css">
+ body.custom-background { background-color: #f1f1f1; }
+ </style>
+</head>
+
+<!--body class="page {% if page.sidebar %}two-column right-sidebar{% else %}singular{% endif%}"-->
+<body class="{{page.type}}">
+<div id="page" class="hfeed">
+
+ {% include navbar.html %}
+
+ <div id="main">
+ <div id="primary">
+ <div id="content" role="main">
+ {% if page.type contains 'archive' %}
+ {{ content }}
+ {% else %}
+ <article class="page type-page status-publish hentry">
+ {{ content }}
+ </article><!-- #post -->
+ {% endif %}
+ </div><!-- #content -->
+ {% if page.sidebar %}
+ <div id="secondary" class="widget-area" role="complementary">
+ {{ page.sidebar | markdownify }}
+ </div>
+ {% endif %}
+ {% include footer.html %}
+ </div><!-- #primary -->
+ </div><!-- #main -->
+</div><!-- #page -->
+
+
+</body>
+</html>
Added: incubator/spark/_layouts/post.html
URL: http://svn.apache.org/viewvc/incubator/spark/_layouts/post.html?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_layouts/post.html (added)
+++ incubator/spark/_layouts/post.html Fri Aug 23 17:17:53 2013
@@ -0,0 +1,8 @@
+---
+layout: global
+type: singular
+---
+<h2>{{page.title}}</h2>
+
+
+{{content}}
\ No newline at end of file
Added: incubator/spark/_plugins/sidebar.rb
URL: http://svn.apache.org/viewvc/incubator/spark/_plugins/sidebar.rb?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_plugins/sidebar.rb (added)
+++ incubator/spark/_plugins/sidebar.rb Fri Aug 23 17:17:53 2013
@@ -0,0 +1,16 @@
+module Liquid
+ class SidebarBlock < Liquid::Block
+ alias :super_render :render
+
+ def initialize(tag_name, identifier, tokens)
+ super
+ end
+
+ def render(context)
+ context.environments.first["page"]["sidebar"] = super_render(context)
+ ''
+ end
+ end
+end
+puts "registering new sidebar template"
+Liquid::Template.register_tag('sidebar', Liquid::SidebarBlock)
\ No newline at end of file
Added: incubator/spark/_plugins/site_navigation.rb
URL: http://svn.apache.org/viewvc/incubator/spark/_plugins/site_navigation.rb?rev=1516937&view=auto
==============================================================================
--- incubator/spark/_plugins/site_navigation.rb (added)
+++ incubator/spark/_plugins/site_navigation.rb Fri Aug 23 17:17:53 2013
@@ -0,0 +1,36 @@
+module Jekyll
+
+ class SiteNavigation < Jekyll::Generator
+ safe true
+ priority :lowest
+
+ def generate(site)
+
+ # First remove all invisible items (default: nil = show in nav)
+ unsorted = []
+ site.pages.each do |page|
+ if not page.data["navigation"].nil?
+ if not page.data["navigation"]["show"].nil?
+ unsorted << page if page.data["navigation"]["show"] != false
+ else
+ puts "no show under nav on " + page.data["title"]
+ end
+ else
+ puts "no nav on page " + page.data["title"]
+ end
+ end
+
+ # Then sort em according to weight
+ sorted = unsorted.sort{ |a,b| a.data["navigation"]["weight"] <=> b.data["navigation"]["weight"] }
+
+ # Debug info.
+ puts "Sorted resulting navigation: (use site.config['sorted_navigation']) "
+ sorted.each do |p|
+ puts p.inspect
+ end
+
+ # Access this in Liquid using: site.navigation
+ site.config["navigation"] = sorted
+ end
+ end
+end
\ No newline at end of file
Added: incubator/spark/css/pygments-default.css
URL: http://svn.apache.org/viewvc/incubator/spark/css/pygments-default.css?rev=1516937&view=auto
==============================================================================
--- incubator/spark/css/pygments-default.css (added)
+++ incubator/spark/css/pygments-default.css Fri Aug 23 17:17:53 2013
@@ -0,0 +1,74 @@
+/*
+This style sheet copied from Spark docs dir.
+Documentation for pygments (and Jekyll for that matter) is super sparse.
+To generate this, I had to run
+ `pygmentize -S default -f html > pygments-default.css`
+But first I had to install pygments via easy_install pygments
+
+Also, I was thrown off for a while at first when I was using markdown
+code block inside my {% highlight scala %} ... {% endhighlight %} tags
+(I was using 4 spaces for this), when it turns out that pygments will
+insert the code (or pre?) tags for you.
+*/
+
+.hll { background-color: #ffffcc }
+.c { color: #60a0b0; font-style: italic } /* Comment */
+.err { } /* Error */
+.k { color: #007020; font-weight: bold } /* Keyword */
+.o { color: #666666 } /* Operator */
+.cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
+.cp { color: #007020 } /* Comment.Preproc */
+.c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
+.cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
+.gd { color: #A00000 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #FF0000 } /* Generic.Error */
+.gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.gi { color: #00A000 } /* Generic.Inserted */
+.go { color: #808080 } /* Generic.Output */
+.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.gt { color: #0040D0 } /* Generic.Traceback */
+.kc { color: #007020; font-weight: bold } /* Keyword.Constant */
+.kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
+.kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
+.kp { color: #007020 } /* Keyword.Pseudo */
+.kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
+.kt { color: #902000 } /* Keyword.Type */
+.m { color: #40a070 } /* Literal.Number */
+.s { color: #4070a0 } /* Literal.String */
+.na { color: #4070a0 } /* Name.Attribute */
+.nb { color: #007020 } /* Name.Builtin */
+.nc { color: #0e84b5; font-weight: bold } /* Name.Class */
+.no { color: #60add5 } /* Name.Constant */
+.nd { color: #555555; font-weight: bold } /* Name.Decorator */
+.ni { color: #d55537; font-weight: bold } /* Name.Entity */
+.ne { color: #007020 } /* Name.Exception */
+.nf { color: #06287e } /* Name.Function */
+.nl { color: #002070; font-weight: bold } /* Name.Label */
+.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
+.nt { color: #062873; font-weight: bold } /* Name.Tag */
+.nv { color: #bb60d5 } /* Name.Variable */
+.ow { color: #007020; font-weight: bold } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mf { color: #40a070 } /* Literal.Number.Float */
+.mh { color: #40a070 } /* Literal.Number.Hex */
+.mi { color: #40a070 } /* Literal.Number.Integer */
+.mo { color: #40a070 } /* Literal.Number.Oct */
+.sb { color: #4070a0 } /* Literal.String.Backtick */
+.sc { color: #4070a0 } /* Literal.String.Char */
+.sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
+.s2 { color: #4070a0 } /* Literal.String.Double */
+.se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
+.sh { color: #4070a0 } /* Literal.String.Heredoc */
+.si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
+.sx { color: #c65d09 } /* Literal.String.Other */
+.sr { color: #235388 } /* Literal.String.Regex */
+.s1 { color: #4070a0 } /* Literal.String.Single */
+.ss { color: #517918 } /* Literal.String.Symbol */
+.bp { color: #007020 } /* Name.Builtin.Pseudo */
+.vc { color: #bb60d5 } /* Name.Variable.Class */
+.vg { color: #bb60d5 } /* Name.Variable.Global */
+.vi { color: #bb60d5 } /* Name.Variable.Instance */
+.il { color: #40a070 } /* Literal.Number.Integer.Long */
\ No newline at end of file
Added: incubator/spark/css/style.css
URL: http://svn.apache.org/viewvc/incubator/spark/css/style.css?rev=1516937&view=auto
==============================================================================
--- incubator/spark/css/style.css (added)
+++ incubator/spark/css/style.css Fri Aug 23 17:17:53 2013
@@ -0,0 +1,3107 @@
+/*
+Theme Name: Twenty Eleven
+Theme URI: http://wordpress.org/extend/themes/twentyeleven
+Author: the WordPress team
+Author URI: http://wordpress.org/
+Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
+Version: 1.4
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
+Text Domain: twentyeleven
+*/
+
+/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
+-------------------------------------------------------------- */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ border: 0;
+ font-family: inherit;
+ font-size: 100%;
+ font-style: inherit;
+ font-weight: inherit;
+ margin: 0;
+ outline: 0;
+ padding: 0;
+ vertical-align: baseline;
+}
+:focus {/* remember to define focus styles! */
+ outline: 0;
+}
+body {
+ background: #fff;
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+table {/* tables still need 'cellspacing="0"' in the markup */
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ font-weight: normal;
+ text-align: left;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: "";
+}
+blockquote, q {
+ quotes: "" "";
+}
+a img {
+ border: 0;
+}
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+
+/* =Structure
+----------------------------------------------- */
+
+body {
+ padding: 0 2em;
+}
+#page {
+ margin: 2em auto;
+ max-width: 1000px;
+}
+#branding hgroup {
+ margin: 0 7.6%;
+}
+#access div {
+ margin: 0 7.6%;
+}
+#primary {
+ float: left;
+ margin: 0 -26.4% 0 0;
+ width: 100%;
+}
+#content {
+ margin: 0 34% 0 7.6%;
+ width: 58.4%;
+}
+#secondary {
+ float: right;
+ margin-right: 7.6%;
+ width: 18.8%;
+}
+
+/* Singular */
+.singular #primary {
+ margin: 0;
+}
+.singular #content,
+.left-sidebar.singular #content {
+ margin: 0 7.6%;
+ position: relative;
+ width: auto;
+}
+.singular .entry-header,
+.singular .entry-content,
+.singular footer.entry-meta,
+.singular #comments-title {
+ margin: 0 auto;
+ width: 68.9%;
+}
+
+/* Attachments */
+.singular .image-attachment .entry-content {
+ margin: 0 auto;
+ width: auto;
+}
+.singular .image-attachment .entry-description {
+ margin: 0 auto;
+ width: 68.9%;
+}
+
+/* Showcase */
+.page-template-showcase-php #primary,
+.left-sidebar.page-template-showcase-php #primary {
+ margin: 0;
+}
+.page-template-showcase-php #content,
+.left-sidebar.page-template-showcase-php #content {
+ margin: 0 7.6%;
+ width: auto;
+}
+.page-template-showcase-php section.recent-posts {
+ float: right;
+ margin: 0 0 0 31%;
+ width: 69%;
+}
+.page-template-showcase-php #main .widget-area {
+ float: left;
+ margin: 0 -22.15% 0 0;
+ width: 22.15%;
+}
+
+/* error404 */
+.error404 #primary {
+ float: none;
+ margin: 0;
+}
+.error404 #primary #content {
+ margin: 0 7.6%;
+ width: auto;
+}
+
+/* Alignment */
+.alignleft {
+ display: inline;
+ float: left;
+ margin-right: 1.625em;
+}
+.alignright {
+ display: inline;
+ float: right;
+ margin-left: 1.625em;
+}
+.aligncenter {
+ clear: both;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Right Content */
+.left-sidebar #primary {
+ float: right;
+ margin: 0 0 0 -26.4%;
+ width: 100%;
+}
+.left-sidebar #content {
+ margin: 0 7.6% 0 34%;
+ width: 58.4%;
+}
+.left-sidebar #secondary {
+ float: left;
+ margin-left: 7.6%;
+ margin-right: 0;
+ width: 18.8%;
+}
+
+/* One column */
+.one-column #page {
+ max-width: 690px;
+}
+.one-column #content {
+ margin: 0 7.6%;
+ width: auto;
+}
+.one-column #nav-below {
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 1.625em;
+}
+.one-column #secondary {
+ float: none;
+ margin: 0 7.6%;
+ width: auto;
+}
+/* Simplify the showcase template */
+.one-column .page-template-showcase-php section.recent-posts {
+ float: none;
+ margin: 0;
+ width: 100%;
+}
+.one-column .page-template-showcase-php #main .widget-area {
+ float: none;
+ margin: 0;
+ width: auto;
+}
+.one-column .page-template-showcase-php .other-recent-posts {
+ border-bottom: 1px solid #ddd;
+}
+/* Simplify the showcase template when small feature */
+.one-column section.featured-post .attachment-small-feature {
+ border: none;
+ display: block;
+ height: auto;
+ max-width: 60%;
+ position: static;
+}
+.one-column article.feature-image.small {
+ margin: 0 0 1.625em;
+ padding: 0;
+}
+.one-column article.feature-image.small .entry-title {
+ font-size: 20px;
+ line-height: 1.3em;
+}
+.one-column article.feature-image.small .entry-summary {
+ height: 150px;
+ overflow: hidden;
+ padding: 0;
+ text-overflow: ellipsis;
+}
+.one-column article.feature-image.small .entry-summary a {
+ left: -9%;
+}
+/* Remove the margin on singular articles */
+.one-column.singular .entry-header,
+.one-column.singular .entry-content,
+.one-column.singular footer.entry-meta,
+.one-column.singular #comments-title {
+ width: 100%;
+}
+/* Simplify the pullquotes and pull styles */
+.one-column.singular blockquote.pull {
+ margin: 0 0 1.625em;
+}
+.one-column.singular .pull.alignleft {
+ margin: 0 1.625em 0 0;
+}
+.one-column.singular .pull.alignright {
+ margin: 0 0 0 1.625em;
+}
+.one-column.singular .entry-meta .edit-link a {
+ position: absolute;
+ left: 0;
+ top: 40px;
+}
+.one-column.singular #author-info {
+ margin: 2.2em -8.8% 0;
+ padding: 20px 8.8%;
+}
+/* Make sure we have room for our comment avatars */
+.one-column .commentlist > li.comment {
+ margin-left: 102px;
+ width: auto;
+}
+/* Make sure the logo and search form don't collide */
+.one-column #branding #searchform {
+ right: 40px;
+ top: 4em;
+}
+/* Talking avatars take up too much room at this size */
+.one-column .commentlist > li.comment {
+ margin-left: 0;
+}
+.one-column .commentlist > li.comment .comment-meta,
+.one-column .commentlist > li.comment .comment-content {
+ margin-right: 85px;
+}
+.one-column .commentlist .avatar {
+ background: transparent;
+ display: block;
+ padding: 0;
+ top: 1.625em;
+ left: auto;
+ right: 1.625em;
+}
+.one-column .commentlist .children .avatar {
+ background: none;
+ padding: 0;
+ position: absolute;
+ top: 2.2em;
+ left: 2.2em;
+}
+.one-column #respond {
+ width: auto;
+}
+
+
+/* =Global
+----------------------------------------------- */
+
+body, input, textarea {
+ color: #373737;
+ font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: 300;
+ line-height: 1.625;
+}
+body {
+ background: #e2e2e2;
+}
+#page {
+ background: #fff;
+}
+
+/* Headings */
+h1,h2,h3,h4,h5,h6 {
+ clear: both;
+}
+hr {
+ background-color: #ccc;
+ border: 0;
+ height: 1px;
+ margin-bottom: 1.625em;
+}
+
+/* Text elements */
+p {
+ margin-bottom: 1.625em;
+}
+ul, ol {
+ margin: 0 0 1.625em 2.5em;
+}
+ul {
+ list-style: square;
+}
+ol {
+ list-style-type: decimal;
+}
+ol ol {
+ list-style: upper-alpha;
+}
+ol ol ol {
+ list-style: lower-roman;
+}
+ol ol ol ol {
+ list-style: lower-alpha;
+}
+ul ul, ol ol, ul ol, ol ul {
+ margin-bottom: 0;
+}
+dl {
+ margin: 0 1.625em;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-bottom: 1.625em;
+}
+strong {
+ font-weight: bold;
+}
+cite, em, i {
+ font-style: italic;
+}
+blockquote {
+ font-family: Georgia, "Bitstream Charter", serif;
+ font-style: italic;
+ font-weight: normal;
+ margin: 0 3em;
+}
+blockquote em, blockquote i, blockquote cite {
+ font-style: normal;
+}
+blockquote cite {
+ color: #666;
+ font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: 300;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+}
+pre {
+ background: #f4f4f4;
+ font: 13px "Courier 10 Pitch", Courier, monospace;
+ line-height: 1.5;
+ margin-bottom: 1.625em;
+ overflow: auto;
+ padding: 0.75em 1.625em;
+}
+code, kbd, samp, var {
+ font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+}
+abbr, acronym, dfn {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+address {
+ display: block;
+ margin: 0 0 1.625em;
+}
+ins {
+ background: #fff9c0;
+ text-decoration: none;
+}
+sup,
+sub {
+ font-size: 10px;
+ height: 0;
+ line-height: 1;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ bottom: 1ex;
+}
+sub {
+ top: .5ex;
+}
+
+/* Forms */
+input[type=text],
+input[type=password],
+textarea {
+ background: #fafafa;
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
+ border: 1px solid #ddd;
+ color: #888;
+}
+input[type=text]:focus,
+textarea:focus {
+ color: #373737;
+}
+textarea {
+ padding-left: 3px;
+ width: 98%;
+}
+input[type=text] {
+ padding: 3px;
+}
+input#s {
+ background: url(images/search.png) no-repeat 5px 6px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ font-size: 14px;
+ height: 22px;
+ line-height: 1.2em;
+ padding: 4px 10px 4px 28px;
+}
+input#searchsubmit {
+ display: none;
+}
+
+/* Links */
+a {
+ color: #1982d1;
+ text-decoration: none;
+}
+a:focus,
+a:active,
+a:hover {
+ text-decoration: underline;
+}
+
+/* Assistive text */
+.assistive-text {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+}
+#access a.assistive-text:active,
+#access a.assistive-text:focus {
+ background: #eee;
+ border-bottom: 1px solid #ddd;
+ color: #1982d1;
+ clip: auto !important;
+ font-size: 12px;
+ position: absolute;
+ text-decoration: underline;
+ top: 0;
+ left: 7.6%;
+}
+
+
+/* =Header
+----------------------------------------------- */
+
+#branding {
+ border-top: 2px solid #bbb;
+ padding-bottom: 10px;
+ position: relative;
+ z-index: 9999;
+}
+#site-title {
+ margin-right: 270px;
+ padding: 3.65625em 0 0;
+}
+#site-title a {
+ color: #111;
+ font-size: 30px;
+ font-weight: bold;
+ line-height: 36px;
+ text-decoration: none;
+}
+#site-title a:hover,
+#site-title a:focus,
+#site-title a:active {
+ color: #1982d1;
+}
+#site-description {
+ color: #7a7a7a;
+ font-size: 14px;
+ margin: 0 270px 3.65625em 0;
+}
+#branding img {
+ height: auto;
+ margin-bottom: -7px;
+ width: 100%;
+}
+
+
+/* =Menu
+-------------------------------------------------------------- */
+
+#access {
+ background: #222; /* Show a solid color for older browsers */
+ background: -moz-linear-gradient(#252525, #0a0a0a);
+ background: -o-linear-gradient(#252525, #0a0a0a);
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
+ background: -webkit-linear-gradient(#252525, #0a0a0a);
+ -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ clear: both;
+ display: block;
+ float: left;
+ margin: 0 auto 6px;
+ width: 100%;
+}
+#access ul {
+ font-size: 13px;
+ list-style: none;
+ margin: 0 0 0 -0.8125em;
+ padding-left: 0;
+}
+#access li {
+ float: left;
+ position: relative;
+}
+#access a {
+ color: #eee;
+ display: block;
+ line-height: 3.333em;
+ padding: 0 1.2125em;
+ text-decoration: none;
+}
+#access ul ul {
+ -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ display: none;
+ float: left;
+ margin: 0;
+ position: absolute;
+ top: 3.333em;
+ left: 0;
+ width: 188px;
+ z-index: 99999;
+}
+#access ul ul ul {
+ left: 100%;
+ top: 0;
+}
+#access ul ul a {
+ background: #f9f9f9;
+ border-bottom: 1px dotted #ddd;
+ color: #444;
+ font-size: 13px;
+ font-weight: normal;
+ height: auto;
+ line-height: 1.4em;
+ padding: 10px 10px;
+ width: 168px;
+}
+#access li:hover > a,
+#access ul ul :hover > a,
+#access a:focus {
+ background: #efefef;
+}
+#access li:hover > a,
+#access a:focus {
+ background: #f9f9f9; /* Show a solid color for older browsers */
+ background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
+ background: -o-linear-gradient(#f9f9f9, #e5e5e5);
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
+ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
+ color: #373737;
+}
+#access ul li:hover > ul {
+ display: block;
+}
+#access .current-menu-item > a,
+#access .current-menu-ancestor > a,
+#access .current_page_item > a,
+#access .current_page_ancestor > a {
+ font-weight: bold;
+}
+
+/* Search Form */
+#branding #searchform {
+ position: absolute;
+ top: 3.8em;
+ right: 7.6%;
+ text-align: right;
+}
+#branding #searchform div {
+ margin: 0;
+}
+#branding #s {
+ float: right;
+ -webkit-transition-duration: 400ms;
+ -webkit-transition-property: width, background;
+ -webkit-transition-timing-function: ease;
+ -moz-transition-duration: 400ms;
+ -moz-transition-property: width, background;
+ -moz-transition-timing-function: ease;
+ -o-transition-duration: 400ms;
+ -o-transition-property: width, background;
+ -o-transition-timing-function: ease;
+ width: 72px;
+}
+#branding #s:focus {
+ background-color: #f9f9f9;
+ width: 196px;
+}
+#branding #searchsubmit {
+ display: none;
+}
+#branding .only-search #searchform {
+ top: 5px;
+ z-index: 1;
+}
+#branding .only-search #s {
+ background-color: #666;
+ border-color: #000;
+ color: #222;
+}
+#branding .only-search #s,
+#branding .only-search #s:focus {
+ width: 85%;
+}
+#branding .only-search #s:focus {
+ background-color: #bbb;
+}
+#branding .with-image #searchform {
+ top: auto;
+ bottom: -27px;
+ max-width: 195px;
+}
+#branding .only-search + #access div {
+ padding-right: 205px;
+}
+
+
+/* =Content
+----------------------------------------------- */
+
+#main {
+ clear: both;
+ padding: 1.625em 0 0;
+}
+.page-title {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ margin: 0 0 2.6em;
+ text-transform: uppercase;
+}
+.page-title a {
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing: 0;
+ text-transform: none;
+}
+.hentry,
+.no-results {
+ border-bottom: 1px solid #ddd;
+ margin: 0 0 1.625em;
+ padding: 0 0 1.625em;
+ position: relative;
+}
+.hentry:last-child,
+.no-results {
+ border-bottom: none;
+}
+.blog .sticky .entry-header .entry-meta {
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ position: absolute !important;
+}
+.entry-title,
+.entry-header .entry-meta {
+ padding-right: 76px;
+}
+.entry-title {
+ clear: both;
+ color: #222;
+ font-size: 26px;
+ font-weight: bold;
+ line-height: 1.5em;
+ padding-bottom: .3em;
+ padding-top: 15px;
+}
+.entry-title,
+.entry-title a {
+ color: #222;
+ text-decoration: none;
+}
+.entry-title a:hover,
+.entry-title a:focus,
+.entry-title a:active {
+ color: #1982d1;
+}
+.entry-meta {
+ color: #666;
+ clear: both;
+ font-size: 12px;
+ line-height: 18px;
+}
+.entry-meta a {
+ font-weight: bold;
+}
+.single-author .entry-meta .by-author {
+ display: none;
+}
+.entry-content,
+.entry-summary {
+ padding: 1.625em 0 0;
+}
+.entry-content h1,
+.entry-content h2,
+.comment-content h1,
+.comment-content h2 {
+ color: #000;
+ font-weight: bold;
+ margin: 0 0 .8125em;
+}
+.entry-content h3,
+.comment-content h3 {
+ font-size: 10px;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ text-transform: uppercase;
+}
+.entry-content table,
+.comment-content table {
+ border-bottom: 1px solid #ddd;
+ margin: 0 0 1.625em;
+ width: 100%;
+}
+.entry-content th,
+.comment-content th {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ text-transform: uppercase;
+}
+.entry-content td,
+.comment-content td {
+ border-top: 1px solid #ddd;
+ padding: 6px 10px 6px 0;
+}
+.entry-content #s {
+ width: 75%;
+}
+.comment-content ul,
+.comment-content ol {
+ margin-bottom: 1.625em;
+}
+.comment-content ul ul,
+.comment-content ol ol,
+.comment-content ul ol,
+.comment-content ol ul {
+ margin-bottom: 0;
+}
+dl.gallery-item {
+ margin: 0;
+}
+.page-link {
+ clear: both;
+ display: block;
+ margin: 0 0 1.625em;
+}
+.page-link a {
+ background: #eee;
+ color: #373737;
+ margin: 0;
+ padding: 2px 3px;
+ text-decoration: none;
+}
+.page-link a:hover {
+ background: #888;
+ color: #fff;
+ font-weight: bold;
+}
+.page-link span {
+ margin-right: 6px;
+}
+.entry-meta .edit-link a,
+.commentlist .edit-link a {
+ background: #eee;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #666;
+ float: right;
+ font-size: 12px;
+ line-height: 1.5em;
+ font-weight: 300;
+ text-decoration: none;
+ padding: 0 8px;
+}
+.entry-meta .edit-link a:hover,
+.commentlist .edit-link a:hover {
+ background: #888;
+ color: #fff;
+}
+.entry-content .edit-link {
+ clear: both;
+ display: block;
+}
+
+/* Images */
+.entry-content img,
+.comment-content img,
+.widget img {
+ max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
+}
+img[class*="align"],
+img[class*="wp-image-"],
+img[class*="attachment-"] {
+ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
+}
+img.size-full,
+img.size-large {
+ max-width: 97.5%;
+ width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
+ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
+}
+.entry-content img.wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+img.alignleft,
+img.alignright,
+img.aligncenter {
+ margin-bottom: 1.625em;
+}
+p img,
+.wp-caption {
+ margin-top: 0.4em;
+}
+.wp-caption {
+ background: #eee;
+ margin-bottom: 1.625em;
+ max-width: 96%;
+ padding: 9px;
+}
+.wp-caption img {
+ display: block;
+ margin: 0 auto;
+ max-width: 98%;
+}
+.wp-caption .wp-caption-text,
+.gallery-caption {
+ color: #666;
+ font-family: Georgia, serif;
+ font-size: 12px;
+}
+.wp-caption .wp-caption-text {
+ margin-bottom: 0.6em;
+ padding: 10px 0 5px 40px;
+ position: relative;
+}
+.wp-caption .wp-caption-text:before {
+ color: #666;
+ content: '\2014';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: bold;
+ margin-right: 5px;
+ position: absolute;
+ left: 10px;
+ top: 7px;
+}
+#content .gallery {
+ margin: 0 auto 1.625em;
+}
+#content .gallery a img {
+ border: none;
+}
+img#wpstats {
+ display: block;
+ margin: 0 auto 1.625em;
+}
+#content .gallery-columns-4 .gallery-item {
+ width: 23%;
+ padding-right: 2%;
+}
+#content .gallery-columns-4 .gallery-item img {
+ width: 100%;
+ height: auto;
+}
+
+/* Image borders */
+img[class*="align"],
+img[class*="wp-image-"],
+#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
+ border: 1px solid #ddd;
+ padding: 6px;
+}
+.wp-caption img {
+ border-color: #eee;
+}
+a:focus img[class*="align"],
+a:hover img[class*="align"],
+a:active img[class*="align"],
+a:focus img[class*="wp-image-"],
+a:hover img[class*="wp-image-"],
+a:active img[class*="wp-image-"],
+#content .gallery .gallery-icon a:focus img,
+#content .gallery .gallery-icon a:hover img,
+#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
+ background: #eee;
+ border-color: #bbb;
+}
+.wp-caption a:focus img,
+.wp-caption a:active img,
+.wp-caption a:hover img {/* ... including captioned images! */
+ background: #fff;
+ border-color: #ddd;
+}
+
+/* Make sure embeds and iframes fit their containers */
+embed,
+iframe,
+object {
+ max-width: 100%;
+}
+
+/* Password Protected Posts */
+.post-password-required .entry-header .comments-link {
+ margin: 1.625em 0 0;
+}
+.post-password-required input[type=password] {
+ margin: 0.8125em 0;
+}
+.post-password-required input[type=password]:focus {
+ background: #f7f7f7;
+}
+
+/* Author Info */
+#author-info {
+ font-size: 12px;
+ overflow: hidden;
+}
+.singular #author-info {
+ background: #f9f9f9;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ margin: 2.2em -35.6% 0 -35.4%;
+ padding: 20px 35.4%;
+}
+.archive #author-info {
+ border-bottom: 1px solid #ddd;
+ margin: 0 0 2.2em;
+ padding: 0 0 2.2em;
+}
+#author-avatar {
+ float: left;
+ margin-right: -78px;
+}
+#author-avatar img {
+ background: #fff;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 1px 2px #bbb;
+ -moz-box-shadow: 0 1px 2px #bbb;
+ box-shadow: 0 1px 2px #bbb;
+ padding: 3px;
+}
+#author-description {
+ float: left;
+ margin-left: 108px;
+}
+#author-description h2 {
+ color: #000;
+ font-size: 15px;
+ font-weight: bold;
+ margin: 5px 0 10px;
+}
+
+/* Comments link */
+.entry-header .comments-link a {
+ background: #eee url(images/comment-bubble.png) no-repeat;
+ color: #666;
+ font-size: 13px;
+ font-weight: normal;
+ line-height: 35px;
+ overflow: hidden;
+ padding: 0 0 0;
+ position: absolute;
+ top: 1.5em;
+ right: 0;
+ text-align: center;
+ text-decoration: none;
+ width: 43px;
+ height: 36px;
+}
+.entry-header .comments-link a:hover,
+.entry-header .comments-link a:focus,
+.entry-header .comments-link a:active {
+ background-color: #1982d1;
+ color: #fff;
+ color: rgba(255,255,255,0.8);
+}
+.entry-header .comments-link .leave-reply {
+ visibility: hidden;
+}
+
+/*
+Post Formats Headings
+To hide the headings, display: none the ".entry-header .entry-format" selector,
+and remove the padding rules below.
+*/
+.entry-header .entry-format {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ position: absolute;
+ text-transform: uppercase;
+ top: -5px;
+}
+.entry-header hgroup .entry-title {
+ padding-top: 15px;
+}
+article.format-aside .entry-content,
+article.format-link .entry-content,
+article.format-status .entry-content {
+ padding: 20px 0 0;
+}
+article.format-status .entry-content {
+ min-height: 65px;
+}
+.recent-posts .entry-header .entry-format {
+ display: none;
+}
+.recent-posts .entry-header hgroup .entry-title {
+ padding-top: 0;
+}
+
+/* Singular content styles for Posts and Pages */
+.singular .hentry {
+ border-bottom: none;
+ padding: 4.875em 0 0;
+ position: relative;
+}
+.singular.page .hentry {
+ padding: 3.5em 0 0;
+}
+.singular .entry-title {
+ color: #000;
+ font-size: 36px;
+ font-weight: bold;
+ line-height: 48px;
+}
+.singular .entry-title,
+.singular .entry-header .entry-meta {
+ padding-right: 0;
+}
+.singular .entry-header .entry-meta {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+blockquote.pull {
+ font-size: 21px;
+ font-weight: bold;
+ line-height: 1.6125em;
+ margin: 0 0 1.625em;
+ text-align: center;
+}
+.singular blockquote.pull {
+ margin: 0 -22.25% 1.625em;
+}
+.pull.alignleft {
+ margin: 0 1.625em 0 0;
+ text-align: right;
+}
+.singular .pull.alignleft {
+ margin: 0 1.625em 0 -22.25%;
+}
+.pull.alignright {
+ margin: 0 0 0 1.625em;
+ text-align: left;
+}
+blockquote.pull.alignleft,
+blockquote.pull.alignright {
+ width: 33%;
+}
+.singular .pull.alignright {
+ margin: 0 -22.25% 0 1.625em;
+}
+.singular blockquote.pull.alignleft,
+.singular blockquote.pull.alignright {
+ width: 33%;
+}
+.singular .entry-meta .edit-link a {
+ bottom: auto;
+ left: 50px;
+ position: absolute;
+ right: auto;
+ top: 80px;
+}
+
+
+/* =Aside
+----------------------------------------------- */
+
+.format-aside .entry-title,
+.format-aside .entry-header .comments-link {
+ display: none;
+}
+.singular .format-aside .entry-title {
+ display: block;
+}
+.format-aside .entry-content {
+ padding: 0;
+}
+.singular .format-aside .entry-content {
+ padding: 1.625em 0 0;
+}
+
+
+/* =Link
+----------------------------------------------- */
+
+.format-link .entry-title,
+.format-link .entry-header .comments-link {
+ display: none;
+}
+.singular .format-link .entry-title {
+ display: block;
+}
+.format-link .entry-content {
+ padding: 0;
+}
+.singular .format-link .entry-content {
+ padding: 1.625em 0 0;
+}
+
+
+/* =Gallery
+----------------------------------------------- */
+
+.format-gallery .gallery-thumb {
+ float: left;
+ display: block;
+ margin: .375em 1.625em 0 0;
+}
+
+
+/* =Status
+----------------------------------------------- */
+
+.format-status .entry-title,
+.format-status .entry-header .comments-link {
+ display: none;
+}
+.singular .format-status .entry-title {
+ display: block;
+}
+.format-status .entry-content {
+ padding: 0;
+}
+.singular .format-status .entry-content {
+ padding: 1.625em 0 0;
+}
+.format-status img.avatar {
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 1px 2px #ccc;
+ -moz-box-shadow: 0 1px 2px #ccc;
+ box-shadow: 0 1px 2px #ccc;
+ float: left;
+ margin: 4px 10px 2px 0;
+ padding: 0;
+}
+
+
+/* =Quote
+----------------------------------------------- */
+
+.format-quote blockquote {
+ color: #555;
+ font-size: 17px;
+ margin: 0;
+}
+
+
+/* =Image
+----------------------------------------------- */
+
+.indexed.format-image .entry-header {
+ min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
+}
+.indexed.format-image .entry-content {
+ padding-top: 0.5em;
+}
+.indexed.format-image .entry-content p {
+ margin: 1em 0;
+}
+.indexed.format-image .entry-content p:first-child,
+.indexed.format-image .entry-content p:first-child a,
+.indexed.format-image .entry-content p:first-child img {
+ display: block;
+ margin: 0;
+}
+.indexed.format-image .entry-content .wp-caption .wp-caption-text {
+ margin: 0;
+ padding-bottom: 1em;
+}
+.indexed.format-image footer.entry-meta {
+ background: #ddd;
+ overflow: hidden;
+ padding: 4%;
+ max-width: 96%;
+}
+.indexed.format-image div.entry-meta {
+ display: inline-block;
+ float: left;
+ width: 35%;
+}
+.indexed.format-image div.entry-meta + div.entry-meta {
+ float: none;
+ width: 65%;
+}
+.indexed.format-image .entry-meta span.cat-links,
+.indexed.format-image .entry-meta span.tag-links,
+.indexed.format-image .entry-meta span.comments-link {
+ display: block;
+}
+.indexed.format-image footer.entry-meta a {
+ color: #444;
+}
+.indexed.format-image footer.entry-meta a:hover {
+ color: #fff;
+}
+#content .indexed.format-image img {
+ border: none;
+ max-width: 100%;
+ padding: 0;
+}
+.indexed.format-image .wp-caption {
+ background: #111;
+ margin-bottom: 0;
+ max-width: 96%;
+ padding: 2% 2% 0;
+}
+.indexed.format-image .wp-caption .wp-caption-text {
+ color: #ddd;
+}
+.indexed.format-image .wp-caption .wp-caption-text:before {
+ color: #444;
+}
+.indexed.format-image a:hover img {
+ opacity: 0.8;
+}
+
+
+/* =error404
+----------------------------------------------- */
+
+.error404 #main #searchform {
+ background: #f9f9f9;
+ border: 1px solid #ddd;
+ border-width: 1px 0;
+ margin: 0 -8.9% 1.625em;
+ overflow: hidden;
+ padding: 1.625em 8.9%;
+}
+.error404 #main #s {
+ width: 95%;
+}
+.error404 #main .widget {
+ clear: none;
+ float: left;
+ margin-right: 3.7%;
+ width: 30.85%;
+}
+.error404 #main .widget_archive {
+ margin-right: 0;
+}
+.error404 #main .widget_tag_cloud {
+ float: none;
+ margin-right: 0;
+ width: 100%;
+}
+.error404 .widgettitle {
+ font-size: 10px;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ text-transform: uppercase;
+}
+
+
+/* =Showcase
+----------------------------------------------- */
+
+h1.showcase-heading {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ text-transform: uppercase;
+}
+
+/* Intro */
+article.intro {
+ background: #f9f9f9;
+ border-bottom: none;
+ margin: -1.855em -8.9% 1.625em;
+ padding: 0 8.9%;
+}
+article.intro .entry-title {
+ display: none;
+}
+article.intro .entry-content {
+ color: #111;
+ font-size: 16px;
+ padding: 1.625em 0 0.625em;
+}
+article.intro .edit-link a {
+ background: #aaa;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #fff;
+ font-size: 12px;
+ padding: 0 8px;
+ position: absolute;
+ top: 30px;
+ right: 20px;
+ text-decoration: none;
+}
+article.intro .edit-link a:hover,
+article.intro .edit-link a:focus,
+article.intro .edit-link a:active {
+ background: #777;
+}
+
+/* Featured post */
+section.featured-post {
+ float: left;
+ margin: -1.625em -8.9% 1.625em;
+ padding: 1.625em 8.9% 0;
+ position: relative;
+ width: 100%;
+}
+section.featured-post .hentry {
+ border: none;
+ color: #666;
+ margin: 0;
+}
+section.featured-post .entry-meta {
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ position: absolute !important;
+}
+
+/* Small featured post */
+section.featured-post .attachment-small-feature {
+ float: right;
+ height: auto;
+ margin: 0 -8.9% 1.625em 0;
+ max-width: 59%;
+ position: relative;
+ right: -15px;
+}
+section.featured-post.small {
+ padding-top: 0;
+}
+section.featured-post .attachment-small-feature:hover,
+section.featured-post .attachment-small-feature:focus,
+section.featured-post .attachment-small-feature:active {
+ opacity: .8;
+}
+article.feature-image.small {
+ float: left;
+ margin: 0 0 1.625em;
+ width: 45%;
+}
+article.feature-image.small .entry-title {
+ line-height: 1.2em;
+}
+article.feature-image.small .entry-summary {
+ color: #555;
+ font-size: 13px;
+}
+article.feature-image.small .entry-summary p a {
+ background: #222;
+ color: #eee;
+ display: block;
+ left: -23.8%;
+ padding: 9px 26px 9px 85px;
+ position: relative;
+ text-decoration: none;
+ top: 20px;
+ width: 180px;
+ z-index: 1;
+}
+article.feature-image.small .entry-summary p a:hover {
+ background: #1982d1;
+ color: #eee;
+ color: rgba(255,255,255,0.8);
+}
+
+/* Large featured post */
+section.feature-image.large {
+ border: none;
+ max-height: 288px;
+ padding: 0;
+ width: 100%;
+}
+section.feature-image.large .showcase-heading {
+ display: none;
+}
+section.feature-image.large .hentry {
+ border-bottom: none;
+ left: 9%;
+ margin: 1.625em 9% 0 0;
+ position: absolute;
+ top: 0;
+}
+article.feature-image.large .entry-title a {
+ background: #222;
+ background: rgba(0,0,0,0.8);
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #fff;
+ display: inline-block;
+ font-weight: 300;
+ padding: .2em 20px;
+}
+section.feature-image.large:hover .entry-title a,
+section.feature-image.large .entry-title:hover a {
+ background: #eee;
+ background: rgba(255,255,255,0.8);
+ color: #222;
+}
+article.feature-image.large .entry-summary {
+ display: none;
+}
+section.feature-image.large img {
+ display: block;
+ height: auto;
+ max-width: 117.9%;
+ padding: 0 0 6px;
+}
+
+/* Featured Slider */
+.featured-posts {
+ border-bottom: 1px solid #ddd;
+ display: block;
+ height: 328px;
+ margin: 1.625em -8.9% 20px;
+ max-width: 1000px;
+ padding: 0;
+ position: relative;
+ overflow: hidden;
+}
+.featured-posts .showcase-heading {
+ padding-left: 8.9%;
+}
+.featured-posts section.featured-post {
+ background: #fff;
+ height: 288px;
+ left: 0;
+ margin: 0;
+ position: absolute;
+ top: 30px;
+ width: auto;
+}
+.featured-posts section.featured-post.large {
+ max-width: 100%;
+ overflow: hidden;
+}
+.featured-posts section.featured-post {
+ -webkit-transition-duration: 200ms;
+ -webkit-transition-property: opacity, visibility;
+ -webkit-transition-timing-function: ease;
+ -moz-transition-duration: 200ms;
+ -moz-transition-property: opacity, visibility;
+ -moz-transition-timing-function: ease;
+}
+.featured-posts section.featured-post {
+ opacity: 0;
+ visibility: hidden;
+}
+.featured-posts #featured-post-1 {
+ opacity: 1;
+ visibility: visible;
+}
+.featured-post .feature-text:after,
+.featured-post .feature-image.small:after {
+ content: ' ';
+ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
+ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
+ width: 100%;
+ height: 45px;
+ position: absolute;
+ top: 230px;
+}
+.featured-post .feature-image.small:after {
+ top: 253px;
+}
+#content .feature-slider {
+ top: 5px;
+ right: 8.9%;
+ overflow: visible;
+ position: absolute;
+}
+.feature-slider ul {
+ list-style-type: none;
+ margin: 0;
+}
+.feature-slider li {
+ float: left;
+ margin: 0 6px;
+}
+.feature-slider a {
+ background: #3c3c3c;
+ background: rgba(60,60,60,0.9);
+ -moz-border-radius: 12px;
+ border-radius: 12px;
+ -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+ -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+ box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
+ display: block;
+ width: 14px;
+ height: 14px;
+}
+.feature-slider a.active {
+ background: #1982d1;
+ -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+ -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+ box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
+ cursor: default;
+ opacity: 0.5;
+}
+
+/* Recent Posts */
+section.recent-posts {
+ padding: 0 0 1.625em;
+}
+section.recent-posts .hentry {
+ border: none;
+ margin: 0;
+}
+section.recent-posts .other-recent-posts {
+ border-bottom: 1px solid #ddd;
+ list-style: none;
+ margin: 0;
+}
+section.recent-posts .other-recent-posts li {
+ padding: 0.3125em 0;
+ position: relative;
+}
+section.recent-posts .other-recent-posts .entry-title {
+ border-top: 1px solid #ddd;
+ font-size: 17px;
+}
+section.recent-posts .other-recent-posts a[rel="bookmark"] {
+ color: #373737;
+ float: left;
+ max-width: 84%;
+}
+section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
+ content: '-';
+ color: transparent;
+ font-size: 11px;
+}
+section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
+}
+section.recent-posts .other-recent-posts .comments-link a,
+section.recent-posts .other-recent-posts .comments-link > span {
+ border-bottom: 2px solid #999;
+ bottom: -2px;
+ color: #444;
+ display: block;
+ font-size: 10px;
+ font-weight: 500;
+ line-height: 2.76333em;
+ padding: 0.3125em 0 0.3125em 1em;
+ position: absolute;
+ right: 0;
+ text-align: right;
+ text-transform: uppercase;
+ z-index: 1;
+}
+section.recent-posts .other-recent-posts .comments-link > span {
+ border-color: #bbb;
+ color: #888;
+}
+section.recent-posts .other-recent-posts .comments-link a:hover {
+ color: #1982d1;
+ border-color: #1982d1;
+}
+section.recent-posts .other-recent-posts li:after {
+ clear: both;
+ content: '.';
+ display: block;
+ height: 0;
+ visibility: hidden;
+}
+
+
+/* =Attachments
+----------------------------------------------- */
+
+.image-attachment div.attachment {
+ background: #f9f9f9;
+ border: 1px solid #ddd;
+ border-width: 1px 0;
+ margin: 0 -8.9% 1.625em;
+ overflow: hidden;
+ padding: 1.625em 1.625em 0;
+ text-align: center;
+}
+.image-attachment div.attachment img {
+ display: block;
+ height: auto;
+ margin: 0 auto 1.625em;
+ max-width: 100%;
+}
+.image-attachment div.attachment a img {
+ border-color: #f9f9f9;
+}
+.image-attachment div.attachment a:focus img,
+.image-attachment div.attachment a:hover img,
+.image-attachment div.attachment a:active img {
+ border-color: #ddd;
+ background: #fff;
+}
+.image-attachment .entry-caption p {
+ font-size: 10px;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ margin: 0 0 2.6em;
+ text-transform: uppercase;
+}
+
+
+/* =Navigation
+-------------------------------------------------------------- */
+
+#content nav {
+ clear: both;
+ overflow: hidden;
+ padding: 0 0 1.625em;
+}
+#content nav a {
+ font-size: 12px;
+ font-weight: bold;
+ line-height: 2.2em;
+}
+#nav-above {
+ padding: 0 0 1.625em;
+}
+#nav-above {
+ display: none;
+}
+.paged #nav-above {
+ display: block;
+}
+.nav-previous {
+ float: left;
+ width: 50%;
+}
+.nav-next {
+ float: right;
+ text-align: right;
+ width: 50%;
+}
+#content nav .meta-nav {
+ font-weight: normal;
+}
+
+/* Singular navigation */
+#nav-single {
+ float: right;
+ position: relative;
+ top: -0.3em;
+ text-align: right;
+ z-index: 1;
+}
+#nav-single .nav-previous,
+#nav-single .nav-next {
+ width: auto;
+}
+#nav-single .nav-next {
+ padding-left: .5em;
+}
+#nav-single .nav-previous {
+ padding-right: .5em;
+}
+
+
+/* =Widgets
+----------------------------------------------- */
+
+.widget-area {
+ font-size: 12px;
+}
+.widget {
+ clear: both;
+ margin: 0 0 2.2em;
+}
+.widget-title {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 2.6em;
+ text-transform: uppercase;
+}
+.widget ul {
+ font-size: 15px;
+ margin: 0;
+}
+.widget ul ul {
+ margin-left: 1.5em;
+}
+.widget ul li {
+ color: #777;
+ font-size: 13px;
+}
+.widget a {
+ font-weight: bold;
+ text-decoration: none;
+}
+.widget a:hover,
+.widget a:focus,
+.widget a:active {
+ text-decoration: underline;
+}
+
+/* Search Widget */
+.widget_search form {
+ margin: 0 0 1.625em;
+}
+.widget_search #s {
+ width: 77%;
+}
+.widget_search #searchsubmit {
+ background: #ddd;
+ border: 1px solid #ccc;
+ -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
+ color: #888;
+ font-size: 13px;
+ line-height: 25px;
+ position: relative;
+ top: -2px;
+}
+.widget_search #searchsubmit:active {
+ background: #1982d1;
+ border-color: #0861a5;
+ -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
+ color: #bfddf3;
+}
+
+/* Ephemera Widget */
+section.ephemera ol,
+.widget_twentyeleven_ephemera ol {
+ list-style: square;
+ margin: 5px 0 0;
+}
+.widget_twentyeleven_ephemera .widget-entry-title {
+ font-size: 15px;
+ font-weight: bold;
+ padding: 0;
+}
+.widget_twentyeleven_ephemera .comments-link a,
+.widget_twentyeleven_ephemera .comments-link > span {
+ color: #666;
+ display: block;
+ font-size: 10px;
+ font-weight: 500;
+ line-height: 2.76333em;
+ text-transform: uppercase;
+}
+section.ephemera .entry-title .comments-link a:hover,
+.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
+}
+section.ephemera .entry-title a span {
+ color: #29628d;
+}
+
+/* Twitter */
+.widget_twitter li {
+ list-style-type: none;
+ margin-bottom: 14px;
+}
+.widget_twitter .timesince {
+ display: block;
+ font-size: 11px;
+ margin-right: -10px;
+ text-align: right;
+}
+
+/* Widget Image */
+.widget_image img {
+ border: 0;
+ padding: 0;
+ height: auto;
+ max-width: 100%;
+}
+
+/* Calendar Widget */
+
+.widget_calendar #wp-calendar {
+ color: #555;
+ width: 95%;
+ text-align: center;
+}
+.widget_calendar #wp-calendar caption,
+.widget_calendar #wp-calendar td,
+.widget_calendar #wp-calendar th {
+ text-align: center;
+}
+.widget_calendar #wp-calendar caption {
+ font-size: 11px;
+ font-weight: 500;
+ padding: 5px 0 3px 0;
+ text-transform: uppercase;
+}
+.widget_calendar #wp-calendar th {
+ background: #f4f4f4;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ font-weight: bold;
+}
+.widget_calendar #wp-calendar tfoot td {
+ background: #f4f4f4;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+}
+
+
+/* =Comments
+----------------------------------------------- */
+
+#comments-title {
+ color: #666;
+ font-size: 10px;
+ font-weight: 500;
+ line-height: 2.6em;
+ padding: 0 0 2.6em;
+ text-transform: uppercase;
+}
+.nopassword,
+.nocomments {
+ color: #aaa;
+ font-size: 24px;
+ font-weight: 100;
+ margin: 26px 0;
+ text-align: center;
+}
+.commentlist {
+ list-style: none;
+ margin: 0 auto;
+ width: 68.9%;
+}
+.content .commentlist,
+.page-template-sidebar-page-php .commentlist {
+ width: 100%; /* reset the width for the one-column and sidebar page layout */
+}
+.commentlist > li.comment {
+ background: #f6f6f6;
+ border: 1px solid #ddd;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 0 1.625em;
+ padding: 1.625em;
+ position: relative;
+}
+.commentlist .pingback {
+ margin: 0 0 1.625em;
+ padding: 0 1.625em;
+}
+.commentlist .children {
+ list-style: none;
+ margin: 0;
+}
+.commentlist .children li.comment {
+ background: #fff;
+ border-left: 1px solid #ddd;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+ margin: 1.625em 0 0;
+ padding: 1.625em;
+ position: relative;
+}
+.commentlist .children li.comment .fn {
+ display: block;
+}
+.comment-meta .fn {
+ font-style: normal;
+}
+.comment-meta {
+ color: #666;
+ font-size: 12px;
+ line-height: 2.2em;
+}
+.commentlist .children li.comment .comment-meta {
+ line-height: 1.625em;
+ margin-left: 50px;
+}
+.commentlist .children li.comment .comment-content {
+ margin: 1.625em 0 0;
+}
+.comment-meta a {
+ font-weight: bold;
+}
+.comment-meta a:focus,
+.comment-meta a:active,
+.comment-meta a:hover {
+}
+.commentlist .avatar {
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 1px 2px #ccc;
+ -moz-box-shadow: 0 1px 2px #ccc;
+ box-shadow: 0 1px 2px #ccc;
+ left: -102px;
+ padding: 0;
+ position: absolute;
+ top: 0;
+}
+.commentlist > li:before {
+ content: url(images/comment-arrow.png);
+ left: -21px;
+ position: absolute;
+}
+.commentlist > li.pingback:before {
+ content: '';
+}
+.commentlist .children .avatar {
+ background: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ left: 2.2em;
+ padding: 0;
+ top: 2.2em;
+}
+a.comment-reply-link {
+ background: #eee;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #666;
+ display: inline-block;
+ font-size: 12px;
+ padding: 0 8px;
+ text-decoration: none;
+}
+a.comment-reply-link:hover,
+a.comment-reply-link:focus,
+a.comment-reply-link:active {
+ background: #888;
+ color: #fff;
+}
+a.comment-reply-link > span {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+}
+
+/* Post author highlighting */
+.commentlist > li.bypostauthor {
+ background: #ddd;
+ border-color: #d3d3d3;
+}
+.commentlist > li.bypostauthor .comment-meta {
+ color: #575757;
+}
+.commentlist > li.bypostauthor .comment-meta a:focus,
+.commentlist > li.bypostauthor .comment-meta a:active,
+.commentlist > li.bypostauthor .comment-meta a:hover {
+}
+.commentlist > li.bypostauthor:before {
+ content: url(images/comment-arrow-bypostauthor.png);
+}
+
+/* Post Author threaded comments */
+.commentlist .children > li.bypostauthor {
+ background: #ddd;
+ border-color: #d3d3d3;
+}
+
+/* sidebar-page.php comments */
+/* Make sure we have room for our comment avatars */
+.page-template-sidebar-page-php .commentlist > li.comment,
+.page-template-sidebar-page-php.commentlist .pingback {
+ margin-left: 102px;
+ width: auto;
+}
+/* And a full-width comment form */
+.page-template-sidebar-page-php #respond {
+ width: auto;
+}
+
+/* Comment Form */
+#respond {
+ background: #ddd;
+ border: 1px solid #d3d3d3;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 auto 1.625em;
+ padding: 1.625em;
+ position: relative;
+ width: 68.9%;
+}
+#respond input[type="text"],
+#respond textarea {
+ background: #fff;
+ border: 4px solid #eee;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
+ position: relative;
+ padding: 10px;
+ text-indent: 80px;
+}
+#respond .comment-form-author,
+#respond .comment-form-email,
+#respond .comment-form-url,
+#respond .comment-form-comment {
+ position: relative;
+}
+#respond .comment-form-author label,
+#respond .comment-form-email label,
+#respond .comment-form-url label,
+#respond .comment-form-comment label {
+ background: #eee;
+ -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
+ color: #555;
+ display: inline-block;
+ font-size: 13px;
+ left: 4px;
+ min-width: 60px;
+ padding: 4px 10px;
+ position: relative;
+ top: 40px;
+ z-index: 1;
+}
+#respond input[type="text"]:focus,
+#respond textarea:focus {
+ text-indent: 0;
+ z-index: 1;
+}
+#respond textarea {
+ resize: vertical;
+ width: 95%;
+}
+#respond .comment-form-author .required,
+#respond .comment-form-email .required {
+ color: #bd3500;
+ font-size: 22px;
+ font-weight: bold;
+ left: 75%;
+ position: absolute;
+ top: 45px;
+ z-index: 1;
+}
+#respond .comment-notes,
+#respond .logged-in-as {
+ font-size: 13px;
+}
+#respond p {
+ margin: 10px 0;
+}
+#respond .form-submit {
+ float: right;
+ margin: -20px 0 10px;
+}
+#respond input#submit {
+ background: #222;
+ border: none;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
+ color: #eee;
+ cursor: pointer;
+ font-size: 15px;
+ margin: 20px 0;
+ padding: 5px 42px 5px 22px;
+ position: relative;
+ left: 30px;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
+}
+#respond input#submit:active {
+ background: #1982d1;
+ color: #bfddf3;
+}
+#respond #cancel-comment-reply-link {
+ color: #666;
+ margin-left: 10px;
+ text-decoration: none;
+}
+#respond .logged-in-as a:hover,
+#respond #cancel-comment-reply-link:hover {
+ text-decoration: underline;
+}
+.commentlist #respond {
+ margin: 1.625em 0 0;
+ width: auto;
+}
+#reply-title {
+ color: #373737;
+ font-size: 24px;
+ font-weight: bold;
+ line-height: 30px;
+}
+#cancel-comment-reply-link {
+ color: #888;
+ display: block;
+ font-size: 10px;
+ font-weight: normal;
+ line-height: 2.2em;
+ letter-spacing: 0.05em;
+ position: absolute;
+ right: 1.625em;
+ text-decoration: none;
+ text-transform: uppercase;
+ top: 1.1em;
+}
+#cancel-comment-reply-link:focus,
+#cancel-comment-reply-link:active,
+#cancel-comment-reply-link:hover {
+ color: #ff4b33;
+}
+#respond label {
+ line-height: 2.2em;
+}
+#respond input[type=text] {
+ display: block;
+ height: 24px;
+ width: 75%;
+}
+#respond p {
+ font-size: 12px;
+}
+p.comment-form-comment {
+ margin: 0;
+}
+.form-allowed-tags {
+ display: none;
+}
+
+
+/* =Footer
+----------------------------------------------- */
+
+#colophon {
+ clear: both;
+}
+#supplementary {
+ border-top: 1px solid #ddd;
+ padding: 1.625em 7.6%;
+ overflow: hidden;
+}
+
+/* Two Footer Widget Areas */
+#supplementary.two .widget-area {
+ float: left;
+ margin-right: 3.7%;
+ width: 48.1%;
+}
+#supplementary.two .widget-area + .widget-area {
+ margin-right: 0;
+}
+
+/* Three Footer Widget Areas */
+#supplementary.three .widget-area {
+ float: left;
+ margin-right: 3.7%;
+ width: 30.85%;
+}
+#supplementary.three .widget-area + .widget-area + .widget-area {
+ margin-right: 0;
+}
+
+/* Site Generator Line */
+#site-generator {
+ background: #f9f9f9;
+ border-top: 1px solid #ddd;
+ color: #666;
+ font-size: 12px;
+ line-height: 2.2em;
+ padding: 2.2em 0.5em;
+ text-align: center;
+}
+#site-generator a {
+ color: #555;
+ font-weight: bold;
+}
+
+
+/* =Responsive Structure
+----------------------------------------------- */
+
+@media (max-width: 800px) {
+ /* Simplify the basic layout */
+ #main #content {
+ margin: 0 7.6%;
+ width: auto;
+ }
+ #nav-below {
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 1.625em;
+ }
+ #main #secondary {
+ float: none;
+ margin: 0 7.6%;
+ width: auto;
+ }
+ /* Simplify the showcase template */
+ .page-template-showcase-php .featured-posts {
+ min-height: 280px;
+ }
+ .featured-posts section.featured-post {
+ height: auto;
+ }
+ .page-template-showcase-php section.recent-posts {
+ float: none;
+ margin: 0;
+ width: 100%;
+ }
+ .page-template-showcase-php #main .widget-area {
+ float: none;
+ margin: 0;
+ width: auto;
+ }
+ .page-template-showcase-php .other-recent-posts {
+ border-bottom: 1px solid #ddd;
+ }
+ /* Simplify the showcase template when small feature */
+ section.featured-post .attachment-small-feature,
+ .one-column section.featured-post .attachment-small-feature {
+ border: none;
+ display: block;
+ float: left;
+ height: auto;
+ margin: 0.625em auto 1.025em;
+ max-width: 30%;
+ position: static;
+ }
+ article.feature-image.small {
+ float: right;
+ margin: 0 0 1.625em;
+ width: 64%;
+ }
+ .one-column article.feature-image.small .entry-summary {
+ height: auto;
+ }
+ article.feature-image.small .entry-summary p a {
+ left: 0;
+ padding-left: 20px;
+ padding-right: 20px;
+ width: auto;
+ }
+ /* Remove the margin on singular articles */
+ .singular .entry-header,
+ .singular .entry-content,
+ .singular footer.entry-meta,
+ .singular #comments-title {
+ width: 100%;
+ }
+ /* Simplify the pullquotes and pull styles */
+ .singular blockquote.pull {
+ margin: 0 0 1.625em;
+ }
+ .singular .pull.alignleft {
+ margin: 0 1.625em 0 0;
+ }
+ .singular .pull.alignright {
+ margin: 0 0 0 1.625em;
+ }
+ .singular .entry-meta .edit-link a {
+ left: 0;
+ position: absolute;
+ top: 40px;
+ }
+ .singular #author-info {
+ margin: 2.2em -8.8% 0;
+ padding: 20px 8.8%;
+ }
+ /* Make sure we have room for our comment avatars */
+ .commentlist {
+ width: 100%;
+ }
+ .commentlist > li.comment,
+ .commentlist .pingback {
+ margin-left: 102px;
+ width: auto;
+ }
+ /* And a full-width comment form */
+ #respond {
+ width: auto;
+ }
+ /* No need to float footer widgets at this size */
+ #colophon #supplementary .widget-area {
+ float: none;
+ margin-right: 0;
+ width: auto;
+ }
+ /* No need to float 404 widgets at this size */
+ .error404 #main .widget {
+ float: none;
+ margin-right: 0;
+ width: auto;
+ }
+
+}
+@media (max-width: 650px) {
+ /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
+ body, input, textarea {
+ font-size: 13px;
+ }
+ #site-title a {
+ font-size: 24px;
+ }
+ #site-description {
+ font-size: 12px;
+ }
+ #access ul {
+ font-size: 12px;
+ }
+ article.intro .entry-content {
+ font-size: 12px;
+ }
+ .entry-title {
+ font-size: 21px;
+ }
+ .featured-post .entry-title {
+ font-size: 14px;
+ }
+ .singular .entry-title {
+ font-size: 28px;
+ }
+ .entry-meta {
+ font-size: 12px;
+ }
+ blockquote {
+ margin: 0;
+ }
+ blockquote.pull {
+ font-size: 17px;
+ }
+ /* Reposition the site title and description slightly */
+ #site-title {
+ padding: 5.30625em 0 0;
+ }
+ #site-title,
+ #site-description {
+ margin-right: 0;
+ }
+ /* Make sure the logo and search form don't collide */
+ #branding #searchform {
+ top: 1.625em !important;
+ }
+ /* Floated content doesn't work well at this size */
+ .alignleft,
+ .alignright {
+ display: block;
+ float: none;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ /* Make sure the post-post navigation doesn't collide with anything */
+ #nav-single {
+ display: block;
+ position: static;
+ }
+ .singular .hentry {
+ padding: 1.625em 0 0;
+ }
+ .singular.page .hentry {
+ padding: 1.625em 0 0;
+ }
+ /* Talking avatars take up too much room at this size */
+ .commentlist > li.comment,
+ .commentlist > li.pingback {
+ margin-left: 0 !important;
+ }
+ .commentlist .avatar {
+ background: transparent;
+ display: block;
+ padding: 0;
+ position: static;
+ }
+ .commentlist .children .avatar {
+ background: none;
+ left: 2.2em;
+ padding: 0;
+ position: absolute;
+ top: 2.2em;
+ }
+ /* Use the available space in the smaller comment form */
+ #respond input[type="text"] {
+ width: 95%;
+ }
+ #respond .comment-form-author .required,
+ #respond .comment-form-email .required {
+ left: 95%;
+ }
+ #content .gallery-columns-3 .gallery-item {
+ width: 31%;
+ padding-right: 2%;
+ }
+ #content .gallery-columns-3 .gallery-item img {
+ width: 100%;
+ height: auto;
+ }
+
+}
+@media (max-width: 450px) {
+ #content .gallery-columns-2 .gallery-item {
+ width: 45%;
+ padding-right: 4%;
+ }
+ #content .gallery-columns-2 .gallery-item img {
+ width: 100%;
+ height: auto;
+ }
+
+}
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+ body {
+ padding: 0;
+ }
+ #page {
+ margin-top: 0;
+ }
+ #branding {
+ border-top: none;
+ }
+
+}
+
+
+/* =Print
+----------------------------------------------- */
+
+@media print {
+ body {
+ background: none !important;
+ font-size: 10pt;
+ }
+ footer.entry-meta a[rel=bookmark]:link:after,
+ footer.entry-meta a[rel=bookmark]:visited:after {
+ content: " [" attr(href) "] "; /* Show URLs */
+ }
+ #page {
+ clear: both !important;
+ display: block !important;
+ float: none !important;
+ max-width: 100%;
+ position: relative !important;
+ }
+ #branding {
+ border-top: none !important;
+ padding: 0;
+ }
+ #branding hgroup {
+ margin: 0;
+ }
+ #site-title a {
+ font-size: 21pt;
+ }
+ #site-description {
+ font-size: 10pt;
+ }
+ #branding #searchform {
+ display: none;
+ }
+ #branding img {
+ display: none;
+ }
+ #access {
+ display: none;
+ }
+ #main {
+ border-top: none;
+ box-shadow: none;
+ }
+ #primary {
+ float: left;
+ margin: 0;
+ width: 100%;
+ }
+ #content {
+ margin: 0;
+ width: auto;
+ }
+ .singular #content {
+ margin: 0;
+ width: 100%;
+ }
+ .singular .entry-header .entry-meta {
+ position: static;
+ }
+ .entry-meta .edit-link a {
+ display: none;
+ }
+ #content nav {
+ display: none;
+ }
+ .singular .entry-header,
+ .singular .entry-content,
+ .singular footer.entry-meta,
+ .singular #comments-title {
+ margin: 0;
+ width: 100%;
+ }
+ .singular .hentry {
+ padding: 0;
+ }
+ .entry-title,
+ .singular .entry-title {
+ font-size: 21pt;
+ }
+ .entry-meta {
+ font-size: 10pt;
+ }
+ .entry-header .comments-link {
+ display: none;
+ }
+ .page-link {
+ display: none;
+ }
+ .singular #author-info {
+ background: none;
+ border-bottom: none;
+ border-top: none;
+ margin: 2.2em 0 0;
+ padding: 0;
+ }
+ #respond {
+ display: none;
+ }
+ .widget-area {
+ display: none;
+ }
+ #colophon {
+ display: none;
+ }
+
+ /* Comments */
+ .commentlist > li.comment {
+ background: none;
+ border: 1px solid #ddd;
+ -moz-border-radius: 3px 3px 3px 3px;
+ border-radius: 3px 3px 3px 3px;
+ margin: 0 auto 1.625em;
+ padding: 1.625em;
+ position: relative;
+ width: auto;
+ }
+ .commentlist .avatar {
+ height: 39px;
+ left: 2.2em;
+ top: 2.2em;
+ width: 39px;
+ }
+ .commentlist li.comment .comment-meta {
+ line-height: 1.625em;
+ margin-left: 50px;
+ }
+ .commentlist li.comment .fn {
+ display: block;
+ }
+ .commentlist li.comment .comment-content {
+ margin: 1.625em 0 0;
+ }
+ .commentlist .comment-edit-link {
+ display: none;
+ }
+ .commentlist > li::before,
+ .commentlist > li.bypostauthor::before {
+ content: '';
+ }
+ .commentlist .reply {
+ display: none;
+ }
+
+ /* Post author highlighting */
+ .commentlist > li.bypostauthor {
+ color: #444;
+ }
+ .commentlist > li.bypostauthor .comment-meta {
+ color: #666;
+ }
+ .commentlist > li.bypostauthor:before {
+ content: none;
+ }
+
+ /* Post Author threaded comments */
+ .commentlist .children > li.bypostauthor {
+ background: #fff;
+ border-color: #ddd;
+ }
+ .commentlist .children > li.bypostauthor > article,
+ .commentlist .children > li.bypostauthor > article .comment-meta {
+ color: #666;
+ }
+
+}
+
+
+/* =IE7
+----------------------------------------------- */
+
+#ie7 article.intro {
+ margin-left: -7.6%;
+ margin-right: -7.6%;
+ padding-left: -7.6%;
+ padding-right: -7.6%;
+ max-width: 1000px;
+}
+#ie7 section.featured-post {
+ margin-left: -7.6%;
+ margin-right: -7.6%;
+ max-width: 850px;
+}
+#ie7 section.recent-posts {
+ margin-right: 7.6%;
+}
+
+/* =IE8
+----------------------------------------------- */
+
+#ie8 section.feature-image.large img {
+ width: 100%;
+}
+/**
+ * Theme Name: Spark
+ * Description: Child theme for the twentyeleven theme
+ * Author: Andy Konwinski
+ * Template: twentyeleven
+ **/
+
+@import url("../twentyeleven/style.css");
+
+ul {
+ margin-bottom: 10px;
+}
+
+.shadow {
+ -moz-box-shadow: -1px 1px 5px 1px #ccc;
+ -webkit-box-shadow: -1px 1px 5px 1px #ccc;
+ box-shadow: -1px 1px 5px 1px #ccc;
+}
+
+/* Make embedded video containers look better with responsive design */
+.video-container {
+ position: relative;
+ padding-bottom: 90%;
+ padding-top: 25px;
+ height: 0;
+ overflow: hidden;
+ margin-bottom: 20px;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.entry-content {
+ padding: 0 !important;
+}
+
+.singular.page .hentry, .singular .hentry {
+ padding: 0;
+}
+
+.hentry {
+ border-bottom: none;
+}
+
+.singular .entry-header {
+ width: 100%;
+}
+
+.singular .entry-content {
+ width: 100%;
+ margin-bottom: 30px;
+}
+
+.single-post .entry-content {
+ /*border-bottom: thin lightgray dotted;*/
+}
+
+.singular #content {
+ width: 100%;
+ margin: 0;
+}
+
+.archive #content {
+ width: 100%;
+}
+
+.page-title {
+ margin-bottom: 0;
+}
+
+.entry-header {
+ margin-bottom: 5px;
+}
+
+.entry-header .comments-link a {
+ top: 0;
+}
+
+/* =Footer
+----------------------------------------------- */
+/* Site Generator Line */
+#site-generator {
+ background: white;
+ border-top: 1px solid #ddd;
+ color: #666;
+ font-size: 12px;
+ line-height: 1.5em;
+ padding: 1.5em 0.5em;
+ text-align: center;
+ height: 39px;
+}
+
+#site-generator p {
+ display: inline-block;
+ padding-top: 15px;
+ color: #777;
+}
+
+#site-generator a {
+ text-decoration: underline;
+ font-weight: normal;
+}
+
+#site-generator .amp-logo {
+ display: inline-block;
+ text-decoration: none;
+ width: 167px;
+ height: 39px;
+ float: right;
+}
+
+.error404 .widgettitle {
+ line-height: 1.5em;
+ text-transform: none;
+ text-align: left;
+ font-size: 17px;
+}
+
+/* =Menu
+-------------------------------------------------------------- */
+#access {
+ background: #222; /* Show a solid color for older browsers */
+ background: -moz-linear-gradient(#252525, #0a0a0a);
+ background: -o-linear-gradient(#252525, #0a0a0a);
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
+ background: -webkit-linear-gradient(#484A63, #0a0a0a);
+ -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
+ clear: both;
+ display: block;
+ float: left;
+ margin: 0 auto;
+ width: 100%;
+ text-align: center;
+}
+
+/* =Structure
+----------------------------------------------- */
+.singular .entry-meta .edit-link a {
+ position: absolute;
+ left: 0;
+ top: -18px;
+}
+
+.singular #comments-title {
+ margin: 0;
+}
+.singular footer.entry-meta {
+ margin: 0;
+}
+#comments-title {
+ text-transform: none;
+ line-height: 1.5em;
+ font-size: 1.5em !important;
+}
+
+/* Copied in from spark-project.org stylesheet */
+/*---------------------------------------------*/
+
+*{margin:0; padding:0;}
+body {
+ font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
+ font-size: 12px;
+ background: #fff;
+ color: #333;
+ margin:0;
+ padding:0;
+}
+
+body.custom-background {
+ background-color: white !important;
+}
+
+a { color: #06f; text-decoration: none; }
+a:hover { text-decoration: none; color : #000; }
+
+img { border: none; padding: 6px; }
+img a {border:none;}
+
+#page {
+ max-width: 795px;
+ margin: 0 auto;
+}
+
+#site-title a {
+ color: #000;
+ padding: 0;
+ line-height: 75px;
+ font-size: 70px;
+ font-weight: bold;
+ font-family: Corbel, "Trebuchet MS", Verdana, Arial, Sans-Serif;
+}
+#site-title a:hover {
+ color: #000;
+}
+#site-description {
+ color: #06f;
+ font-size: 17px;
+ font-weight: 100;
+ margin-bottom: 2.7em;
+}
+/*
+#header h2 a {
+#header h2 a:hover { color: #06f; }
+*/
+
+#menu {
+ background: #454645 url(images/menu.jpg);
+ height: 36px;
+ line-height: 36px;
+}
+
+#menu ul {
+ list-style-type: none;
+ margin: 0;
+ padding-left: 10px;
+}
+#menu ul li {
+ display: block;
+ float: left;
+}
+#menu ul li a {
+ display: block;
+ padding: 0 10px 0 10px;
+ text-decoration: none;
+ color: #fff;
+ font-size: 13px;
+ font-weight: 600;
+}
+#menu ul li a:hover {
+ color: #fff;
+ background: url(images/menuover.png) repeat-x;
+}
+
+#wrapper {
+ padding: 0 0 0 20px;
+}
+
+#primary {
+ width: 100%;
+}
+
+#main {
+ width: 95%;
+ margin: 0 2.5%;
+}
+#content {
+ float: left;
+ margin: 0;
+ text-align: justify;
+ width: 58%;
+}
+
+#content nav{
+ padding-bottom: 0;
+}
+
+#footer {
+ background: #fff;
+ margin: 0 auto;
+ font-weight: 100;
+ font-size: 12px;
+ text-align: center;
+ color #999;
+ height: 50px;
+ line-height: 50px;
+}
+#footer p { color: #999; }
+#footer a { color: #999; text-decoration: none; }
+#footer a:hover { text-decoration: underline; }
+
+
+#content h1 {
+ font-weight: 100;
+ font-size: 125%;
+ margin: 0 0 4px; padding: 0 0 3px;
+ color: #888;
+}
+
+#content h2 {
+ font-weight: 100;
+ font-size: 23px;
+ margin: 0 0 4px; padding: 0 0 3px;
+ color: #888;
+}
+
+#content h3 {
+ font-weight: bold;
+ font-size: 110%;
+ margin-top: 15px;
+ margin-bottom: 4px;
+ color: #333;
+}
+
+#content ul, #content ol {
+ padding: 0 30px;
+}
+
+#content ul li {
+ list-style-type: square;
+}
+
+#secondary {
+ width: 35%;
+ padding-left: 20px;
+ margin-right: 10px;
+}
+
+@media only all and (min-width: 800px) {
+ #secondary {
+ border-left: 1px solid #ddd;
+ }
+}
+
+#secondary img { padding: 0; margin: 0; }
+
+#secondary ul {
+ list-style-type: none;
+}
+
+#secondary h2 {
+ height: 50px;
+ line-height: 50px;
+ font-weight: 600;
+ font-size: 14px;
+ margin: 30px 0 0 0;
+ color: #111;
+}
+
+.code {
+ font-family: "Monaco", "Courier New", Monospace;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ margin-bottom: 5px;
+ line-height: 140%;
+}
+
+.keyword { color: #888; font-weight: bold; }
+.sparkop { color: #06f; }
+.closure { color: #f09; }
+.closure .keyword { color: #f09; font-weight: normal; }
+.string { color: #393; }
+
+.caption { width: 100%; text-align: center; font-weight: bold; }
+
+.latestnewswidget {
+ margin-bottom: 0;
+}
+
+.latestnewswidget div {
+ width: 95%;
+ background: #ffefaa;
+ padding: 4px 10px 4px 10px;
+ margin-bottom: 15px;
+ border-bottom: none;
+}
+
+.widget a {
+ font-weight: normal;
+}
+
+#content p { margin-bottom: 10px; }
+
+.question { font-weight: bold; font-size: 110%; margin-top: 15px; }
+
+code, tt { font-family: "Monaco", "Courier New", Monospace; font-size: 12px; }
+
+.post-info { font-size: 10px; color: #444; }
+
+#branding {
+ border-top: none;
+ padding: 0px;
+}
+#branding img { border: none; padding: 0px 0px 0px 6px; }
+
+#comments {
+ font-size: 12px;
+}
+
+#respond, .commentlist > li.bypostauthor {
+ background: #ddd;
+}
+
+#respond .comment-notes {
+ font-size: 12px;
+}
+
+#respond .logged-in-as {
+ font-size: 12px;
+}
+
+#respond p, #respond h3 {
+ margin: 0px;
+}
+
+#respond .comment-form-author label,
+#respond .comment-form-email label,
+#respond .comment-form-url label,
+#respond .comment-form-comment label {
+ font-size: 12px;
+ top: 40px;
+ padding-top: 8px;
+}