/*standard body tags etc */

body  {
       background-color: black;
       font-family: franklin gothic book, sans-serif;
       font-size: 11pt;
       color: #999999;
       margin: 0px;
       padding: 0px;
}    

a     {    
       color: #999999;
       text-decoration: none;
} 

a:link {color: #999999;}
a:visited {color: #999999; }
a:hover {
	text-decoration: overline; 
	}

img   { 
       border: 0px;
}

.borderwhite {
       border: #999999 1px solid;
}

.borderblack {
       border: #999999 1px solid;
}

.bold {
       font-weight: bold;
}



.oblique {
       font-style: oblique;
}

/*customised div tags*/

#logo {

       float: right;
       width: 100%;
       border: 0px #000 dashed;
       text-align: right;
       margin-right: 13px;

}


/* the links bar which is a customised, inline unordered list*/

#linksbar {

       float: right;
       text-align: right;
       font-variant: small-caps;
       border: 0px #ffffff dashed;
       text-decoration: none;
       margin-top: 0px;
       padding-right: 13px;

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

#linksbar ul li {
       display: inline;
       padding-left: 5px;
       padding-right: 5px;
       border-right: 0px dotted white;

}

#linksbar ul li#navcontact {
       display: inline;
       padding-left: 5px;
       padding-right: 5px;
       border-right: 0px dotted white;

}


#linksbar ul li a {
       display: inline;
       background-color: #black;
       color: #999999;
       text-decoration: none;
}


#linksbar ul li a:hover {
border-top: 1px #999999 solid;
border-bottom: 1px #999999 solid;
}

#linksbar ul li a:focus {
border-top: 1px #999999 white solid;
border-bottom: 1px #999999 solid;
}

body#home ul#navlist li#navhome a,
body#history ul#navlist li#navhistory a,
body#squatfest ul#navlist li#navsquatfest a,
body#upcoming ul#navlist li#navupcoming a,
body#links ul#navlist li#navlinks a,
body#projects ul#navprojects li#navprojects a,
body#contact ul#navlist li#navcontact a {

border-top: 1px #999999 solid;
border-bottom: 1px #999999 solid;
}

/*the above is an efficient way of highlighting the link on the current page. it involves giving each body a unique id <body="home"> etc. it was sourced from www.webmasterworld.com/forum83/4502.htm and also from www.hicksdesign.co.uk/journal/271/highlighting-current-page-with-css - both pages have an explanation for how it works*/


#page {
       position: absolute;
       top: 90px;
       margin-top: 10px;
       padding-right: 20px;

       border: 0px #999999 dashed;
}


/*the following locates the big image on any given page. the image div sits inside the page div*/

#image {
       float: right;
       width: 407px;

       border: 0px #ffffff dashed;
       margin-top: 25px;

}
/* the caption text is in the image div*/

#caption {

       width: 100%;
       float: left;
       font-variant: small-caps;
       text-align: left;
       border: 0px #ffffff dashed;
       text-decoration: overline;
       margin-top: 4px;
}

/*the imagethumbs sit inside the image div*/

#imagethumbs {


      border: 0px #ffffff dashed;
      color: #999999;
      width: 390px;
      padding-top: 8px;
      margin-right: 0px;
      padding-left: 0px;
      float: left;
      text-align: left;

      
      }

/*the text div is within the page div*/


#text {

      border: 0px #ffffff dashed;
      color: #999999;
      float: right;
      margin-top: 25px;
      margin-right: 15px;
      width: 380px;
      height: 600px;
      text-align: right;

}

#projecttext {

      border: 0px #ffffff dashed;
      color: #fff;
      float: right;
      margin-top: 25px;
      margin-right: 15px;
      width: 380px;
      height: 600px;
      text-align: right;

}

#projecttext a{color: #ffff6b;}

#projecttextwide {

      border: 0px #ffffff dashed;
      color: #fff;
      float: right;
      margin-top: 25px;
      margin-right: 0px;
      width: 480px;
      height: 600px;
      text-align: right;

}

#projecttextwide a{color: #ffff6b;}

#imagewide {
       float: right;
       width: 610px;

       border: 0px #ffffff dashed;
       margin-top: 25px;

}