body {
padding:0;
margin:0;
font: 0.8125em Verdana, sans-serif; line-height: 1.3; color: #333; background: #FFF;
}    

div#left .prev{
padding-left:480px;
}

div#outerContainer {
width:910px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
background-image: url(images/scruffy_line_wee.gif);
background-repeat:repeat-y;

}

div#header{
background-image:url(images/scruffy_shadow.png);
background-repeat:no-repeat;
background-position:right top;
background-position:80% 10%;
height:130px;
padding:0;
margin:0;
background-color:white;
}    

div#styler
{
margin: 0;
float:right;
border-bottom: 0px solid #000;
padding: 20px 0px;
}

div#styler ul, div#styler li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;

}

div#styler a:link, div#styler a:visited
{
line-height: 14px;
margin: 0 5px 10px 5px;
text-decoration: none;
color: #999;
}

div#styler a:hover
{
border-bottom: 0px solid #000;
padding-bottom: 8px;
background-image:url(images/scruffy_underline.png);
color: #000;

}

div#styler .sharp {

}

div#styler .scruffy {
text-decoration:line-through;
}


div#stripe{
background-color: #fff;
padding: 5px;
clear: both; 
height:10px;
background-image:url(images/scruffy_line_horizontal.gif);
background-repeat:no-repeat;
}


/*/////////////////////////// the footer /////////////////////////////////////////*/  

div#footer {
clear:both;
height:40px;
padding-top:15px;
}

div#footer img{
border:none;
padding-right:10px;
}

div#footer p{
float:right;
padding:5px;
}

/*/////////////////////////// the middle bits /////////////////////////////////////////*/    


h1{
font:  1.9em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
}


h2 {
font: bold 1.3em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
}

#left h2.pixbox{
font: bold 1.3em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
padding: 0px 0 5px 19px;
background: url(images/box_pix_black_scruffy.png) no-repeat 0% 35%;
}


#left h2.info{
font: bold 1.3em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
padding: 0px 0 5px 19px;
background: url(images/info_pix_black.png) no-repeat 0% 35%;
}

#left h2.access{
font: bold 1.3em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
padding: 0px 0 5px 19px;
background: url(images/access_pix_black.png) no-repeat 0% 35%;
}


#left h2.contact{
font: bold 1.2em Verdana, Arial, sans-serif; 
letter-spacing: 2px;  
font: bold 1.3em Verdana, Arial, sans-serif; 
letter-spacing: 2px; 
font-weight:lighter;
padding: 0px 0 5px 19px;
background: url(images/mail_pix_black_scruffy.png) no-repeat 0% 35%;
}


h3 {
letter-spacing: 2px;  
padding-top:10px;
margin-top:10px;
text-decoration: none;
text-transform:uppercase;
color:#CC3300;
font-size:0.84em;
}

a{
color:#900;
color:#0066CC;
text-decoration:underline;
}


a:hover{
color:#000;
}

div#left .top {
padding-left:540px;

}

div#left {
float:left;
width:550px;
color:#000;
text-align:left;
padding-right:80px;
}  


div#left img.landscape{
border:solid #999 0px;
padding:7px;
background-color:#fff;
background-image:url(images/scruffy_landscape2.png);
background-repeat:no-repeat;
}      


div#left img.portrait {
border:solid #999 0px;
padding:7px;
background-color:#fff;
margin-left:70px;
background-image:url(images/scruffy_portrait2.png);
background-repeat:no-repeat;
}

div#left img.borderless{
border:0;
}     


div#left form {
background-color:#f4f4f4;
border: solid 1px #efefef;
padding:20px;
}     

#left ul li{
list-style:square;
padding: 0px 0px 12px 0;
}

/*/////////////////////////// thumbnail styles for images /////////////////////////////////////////*/     
div.picbox {
padding:5px;
border: 0px solid red;
}

div.float {
float: left;
padding: 5px 5px 5px 3px;
}
  
div.float p {
text-align: center;
padding-left:0;
}

div.float img {
border:1px solid #e7e7e7;
padding:7px;
}

div.spacer {
clear: both;
}


/*//////////////////////////////////////////////////horizontal navigation horizontal //////////////////////////////////////////*/

#navlist_top
{
margin: 0;
border-bottom: 0px solid #000;
padding: 20px 0px;
}

#navlist_top ul, #navlist_top li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;

}

#navlist_top a:link, #navlist_top a:visited
{
line-height: 14px;
margin: 0 15px 10px 0px;
text-decoration: none;
color: #999;
}

#navlist_top a:hover
{
border-bottom: 0px solid #000;
padding-bottom: 8px;
background-image:url(images/scruffy_underline.png);
color: #000;

}

/*/////////////////////////// the navigation vertical /////////////////////////////////////////*/     
div#right {
float:right;
width:240px;
background-image:url(images/scruffy_corner.gif);
background-repeat:no-repeat;
padding:20px 0 0 25px;
}

li a{
margin: 0;
line-height: 1.5;
font-size:0.8em;
margin-left: 6px;
padding-right:-10px;
text-decoration: none;
text-transform:uppercase;
color:#000;
}

li a:hover{
color:#CC3300;
}

.photolist  { 
list-style-image:url(images/box_fletcha_scruffy.png)
}

.currentpage{
list-style-image:url(images/box_fletcha_red_scruffy.png);
color:#CC3300;
}

/*/////////////////////////// later and previous links on latest pics page ///////////////*/  
#later_prev
{
margin: 0;
border: 0px solid #000;
padding: 10px 100px;
}

#later_prev ul, #later_prev li
{
margin: 15px;
padding: 10px;
display: inline;
list-style-type: none;

}
/*/////////////////////////// google ads /////////////////////////////////////////*/  

div#ads {
border-top: 1px dotted #B2B2B2;
padding-top:50px;
margin-top:50px;
padding-left:30px;
}