/*  



Theme Name: Cliff Richard Custom Wordpress Theme



Theme URI: http://www.boshanka.co.uk/



Description: Cliff Richard Wordpress Theme by Boshanka.co.uk



Version: 1.0



Author: Boshanka!



Author URI: http://www.boshanka.co.uk/



*/







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,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body{ background:url(images/bg-tiled.png) repeat; height:100%;}

html{ background:url(images/bg-tiled.png) repeat; }

ol, ul {	list-style: none;}

blockquote, q {quotes: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {	text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

*{border:none; color:#386e8d; font:1em/1.3em "trebuchet ms", arial, helvetica, sans-serif; margin:0; outline:none; padding:0;}

a{color:#937333; font-weight:bold; text-decoration:none;}

a:hover/*,a:visited*/{color:#7fbe0d;}

br{clear:left;}

em{font-style:italic; font-size:0.9em;}

em a{font-style:italic;}

form{float:left; margin:0; padding:0; width:100%;}

h1{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; color:#937333; }

h2{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; color:#937333; }

h3{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#937333; padding:25px 0 0 0;}

h4{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#ffffff;}



.book1{ float:left; background:url(images/sinatra.png) left top; width:247px; height:343px; padding:10px; margin:0 0 0 90px;}

.book2{ float:left; background:url(images/elton.png) left top; width:247px; height:343px; padding:10px;}





a.download-btn{ background:url(images/download-btn.jpg) left top no-repeat; float:right; cursor:pointer; width:201px; height:58px; overflow:hidden; text-indent:-999px; clear:both; margin:0 0 0 500px;}





#cliff-print{ background: url(images/cliff-print.png) top right no-repeat; height:190px; padding:20px 224px 0 0px;}



div.post div.ilsb_parent {margin:0 auto 0 0;font-size:1.1em;}



div.post div.ilsb-child {position:absolute; display:none; margin:0; padding:0 0 6px 0;}



div.post div.ilsb-child span {padding:0;}



div.post .ilsb {padding:10px 22px 10px 25px; font-size:0.8em; line-height:30px; background-position:0 50%; background-repeat:no-repeat;}











div.pagination{



	padding:3px;



	margin:3px;



	text-align:center;



	}



div.pagination a{



	padding:2px 5px;



	margin:2px;



	border:1px solid #aaa;



	color:#888;



	text-decoration:none;



	}



div.pagination a:hover, div.pagination a:active{



	border:1px solid #555;



	color:#333;



	}



div.pagination span.current{



	padding:2px 5px;



	cursor:default;



	margin:2px;



	border:1px solid #555;



	background-color:#555;



	color:#fff;



	font-weight:bold;



	}



div.pagination span.disabled{



	padding:2px 5px;



	margin:2px;



	border:1px solid #eee;



	color:#ddd;



	}



/*Old div.post styling	



div.post{



	margin:0 0 40px;



	}*/



/*New div.post styling added by Doug*/



div.post{



	margin:0 0 40px;



	float:left;







	padding-bottom:25px;



	}	



div.post img{



	padding:5px;



	max-width:98%;



	border:1px solid #ddd;



	}



div.post a:hover img{



	border:1px solid #aaa;



	}



div.post img.alignleft{



	float:left;



	margin:0 10px 10px 0;



	}



div.post img.alignright{



	float:right;



	margin:0 0 10px 10px;



	}



div.post img.aligncenter{



	display:block;



	margin:0 auto;



	padding:10px 0;



	}



.wp-caption-text {



        vertical-align:top;



		text-align:center !important;



		display:block !important;



		margin:0!important;	



		font-weight: bold;



		}	



div.post small{



	display:block;



	}



div.post small.meta{



	margin:15px 0;



	}







div.post ul,



div.post ol,



div.post dl{



	margin:1.2em 0 1.2em 3em;



	}



div.post ul *,



div.post ol *,



div.post dl *{



	font-size:1em;



	}



	



div.post blockquote{



	margin:1.2em;



	padding:0 0 0 10px;



	border-left:3px solid #ccc;



	}



div.post blockquote p{



	color:#999;



	}



div.post blockquote blockquote p{



	color:#666;



	}



	



div.post pre,



div.post code{



	font-size:1.2em;



	margin:0 0 1em;	



	}



	



	







	



	



ol.commentlist{



	margin:20px 0;



	padding:0;



	list-style:none;



	}



ol.commentlist li div.commenttitle{



	background:#666;



	padding:5px;



	}



ol.commentlist li div.commenttitle cite a{



	color:#fff;



	text-decoration:none;



	font-weight:bold;



	}



ol.commentlist li div.commenttitle small a{



	color:#fff;



	padding-top:2px;



	text-decoration:none;



	float:right;



	}



ol.commentlist li div.commentbody{



	padding:5px;



	border:1px solid #666;



	}



ol.commentlist li div.commentbody p{



	padding:0 !important;



	margin:5px 0 !important;



	}



	



.ddsg-wrapper p{ display:none;}



































































#wrap { margin:0 auto; width:1070px; background:url(images/centre-strip.png) repeat-y; position:relative;}



#head{ height:340px;  width:1070px; padding:0 0px 0 0px; background:none; position:absolute; top:0px; left:-20px;}



#head #head-top{ background:url(images/head-top.png) no-repeat 2px 0; width:1066px; height:110px;}



#head #head-content{ background:url(images/head-content.png) left top no-repeat; height:213px; width:1064px; overflow:hidden; margin:0 0 0 2px;}

#head #head-content h1.cliff-history{background:url(images/title-cliff-history-trans.png) no-repeat center top; width:798px; height:0px; overflow:hidden; padding:165px 0 0 0; font-size:0px; margin:0 0 0 130px; }

#head #head-content h1.cliff-history2{background:url(images/title-cliff-history2-trans.png) no-repeat center top; width:490px; height:0px; overflow:hidden; padding:101px 0 0 0; font-size:0px; margin:0 0 0 310px; }







#content-wrap{ width:1030px; padding:340px 25px 0 15px; float:left; background:url(images/centre-strip.png) repeat-y;}



#content{width:721px; padding:0 0 0 40px; float:left; position:relative; background:#FFF; min-height:600px;}

div.single_product_display div.textcol div.imagecol a img{ margin-left:-20px; width:96px!important; height:96px!important;}

/*



#content a.reserve-copy{ margin:0 0 0 -54px; background:url(images/reserve-copy-trans.png); width:755px; height:0px; padding:112px 0 0 0; overflow:hidden; float:left; display:block; cursor:pointer;}



#content a.reserve-copy:hover{  margin:0 0 0 -54px; background:url(images/reserve-copy-trans.png) 0 -121px; width:755px; padding:112px 0 0 0; height:0px; overflow:hidden; float:left; display:block; cursor:pointer;}



#content a.reserve-copy:active{ margin:0 0 0 -54px;  background:url(images/reserve-copy-trans.png) 0 -120px; width:755px; padding:112px 0 0 0; height:0px; overflow:hidden; float:left; display:block; cursor:pointer;}





div.single_product_display div.textcol{ margin-left:0px!important;}

div.productdisplay .textcol .producttext{ margin-left:-40px;}

div.productdisplay div.textcol div.imagecol{ margin-left:-40px;} 

div.productdisplay div.textcol .producttext .product_form{ padding:30px 0 0 0;}

th*/



#content a.reserve-copy{ margin:245px 0 0 28px; background:url(images/buy-a-copy-trans.png); width:676px; height:0px; padding:58px 0 0 0; overflow:hidden; float:left; display:block; cursor:pointer;}



#content a.reserve-copy:hover{  margin:245px 0 0 28px; background:url(images/buy-a-copy-trans.png) 0 -58px; width:676px; padding:58px 0 0 0; height:0px; overflow:hidden; float:left; display:block; cursor:pointer;}



#content a.reserve-copy:active{ margin:245px 0 0 28px;  background:url(images/buy-a-copy-trans.png) 0 -57px; width:676px; padding:58px 0 0 0; height:0px; overflow:hidden; float:left; display:block; cursor:pointer;}



.footer-links{ text-align:center;}



.footer-links a{}



#content p{ font-size:0.8em; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; text-align:justify; padding:10px 20px 0 0;}

#content strong{font-size:1em; color:#937333; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; text-align:justify; font-weight:bold; }

#content small{ font-size:0.7em; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}



p.breadcrumbs { display:none;}



#sidebar{ width:239px; float:left;  padding:10px 0 0 0; position:relative;}







#sidebar #nav{ background:url(images/nav-bg-trans.png) no-repeat left top; width:239px;  position:absolute; top:0px; left:50%; margin-left:-119px; z-index:1;}







#sidebar #nav ul.navigation{padding:17px 0 0 17px;}



#sidebar #nav ul.navigation li a.home{ background:url(images/nav-sprite.png) no-repeat; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.view{ background:url(images/nav-sprite.png) no-repeat 0px -60px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.reserve{ background:url(images/nav-sprite.png) no-repeat 0 -120px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.about{ background:url(images/nav-sprite.png) no-repeat 0 -180px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.contact{ background:url(images/nav-sprite.png) no-repeat 0 -240px; width:215px; height:0px; display:block; padding:80px 0 0 0; overflow:hidden;}







#sidebar #nav ul.navigation li a.home:hover{ background:url(images/nav-sprite.png) no-repeat -215px 0px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.view:hover{ background:url(images/nav-sprite.png) no-repeat -215px -60px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.reserve:hover{ background:url(images/nav-sprite.png) no-repeat -215px -120px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.about:hover{ background:url(images/nav-sprite.png) no-repeat -215px -180px; width:215px; height:0px; display:block; padding:60px 0 0 0; overflow:hidden;}



#sidebar #nav ul.navigation li a.contact:hover{ background:url(images/nav-sprite.png) no-repeat -215px -240px; width:215px; height:0px; display:block; padding:80px 0 0 0; overflow:hidden;}





p.contact-item{ float:left; width:600px; padding:20px 0 0 0;}



p.contact-item2 input{

float: right;



font-size: 0px;



padding-top: 50px;



margin-top: 10px;



margin-right: 86px;



margin-bottom: 0pt;



margin-left: 0pt;



overflow-x: hidden;



overflow-y: hidden;



width: 181px;



background-color: transparent;



background-image: url("images/send.png");



background-repeat: repeat;



background-attachment: scroll;



background-position: left top;



cursor: pointer;

}



p.contact-item2 input:hover{

float: right;



font-size: 0px;



padding-top: 50px;



margin-top: 10px;



margin-right: 86px;



margin-bottom: 0pt;



margin-left: 0pt;



overflow-x: hidden;



overflow-y: hidden;



width: 181px;



background-color: transparent;



background-image: url("images/send.png");



background-repeat: repeat;



background-attachment: scroll;



background-position: 0pt -51px;



cursor: pointer;

}





#footer{ height:50px; width:990px; padding:50px 40px 0 40px; float:left; clear:both; background:url(images/centre-strip.png) repeat-y;}





div.wpcf7-response-output { float:left; width:600px;} 

span.wpcf7-not-valid-tip{}





div.gsom-sa-wrapper { float:left;}

/*slider*/



#slider{ height:332px; margin:0px 0 20px -30px; }

#header-slide{ height:178px; margin:0px 0 20px 0px; background:#333; }



.header-slide1{ background:url(images/head-slide-1.png) no-repeat left top; height:178px; width:1066px;}

.header-slide2{ background:url(images/head-slide-2.png) no-repeat left top; height:178px; width:1066px;}

.header-slide3{ background:url(images/head-slide-3.png) no-repeat left top; height:178px; width:1066px;}

.header-slide4{ background:url(images/head-slide-4.png) no-repeat left top; height:178px; width:1066px;}









#slider p{ color:#fff; }







/* .slider1{width:880px; height:200px; font-size:0.9em;}







.slider2{width:880px; height:200px; font-size:0.9em;}







.slider3{width:905px; height:267px; font-size:0.9em;}







.slider4{width:905px; height:267px; font-size:0.9em;}







.slider5{width:905px; height:267px; font-size:0.9em;}







.slider6{width:905px; heisght:267px; font-size:0.9em;}















#slider p.slidermed{







	font-size:1.6em;







	line-height:30px;







	position:absolute;







	left: 23px;







	top: 121px;







}







#slider p.sliderprice{







	font-size:2.1em;







	font-weight:700;







	line-height:24px;







	position:absolute;







	left: 23px;







	top: 151px;







}







#slider p.sliderdesc{







	width:375px;







	position:absolute;







	left: 23px;







	top: 75px;







}







*/















.slider1{width:738px; height:352px; background:url(images/cycle-cliff-wingmirror.png) no-repeat; padding:0; font-size:0.8em; }







.slider2{width:738px; height:352px; background:url(images/cycle-cliff-guitar.png) no-repeat; padding:0; font-size:0.8em; }







.slider3{width:738px; height:352px; background:url(images/cycle-cliff-van.png) no-repeat; padding:0; font-size:0.8em; }







.slider4{width:738px; height:352px; background:url(images/cycle-cliff-forward.png) no-repeat; padding:0; font-size:0.8em; }







.slider5{width:738px; height:352px; background:url(images/cycle-cliff-coke.png) no-repeat; padding:0; font-size:0.8em; }







.slider6{width:738px; height:352px; background:url(images/cycle-cliff-mum.png) no-repeat; padding:0; font-size:0.8em; }















#slider p.slidermed{ font-size:1.6em; line-height:30px; padding:0 0 0 25px;}







#slider p.sliderprice{ font-size:2.1em; font-weight:700; line-height:24px; padding:0 0 0 25px;}







#slider p.sliderdesc{ width:375px; padding:0 0 0 25px; font-size:1em;}















.sliderimg{ position:absolute;}







.homeimage{ float:left; padding:5px;}