/* style sheet for Rick Nicolaas Collector Cars site */
/* copyright dan james britchford 2014 */
/* all rights reserved */

/*

Theme Name: Rick Nicolaas Collector Cars
Theme URI: http://www.ricknicolaas.com/
Description: 'created for Rick Nicolaas'
Author: DJB
Author URI: http://www.liftingthebar.com
Version: 1.0

*/

/* reset */

html, body, div, span, object, h1, h2, h3, h4, p, blockquote, pre, a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

* {
-webkit-font-smoothing: subpixel-antialiased;
}

body {
	line-height:1.5;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
}

ol, ul {
	list-style:none;
}

p {
	width:100%;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

/* end of reset */

/* holder stylings */

html, body {
	width:100%;
	height:100%;
	clear:both;
}

/* clearfix */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* clearfix */

/* container clearfix */

.container:before,
.container:after {
  content:"";
  display:table;
}
.container:after {
  clear:both;
}
.container {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* container clearfix */

.wrap {
	width:100%;
	background:rgb(101,101,101);
	padding:10px 0;
}

.contentWrap {
	width:780px;
	clear:both;
	overflow:hidden;
	margin:auto;
	/* fallback */
	background-color: rgb(230,230,230);
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(230,230,230)), to(rgb(170,170,170)));

	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, rgb(230,230,230), rgb(170,170,170));

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, rgb(230,230,230), rgb(170,170,170));

	/* IE 10 */
	background: -ms-linear-gradient(top, rgb(230,230,230), rgb(170,170,170));

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, rgb(230,230,230), rgb(170,170,170));
}

.ie-fix .wrap {
	padding-top:150px;
}

.ie-fix .content, .ie-fix #albums {
	min-height:25px !important;
}

/* general styling */

h1 {
	font-size:25px;
	line-height:25px;
	text-transform:uppercase;
}

h1#mainTitle {
	font-size:35px;
	padding:10px;
	text-align:right;
	color:rgb(121, 121, 121);
	text-transform:none;
	font-weight:normal;
}

/* header styles */

header.mainHeader {
	overflow:hidden;
	clear:both;
	padding:10px 0;
	margin:0 10px;
	border-bottom:2px solid #ddd;
}

header.mainHeader span#logo {
	display:inline-block;
	background:url(images/mainlogo.png) no-repeat;
	background-size:111px 181px;
	width:111px;
	height:181px;
	float:left;
}

header.mainHeader ul#siteNav {
	overflow:hidden;
	padding:10px;
	float:right;
}

ul#siteNav li.siteNavLi {
	float:left;
	margin-left:10px;
}

ul#siteNav li.siteNavLi a {
	text-decoration:none;
	color:#666666;
}

ul#siteNav li.siteNavLi a:hover {
	color:#999999;
}

ul#siteNav li.siteNavLi.active a {
	color:#66ABC5;
	font-weight:bold;
}

/* content styles */

section.content {
	padding:10px;
	overflow:hidden;
	font-size:13px;
	min-height:800px;
}

section.content h1 {
	margin-bottom:10px;
}

div.user_editable_content {

}

div.user_editable_content p {
	display:block;
	margin:10px 0;
}

div.user_editable_content p:first-child {
	margin-top:0;
}

section.content div#welcome_page_blurb {
	padding:10px;
	color:rgb(102,102,102);
}

section.content div.featuredSales {
}

section.content div#single_page_content {
	padding:10px;
}

section.content div#single_page_content p {
	color:rgb(128,128,128);
	font-size:13px;
	line-height:18px;
	font-weight:normal;
}

section.content div.bottom_post_view_images {
	padding:10px;
}

section.content ul#bottom_post_thumbnail_holder {
	overflow:hidden;
	margin-bottom:10px;
}

ul#bottom_post_thumbnail_holder li {
	margin:0 5px 0 0;
	padding:0;
	display:inline-block;
	cursor:pointer;
	width:100px;
	height:75px;
}

ul#bottom_post_thumbnail_holder li.active {
	border:2px solid rgb(30, 124, 253);
}

div.bottom_post_view_images div#bigImgHolder img {
	cursor:pointer;
}

section.content table.carDetails {
	padding:0 10px;
	font-size:13px;
	color:rgb(128,128,128);
}

span.carYear {
	color:rgb(183, 97, 78);
	font-size:22px;
	float:right;
	display:block;
}

ul.forsale_bottom_menu {
	padding:10px;
	overflow:hidden;
}

ul.forsale_bottom_menu li {
	float:left;
	margin-right:10px;
}

ul.forsale_bottom_menu li a {
	color:rgb(183, 97, 78);
	font-weight:bold;
	text-decoration:none;
}

/* News post articles */

a#archiveLink {
	float:right;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	color:rgb(183, 97, 78);
}

article.newsPost {
	overflow:hidden;
	padding:5px;
	border-bottom:2px solid gray;
}

article.newsPost:last-child {
	border-bottom:none;
}

article.newsPost h2 {
	display:inline-block;
	text-transform:uppercase;
}

article.newsPost h2 a {
	color:rgb(183, 97, 78);
	text-decoration:none;
	font-size:18px;
}

article.newsPost span.newsMeta {
	font-weight:bold;
	color:rgb(128,128,128);
	display:inline-block;
	margin-left:10px;
}

article.newsPost div.newsContent {
	display:block;
	margin:10px 0 0 0;
}

div.newsContent p {
	color:#6f6f6f !important;
}

article.newsPost img.post_thumbnail {
	float:right;
	border:2px solid gray;
	margin:5px 0 5px 10px;
}

a.read-more {
	color:rgb(183, 97, 78);
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	display:block;
	margin:10px 0 0 0;
}

/* Single post styles */

section.content.single-post h1 {
	text-transform:none;
	padding:5px;
}

section.single-post img.featured_image {
	margin:auto;
	display:block;
}

div.nextAndPrevPostMeta {
	overflow:hidden;
	padding:10px;
}

article.adjacentPost {
	background:rgb(180,180,180);
	display:inline-block;
	padding:10px;
	width:75px;
	cursor:pointer;
}

article.adjacentPost#nextPost {
	float:right;
}

article.adjacentPost#prevPost {
	float:left;
}

article.adjacentPost a.adjacentPostType {
	text-decoration:none;
	text-align:center;
	margin-bottom:5px;
	color:black;
	display:block;
}

article.adjacentPost h3 a {
	color:rgb(183, 97, 78);
	text-decoration:none;
}

article.adjacentPost h3 {
	text-align:center;
}

article.adjacentPost img.adjacent_post_img {
	margin:auto;
	display:block;
}

/* Contact page styles */

img.author_image {
	border:10px solid rgb(180,180,180);
}

section.content div#contact_page_blurb {
	padding:0 10px;
	color:#666666;
	float:left;
	width:380px;
}

section.content div#contact_page_blurb p {
	color:#666666;
}

section.content div#contact_page_blurb h1 {
	text-transform:none;
	font-size:16px;
	color:rgb(60,60,60);
	margin-top:10px;
}

section.content div#contactDetails {
	float:right;
	width:310px;
	padding:10px;
	margin-right:10px;
	background:rgb(180,180,180);
}

div#contactDetails td.contactDetail {
	text-transform:uppercase;
	color:rgb(183, 97, 78);
	padding-right:10px;
}

/* Archive page styles */

section.content#archive_list {
	padding:20px;
}

section#archive_list ul li a {
	font-size:16px;
	color:rgb(183, 97, 78);
	text-transform:uppercase;
	text-decoration:none;
	margin-right:20px;
}

/* For Sale page styles */

section.content#forsale_content {
	padding:20px;
}

section.content article.forSaleItem {
	overflow:hidden;
	width:350px;
	float:left;
	margin:20px 0;
}

section.content article.featuredSaleItem {
	overflow:hidden;
	width:350px;
	-moz-box-shadow:5px 5px 2px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow:5px 5px 2px 0px rgba(0,0,0,0.8);
	box-shadow:5px 5px 2px 0px rgba(0,0,0,0.8);
	margin-bottom:15px;
}

section.content article.forSaleItem:nth-child(odd) {
	margin-left:40px;
}

article.forSaleItem div.containForSaleImages, article.featuredSaleItem div.containForSaleImages {
	overflow:hidden;
	position:relative;
	width:350px;
	height:250px;
	display:block;
}

article.forSaleItem h2 {
	text-align:center;
}

article.forSaleItem h2 a {
	color:rgb(60,60,60);
	font-size:16px;
	text-decoration:none;
}

article.forSaleItem div.containForSaleImages img.imagesOfForSaleItem, article.featuredSaleItem div.containForSaleImages img.imagesOfForSaleItem {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:350px;
	margin-bottom:10px;
	opacity:0;
	transition:opacity 0.3s ease;
}

article.forSaleItem span.numberOfForSalePhotos {
	font-style:italic;
	display:block;
	clear:both;
	text-align:center;
}

article.forSaleItem span.displaySoldMessage {
	font-size:60px;
	color:red;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:150px;
	height:80px;
	display:block;
	z-index:3;
}

/* Slideshow styles */

ul.imageSelectionHolder {
	overflow:hidden;
	border-radius:8px;
	padding:20px;
	background:rgba(0,0,0,0.6);
	margin:auto;
	opacity:0;
	display:inline-block;
	transition: opacity 0.3s ease-out;
}

ul.imageSelectionHolder:hover {
	opacity:1;
}

ul.imageSelectionHolder li {
	float:left;
	margin-right:10px;
	height:75px;
}

ul.imageSelectionHolder li.active {
	border:2px solid blue;
}

ul.imageSelectionHolder li:last-child {
	margin-right:0;
}

ul.imageSelectionHolder li img {
	width:100px;
}

div.slideShowImage {
	width:878px;
	height:756px;
	margin:auto;
	position:relative;
}

div.imageUnderLay {
	position:absolute;
	bottom:0px;
	height:100px;
	width:100%;
	opacity:0.8;
	background:-webkit-linear-gradient(top, rgb(50,50,50), transparent);
	display:none;
}

div.slideShowImage img {
	width:878px;
	opacity:0;
	transition: opacity 0.5s ease-out;
	/*-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(black));*/
	position:absolute;
	top:0;
	left:0;
}

div.slideShowImage img:first-child {
	opacity:1;
}

div.containerDiv {
	width:900px;
	margin:auto;
	text-align:center;
}

/* LPPTSAWL page */

div.user_editable_content#lpptsawl_list {
	padding:0 10px;
}

div#lpptsawl_list ul {
	list-style:disc;
	list-style-type:disc;
	margin:0 0 1em 1.5em;
}

/* Links */

div.contain_links {
	margin:auto;
	width:720px;
	overflow:hidden;
}

.links_wrapper {
	width:320px;
	float: left;
	box-sizing: border-box;
}

.links_wrapper:first-child {
	margin:0 40px 0 25px;
}

.col {
	list-style-type: none;
}

.linksone li img {
	-webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.94);
	-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.94);
	box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.94);
}
.linkstwo li img {
	-webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.94);
	-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.94);
	box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.94);
}

.col li {margin: 5px 0; display: inline-block; width: 100%;}