/*
Theme Name: Alexander Price Music theme
Theme URI: http://www.lundesign.co.uk
Description: The theme for AlexanderPriceMusic.com.
Version: 1
Author: Lundesign
Author URI: http://www.lundesign.co.uk
Tags: black, widgets, custom, music, modern

*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
	
    	body {
			margin: 0 auto;
			width: 960px;
			background-color: #000;
			color: #fff;			
			font-family: Arial, Helvetica, sans-serif;			
		}
		
		a {
			color: #fff;
			text-decoration: none;
		}
		
		h1 {
			background: url("images/ap-logo.png") no-repeat 0 0;
			text-indent: -999999px;
			width: 409px;
			height: 118px;
		}
		
			a.heading {
				outline:none;
			}
		
		h2 {
			margin-bottom: 8px;
		}
		
		p {
			font-size:14px;
			line-height:20px;
			padding-bottom:4px;
			margin-bottom: 10px;
		}
		
		strong {
			font-weight: bold;
		}
		
		div#wrapper {
			padding: 20px 20px 0;
			background: url("images/main-bg.jpg") no-repeat 0 0;
			height: 768px;
			position: relative;
		}
		
			div#wrapper a {
				text-decoration: underline;
				color:#fff;
			}
		
		.singlecol {
			width: 580px;
			height: 384px;
			padding: 0 26px 20px 20px;
			margin-top: 40px;
			margin-bottom: 20px;
			background-color: #333;
			background: url("https://www.opendrive.com/files?19333521_KJd4s") no-repeat 0 0;}
		
			.singlecol h2, .wide h2 {
				margin-left: -20px;
				width: 200px;
				text-indent: -999999px;
			}
			
			h2.News {
				background: url("images/news-sm.png") no-repeat 0 0;
			}
			
			h2.Music {
				background: url("images/music-sm.png") no-repeat 0 0;
			}
			
			h2.Videos {
				background: url("images/videos-sm.png") no-repeat 0 0;
			}
			
			h2.Gallery {
				background: url("images/gallery-sm.png") no-repeat 0 0;
			}
			
			h2.Bio {
				background: url("images/bio-sm.png") no-repeat 0 0;
			}
			
			h2.Press {
				background: url("images/press-sm.png") no-repeat 0 0;
			}
			
			h2.Links {
				background: url("images/links-sm.png") no-repeat 0 0;
			}
			
			h2.Contact {
				background: url("images/contact-sm.png") no-repeat 0 0;
			}
		
			.singlecol div.content {
				overflow: hidden;
				height: 328px;
				padding-right: 10px;
			}
			
				.singlecol div.content .entry {
					margin-bottom: 18px;
					border-bottom: 1px dotted #fff;
					padding-bottom: 10px;
				}
			
				.singlecol div.content ul {
					font-size:14px;
					line-height:20px;
					padding-bottom:4px;
					list-style-type: disc;
					margin-left: 28px;
				}
			
				.singlecol div.content p.sub-date {
					font-size: 11px;
				}
				
	img.singlecolimg {
		position: absolute;
		top: 20px;
		right: 14px;
		z-index: 1;
	}
	
	img.homemain {
		margin-bottom:72px;
		margin-left:180px;
		margin-top:-57px;
	}
	
	/* gallery */
	
	.gallerymain {
		width: 560px;
		height: 328px;
		border: 1px solid#ccc;
		float:left;
		text-align: center;
	}
	
	.gallerynav {
		float:right;
		width: 300px;
	}
	
		.gallerynav div {
			width: 300px;
			height: 300px;
			float:left;
		}
		
		.gallerynav div.show {
			display: inline;	
		}
		
		.gallerynav div.hide {
			display: none;
		}
	
			.gallerynav div a {
				display: block;
				width: 90px;
				height: 90px;
				border: 1px solid #ccc;
				float:left;
				margin: 0 0 8px 8px;
			}
			
	
	/* Gallery videos */
	
	div.galleryouter.video p {
		text-align: center;
	}
	
	/* wide 2 column styles */
	.wide {
		width: 884px;
		height: 384px;
		padding: 0 20px 20px;
		margin-top: 40px;
		margin-bottom: 20px;
		background-color: #333;
		background: url("images/wide-bg.jpg") no-repeat 0 0;
		
	}
	
		.wide h2 {
			margin-left: -20px;
			width: 200px;
			text-indent: -999999px;
		}
		
		.wide h2.gallery {
			background: url("images/gallery-sm.png") no-repeat 0 0;
		}
		
		/* main Navigation */
		
		ul#mainnav {
				margin-bottom: 20px;
				margin-left: 24px;
				z-index: 2;
				position: relative;
		}
		
			ul#mainnav li {
				display: inline;
				padding-right: 34px;
				float:left;
			}
			
				ul#mainnav li a {
					font-size: 26px;
					text-transform: uppercase;
					display:block;
					text-indent: -999999px;
					outline: none;
					
				}
				
					ul#mainnav li.news a {
						background: url("images/news.png") no-repeat 0 0;
						width: 76px;
					}
					
					ul#mainnav li.music a {
						background: url("images/music.png") no-repeat 0 0;
						width: 76px;
					}
					
					ul#mainnav li.videos a {
						background: url("images/videos.png") no-repeat 0 0;
						width: 90px;
					}
					
					ul#mainnav li.gallery a {
						background: url("images/gallery.png") no-repeat 0 0;
						width: 114px;
					}
					
					ul#mainnav li.bio a {
						background: url("images/bio.png") no-repeat 0 0;
						width: 46px;
					}
					
					ul#mainnav li.blog a {
						background: url("images/blog.png") no-repeat 0 0;
						width: 70px;
					}
					
					ul#mainnav li.press a {
						background: url("images/press.png") no-repeat 0 0;
						width: 76px;
					}
					
					ul#mainnav li.links a {
						background: url("images/links.png") no-repeat 0 0;
						width: 74px;
					}
					
					ul#mainnav li a.contact {
						background: url("images/contact.png") no-repeat 0 0;
						width: 76px;
					}

		
	/* Scrolling navigation */
	a.scrollDown {
		background:url("images/pointer-down.png") no-repeat scroll 0 0 transparent;
		float:right;
		height:15px;
		margin-right:-12px;
		margin-top:-4px;
		text-indent:-999999px;
		width:16px;
		outline: none;
	}
	
	a.scrollUp {
		background:url("images/pointer-up.png") no-repeat scroll 0 0 transparent;
		float:right;
		height:15px;
		margin-right:-12px;
		margin-top:-4px;
		text-indent:-999999px;
		width:16px;
		outline: none;
	}
	
	a.scrollLeft {
		background:url("images/pointer-left.png") no-repeat scroll 0 0 transparent;
		float:left;
		height:15px;
		margin-left:10px;
		outline:medium none;
		text-indent:-999999px;
		width:20px;
		margin-top: 10px;
	}
	
	a.scrollRight {
		background:url("images/pointer-right.png") no-repeat scroll 0 0 transparent;
		float:right;
		height:15px;
		text-indent:-999999px;
		width:20px;
		outline: none;
		margin-top: 10px;
	}