/*
Theme Name: Brain Lava
Theme URI: http://www.brainlava.com
Author: Nicole Pullin
Author URI: http://brainlava.com
Description: Modified HTML5 starter theme based off Ian Stewart's HTML5 Toolbox Theme with other goodies added plus chunks of Paul Irish's HTML5 Boilerplate mixed in for good measure. Shaken well. 
Version: 1.0
*/

/*----------------------------------------------------------------------------------------------------
	ADD FONTS
----------------------------------------------------------------------------------------------------*/	

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'ChunkFiveRegular';
    src: url('fonts/Chunkfive-webfont.eot?') format('eot'),
         url('fonts/Chunkfive-webfont.woff') format('woff'),
         url('fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('fonts/Chunkfive-webfont.svg#webfont90E2uSjN') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*----------------------------------------------------------------------------------------------------
	HTML5 element display
----------------------------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/*----------------------------------------------------------------------------------------------------
   Base
----------------------------------------------------------------------------------------------------*/
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {  margin: 0; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #A85FA9; color:#fff; text-shadow: none; }
::selection { background:#A85FA9; color:#fff; text-shadow: none; } 

/*----------------------------------------------------------------------------------------------------
   Links
----------------------------------------------------------------------------------------------------*/
a, a:active, a:visited { text-decoration: none; color: #a85fa9; -webkit-transition:color 0.30s ease-in; -moz-transition:color 0.30s ease-in; -o-transition:color 0.30s ease-in; transition:color 0.30s ease-in;}
a:hover, a:active { outline: 0; }
a:hover { color: #95ae03; text-decoration: none;}
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/*----------------------------------------------------------------------------------------------------
   Typography
----------------------------------------------------------------------------------------------------*/
body, button, input, select, textarea { font-size:13px; line-height: 1.231; *font-size:small; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; color: #333; }
select, input, textarea, button { font:99% sans-serif; }
p {line-height: 18px; margin: 0px; padding-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
small { font-size: 85%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong, th { font-weight: bold; }
blockquote { margin: 10px; padding: 0px 10px; font-family: Georgia, serif; font-weight:bold; font-style: italic; border: solid 1px #cfcfcf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fcfcfc;}
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;,  white-space: pre-line; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 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;}

/*----------------------------------------------------------------------------------------------------
   Lists
----------------------------------------------------------------------------------------------------*/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
ol { list-style-type: decimal; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/*----------------------------------------------------------------------------------------------------
   Embedded content
----------------------------------------------------------------------------------------------------*/
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/*----------------------------------------------------------------------------------------------------
   Figures
----------------------------------------------------------------------------------------------------*/
figure { margin: 0; }

/*----------------------------------------------------------------------------------------------------
   Forms
----------------------------------------------------------------------------------------------------*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
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; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {  background-color: #f0dddd; border-radius: 1px;-moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;box-shadow: 0px 0px 5px red; }
textarea { overflow: auto; vertical-align: top; }

/*----------------------------------------------------------------------------------------------------
   Tables
----------------------------------------------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
td, td img { vertical-align: top; } 

/*----------------------------------------------------------------------------------------------------
   Primary styles
----------------------------------------------------------------------------------------------------*/
/* Structure */
body {background: #fff url('img/header-footer.png') repeat-x 0px -536px; }
#page { display: block; min-width: 960px; margin: 0 auto; position: relative; padding-bottom: 50px; min-height: 800px; max-width: 1200px;width: 80%;}
#main {margin-left: 250px; z-index: 2; position: relative;}
#main .widget-area { float: right; overflow: hidden; width: 220px; }
#colophon { padding: 0px 0 0 0px; clear: both; display: block;background: #fff url('img/header-footer.png') repeat-x 0px -163px; position: relative; }
#primary {padding-right: 40px; }

/* Increase the size of the content area for templates without sidebars */
.full-width #content, .image-attachment #content, .error404 #content { margin: 0; }

/* Alignment */
.alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Header */
#static-ribbon { background: transparent url('img/left-nav.png') no-repeat 0px -25px; position: fixed; width: 207px; height: 457px; top: 15px }
h1#site-title, h1#site-title a { display: block;width: 200px; height: 135px; margin: 0px 0px; text-indent: -9000px; background: transparent url('img/left-nav.png') no-repeat 0px 0px;  }
#section-title, #archive-title, .page-id-2 .entry-title, .page-id-33 .entry-title  { font: 48px/50px 'LeagueGothicRegular', Arial, sans-serif; margin: 0px; letter-spacing: 0; padding: 45px 0 0 250px; color: #a599b2; text-shadow: -1px -1px 1px rgba(0, 0, 0, 1); }
#site-description, .archive .page-title { font: 18px/44px 'ChunkFiveRegular', Georgia, serif; letter-spacing: 1px; margin: 0px; color: #a599b2; text-shadow: -1px -1px 1px rgba(0, 0, 0, 1); padding-bottom: 35px;}
#site-description { padding-left: 250px; }
#branding {z-index: 3;position: relative;}
.header-bg { background: transparent url('img/lava-header.jpg') no-repeat top right; position: absolute; z-index: 0; display: block; width: 715px; height: 190px; top: -1px; right: -10px; }

/* Archive Styling */
.archive #content { margin-top: 0px;}
.page-template-archives-php #main {top: -25px; }
.page-template-archives-php #section-title {text-indent: -99999px;}
#archive-title {position: absolute; top: -104px; padding: 0px;}
#sitemap aside { width: 33%; float: left; position: relative; top: 30px;}
#sitemap #searchform { margin-top: 20px; }

/* About Page Styling */
.page-id-2 .entry-title, .page-id-33 .entry-title { position: absolute; top: -115px; padding: 0px }
.page-id-2 #section-title, .page-id-2 #site-description, .page-id-33 #section-title, .page-id-33 #site-description {text-indent: -99999px;}

/* Menu */
#access { display: block; float: left; margin: 0 auto 1em; width: 100%; font: 32px/50px 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 0; }
#access ul { list-style: none; margin: 0; padding-left: 0;  }
#access li { float: left; position: relative; }
#access a { display: block; text-align: center; width: 203px; position: relative; z-index: 5; margin: 0px 0px 0px;text-decoration: none; text-transform: uppercase; color: #e4bad5; text-shadow: -1px -1px 1px rgba(0, 0, 0, 1); }
#access li#the-blog-menu a, .page-template-archives-php #access li#archives-menu a, .page-id-2 #access li#about-menu a, .page-id-33 #access li#contact-menu a   { color: #d8dd7e; }
#access li#the-blog-menu b, .page-template-archives-php #access li#archives-menu b, .page-id-2 #access li#about-menu b, .page-id-33 #access li#contact-menu b { display: block; top: -3px; right: -5px;background: transparent url('img/nav-hover.png') no-repeat right top; position: absolute; width: 69px; height: 58px; z-index: 0;}
.page-template-archives-php #access li#archives-menu b {background-position: 0px -90px; left: 0px; top: 0px;}
.page-id-2 #access li#about-menu b {background-position: right -163px; right: 10px; top: 0px; }
.page-id-33 #access li#contact-menu b {background-position: 0px -235px; left: 16px; top: 0px;}
.page-template-archives-php #access li#the-blog-menu a, .page-id-2 #access li#the-blog-menu a, .page-id-33 #access li#the-blog-menu a { color: #e4bad5; }
.page-template-archives-php #access li#the-blog-menu b, .page-id-2 #access li#the-blog-menu b, .page-id-33 #access li#the-blog-menu b { display: none; }
#access a:hover { color: #d8dd7e !important;}
ul#media-links {list-style: none; margin: 0px; padding: 0px; } 
ul#media-links li { float: left; margin-right: 19px; margin-top: 6px; }
ul#media-links li a {display: block; width: 54px; height: 52px; text-indent: -99999px}
ul#media-links li a:hover {background: transparent url('img/icon-hovers.png') no-repeat 0px 0px; }
ul#media-links li#RSS a:hover {background-position: -146px 0px; }
ul#media-links li#linked-in a:hover {background-position: -73px 0px; }
ul#media-links li#RSS { margin-right: 0px; }

/* Content */
h1.entry-title, #sitemap h2 { font:24px/30px 'ChunkFiveRegular', Georgia, serif; letter-spacing: 1px; margin: 0px; color: #342645; text-shadow: -1px -1px 1px rgba(231, 226, 236, 1); 	}
h1.entry-title a {color: #342645;}
h1.entry-title a:hover {color: #a85fa9; }
.entry-content h2 {font:26px/30px 'LeagueGothicRegular', Arial, sans-serif;margin: 0px; padding: 15px 0px 0px; text-shadow: -1px -1px 1px rgba(236, 236, 236, 1); }
.entry-content h3 {font:14px/20px 'ChunkFiveRegular', Georgia, serif;padding: 40px 0px 0px; margin: 0px; text-shadow: -1px -1px 1px rgba(236, 236, 236, 1); }
.entry-header .entry-meta { font-style: italic; color: #666; font-size: 12px;}
.entry-header .entry-meta a:link, .entry-header .entry-meta a:visited {color: #666; border-bottom: dotted 1px #666;} 
.entry-header .entry-meta a:hover { color: #a85fa9; }
.entry-category { font: 18px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing: 1px; text-transform: uppercase; margin: 0px; padding: 5px 0px 10px;}
.entry-category a {color: #666;}
#content nav { display: block; overflow: hidden; }
#content nav .nav-previous { float: left; width: 50%; }
#content nav .nav-next { float: right; text-align: right; width: 50%; }
#content #nav-above { display: none; }
.paged #content #nav-above,
.single #content #nav-above { display: block; }
#nav-below { margin: 1em 0 0; }
.page-link { margin: 0 0 1em; }
.post {padding-bottom: 50px; }

/* Images */
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .entry-summary .attachment-thumbnail { max-width: 100%;  height: auto; padding: 10px; background: #ffffff; border: solid 1px #ccc; -moz-box-shadow: 0 0 1px 1px #ccc; -webkit-box-shadow: 0 0 1px 1px #ccc; box-shadow: 0 0 1px 1px #ccc;}
.entry-summary .attachment-thumbnail {float: left;  margin-right: 1em;}
blockquote, .syntaxhighlighter {-moz-box-shadow: 0 0 1px 1px #ccc; -webkit-box-shadow: 0 0 1px 1px #ccc; box-shadow: 0 0 1px 1px #ccc;}
img.alignleft { margin-right: 1em; }
img.alignright { margin-left: 1em; }
.wp-caption { padding: .5em; text-align: center; }
.wp-caption img { margin: .25em; }
.wp-caption .wp-caption-text { margin: .5em; }

/* Forms - Class for labelling required form items */
.required { color: #cc0033; }

/* Comments */
article.comment { display: block; position: relative;}
#respond {position: relative; }
#respond input[type=text] { float: right; margin: 0 0 0 1em; width: 75%; border: solid 1px #CCC; padding: 2px 4px; height: 20px;}
#respond label {line-height: 24px; font-weight: bold; }
#respond .comment-form-comment label { display: none; }
#respond textarea { margin: 0 1em 1em 0; float: left; width: 80%; border: solid 1px #ccc; } 
#respond .form-allowed-tags { clear: both; width: 80%; }
#respond .form-allowed-tags code { display: block; }
#comments-title { font: 30px/46px 'LeagueGothicRegular', Arial, sans-serif;   margin: 0px; color: #342645; text-shadow: -1px -1px 1px rgba(231, 226, 236, 1);  border-top: dotted 2px #876fa2; padding-top: 20px; margin-top: 50px; }
#reply-title { margin-bottom: 0px; font:16px/26px 'ChunkFiveRegular', Georgia, serif; color: #342645; border-top: dotted 2px #876fa2; padding-top: 20px;  }
ol.commentlist, ol.commentlist .children { list-style-type: none; margin: 0px; padding: 0px; }
ol.commentlist .children { margin-left: 70px; }
ol.commentlist li { margin: 0px; padding: 10px 0px; }
ol.commentlist p {padding-left: 72px; }
.comment-author img {padding: 10px; background: #ffffff; border: solid 1px #ccc; -moz-box-shadow: 0 0 1px 1px #ccc; -webkit-box-shadow: 0 0 1px 1px #ccc; box-shadow: 0 0 1px 1px #ccc;float: left; margin-right: 10px;}
.comment-meta {border-top: solid 1px #CCC; margin-top: 5px; padding-top: 5px; font-size: 85%; font-style: italic;}
.reply { position: absolute; top: 8px; right: 0px;}
.reply a {color: #fff;  padding: 3px 5px; background-color: #644D7E; font: 10px/18px Georgia,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;}
.comment-form-author, .comment-form-email, .comment-form-url { width: 50%;  }
#submit {color: white; padding: 3px 5px; background-color: #644D7E; border: solid 1px #644D7E; font: 10px/18px Georgia,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;}
#respond input[type="checkbox"] { vertical-align: middle; }
#respond .ie7 input[type="checkbox"] { vertical-align: middle; }


/* Footer */
#footer-content { padding: 0 0 30px 250px;  font-size: 12px; line-height: 18px; position: relative; background: #fff url('img/header-footer.png') repeat-x 0px -163px}
#footer-wrapper { margin: 0 auto; max-width: 1200px; min-width: 960px; width: 80%; }
.lava-footer { background: transparent url('img/lava-footer.png') no-repeat 0px 0px; display: block; width: 186px; height: 125px; position: absolute; top: -15px; left: 10px; text-indent: -999999px;}
#footer-content ul {margin: 0px; padding: 0px;  list-style: none;}
#footer-content aside { width: 31%; float: left; position: relative; top: 10px; padding-right: 15px;}
#footer-content .widget-title { text-shadow: -1px -1px 1px rgba(0, 0, 0, 1); margin: 10px 0px 0px; font: 30px/46px 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 1.0; color: #E4BAD5; }
#footer-content small {clear: both; color: #a599b2; line-height: 20px;}
#footer-content #about {padding-right: 0px; float: right;}
#footer-content p { margin: 0px 0px 10px; color: #a599b2;}
#footer-content ul { margin: 0px; color: #a599b2;}
#footer-content li {padding-bottom: 10px;}
#footer-content a {color: #dadd9c;}
#footer-content a:hover { color: #d8dd7e !important;}
.more b {font-size: 9px;}
#copyright {padding: 40px; text-align: center; }

/* Search Form */
#searchform label {display: none; }
#s, #searchsubmit {padding: 4px 4px; width: 285px; height: 20px; background: #E4BAD5; color: black; border: solid 2px #271b35; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#searchsubmit {border: solid 2px #271B35; background: #644D7E; color: white; width: auto; height: 31px; font: 10px Georgia,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; position: relative; top: -2px;}

/*----------------------------------------------------------------------------------------------------
   Non-semantic helper classes
   Please define your styles before this section.
----------------------------------------------------------------------------------------------------*/

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

/* 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 */
.archive #site-description, .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

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

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*----------------------------------------------------------------------------------------------------
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
----------------------------------------------------------------------------------------------------*/
@media (max-height: 800px) {
	/* Style adjustments for laptop display */
  #page {min-height: 400px;}
}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}

@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, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media (max-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; } */
	.header-bg {display: none;}	
	#page {width: 480px; font-size: 16px !important;}
	p {line-height: 20px; }
	#static-ribbon { position: relative; background-image: none; width: 480px; height: auto;}
	#footer-content { width: 480px; padding-left: 0px; font-size: 16px;line-height: 20px; }
	#footer-content aside {float: none !important; width: 98%; padding: 0 5px;}
	#main {margin-left: 0px; width: 98%; padding: 0 5px; }	
	#footer-content .widget-title {font-size: 40px; }
	.lava-footer { width: 186px; height: 125px;00 position: absolute; top: -55px; right: 10px; left: auto;}
	h1#site-title, h1#site-title a  {width: 172px;height: 97px; background: transparent url('img/left-nav.png') no-repeat -14px -25px; float: left;}
	#section-title, #site-description {display: none; }
	#access {width: 270px; float: right; padding: 0px 10px 0 0; font: 38px/60px 'LeagueGothicRegular', Arial, sans-serif;}
	#access a {width: 135px; text-align: right;}
	#access b {background-image: none !important;}
	.page-id-2 .entry-title, .page-id-33 .entry-title { position: relative; top: 0px;text-shadow: -1px -1px 1px rgba(231, 226, 236, 1); color: #342645; }
}
@media (max-width: 508px) {  
	.header-bg {display: none;}	
	#page {width: 508px; font-size: 16px !important;}
	p {line-height: 20px; }
	#static-ribbon { position: relative; background-image: none; width: 508px; height: auto;}
	#footer-content { width: 508px; padding-left: 0px; font-size: 16px;line-height: 20px; }
	#footer-content aside {float: none !important; width: 98%; padding: 0 5px;}
	#main {margin-left: 0px; width: 98%; padding: 0 5px; }	
	#footer-content .widget-title {font-size: 40px; }
	.lava-footer { width: 186px; height: 125px;00 position: absolute; top: -55px; right: 10px; left: auto;}
	h1#site-title, h1#site-title a  {width: 172px;height: 97px; background: transparent url('img/left-nav.png') no-repeat -14px -25px; float: left;}
	#section-title, #site-description {display: none; }
	#access {width: 270px; float: right; padding: 0px 10px 0 0; font: 38px/60px 'LeagueGothicRegular', Arial, sans-serif;}
	#access a {width: 135px; text-align: right;}
	#access b {background-image: none !important;}
	.page-id-2 .entry-title, .page-id-33 .entry-title { position: relative; top: 0px;text-shadow: -1px -1px 1px rgba(231, 226, 236, 1); color: #342645; }
}
/* Portrait */
@media (max-width: 320px) {
	#branding {background: white url('img/header-footer.png') repeat-x 0px -446px;}
	#page, #footer-content  {width: 320px; }
	#static-ribbon {width: 320px; height: 240px; margin-bottom: 10px;}
	#access {width: 300px; position: absolute; right: 0px; top: 110px;}
	#access a {width: 150px; text-align: center; line-height: 50px; }
	h1#site-title, h1#site-title a  {float: none; margin: 0px auto;}
	.lava-footer {right: -15px;}
	#footer-content {padding-top: 40px; }
}

/*----------------------------------------------------------------------------------------------------
   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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}