/* CSS */
	
	h1, h2, h3, h4, h5, h6 {font-size: 100%; font-family: "Arial"; font-weight:bold;}
	h2 {font-size: 24px;}
	p {margin: 0px; padding-top: 7px; padding-bottom: 7px;}
	a:link {color:rgb(96, 96, 96); text-decoration:none;}
    a:visited {color:rgb(96, 96, 96); text-decoration:none;}
    a:hover {color:rgb(96, 96, 96); text-decoration:underline;}
    a:active {color:red; text-decoration:underline;}
	a img{border-width: 1px;}

	#wrapper {width: 85%; min-width: 900px; margin: 0 auto;}
	#header{width: 100%; padding-bottom: 1.25em; padding-top: 0.75em;}
	#logo{text-transform: uppercase; font-family: "Arial"; font-weight: bold; font-size: 2.75em;}
	#logo a:link {color:black; text-decoration:none;}
    #logo a:visited {color:black; text-decoration:none;}
	#logo a:hover {color:black; text-decoration:none;}
	#logo a:active {color:black; text-decoration:none;}
	#site_body {width: 100%;}
	#control{float: right; width: 20%; border-left: 2px solid gray;}
	#control_panel {float: right; width: 85%;}
	#control_guest, #control_user {float: left;}
	.button_wide {display: block; width: 100%;}
	input[type="submit"] {display: block; font-family: "Arial"; font-weight: bold;}
	input[type="reset"] {display: block; font-family: "Arial"; font-weight: bold;}
	button.cancel {display: block; font-family: "Arial"; font-weight: bold;}
	#site_content {float: left; padding: 10px; width: 75%; font-family: "Arial"; font-size: 16px;}
	#footer {clear: left; width: 100%; border-top: 2px solid gray; height: 50px; padding-top:15px; text-align: center; font-family: "Arial"; font-weight: bold; font-size: 12px;}
	.invisible {display: none;}
	
	.input_container {margin: 0px; padding-top: 7px; padding-bottom: 7px; font-family: "Arial"; font-size: 16px; font-weight: bold;}
	.input_container label {width: 168px; float: left;}
	.input_container input[type="submit"] {display: inline; width: 120px;}
	.input_container input[type="reset"] {display: inline; width: 96px;}
	
	#profile_del {font-family: "Arial"; font-size: 15px; font-weight: bold;}
	
	#categories {padding-left: 20px;}
	.category_container {padding-top: 2px; padding-bottom: 2px; width: 100%;}
	.category_label_wrapper {display: inline; float: left; width: 210px;}
	label.category_label {display: inline; padding: 0px; font-style: italic; font-size: 16px;}
	label.category_label:hover {text-decoration: underline;}
	label.category_label:active {text-decoration: underline;}
	.cat_view, .cat_ren, .cat_del, #cat_add, #photo_add {font-weight: bold; font-size: 16px;}
	.cat_ren_form {margin-top: 2px; margin-bottom: 0px;}
	#cat_add_form, #photo_add_form {display: none;}
	#photo_add_wrapper {clear: left;}
	.cat_ren_div {display: none;}
	#photos {padding-left: 20px;}
	.photo_view, .photo_del {font-size: 15px;}
	.photo_small {float: left; width: 100px;} /* width = PH_SMALL + 20px, see config.php */
	
	#top_space {height: 30px;}
	#prev, #next {font-family: Arial; font-weight: bold; font-size: 20px;}
	#prev {float: left;}
	#next {float: right;}
	#photo_wrapper {display: inline-block;}
	#photo_img {margin-bottom: 2px;}
	#photo_data {clear: left; margin-top: 40px; padding-left: 20px; font-family: Arial;}
	#photo_data  label {width: 120px; font-family: Arial; font-weight: bold;}
	.photo_data_div {margin-bottom: 2px;}
	#photo_control {font-family: Arial; font-weight: bold; font-size: 16px; padding-left: 20px; margin-top: 10px;}
	#edit_form_fix {margin-bottom: 2px;}
	#photo_back {font-family: Arial; font-weight: bold; font-size: 16px; padding-left: 20px;}
	#photo_back a:link {color:black; text-decoration:none;}
	#photo_back a:visited {color:black; text-decoration:none;}
	#photo_back a:hover {color:black; text-decoration:underline;}
    #photo_back a:active {color:red; text-decoration:underline;}