/*
Theme Name: Vintage Works
Theme URI: http://vintageworks.ie
Description: A custom theme designed exclusively for Vintage Works.
Version: 1.0
Author: YelpMedia
Author URI: http://yelpmedia.com/
*/

body {
	height:2600px;
	background: #fff url(images/vin-bg.jpg) repeat-x;
	
	
	}


#main-content {
	height:730px;	
	}
#wrapper {
	background-image:url(images/body-bg.jpg);
	width:960px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	min-height: 1045px;
	border: medium solid #000;
	}
	
#header {
	border-bottom-color:#FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;	
	
	}
#nav {
	border-bottom: #FFF thin solid;
	width:960px;
	display:inline;
	list-style:none;
	decoration:none;
	position: absolute;
	height: 30px;
	z-index: 10;
	background-image: url(images/nav-bg.png);
	top: 205px;
	padding-top:10px;
	}


#nav li a {
	 margin-top:30px;
	 margin-left:60px;
	 text-indent:-9999px;
	 text-decoration:none;}
.nav, .nav1, .nav2 {
	padding-right:20px;
	margin-left:25px;
	padding-top:20px;
	border-right:thin solid #FFF;
	}
.nav2{
	border:none;
	}

#slider {
	height:300px;
	margin-left:40px;
	margin-top:60px;
	
	}
#ironwork {left:5px;}	
#ironwork, #coachbuilding {
	background-image:url(images/box-bg.jpg);
	width:350px;
	height:300px;
	border:medium #000;
	position: relative;
	top: 10px;
	border:solid thin #FFF;
	margin-left:70px;
			}

.desc {
	height:50px;
	border-bottom:thin solid #FFF;
	background-image:url(images/foot-bg.png);
	}
.desc p {font-family:Arial, Helvetica sans-serif;  color:#FFF; padding-left:20px; font-size:28px !important;}
#ironwork p, #coachbuilding p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	margin-top:-10px;
	
	}

	
.img {
	margin-left:50px;
	margin-top:-17px;
	border:solid thin #666;
	
}

.img2 {
	margin-left:30px;
	
	border:solid thin #666;
	
}

#display-img {
	margin-top:-20px;
	}


#display-img img{
	margin-top:-5px;
    margin-left:-5px;
}

#ironwork a, #coachbuilding a {
	text-indent:-9999px;
	}

#coachbuilding {
	
	height:300px;
	border:medium #000;
	position: relative;
	top: -293px;
	left: 460px;
	border:solid thin #FFF;
	}


#boxes {
	position:relative;
	background-color:#063;
	
	}
#ironwork .link, #coachbuilding .link {
	margin-left:275px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
		
	}
	
#iron, #coach{
	margin-top:40px;
	
	width:960px;
	height:700px;
	background-image:url(images/foot-bg.png);
	
	}
.heading {
	height:20px;
	border-bottom:thin solid #FFF;
	background-image:url(images/foot-bg.png);
	width:340px;
	padding:5px;
	}

	
#iron p , #coach p {
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:20px;
	text-align: justify;
	color:#FFF;
	}
#iron a, #coach a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	padding-left:20px;
	}
	
#iron a:hover, #coach a:hover {
	text-decoration:underline;
	color: #ff9900;
	}

#table, #table-coach{
	float:right;
	width:450px;
	height:400px;
	margin-top:25px;
	clear:both;
	background-repeat: no-repeat;
	margin-right:25px;
	border: thin solid #000;
	}


	
/*#gallery {
	width:700px;
	Height:525px;
	background-color:#fff;
	
	}*/
	
.1 {
	margin-left:500px;
	}

.2 {
	margin-left:250px;
	}
.pic {
	background-color:#333;
	width:480px;
	float:left;
	padding:10px;
	clear:both;
	}
	
#gallery ul li {
	
	padding:5px;
	
	}
#footer p {display:inline; font-family:Arial, Helvetica, sans-serif;font-size:.75em;color:#FFF;padding-left:30px;}
#footer{clear:both;width:960px; height:25px;background-image:url(images/foot-bg.png);padding-top:5px;margin-top:-30px;}
#foot{float:right;width:960px; height:25px;background-image:url(images/foot-bg.png);padding-top:5px;margin-top:50px;}

.heading {
	height:25px;
	border-bottom:thin solid #FFF;
	background-image:url(images/foot-bg.png);
	}
	
	
.heading p {font-family:Arial, Helvetica sans-serif; font-size:28px; color:#FFF; padding-left:20px; padding-top:10px;}


#gal-wrap {
	margin-top:40px;
	
	width:960px;
	height:910px;
	background-image:url(images/foot-bg.png);
	
	}
	
	
.pics, .pics2, .pics3, .pics4 {
	padding-top:10px;
	margin:10px;
	width:800px;
	padding:20px;
    background-image:url(images/foot-bg.png);}
	
.pics p, .pics2 p, .pics3 p, .pics4 p {font-family:Arial, Helvetica sans-serif; font-size:16px; color:#FFF; padding-left:5px; }

#footer p {display:inline; font-family:Arial, Helvetica, sans-serif;font-size:.75em;color:#FFF;padding-left:30px;}
#footer{width:960px; height:25px;background-image:url(/images/foot-bg.png);padding-top:5px;margin-top:-30px;}


#contact {
	margin-top:40px;
	
	width:960px;
	height:805px;
	background-image:url(images/foot-bg.png);
	border: thin solid #000;
	}
	
#table-coach {
	float:right;
	width:250px;
	height:345px;
	background-image:url(images/services1.jpg);
	margin-top:25px;
	clear:both;
	background-repeat: no-repeat;
	margin-right:10px;
	border: thin solid #000;
	}
	
#gallery {
	width:900px;
	Height:2080px;
	/*background-color:;*/
	margin-left:25px;
	}
	
#gallery .desc {
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
#gallery a {
	text-decoration:none;
	font-size:12px;
	
	}
	
.table {
	height:300px;
	}
#contact-form {
	width:550px;
	height:580px;
	margin-left:10px;
	margin-top:20px;
	background-image:url(images/foot-bg.png);	
	}

.contact{
	float:left;
	margin-top:-125px;
	
	clear:both;
	}
	
.desc {
	height:50px;
	border-bottom:thin solid #FFF;
	background-image:url(images/foot-bg.png);
	}
.desc p {font-family:Arial, Helvetica sans-serif;  color:#FFF; padding-left:20px; padding-top:10px;font-size:28px !important;}

#map_canvas {
	float:right;
	margin-right:5px;
	width:380px;
	height:250px;
	background-image:url(images/foot-bg.png);
	margin-top:20px;
	}
	
#store {
	width:930px;
	height:710px;
	margin-left:10px;
	margin-top:20px;
	background-image:url(images/contact-bg.png);
	}
	
#store h1 {font-family:Arial, Helvetica, sans-serif;font-size:2.5em;color:#FFF;padding-left:40px;padding-top:10px;}
#store p { font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#FFF; } 
#store h2 {font-family:Arial, Helvetica, sans-serif; font-size:2.5em; color:#FFF; }
#pic {width:380px; height:300px;background-color:#000;float:right;margin-top:-300px; margin-right:5px;}
#pic p {margin-top:5px;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-left:10px;}
#footer p {display:inline; font-family:Arial, Helvetica, sans-serif;font-size:.75em;color:#FFF;padding-left:30px;}
#footer{width:960px; height:25px;background-image:url(images/foot-bg.png);padding-top:5px;margin-top:-30px;}
.news{width:700px;height:150px;background-color:#CCC;border:thin solid #FFF;margin-left:60px;margin-top:10px;}
.news h3{font-family:Arial, Helvetica, sans-serif;font-size:.75em;padding:10px;}


.news a:hover{color:#000;}
.news h4{font-family:Arial, Helvetica, sans-serif;font-size:1.5em;}

.post {width:750px;min-height:200px;background-color:#CCC;border:thin solid #FFF;margin-left:60px;margin-top:10px;padding:10px;}
.post h4{padding-left:180px;font-family:Arial, Helvetica, sans-serif;font-size:2em;}
.post a{font-family:Arial, Helvetica, sans-serif;font-size:1em;text-decoration:none;color:black;}
.post p{font-family:Arial, Helvetica, sans-serif;color:black;margin-top:10px;}
.post a:hover {color:white;}
.preview {float:left;border:1px grey solid;margin-top:-40px;margin-right:10px;}
.moretext{color:black;border:thin solid black;background:white;padding:2px;float:right;margin-top:10px;}
#small small {color:#000;padding:2px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;}
blockquote {font-family:"Arial Narrow", sans-serif;font-style:italic;font-size:.85em;padding-left:20px;padding-top:20px;padding-bottom:20px;}

#car_sales {margin-top:40px;background-image:url(images/foot-bg.png);min-height:1360px;}
#car_gallery {width:750px;margin:auto;}
#car-pix {
	width:930px;
	height:800px;
	margin-left:10px;
	margin-top:20px;
	background-image:url(images/contact-bg.png);
	}


/*IE HACK*/html>body .yourclass {.mech {width:450px; height:250px; background-color:#CCC; clear:both; margin-top:570px;} }	
.pix {width:475px; height:450px; background-color:#CCC; float:right;margin-bottom:5px;}
.specs {width:700px; height:420px; margin-left:15px;padding:10px;}


#car-detail {padding-left:25px;}
#car-detail .mech {width:450px; height:250px; background-color:#CCC; margin-top:470px;}
#car-detail .comments{display:block; width:450px; min-height:250px; background-color:#ccc; margin-left:455px;margin-top:-250px} 
#car-detail .body{display:block; width:450px; min-height:250px; background-color:#ccc; margin-top:20px;} 
#car-detail .interior{float:right;display:block; width:450px; min-height:250px; background-color:#ccc; margin-right:5px;margin-top:-250px} 

.mech h1, .comments h1,.body h1,.interior h1, .desc h1 {font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-right:180px; padding-bottom:20px; padding-top:15px;padding-left:10px; background-color:#333;}
.mech p, .comments p, .body p,.interior p{font-family:Arial, Helvetica, sans-serif; padding:10px;}
#footer p {display:inline; font-family:Arial, Helvetica, sans-serif;font-size:.75em;color:#FFF;padding-left:30px;}
#footer{width:960px; height:25px;background-image:url(images/foot-bg.png);padding-top:5px;margin-top:-30px;}
.desc a {text-decoration:none;font-family:Arial, Helvetica, sans-serif;padding-left:10px;color:#FFC;padding:5px;}
.desc a:visited{color:#FFC;}
.desc a:hover {color:#F00;}

.navigation, .wp-pagenavi a, .wp-pagenavi a:link {
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #717171;	
}

.navigation,.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #efecc1;	
}
.navigation,.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.navigation,.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #fc0404;
	background-color: #FFFFFF;	
}
.navigation,.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 0px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.navigation,.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #fc0404;
	background-color: #FFFFFF;
}
.navigation,.wp-pagenavi span.extend {
	
	width:770px;
	padding: 2px 4px 2px 0px;
	margin-top: 5px;
	margin-left:58px;	
	border: 1px solid #000000;
	color: #000000;
	background-color:#CCC;
}

#featured {
	margin:auto;
	margin-top:50px;
	width:810px;
	background-image:url(images/foot-bg.png);
	
	}
	
.post-meta {
list-style-type: none;
}
.post-meta-key {
display: none;
}

#container {margin-left:50px;width:900px;height:500px;margin:auto;background-color:#000000;padding:10px;}
.spec-table{width:500px;float:right;margin-top:-380px;background-color:#000000;border:none;}
#photo {background-color:#000000;width:400px;min-height:370px;}
#car-detail{margin-top:-350px;margin-left:-10px;}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display:block;
	margin-left:5px;
	margin-top:10px;
	position:absolute;}



.hoverbox img
{
	background: #fff;
	
	color: inherit;
	
	vertical-align: top;
	width: 90px;
	height: 65px;
}

.hoverbox li
{
	display: block;
	float: left;	
	position: relative;
}

.hoverbox .preview
{
	border-color: #ffffff;
	width: 450px;
	height: 350px;
}

#table .tosh {display:inline;padding-right:4px;margin-left:-15px;width:100px;}
.mosh {display:none;}
#table a:hover .mosh{display:block;position:absolute;width:450px;margin-left:3px;padding:2px;}
/*Safari Hack*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
 #table a:hover .mosh{display:block;position:absolute;width:450px;margin-left:4px;padding:2px;margin-top:105px;} 
  }
.big{padding:2px;margin-left:3px;width:450px;}


/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}
#title h4 {}
/*.wp-post-image{float:left;margin-right:20px;margin-top:-30px;border:5px solid #fff;}*/

#single {margin-top:50px;}
#single .post{width:850px;}
#single .post h4 {float:left;}
/*#single .wp-post-image {float:left;margin-top:60px;margin-bottom:10px;}*/

#single .entry {clear:both;margin-left:20px;}
#title {width:850px;height:40px;background-color:#a0a0a0;border-bottom:thin solid #fff;padding:10px;margin-left:-10px;margin-top:-10px;margin-bottom:10px;}

#tabs {margin-top:450px;margin-left:20px;padding-left:10px;}
#head{background-color:#555555;padding:10px;width:50%;}

#content{background-color:gray;}
#head h1 {color:#fff;font-family:Arial, Helvetica, sans-serif;}
#tabs p {font-family:Arial, Helvetica, sans-serif;padding:10px;}

/*Post Thumbnail*/
.squareThumb {float:left;margin-right:20px;margin-top:-40px;border:5px solid #fff;}
.bigThumb{margin-left:5px;border:5px solid #fff;margin-bottom:10px;}

.more {font-size:2em;color:#fff;}
