#homepage {
margin: 0;
padding: 0;
border-top: 1px solid #000;
}

.headercolour {
background-image: url(../images/home/homepage/header_colour.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/*these classes are added in by the javascript*/
.headerfilm {
background-image: url(../images/home/homepage/header_johnny.jpg);
background-position: top left;
background-repeat: no-repeat;
}

.headerglam {
background-image: url(../images/home/homepage/header_michael.jpg);
background-position: top left;
background-repeat: no-repeat;
}

.headertravel {
background-image: url(../images/home/homepage/header_elvis.jpg);
background-position: top left;
background-repeat: no-repeat;
border-top: 1px solid #000;
}

.hide {
display: none;
}

h2 {
color: #0747ec;
}

p {
text-indent: 0;
}

p:first-letter {
font-size: inherit;
color: inherit;
line-height: inherit;
}

#welcome, #filminfo, #glaminfo, #travelinfo {
width: 166px;
}

#welcome h1 {
margin-top: 0;
margin-bottom: 5px;
color: #0747ec;
}

#filminfo, #glaminfo, #travelinfo {
float: left;
margin-left: 8px;
height: 450px;
overflow: hidden;
}

#welcome h2, #filminfo h2, #glaminfo h2, #travelinfo h2 {
padding: 10px 0 5px 10px;
margin: 0;
color: #fff;
display: block;
}

#filminfo {
border: 1px solid #f00;
background-color: #ffe5e5;
margin-left: 20px;
}

#filminfo h2 {
background-color: #f00;
}

#glaminfo {
border: 1px solid #90c;
background-color: #f5e5fa;
}

#glaminfo h2 {
background-color: #90c;
}

#travelinfo {
border: 1px solid #e664eb;
background-color: #fceffd;
}

#travelinfo h2 {
background-color: #e664eb;
}

#welcome {
width: 460px;
padding-top: 300px;
}

#welcome img {
width: 100px;
height: 100px;
border: 1px solid #ccc;
overflow: hidden;
margin: 5px 10px 20px 20px;
padding: 0;
}


#filminfo img, #glaminfo img, #travelinfo img {
width: 166px;
height: 166px;
padding: 0;
margin: 0;
}

#filminfo a {
color: #f00;
}

#filminfo a:visited {
color: #B11D19;
}

#glaminfo a {
color: #90c;
}

#glaminfo a:visited {
color: #6A0C8A;
}

#travelinfo a {
color: #E664EB;
}

#travelinfo a:visited {
color: #AE25B3;
}

#welcome p, #filminfo p, #glaminfo p, #travelinfo p {
margin: 0 5px 0 10px;
}
#filminfo p, #glaminfo p, #travelinfo p {
line-height: 1.5em;
}

#travelinfo p {
margin-top: 10px;
}

#welcome hr.hiddenrule, #filminfo hr.hiddenrule, #glaminfo hr.hiddenrule, #travelinfo hr.hiddenrule {
clear: left;
visibility: hidden;
}

#filminfo ul, #glaminfo ul, #travelinfo ul {
list-style: none;
margin-left: 10px;
padding: 0;
line-height: 1.8em;
}

#filminfo ul li, #glaminfo ul li, #travelinfo ul li {
background-image: url(../images/film/general/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 12px;
margin-left: 0;
}

#glaminfo ul li {
background-image: url(../images/temple/general/arrow.gif);
}

#travelinfo ul li {
background-image: url(../images/photos/general/arrow.gif);
}

#hprightcol{
width: 220px;
float: right;
background-color: #e6ecfd;
background-image: url(../images/home/homepage/tweeter.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#twitter {
margin-top: 70px;
}

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

#hpheader li a {
float: left;
width: 185px;
/*padding-top: 242px;*/
font-size: 0.5em;
padding-top: 260px;
color: #fff;
}

#maincontent {
/*margin-top: 430px;*/
width: 560px;
clear: left;
}

#flickr {
margin: 20px 0 20px 10px;
}

/*flickr styles*/
#flickr_badge_source_txt {
padding:0; 
font: 11px Arial, Helvetica, Sans serif; 
color:#666;
}

div#flickr h2, div#flickr p {
margin-left: 10px;
}

div#flickr h2 {
padding-top: 20px;
}

div#flickr img {
margin-left: 10px;
width: 97px;
height: 97px;
}

#ecard {
background-image: url(../images/home/homepage/ecard_bg.jpg);
background-position: top right;
background-repeat: no-repeat;
margin-top: 20px;
padding: 0 10px;
border-top: 1px dashed #0747ec;
}

#ecard h2 {
font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif;
color: #0747ec;
font-size: 16px;
}