/* @override http://toyotagiving.com/wp-content/themes/giving/style.css */

/*
Theme Name: GIVING
Theme URI: http://toyotagiving.com/
Author: 206
Author URI: http://206inc.com/
Description: Toyota Giving.
Version: 1.0
License: Not Yours.
License URI: nope
Tags: toyota, giving, prius
Text Domain: Giving
*/


html,body,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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
img,object,embed{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;color: #999;margin:0;padding:0; text-decoration: underline;
}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a:hover,a:active{outline:none}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
body{font:13px Arial, Helvetica, Geneva, Freesans, sans-serif}
body,select,input,textarea, h3, h4, h5, p span {color:#444}
a:hover{color:#444; text-decoration: underline;
}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection,::selection{background:#444;color:#fff;text-shadow:none}


.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* @group Toyota */


/*
      ___           ___           ___           ___           ___           ___     
     /\  \         /\  \         |\__\         /\  \         /\  \         /\  \    
     \:\  \       /::\  \        |:|  |       /::\  \        \:\  \       /::\  \   
      \:\  \     /:/\:\  \       |:|  |      /:/\:\  \        \:\  \     /:/\:\  \  
      /::\  \   /:/  \:\  \      |:|__|__   /:/  \:\  \       /::\  \   /::\~\:\  \ 
     /:/\:\__\ /:/__/ \:\__\     /::::\__\ /:/__/ \:\__\     /:/\:\__\ /:/\:\ \:\__\
    /:/  \/__/ \:\  \ /:/  /    /:/~~/~    \:\  \ /:/  /    /:/  \/__/ \/__\:\/:/  /
   /:/  /       \:\  /:/  /    /:/  /       \:\  /:/  /    /:/  /           \::/  / 

							+-+-+-+-+-+-+ +-+-+-+-+-+-+
							|T|o|y|o|t|a| |G|i|v|i|n|g|
							+-+-+-+-+-+-+ +-+-+-+-+-+-+
 
    /::\  \        /\  \      /:/  /         /\  \      /::|  |       /::\  \   
   /:/\:\  \       \:\  \    /:/  /          \:\  \    /:|:|  |      /:/\:\  \  
  /:/  \:\  \      /::\__\  /:/__/  ___      /::\__\  /:/|:|  |__   /:/  \:\  \ 
 /:/__/_\:\__\  __/:/\/__/  |:|  | /\__\  __/:/\/__/ /:/ |:| /\__\ /:/__/_\:\__\
 \:\  /\ \/__/ /\/:/  /     |:|  |/:/  / /\/:/  /    \/__|:|/:/  / \:\  /\ \/__/
  \:\ \:\__\   \::/__/      |:|__/:/  /  \::/__/         |:/:/  /   \:\ \:\__\  
   \:\/:/  /    \:\__\       \::::/__/    \:\__\         |::/  /     \:\/:/  /  
    \::/  /      \/__/        ~~~~         \/__/         /:/  /       \::/  /   
     \/__/                                               \/__/         \/__/    
     
  */   
  
.gallery-item{
	margin: 0 !important;
}
.gallery-item a{
	background-color: #fff !important;
	color: #fff !important;
	border-style: none !important;
	float: left;
}
.gallery-item img{
	border: 5px solid #fff !important;
	padding: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#wrapper {
	width: 775px;
	margin: 0 auto;
	background: url('img/sidebar.jpg') repeat-y 445px 0;
} 
h1 {
	background:  url('img/logo.png') no-repeat left top;
	width: 447px;
	height: 165px;
	margin: 0 0 0 -140px;
	padding-top:40px;
} 
header {
	position: relative;
}
header figure {
	background:  url('img/cars.png') no-repeat left top;
	width: 491px;
	height: 320px;
	position: absolute;
	top: 0;
	right: -35px;
}
h3 {
	font-size: 45px;
	line-height: 40px;
	margin: 0;
}
.entry-content h3 {
	font-size: 30px !important;
	line-height: 30px;
	margin: 0;
}
h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	color: #444;
}
.fontface h3 {
	font-size: 45px;
}
nav {
	width: 391px;
	border-top: 6px dotted #878686;
	border-bottom: 6px dotted #878686;
	padding: 8px 0;
	margin: -20px 0 40px 0;
}
nav a {
	font-size: 14px;
	line-height: 14px;
	color: #444;
	text-decoration: none;
	padding: 4px 7px;
	margin: 0 10px 0 0;
}
nav ul {
	height: 15px;
}
nav li {
	float: left;
}
.fontface nav a {
	font-size: 16px;
	font-weight: bold;
}
nav a:hover, nav a.active, .current-menu-item a {
	background: #8bdee1;
	text-decoration: none;
	border-radius: 5px;
}
section {
	width: 403px;
	float: left;
	padding: 0 45px 0 0;
}
article {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 6px dotted #878686;
	line-height: 18px;
}  
p {
	margin: 0 0 10px 0;
}
.timestamp {
	font-weight: bold;
	display: block;
	padding: 10px 0 0 0;
}
aside {
	float: left;
	width: 254px;
	color: #fff;
	padding: 0 36px;
	margin: 30px 0 0 0;
}
aside h4 {
	font-size: 63px;
	line-height: 55px;
	font-weight: bold;
	color: #d3d3d3;
	margin: 0 0 10px 0;
}
.fontface aside h4 {
	font-size: 86px;
	line-height: 62px;
}
aside h4 span,
aside figcaption {
	color: #8bdee1;
	font-size: 31px;
	line-height: 32px;
}
.fontface h4 span,
.fontface aside figcaption {
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0;
}
aside figcaption {
	font-weight: bold;
	letter-spacing: -1px;
	white-space: nowrap;
	margin: 40px 0 0 0;
}
aside li, .tweet {
	border-top: 2px solid #817d77;
	padding: 10px 0;
}
.tweet a {
	color: #8bdee1;
	text-decoration:none;
}
.tweet a:hover {
	color: #8bdee1;
	text-decoration:underline;
}
.tweet .avatar, .tweet .time, .tweet .mt_user {
	display: none;
}
.nav-previous a, .nav-next a {
	font-weight: bold;
	text-decoration: none;
}
.nav-previous {
	padding: 0 20px 0 0;
}
.partner_site a {
	color: #444;
	font-weight:bold;
	text-decoration:none;
}
.partner_site a:hover {
	color: #444;
	font-weight:bold;
	text-decoration:underline;
}

aside figure li {
	border: none;
}
footer {
	position: fixed;
	bottom: 0;
	z-index: 2013;
	height: 20px;
	padding: 8px 0;
	width: 100%;
	background-color: #221f1f;
	color: #fff;
	
}  
#footer_wrap {
	width: 775px;
	margin: 0 auto;
	position: relative;
}
footer small, footer p {
	float: left;
	font-size: 12px;
}
footer p {
	position: absolute;
	top: 0;
	right: 0;
}
footer a {
	color: #fff;
	font-size: 12px;
	text-decoration:none;
	margin: 0 3px;
}

footer a:hover {
	color: #8bdee1;
	font-size: 12px;
	text-decoration:underline;
	margin: 0 3px;
}

#home .entry-content a {
	color: #444;
	background-color: #ccfdff;
	text-decoration:none;
}

#home .entry-content a:hover {
	color: #444;
	background-color: #ffffff;
	text-decoration:underline;
}

.tweet_list a {
	color: #CCFDFF;
	text-decoration: none;
}
.tweet_time {
	display: none;
}

     
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}


/* @end */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; clear: both; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { 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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  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; }
}