/* A style sheet for Beadle Website */
/*  HUE 60 ANALOGOUS COLOUR SCHEME */
/* DOMINANT DARK: #6B6B2E hsl(60,40,30) - was #664400  hsl(40,50,20) */
/* DOMINANT MEDIUM: #C2C270 hsl(60,40,60) - was #CC8800 hsl(40,50,40) */
/* DOMINANT LIGHT: #F0F0DB hsl(60,40,90) - was #FFDD66  hsl(40,50,80) */
/* DOMINANT COMPLEMENT LIGHT: #DBDBF0 hsl(240,40,90) - was #D9E1F2 hsl(220,50,90)  (MESSAGE STACK)*/
/* DOMINANT COMPLEMENT DARK: #7070C2 hsl(240,40,60) - was #264073 hsl(220,50,30) (NOT USED) */

/* ANAL_HUE2: #F2800D hsl(30,90,50) (orange/brown) - was #AD361F hsl(10,70,40)- red brown */
/* ANAL_HUE3: #F5FF99 hsl(66,100,80)(cream) - was #A1B24D hsl(70,40,50) - pale green */
/* ANAL_HUE3_COMPLEMENT: #A399FF (hsl(246,100,80)(pale blue) - was #5D4DB2 hsl(250,40,50) -  blue (link hover colour) */


/* ----- Styling For Whole Page ----- */

/* Set a minimum width for the page */
/* Min width = 784px */
body {
     margin: 0px;
     padding: 0;
     background-color: #C2C270; /* DOMINANT MEDIUM */
     color: #6B6B2E; /* DOMINANT DARK */
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 80%;
     min-width: 784px; /* needed to stop images in header wrapping */
}

/* ----- container div for whole page ----- */
/* 'container' div sits inside body of all pages to set margin for whole page */
#container {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#header {
	background-color: #C2C270; /* DOMINANT MEDIUM */
	margin: 20px;
	position: relative;
}


#beaded_leather_shoes {
	margin: 0px 0px 0px 0px;
	border: 2px solid #6B6B2E; /* DOMINANT DARK */
	vertical-align: top;
}
  
#logo_container {
	position: relative;
	display: inline-block;
}

#logo {
	border: none;
	margin: 0px 40px 0px 40px;
	vertical-align: top;
}



#logo_txt {
	  /* font-weight: bold; */
	  font-size: 3em;
	  font-family: Times New Roman;
	  position: absolute; /* relative to logo_container */
	  top: 20%;
	  left: 33%;
}

#logo_txt_description {
	font-size: 1em;
	position: absolute; /* relative to logo container */
	top: 69%;
	left: 10%;
/*	font-family: Times New Roman; */
/*	font-weight: bold;*/
}

#leather_gun_bags {
	margin: 0px 0px 0px 0px;
	border: 2px solid #6B6B2E; /* DOMINANT DARK */
	vertical-align: top;
}

/* Styling for navigation menu */
#menu {
      text-align: center;
      margin: 0px auto;
      width: 765px;
}

#menu ul {
      background-color: #6B6B2E; /* DOMINANT DARK */
      list-style: none;
      line-height: 1.5em;
      margin: 0;
      padding: 0.5em 0;
      text-align: center;
      vertical-align: middle;
}

#menu ul li {
	margin: 0;
	padding: 0 1em;
	display: inline;
}

#menu ul li a {
      color: #F0F0DB; /* DOMINANT LIGHT */
      white-space: nowrap;
      padding: 0;
}

#menu ul li a:active,#menu ul li a:hover {
	color: #A399FF; /* ANAL_HUE3_COMPLEMENT */
}

#menu ul li.quote {
      color: #F2800D; /* ANAL_HUE2 */
      padding-left: 6em;
      padding-right: 0;
      font-family: monotype corsiva;
      font-size: 1.3em;
      white-space: nowrap;
}


/* container for main content and footer of page */
#page_content {
	       padding: 0;
	       margin: 0px auto;
	        width: 765px; 
	       text-align: center;
}
/* ----- Styling for homepage text ----- */
#homepage_content {
	       padding: 0px 20px 0px 20px;	       
	       margin: 0;
	       text-align: justify;
}

#homepage_text {
}

#leather_workshop {
		 text-align: center;
}

#leather_workshop img {
	border: 2px solid #6B6B2E; /* DOMINANT DARK */
}

#homepage_text h1 {
	       padding: 0;
	       margin: 0;
	       font-size: 1.8em;
	       color: #6B6B2E; /* DOMINANT DARK */
	       text-align: center;
}

#homepage_text h2 {
	       text-align: center;
}


#opening_times {
	       text-align: center;
}

/* Styling for footer */
#footer {
	       padding: 0px 20px 20px 20px;
	       width: 725px;
}


/* --------------------- General styling rules -------------------- */

a, a:visited {
	color: #F0F0DB; /* DOMINANT LIGHT */
	text-decoration: none;
	font-weight: bold;
}

a:active,a:hover {
	color: #A399FF; /* ANAL_HUE3_COMPLEMENT */
}

img {
    padding: 0;
    margin: 0;
}

.clear{
clear: both;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}

.beadle {
font-weight: bold;
font-family: Times New Roman;
text-transform: uppercase;
}