

#chaos,
.advert {
	background: none !important;
}

#chaos {
	border-top: 1px solid #000;
}

#content {
	background:#111 url(http://www.sfomedia.com/images_network/gallery_bg_content.png) repeat-y 668px 0;
	border: 1px solid #eee;
	}

#chaos {
	margin:-1px 0 0;
	border-top: 0 !important;
	}

#section1 {
	padding: 0;
	background: #000 !important;
	}

#comments-container {
	margin:0 15px 15px;
	background: #111;
	border: 1px solid #242424;
	padding:0 0 10px;
	}
	
	#comment-count-bar {
		border: none !important;
		padding: 20px;
	}
	
	#comment-count-bar h3,
	#post-a-comment {
		color: #7B8D9D;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px !important;
		font-family: arial;
		}
		
		#post-a-comment {
			color: #0082cc;
			background: none !important
			}
		
		

	#comments-container .advert { background: none !important; }
	
	#comment-form-logged-in {
		margin: 0; padding: 15px 0 0;
		border: 0;
		width: auto;
		background: transparent;
		color: #aaa;
		}
		
		.comment-form {
			padding: 20px
			}
			
			.comment-form input[type="text"],
			.comment-form textarea {
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border: none !important;
				}

			.comment-form input:focus,
			.comment-form textarea:focus {
				background: #ccebff;
				border: none !important;
				}				
				
			
		.comment-form h3 { color: #fff }
		
	.comment,
	.comment-meta {
		color: #ccc;
	 }

h2 {
	color:#eee !important;
	font-size:18px !important;
	font-family:arial !important }
	
	.comment h2 {
		font-size: 13px !important;
	}


.advert { border:none !important }


	
.related-container li { border:none !important }
#paper {display: none !important }

#where {
		border-top:1px solid #111 !important;
		border-bottom:1px solid #111 !important;
		color: #7B8D9D;
		}

#footer {
	background: #151515;
	border: none;
	border-top: 1px solid #333;
	}
	#sub_footer {
		background: #111 !important;
	}

#gallery {
	margin:0;
	padding:0;
	background: #242424;
	width:667px;
	overflow: hidden;
	}
	
	#gallery p { color:#999;margin:0 0 10px }
	
	#gallery .tags {color:#999 !important}
	
	#slideshow { 
		overflow: hidden;
		background: #000
	 	}
	 	
	 	.single #slideshow img { padding: 15px 0 }
	 	
	 	#slideWrapper { float: left }
	 	
	 	#slideshow li {
			margin:0;
			padding: 0;
			width:667px;
			float: left;
			border:none !important; /* Required by IE6 */
			overflow:hidden;
			}
				 	
	 	.image-master {
			margin: 0 auto;
			display:block;
			}
			.reflected { border-bottom:1px solid #000 }

	.geo-button,
	.image-button {
		color:#0082CC;
		width:100%;
		height: 1.9em !important;
		line-height: 1.9em;
		text-align: center;
		margin: 0 !important;
		position: absolute;
		z-index: 100000000;
		background: #ff0 !important;
		opacity: .8;
		top: 40%;
		color:#000;
		font-weight: bold
		}
		
		.image-button {
			background: #FF4D33 !important;
			opacity: 1;
			}
		
		.geo-button:hover,
		.image-button:hover {
			background: #FFE100;
			color: #000;
			text-decoration: none;
			opacity: 1;
			}
			
			#images-thumbs a.geo-button { display: none !important }
		
			#images-thumbs li.active .geo-button { display: block !important }
		
#gallery_template #gallery-entry.hentry {
	margin: 15px;
	padding: 25px 20px 25px;
	border: 0;
	background: #111;
	border: 1px solid #242424;
	}
	
#gallery_template #gallery-entry.hentry h3 {
	color: #7B8D9D;
	padding: 0 0 5px !important;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	}
	
	#gallery_template #gallery-entry.hentry p { 
		color: #aaa;
	}

/* THUMBS */

#gallery-controls {
	position: relative;
	overflow: hidden;
	background: #000 url(http://www.sfomedia.com/images_network/gallery_bg_controls.png) repeat-x 0 1px;
	border-top: 1px solid #2f2f2f;	
	}
	
	#gallery-controls:hover {

	}

#images-thumbs {
	margin:6px auto 0;
	padding: 5px 4px 0 0;
	overflow:hidden;
	width: 564px;
	z-index: 4;
	}

	#images-thumbs li {
		margin: 0 0 5px 5px;
		float: left;
		clear: none;
		float: left;
		display: block;
		background: #000;
		background-position: center center;
		background-repeat: no-repeat;
		background-image:url(http://www.sfomedia.com/images_network/gallery_bg_dot.png);
		background-image:url(http://www.sfomedia.com/images_network/gallery_bg_previous.png);
		background-image:url(http://www.sfomedia.com/images_network/gallery_bg_next.png);		
		border: 1px solid #000;
		}
		
		#images-thumbs li a {
			display: block !important;
			overflow: hidden;
			width: 85px;
			height: 85px;
			border: 1px solid #000;
			}
		
		#images-thumbs li.active {
			border: 1px solid #fff;
			}	
			
			#images-thumbs li.geo-thumb-on {
				border: 1px solid #c33;
				}
				
			#images-thumbs a.mapable {
				position: absolute;
				bottom: 5px;
				right: 5px;
				width: 15px !important;
				height: 15px !important;
				display: block;
				background: #ff0;
				border: none;
				z-index: 1000;
				-webkit-border-radius:8px;
				-moz-border-radius:8px;
				display:none !important;
				}
				
				.map-thumb {
					display:none !important;
					position:absolute;
					bottom:15px;
					right:20px;
					z-index:1000000;
					display:block;
					float:none;
					margin:0 0 10px;
					-webkit-box-shadow: 0 0 25px #fff
					}
				
					.map-enabled .map-thumb {
						display:block !important;
						border:6px solid #000
						}
				
				.map-enabled #images-thumbs a.mapable,
				#images-thumbs .active a.mapable { display: block !important}

				.map-enabled #images-thumbs li.active a.mapable { background: #c33 !important}

/* NEXT / PREVIOUS */

.nav {
	position:relative;
	width: 100%;
	margin: 0 auto !important;
	z-index: 1;
	overflow: hidden;
	height: 45px;
	}
	
	.nav a {
		position: absolute;
		color: #fff !important;
		background: #0082cc !important;
		font-size:11px !important;
		margin: 12px 15px 0;
		padding: 3px 10px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-transform: capitalize;
		-webkit-box-shadow: 0 0 3px #000
		}
		
		.nav a:hover,
		.nav a.hover {
			background: #fff !important;
			color: #0082cc !important;
		}
		
		a.map-it,
		a.map-on {
			position: absolute;
			right: 200px !important;
			background: #ff0 !important;
			color: #111 !important;
			width:200px;
			}
			
			a.map-on {
				background: #c33 !important;
				color: #fff !important;
				}
				
				a.map-on:hover {
					color: #c33 !important;
					}

		.next {  right:0 }	
		.previous { left: 0}
		
/* NEXT / PREVIOUS */

#overlay-nav {
	position: absolute;
	width: 100%;
	z-index: 1000;
	display:none
	}
	.js-enabled #overlay-nav {display: block}
	
	#overlay-nav a {
		position: absolute;
		width: 50%;
		text-indent: -9999px;
		}
		
		#overlay-nav .next {
			right: 0;
			}
			
		#overlay-nav .previous {
			left: 0;
			}
		
/* MAP BUBBLE */

#section1 .bubble h3 {
	color: #0082cc;
	font-weight: bold !important;
	font-family: arial, sans-serif !important;
	font-size: 13px !important;
	margin: 0 0 2px;
	}

#section1 .bubble .adr {
	margin: 15px 0;
	}

#section1 .bubble img {
	margin: 0 0 8px !important;
	border: 1px solid #d6d6d6;
	padding: 3px;
	}
	
#section1 .bubble .adr p {
	margin: 0 !important;
	color: #666 !important;
	}
	
#section1 .bubble .geo span {
	font-size: 9px !important;
	}

/* META */

.image-meta {
	position:relative;
	padding: 10px 0 20px;
	/*border-top: 1px solid #000;*/
	border-bottom: 1px solid #000;
	overflow:hidden
	}
	
	.js-enabled .image-meta {
		position: absolute;
		padding: 0;
		bottom: 0;
		font-size:11px;
		overflow:hidden;
		width: 100%;
		}

		.image-meta h3 {
			margin: 0 0 3px;
			font-size:12px;
			color: #0082cc
		}
		.image-description {
			color:#fff;
			float:left;
			padding: 10px 15px;
		}
		.image-credit {
			position: absolute;
			right: 15px;
			top: 10px;
			color:#888;
			font-size: 10px
		}
		
		p.geo {
			margin: 0 !important;
			font-size: 11px !important;
			}
			
		.geodata {
			margin: 5px 15px 0;
			overflow: hidden;
			clear: both;
			}

/* map-enabled ENABLED */


.map-enabled .image-master { display: none }
.map-enabled .image-meta { display: none }
.map-enabled .map-placeholder { visibility: visible; }

.map-placeholder { 
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	z-index:900000;
	background:#f09;
	visibility: hidden;
}

.vcard {display:none}


/* JS ENABLED CODE */

.js-enabled #gallery 						{ display: block !important }	
.js-enabled #slideshow .active 				{ display: block !important }
.js-enabled .nav							{ display: block }
.js-enabled .geo-button						{ display: block }
.js-enabled #slideshow li 					{ margin:0; padding:0 }


/* SIDEBAR FEATURE */

.sidebar-block {
	margin: 15px;
	}
	
	.sidebar-block ul {
		border-top: 1px solid #2B2B2B;
	}
	
	.sidebar-block h4 {
		clear: both !important;
		color:#eee !important;
		}

	.sidebar-block li a {
		font-size: 11px;
		display: block;
		background: #151515;
		margin:-1px 0 0;
		padding: 6px;
		border: 1px solid #2B2B2B !important;
		border-bottom: none;
		color: #C8C8C8;
		}
		
		.sidebar-block a:hover {
			background: #0082CC;
			color: #fff;
			text-decoration: none;
		 }

#other-galleries.sidebar-block {
	margin: 0 15px;
	border: none;
	}
	#other-galleries h4 {
		margin: 0 -1px 0;
		padding: 0 1px 10px;
		background: #151515;
	 }
	 
			/* CLEARFIX */
			#other-galleries ul:after {
				content: ".";
				display: block;
				clear: both;
				visibility: hidden;
				line-height: 0;
				height: 0;
				}
 
				#other-galleries ul { display: inline-block }
				 
				html[xmlns] #other-galleries ul { display: block }
				 
				* html #other-galleries ul { height: 1% }
			/* END CLEARFIX */

	#other-galleries ul {
		border: none;
		padding: 1px 0 1px;
	}	
	#other-galleries.sidebar-block li {
		margin: 0 0 10px 10px;
		float: left !important;
		width: 89px;
		height: 89px;
		clear: none !important;
		background: #000;
		}
		#other-galleries.sidebar-block img {
			display: block !important;
				float: none !important;
			}		
		
		#other-galleries.sidebar-block b {
			margin: 0 0px;
			padding: 5px;
			color: #fff;
			display: none;
			line-height: 1.2em;
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			background: #fff;
		}

		#other-galleries.sidebar-block a { 
			display: block;
			position: absolute;
			width: 85px;
			height: 85px;
			overflow: hidden;
			text-decoration: none;
			border: 2px solid #fff !important;
			padding: 0;
			}

			#other-galleries.sidebar-block a:hover { 
				/*margin: -22px -22px;
				padding: 1px;
				z-index: 1000;
				width: 130px;
				height: 130px;
				border: 0 !important;*/
				-webkit-box-shadow: 0 0 20px #000;
				-moz-box-shadow: 0 0 20px #000;
				border: 2px solid #0082cc !important;
				background: #000;
			}

			#other-galleries.sidebar-block a:hover img {
				/*width: 145px;
				height: 145px;*/
				}
				
				#other-galleries.sidebar-block a:hover b { 
					display: block;
				}

#gallery_template .story_info { 
	margin: 0 25px 15px !important;
	padding: 3px 10px;
	background:transparent;
	}
	
	#gallery_template .story_info a {
		color: #0082CC !important;
	}

	 
a {
	color: #0082CC; }