/*   
Theme Name: eMercedesBenz
Theme URI: www.emercedesbenz.com
Description: eMercedesBenz V2.0
Author: eMercedesBenz
Author URI: www.emercedesbenz.com
Version: 2.0
*/

/* Define Style Elements --------------------------------------------- */


/* Reset Browser CSS ----------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Apply Liquid Background Coloring ---------------------------------------- */

#backgroundTop {
	width: 100%;
	height: 165px;
	background: #6c757c;
	background-image: url('http://www.emercedesbenz.com/magazine/wp-content/themes/emercedesbenz/images/navigation/navBackground.jpg');
	background-repeat: no-repeat;
	background-position: center;
	
}

#backgroundHeader {
	width: 100%;
	background: #545b62;
	border-bottom:  5px solid #6c757c;
	padding-top: 5px;
	height: 415px;
}

#backgroundHeaderArticle {
	width: 100%;
	background: #545b62;
	border-bottom:  5px solid #6c757c;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 310px;
}

#backgroundContent {
	width: 100%;
	background: #fff;
}

#backgroundFooter {
	width: 100%;
	background: #656e76;
	border-top: 5px solid #6c757c;
}

#backgroundCopyright {
	width: 100%;
	background: #6c757c;
	height: 30px;
}

/* Create Navigation Bar ---------------------------------------- */

#navigationLogo {
	width: 517px;
	float: right;
}

#navigationBar {
	width: 465px;
	float: left;
}

#navigationBar ul {
	margin: 0px;
	padding: 0px;
}

#navigationBar li {
	list-style-type: none;
	width: 93px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#navigationBar a  {
	display:block;
	background:url(http://www.emercedesbenz.com/magazine/wp-content/themes/emercedesbenz/images/navigation/tabs.png);
	height:125px;
	text-indent:-9000px;
	text-decoration: none;
}


#navigationBar a.link1:hover {background-position: 0px 125px;}
#navigationBar a.link2 {background-position: -93px 0px;}
#navigationBar a.link2:hover {background-position: -93px 125px;}
#navigationBar a.link3 {background-position: -186px 0px;}
#navigationBar a.link3:hover{background-position: -186px 125px;}
#navigationBar a.link4 {background-position: -279px 0px;}
#navigationBar a.link4:hover {background-position: -279px 125px;}
#navigationBar a.link5 {background-position: -372px 0px;}
#navigationBar a.link5:hover {background-position: -372px 125px;}



/* Establish General Layout Grid and Containers ---------------------------- */

#container {
	width: 980px;
	margin: auto;
}

#subNavigation {
	width: 980px;
	height: 15px;
	margin: auto;
	text-align: right;
	padding: 5px;
}

#navigation {
	width: 982px;
	padding-left: 2px;
	margin: auto;
}

#headerHome {
	width: 980px;
	margin: auto;
}

#headerArticle {
	width: 980px;
	height: 360px;
	margin: auto;
	float: left;
}

#breadcrumb {
	clear: both;
	height: 23px;
	padding-top: 6px;
	border-bottom:  2px solid #ddd;
}

#featuredHome {
	padding-top: 3px;
}

#sidebar {}

#sidebarAdvertise {}

#content {
	margin-right: 323px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}

#footer {
	width: 980px;
	margin: auto;
	margin-top: 20px;
}

#copyright {
	margin: auto;
	width: 980px;
	padding: 10px 0px 0px 0px;
	text-align: right;
}

/* Category Page Elements -------*/

#categorySubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#categoryTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#categorySubTitle3 {
	height: 64px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #ddd;
}

#categorySubTitle4 {
	height: 81px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #ddd;
}


/* Single Post Elements -------*/

#articleTitle {}

#articleShareTop {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#articleBody {}

#articleImageTopSpacer {
	float: left;
}

#articleImage {
	float: left;
	clear:left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 18px;
	text-align: center;
}

.articleImageBodyLeft {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.articleImageBodyRight {
	float: right;
	padding-right: 20px;
	padding-bottom: 10px;
}

#pressRelease {
	width: 85%;
	padding: 5px 20px 5px 20px;
	margin: auto;
	border-left: 2px solid #ddd;
}

#pressReleaseInstruct {
	clear: left;
}

#pressReleaseExpand {
	margin-bottom: -3px;
}

.arrowUp {
	height: 12px;
	width: 12px;
	background-image:url('http://www.emercedesbenz.com/magazine/wp-content/themes/emercedesbenz/images/icons/iconArrowDown.png');
	background-repeat: no-repeat;
}

.arrowDown {
	height: 12px;
	width: 12px;
	background-image:url('http://www.emercedesbenz.com/magazine/wp-content/themes/emercedesbenz/images/icons/iconArrowUp.png');
	background-repeat: no-repeat;
}

#articleShare {
	padding: 5px 0px 10px 0px;
}

#facebookLike {
	padding-bottom: 10px;
}

#commentBody {
	padding-top: 30px;
	padding-bottom: 20px;
}

#relatedStoriesHeading {
	width: 980px;
	margin: auto;
}

#relatedStoriesContent {
	width: 980px;
	margin: auto;
}

.relatedStoriesContainer {
	width: 230px;
	float: left;
}

.relatedStoriesSpacer {
	width: 20px;
	height: 1px;
	float: left;
}

#relatedStoriesFooter {
	width: 980px;
	margin: auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	clear: both;
}

/* Tag Page Elements -------*/

#tagSubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#tagTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#tagPopularBody {
	padding-top: 25px;
	padding-bottom: 20px;
}

#tagListBody {
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* Categories Page Elements --*/

#categoriesSubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#categoriesTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#categoriesBody {}

/* Categories Page Elements --*/

#searchSubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#searchTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#searchBody {}

/* Contact Page Elements --*/

#contactSubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#contactTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#contactBody {}

/* Legal Page Elements -------*/

#legalBody {}

#legalSubscribe {
	padding-top: 5px;
	height: 25px;
	text-align: right;
}

#legalTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

/* Dealer Page Elements ------- */

#dealerTitle {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#articleLinksDealer {
	width: 230px;
	float: left;
}

#articleLinksImageContainer {
	padding-bottom: 30px;
}

.articleLinksDealerIndividual {
	border-top: 1px solid #f1f1f1;
	padding: 2px;
}

.articleLinksDealerIndividualBottom {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 3px;
}

#articleBodyDealer {
	margin-left: 250px;
}

/* Establish Smaller Containers That Fall Inside Above Grid --------------- */

.span {
	margin: auto;
	width: 980px;
}

.threeColumnOne {
	width: 303px;
	float: left;
	padding-right: 20px;
}

.threeColumnTwo {
	width: 292px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.threeColumnThree {
	width: 303px;
	float: right;
	padding-left: 20px;
}

#footer .threeColumnTwo {
	border-left: 1px solid #6c757c;
	border-right: 1px solid #6c757c;
}

.threeColumnSpanTwo {
	margin-right: 323px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}

.sixColumnOne {
	float: left;
	width: 150px;
}

.sixColumnCenter {
	float: left;
	padding-left: 20px;
	width: 150px;
}

.sixColumnTwo {
	float: right;
	width: 150px;
}

.sevenColumnOne {
	float: left;
	width: 140px;
}

#searchBox {
	background-color: #f6f6f6;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}


/* List of FeaturedArticles Elements (Home, Category, Tags, etc.) --*/

.featuredArticleContainerMain {
	width: 323px;
	float: left;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ddd;
}

.featuredArticleContentMain {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

.featuredArticleContainer {
	float: left;
	display: inline;
}

.featuredArticleContent {
	width: 199px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

.featuredArticleSeparator {
	float: left;
	width: 19px;
	height: 1px;
}

.featuredArticleFooter {
	clear: left;
	padding: 5px;
	text-align: right;
	background-color: #f6f6f6;
	border-bottom: 1px solid #fff;
}


/* List of Articles Elements (Home, Category, Tags, etc.) -------*/

.articleContainer {
	padding-top: 30px;
	border-bottom: 1px solid #ddd;
}

.articleContent {
	margin-left: 220px;
}

.articleFooter {
	clear: left;
	padding: 5px;
	text-align: right;
	background-color: #f6f6f6;
	border-bottom: 1px solid #fff;
}

/* List of Comment Elements --------------------------*/

.commentContainer {
	padding-top: 25px;
}

.commentContent {
	margin-left: 70px;
}

.commentFooter {
	clear: left;
	padding: 5px;
	height: 5px;
	text-align: right;
	border-bottom: 1px solid #ddd;
}

#commentPagination {
	padding-top: 5px;
	padding-bottom: 10px;
}

#commentLogin {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top:  1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#commentLoggedIn {
	padding-top: 20px;
	padding-bottom: 5px;
}

#commentFollowupComments {
	margin-top: 15px;
}

.depth-2 {
	margin-left: 70px;
}


/* Article Split (Following Home Page Articles) -------*/

#leftCategorySplit {
	width: 303px;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
}

#rightCategorySplit {
	width: 293px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}


/* Create Spacers and Dividers ---------------------------------------- */

.spacer {
	margin: auto;
	height: 20px;
	clear: both;
}

.spacer30 {
	margin: auto;
	height: 30px;
	clear: both;
}

.spacer25 {
	margin: auto;
	height: 25px;
	clear: both;
}

.spacer15 {
	margin: auto;
	height: 15px;
	clear: both;
}

.spacer10 {
	margin: auto;
	height: 10px;
	clear: both;
}

.spacer5 {
	height: 5px;
	clear: both;
}

.spacer1 {
	height: 1px;
	clear: both;
}

.spacerClearLeft {
	height: 20px;
	clear: left;
}

.spacerClearLeft30 {
	height: 30px;
	clear: left;
}

.spacerClearLeft25 {
	height: 25px;
	clear: left;
}

.spacerClearLeft10 {
	height: 10px;
	clear: left;
}

.spacerClearLeft5 {
	height: 5px;
	clear: left;
}

.spacerClearRight {
	height: 20px;
	clear: right;
}

.horizontalRule {
	border-bottom: 1px solid #ddd;
}

.horizontalRuleTop {
	border-top: 1px solid #ddd;
}

#leftCategorySplit .horizontalRule {
	padding-bottom: 7px;
	margin-bottom: 7px;
}

#rightCategorySplit .horizontalRule {
	padding-bottom: 7px;
	margin-bottom: 7px;
}

#sidebar .horizontalRule {
	padding-bottom: 7px;
	margin-bottom: 7px;
}

.headingRule {
	border-top: 2px solid #ddd;
	padding-top: 5px;
}

#featuredSeparator {
	clear: both;
}

/* Create Left and Right Floats ---------------------------------------- */

.left {
	float: left;
}

.right {
	float:right;
}

.leftPadding {
	float: left;
	padding-right: 10px;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}


/* Form Styling------------------------------------------------------------- */

input[type=text], input[type=password], input.text, input.title, textarea, select {
  background-color: #fff;
  border: 1px solid #bbb;
  margin: 0px;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #444;
}

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
  border-color:#666;
}

#searchBox input[type=text], input[type=password], input.text, input.title, textarea, select {
  background-color: #fff;
  border: 1px solid #bbb;
  margin: 0px;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444;
}

#searchBox input[type=text] {
	background-position: left center;
	background-image: url('http://www.emercedesbenz.com/magazine/wp-content/themes/emercedesbenz/images/icons/searchMagnifyingGlass.gif');
	background-repeat: no-repeat;
	padding-left:16px;
}

#searchButton {
	vertical-align: middle; 
	*vertical-align: text-bottom;
}

.commentButton {
	vertical-align: middle; 
	*vertical-align: text-bottom;
}

.icon {
	vertical-align: middle; 
	*vertical-align: text-bottom;
	padding-bottom: 4px;
	padding-right: 2px;
}

.iconLeft {
	float: left;
	padding-right: 3px;
}

.iconRight {
	float: right;
	padding-right: 3px;
}

/* Contact Form 7 Styling */

.wpcf7 {
	font-size: 11px;
}

.wpcf7 textarea {
	font-size: 12px;
}

.wpcf7 input[type=text] {
	margin-bottom: -3px;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
}

div.wpcf7-mail-sent-ok {
	background: #f0fee9;
	padding: 5px;
	font-weight: bold;
	color: #3a6e1b;
}

div.wpcf7-mail-sent-ng {}

div.wpcf7-spam-blocked {
	background: #ffcfcf;
	color: #801b1b;
	padding: 5px;
	font-weight: bold;
}

div.wpcf7-validation-errors {
	background: #ffcfcf;
	color: #801b1b;
	padding: 5px;
	font-weight: bold;
}

span.wpcf7-form-control-wrap {
	margin: 1px;
}

span.wpcf7-not-valid-tip {
	background: #ffcfcf;
	color: #801b1b;
	width: 280px;
	padding: 5px;
}

span.wpcf7-not-valid-tip-no-ajax {
	background: #ffcfcf;
	color: #801b1b;
	width: 280px;
	padding: 5px;
}

span.wpcf7-list-item {}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	display: none;
	border: none;
	vertical-align: middle;
}


/* Image Gallery Styling---------------------------------------------------- */

.gallery {
    /* gallery clearing*/
    overflow: hidden;
    width: 636px;
	margin-bottom: 15px;
}
.gallery .gallery-item {
    float: left;
	padding: 0px;
    margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 2px;
	text-align: center;
}
.gallery img {
    border: none;
	margin: 0px;
	padding: 0px;
}
.gallery .gallery-caption {
    padding: 0px;
	margin: 0;
	display: none;
}
.gallery br { clear: both }
 

.col-2 { width: 125px; margin-left: 0px; margin-right: 5px; }/* available Columns */
.col-3 { width: 125px; margin-left: 5px; margin-right: 5px; }
.col-4 { width: 125px; margin-left: 5px; margin-right: 5px; }
.col-5 { width: 125px; margin-left: 5px; }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/* Attachment Page Elements */

#galleryBody {}

.galleryNavigation {}


/* Category Pagination Styling ---------------------------------------------------- */


#categoryPagination {
	font-size: 11px;
	width: 100%;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 20px;
}

#categoryPagination a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ddd;
	background-color: #f6f6f6;	
}

#categoryPagination a:hover {	
	border: 1px solid #00aeff;
	color: #00aeff;
	background-color: #fff;
}

#categoryPagination span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	float: left;
}

#categoryPagination span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
}

#categoryPagination span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #ddd;
	background-color: #f6f6f6;
}

/* Custom Login and Registration Styling ---------------------------------------------------- */

#loginCustom {
	font-size: 11px;
	padding-bottom: 30px;
}

#loginTitle {
	border-bottom: 1px solid #ddd;
	padding-top: 15px;
	padding-bottom: 15px;
}

#loginTitle h2 {
	margin-bottom: 5px;
}

#loginCustom form {
padding-top: 10px;
}

.loginDescription {}

.loginField {
	padding-top: 10px;
}

.loginError {
	background: #ffcfcf;
	color: #801b1b;
	padding: 5px;
	margin-top: 10px;
	font-weight: bold;
}

.loginError a {
	color: #801b1b;
}

.loginError a:hover {
	color: #801b1b;
}

.loginError strong {
	color: #801b1b;
}

#loginCustom input[type=password] {
	font-size: 12px;
}


/* Custom User Profile Styling ---------------------------------------------------- */

#profileTitle {
	border-bottom: 1px solid #ddd;
	padding-top: 30px;
}

#profileTitle h2 {
	margin-bottom: 15px;
}

.profileContentLeft {
	border-right: 1px solid #ddd;
	width: 440px;
	float: left;
	margin-bottom: 30px;
	margin-right: 30px;
}

.profileContentRight {
	position: inline;
}

.profileContentSpan {
	width: 980px;
	clear: both;
}

.profilePassword {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 15px;
	padding-bottom: 20px;
	float: left;
	clear: both;
	width: 980px;
}

.profilePassword input[type=password] {
	margin-bottom: 3px;
	margin-right: 3px;
}

.profileField {
	font-size: 11px;
	padding-top: 10px; 
}

.profileUpdated {
	background: #f0fee9;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3a6e1b;
}

.profileError {
	background: #ffcfcf;
	color: #801b1b;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
}

.profileError strong {
	color: #801b1b;
}

.indicator-hint {
	font-size: 11px;
	width: 150px;
	float: right;
	padding: 10px;
	background-color: #f6f6f6;
}

#pass-strength-result {
	background: #fffce2;
	color: #6e6e1d;
	padding: 5px;
	width: 90px;
}

/* Custom User Profile Styling ---------------------------------------------------- */

#errorBody {
	padding-bottom: 40px;
}

#errorBody h2 {
	padding-bottom: 16px;
}

#errorBody p {
	margin-bottom: 16px;
}

/* Custom Comment Subscription Manager ---------------------------------------------------- */

#commentSubscriptionTitle {
	border-bottom: 1px solid #ddd;
	padding-top: 30px;
}

#commentSubscription h2 {
	margin-bottom: 15px;
}

#commentSubscription h3 {
	margin: 15px 0px 15px 0px;
}

#commentSubscription p {
	margin-bottom: 16px;
}

#commentSubscription ol li {
	border: none;
	font-size: 11px;
}

.commentSubscriptionSpan {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 30px;
	margin-bottom: 30px;
}

.commentSubscriptionContentLeft {
	border-right: 1px solid #ddd;
	width: 460px;
	float: left;
	clear: left;
	padding-right: 30px;
}

.commentSubscriptionContentRight {
	margin-left: 520px;
}

.commentSubscriptionWarning {
	padding: 50px 0px 50px 0px;
}

.commentSubscriptionError {
	background: #ffcfcf;
	color: #801b1b;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
}

.commentSubscriptionMessage {
	background: #f0fee9;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3a6e1b;
}

.commentSubscriptionMessage strong {
	font-weight: bold;
	color: #3a6e1b;
}

#commentSubscription .updated p {
margin-bottom: 0px;
}