/*This is my Dennis Starter Style Sheet - can use as much as I want per TT*/

/* Timothy Framework - www.timothyframework.com */
/* This work is licensed unde the MIT License - http://www.opensource.com  */
  
/* Color Legend */

/*  Reset */

html, body { margin:0;  padding:0;  border:0;  background: transparent;  font-size:10px;  }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table
tr,th, td, tbody, tfoot, thead  { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

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

input, select, textarea, form, fieldset  {
	margin:0;  padding:0;  border:0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section,  {
	display:block;  }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000000;
	}
	
ol, ul  { list-style:none;  }


/* Global */

html  {    }
body  {    }

/* Headings */

h1, h2, h3, h4, h5, h6  { font-weight:bold;  color: #000;  }

h1  {font-size:36px;  }
h2  {font-size:24px;  }
h3  {font-size:18px;  }
h4  {font-size:14px;  }
h5  {font-size:12px;  }
h6  {font-size:10px;  }

h1 img,  h2 img,  h3 img,  h4 img,  h5 img,  h6 img,  {margin:0;  }

/*Text Elements */

p		   {color:#000000;  font-size:12px;  line-height:150%;  }
p .left    {margin: 1.5em  1.5em  1.5em  0;  padding:: 0; }
p .right   {margin: 1.5em  1.5em  1.5em  0;  padding:: 0; }

a		   {  }
a:link	   {color:#0000ff;  }
a:visited  {color:#c2a1e1;  }
a:active   {color:#000000;  }
a:focus    {color:#666666;  }
a:hover    {color:#ff8000;  }

blockquote {color:#000000;  font-size:12px;  }

strong	   {font-weight: bold;  }
em		   {font-style: italic; }

/*Images*/


/*Lists*/

ul		  {  }
ol	  	  {list-style-type:decimal; }

ul  li	  {color:#000000;  font-size:12px;  }
ol  li	  {color:#000000;  font-size:12px;  }

dl	  	  {  }
dt		  {  }
dd		  {  }


/*Tables*/

table	  {width:100%;  }

table a:hover 	{color:#ff8000;  }

tr		  {  }
.odd	  {background-color:#eeeeee;  }
.even	  {background-color:#ffffff;  }

th		  {font-weight:bold;  }
thead, th {background-color:#cccccc;  }

tbody	  {  }

th,td,caption {  }
caption	  {  }

tfoot	  {  }
.tfoot	  {  }

caption	  {background:#efefef;  }

/*Miscellaneous */

sup, sub		{line-height:0;  }

abbr, acronym	{border-bottom:1px  dotted  #666;  }
address			{  }
del				{background:#FFCECE;  color:#f00;  }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}
				

/*Containers - where my id styles are contained */

/*changed background colour*/
#wrapper			{ width:900px;  margin:0px  auto;  background: linear-gradient(to bottom, #fffeed 0%,#fffcc7 47%,#fffa9d 100%);}




/*changed background colour*/
#top				{ background-color:linear-gradient (to bottom, #fffcc7 15%, #fffcc7 100%);  width:100%;  padding:10px  0;  overflow:hidden;  text-align:center; }


/*changed background colour*/
#logo				{ text-align:center;
					  background-color:linear-gradient(to bottom, #fffeed 0%,#fffcc7 47%,#fffa9d 100%);  }

												 

#banner				{ background-color:#eef0ef;
					  text-align:center; }


/* adjusted background colour and font colour*/
#subbanner			{ background-color:#000000; 					   
					  text-align:center;  }
/*adjusted font colour and replaced h2 with h1 to match index*/					  
#subbanner h1		{ margin: 20px  0  20px  0;
					  font-size:24px;
					  border-bottom:2px  #777777  solid;
					  padding:5px  0;  color:#ffffff; }


/* adjusted colour, height, margins and padding to center vertically.*/
#topnav				{ background-color:#d1a513;  clear:both;  height:35px;
					  margin: 15px  0  5px  0;  padding: 15px 0 0 0 ; border-top:thin #574408 solid; border-bottom: thin #574408 solid;}

/* set font-size */
#topnav ul li		{ display:inline; margin: 12px; font-size: 14px;}
/* added these four lines for topnav menu text */
#topnav ul li a:link 	{color:#ffffff; text-decoration:none ;}
#topnav ul li a:visited {color:#ffffff; text-decoration: none;}
#topnav ul li a:hover 	{color:#000000;}				
#topnav ul li a:active 	{text-decoration:underline;}

/* changed background colour */	
#content			{ background-color:#fffa9d;
					  font-size:25px;
					  margin:10px  0;
					  line-height:160%;
					  text-align:center;
					  border-bottom:2px  #777777  solid;
					  padding:20px ;  }
					  
#content p			{ font-size:20px;  }
					  					 
#content h3			{  padding:10px  0;}


					  
#photocontent		{  background-color:#eef0ef;
					   float:none;
					   padding:20px;  }				    

#photocontent img	{ padding:10px;
					  border:2px  #888888  solid;  }
					  
					   
/* adjusted background colour */			
#footer				{ background-color:#e7f2bd;	
  					  text-align:center;		    
					  padding: 20px  0;  }
					
						
/* shops table placement and properties */
#box1 table			 { width:55%;
					   margin-left:170px;

}
#box1 td			 { border: 1px solid;
					   font-size:16px;
					   color:black;
					   background-color:aqua;}
					   
#box1 td a:link, a:visited, a:active { color:black; }

#box1 td a:hover     { background-color:white; } 


#box1 th 			 { border: 1px solid;
					   font-size:20px;
					   color:white;
					   background-color:black
}

/* end of changes */




#box1				{  }

#box2				{  }

#box3				{  }

#box4				{  }

#box5				{  }

#box6				{  }

/*Layout Extra */


/*Navigation Extra */



/*Forms */

form	{text-align:left;  margin:20px; }

label, sumit, input, textarea  {
	border:0;  padding:0;  margin:0;  background:none;  }
	
label  {  float:left; width:150px;
			text-align:right; display:block; }
			
input, textarea {
		border:1px  #333333  solid;  margin-left:10px;  }
		
input   	{  width:280px;  margin-bottom:16px;  }

textarea  	{
		width:280px;  height:150px;
		margin-bottom:16px; }		

select		{  }

.submit		{
		width:90px;  height:25px;
		margin-left:150px;
		font-size:12px;  }

br			{clear:left;  }


/*Miscellaneous */

.copyright-text		{font-size:80%;  font-style:italic;  color:#333;  }
.foooter-text		{font-size:80%;  font-style:normal;  color:#666;  }

.title				{font-size:18px;  font-weight:bold;  color:#333;  }
.subtitle			{font-size:14px;  font-weight:lighter;  color:#333;  }

.artist				{font-size:16px;  font-weight:bold;  color:#333;  }
.author				{font-size:14px;  font-weight:bold;  color:#555;  }
.editor				{font-size:14px;  font-style:italic;  color:#555;  }

.pub-date			{font-size:10px;  font-style:italic;  color:#555;  }
.article-date		{font-size:10px;  font-style:italic;  color:#555;  }
.location			{font-size:10px;  font-style:italic;  color:#555;  }

.float-right		{float:right;  }
.float-left			{float:left;  }
.clear				{clear:both;  }

.hide				{display:none;  }
.block				{display:block;  }
.inline				{display:inline;  }

.first				{font-weight:bold;  }
.last				{font-weight:bold;  }
.left				{font-weight:bold;  text-align:left; }
.right				{font-weight:bold;  text-align:right; }

.added				{background:#D7D7FF;  }
.removed			{background:#FFCECE;  color:#f00;  }
.changed			{background:#FFB;  }
.topic				{font-size:20px;}