/*********************************************************************
  Clean up defaults.
*********************************************************************/

p, h1, h2, h3, h4, h5, h6, form, pre
{
    margin: 0 0 1em 0;
    padding: 0;
}

ul, ol
{
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 0;
    padding-bottom: 0;
}

/*********************************************************************
  BODY
*********************************************************************/

body
{
    margin: 0;
    padding: 0 0 10px 0;
    background-color: #CCCCCC;
    color: #666666;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.2em;
	text-align:center;
}

/*********************************************************************
  A
*********************************************************************/

a, a:link, a:active, a:visited
{
    color: #669900;
	font-weight: bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/*********************************************************************
  IMG
*********************************************************************/

img
{
	border: 0;
}

/*********************************************************************
  #header
*********************************************************************/

#header {
	width: 100%;
	background-image: url(../img/head_bg_photho.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #4C4C4C; 
	overflow: hidden;
}

	#logo {
		float: left;
		padding: 0 10px 1px;
	}
	#logo img {
		border: 0;
		padding: 1px 0 0;
	}

	#menu {
		float: right;
		padding: 2px 10px 4px;
		color: #999999;
	    line-height: 1.4em;
		text-align: right;
	}
	#menu a {
		color: #CCCCCC;
		text-decoration: none;
		font-weight: normal;
	}
	#menu a:hover {
		color: #99CC33;
		text-decoration: none;
	}

/*********************************************************************
  #content
*********************************************************************/

#content {
	width: 100%;
    background-color: #FFFFFF;
	overflow: auto;
	text-align: center;
}

/* INDEX ************************************************************/

	#image {
		/*border: 1px solid red;
		width: 800px;*/
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 30px;
	}
		#title {
		    font-family: Arial, Helvetica, sans-serif;
		    font-size: 1.4em;
			font-weight: bold;
			margin-bottom: 5px;
			text-align: center;
		}
		#photo {
			/*background-color: #FFFFFF;*/
			padding: 3px;
			border: 1px solid #99CC33;
			text-align: center;
		}
		#info {
			margin: 15px 5px;
			text-align: center;
		}
			.notes {
				color: #999999;
			}
		#links {
			margin: 20px 10px 10px;
		    /*font-size: 0.9em;*/
		}

	#random {
		width: 172px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 30px;
	}
	#random ul {
		list-style: none;
		margin: 0;
		padding: 2px 1px 0;
		border: 1px solid #99CC33;
	}
	#random li {
		display: inline;
		margin: 1px;
		padding: 0;
	}
	#random img {
		margin: 0;
		padding: 0;
		border: 0;
	}

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

	#pager {
		width: 770px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 0;
	}

/* ARCHIVES *********************************************************/

		#archive {
			width: 65%;
			float: left;
			padding: 15px 20px 15px 30px; /* v2.1: 15px 30px 15px 40px */
		}
		#archive dl {
			margin: 5px 0;
			padding: 5px;
			/*v2.1: width: 5.5em; height: 7em; */
			text-align: center;
			float: left;
		}
		#archive dt {
			padding: 0;
		}
		#archive img {
			margin: 0;
			padding: 3px;
			border: 1px solid #99CC33;
		}
		#archive img:hover {
			background-color: #CCCCCC;
		}
		#archive dd {
			margin: 0px;
			padding: 0px;
			font-size: 0.9em;
		}
			#selection {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				font-weight: bold;
				margin-bottom: 10px;
				text-align: center;
			}
	
		#archive_col {
			width: 25%;
			float: right;
			padding: 30px 10px 15px;
			text-align: left;
		    /*font-size: 0.9em;*/
		}
			.anno {
				font-size: 1.1em;
				font-weight: bold;
			}

/* ABOUT ************************************************************/

		#about {
			width: 60%;
			float: left;
			text-align: left;
			padding: 15px;
		}

		#about_col {
			width: 25%;
			float: left;
			padding: 40px 15px 10px;
		}
			#photo_about {
				padding: 3px;
				border: 1px solid #99CC33;
				text-align: center;
				margin-right: 10px;
				margin-bottom: 10px;
				float: left;
			}

/* TOP10 ************************************************************/

		#top10 {
			width: 60%;
			float: left;
			text-align: left;
			padding: 45px 15px 15px;
		}
			#less_voted {
				margin: 0;
				padding: 3px;
				border: 1px solid #99CC33;
				vertical-align: middle;
			}
			#less_voted:hover {
				background-color: #CCCCCC;
			}

		#top10_col {
			width: 25%;
			float: left;
			padding: 15px 25px;
		}
		#top10_col ol {
			margin: 5px 0;
			padding: 5px;
			text-align: left;
		}
		#top10_col li {
			margin: 5px;
			padding: 0;
		}
		#top10_col img {
			margin: 0;
			padding: 3px;
			border: 1px solid #99CC33;
			vertical-align: middle;
		}
		#top10_col img:hover {
			background-color: #CCCCCC;
		}

/*********************************************************************
  #footer
*********************************************************************/

#footer {
	width: 100%;
    background-color: #CCCCCC;
	overflow: auto;
}

	#tags {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
	}
		#version {
			font-size: 0.9em;
			margin: 10px;
		}

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

.menubar {
	color: #ff0000;
}
.menu {
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}
.menu:hover {
	color: #ff0000;
	text-decoration: none;
}
.searchbox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px #669900 solid;
	padding-left: 2px;;
	width: 120px;
}
.quotebox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px #669900 solid;
	padding-left: 2px;;
	width: 180px;
}
.quotebutton {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669900;
	font-weight: bold;
	background-color: #d9e5bf;
	border: 1px #669900 solid;
	padding-left: 2px;
	padding-right: 2px;
	width: 50px;
}
.title {
	font-size: 13px;
	font-weight: bold;
}
.days {
	color: #cccccc;
}
.notes {
	color: #999999;
}
.ver {
	font-size: 10px;
	color: #999999;
}