/*
	Theme Name: Right Brain Rockstar
	Theme URI: 
	Description: Based on the Boilerplate theme - http://aarontgrogg.com/boilerplate/
	Author: Dan Johnson, based on the work of Aaron T. Grogg, Paul Irish, Divya Manian, and Elliot Jay Stocks
	Author URI: 
	Version: 0.1
	Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
	Comment blocks indicate where each begins and ends, like this, for example...
*/
/*
  HTML5 ✰ Boilerplate

  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  there are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/*
 * minimal base styles
 */


body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE: */
html { overflow-y: scroll; }


/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 2em; margin-bottom: 2ex;}
ol { list-style-type: decimal; }

/* remove margins for navigation lists */
nav ul, nav li { margin: 0; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* set sub, sup without affecting line-height: gist.github.com/413930*/
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
/* Changed clearfix to group, for better semantic markup, as advised by Dan Cederholm in http://handcraftedcss.com/ */
.group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.group:after { clear: both; }
/* fix group: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.group { zoom: 1; }






 /* Primary Styles
    Author: Dan Johnson
 */

body {background: #7a8494;}
.page-wrapper {width: 960px; margin: 10px auto; background: #fff; -moz-box-shadow: 0 0 10px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.2); box-shadow: 0 0 10px 4px rgba(0,0,0,0.2);}
.page-wrapper > header, .page-wrapper > footer, .page-wrapper > section {padding-left: 30px;}
.page-wrapper > header {
  background-color: #4c5362;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4c5362), to(#313741)); 
  background-image: -webkit-linear-gradient(top, #4c5362, #313741); 
  background-image:    -moz-linear-gradient(top, #4c5362, #313741); 
  background-image:     -ms-linear-gradient(top, #4c5362, #313741); 
  background-image:      -o-linear-gradient(top, #4c5362, #313741); 
  background-image:         linear-gradient(top, #4c5362, #313741);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c5362', EndColorStr='#313741'); 
 padding-top: 15px; padding-bottom: 15px; padding-left: 0; position: relative; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid #333; border-bottom: 1px solid rgba(255,255,255,0.05)}
.page-wrapper > section {padding-bottom: 3ex;}
.page-wrapper > footer {background: #444; padding-top: 3ex; padding-bottom: 2ex; color: #fff;}

/* header */
.sitename {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 2em; margin: 0;}
.sitename a {margin-left: 10px; text-decoration: none; color: #333; background: url(images/right-brain-rockstar.png) no-repeat left top; width: 227px; height: 70px; display: block; text-indent: -9999px;}
.sitedescription {color: #fff; position: absolute; top: 34px; right: 160px; font-family: "Annie Use Your Telescope", Arial; font-size: 1.8em; color: rgba(255,255,255,0.9);}

.social-links {position: absolute; top: 35px; right: 30px; margin: 0;}
.social-links li {float: left; display: block; margin-left: 5px;}
.social-links li a {float: left; display: block; width: 24px; height: 24px; text-indent: -9999px;}
.social-links li a:hover {opacity: 1;}
.social-links li.facebook-link a {background: url(images/facebook.png) no-repeat left top;}
.social-links li.google-link a {background: url(images/google-plus.png) no-repeat left top;}
.social-links li.twitter-link a {background: url(images/twitter.png) no-repeat left top;}
.social-links li.flickr-link a {background: url(images/flickr.png) no-repeat left top;}
.social-links li.deviant-link a {background: url(images/deviant-art.png) no-repeat left top;}
.social-links li.linkedin-link a {background: url(images/linkedin.png) no-repeat left top;}
.social-links li.youtube-link a {background: url(images/youtube.png) no-repeat left top;}
.social-links li.rss a {background: url(images/rss.png) no-repeat left top;}


/* main navigation */
.page-wrapper > nav {background: #464d54; border-left: 3px solid #464d54;}
.menu-header ul.children, .menu-header ul.sub-menu {display: none; position: absolute;} /* hide child menus until hover */
.menu-header > ul > li {display: inline; float: left; position: relative; padding-top: 3px; margin-right: 3px;}
.menu-header > ul > li > a {display: block; float: left; padding: 2ex 1.5em; height: 2ex; text-decoration: none; font-weight: bold; font-size: 1.1em; color: #fff; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; background: rgba(255,255,255,0.05)}
.menu-header > ul > li:hover > a {background: #888; background: rgba(255,255,255,0.2);}

.menu-header li:hover > ul.sub-menu, .menu-header li:hover > ul.children {display: block; top: 7ex; background: #333; width: 200px; -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);}
.menu-header li:hover ul.sub-menu li a, .menu-header li:hover ul.children li a {color: #fff; padding: 2ex 1em; display: block; text-decoration: none; border-bottom: 1px solid #666;}
.menu-header li:hover ul.sub-menu li a:hover, .menu-header li:hover ul.children li a:hover {background: #555;}

.menu-header ul.children ul.children, .menu-header li:hover > ul.sub-menu li:hover > ul.sub-menu {left: 200px; top: 5px;}

.menu-header > ul > li.current-menu-item > a, .menu-header > ul > li.current-menu-ancestor > a {color: #333; background: #fff; border: none;}
.menu-header > ul > li.current-menu-ancestor ul li.current-menu-item {font-weight: bold;}

/* column layout */
.main-content {width: 600px; float: left; padding-top: 25px;}
.sidebar {width: 270px; float: right; background: #e0e7ee; padding: 15px;}

.page-template-onecolumn-page-php .main-content {width: 900px;}

/* articles */
article {padding: 0 0 3ex 0; margin: 0 0 3ex 0;}
.blog article, .archive article, .search article {border-bottom: 1px solid #eee;}
.blog article h2, .archive article h2, .search article h2 {margin-top: 0;}
article.sticky {background: #eee; padding: 10px 15px; border: none;}
.single .entry-content, .page .entry-content {padding: 2ex 0 1ex; margin: 1ex 0;}

.post-thumbnail {position: relative; height: 190px;}
.post-thumbnail h2 {position: absolute; left: 0; bottom: 18px; background: #fff; background: rgba(255,255,255,0.85);}
.post-thumbnail h2 a {color: #000; padding: 1ex 1em; display: block;}
.post-thumbnail .entry-meta {position: absolute; top: 0; left: 0; padding: 1ex 1em; background: #fff; background: rgba(255,255,255,0.3); color: #000; font-weight: bold;}
.post-thumbnail .comment-count {position: absolute; top: 10px; right: 6px;}
.post-thumbnail .comment-count a {background: url(images/speech-bubble.png) no-repeat left top; width: 40px; height: 36px; text-align: center; line-height: 4ex; font-weight: bold; display: block; text-decoration: none;}
.post-summary {}
article.sticky .post-summary {width: 390px;}
.post-thumbnail img {background: #fff;}
.image-credit {text-align: right; font-size: 0.8em; padding: 0 1em 0 0;}
.image-credit a {text-decoration: none;}

.entry-meta {margin: 0 0 1ex 0; color: #666;}
.entry-utility {clear: both;}

.main-content p {margin: 0 0 2ex;}

article .pages {background: #eee; margin: 2ex 0; text-align: center; padding: 10px 0; clear: both;}

nav#nav-below {margin: 2ex 0}
nav#nav-below a {border: 1px solid #ccc; display: block; padding: 1ex 1em;}
nav#nav-below a:hover {border: 1px solid #333;}
nav#nav-below .nav-previous {float: left; width: 48%;}
nav#nav-below .nav-next {float: right; width: 48%; text-align: right;}

/* Styles for WP page navi, if installed. */
.wp-pagenavi {text-align: center; font-size: 0.9em;}
.wp-pagenavi span.current {border: none; color: #333;}
.wp-pagenavi span, .wp-pagenavi a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px 8px !important;}
.wp-pagenavi span.pages, .wp-pagenavi span.extend {border: none;}


/* comments */
ol.comments-list {list-style: none; margin: 0;}
ol.comments-list ul {list-style: none; margin-left: 0;}
li.comment {background: #fafafa; padding: 20px 20px 10px 20px; margin: 0 0 10px; border: 1px solid #ccc;}
li.pingback, li.trackback {background: #eeffff; padding: 20px; margin: 0 0 10px; border: 1px solid #ccc;}
ol.comments-list li.odd {background: #eaeaea;}
li.comment article {margin: 0;}
li.comment .comment-left {float: left; width: 50px; margin-right: 20px;}
li.comment .comment-right {float: right; width: 480px;}
li.depth-2 .comment-right {width: 440px;}
li.depth-3 .comment-right {width: 400px;}
li.depth-4 .comment-right {width: 360px;}
li.depth-5 .comment-right {width: 320px;}
li.comment blockquote {background: #ddd; margin: 0;}
li.comment img.avatar {border: 1px solid #ccc; background: #fff; padding: 3px;}
li.comment .reply a {display: block; background: #fff; text-align: center; border: 1px solid #aaa; text-decoration: none; padding: 2px 0; width: 46px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
li.comment .reply a:hover {border-color: #333;}
.comment .vcard {margin: 0 0 1ex;}
.comment .comment-meta {margin: 0 0 3ex; font-size: 0.9em;}
.comment .fn {font-weight: bold;}

/* comment form */
.logged-in-as {padding: 5px 0; margin: 0 0 10px;}
.form-allowed-tags {display: none;}
.form-submit {margin: 0 auto; text-align: center; background: #ffffaa; padding: 10px 0;}
#commentform label {display: block; font-weight: bold; margin: 1.5ex 0 0.5ex;}
#commentform textarea {width: 99%;}
#commentform input[type=text] {width: 50%;}
#commentform p {position: relative;}
#commentform p .required {position: absolute; color: red; left: -10px; top: 0.5ex;}
#commentform p.comment-notes .required {position: static;}


/* headings */
h1 {font-size: 2.5em; margin: 1ex 0 0.5ex;}
h2 {font-size: 1.5em; margin: 2ex 0 1ex;}
h3 {font-size: 1.3em; margin: 2ex 0 1ex;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}

.entry-title a {color: #003366; text-decoration: none;}
.entry-title a:hover {color: #0066cc;}

/* theme warnings */
.warning {border: 1px solid red; padding: 10px 15px; background: #ffffee; margin: 1ex 0;}
.warning h2:first-child {margin-top: 0.5ex; color: red;}

/* widgets */
ul.xoxo {list-style: none; margin: 0;}
.sidebar li.widget-container {padding: 20px; margin: 0 0 3.5ex; background: #fff; border: 1px solid #ddd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.sidebar li.widget-container .widget-title {margin: 0 0 0.75ex;}

.widget-container ul {margin: 0; list-style: none;}
.widget-container ul li {margin: 0 0 1ex; border-bottom: 1px solid #ddd; padding: 3px 0 12px}
.widget-container ul li a {text-decoration: none;}

.widget-container input#s {width: 150px;}
.sidebar-avatar {float: left; border: 1px solid #ddd; padding: 3px; margin-right: 10px; background: #fff;}

/* HTML styles */
blockquote {padding: 3ex 1em 2ex; margin: 1ex 2em 2ex 2em; font-style: italic; font-family: Georgia, Times, serif; font-size: 1.1em;}
blockquote cite {font-style: italic;}

table {margin: 0 0 2ex;}
table th, table td {border: 1px solid #ccc; padding: 1ex 1em; border-collapse: collapse;}
table th {background: #eee;}

dl {margin: 2ex 0;}
dl dt {font-weight: bold;}
dl dd {padding: 0 0 1ex 0.5em;}

address {margin: 2ex 0;}

em {font-style: italic;}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin: 3ex auto; }
.alignleft { float:left; margin: 0 1.5em 3ex 0; }
.alignright { float:right; margin: 0 0 3ex 1.5em }
.alignnone {display: block; margin: 3ex 0}
.wp-caption { border:1px solid #ccc; text-align:center; background:#eee; padding:10px; max-width: 580px;}
p.wp-caption-text {margin-top: 1ex; margin-bottom: 1ex;}
.artist-bios img {border: 1px solid #ccc; padding: 4px;}

/* Images */
.main-content img {max-width: 600px; height: auto;}
.main-content .wp-caption img {max-width: 580px;}

article h2, article h3 {clear: both;}

/* Footer widgets */
footer ul.xoxo li.widget-container {float: left; width: 33%; margin: 0 0 4ex;}
footer ul.xoxo li ul {list-style: none; margin: 0;}
footer ul.xoxo li ul li {border: none; padding: 0.1em 0;}
footer a, footer a:active, footer a:visited {color: #8eb3d7;}
footer a:hover {color: #fff;}
footer h3.widget-title {margin-top: 0; color: #ccc;}
.copyright {clear: both; margin: 2ex 0 0; text-align: center; font-size: 0.8em; color: #aaa; padding: 2ex 0 0;}






/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */
.content-text {font-size: 1.1em;}
.content-text p {line-height: 3ex;}


/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/

.widget_FacebookLikeBox {background: transparent !important; padding: 0 !important; margin: 0 !important; border: none !important;}

/* Twitter */
li.widget_twitter h3.widget-title {background: url(images/twitter-bird-32.png) no-repeat left top; padding: 5px 0 5px 40px;}
li.widget_twitter .intent-meta {overflow: hidden; clear: both; display: block; margin: 0 0 8px;}
li.widget_twitter .intent-meta a {display: block; float: left; width: 16px; height: 16px; background-image: url(images/twitter-sprite.png); text-indent: -9999px; margin-right: 5px;}
li.widget_twitter .intent-meta a.in-reply-to {background-position: left top;}
li.widget_twitter .intent-meta a.in-reply-to:hover {background-position: -16px top;}
li.widget_twitter .intent-meta a.retweet {background-position: -80px top;}
li.widget_twitter .intent-meta a.retweet:hover {background-position: -96px top;}
li.widget_twitter .intent-meta a.retweet:visited {background-position: -112px top;}
li.widget_twitter .intent-meta a.favorite {background-position: -32px top;}
li.widget_twitter .intent-meta a.favorite:hover {background-position: -48px top;}
li.widget_twitter .intent-meta a.favorite:visited {background-position: -64px top;}

/* Mailchimp */
.widget_mailchimpsf_widget {}
.mc_merge_var {}
.mc_form_inside {margin: 20px 0 0; position: relative;}
.mc_form_inside .mc_var_label {font-size: 0.9em; color: #999; width: 90px; display: block; float: left; padding: 0 0 10px; clear: left;}
.mc_form_inside .mc_merge_var input {width: 130px; margin: 0 0 10px}
.mc_form_inside #mc-indicates-required {display: none;}
.mc_form_inside .mc_signup_submit {text-align: left; margin: 0; padding-left: 90px;}
.mc_form_inside .mc_signup_submit input {cursor: pointer;}
#mc_message {font-size: 0.9em;}

.post-footer-subscribe {background: #ffffaa; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.post-footer-subscribe p {margin: 0;}

#nav-below {border: 1px dotted #ddd; margin: 3ex 0 1ex; padding: 1ex 1em;}
#nav-below .nav-previous {border-bottom: 1px dotted #ddd; padding: 0 0 1ex 0;}
#nav-below .nav-next {text-align: right; margin: 1ex 0 0;}
#nav-below a {text-decoration: none;}

.affiliate {border-top: 1px solid #ddd; margin-top: 3ex;}
.aff-description {margin-top: 2ex}

#sharebar {border-right: none !important;}
.fb_edge_widget_with_comment {padding-left: 7px;}
body ul#sharebar li {overflow: visible !important;}

.content-text li {margin: 0 0 2ex;}

.further-reading {padding: 0 30px; border: 2px dotted #ddd; margin: 3ex 0;}
.further-reading h3 {margin-bottom: 2ex}

.tabber-widget-tabs {}
ul.tabber-widget-tabs li a {background: #fff !important; color: #333 !important;}
ul.tabber-widget-tabs li a:hover {background: #eff6fc !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; border-radius: 20px !important;}
ul.tabber-widget-tabs li a.selected, ul.tabber-widget-tabs li a.selected:hover {background: #e0e7ee !important; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #000 !important}
.tabber-widget-content {background: #fff !important;}
.tabber-widget-content h5 {display: none;}

a.amazon-co-uk {display: block; background: url(images/amazon-co-uk.png) no-repeat left top; width: 175px; height: 48px; text-indent: -9999px; float: left; margin-right: 30px;}
a.amazon-com {display: block; background: url(images/amazon-com.png) no-repeat left top; width: 180px; height: 48px; text-indent: -9999px; float: left}

#author-info {border: 1px solid #ccc; margin: 2ex 0 3ex; padding: 15px; background: #f9f9f9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#author-info .bio-header {border-bottom: 1px solid #ccc; margin: 0;}
#author-info .bio-header h2 {font-size: 1.1em; margin: 0 0 5px; font-weight: normal; color: #333;}
#author-info .bio-body {border-top: 1px solid #fff; padding: 10px 0 0;}
#author-info .bio-body #author-avatar {float: left; width: 85px;}
#author-info .bio-body #author-avatar img {background: #fff; padding: 4px; border: 1px solid #ccc; width: 60px; height: 60px;}
#author-info .bio-body #author-description {padding: 5px 30px 0 0; line-height: 2.8ex;}

.person {border: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; margin: 0 0 2ex; padding: 2ex 2em; position: relative;}
.person h2 {margin: 0;}
.person a.url {position: absolute; right: 2em; top: 2ex; text-decoration: none;}
.person img {border: 1px solid #aaa; border-top: 1px solid #ddd; border-left: 1px solid #ddd; padding: 4px;}

.sidebar-links {text-align: center;}
.sidebar-links a {display: block; margin: 4ex 0;}

.blog-logos img {border: 1px solid #ddd; padding: 5px;}

.example-sites img {width: 222px; border: 1px solid #ddd; padding: 2px;}
.example-sites h3 {font-size: 1.1em; color: #666; text-align: right; padding: 0 10px;}
.example-sites .quote {margin: 1ex 5px; font-style: italic;}

.sidebar li#text-11 {background: #84aec9 url(http://rightbrainrockstar.com/wp-content/uploads/2012/05/feature-sidebar-bg.png) no-repeat left bottom; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center;}
.sidebar li#text-11 p {padding: 10px; font-size: 1.2em; color: #fff;}
.sidebar li#text-11 .af-form {text-align: center;}
.sidebar li#text-11 .af-element {padding: 0;}
.sidebar li#text-11 .af-body input.text {padding: 0.5em !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.4); font-size: 1.1em; width: 200px; margin-top: 40px;}
.sidebar li#text-11 input.submit {font-weight: bold; margin-top: 5px !important;
  background-color: #799844;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#799844), to(#607936));
  background-image: -webkit-linear-gradient(top, #799844, #607936);
  background-image:    -moz-linear-gradient(top, #799844, #607936);
  background-image:     -ms-linear-gradient(top, #799844, #607936);
  background-image:      -o-linear-gradient(top, #799844, #607936);
  background-image:         linear-gradient(to bottom, #799844, #607936);
border-bottom: 1px solid rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); padding: 0.1em 15px 0.3em; height: 2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.3em; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-family: "Myriad Pro", Arial;}

.sidebar li#text-13 {background: none; border: none; padding: 0;}

ul.benefits-list, ul.ticklist {list-style: none; margin: 0 0 2ex 10px;}
ul.benefits-list li, ul.ticklist li {background: url(images/tick.png) no-repeat left top;}
ul.benefits-list li {padding: 5px 0 5px 6.5%; float: left; width: 43.5%; font-weight: bold;}
ul.ticklist li {padding: 5px 0 5px 40px;}

.feature-box {background: #84aec9 url(images/feature-box-bg-home.png) no-repeat right bottom; padding: 0;}
.feature-box-home-heading {float: left; width: 50%; font-size: 2.45em; color: #345e79; padding: 30px 0 10px 35px; font-weight: bold;  letter-spacing: -0.05em;}
.feature-box-inner-box {float: right; width: 40%; padding: 15px 20px 10px; color: #fff;}
.feature-box-inner-box strong {font-size: 1.3em; color: #a8cee6;}
.feature-box .af-element {float: left !important; padding: 10px 0 !important;}
.feature-box .privacyPolicy {display: none;}
.feature-box .af-body input.text {padding: 0.5em !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.4); font-size: 1.1em; width: 200px;}
.feature-box input.submit {margin-left: 10px !important; font-weight: bold; 
  background-color: #799844;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#799844), to(#607936));
  background-image: -webkit-linear-gradient(top, #799844, #607936);
  background-image:    -moz-linear-gradient(top, #799844, #607936);
  background-image:     -ms-linear-gradient(top, #799844, #607936);
  background-image:      -o-linear-gradient(top, #799844, #607936);
  background-image:         linear-gradient(to bottom, #799844, #607936);
border-bottom: 1px solid rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); padding: 0.1em 15px 0.3em; height: 2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.3em; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-family: "Myriad Pro", Arial;}

.feature-box-heading {float: left; width: 50%; font-size: 1.5em; color: #345e79; padding-top: 25px; text-align: right; margin-right: 40px;}

.post-feature-box {text-align: center; background: #84aec9 url(images/post-feature-box-bg.png) no-repeat left bottom; padding: 15px 0 0;}
.post-feature-box h2 {margin-top: 0; color: #274d65; font-family: "Myriad Pro", Arial; font-size: 2em;}
.post-feature-box p {color: #396d8e; font-size: 1.4em; font-weight: bold; padding: 0 40px;}
.post-feature-box p strong {color: #fff;}
.post-feature-box-form {padding-left: 120px; padding-bottom: 7px;}
.post-feature-box .af-body input.text {padding: 0.5em !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.4); font-size: 1.1em; width: 200px;}
.post-feature-box .af-element {float: left !important; padding: 10px 0 !important;}
.post-feature-box input.submit {margin-left: 10px !important; font-weight: bold; 
  background-color: #799844;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#799844), to(#607936));
  background-image: -webkit-linear-gradient(top, #799844, #607936);
  background-image:    -moz-linear-gradient(top, #799844, #607936);
  background-image:     -ms-linear-gradient(top, #799844, #607936);
  background-image:      -o-linear-gradient(top, #799844, #607936);
  background-image:         linear-gradient(to bottom, #799844, #607936);
border-bottom: 1px solid rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); padding: 0.1em 15px 0.3em; height: 2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.3em; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-family: "Myriad Pro", Arial;}

.content-text .af-body input.text {padding: 0.5em !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.3) !important; font-size: 1.1em !important; width: 225px;}
.content-text input.submit {margin-left: 10px !important; font-weight: bold; 
  background-color: #799844;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#799844), to(#607936));
  background-image: -webkit-linear-gradient(top, #799844, #607936);
  background-image:    -moz-linear-gradient(top, #799844, #607936);
  background-image:     -ms-linear-gradient(top, #799844, #607936);
  background-image:      -o-linear-gradient(top, #799844, #607936);
  background-image:         linear-gradient(to bottom, #799844, #607936);
border-bottom: 1px solid rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); padding: 0.1em 15px 0.3em !important; height: 2em !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1.3em !important; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-family: "Myriad Pro", Arial;}

.sidebar li#text-20 {padding: 0 0 0 10px;
background: transparent;
border: none;}

a.learn {background: url("http://danjohnson.co/wp-content/uploads/2015/01/learn-to-paint2.jpg"); display: block; width: 228px; height: 182px; text-indent: -9999px; border-radius: 10px; background-size: contain;}
a.learn:hover {opacity: 0.7;}

.hiatus {border: 1px dotted #666; margin: 0 0 1em 0; padding: 1em; background: #eee; border-radius: 5px;}