body {   
	margin: 0px; 
	padding: 0px;
	font-size: 75%;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica;
	color: #EEEEEE;
	background: #777777 url('../imgs/bg.jpg') repeat-x 0 0; 
	text-align: center;
}

html>body {
	font-size: 12px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
} 

fieldset {
	border: none;
}

/*typography css from: http://www.thenoodleincident.com/tutorials/typography/index.html */
	a {
		color: #CCC;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
		
	h1 {
		font-size:1.5em;
		line-height: 1.0em;
		margin-bottom: 1.0em; 
		margin-top: 1.0em;	
	}
		
	h2 {
		font-size:2.333em;
		font-weight: 100;
		line-height: 1.083em;	
		margin: 0.5em 1.0em 0.5em 1.0em;
	}
	
	h3 {
		font-size:1.5em;
		font-weight: 100;
		line-height: 1.0em;
		margin-bottom: 1.0em; 
		margin-top: 1.0em;
	}
	
	h4 {
		font-size: 1.0833em;
		font-weight: bold;
		line-height: 1.385em;
		margin-bottom: 1.385em; 
		margin-top: 1.385em;
	}
	
	h5 {
		font-size: 1.0em; 
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}
	
	h6 {
		font-size: 1.0em; 
		font-weight: bolder;
		line-height: 1.5em;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}
	
	ul, li {
		list-style: none;
		font-size: 1.0em;
		line-height: 1.5em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
	}
	
	ol {
		font-size: 1.0em;
		line-height: 1.5em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
	}
	
	p {
		line-height: 1.5em;
		font-size:1em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
	}
	
	li > p {
		
	}
	
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	
	strong, b {
		font-weight: bold;
	}
/* END TYPOGRAPHY */


input.error,
textarea.error {
	background: #ff9999;
}

#container {
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 110px;
	background: #444444 url('../imgs/header_bg.gif') repeat-x bottom left;
	text-align: left;
}

	#header h1 {
		position: absolute;
		background: transparent url('../imgs/logo.gif') no-repeat center left;
		bottom: 0;
		height: 110px;
		left: 0;
		margin-bottom: 0;
		text-indent: -1000px;
		width: 966px;
		z-index: 1;
	}
	
	#header h1.holiday {
		background: transparent url('../imgs/holiday_logo.gif') no-repeat center left;
	}
	
	#header h1 a {
		display: block;
		height: 100%;
	}
	
	#header p.user {
		background: #444444 url('../imgs/add_comment_button_bg.jpg') repeat-x bottom left;
		border-bottom: #222222 1px solid;
		margin: 0;
		padding: 0.2em 0;
		position: absolute;
		text-align: right;
		width: 100%;
		z-index: 2;
	}
	
		#header p.user a {
			display: inline;
			float: right;
			margin: 0 0 0 10px;
			padding: 0;
			text-align: left;
		}
			#header p.user a.logout {
				margin-right: 50px;
			}
	
	#header img {
		border: none;
	}
	
	#header div.list_wrapper1 {
		position: absolute;
		z-index: 2;
		bottom: 0;
		right: 50px;
		padding: 0;
		margin: 0;
		width: 34em;
		background: transparent url('../imgs/linklist_bg_tr.gif') no-repeat top right;
	}
	
	div.list_wrapper2 {
		float: left;
		position: relative; 
		width: 100%;
		padding: 1.3em 0 0 0;
		margin: 0;
		background: transparent url('../imgs/linklist_bg_tl.gif') no-repeat top left;
	}
	
	div.list_wrapper3 {
		float: left;
		position: relative; 
		width: 100%;
		padding: 0;
		margin: 0;
		background: transparent url('../imgs/linklist_bg_br.gif') no-repeat bottom right;
	}
	
	div.list_wrapper3 ul {
		background: transparent url('../imgs/linklist_bg_bl.gif') no-repeat bottom left;
		float: left;
		height: 3.0em;
		list-style: none;
		margin: 0;
		position: relative; 
		padding: 0 0.5em;
		text-align: center;
		width: 100%;
	}
	
	div.list_wrapper3 ul li {
		float: left;
		position: relative; 
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	div.list_wrapper3 ul li a {
		float: left;
		margin: 0;
		padding: 0 0.7em;
		line-height: 3.0em;
		font-size: 120%;
	}
	
	/* Begin Current Page Styles */
	#current li.current,
	#about li.about,
	#archive li.archive, 
	#subscribe li.subscribe {
		background: transparent url('../imgs/listitem_bg_tr.gif') no-repeat top right;
		margin: -1.0em 0 0.5em 0;
	}
	
		#current li.current a,
		#about li.about a,
		#archive li.archive a, 
		#subscribe li.subscribe a {
			cursor: text;
		}
		
			#current li.current a:hover,
			#about li.about a:hover,
			#archive li.archive a:hover, 
			#subscribe li.subscribe a:hover {
				text-decoration: none;
			}

	
	#current li.current span.item_wrapper1,
	#about li.about span.item_wrapper1,
	#archive li.archive span.item_wrapper1,
	#subscribe li.subscribe span.item_wrapper1 {
		float: left;
		position: relative; 
		padding: 0;
		background: transparent url('../imgs/listitem_bg_tl.gif') no-repeat top left;
	}
	
	#current li.current span.item_wrapper2,
	#about li.about span.item_wrapper2,
	#archive li.archive span.item_wrapper2,
	#subscribe li.subscribe span.item_wrapper2 {
		float: left;
		position: relative; 
		background: transparent url('../imgs/listitem_bg_br.gif') no-repeat bottom right;
	}
	
	#current li.current a,
	#about li.about a,
	#archive li.archive a,
	#subscribe li.subscribe a {
		background: transparent url('../imgs/listitem_bg_bl.gif') no-repeat bottom left;
	}	
	/* End Current Page Styles */

	span.subscribelink {
		background: transparent url('../imgs/feed-icon.gif') no-repeat 0 50%;
		padding-left: 20px;
	}
	
	span.subscribelink:hover {
		background: transparent url('../imgs/feed-icon.gif') no-repeat 0 50%;
		padding-left: 20px;
	}

#content {
	clear: both;
	padding-top: 4.0em;
	background: #777777 url('../imgs/content_bg.gif') repeat-x top left;
}

#image_div {
	margin: 0 auto;
	padding-bottom: 25px;
}

	#image_div img {
		border: none;
	}
	
	#image_div ul {
		float: left;
		list-style: none;
		width: 100%;
	}
	
	#image_div ul li {
		margin: 0;
	}
	
	#image_div ul li.prev {
		float: left;
	}
	
	#image_div ul li.next {
		float: right;
	}

/* Comment and Description Styles */
#info {
	background: #AAAAAA url('../imgs/comment_bg.gif') repeat-x 0 0;
	border: 1px solid #555555;
	clear: both;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	width: 560px;
}	
	
	div#nav {
		margin: 0 auto;
		padding-bottom: 30px;
		width: 560px;
	}

		div#nav ul {
			margin: 0;
		}
	
	#info img {
		border: none;
	}
	
	#info a {
		color: #222;
		text-decoration: underline;
	}
	
		#info a:hover {
			color: #000;
		}
	
	/*
	a[href^="http://"] {
		background: transparent url('../imgs/external_link_arrow.png') no-repeat right center;
		padding-right: 12px;
	}
	
	a[href^="http://"]:hover {
		background: transparent url('../imgs/external_link_arrow.png') no-repeat right center;
		padding-right: 12px;
	}
	
	a[href^="http://www.opticdistraction.com"], 
	a[href^="http://www.opticdistraction.com"]:hover,
	a[href^="http://opticdistraction.com"], 
	a[href^="http://opticdistraction.com"]:hover {
		background-image: none;
		padding-right: 0;
	}
	*/
	
	a[href$=".mp3"],
	a[href$=".m4a"] {
		background: transparent url('../imgs/page_white_dvd.png') no-repeat 0 0;
		padding-left: 18px;
	}
	
	a[href$=".mp3"]:hover,
	a[href$=".m4a"]:hover  {
		background: transparent url('../imgs/page_white_dvd.png') no-repeat 0 0;
		padding-left: 18px;
	}
	
	#info h2 {
		color: #000;
		margin-bottom: 0;
	}
		
		#info h2 a {
			color: #000;
			text-decoration: none;
		}
	
	#info h3 {
		color: #444;
		font-size: 1.4em;
		font-weight: lighter;
		line-height: 1em;
		margin-bottom: 1.5em; 
		margin-top: 0.2em;
	}
	
	#info p {
		color: #000;
		font-size: 1.167em;
		line-height: 1.286em;
		margin-bottom: 1.286em;
		margin-top: 0.5em;
		margin-left: 60px;
		margin-right: 60px;
		text-align: left;
	}
	
	#info p.comment_subscribe {	
		margin: 0;
		margin-left: 30px;
		padding-left: 30px;
	}
	
		#info p.comment_subscribe a {
			background: transparent url('../imgs/feed-icon.gif') no-repeat 0 50%;
			color: #333;
			display: block;
			margin-right: 30px;
			padding-left: 20px;
			text-decoration: none;
		}
		
			#info p.comment_subscribe a:hover {
				background: #999999 url('../imgs/feed-icon.gif') no-repeat 0 50%;
				text-decoration: underline;
			}
	
	
	#info p.image_date {
		background: transparent url('../imgs/separator.gif') no-repeat bottom left;
		color: #666;
		font-size: 1em;
		font-style: italic;
		line-height: 0.9em;
		margin-top: 0.3em;
		margin-right: 30px;
		margin-bottom: 0;
		margin-left: 30px;
		padding: 0 0 5px 0 !important;
		padding: 0 0 10px 0;
		text-align: left;
	}
	
	#info p.comment_link {
		color: #666;
		display: none;
		font-size: 1.0em;
		margin-left: 30px;
		margin-right: 30px;
		text-align: center;
	}
	
		#info p.comment_link a {
			color: #666;
			text-decoration: none;
		}
	
	#info ul {
		text-align: left;
	}
	
	
	#info div.comment {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#info div.comment_body {
		background: transparent url('../imgs/comment_box_top.gif') no-repeat 0 0;
		clear: left;
		color: #444;	
		margin: 0;
		padding: 15px 0 0 0;
		text-align: left;
	}
	
		#info div.comment_body p {
			background: transparent url('../imgs/comment_box_middle.gif') repeat-y 0 0;
			margin: 0;
			padding: 0.5em 0 0.5em 20px;
		}
	
	#info div.comment_meta {
		background: transparent url('../imgs/comment_box_bottom.gif') no-repeat 0 100%;
		color: #555;
		font-size: 0.9em;	
		margin: 0;
		padding: 5px 0 20px 20px;
		text-align: left;
	}	
	
		#info div.comment_meta span {
			font-style: italic;
		}
		
		#info div.comment_meta a {
			color: #222;
		}
	
	#info .owner div.comment_body {
		background: transparent url('../imgs/comment_box_top_owner.gif') no-repeat 0 0;
	}
	
		#info .owner div.comment_body p {
			background: transparent url('../imgs/comment_box_middle_owner.gif') repeat-y 0 0;
		}
	
	#info .owner div.comment_meta {
		background: transparent url('../imgs/comment_box_bottom_owner.gif') no-repeat 0 100%;
	}
	
		#info .owner div.comment_meta a {
			font-weight: bold;
		}
		
	#info #add_comment {
		background: transparent url('../imgs/add_comment_bottom.gif') no-repeat 100% 100%;
		border: none;
		color: #555555;
		margin-left: 30px;
		margin-right: 30px;
		text-align: left;
	}
	
	#info #add_comment h4 {
		background: transparent url('../imgs/add_comment_top.gif') no-repeat 100% 0;
		border: none;
		color: #111;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.0em;
		margin: 1.0em 0 1.0em 15px;
		padding: 1.5em 0 0 0;
		text-decoration: none;
	}
	
	#info #add_comment p {
		font-size: 1.167em;
		font-weight: bold;
		line-height: 1.286em;
		margin: 1.286em 0 1.286em 15px;
		padding: 0;
		text-align: left;
	}
	
	#info #add_comment #add_comment_form {
		padding: 0;
		margin: 0;
	}
	
	#info #add_comment fieldset {
		border: none;
		padding: 0;
		margin: 0;
	}
	
	#info span.clear {
		clear: both;
		display: block;
	}
	
	fieldset br {
		clear: both;
		line-height: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
	}

	#info #add_comment fieldset label {
		color: #444;
		display: inline;
		float: left;
		margin-left: 15px;
		padding: 0;
		width: 220px;
	}
		
	#info #add_comment fieldset label em {
		font-style: italic;
		color: #666;
	}
	
	#info #add_comment fieldset input.txt {
		background: #fff url('../imgs/text_bg.gif') no-repeat top left;
		border: 1px solid #777;
		display: inline;
		float: left;
		margin-bottom: 1.5em;
		margin-left: 15px;
		margin-right: 25px;
		width: 195px;
	}
	
	#info #add_comment fieldset input.chk {
		display: inline;
		float: left;
		margin-left: 15px;
	}
	
	#info #add_comment fieldset textarea {
		background: #ffffff url('../imgs/text_bg.gif') no-repeat top left;
		margin-bottom: 1.5em;
		margin-left: 15px;
		width: 430px;
	}
	
	#info #add_comment fieldset textarea.input_error {
		background: #777777 url('../imgs/text_bg.gif') no-repeat top left;
		color: #ff0000;
		font-weight: bold;
	}
	
	fieldset input.btn {
		background: transparent url('../imgs/button.gif') no-repeat top center;
		border: none;
		clear: both;
		color: #444444;
		height: 33px;
		line-height: 30px;
		margin-bottom: 1.9167em;
		margin-left: 15px;
		width: 122px;
	}
		fieldset input.btn:hover {
			background: transparent url('../imgs/button.gif') no-repeat center center;
		}
		
		fieldset input.btn:active {
			background: transparent url('../imgs/button.gif') no-repeat bottom center;
		}
	
	#content #info div.more_info {
		padding-top: 2.0em;
	}
	
	#content #info div.more_info img {
		display: inline;
		float: left;
		padding: 5px 5px 0 0;
	}
	
	#content #info div.more_info img.right {
		display: inline;
		float: right;
		padding: 5px 0 0 5px;
	}
	
	#content #info div.more_info ul,
	#content #info div.more_info ol {
		font-size: 1.2em;
		font-style: normal;
		margin-left: 90px;
		margin-right: 60px;
		text-align: left;
	}
		
		#content #info div.more_info ol {
			list-style: decimal;
			list-style-type: decimal;
			margin-left: 60px;
		}
		
		#content #info div.more_info ul li,
		#content #info div.more_info ol li {
			color: #333;
			font-style: normal;
			margin: 0.1em 0;
			text-align: left;
		}
		
		#content #info div.more_info ol li {
			list-style: decimal;
			list-style-type: decimal;
			margin-left: 30px;
			padding-left: 10px;
		}
		
		
	#info blockquote {
		border-left: 5px solid #888;
		color: #555;
		font-style: italic;
		margin-left: 90px;
		margin-right: 30px;
		padding-left: 15px;
		text-align: left;
	}
		#info blockquote p {
			color: #555;
			font-size: 1.0em;
			margin: 0;
			padding: 0;
		}
	
	#content #info div.more_info #tagslist {
		background: transparent url('../imgs/tag_grey_separator.gif') no-repeat left top;
		clear: both;
		font-size: 1.0em;
		line-height: 1.5em;
		margin-bottom: 2.5em;
		margin-top: 1.5em;
		margin-left: 30px;
		padding-top: 3px;
		padding-left: 20px;
		text-align: left;
	}
	
		#content #info div.more_info #tagslist a {
			color: #555;
		}
	
	ul.empty {
		display: none;
	}
	
	#tagslist li {
		display: inline;
		padding-right: 10px;
	}


#aboutbox{
	background: #AAAAAA url('../imgs/comment_bg.gif') repeat-x 0 0;
	border: 1px solid #555555;
	margin: 4.0em auto;
	padding: 1.5em 4.0em;
	text-align: center;
	width: 460px !important;
	width: 560px;
}

	
	#aboutbox p {
		color: #222222;
		text-align: justify;
	}
	
	#aboutbox a {
		color: #000000;
		text-decoration: underline;
	}

#footer {
	/* padding: 115px 0 0 0; */
	padding: 0 0 0 0;
	margin: 50px 0 0 0;
	background: #4d4d4d url('../imgs/footer_bg.gif') repeat-x top left;
	width: 100%;
}
	
	#strip {
		margin: 0 auto;
		padding: 0;
		width: 820px;
	}	
	
		#strip br {
			clear: both;
			line-height: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
		}
		
		#strip a {
			border: none;
			float: left;
			margin: 115px 0 0 0;
			padding: 0;
		}
		
		#strip a:hover {
			background-color: transparent;
		}
		
			#strip a:hover img {
				border: 5px solid #666666;
			}
		
		#strip img {
			border: 5px solid #222222;
			display: inline;
			height: 70px;
			margin: 0 3px;
			padding: 0;
			width: 70px;
		}
		
		#strip div.currentimage {
			background: transparent url('../imgs/strip_current_bg.gif') no-repeat bottom left;
			border: none;
			float: left;
			margin: 0 3px;
			padding: 113px 15px 20px 16px;
		}
		
			#strip div.currentimage img {
				border: 5px solid #151515;
				margin: 0;
			}
		
	
/* ARCHIVE PAGE STYLES */
div.archive {
	padding: 0;
	margin: 0 auto 50px;
	width: 800px;
	text-align: left;
}

ul.archive_links {
	background: transparent url('../imgs/archive_list_bg.gif') repeat-x bottom left;
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 800px;
}

	ul.archive_links li {
		background: #949494 url('../imgs/arch_list_right.gif') no-repeat top right;
		display: inline;
		float: left;
		font-size: 130%;
		margin: 0 5px 1px 0;
		padding: 0;
		text-align: center;
	}
	
	ul.archive_links li a {
		background: transparent url('../imgs/arch_list_left.gif') no-repeat top left;
		color: #333333;
		display: block;
		line-height: 2.0em;
		margin: 0 2px 0 0;
		padding: 0 2.0em;
	}
	
	ul.archive_links li.current {
		background: #c9c9c9 url('../imgs/arch_list_selected_right.gif') no-repeat top right;
		margin-bottom: 0;
	
	}
	
	ul.archive_links li.current a {
		padding-bottom: 2px;
		background: transparent url('../imgs/arch_list_selected_left.gif') no-repeat top left;
	}
	
	ul.archive_links li.current a:hover {
		text-decoration: none;
		cursor: text;	
	}
	



div.archive_wrapper {
	background: #AAAAAA url('../imgs/arch_monthly_bg.gif') no-repeat 0 0;
	border: 1px solid #333333;
	border-top: none;
	clear: both;
	padding: 40px 0;
}

	div.archive_wrapper h2 {
		background: transparent url('../imgs/cal_header_bg.gif') no-repeat 0 0;
		color: #333333;
		font-size: 200%;
		line-height: 1.5em;
		margin: 20px 39px 0 39px;
		padding: 0;
		text-align: center;
		width: 722px !important;
		width: 720px;
	}
	
	div.archive_wrapper p.footer {
		background: transparent url('../imgs/cal_footer_bg.gif') no-repeat left bottom;
		color: #333333;
		font-size: 150%;
		line-height: 1.5em;
		margin: 0 39px;
		padding: 0 0 0.2em 0;
		text-align: center;
		width: 722px !important;
		width: 720px;
	}
	
	div.archive_wrapper p.footer a {
		color: #EEEEEE;
	}
	
	div.calendar_nav {
		clear: both;
		width: 720px;
		margin: 0 39px 0 39px;
		padding: 0;
		text-align: center;
		background: #999999;
		border: 1px solid #999999;
	}
		
		div.calendar_nav br {
			clear: both;
			line-height: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
		}
		
		div.calendar_nav ul {
			display: inline;
			float: left;
			list-style: none;
			padding: 5px 0;
			margin: 0;
			width: 720px !important;
			width: 718px;
		}
		
			div.calendar_nav ul li {
				font-size: 120%;
				margin: 0;
				padding: 0;
				height: 32px;
				text-align: left;
				width: 122px;
			}
				
				div.calendar_nav ul li.calendar_previous {
					float: left;
					margin-left: 25px;
				}
				
				div.calendar_nav ul li.calendar_next {
					float: right;
					margin-right: 25px;
				}

			
			div.calendar_nav ul li a {
				background: transparent url('../imgs/button.gif') no-repeat top center;
				color: #444444;
				display: inline;
				float: right;
				height: 33px;
				line-height: 30px;
				padding: 0;
				text-align: center;
				width: 122px;
			}
			
			div.calendar_nav ul li a:hover {
				background: transparent url('../imgs/button.gif') no-repeat center center;
				text-decoration: none;
			}
			
			div.calendar_nav ul li a:active {
				background: transparent url('../imgs/button.gif') no-repeat bottom center;
			}
	
	
			li.form {
				display: block;
				background: #999999;
				margin: 0 auto;
				padding: 0;
				text-align: center;
				width: 722px;
			}
			
			li.form div {
				margin: 0 auto;
				text-align: center;
			}
			
			li.form input,
			li.form select {
				width: 7em;
			} 
	
	#content table {	;
		border: 1px solid #A0A0A0;
		border-collapse: collapse;
		clear: both;
		margin: 0 40px;
		padding: 0;
		width: 720px;
	}
	
	#content table tr {
		background: transparent url('../imgs/cal_shadow_top.gif') repeat-x top left;
	}
	
	#content table td {
		background: #CCCCCC url('../imgs/tile.gif') no-repeat top left;
		border: 1px solid #A0A0A0;
		height: 120px;
		margin: 0;
		padding: 0;
		vertical-align: top;
		width: 100px;
	}
	
	#content table td.current {
		background: #CCCCCC url('../imgs/tile_current.gif') no-repeat top left;
	}
	
	#content table td.spacer {
		background: transparent url('../imgs/cal_shadow_bottom.gif') repeat-x bottom left;
		border: none;
	}
	
	#content table td p {
		text-align: left;
		font-size: 200%;
		color: #777777;
		margin: 10px 0 0 10px;
		padding: 0;
	}
	
	#content table td img {
		border: 1px solid #555555;
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
	}
	
	#content table td a {
		float: left;
		display: inline;
		background: #FFFFFF;
		border: 1px solid #555555;
		margin: 0 0 0 17px;
		padding: 5px;
	}
	
	div.archive_wrapper p.tagtext {
		background: #CCCCCC;
		border: 1px solid #999999;
		line-height: 2.0em;
		margin: 0 39px;
		padding: 20px;
		text-align: justify;
		width: 680px !important;
		width: 720px;
	}
	
	div.archive_wrapper p.tagtext a {
		color: #000000;
		text-decoration: none;
	}
	
	div.archive_wrapper p.tagtext a:hover {
		text-decoration: underline;
	}
	
	div.archive_wrapper p.thumbs {
		background: #CCCCCC;
		border: 1px solid #999999;
		margin: 0 39px;
		padding: 20px 0 20px 20px;
		width: 700px !important;
		width: 722px;
	}
	
	div.archive_wrapper p.thumbs br {
		clear: both;
		height: 1px;
		line-height: 1px;
		margin: 0;
		padding: 0;
	}
	
	div.archive_wrapper p.thumbs a {
		background: #FFFFFF;
		border: 1px solid #555555;
		display: inline;
		float: left;
		margin: 10px;
		padding: 5px;
	}
	
	div.archive_wrapper p.thumbs img {
		border: 1px solid #555555;
		height: 50px;
		width: 50px;
	}
	
ul.photographers,
ul.sort {
	display: inline;
	float: left;
	list-style: none;
	padding: 10px 0;
	position: relative;
	margin: 0 39px;
	width: 720px;
	background: #999999;
	border: 1px solid #999999;

}

	ul.photographers li,
	ul.sort li {
		float: left;
		display: inline;
		margin: 0 0 0 25px;
		padding: 0;
		position: relative;
		font-size: 120%;
		text-align: left;
	}
	
	ul.photographers li a,
	ul.sort li a {
		display: block;
		color: #333333;
		padding: 0 30px 0 0;
		line-height: 30px;
		margin: 0;
	}
	
	ul.photographers li.current,
	ul.sort li.current {
		background: transparent url('../imgs/photog_name_left.gif') no-repeat 0 50%;
		padding: 0 0 0 30px;
	}
	
	ul.photographers li.current a,
	ul.sort li.current a {
		background: transparent url('../imgs/photog_name_right.gif') no-repeat 100% 50%;
		color: #DDDDDD;
	}
	
	ul.photographers li.current a:hover,
	ul.sort li.current a:hover {
		text-decoration: none;
		cursor: text;
	}
	
	
/*/////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
// ADMIN PAGES
///////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */

form.admin {
	margin: 0 auto;
	padding: 0;
	width: 500px;
}

form.admin fieldset {
	border: none;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 250px;
}

form.admin legend {
	font-size: 150%;
	font-weight: bold;
	color: #000000;
}

form.admin label {
	color: #333333;
	display: inline;
	float: left;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: right;
	width: 100px;
}

form.admin input {
	display: block;
	margin: 5px 0 5px 110px;
	padding: 2px;
	font-size: 120%;
	width: 150px
}

form.admin input.btn {
	line-height: 30px;
}

div.admin_controls {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	color: #333333;
}

ul.admin_links {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 800px;
	list-style: none;
	text-align: center;
	background: transparent url('../imgs/archive_list_bg.gif') repeat-x bottom left;
}

	ul.admin_links li {
		float: left;
		display: inline;
		text-align: center;
		font-size: 130%;
		margin: 0 5px 1px 0;
		padding: 0;
		background: #949494 url('../imgs/arch_list_right.gif') no-repeat top right;
	}
	
	ul.admin_links li a {
		display: block;
		color: #333333;
		padding: 0 2.0em;
		line-height: 2.0em;
		margin: 0 2px 0 0;
		background: transparent url('../imgs/arch_list_left.gif') no-repeat top left;
	}
	
	ul.admin_links li.current {
		margin-bottom: 0;
		background: #c9c9c9 url('../imgs/arch_list_selected_right.gif') no-repeat top right;
	
	}
	
	ul.admin_links li.current a {
		padding-bottom: 2px;
		background: transparent url('../imgs/arch_list_selected_left.gif') no-repeat top left;
	}
	
	ul.admin_links li.current a:hover {
		text-decoration: none;
		cursor: text;	
	}
	
div.admin_wrapper {
	clear: both;
	background: #AAAAAA url('../imgs/arch_monthly_bg.gif') no-repeat 0 0;
	border: 1px solid #333333;
	border-top: none;
	padding: 40px 0;
	margin: 0 0 40px 0;
}


#add_image label {
	display: inline;
	float: left;
	width: 150px;
	padding: 0;
	margin: 0 10px 10px 0;
	text-align: right;
}

#add_image input,
#add_image textarea {
	display: inline;
	float: left;
	width: 550px;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
}

#add_image br {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

#add_image input.btn {
	clear: both;
	display: block;
	float: none;
	line-height: 30px;
	margin: 25px 0 0 160px;
	padding: 0;
	text-align: center;
	width: 122px
}

#select_image {
	background: transparent;
	border: none;
	border-bottom: 2px groove;
	display: block;
	padding: 10px;
	margin: 0 10px 10px 10px;
}
	
	#select_image label {
		margin: 0 5px 0 0;
		line-height: 2em;
	}
	
	#select_image select,
	#select_image input#image {
		width: 200px;
	}
	

#image_info {
	border-bottom: 3px solid #333;
	margin: 0 auto;
	width: 700px;
}

#image_info h2,
#image_additions h2 {
	color: #CCCCCC;
	font-size: 150%;
	padding: 4px 0;
	text-align: center;
}
	#image_info h2 {
		background: #555;
		margin: 0 0 25px 0;
	}
	
	#image_info h2 a {
		color: #999;
		font-size: 0.75em;
		font-style: italic;
	}
	 
	#image_additions h2 {
		background: #555;
		margin: 0;
	}
	
	#image_info span.footer {
		background: #555;
		clear: both;
		display: block;
		height: 30px;
		margin: 0;
	}
	
	#image_additions span.footer {
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
	}


#edit_image {
	background: #CCCCCC;
	border: 1px solid #777777;
	margin: 0;
	padding: 0;
}

#edit_image label {
	display: inline;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: right;
}

#edit_image input,
#edit_image textarea  {
	display: inline;
	float: left;
	width: 550px;
	padding: 0;
	margin: 0 0 10px 10px;
	text-align: left;
}

#edit_image br {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

#edit_image input.btn {
	clear: both;
	float: none;
	display: block;
	text-align: center;
	width: 122px;
}

#image_additions {
	margin: 25px auto 0 auto;
	width: 700px;
}

#tag_list {
	background: #CCC;
	border: 1px solid #777;
	border-bottom: 3px solid #333;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 330px;
}

	#tag_list li {
		clear: both;
		display: block;
		background: #999;
		border: none;
		border-bottom: 1px solid #777;
		color: #000;
		padding: 2px 0 2px 10px;
		margin: 0;
		text-align: left;
	}
	
		#tag_list li.alt {
			background: #888;
		}
		
		#tag_list li p {
			clear: none;
			margin: 0;
			padding: 0;
		}
		
		#tag_list li input {
			margin: 2px 0;
		}

#comment_list {
	background: #CCC;
	border: 1px solid #777;
	border-bottom: 3px solid #333;
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	width: 330px;
}
	#comment_list li {
		clear: both;
		color: #000;
		display: block;
		background: #999;
		border: none;
		border-bottom: 1px solid #777;
		padding: 2px 0;
		margin: 0;
		text-align: left;
	}
	
		#comment_list li.alt {
			background: #888;
		}	
		
		#comment_list li.edit {
			background: #c5e7f8;
			padding: 10px 0 0 0;
		}

	#comment_list li p {
		margin: 0 0 5px 10px;
		padding: 0;
	}
	
	#comment_list li p.header {
		margin:  2px 10px 5px 10px;
	}
	
	#comment_list li label {
		float: left;
		margin: 0 0 10px 0;
		text-align: right;
		width: 80px;
	}
	
	#comment_list li input,
	#comment_list li textarea {
		float: left;
		margin: 0 0 10px 10px;
		width: 200px;
	}
	
	#comment_list li input.btn {
		clear: both;
		float: none;
		margin: 0 0 10px 90px;
		width: auto;
	}
	
	#comment_list li br {
		clear: both;
		height: 1px;
		line-height: 1px;
		margin: 0;
		padding: 0;
	}

div.admin_footer {
	clear: both;
}

div.spam #comment_list {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 600px;
}
	
	div.spam #comment_list li {
		background: #CCC;
		border-bottom: 1px solid #777;
		clear: both;
		margin: 0;
		padding: 10px;
	}
	
		div.spam #comment_list li a {
			color: #000;
		}
		div.spam #comment_list li.alt {
			background: #AAA;
		}
	
	#comment_list li ul.controls,
	#tag_list li ul.controls,
	div#subfooter div.subfooter_section ul li ul.controls,
	ul.controls {
		background: transparent;
		border: none;
		display: inline;
		float: right;
		margin: 0 5px 0 0;
		padding: 0;
		width: 60px;
	}
	
	div.comment ul.controls {
		padding-top: 1.0em;
	}
	
		#comment_list li ul.controls li,
		#tag_list li ul.controls li,
		div#subfooter div.subfooter_section ul li ul.controls li,
		ul.controls li {
			background: transparent;
			border: none;
			clear: none;
			display: inline;
			float: right;
			margin: 0;
			padding: 0;
			width: 20px;
		}
		
			#comment_list li ul.controls li a,
			#tag_list li ul.controls li a,
			div#subfooter div.subfooter_section ul li ul.controls li a,
			ul.controls li a {
				clear: none;
				display: inline;
				float: left;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-align: left;
				text-indent: -10000px;
				width: 20px;
			}
			
				ul.controls li a.delete_comment {
					background: transparent url('../imgs/comment_delete.gif') no-repeat top right;
				}
				
				ul.controls li a.edit_comment {
					background: transparent url('../imgs/comment_edit.gif') no-repeat top right;
				}
				
				ul.controls li a.spam_comment {
					background: transparent url('../imgs/comment_spam.gif') no-repeat top right;
				}
				
				ul.controls li a.delete_tag {
					background: transparent url('../imgs/tag_delete.gif') no-repeat top right;
				}
			
		#comment_list li ul.controls li br,
		#tag_list li ul.controls li br,
		div#subfooter div.subfooter_section ul li ul.controls li br,
		ul.controls li br {
			clear: both;
			height: 1px;
			line-height: 1px;
			margin: 0;
			padding: 0;
		}
	
	div.spam #comment_list li p {
		width: 500px;
	}
	
		div.spam #comment_list li p.header {
		
		}

/* MESSAGE STYLES */
div#message {
	background: #F7F7A9;
	border: 2px solid #999966;
	margin: 10px auto;
	padding: 10px;
	text-align: left;
	width: 560px;
}

	div#message a {
		background: transparent;
		color: #000;
		font-weight: bold;
		padding: 0;
	}
	
	div#message a:hover {
		background: transparent;
		text-decoration: underline;
		padding: 0;
	}
	
	div#message p.close_message {
		display: none;
		float: right;
		padding: 0;
		margin: 0;
		width: 10px; 
	}
		div#message p.close_message a {
			background: transparent url('../imgs/close.gif') no-repeat top center;
			display: inline;
			float: right;
			height: 10px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -10000px;
			width: 10px;
		}
		
		div#message p.close_message a:hover {
			
		}
		
div#message p {
	margin: 0;
	padding: 3px 3px 3px 25px;
	width: 510px;
}

p.msg_error {
	/* background: #FFCCCC url('../imgs/icons/error.gif') no-repeat 3px 3px;
	border: 2px solid #CC3333; */
	background: transparent url('../imgs/icons/error.gif') no-repeat 3px 3px;
	color: #333333;
}

p.msg_warning {
	/* background: #FFCC66 url('../imgs/icons/warning.gif') no-repeat 3px 3px;
	border: 2px solid #CC9933; */
	background: transparent url('../imgs/icons/warning.gif') no-repeat 3px 3px;
	color: #333333;
}

p.msg_success {
	/* background: #CCFF99 url('../imgs/icons/success.gif') no-repeat 3px 3px;
	border: 2px solid #339933; */
	background: transparent url('../imgs/icons/success.gif') no-repeat 3px 3px;
	color: #333333;
}

/* SUBSCRIBE PAGE STYLES */
#subscribebox{
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

	#subscribebox br {
		clear: both;
		height: 1px;
		line-height: 1px;
		margin: 0;
		padding: 0;
	}
	
	#subscribebox h2 {
		border-bottom: 1px solid #222222;
		color: #222222;
		font-size: 1.8em;
		margin-bottom: 15px;
	}
	
	#subscribebox h3 {
		color: #222222;
		font-size: 1.3em;
		font-style: italic;
	}
	
	#subscribebox ul {
		margin-bottom: 15px;
	}
	
	#subscribebox p {
		margin: 0 0 30px 0;
		padding: 0 0 1px 0;
		text-align: justify;
		font-size: 100%;
		color: #222222;
		line-height: 1.4em;
	}
	
	#subscribebox a {
		color: #000000;
		text-decoration: none;
	}
	
	#subscribebox img {
		border: 0;	
	}
	
	#subscribebox label {
		color: #222222;
	}
	
	#subscribebox label {
		margin: 1px 0;
	}
	
	#subscribebox #mainfeed,
	#subscribebox #commentfeed  {
		background: #AAAAAA url('../imgs/comment_bg.gif') repeat-x 0 0;
		border: 1px solid #555555;
		float: left;
		padding: 20px;
		text-align: left;
		width: 300px !important;
		width: 340px;
	}
	
	#subscribebox #commentfeed {
		float: right;
	}
	

/* SUBFOOTER STYLES */

div#subfooter {
	background: #151515 url('../imgs/subfooter_bg.gif') repeat-x top left;
	padding: 42px 0 0 0;
}

	div#subfooter div.inner {
		margin: 0 auto;
		width: 800px;
	}


	div#subfooter div.inner a[href^="http://"] {
		background: transparent url('../imgs/external_link_arrow_light.png') no-repeat right center;
		padding-right: 12px;
	}
	
		div#subfooter div.inner a[href^="http://"]:hover {
			background: transparent url('../imgs/external_link_arrow_light.png') no-repeat right center;
			padding-right: 12px;
			text-decoration: underline;
		}

	div#subfooter div.inner a[href^="http://www.opticdistraction.com"], 
	div#subfooter div.inner a[href^="http://www.opticdistraction.com"]:hover,
	div#subfooter div.inner a[href^="http://opticdistraction.com"], 
	div#subfooter div.inner a[href^="http://opticdistraction.com"]:hover  {
		background-image: none;
		padding-right: 0;
	}
	
	div#subfooter div#subfooter_social li a, 
	div#subfooter div#subfooter_social li a:hover {
		background-image: none;
		padding-right: 0;
	}
	

div#subfooter div#subfooter_popular, 
div#subfooter div#subfooter_recent, 
div#subfooter div#subfooter_top {
	float: left;
	margin: 0;
	padding: 0 20px;
	text-align: left;
}

	div#subfooter div#subfooter_popular, 
	div#subfooter div#subfooter_recent {
		width: 260px !important;
		width: 300px;
	}
	
	div#subfooter div#subfooter_top {
		width: 160px !important;
		width: 200px;
	}

div#subfooter div.subfooter_section h3 {
	border-bottom: 1px solid #666;
	color: #777;
	margin: 1.0em 0 0 0;
	padding: 0;
}
	
	div#subfooter div.subfooter_section h3 strong {
		color: #999;
		font-weight: normal;
	}

div#subfooter div#subfooter_copy {
	clear: both;
	float: none;
	padding-bottom: 2.0em;
}

div#subfooter div.subfooter_section ul li {
	clear: both;
	height: 66px;
	margin: 0 0 16px 0;
	padding: 0;
}

	div#subfooter div.subfooter_section ul li a img {
		border: 3px solid #000;
		float: left;
		height: 60px;
		margin: 0 0.5em 0 0;
		padding: 0;
		width: 60px;
	}
	
div#subfooter div#subfooter_top ul li {
	height: 33px;
	margin-bottom: 8px;
}

div#subfooter div.subfooter_section h4 {
	color: #ccc;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

	div#subfooter div.subfooter_section h4 span {
		color: #999;
		font-size: 0.8em;
		font-style: italic;
	}

	div#subfooter div.subfooter_section h4 a {
		color: #ccc;
	}
	
		div#subfooter div.subfooter_section h4 a:hover {
			color: #eee;
		}


div#subfooter div.subfooter_section p {
	margin: 0;
	padding: 0;
}

	div#subfooter div#subfooter_recent p,
	div#subfooter div#subfooter_top p {
		color: #999;
		font-style: italic;
	}

div#subfooter div#subfooter_top h4 {
	display: inline;
	float: left;
}

div#subfooter div#subfooter_top p {
	display: inline;
	float: right;
	font-style: italic;
	text-align: right;
}

div#subfooter div#subfooter_social {
	clear: both;
	text-align: left;
}

	div#subfooter div#subfooter_social ul {
		display: inline;
		float: left;
		margin: 0 auto;
		padding: 10px 0;
		width: 800px;
	}
	
		div#subfooter div#subfooter_social ul li {
			clear: none;
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
			text-align: center;
			width: 160px;
		}
		
			div#subfooter div#subfooter_social ul li img {
				border: none;
				height: auto;
				margin: 0;
				padding: 0;
				width: auto;
			}

div#subfooter_copy {
	clear: both;
	height: 50px;
}

	div#subfooter_copy p {
		color: #555555;
		font-style: italic;
		font-weight: bold;
	}

/* 404 Styles */

div#fourofour {
	background: #AAAAAA url('../imgs/arch_monthly_bg.gif') no-repeat 0 0;
	border: 1px solid #333333;
	border-top: none;
	color: #333;
	font-size: 125%;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	width: 560px;
}

div#fourofour h3 {
	color: #000;
	font-weight: bold;
	text-align: center;
}

div#fourofour p {
	margin: 0 0 0.5em 0;
}

div#fourofour a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

div#fourofour ul {
	margin-left: 40px;
}

div#fourofour ul li {
	margin: 0;
}