/* get rid of all margins and padding */


* {
	margin:0px;
	padding:0px;
	list-style-type:none;
	
	}

header,nav,section,article,aside,footer{
	display:block;
} 




/* WHOLE PAGE BACKGROUND */
#jab {background:url('2021Family/jabbg.jpg')no-repeat fixed center;
  background-size: cover;
}


#turkey {background:url('2019Turkey/picbg.jpg')no-repeat fixed center;
  background-size: cover;
}


#bday {background:url('2018Pat@80/80bg.jpg')no-repeat fixed center;
  background-size: cover;
}
#madeira {background:url('2018Madeira/marketbg.jpg')no-repeat fixed center;
  background-size: cover;
}
#norway {background:url('2018Norway/norwaybg.jpg')no-repeat fixed center;
  background-size: cover;
}
#fam2017 {
		background: url('2017Family/2017fambg.jpg')  no-repeat fixed center;  background-size:  cover;
}
#rhine {
		background: url('2017Rhine/Rhinebg.jpg') no-repeat fixed center;  background-size:  cover;
}
#barca2017 {
		background: url('2017Barcelona/barcbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Scot2013 { background:url('2013Scotlandgallery/Scot13bg.jpg')  no-repeat fixed center; background-size:cover;
}
#open {  background: url('2006TheBook/coverbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Christmas2006 {  background: url('2006Christmas/christmas2006bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#wales {  background: url('2010Welsh Progress/walesbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#bledbg {  background: url('2008WeddingMP/bledbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#uppern {  background: url('2010UpperNorton/unbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#twins {  background: url('2009Twins/twinsbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#tenerife {  background: url('2013Tenerife/tenerifebg3.jpg') no-repeat fixed center;  background-size:  cover;
}
#states {  background: url('2009USA/statesbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Spain{  background: url('2005Spain/spainbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#sc {  background: url('2006SouthernProgress/scbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#nz {  background: url('2007NewZealand/nzbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#np {  background: url('2008NorthernProgress/npbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#malta {  background: url('2006Malta/mbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#lolabg {  background: url('2010Lolafirst/lolabg.jpg') no-repeat fixed center;  background-size:  cover;
}
#kandersteg {  background: url('2009Kandersteg/kanderstegbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Christmas2010 {  background: url('2010Christmas/treebg.jpg') no-repeat fixed center;  background-size:  cover;
}
#LaGom{  background: url('2005LaGomera/Gombg.jpg') no-repeat fixed center;  background-size:  cover;
}
#glenys {  background: url('2008GlenysBday/glenysbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#dom2006 {  background: url('2006Pauls70th/dombg.jpg') no-repeat fixed center;  background-size:  cover;
}
#famgal2011 {  background: url('2011Family/famgal2011bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Ibiza {  background: url('2011Ibiza/Ibizabg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Scotland2011 {  background: url('2011Scotland/scotlanbd2011bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#Vienna2011 {  background: url('2011Vienna/Viennabg.jpg') no-repeat fixed center;  background-size:  cover;
}
#BB2012 {  background: url('2012BarnhamBroom/bb2012bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#chelsea2012 {  background: url('2012Chelsea/Chelsea2012bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#famgal2012 {  background: url('2012Family/famgal2012bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#peak2012 {  background: url('2012PeakDistrict/peakdist2012bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#famgal2013 {  background: url('2013Family/famgal2013bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#scotland2013 {  background: url('2013Scotland/scot13bg.jpg') no-repeat fixed center;  background-size:  cover;
}
#family2015 {  background: url('2015Family/background.jpg') no-repeat fixed center;  background-size:  cover;
}
#family2014 {  background: url('2014Family/teidebg.jpg') no-repeat fixed center;  background-size:  cover;
}
#sibton2014 {  background: url('2014Sibton/sibtonbg.jpg') no-repeat fixed center;  background-size:  cover;
}
#irish {  background: url('2015Irishprogress/shamrock.jpg') no-repeat fixed center;  background-size:  cover;
}
#bordeaux {
	background:url('2016Bordeaux/BackgroundRiver.jpg') no-repeat fixed center;	background-size:  cover;
}
#famgal2016 {
		background: url('2016Family/trees.jpg') no-repeat fixed center;  background-size:  cover;
}
#devon2016 {
	    background: url(2016Devon/bsbeach.jpg) no-repeat fixed center;    background-size: cover;
}
	




/*LISTS*/

.Journaldates ul li {
	display: inline-block;
	margin:  30px  15px 20px 15px;
	line-height:60px;
	
		}

li a:hover{
	 color:red;
	background-color:aliceblue;
}
li a:visited{
	 text-decoration:none;
}

/*NAMEFORTHIS?*/

a {
color: aliceblue; 
text-decoration:none;
font-size:20px;
font-weight:bold;
	
}

/*  HEADERS AND ANIMATION  */
p.clear {
	clear:both;
	font-size:50px;
}


h1{
	margin:20px;
	font-size:25px;
}
h2{
	color:#007526;
	font-size: 30px;
	margin-left:20px;
	clear:both;}

.header{

	font-family: "Cinema Gothic BTN Inline";
	text-decoration-color: antiquewhite;
	font-size: 300%;
	font-stretch: expanded;
	text-align: center;
	margin-top:70px;
	margin-bottom:50px;
}

.header2{ 
	font-family:    "Xpress Heavy SF", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ;
	font-size: 400%;
	font-stretch: ultra-expanded;
	text-align: center;
	margin-top:70px;
	margin-bottom:50px;
 text-shadow: 3px 0px 2px #6600CC;
 

}

.header3{
	font-family:  "Crazy Loot BTN Inline" ;
	text-decoration-color: green;
	font-size: 250%;
	font-stretch: expanded;
	text-align: center;
	margin-top:90px;
}
.header4{ 
	font-family:  "Crazy Loot BTN Inline";
	text-decoration-color: green;
	font-size: 300%;
	font-stretch: expanded;
	text-align: center;
	margin-bottom:100px;
	
}

.header5{ 
	font-family:  "Ancestory SF";
	text-decoration-color: darkred;
	font-size: 400%;
	font-stretch: expanded;
	text-align: center;
	margin-bottom:100px;
	margin-top:90px;
	text-shadow: 0px -2px 0px #333,
}




figure.caption { display:block;
font-size:35px;
text-shadow: 2px 2px #0044cc;
margin-top:80px;
margin-left:200px;
width:500px;
clear:both;	
}



figure.caption2 { display:block;
font-size:35px;
text-shadow: 2px 1px #6600FF ;
margin-top:90px;
margin-left:200px;
width:800px;
clear:both;	

}


/*POSITION FOR BLOCK */

.fixed{
 position: fixed;
  top: 0px;
    width: 994px;
  }
  
 /* TEXT ON IMAGES  */

.text-block {
  position: absolute;
  bottom: 100px;
  right: 300px;
  padding-left:10px;
  background-color:  silver;
  color: navy;

}



/* POSITION FOR IMAGES */

img {
	display:block;
	width:600px;
	margin:20px auto 90px auto;
	
}


	     
}

.imgMadeira{
display:block;
	border:medium navy ridge;
	margin:20px auto 95px auto;
	}

.arrowimg {
	 
	 display:inline;
	 margin:0px 0px 0px 30px;	 
	 border:0px grey none;

}

.centretop{
	margin:   120px auto auto auto;
	
}


.centrepic{
 clear:both;
	margin:   120px auto auto auto;
	
}

.centreimg class="imgMadeira"{
	margin:  0px  auto 20px auto;
display:block;
	  float:none;
}


.centrebottom{
	
	margin: 20px auto 20px auto;
	text-align: center; 
	 clear:both;

	
	}
      





.flleft{
	float:left;
display: block;
    margin: 30px auto 1px auto;
    border-width:10px;
    max-width: 100%;
   

}

.flr{
	float:right;
display: block;
    margin: 30px auto 1px auto;
         border-width:10px;
    max-width: 100%;
 

}

/*  TEXT */
figcaption {
	 
	 margin-top:30px;
	 margin-left:200px;
	 letter-spacing:1px;
	 font-weight:bold;
	
	 
}


h1 { margin-top:40px;
	 margin-left:40px;
	 font-size: 30px;
	 clear:both;
}


.caption {
	margin: 80px 190px 20px 198px;	
		 font-size:  250%; 
	 text-shadow: 2px 2px #0033cc;	 
}




.container{
	 font-size:  150%;
	  border-radius:15%;
	  padding:15px;
	  margin:20px 120px 40px 200px;
}


.years{
	font-size:15px;
	
	text-shadow: 1px 2px 2px red;
	
}