/*
	style.css
	Shared and page-specific CSS for all of "freeimages" site.
	nov2008 ems
*/

/************************************************************************/

body {
	background-color: white;
	margin: 0px;
}

/********************** Used on multiple pages **********************/
#smallprint {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 11px;

  text-align: center;
  width: 100%;
  padding: 10px;

  position: static;
}

/************************* Used in header.php ***********************/
#header {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 11px;

  background: blue;
  border-style: solid;
  border-width: 0px;
  border-color: black;
  margin: 0px;
  padding: 0px;

  height: 30px;

  width: 100%;
  background: url('http://www.totallyfreeimages.com/buttons/Header3.jpg');

  float: left;
}

#title_text {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 24px;

  padding: 3px;

  color: black;
  float: left;
}

#login_box {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;

  line-height: 0;
  display: block;

  padding: 5px;
  margin-left: 10px;

  color: black;

  float: right;

}

#search_box {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 10px;

  line-height: 0;
  display: block;

  padding: 5px;
  margin-left: 10px;

  color: black;

  float: right;

}

#search_box p {
	padding: 0px;
	margin: 0px;
}

#copyright_text {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 12px;

  color: yellow;

  margin: 0px;
  padding: 5px;
}

/*************************** Used in index.php ****************************/
#bar {
/*  display: none;*/

  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 16px;

  color: black;
  background: #E8E8E8;
  border-style: solid;
  border-width: 1px;
  width: 100%;
  float: left;
  text-align: right;
}

#bar_text {
 margin: 0px;
}

.baritem {
}

#upload {
  background: blue;
}

.results {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 16px;

  color: black;
  background: #E0E0E0;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  float: left;

  padding-left: 3px;
  padding-right: 3px;
}

.image_boxes {
  float: left;
  width: 160px;
  border-style: solid;
  border-width: 1px;
  border-color: white;

  margin: 2px;
  padding: 2px;
}

.images {
  width: 150px;
  height: 150px;
  border-width: 0px;
  text-align: center;
}

.imgs {
  border-width: 0px;
}

.names {
  font-family: Times,serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 16px;

  padding: 5px;
  width: 150px;
  height: 60px;

  color: black;
  background: white;
  text-align: center;
}

.tip {
  font-family: Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 10px;

  border: solid 1px #666666;
  width: 270px;
  padding:1px;
  position: absolute;
  z-index: 100;
  visibility: hidden;
  color: #333333;
  top: 20px;
  left: 90px;
  background-color: #ffffcc;
}

.buttons {
}

.buttons a         { color: black; text-decoration: none; }
.buttons a:active  { color: black; }
.buttons a:visited { color: black; }
.buttons a:hover   { color: white; background-color: black; }


#language_panel {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;

	padding: 3px;

	width: 100%;
	background: #f0f0c0;
	text-align: center;
}
#language_panel a { color: black; text-decoration: none; }
#language_panel a:active  { color: black; }
#language_panel a:visited { color: black; }
#language_panel a:hover   { color: white; background-color: black; }

.language_panel_option {
	float: left;
/*
	text-align: center;
	margin: 0px;
	padding: 0px;
*/
}

.small_year {
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;

  color: black;
}


/*************************** Used by upload.php ***************************/
#uploadform {
  width: 100%;
  float: right;
}

.errors {
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 16px;

  color: red;
}

#success_box {
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 16px;

  vertical-align: top;
  text-align: left;
  color: blue;
  background: #f0f0a0;

  border-style: solid;
  border-width: 1px;
  border-color: blue;

  width: 450px;
}

#success_image {
  float: left;
  vertical-align: top;
  border-style: solid;
  border-width: 0px;
  padding: 5px;
}

#success_text {
  text-align: left;
  padding: 5px;

  height: 100px;
}


/****************************** for image.php ***************************/
#top_ad {
  padding: 0px;
  margin: 0px;
}

#big_name {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 40px;

  text-align: center;
  padding-bottom: 5px;
  margin: 0px;
}

#year {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 14px;

  text-align: center;
  padding: 5px;
}

#image_box {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 16px;

  float: left;

  padding: 5px;
}

#image {
  float: right;
  padding: 10px;
}

#source {
  font-family: Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;

  text-align: center;
  padding: 5px;
  margin: 10px;

  float: left;
}

#edit_button {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;

  text-align: center;
  width: 100%;
}

#download_box {
  font-family: Times, serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;

  text-align: left;
  padding: 5px;
  height: 32px;

  color: blue;
/*  background: #f0f0c0;*/
  background: white;

  height: 30px;
  width: 100%;
}

#download_icon_image {
  border-width: 0px;
  vertical-align: top;
  padding: 5px;

  width: 30px;
  height: 22px;
  float: left;
}


#browse_link {
  font-family: Times, serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 16px;

  text-decoration: none;
  vertical-align: top;
  text-align: left;
  float: left;
  color: blue;
  background: #f0f0a0;

  border-style: solid;
  border-width: 1px;
  border-color: blue;
}

.small_image_boxes {
  float: left;
  width: 80px;
  border-style: solid;
  border-width: 1px;
  border-color: white;

  margin: 2px;
  padding: 2px;
}

.small_images {
  width: 75px;
  height: 75px;
  border-width: 0px;
  text-align: center;
}

.small_imgs {
  border-width: 0px;
}

.small_names {
  font-family: Times,serif;
  font-style: normal;
  font-variant: small-caps;
  font-size: 8px;

  padding: 5px;
  width: 75px;
  height: 30px;

  color: black;
  background: white;
  text-align: center;
}

.small_small_year {
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 6px;

  color: black;
}