/* CSS Document */

@import url("altcolors1.css"); 



/* set defaults */

p, body, html, img, h1, h2, h3, a, div, ul, li {
	margin: 0px;
	padding: 0px;
   }

p, h1, h2, h3, a, li, table, label {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style:normal;
}

p, ul {
    font-size: 0.8em; /* note 63% recommended on body */
    }

ul p {
    font-size: 1em;
   }	
	

li {
   list-style-type:none;
   }
   
a { 
   text-decoration:none;
   }
  
h2 {
  /* font-weight: bold;*/
   }
   
h1 {
   font-size: 1.4em;
   padding-bottom: 3px;
   }
   
h2 {
   font-size: 1.0em;
   }
   
img, ul, li {
  border: none;
  }  

td, th {
   text-align: left;
   vertical-align: top;
   padding: 3px;
   }

/* global styles for standard dwt */


#bodyid {
/*   padding-top: 30px;
   padding-bottom: 40px;*/

   }

#wrapper {
   width: 92%;
   max-width: 1124px; /* was 1024 */
   min-width: 800px;
/*   min-height: 100%;*/
   margin: auto;
   text-align: center;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
  _width: expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1122? "1124px" : "90%"); 
   /* ie 6 hack for min/max width */
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
	}
	
#mainblock {
   margin-top: 10px;
   }	
	
/* header */	
	
#header, #mainblock, #footer {
   text-align: left;
   margin-left: 2.5%;
   margin-right: 2.5%;
  
   }	

#header {
   padding-top: 0.7em;
   padding-bottom: 0.4em;
   position: relative;
   }

#headerp { 
   margin-left: -1%;
   }
   
#header a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   *font-weight: normal;
   padding-right: 1.6%;
   padding-left: 1%;
   margin-right: 0%;

   }   

#colourchange {
	position: absolute;
	right: 0.5%;
	top: 0.7em;
	text-align: right;
	width: 100px;
	margin: 0px;
	padding: 0px;
}

#colourchange img, #colourchange a {
	display: inline;
	border: none;
	margin: 0px;
	padding: 0px;

}

#header .stockphotolink {
   border-right: none;
   }   


/* header */	
	

#footer {
   padding-top: 0.2em;
   padding-bottom: 0.7em;
   clear: both;
   margin-top: 5px;
   position: relative;
   }

#footer p { 
   margin-left: -.7%;
   
   }
   
#footer a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding-right: 1.0%;
   padding-left: .7%;
   margin-right: 0%;

   font-size: 0.9em;
   clear: both;
   }   

#footer .stockphotolink {
   border-right: none;
   }   

#copyright {
   position: absolute;
   right: 0px;
   font-size: 0.6em;
   top: 4px;
   _display: none;
   }

/* leftcol */

#leftcol, #rightcol {
   float: left;
   }
   
#leftcol {
   width: 65%;
   min-height: 350px; /* for development */
   margin-top: 1em;
   }   

/* rightcol */

#rightcol {
   width: 34.5%;
   overflow: hidden;
   }   
   
#rightcol h1 {
   font-size: 1.4em !important;
   margin-left: .2em;
   }   



/* top info box */

#introbox {
   margin: 1em 5% 4em 8%;
   position: relative;
  
   }

#introbox p {
   font-size: 0.65em;
   margin-left: 33%;
   _margin-left: 5%;
   }   

#introbox a, #rolesp {
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   *font-weight: normal;
}

#introbox a {
   display: block;
   padding-top: 3px;
   }   

#mrlogo {
   max-width: 100px;
   width: 35%;
   position: absolute;
   left: 0%;
   margin-left:-10px;
   }

#martintext {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-left: 33%;
   font-size: 1.25em;
   letter-spacing: -2px;
   _margin-left: 5%;
   }

#rolesp {
   padding-top: 1em;
   line-height: 1.4em;
   }
 
/* righthandcontent */

#righthandcontent {
   margin: 2em 2% 1em 5%;
   padding-left: 0.2em;
   position: relative;

   } 

#submenu {
   position: relative;
/*   min-height: 2.8em;*/
   padding: 0px 5% 0px 5%;    
   _height: 2em;

   }
   
#submenu img, #mrlogo {
   _display: none;
   _height: 0px;
   }   
   
#sqspacer {
   width: 17.5%;
   *width: 17.9%;
   _width: 13%;
   }   
   

#zx81image, #frenchman, #curryimage {
   display: inline;
   }   

#zx81image {
   width: 35%;
   position: absolute;
   left: 3%;
   top: -1.1em;
   max-height:200px;
   }
   
#frenchman {
   width: 22%;
   position: absolute;
   left: 45%;
   top: -0.6em;
   max-height:176px;
   }

#curryimage {
   width: 22%;
   position: absolute;
   right: 3%;
   top: -0.6em;
   max-height:200px;
   }

   

/* breezebox styles */

.Travelogue #leftcol img {
   float: left;
   padding: 5px 12px 0px 0px;
   }   
   
.mceimg img {
   _display: none;
   }   

#leftcol {
   padding-bottom: 20px;
   }
   
#leftcol p, #leftcol ul {
   padding: 5px 10px 5px 0px;
   }   

#rightcol p {
   padding: 5px 5px 5px 5px;
   }   

#leftcol img {
   max-width: 100%;
   }
   
#rightcol .submenulevellist2 {
   margin-left: 2em;
   }
   
#rightcol .submenulevellist3 {
   margin-left: 4em;
   }
#rightcol .submenulevellist4 {
   margin-left: 6em;
   }
   
#rightcol #bbmenu {
   padding-bottom: 1em;
   }   
   
#translatemain img {
   float: none;
   }   
   
/* wp styles */

#leftcol .storycontent
   {
   padding-bottom: 10px;
   clear:both;
   }   
   
#rightcol #menu {
   width: 80%;
   }   
   
/* bookpage styles */
  
.bookpage #preview, .bookpage #bookpreviewimage {
   text-align: center;
   }   

.bookpage li {
   list-style-type: circle;
   padding: 0.2em 0em 0.2em 0em;
   }   
   
.bookpage #formatoptions {
   padding-top: 1em;
   }  


.bookpage #leftcol ul {
  padding-left: 2em;
  }
   
/* design page */

.designpage #martmug, .resumepage #martmug {
   float: right;
   width: 25%;
   margin: 0px 5px 5px 10px;
   }   

.designpage #leftcol ul img {
  clear: both;
  float: left;
  margin-left: -24%;

  width: 18%;
  }
  
.designpage #leftcol ul li { 
  clear: both;
  padding-left: 25%;
  padding-top: 1.3em;
  width: 70%;
  }
  
.designpage #leftcol ul {
/*  max-height: 40em;
  overflow-y:scroll;*/
  }
  
.designpage #training {
  padding-top: 20px;
  clear: both;
  
}

.designpage #traininglist {
   padding-left: 43px; 
   padding-top: 10px;
   padding-bottom: 10px;
}

/* homepage */

#homethumbslist img {
/*  width: 19.5em;
  height: 19.5em;*/
  width: 44%;
  display: inline;
  margin-right: 2.0em;
  margin-bottom: 2.0em;
  }

  
#homethumbslist li {  
  display: inline;
  position:relative;
  }
  
#homethumbslist .sectiontitle {
  display: none; /* decided to do on image */
  }
  
.subhead {
  font-size: 2.2em;
  padding-left: 5px;
  padding-bottom: 3px;
  }  
  
#menuthumblab_1_1, #menuthumblab_1_2, #menuthumblab_1_3, #menuthumblab_1_4 {
   display: none;
  }  
  
/* artsales */  
  
#artsales #frm {
   margin: auto;
   overflow-x: hidden;
   }
   
#artsales #framearea {
  margin-left:30px;
  margin-right:30px;
  }   
  
/* frenchenglish */

#region1, #region2, #region3, #region4 {
  margin-top: 10px;
  margin-botton: 10px;
  }     
  
#translatemain input {
   vertical-align: top;
   }      

#translatemain td { 
  padding-right: 15px;
  padding-top: 10px;
  }   
  
#translatemain #checkanswers #nextagain {
  margin: 15px 0px 15px 0px;
  }  
  
#translatemain #region3b {
  text-align: center;
  }  

#translatemain #startfrom {
  padding-left: 10px;
  }
  
#translatemain #nextset1{
  margin-left: 30px;
  }
  
#translatemain td, #translatemain th, #translatemain label {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.8em;
  }  
  
#region3b {
  margin-top: 1.0em;
  margin-bottom: 1em;
  }  
  
/* blog - move blog css here */

.blog #leftcol h2 {
   font-weight: bold;
   clear: both;
   padding-top: 1em;
   }
   
#text #sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

.credit {
  display: none;
  }   

#menu ul
   {
   padding-right: 10px!important;
   }

#menu ul li ul {
   padding-left: 20px!important;
   padding-bottom: 10px;
   }	  
   
#content p {
  margin-bottom: 10px;
  }    

.storytitle {
   display: none;
   }	
   
.feedback {
   text-align: right;
   padding-right: 15px;
   }

.blog #leftcol .meta a {         
  /* display: none;*/
   font-size:0.65em;
   font-weight: bold;
   }

.blog .meta {
   float: right;
   padding-right: 1em;
   margin-top: -0.5em;
   } 

.aktt_tweets li {
   padding-bottom: 10px;
   }   
   
.aktt_more_updates {
   display: none;
   }   


.blog #menu {
   padding-top: 20px;
   }
 
.blog #menu .widget_categories {
  font-size: 1.7em;
  padding-bottom:6px;
  margin-top: -1em;
  }     

.blog #menu li {
  font-size: 1.5em;
  }     


.blog #menu li ul li {
  font-size: 0.8em;
  padding-top: .2em;
  }     

.blog #menu li .blogroll li {
  font-size: 0.65em;
  }     
  
.blog #comment {
    width: 100% !important;
	height: 8em !important;
	}  
	
.blog #leftcol img, .Travelogue #mainblock img, .Interests #mainblock img {
   _display : none;
   _height: 0px;
   }	
	
/* comments */

#comments {
   padding: 0px;
   margin: 0px;
   font-size: 0.9em;
   _display:none;
   } 
   
#comments h1 {
   padding-top: 0.3em;
   padding-bottom: 0.8em;
   }   
   
#comments label {
   font-size: 0.8em;
   display:block;
   margin-left: 0.4em;
   position:relative;
   height: 2em;
   }   

#comments .txtarealabel {   
   height: 12em;
   }
   
#comments input {
   position:absolute;
   left: 6em;
   }
#comments textarea {
   position:absolute;
   /*left: 6.2em;*/
   left: 6em;
   *left: 6.0em;
   height: 10em;
   *height: 9.5em;
   width: 11.2em;
   *width: 10.5em;
   _width: 10.5em;
   }
   
#region5 #comments textarea {
   height: 5em;
   width: 13em;
   *width: 11em;
   }
#region5 #rightblock, #region5 #leftblock {
   float:left;
   }   
#region5 #rightblock {
   margin-left: 35%;
   }
#region5 #comments .txtarealabel {   
   height: 7em;
   padding-left: 0.5em;
   }
#region5 #endblock {
   clear: both;
   }  
   
#region5 {
   _display: none;
   }
   
#region5 form {
   margin-right: 3em;
   margin-top: 0.5em;
   padding:1em;
   }    
#region5 #comments .inp {
   width: 10em; 
   left: 4em;
   }
   
#comments .hd {
  display: none;
  }   	
  
#comments form {
   margin-left: 0.2em;
   margin-top: 0.5em;
   padding: 0.5em 1em 1em 1em;
   }
   
/* digital page */

#twitpic {
   width: 10%;
   bottom: -3px;
   
   }   
   
/* resume page */

.resumepage #leftcol h2 {
   font-weight: bold;
   font-size:1 em;
   padding-top: 20px;
   padding-bottom: 5px;
  }

.resumepage #leftcol h3 {
   font-weight: bold;
   font-size:0.8em;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 15px;
   line-height: 1.5em;
}

.resumepage h1 {
   padding-bottom: 15px;
   }

.resumepage #leftcol li {
   margin: 0px;
   list-style: circle ;
   padding-top: 4px;
   padding-bottom: 4px;
   line-height: 1.5em;
}
.resumepage #leftcol ul {
   margin: 0px 0px 0px 30px;
   padding: 0px 15px 0px 15px;
}

.resumepage #leftcol p {
   padding-right: 15px;
   padding-left: 15px;
   line-height: 1.5em;
   }
   
.resumepage #leftcol br {
   clear: both; /* for bottom list */
   }
   
.resumepage #leftcol #refsites, 
.designpage #leftcol #refsites 
  {
  width: 95%;
  padding: 0px !important;
  margin: 10px 0px 0px 15px  !important;
  /*border: thin red solid;*/
  min-height: 20px;
  clear: both;
  }
     
.resumepage #leftcol #refsites li,
.designpage #leftcol #refsites li
{
   line-height: 1.5em;
   font-size: 90%;
   list-style: none;
   float: left !important;
   padding: 0px;
   clear: none;
   }   

.resumepage #leftcol #refsites li {
   width: 49%;
   margin: 0px 0px 0px 0px;
   }
   
.designpage #leftcol #refsites li {
   width: 43%;
   margin: 0px 0px 0px 30px;
   }

.designpage #leftcol #liverefsites {
   clear: both;
   margin-top: 40px;
   }

.resumepage #leftcol #refsites a:hover,
.designpage #leftcol #refsites a:hover
 {
   text-decoration: underline;
   }   
   
   
/* photo homepage */

.photohomepage #homethumbslist li, 
.photohomepage #homethumbslist img,
.photohomepage #homethumbslist p {
   margin: 0px;
   padding: 0px;
   }


.photohomepage #homethumbslist img {
   width: 30%;
   *width: 30%;
   margin-right: 0.8em;
   margin-bottom: 0.8em;
   max-width: 300px;

   }   
   
.photohomepage #homethumbslist li {
   position: relative;
   }

.photohomepage #homethumbslist p {
   position: absolute;
   bottom: 1.2em;
   left: .2em;
   line-height: 1.1em;
  /* padding-left: .6em;*/
   font-size: 0.9em;
   padding: 2px;
   _display: none;
   }  
   
.photohomepage #homethumbslist #homethumblabel_2_2,
.photohomepage #homethumbslist #homethumblabel_2_3,
.photohomepage #homethumbslist #homethumblabel_2_4 {
   *bottom: 1.6em; /* ie 8 fix yuck */
   }
   
#firstlistcol, #secondlistcol {
   float: left;
   }
#firstlistcol {
   width: 42%;
   *width: 48%;
   _width: 40%;
   }
#secondlistcol {
   width: 56%;
   *width: 50%;
   _width: 40%;
   }
   
#sections {
  width: 99%;
  }
   
#firstlistcol ul, #secondlistcol ul {   
   margin-bottom: 1em;
   width: 99%;
   }

#firstlistcol li, #secondlistcol li {   
   margin-top: 0.2em;
   width: 99%;
   }

#secondlistcol li {   
   *width: 150%; /* fix for ie making cols narrower ?? */
   }


   
/* photos thumbs */

#thumbslist li {
   display: inline;
   }   
   
#thumbslist img {
   width: 18%;
   max-width: 180px;
   margin-right: 0.4em;
   margin-bottom: 0.4em;

   }   

#furtherdetails, #largeimage h1, #SElinks {
   display: none;
   }   
   
.active {
   font-weight: bold;
  
   }   
   
div #largeimage, #paging, #nextpage {
   font-size: 0.8em;
   font-family: Arial, Helvetica, sans-serif;
   }   
   
#pagecount, #nextpage, #paging {
   display: inline;
   }
   

   
#largeimage {
   text-align: center;
   margin: auto;
   position: relative;
   }   
   
#mainimageblock {
   width: 95%;
   
   padding: 1em 0.3em 1em 0.3em;
   margin-top: 0.7em;
   margin-bottom: 0.7em;
   _width: 450px !important; /* viciously cuts off image in ie6 if too big sigh*/
   _overflow-x: hidden;
   }   
   
#purchaseimage, #purchaseimagetext {
   display: none;
   }    

#nextpageetxt {
   text-align: center;
   margin: auto;
   }   
   
#nextpage {
   clear: both;
   }   

#previewnextmain {
   padding-right: 3%;
   *padding-right: 0;
   }   
   
/* single image comments */   

#largeimage #comments, #largeimage #commentsmade {
   float: left;
   }
   
#thumbs, #largeimage #comments {
   clear: both;
   }
   
#largeimage #comments {
   width: 50%;
   }

#largeimage #comments {
   text-align: left;
   clear: both;
   }   
   
#largeimage label, #largeimage p {   
   font-size: 1.0em;
   }
   
#largeimage #comments h1, #largeimage #commentsmade h1 { 
   display: block;
   text-align: left;
   font-size: 1.6em;
   }   
   
#largeimage #comments h1 {
   margin-left: 4px;
   }   

   
#largeimage #commentsmade {
   margin-left: 2em;
   text-align: left;
   width: 43%;
   *width: 40%;
   *padding-left: 5%;
   }   

#commentsnow {
   visibility: hidden;
   margin-top: 1em;
   }   
   
#relatedthumbgrid {
   padding: 4px;
   margin-top: 1em;
   text-align: left;
   width: 95%;
   }   
   
#relatedthumbgrid img {
   padding: 1px;
   }
   
#commentsmade img {
   float: left;
   clear: both;
   margin-top: 5px;
   }   
   
#commentsmade p {
   margin-left: 82px;
   margin-top: 5px;
   padding-right: 15px;
   }   
   
#commentsmade #nocomments {
   margin-left: 0px;
   }   
   
#commentsmade div {
   clear: both;
   }   
   
/* bookmarks */

#social img {
	border: none;
	margin-right:4px;
	
}

#social a {
   padding-right: 0px;
   padding-left: 0px;
   margin-right: 0px;
   border: none !important;
}

#social {
   position:absolute;
   right: 16%;
   top: 0.3em;
   _display:none;
}

/* flash slideshow */



#slideshow #flashobject {
   
   left: 50%;
   position:absolute;
   margin-left: -300px;

  
}

#slideshow #flashwrapper { 
   width: 550px;
   position:relative;
   height: 300px;
   border-top: 1px #444444 solid;
   border-bottom: 1px #444444 solid;
   padding: 10px 0px 10px 0px;
   margin-left: auto;
   margin-right: auto;
   overflow:hidden;

   

   }
   
#slideshow #leftcol {
   overflow: hidden;

   }
   
#slideshowimage {
   position: absolute;
   right: 4%;
   *right: 3%;
   }   

#slideshowtext {
   position: absolute;
   right: 8%;
   *right: 7%;
   margin-top: -1.6em;
   *margin-top: 0.1em;
   
   }   
   
   
.tagsize0 { font-size:xx-small; }   
.tagsize1 { font-size:x-small; }   
.tagsize2 { font-size:small; }   
.tagsize3 { font-size:medium; }   
.tagsize4 { font-size:large; }   
.tagsize5 { font-size:larger; }   

.tagcloud { 
  /* margin-top: 30px !important;*/
   clear: both; 
   border: solid #f7bff7 1px;
   padding: 5px 10px 10px 10px;
   -moz-border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -webkit-border-radius: 8px;

   
   }
   
.tagcloud a:hover {
   text-decoration:underline;
   }   
   
/* rbub styles */

#rbubdiv li { 
   float: left;
   margin-right: 5px;
   position: relative;
   list-style-position: outside;
   list-style-type: none;
   }

#rbubdiv li img { 
   display: block;
   border: white 3px solid;
   }   
   
#rbubdiv li a {
  /* display: none;*/
   font-size: 1.3em;
/*   position: absolute;
   margin-top: 135px;*/
   }   
   
#rbubdiv h4 { 
   margin: 0px;
   }   
   
#rbubdiv {
   margin-top: 5px;
   margin-bottom: 5px;
   overflow-x: scroll;
   overflow-y: hidden;
   position: relative; /* fixes ie bug where list scrolling out of window */

   height: 186px;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   clear: left;


   }   

#rbubul {
   width: 4200px;
   overflow: hidden;
   margin-top: 0px;
   }   
   
#purchaseprints {
   margin-top:20px;
   padding: 1px 5px 5px 5px;
   width: 95%;
   }
   
/* ratings */

    #ratetext {
	position:absolute;
	left: 78px;
	*left: 83px;
	color:white;
	padding-top: 3px;
	}

    #rateStatus{float:left; clear:both; width:100%; height:20px;}
	
    #rateMe{position:absolute; clear:both; width:100%; height:auto; 
	padding:4px; 
	margin:0px 0px 0px 3px;
	*margin:0px 0px 0px 12px;
	left:0px;
	background-color: white;
	width: 60px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   _display:none;
	}
	
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(../navimages/star_on.gif) no-repeat;}
    #rateMe a{float:left;background:url(../navimages/star_off.gif) no-repeat;width:12px; height:12px;}
    #ratingSaved{display:none;}
	#rateStatus{display:none;}