/* main site css file */
html {
font-family:"Trebuchet MS", arial, helvetica, sans-serif;
font-size:76%;
color:#555;
background:#FFF;
background-image:url("images/html.png");
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:760px;
/*margin:10px auto 10px auto;
*/
margin: auto;
background-image:url("images/body.png");
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
/*border-top:1px solid #ECECEC;
*/text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1.1em;
		}

a:link {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;font-size: 1em; color: #9482BE}     /* unvisited link */
a:visited {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;font-size: 1em; color: #9482BE}  /* visited link */
a:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;font-size: 1em; color: #9482BE}   /* mouse over link */
a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;font-size: 1em; color: #9482BE}
	#frame {
		width:760px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		}

#leftphoto {
width: 465px;
height: 300px;
margin-left: auto;
text-align: left;
float: left;
border: 0 none;
background: ##ECE9D8;
}
#rightphoto {
width: 450px;
height: 300px;
text-align: center;
float: right;
border: 0 none;
padding: 10px;
}
#login {
float: right;
height: 290px;
width: 273px;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
padding: 10px;
}
#login p {
margin-top: 5px;
}
#searchbox {
clear: both;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
padding: 10px;
height: 65px;
}
#searchit {
float: left;
text-align: left;
width: 300px;
padding-left: 15px;
}


#explorebox {
float: right;
text-align: left;
font-size: 1.5em;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
width: 330px;
}
#explorebox h3 {
padding-left: 12px;
}
#header {
text-align: left;
background: #ffffff;
height: 120px;
clear: both;
}
#header h1, #header a {
font-size: 1.2em;
color: #BBA6D8;
padding-top: 90px;
}
#header img {
float: left;
}
#flash {
float: right;
}

#content {
color: #000000;
}

#numviews {
font-size: 0.8em;
text-align: right;
}
#imagecentred {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#thumbdisplay {
text-align: center;
}
/* This is for the category stuff */
#leftboxSP {
width: 400px;
float: left;
text-align: left;
padding: 10px;
clear: both;
}
#leftboxSPcat {
width: 251px;
height: 265px;
float: left;
padding: 10px;
padding-left: 50px;
}
#rightboxSP {
width: 300px;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
padding-left: 15px;
padding-bottom: 8px;
float: right;
text-align: left;
}
#rightcolumnEXP {
width: 300px;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
padding-left: 15px;
padding-bottom: 8px;
float: right;
text-align: left;
}
#rightcolumnEXP h1{
color: #BBA6D8;
/*
padding-top: 155px;
*/
padding-top: 5px;
margin-top: 15px;
}

#rightcolumnEXP h2, #rightboxSP a {
padding-left: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-top:0px;
padding-bottom: 0px;
font-color: #000000;
text-align: left;
}
#rightcolumnSP {
width: 465px;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
float: right;
text-align: left;
padding: 12px;
}
#rightcolumnSP p {
padding-left: 15px;
}
/* this for the subcategories view */
#leftcolumnSP {
width: 250px;
float: left;
text-align: left;
padding: 10px;
background-color: #DCB6DC;
color: #ffffff;
font-family:arial, helvetica, sans-serif;
clear: both;
}
#leftcolumnSP h1 {
font-size: 2em;
color: #ffffff;
padding-top: 0px;
padding-borrom: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
#leftcolumnSP h2 {
font-size: 1.5em;
padding-top: 0px;
padding-left: 40px;
padding-bottom: 0px;
color: #663366;
display: inline;

}


#leftalign {
text-align: left;
}
#leftalignSP {
text-align: left;
color: #BBA6D8;
}
#leftalignSP h1 {
font-size: 2.5em;
display: inline;
}
#leftalignSP h2 {
text-align: right;
color: #000000;
font-size: 2.5em;
padding-left: 10px;
display: inline;
}

#footer {
clear: both;
text-align: center;
font-size: 0.95em;
}

/* this for the controls */
#controls {
width: 50px;
margin-left: 0px;
padding: 0px;
margin-right: 0px;
}

/* This for ther input buttons on the image edit page */
input.brightnessup {
      cursor: hand;
      border: 0px;
background-image:url("images/brightness1.jpg");
height: 50px;
width: 50px;
background-position:bottom left;
background-repeat:no-repeat;
}
input.brightnessdown {
      cursor: hand;
      border: 0px;
height: 50px;
width: 50px;
background-image:url("images/brightness2.jpg");
background-position:bottom left;
background-repeat:no-repeat;
}
input.contrastup {
      cursor: hand;
      border: 0px;
height: 50px;
width: 50px;
background-image:url(images/contrast1.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
input.contrastdown {
      cursor: hand;
      border: 0px;
background-image:url("images/contrast2.jpg");
/*background-position:bottom left;*/
background-repeat:no-repeat;
      height /**/: 50px;
width: 50px;
}
				
		/* This for image preload - use the following html at the bottomof your page;
 * <img src="poodle-puppy-Clara.jpg" alt="Clara at 8 weeks" title="Clara at 8 weeks" height="350" width="350" class="hiddenPic">
 */ 
.hiddenPic {display:none;}