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

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

@media screen, handheld, print {
	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: 0;
	  border: 0;
	  margin: 0;

	  position: static;
		clear: both;
	}

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

	  background: blue;

	  border: 0;
	  margin: 0;
	  padding: 0;

	  height: 1.0em;

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

	  float: left;
	}

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

	  padding: 0.05em;
	  padding-bottom: 0;

	  color: black;
	  float: left;
	  clear: right;
	}

	#title_text a {
		color: black;
		text-decoration: none;
	}

	#subtitle_text {
	  font-family: Times, serif;
	  font-style: normal;
	  font-variant: small-caps;
	  font-size: 0.3em;

	  padding: 0.05em;
	  padding-top: 0;

	  color: black;
	  float: left;
	  clear: right;
	}

	#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: 0.30em;

	  line-height: 0;
	  display: block;

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

	  color: black;

	  float: left;

	}

	#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 {
		clear: both;
	/*  display: none;*/

	  font-family: Times, serif;
	  font-style: normal;
	  font-variant: small-caps;
	  font-size: 1.0em;

	  color: black;
	  background: #E8E8E8;

	  border: 0;
	  margin: 0;
	  padding: 0;

	  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: 1.10em;

	  color: black;
	  background: #E0E0E0;
	  width: 100%;
	  float: left;

	  border: 0;
	  padding: 0;
	  margin: 0;

	  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 {
		clear: both;
		font-family: Arial,Helvetica,sans-serif;
		font-style: normal;
		font-variant: normal;
		font-size: 12px;

		padding: 0;
		border: 0;
		margin: 0;

		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;
	}

	#final_bar {
		color: black;
		background-color: #A9A9A9;
		clear: both;
		font-size: 0.8em;
	}
	#final_bar a {
		text-decoration: none;
	}
	#final_bar a:active  { color: black; }
	#final_bar a:visited { 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 ***************************/
	     #header {
		 height: 1.65em;
	     }
	     #title_text {
	       font-size: 0.65em;
	       clear: right;
	     }
	     #subtitle_text {
	       font-size: 0.25em;
	       clear: right;
	     }
	     
	     #mid_part {
	       clear: both;
/*background-color: green;*/
	     }

	#top_ad {
	  padding: 0px;
	  margin: 0px;
	}

	#big_name h1 {
	  font-family: Times, serif;
	  font-style: normal;
	  font-variant: small-caps;
	  font-weight: normal;
	  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 {
		clear: both;

		height: 32px;
		width: 150px;

		text-align: center;

		font-family: Times, serif;
		font-style: normal;
		font-variant: small-caps;
		font-size: 0.85em;

		text-align: left;
		padding: 5px;


		color: blue;
		background: white;
	}

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

	  width: 90px;
	  height: 66px;
	  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;
	}

	#ad_top {
		clear: both;
		width: 728px;
		margin: 0;
		border: 0;
		padding: 0;
	}

	#ad_bottom {
		clear: both;
	}
}

/* For when the user wants to print the page... */
@media print {
	/* on main page: */
	#bar {display:none;}
	.results {display:none;}
	#top_ad {display:none;}
	#bottom_ad {display:none;}
	#language_panel {display:none;}
	.tip {display:none;}

	/* on image.php: */
	#header {
		background: white;
	}

	#subtitle_text {display: none;}
	#search_box {display: none;}
	#ad {display: none;}
	#flag_box {display: none;}
	#download_box {display: none;}

	#image {
		clear: both;
		width: 100%;
	}

	#other_images {display: none;}
	#smallprint {display: none;}
	#final_bar {display: none;}
}
/*********** end of printer CSS ***********/