/*
CSS for lornarobertson.co.uk
*/

/*This section defines the font size and color for the body text and headings.*/

body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #333333;
   background-color: #EDEDED;
   /*background-image: url(images/wanted installation detail 01.jpg);*/
   line height: 125%;
   padding: 0;   
   margin: 0;
}

h1,h2,h3 {
   font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
   font-size: x-large;
   color:  #FFFFFF;
   padding-top: 1em;
   padding-bottom: .2em;
   padding-left: .4em;
   margin: 0;
   background-color: #333333;
   /*background-image: url(images/sky.jpg);*/
}

h2 {
   color: #333333;
   font-size: 130%;
   font-weight: normal;
   padding-top: none;/*15px*/
   padding-left: .4em;
}


li {
   font-size: small;
   list-style-type: none;
}


p {
   font-size: small;
   padding-left: .8em;
}

blockquote {
   font-size: small;
}

#tagline p {
   font-style: italic;
   color: #FFFFFF;
   font-family: Georgia, Times, serif;
   background-color: #666666;
   border-top: 3px solid #333333;
   /*border-bottom: 3px solid #333333;*/
   padding-top: .2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;   
}

/*End of section defining the font size and color for the body text and headings.*/



/*This section defines the placement of introductory paragraphs to the left or right of images.*/

#introtext{
   float:left;
   width:550px;
}

#introtext2{
   float:left;
   width:350px;
}


#introtext3{
   float:left;
   width:450px;
}

#introtext4{
   float:right;
   width:250px;
}

#introtext5{
   height:85px;
}

#introtext6{
   float:left;
   width:110px;
   height:85px;
}

#introtext7{
   float:left;
   width:250px;
}

#introtext8{
   float:left;
   width:200px;
}


#billboard2 {
   float:right;
}

#photo1 {
   float:right;
}


#exleft { 
   float:left;
   width:50px;
   height:65px;
}

#exright { 
   height:65px;
}



/*End of section defining the placement of introductory paragraphs to the left or right of images.*/


/*This section defines size, background, and border information for the navigation, header and footer - repeats on all pages.*/

#navigation {
   /*padding-top: 15px;*/
   width: 210px;
   /*height: 400px;
   background: #cccccc url(images/sky.jpg) repeat-y right;*/
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation li {
border-bottom: 1px solid #CCCCCC;
}

#navigation ul ul {
margin-left: 12px;
}

#navigation ul ul li {
border-bottom: 1px solid #CCCCCC;
margin:0;
}

#navigation a:link, #navigation a:visited{
display: block;
padding: 0.4em 1em 0.4em 0.5em;
border-left: 12px solid #333333; 
border-right: 1px solid #333333; 
color: #FFFFFF;
background-color: #666666;
text-decoration: none;
}


#navigation a:hover {
color: #FFFFFF;
background-color: #333333;
}

/*#header {
   border-top: 3px solid #000000;*/
}


#footer p {
   line-height: 150%;
}

/*End of section defining size, background, and border information for the navigation, header and footer.*/


#navtop ul {
padding-top: 1em;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style: none;
text-align: left;
}

#navtop li {
display: inline;
margin: 0;}

#navtop li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #666666;
color: #666666;
background: white url(images/shade.gif) top left repeat-x;
text-decoration: none;
}

#navtop li a:visited {
color: #666666;
}


#navtop li a:hover {
color: #000000;
}

#navtop li.selected {
position: relative;
top: 1px;
}

#navtop li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

#navtop li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}




/*This section defines the color/style scheme for link states.*/

a {
   font-weight: bold;
}

a:link {
   text-decoration:none;
   color: #333333;
}

a:visited {
  text-decoration:none;
  color: #333333;
}

a:hover {
   text-decoration:none;
   color: #000000;
   background-color: white;
}

a:active {
   text-decoration:none;
   color: #000000;
   background-color: white;
}

#billboard img {
display: block;
border: 1px solid #333333;
}

#billboard a:link, #billboard a:visited{
color: #333333;
text-decoration: none;
}

/*End of section defining the color/style scheme for link states.*/



/*This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header, #navtop, #search, #billboard {
   position: absolute;
}

#navtop {
   top: 85px;
   width: 70%;
   border-bottom: 1px solid #333333;
   margin-bottom: 2em;
}

#navigation, #bodycontent {
   top: 110px;
}


#bodycontent, #navtop {
   left: 215px;
}

#billboard {
   top: 430px;   
}



#header {
   width: 100%;
}

#search {
postion: absolute;
top: 83px;
left: 400px;
/*right: 25px;*/
font-size: x-small;
font-weight: bold;
color: #FFFFFF;
}


/*#search {
float: right;
width: 600px;
font-size: x-small;
font-weight: bold;
}*/


*/End of section dealing with position of items on the screen.*/



/*This section defines layout details for the image gallery.*/

#albumlist {
   list-style-type: none;
}


#albumlist li {
float: left;
width: 240px;
margin-right: 6px;
margin-bottom: 10px;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

#albumlist img {
display: block;
border: 1px solid #333333;
}

#albumlist a:link, #albumlist a:visited{
color: #333333;
text-decoration: none;
}


/*End of section defining layout details for the image gallery.*/