/*

Theme Name: Toyota Connections
Theme URI: http://www.toyotaconnections.com/
Description: Custom theme for ToyotaConnections.com.
Version: 1.0
Author: Stephen Spann
Author URI: http://www.22squared.com/
Tags: custom

*/

/* global/wrapper styles */



html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	
	background: #2b2b2b url('images/gradient_bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
}

body {
	
	
	color:#494c49;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrapper {
	
	background: url('images/striped_bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
	
	/* 955 minus padding */
	width:935px;
	padding: 15px 10px 15px 10px;
	
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	margin: 0 auto -24px;
}

/* generic wordpress image styles */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.left {
	float: left;
}

.right {
	float: right;
}

img {
	border: 0;
}

img.border {
	border: 1px solid #fff;
}

h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	margin: 0;
}

.mainImage img {
	border: 1px solid #fff;
}

a {
	color: #494c49;
	/*text-decoration: none;*/
}

a:hover {
	text-decoration: underline;
}

/* header styles */

#header {
	/* 1px margin to match image borders */
	width:935px;
	height: 196px;
}

#header .top.left {
	margin-left: 1px;
	width: 717px;
	height: 135px;
	border-bottom: solid 7px #494c49;
}

#header .top.left h1 {
	margin: 0;
}

#header .top.left h3 {
	margin-top: 3px;
	margin-bottom: 0;
}

#header .top.right {
	width: 207px;
	height: 135px;
	border-bottom: solid 7px #494c49;
	font-size:11px;
}

#header .top.right .label {
	float: left;
	width: 62px;
	line-height: 30px;
	clear: both;
}

#header .top.right img {
	margin-left: 6px;
	margin-bottom: 7px;
}

#header .top.right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#header .top.right ul li {
	display: inline;
}

#header .top.right input[type=text] {
	width: 159px;
	height: 26px;
}

#header .bottom.left {
	width: 720px;
	margin-bottom: 10px;
}

#header .bottom.left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .bottom.left ul li {
	display: inline;
}

#header .bottom.left .topNav {
	height: 43px;
	float: left;
	text-align: center;
	width: 239px;
}

#header .topNav a {
	font-size: 13px;
	color: #494c49;
}

#header .bottom.left #navHome {
	background: url('images/nav_this_edition.jpg');
}

#navHome.active a {
	cursor: default;
}

#header .bottom.left #navArticles {
	background: url('images/nav_featured_articles.jpg');
}

#header .bottom.left #navLetter {
	width: 241px;
	background: url('images/nav_letter_from_the_editor.jpg');
}

#navLetter.active a {
	cursor: default;
}

#header .topNav .active a {
	font-size: 17px;
	color: #ffffff;
}

#header .bottom.right {
	width: 207px;
	margin-bottom: 8px;
}

#header .bottom.right img {
	margin-top: 10px;
}

/* category dropdown */
.categoryDropdown {
	position: absolute;
	z-index: 99;
	border: 1px solid #fff;
	display: none;
	
	-moz-box-shadow:0 4px 30px #000000;
}

.categoryDropdown .category {
	width: 237px;
	height: 44px;
	border-top: 1px solid #fff;
	line-height: 44px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
}

.categoryDropdown .category a {
	text-decoration: none;
}

.categoryDropdown .category a:hover {
	/*text-decoration: underline;*/
}

.categoryDropdown .category.first {
	border-top: 0;
}

.categoryDropdown .destinations {
	background: url('images/nav_category_bg_destinations.jpg');
}

.categoryDropdown .restAndRelaxation {
	background: url('images/nav_category_bg_r_and_r.jpg');
}

.categoryDropdown .lifestyle {
	background: url('images/nav_category_bg_lifestyle.jpg');
}

.categoryDropdown .foodAndDrink {
	background: url('images/nav_category_bg_food_and_drink.jpg');
}

.categoryDropdown .meAndMyToyota {
	background: url('images/nav_category_bg_me_and_my_toyota.jpg');
}

.categoryDropdown .toyotaVehicles {
	background: url('images/nav_category_bg_toyota_vehicles.jpg');
}

#header .categoryDropdown .destinations a {
	color: #b5c100;
}

#header .categoryDropdown .restAndRelaxation a {
	color: #ee145b;
}

#header .categoryDropdown .lifestyle a {
	color: #40d8ca;
}

#header .categoryDropdown .foodAndDrink a {
	color: #ff7905;
}

#header .categoryDropdown .meAndMyToyota a {
	color: #91965d;
}

#header .categoryDropdown .toyotaVehicles a {
	color: #00aeef;
}


/* offers dropdown form */

.offerForm {
	position: absolute;
	z-index: 98;
	border: 1px solid #fff;
	background-color: #e4e2e2;
	display: none;
	
	padding: 10px;
	margin-top: -2px;
	
	-moz-box-shadow:0 4px 30px #000000;
}

.offerForm input {
	display: inline;
}

.offerForm .header {
	font-size: 14px;
	clear: both;
	margin-bottom: 10px;
}

.offerForm ul {
	list-style: none;
	background-color: #fff;
	width: 184px;
	margin: 0;
	padding: 0;
}

.offerForm .zip {
	width: 110px;
	height: 26px;
	margin-bottom: 10px;
}


/* homepage */

#welcomeBlock {
	/* width one less than comp */
	width: 183px;
	height: 176px;
	border: 1px solid #fff;
	background: url('images/welcome_bg.jpg');
	float: left;
	color: #fff;
	padding: 10px;
}

#welcomeBlock .header {
	font-weight: bold;
	font-size: 24px;
}

#welcomeBlock .name, #welcomeBlock .message {
	font-weight: bold;
	font-size: 16px;
}

#welcomeBlock .message {
	margin-top: 10px;
}

#welcomeBlock .title {
	margin-top: 10px;
}

#welcomeBlock a {
	color: #fff;
}

#welcomeBlock .currentIssue {
	margin-top: 10px;
}

#welcomeBlock .subscribeLinks {
	margin-top: 10px;
}

.homepageTopArticle {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.homepageTopArticle .topArticleTitleBG {
	height: 46px;
	width: 353px;
	background-color: #000;
	/* IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.80;
	z-index: 50;
	position: absolute;
	border: 1px solid #fff;
	cursor: pointer;
}

.homepageTopArticle .topArticleTitle {
	z-index: 51;
	position: absolute;
	color: #fff;
	padding: 10px;
	cursor: pointer;
}

.homepageTopArticle .topArticleTitle .category a {
	color: #fff;
	text-decoration: none;
}

.homepageTopArticle .topArticleTitle .category a:hover {
	text-decoration: underline;
}

.homepageTopArticle .topArticleTitle h4 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
}

.homepageTopArticle .topArticleTitle h4 a {
	color: #fff;
	text-decoration: none;
}

.homepageTopArticle .summary {
	margin-top: -2px;
}

.bottomArticleColumn, .bottomArticleColumnLast {
	float: left;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}

.bottomArticleColumn {
	margin-right: 10px;
}

.bottomArticleColumnLast {
	margin-right: 0;
}

.articleSummary {
	width: 352px;
	height: 119px;
	border: 1px solid #fff;
	background-color: #fff;
	margin-top: 10px;
}



.articleSummary.top {
	margin-top: 0;
}

.homepageThumbnail {
	width: 119px;
	height: 119px;
	float: left;
}

.homepageArticleInfo {
	width: 214px;
	height: 102px;	
	float: left;
	margin-left: 10px;
}

.homepageArticleInfoWide {
	width: 333px;
}

.homepageArticleInfo .infoText {
	height: 96px;
	overflow: hidden;
	margin-bottom: 5px;
}

.homepageArticleInfo .title a {
	font-size: 14px;
	color: #494c49;
	text-decoration: none;
}

.homepageArticleInfo .title a:hover {
	text-decoration: underline;
}

.homepageArticleInfo .credits {
	font-style: italic;
	font-size: 10px;
}

.homepageArticleInfo .category img {
	margin-right: 2px;
}

.homepageArticleInfo .category a {
	color: #888;
	text-decoration: none;
}

.homepageArticleInfo .category a:hover {
	text-decoration: underline;
}

.homepageArticleInfo .readMore {
	float: right;
	height: 20px;
}

.homepageArticleInfo .readMore a {
	color: #d71920;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}

.homepageArticleInfo .readMore a:hover {
	text-decoration: underline;
}

/* sidebar items */

.contestPod {
	float: right;
	/*border: 1px solid #fff;*/
}

.contestPod.article {
	margin: 10px 0;
}

.relatedPosts {
	width: 181px;
	height: 172px;
	background-color: #fff;
	padding: 13px;
}

.relatedPosts h4 {
	font-size: 14px;
	margin-top: 0;
}

.relatedPosts ul {
	list-style: none;
	padding-left: 0;
}

.relatedPosts li {
	margin-bottom: 10px;
}

.relatedPosts li img {
	margin-right:3px;
}

.relatedPosts li a {
	color: #494c49;
	text-decoration: none;
}

.relatedPosts li a:hover {
	text-decoration: underline;
}



/* content pages */

.content {
	clear: both;
}

.leftColumn {
	width: 718px;
}

.rightColumn {
	width: 207px;
}

/* articles */

.articleHeader {
	width: 718px;
	height: 198px;
	background-color: #fff;
}

.articleHeader .mainImage img {
	float: left;
}

.articleInfo {
	float: left;
	margin-left: 10px;
	margin-top: 11px;
	width: 345px;
}

.articleInfo.wide {
	width: 708px;
}

.articleInfo .infoText {
	height: 145px;
}

.articleInfo .credits {
	font-style: italic; 
}

.articleInfo .category {
	margin-top: 5px;
}

.articleInfo .category img {
	margin-bottom: -1px;
	margin-right: 2px;
}


.articleInfo .category a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

.articleInfo .category a:hover {
	text-decoration: underline;
}

.articleInfo .excerpt {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.articleInfo ul.buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.articleInfo ul.buttons li {
	display: inline;
	margin: 0 2px;
}

.articleInfo ul.buttons li.first {
	margin-left: 0;
}

.articleInfo ul.buttons li.last {
	margin-right: 0;
}

.articleInfo .rateThisCell {
	padding-left: 5px;
}

.articleInfo .rateThis {
	width: 168px;
	height: 29px;
	background: url('images/btn_rate_this_bg.jpg');
	float: right;
	padding-top: 6px;
	padding-left: 7px;
	color: #fff;
	margin-right: 0px;
}

.articleInfo.wide .rateThis {
	margin-right: 6px;
}

.articleInfo .rateThis .message {
	padding-top: 4px;
}
	
.articleBody {
	background-color: #fff;
	margin: 10px 0;
	padding: 19px 13px;
}

.articleBody p {
	margin: 10px 0;
}

/* pages */

.mainTitle {
	width: 698px;
	background-color: #fff;
	margin-bottom: 10px;
	clear: left;
	padding: 10px;
}

.mainTitle h1 {
	/*padding: 10px;*/
}

.mainTitle ul {
	list-style: none;
	padding: 0;
}

.mainTitle li {
	display: inline;
	margin-right: 10px;
}



/* footer */

#contentFooter {
	clear: both;
}

#contentFooter .right {
	background-color: #fff;
	width: 420px;
	height: 78px;
	font-size: 10px;
	color: #888;
	padding: 6px 10px;
}

#contentFooter .right p.question {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #494c49;
	margin-bottom: 2px;
}

#contentFooter .right li {
	margin-bottom: 1px;
}

#contentFooter .right li input {
	margin-right: 5px;
}

#contentFooter .right.vote {
	width: auto;
	height: auto;
	margin-bottom: 0;
}

#contentFooter .right.vote input {
	margin-top: 25px;
}

#background .push, #wrapper .push {
	clear: both;
	height: 19px;
	margin:0 auto;
	padding:0;
	width:935px;
	
}

#footer {
	width: 955px;
	height: 24px;
	margin: 0 auto;
	background: url('images/footer_bg.gif');
	background-repeat: repeat-y;
	background-position: top center;
	line-height: 24px;
	color: #b7b7b7;
	font-size: 9px;
}

#footer a {
	color: #b7b7b7;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .left {
	font-size: 8px;
	text-transform: uppercase;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: inline;
	margin: 0 2px;
}

#footer li .first {
	margin-left: 0;
}

#footer li .last {
	margin-right: 0;
}

/* modals */
/* over write thickbox styles */

/* error text */
.errorText {
	color: #f00;
	font-weight: bold;
}

#TB_title {
	background-color:#e4e2e2;
	/*width: 520px;*/
	height:38px;
	/*border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;*/
	color: #494c49;
	font-weight: bold;
	font-size: 18px;
}

#TB_ajaxWindowTitle {
	float:left;
	padding:10px 10px 4px;
}

#TB_ajaxContent {
	background-color:#e4e2e2;
	/*border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;*/
	color: #383632;
}

#TB_ajaxContent p.legal {
	font-size: 10px;
	line-height: 11px;
}

#feedbackModal {
	line-height: 23px;
}

#TB_ajaxContent h4 {
	margin-top: 17px;
	margin-bottom: 0;
}

#TB_ajaxContent h4.optional {
	margin-top: 0;
}

#TB_ajaxContent .rule {
	height: 15px;
	border-bottom: 1px solid #888988;
	margin-bottom: 15px;
}

#TB_ajaxContent .rule.first {
	height: 9px;
	margin-bottom: 13px;
}

#TB_ajaxContent input[type=text] {
	height: 17px;
	border: 0;
	padding: 9px;
}

#TB_ajaxContent input.firstName {
	width: 180px;
	/*margin-right: 10px;
	margin-bottom: 12px;*/
}

/* MI field was removed from all forms */
#TB_ajaxContent input.middleInitial {
	width: 23px;
	/*margin-right: 10px;
	margin-bottom: 8px;*/
}

#TB_ajaxContent input.lastName {
	width: 266px;
	/*margin-bottom: 8px;*/
}

/* general formatting for table cells with input fields */
#TB_ajaxContent td {
	padding: 4px;
	/*text-align: center;*/
}

#TB_ajaxContent td.formCellFull {
	padding: 4px 0;
}

#TB_ajaxContent td.formCellLeft {
	padding: 4px 4px 4px 0;
	text-align: left;
}

#TB_ajaxContent td.formCellRight {
	padding: 4px 0 4px 4px;
	text-align: right;
}

#TB_ajaxContent input.email {
	width: 293px;
	/*margin-right: 10px;*/
}

#TB_ajaxContent input.phone {
	width: 153px;
}

#TB_ajaxContent textarea {
	width: 472px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
}

#TB_ajaxContent .comments {
	height: 54px;
}

#TB_ajaxContent .lookingFor {
	height: 54px;
}

/* send to a friend */
#sendModalContent input.yourName {
	width: 472px;
}

#sendModalContent input.yourEmail {
	width: 472px;
	margin-top: 10px;
}

#sendModalContent textarea.friendsEmail {
	margin-top: 10px;
	height: 100px;
}

#sendModalContent textarea.yourComments {
	margin-top: 10px;
	height: 100px;
}

#TB_ajaxContent .submit {
	margin-top: 10px;
	float:  right;
}

/* get connected */

#connectedModalContent p {
	margin-bottom: 0;
}

#connectedModalContent #vehicleCheckboxes {
	font-size: 9px;
}

#connectedModalContent .leftColumn {
	width: 490px;
	padding: 0 10px 0 0;
}

#connectedModalContent .rightColumn {
	border-left: 1px solid #888988;
	width: 409px;
	padding: 0 0 0 10px;
}

#connectedModalContent .comments {
	width: 373px;
}

/* get connected (owner) */

#connectedOwnerModalContent input.vinNumber {
	width: 472px;
}

#connectedOwnerModalContent input.address, #connectedModalContent input.address {
	width: 472px;
}

#connectedOwnerModalContent input.city, #connectedModalContent input.city {
	width: 258px;
}

#connectedOwnerModalContent #connectedOr {
	margin: 0;
	padding: 0;
}

#connectedOwnerModalContent input.state, #connectedModalContent input.state {
	width: 50px;
}

#connectedOwnerModalContent input.connectedZip, #connectedModalContent input.connectedZip {
	width: 100px;
}

/* send us your story */

#storyContent input.storyZip {
	width: 153px;
}

/* extra div for ie6 (share icon separation) */
.headerPush {
	diplay: none;
}

/* generic sidebars */

.articleSidebar {
	margin-top: 10px;
	clear: right;
	border: 1px solid #fff;
	background-color: #fff;
}

.articleSidebar h4 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
}

.articleSidebarHeader {
	background-color: #339a99;
	padding: 10px;
}

.articleSidebarBody {
	padding: 10px;
	color: #000;
	background-color: #9acccd;
}

.articleSidebarBody ul {
	margin:0;
	padding:0 0 0 15px;
}

.articleSidebarBody li {
	margin: 0;
	word-wrap: break-word;
}

.articleSidebarBody a {
	color: #000;
	font-style: italic;
	text-decoration: none;
}

.articleSidebarBody a:hover {
	text-decoration: underline;
}

.articleSidebarBody td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* address book styles */

.articleSidebarBody .addressBook ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}

/* article-specific sidebars */

/* festival fever spring 2010 */
#articleSidebar420 strong {
	color: #feff33;
}

#articleSidebar420 ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}

#articleSidebar420 li {
	margin: 0;
}

#articleSidebar420 a {
	color: #fff;
	font-style: italic;
	text-decoration: none;
}

#articleSidebar420 a:hover {
	text-decoration: underline;
}

/* the big green egg spring 2010 */
#articleSidebar421 a {
	color: #fff;
}

#articleSidebar421 h5 {
	color: #ffcc33;
	font-size: 14px;
	margin: 10px 0;
}

#articleSidebar421 h6 {
	color: #ffcc33;
	font-size: 12px;
	margin: 10px 0 5px;
}

/* bass pro shops fall 2010 */
#sidebarBody651 {
	padding-top: 0px;	
}

#sidebarBody651 p {
	margin-top: 0px;	
}