.page  #container { 
width: 830px;  
background: #000;
margin: 20px auto 0px auto; 
border: 0px solid #000000;
text-align: left;
 }

.page  #header { 
background: #000; 
padding: 0 10px 0 20px; 
} 

.page  #header  h1 {
margin: 0;
padding: 10px 0;
}

/* header */

#headername{	
float:left;
Margin:0px;
padding:0px;
width:500px;
height:180px;
background-image:url(http://www.andrewhavill.com/images/headername.gif)  ;

}

#headerpic{	
float:left;
display:inline;
margin-left:20px;
padding:0px;
width:270px;
height:180px;
background-image:url(http://www.andrewhavill.com/images/headerpic.jpg)  ;


/* navigation */

}
#navigation{
float:left;
padding:0px;
width:790px;
height:35px;
margin-bottom:20px;

ebackground-image: url(http://www.andrewhavill.com/images/navigation.gif) ;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 background-color:#322b23;
	ebackground-color:  #453a2a ;
}




/* sidebar */

.page  #sidebar1 {
float: right; 
width:251px; 
background: #000; 
padding: 0px 20px 0px 0px;
}

.page  #sidebar1 img{
float: right; 
margin: 0px 0px 15px 0px;
}

#sidebar2 {
float: right; 
width:251px !important; 
background: #000; 
padding: 0px 20px 20px 0px;
}
.rightbox1{
width:251px;
height:160px;
float:right;
text-align:left;
background-color:#92826c;
margin:0px 0px 20px 0px;

}

.bottommargin{
margin-bottom:20px;
}

.rightbox{
width:231px;
height:auto;
float:right;
text-align:left;
background-color:#92826c;
margin:-1px 0px 10px 0px;/* this overlaps the black ghost line */
padding:11px 10px 11px 10px;/* this gives the pixel back =) */
emargin:0px;
epadding:10px;
}

.rightbox p{
float:left;
width:115px;
padding:0px;
font-family:  'Lato', sans-serif;
font-size:11px;
text-align:left;
color:#000;
margin-top: 14px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}

.rightbox img{
float:right;
width:100px;
height:100px;
border:2px #000000 solid;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

/* maincontent*/

.page   #maincontentbox { 
margin: 0 -250px 0 0; 
padding: 0 20px; 
}


#maincontent{
width:520px;
height:501px;
float:left;
text-align:left;
background-color:red;
ebackground-color:#92826c;
margin:-1px 0px -1px 0px;/* this overlaps the black ghost line */
padding:1px 0px 1px 0px;/* this gives the pixel back =) */
}

#surfdesign{
left:310px;
padding:0px;
text-align:center;
margin-top:10px;
}
#footer{
height:40px;
margin:0 auto 0 auto;
width:790px;
epadding-right:20px;
epadding-bottom:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 background:#453a2b;}


.page  #footer  p {
text-align:center;
margin: 0; 
padding: 10px 0; 
}

.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


object{
margin-top:40px;
width:366px;
border:0px solid #000000;}

#video{
width:400px;
height:220px;
background-color:#92826c;
margin:10px 0px 0px 60px;


}

video{
width:400px;
height:220px;
background-color:#000;
margin:0px;


}



<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
/* Stylesheet: layout Modified On 2014-10-24 17:53:23 */
#news {
/* margin for the entire div surrounding the news items */

	margin: 10px 0px 0px 0px;
/* border set here */
	border: 0px solid #909799;
/* sets it off from surroundings */
	
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(http://www.andrewhavill.com/uploads/ngrey/darknav.png) repeat-x left center;
	colour:#fff;
	border: none
}
.NewsSummary {
width:400px;
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 0 0.5em;
	border-bottom: 0px solid #ccc;
color:#ddd;}

.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 60%;
/* bold to set it off from text */
	font-weight:300;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {float:right;
	padding-top: 0;
margin-top:0px;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: 300;
color:#544a3c;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
color:#aaa;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 0px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
color:#fff;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {

}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* Stylesheet: news Modified On 2014-10-24 17:10:12 */
body  {
font-family:  'Lato', sans-serif;
font-size:14px;
color:#fff;
background-color: #262018;
margin: 0;
padding: 0;
text-align: center;
color:#999;

} 	

strong{font-weight:300;}

h1{
color:#fff;
font-size:150%;
margin:20px 0px -20px 45px;
}

h2{
color:#fff;
font-size:150%;

}
	
h3{
color:#fff;
font-size:150%;
margin:10px 0px 10px 20px;
}

h4{
color:#fff;
font-size:150%;
padding:10px;
margin:10px 0px 10px 20px;
}

h5{
color:#fff;
font-size:100%;
padding:0px;
margin:0px}


#navigation ul {
margin:0px;
padding:0 0 0 0px;
list-style:none;
width:790px;

} #navigation ul li{
float:left;
}

ul a:visited{color:#ffffff;text-decoration:none}
ul a:link{color:#ffffff;text-decoration:none}
ul a:hover{color:#ffffff;text-decoration:none;font-size:100%}

ul a {
color:#fff;
font-size:100%;
display:block;
line-height:35px;
width:98px;
height:35px;
text-decoration:none;
color:#fff;
text-align:center;	
}


#indexcontent p{
font-size:14px;
text-align:left;
color:#ccc;
padding:0px 50px 0px 50px;
}


#indexcontent h2{
margin:10px 0px 0px 50px;
color:#fff;
font-size:150%;
}



#news-box p{
font-size:16px;
font-weight:300;
text-align:left;
padding:0px;
margin:0px 0px 0px 0px;
}

#news-detail {
width:400px;
font-size:16px;
text-align:left;
padding:0px;
margin:10px 0px 10px 20px;
}

#news-detail h3{
color:#fff;
font-size:150%;
margin:10px 0px 10px 0px;
padding:0px;

}


#news-box h1{
color:#fff;
font-size:150%;
margin:10px 0px 10px 15px;
padding:0px;

}

#news-box{
font-size:16px;
text-align:left;
color:#fff;
padding:0px;
margin:0px 0px 0px 5px;
}

/* film/television/stage */



.pictures p{
float:left;
width:330px;
height:100px;
font-family:arial, sans-serif;
font-size:14px;
text-align:left;
color:#000;
margin:10px 10px 0px 10px;
padding:0px;
}




a:link{color:#ffffff;text-decoration:none}
a:visited{color:#8b7a64;text-decoration:none}
a:hover{color:#544a3c;text-decoration:none;}


.highlighttext1{
font-family:arial,sans-serif;
color:#fff;
font-size:100%;
}

.highlighttext2{
color:#fff;
font-size:100%;
}

.highlighttext3{
color:#fff;
font-size:120%;
}


#contact {
font-size:18px;
text-align:center;
color:#f7e7d3;
width:380px;
eheight:180px;
border:1px solid #ffffff;
background-color:#000;
padding:20px 0px 20px 0px;
margin:100px 0px 0px 70px;
}

#contact p{font-weight:300;}


#scrollable{
ebackground:#92826c;
font-size:100%;
height:480px;
width:500px;
overflow:auto;
margin-left:0px;
padding-right:20px;
padding-bottom:30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 background-color:#322b23;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#322b23, endColorstr=#453a2a);
 background-image:-moz-linear-gradient(top, #322b23 0%, #453a2a 100%);
 background-image:-webkit-linear-gradient(top, #322b23 0%, #453a2a 100%);
 background-image:-ms-linear-gradient(top, #322b23 0%, #453a2a 100%);
 background-image:linear-gradient(top, #322b23 0%, #453a2a 100%);
 background-image:-o-linear-gradient(top, #322b23 0%, #453a2a 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#322b23), color-stop(100%,#453a2a));}

/* Controls look of scrollbar - keeping it on */

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.4);
   
} 
::-webkit-scrollbar-track {
    background-color: rgba(155,155,155, .3);
    border-radius: 8px;
}


#news-scrollable{

font-size:100%;
height:480px;
width:500px;
overflow:auto;
margin-left:0px;
padding-right:20px;
padding-bottom:30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 background-color:#000;

}


#scrollable li{line-height:130%;
list-style:square;
color:#fff}


.text{
color:#f7e7d3;
font-size:100%;
}

.text2{
color:#f7e7d3;
font-size:120%;
}

#footer a{
text-decoration:none;
color:#ffffff;
font-size:16px;
}


#surfdesign a{
text-decoration:none;
color:#92826d;
font-size:10px;
}

/* Stylesheet: styles Modified On 2014-11-13 17:20:59 */