/* 
Title:     layout.css
Updated:  June 10 2009
*/

/* Redefine standard XHTML elements
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	color: #536e7a;
	}
	
* html body {
	font-size: x-small; /* for IE 5 Win */
	f\ont-size: small; /* for other IE versions */
	}

/* Links
---------------------------------------------------------- */

	a:link, a:visited {
		color: #536e7a;
		text-decoration: none;
		}
	a:hover, a:focus, a:active {
		color: #28aae5;
		text-decoration: none;
		}
	a img {
		border: none;
		}
		
	
/* Structure
---------------------------------------------------------- */

	#wrap {
		position: relative;
		width: 980px;
		margin: 0 auto;
		padding: 0;
		}
		
	#logo {
		float: left;
		margin: 20px 15px 0 30px;
		width: 154px;
		height: 39px;
		}
		
	#top_menu {
		margin: 30px 30px 0 0;
		float: right;
		text-align: right;
		font-size: 90%;
		padding-bottom: 7px;
		border-bottom: 1px solid #b2bec4;
		}
		
		#top_menu h3 {
			float: left;
			}
		
		#top_menu ul {
			float: right;
			}
		
			#top_menu li {
				display: inline;
				margin-left: 30px;
				padding: 0;
				}
		
	.category_photos {
		margin: 20px 30px 0 0;
		float: right;
		clear: right;
		}

		.category_photos ul {
			text-align: right;
			font-size: 100%;
			margin: 0 0 4px 0;
			}
		
		.category_photos li {
			display: inline;
			margin-left: 6px;
			padding: 0;
			}
			
	#clearfix {
		clear: both;
		}
			
	#photo_frame {
		float: left;
		margin: 15px;
		padding: 14px;
		width: 920px;
		border: 1px solid #e0e4e6;
		background: #fff url("/images/layout/photo-frame-bg.gif") repeat-x 0 0;
		}
			
	#content_frame {
		float: left;
		margin: 29px 15px 15px 15px;
		padding: 14px 174px 34px 14px;
		width: 889px;
		color: #666;
		}
		
		#content_frame h1 {
			font-size: 180%;
			letter-spacing: -1px;
			line-height: 18px;
			margin-bottom: 15px;
			}
			
		#content_frame p {
			line-height: 18px;
			margin-bottom: 10px;
			}
			
			.img_right {
				float: right;
				margin: 0 0 10px 15px;
				border: 1px solid #b2bec4;
				background: #fff;
				padding: 5px;
				}
				
			#editorial, #commercial, #stock {
				margin-top: 4px;
				float: left;
				width: 250px;
				}
				
				#editorial h2, #commercial h2, #stock h2 {
					font-size: 110%;
					margin-bottom: 10px;
					}
				
				#editorial li, #commercial li, #stock li {
					margin-bottom: 3px;
					}

				.blog-content {
					margin: 20px 0;
					}
					
					.blog-content h2 {
						font-size: 130%;
						font-weight: normal;
						margin-bottom: 3px;
						}
						
					.blog-content h3 {
						font-style: italic;
						font-size: 90%;
						font-weight: normal;
						margin-bottom: 5px;
						}
	
		#behind_the_shot {
			position: absolute;
			top: 89px;
			left: 30px;
			text-align: left;
			color: #fff;
			background: #000;
			width: 255px;
			padding: 15px;
			filter: alpha(opacity=60); /* for IE 6 */
			opacity: 0.6; /* CSS3 standard */
			-moz-opacity:0.6; /* for Mozilla */
			}
			
			#behind_the_shot h3 {
				font-size: 90%;
				}
				
			#behind_the_shot h1 {
				margin-top: 6px;
				font-size: 90%;
				font-weight: normal;
				line-height: 17px;
				}
			
			#behind_the_shot a:link, #behind_the_shot a:visited {
				color: #fff;
				}
			#behind_the_shot a:hover {
				color: #28aae5;
				}
				
				#story {
					display: none;
					}
		
	#footer {
		clear: both;
		margin: 0 15px;
		}
		
		#copyright {
			float: left;
			color: #b2bec4;
			font-size: 90%;
			margin-left: 15px;
			}
			
		#subvert {
			float: left;
			clear: left;
			margin: 6px 0 0 15px;
			padding-bottom: 15px;
			}
			
		#footer ul {
			margin-right: 15px;
			float: right;
			text-align: right;
			font-size: 90%;
			}
			
			#footer li {
				display: inline;
				margin-left: 30px;
				padding: 0;
				}