/* generated by csscreator.com */ 
html, body{ 
 margin-top: 15px; 
 padding:0;
 background-color:#fff
 } 
 
#pagewidth{ 
 width: 800px;
 margin-left:auto; 
 margin-right:auto;
 background-position:center;
 background:url(../images/squint_bg.gif) repeat-y;
}

#header{
 position:relative; 
 height: 85px; 
 width: 100%;
 padding: 5px 5px 5px 5px;
 background:url(../images/squint_hdr_bg.gif) no-repeat;

} 
 
#menu{
 position:relative; 
 height: 220px; 
 width: 290px;
 padding-top: 0px;

} 

#page{ 
 width: 800px; 
 margin-left:auto; 
 margin-right:auto;
 background-color:#fff;
 height:inherit;
 border: 1px #94201e solid;
 padding: 5px 5px 5px 5px;
} 

/* footer  */
#bottom{
 height:50px; 
  background-color:#fff; 
 clear:both;
  
 margin-top:15px;

 } 
 
#footer{ 
 width: 800px;  
 margin-left:auto; 
 margin-right:auto;
 padding: 5px 5px 5px 5px
} 

#container_ftr{
background-color:#333333;  
 float: left; 
 display:inline; 
 position: relative; 
 width: 100%;

 }

/* index top  */

#top{ 
 width:100%; 
margin-left:auto; 
 margin-right:auto;
 background-color:#fff; 
} 

#index_banner{background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative;
 background-position:bottom right;
 }
 

/* main content  */

#main{
  background-color: #ffffff;  
 float: right;
 display:inline; 
 position: relative;
 width: 497px;
  margin-right: 5px;
	min-height: 500px;

 }
 
#content{
 float: right; 
 display:inline; 
 position: relative;
  margin-right: 20px;
  margin-left: 20px;
  min-height: 500px;
  width: 450px;
  margin-top:20px;
 }
 


#left_side{
 width: 290px; 
 float:left; 
 background-color:#fff;

}

#corner{
 position:relative; 
 height: 270px; 
 width: 290px;
 margin-top: 5px;
 padding-top: 0px;
}  
 
 
#container{
  background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative;
 width: 495px;
 
  padding-left:10px;

 }
 
 
 #search{
 /*background-color: #ffffff;  */
 float: right; 
 display:inline; 
 position: relative;
 width: 305px; 
 text-align:left;
 margin-top: 40px;
 height: 40px;
 }
 

#left_col{
 width:280px; 
 float:left; 
 position:relative; 
 background-color:#fff;

}
 
 
#full_col{
 width:100%; 
 float:left;
 position:relative; 
 background-color:#fff;
 
}
 
 
 ul#navlist
{
margin: 0;
padding-top: 0px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
text-decoration: none;
}

.menu_link { 
	padding-bottom:20px;
	
}

 
 
 .white{ 
 width:800px; 
 background-color:#FFFFFF;

} 

#logo {position: relative; z-index: 10; border-top: 1px solid #666;
  font: bold 10px Arial, sans-serif; letter-spacing: 1px;}


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/******************** CL edited ********************/
#search #search_text {
  
}

#page #search_text {
  width:340px;
}

#page .form_field {
  float:left;
}
#page .form_field select {
  width:200px;
  margin:5px;
}

/* this is to manage search results artwork */
#artwork_container {
  text-align:right;
}

#artwork_container .artwork {
  width:125px;
  height:270px;
  padding:2px;
  margin:3px;
  float:left;
  
}

#artwork_container .artwork .art_image {
  /*border:1px solid #d8d8d8;*/
  width:125px;
  height:150px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
}

.art_border {
  border:1px solid #d8d8d8;
}

.alphabet {
  float:left;
  padding:5px;
}

#login_table {
  
}

#login_table #user, #login_table #pass {
  border:1px solid #A79562;
  width:340px;
  /*width:169px;  // removed this as there is no username field now*/
}

#login_table #pass {
  margin-left:5px;
  margin-right:3px;
}

#artwork_preview {
  text-align:center;
}

#artwork_preview .image_item {
  width:125px;
  height:150px;
  padding:7px;
  margin:2px;
  float:left;
  overflow:hidden;
  text-align:center;
  vertical-align:middle;
  
  
}

.category {
  background-color:#eaeaea;
  margin-bottom:5px;
}

.position {
  width:20px;
  height:20px;
  float:left;
  background-color:#993333;
  font-weight:bold;
  color:white;
}

.pagination_holder {
  text-align:center;
}

#flashcontent {
  margin-top:4px;
  margin-bottom:2px;
}

#flashcontent_slideshow {
  margin-top:4px;
  width:500px;
  height:480px;
  float:left;
  /*border:1px solid #d8d8d8;*/
}

#artwork_image .art_box {
  border:1px solid #d8d8d8;
  padding:5px;
}

#names_container .names {
  width:200px;
  float:left;
}