/*
======================================
normalise browser defaults
======================================
*/
ul  { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
ul, ol, ul li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,form,input, dl, dt, dd, div{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/*
======================================
links
======================================
*/
a							{ color:#000066;  text-decoration:none; font-weight: bold;}
a:active, a:focus, a:hover 	{ color:#0099CC;  text-decoration:underline; font-weight: bold;}
a:visited 					{ color:#000066;}

.flashboxblue a
{

color: #FFFFFF; 
font-weight: bold;
}

.flashboxblue a:link
{
 color: #FFFFFF; 
}

.flashboxblue a:visited
{
 color: #666666; 
 font-weight: bold;
}

.flashboxblue a:hover
{
color: #000000; 
background-color: #FFFFFF;
text-decoration:underline;
}


/*
======================================
body
======================================
*/
body 
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size:75%;
		background-color: #2360B1;
		background-image:url(/staticarchive/002dbfae642fb226f72664c6a7849ab4eb8ec53e.jpg); 
		background-repeat:repeat-x;
		}


body, p { line-height: 1.5em;}

h1	{ font-size:1.6em; } 
h2	{ font-size:1.4em; } 
h3  { font-size:1.2em; } 
h4  { font-size:1em; } 
h5  { font-size:0.8em; } 
h6  { font-size:0.6em; } 

h1, h2, h3, h4, h5, h6
		{
			color: #184A8E;
			word-spacing: 1px;
			font-weight: bold;
			letter-spacing: 1px;
			margin: 0;
		}


.bluekeyline
		{
			margin: 14px;
			width: 400px;
			border: 1px solid #336699; 
		}
		

.blue { color: #184A8E; }
.white { color: #FFFFFF; }
.black { color: #000000;}

.smallpix 
		{
			border: 1px solid #000000; 
			margin: 10px;
		}

.flashboxwhite
		{
			width: 633px;
			background-color: #FFFFFF;
			overflow:hidden;
		}
		

.flashboxblue
		{
			width: 633px;
			background-color: #3B83C0;
			overflow:hidden;
		}
		
.flashboxblue img { border: 1px solid #000000;}
.flashboxwhite	img {border: 1px solid #000000;}


p
		{
			margin: 0.5em 0;
			padding: 0;
			text-align: left;
		}




/* 
======================================
td
======================================
*/
td {font-size:75%;}

fieldset {border:none;}
legend { padding: 0 1em 0 1em; color: #aaa; }
label { color: #184A8E; }
em { color: #184A8E; }
strong { color: red; }

a[class ~="popup"] {
   padding-right: 18px;
   background: transparent url(/scotland/highlandlives/images/icons/popup.gif) no-repeat center right;
}

/*
======================================
pick
======================================
*/
#pick img { border: 1px solid #000; width: 630px; height: 450px; margin-right: 10px; margin-bottom: 5px}
#pick hr { clear: both; }
/*
======================================
pick2
======================================
*/
#pick2 { width: 200px; }
#pick2 img { border: 1px solid #000; width: 70px; height: 70px; float: left; margin-right: 10px; margin-bottom: 5px}
#pick2 p {  font-size: 0.7em; }
#pick2 hr { visibility: hidden; }
/*
======================================
pick3
======================================
*/
#pick3 { width: 200px; }
#pick3 img { border: 1px solid #000; width: 66px; height: 49px; float: left; margin-right: 10px; margin-bottom: 5px}
#pick3 p {  font-size: 0.7em; }
#pick3 hr { visibility: hidden; }
/*
======================================
pick4
======================================
*/
#pick4 { width: 650px; }
#pick4 img { border: 1px solid #000; width: 203px; height: 152px; float: left; margin-right: 10px; margin-bottom: 5px}
#pick4 p { }
#pick4 h4 { border-bottom: 1px solid red; }
#pick4 hr { visibility: hidden; }
/*
======================================
tag-cloud
======================================
*/
/* display the individual items next to each other, not one-per-line */
.tag-cloud li { display: inline;}
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
.tag-cloud span { position: absolute; left: -999px; width: 990px; }
/* size is purely presentational, based upon the class */
.tag-cloud .not-popular { font-size: 0.8em; }
.tag-cloud .not-very-popular { font-size: 1em; }
.tag-cloud .somewhat-popular { font-size: 1.4em; }
.tag-cloud .popular { font-size: 1.7em; }
.tag-cloud .very-popular { font-size: 2.0em; }
.tag-cloud .ultra-popular { font-size: 2.4em; }
/*
======================================
unordered lists
======================================
*/
ul.promos  { margin: 0px; padding: 0px; }
.promos li { display: inline; margin: 10px; vertical-align: top; }
.promos div { display: inline; }
/*
======================================
asset_list
======================================
*/
/*ul.asset_list { list-style: none; margin: 0px 0px 0px 10px; padding: 0px; width:650px  }
ul.asset_list li { width:176px; overflow:hidden; display: inline; margin: 10px 40px 0 0; vertical-align: top}
ul.asset_list img{ float:left; max-width:180px; }
*/
ul.asset_list { list-style: none; margin: 0px; padding: 0px; width:650px  }
ul.asset_list li { width:196px; overflow:hidden; display: inline; padding: 10px; background-color: #ADDBEF; margin: 10px 20px 0 0; vertical-align: top}
*/
/*
======================================
timeline_list
======================================
*/
/*
ul.timeline_list { list-style: none; margin: 0px; padding: 0px; width:650px  }
ul.timeline_list li { width:200px; overflow:hidden; display: inline; margin: 10px 10px 0 0; vertical-align: top}
ul.timeline_list img{ float:left; max-width:180px; }
*/
ul.timeline_list { list-style: none; margin: 0px; padding: 0px; width:650px  }
ul.timeline_list li { width:196px; overflow:hidden; display: inline; padding: 10px; background-color: #ADDBEF; margin: 10px 10px 0 0; vertical-align: top}
/*
======================================
banner-wrapper
======================================
*/
.banner-wrapper
		{
			width: 650px;
			float:left;
			height: 80px;
			margin-left: 130px;
			overflow:hidden;
		}
		
.banner-wrapper h1 {
		font-size: 2.5em;
		
		}
		
.banner-wrapper h2 {
		line-height: 1.0em;
		font-size: 1.0em;
		}

/*
======================================
div containers
======================================
*/
.containingbox
		{
			width: 650px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
			text-align:left;
			/*  background-color: #CCCCCC; */
			overflow:hidden;
		}
		
/*
======================================
video photo slideshow container - vps
======================================
*/
.vps
		{
			width: 650px;
			margin-left: auto;
			margin-right: auto;
			background-color: #FFFFFF; 
			overflow:hidden;
		}


.vps_metadata_box
		{
			width: 250px;
			margin-top: 5px;
			margin-right: 10px;
			float:left;
			background-color: #FFFFFF; 
			overflow:hidden;
		}	
		
.vps_metadata_box li {margin: 5px; vertical-align: top; }
		
.vps_description_box
		{
			width: 350px;
			margin-top: 5px;
			float:left;
			background-color: #FFFFFF; 
			overflow:hidden;
		}	
			


.vps_footer
		{
			width: 650px;
			overflow:hidden;
			margin-top: 10px;
		}	
		
.vps_footer_box1
		{
			width: 250px;
			height: 80px;
			float:left;
			background-color: #FFFFFF; 
			overflow:hidden;
		}	
		
.vps_footer_box2
		{
			width: 190px;
			height: 80px;
			float:left;
			background-color: #FFFFFF;
			margin-right: 10px;
			margin-left: 10px;
			overflow:hidden;
		}	
		
.vps_footer_box3
		{
			width: 190px;
			height: 80px;
			float:left;
			background-color: #FFFFFF; 
			overflow:hidden;
		}	
		

.about
		{
			margin-top: 10px;
			float:left;
			width: 430px;
			margin-right: 10px;
			background-color: #FFFFFF;
			overflow:hidden;
		}
		
.submit
		{
			margin-top: 10px;
			float:right;
			width: 200px;
			/* height: 75px; */ 
			background-color: #FFFFFF;
		}

.search
		{
			margin-top: 10px;
			float:right;
			width: 200px;
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		
.search_nokeywords
		{
			margin-top: 10px;
			background-color: #335566;
			width: 430px;
		}	
		
.news
		{
			margin-top: 10px;
			float:right;
			width: 200px;
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		
		
.map
		{
			margin-top: 10px;
			margin-right: 10px;
			float:left;
			width: 430px;
			height: 430px
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		
.smallmap
		{
			margin-top: 10px;
			float:right;
			width: 200px;
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		
.tutorials
		{
			margin-top: 10px;
			margin-right: 20px;
			float:left;
			width: 205px;
			height: 190px;
			background-color: #FFFFFF;
			overflow:hidden;
		}
		

				
.workshops
		{
			margin-top: 10px;
			float:left;
			width: 205px;
			height: 190px;
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		
	
		
.mediumboxstretch
		{
			margin-top: 10px;
			float:left;
			width: 430px;
			margin-right: 10px;
			background-color: #FFFFFF;
			overflow:hidden;
		}
	
		
.shortcontainerrightstretch
		{
			margin-top: 10px;
			float:right;
			width: 200px;
			background-color: #FFFFFF;
			overflow:hidden;
		}	
		

.bbcpageFooter
		{
			background-color: #ADDBEF;
			padding-top: 10px;
		}	
		

		
#bluebox
		{
			margin:10px;
			width: 150;
			color: #fff;
			
		}
		
#bluebox.blockquoteright
		{
			float		:right;
			background-color: #336699;
		}
		
#bluebox.photoright
		{
			float		:right;
			background-color: #5691CE;
		}
		
#bluebox.blockquoteleft
		{
			float		:left;
			background-color: #336699;
		}
		
#bluebox.photoleft
		{
			float		:left;
			background-color: #5691CE;
		}
#bluebox img {
			 border:1px solid #000000;
			 }
		
#bluebox h2 {color: #FFFFFF; }

.keywords
		{
			margin-top:5px;
			margin-left:50px;
			margin-right:50px;
			margin-bottom:50px;
			width: 300px;
			border: 1px solid #000000;
			background-color: #5691CE; 
		}
/*
======================================
padding
======================================
*/	
.padding-small { padding: 3px;}
.padding-med { padding: 10px;}
.padding-large { padding: 15px;}
.padding-vps-search {padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px;}

/*
======================================
LH navigation styles
======================================
*/
.navcontainer {
 width: 110px; 
  overflow:hidden;
 
 }

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
overflow:hidden;
}

.navcontainer a
{
display: block;
padding: 9px; 
color: #FFFFFF; 
font-weight: bold;
border-top: 1px dashed #eee;
}

.navcontainer a:link
{
 color: #FFFFFF; 

}

.navcontainer a:visited
{
 color: #FFFFFF; 
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #369;
}

#WalesFlashRemapSmall {
padding: 0;
margin: 0;
border: 0;
}


/*
======================================
spacer
======================================
*/
.spacer 
		{
					margin-top: 25px;
					margin-bottom: 25px;
		}


.wideboxstretch
		{
			margin-top: 10px;
			float:left;
			width: 650px;
			background-color: #FFFFFF;
			overflow:hidden;
		}

.icon {
	margin-top: -30px; position: relative; top: 99px;
}

fieldset { margin-top: 0.5em; margin-bottom: 0.5em; background-color: #ADDBEF; padding: 10px; border: 0px;}
#asset_description { width: 380px; height: 150px;}
#tla_description { width: 380px; height: 100px;}
#timeline_description { width: 380px; height: 100px;}

.locality { text-transform: uppercase; font-weight: bold;}

ul { list-style-type:disc; margin: 0 0 0 20px; }