/* LESS CSS */

* {
	margin:0;
	padding:0;
}

body {
	background:url(images/jv_bgpattern.gif);
	font-family:Arial;
	font-size:11px;
	color:#999;
	line-height:16px;
}

a {
	text-decoration:none
}

img {
	border:0;
}

section, nav, header {
	display:block;
}

.clear {
	clear:both;
}

#container {
	width:950px;
	height: auto;
	margin:0 auto;
	position:relative;
	
	#brush {
		width:970px;
		height:200px;
		background: url(images/jv_brush.png) no-repeat;
		position:absolute;
		bottom:-20px;
		left:0px;
	}
	
	#nav_bar {
		width:210px;
		height:25px;
		margin:0 0 0 30px;
		
		.nav_bar_left {
			float:left;
			width:5px;
			height:25px;
			background:url(images/jv_navbarleft.png) no-repeat;
		} /* .nav_bar_left */
		
		.nav_bar_content {
			float:left;
			width:135px;
			height:20px;
			padding:5px 0 0 20px;
			background:#ccc;
			
			ul {
				list-style:none;
				
				li {
					display:inline;
					font-size:10px;
					font-weight:bold;
					text-transform:uppercase;
					padding:0 3px;
					
					a {
						color:#fff;
						
						&.activelink, &:hover {
							color:#666;
						}
					}
				}
			}
		} /* .nav_bar_content */
		
		.nav_bar_right {
			float:left;
			width:5px;
			height:25px;
			background:url(images/jv_navbarright.png) no-repeat;
		}/* .nav_bar_right */
	}/* #nav_bar */
	
	#content {
		width:950px;
		height:auto;
		background: url(images/jv_bgcontent.png) repeat-y;
		position:relative;
		
		#logo {
			width:170px;
			height:39px;
			background:url(images/jv_logo.gif) no-repeat;
			position:absolute;
			left:50px;
			top:40px;
						
			span {
				display:none;
			}
		}
		
		#shortbio {
			position:absolute;
			top:40px;
			left:220px;
			
			h5 {
				font-size:11px;
				text-transform:uppercase;
				color:#1ebbcc;	
			}
			
			h6 {
				font-size:11px;
				text-transform:uppercase;
				color:#ccc;
				padding:0 0 10px 0;
			}		
		}
		
		.shadow_tl {
			width:10px;
			height:161px;
			background:url(images/jv_bgtopleft.png) no-repeat;
			position:absolute;
			top:0;
			left:0;
		}
		
		.shadow_bl {
			width:10px;
			height:161px;
			background:url(images/jv_bgbottomleft.png) no-repeat;
			position:absolute;
			bottom:0;
			left:0;
		}
		
		.shadow_tr {
			width:10px;
			height:161px;
			background:url(images/jv_bgtopright.png) no-repeat;
			position:absolute;
			top:0;
			right:0px;
		}
		
		.shadow_br {
			width:10px;
			height:161px;
			background:url(images/jv_bgbottomright.png) no-repeat;
			position:absolute;
			bottom:0;
			right:0px;
		}
		
		.shadow_bottom {
			width:950px;
			height:10px;
			background:url(images/jv_bgbottom.png) no-repeat;
			position:absolute;
			bottom:-10px;
			left:0;
		}
		
		.main_nav {
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			text-align:right;
			padding:50px 50px 0 0;
		
			ul {
				list-style:none;
				
				li {
					display:inline;
					padding:0 0 0 20px;
					
					a {
						color:#999;
						
						&.activelink, &:hover {
							color:#1ebbcc;
						}
					}
				}
			}
		}/* .main_nav */
		
		.main_content {
			height:auto;
			margin:40px 0 0 0;
			padding:0 50px 40px 50px;		
			
			.homeimg_container {
				background:none;
				width:690px;
				height:auto;
			}
			
			.portfolio_container {
				width:850px;
				height:540px;
				overflow-x:scroll;
				overflow-y:hidden;
				
				.entry-header, .entry-meta, #comments, #nav-single {
					display:none;
				}
				
				.entry-content {
					white-space:nowrap;
					
					img {
						display:inline-block;
						margin-right:10px;
						height:500px;
					}
				}
				
			}/* .portfolio_container */
			
			.page-header {
				display:none;
			}
			
			.post_slides {
			
				.post {
					width:263px;
					height:250px;
					overflow:hidden;
					float:left;
					background: none;
					margin:0 30px 0 0;
					
					.feat_image {
						width:263px;
						height:180px;
						display:block;
						overflow:hidden;
					}
					
					.default_feat_image {
						width:263px;
						height:180px;
						background:#efefef;
						text-align:center;
						
						a {
							display:block;
							width:263px;
							height:95px;
							padding:85px 0 0 0;
							color:#999;
							text-transform:uppercase;
							font-size:10px;
						} 
					}/* .default_feat_image */
					
					.entry-content {
						display:none;
					}
					
					.entry-header {
					
						h1.entry-title {
							text-transform:uppercase;
							padding:10px 0;
							font-size:11px;
							
							a {
								color:#999;
								
								&:hover {
									color:#1ebbcc;
								}
							}
						}
						
					}/* .entry-header */
					
					.entry-meta {					
						display:none;
					}
					
				}/* .post */
			
			}/* .post_slides */
			
			.book_shelf {
				height:330px;
				background:url(images/jv_bookshelf.png) no-repeat;
				position:relative;
				
				a {
					display:block;
					position:absolute;
				
					&.book_facesofexploration {
						width:220px;
						height:194px;
						background: url(images/jv_book_facesofexploration.png) no-repeat;
						left:90px;
						top:45px;
					}
					
					&.book_pollyjagored {
						width:220px;
						height:194px;
						background: url(images/jv_book_pollyjago_red.png) no-repeat;
						left:315px;
						top:45px;
					}
					
					&.book_pollyjagoyellow {
						width:220px;
						height:194px;
						background: url(images/jv_book_pollyjago_yellow.png) no-repeat;
						left:540px;
						top:45px;
					}
					
					&.book_duesouth {
						width:239px;
						height:157px;
						background: url(images/jv_book_duesouth.png) no-repeat;
						left:97px;
						top:80px;
					}
					
					&.book_livingmag {
						width:204px;
						height:206px;
						background: url(images/jv_book_livingmag.png) no-repeat;
						left:334px;
						top:32px;
					}
					
					&.book_outsidemag {
						width:195px;
						height:206px;
						background: url(images/jv_book_outsidemag.png) no-repeat;
						left:540px;
						top:31px;
					}
					
					&.book_dispatches {
						width:388px;
						height:214px;
						background: url(images/jv_book_dispatches.png) no-repeat;
						left:106px;
						top:24px;
					}
					
					&.book_ft {
						width:202px;
						height:217px;
						background: url(images/jv_book_ft.png) no-repeat;
						left:505px;
						top:21px;
					}
					
					&.mag {
						cursor:default;
					}
					
					span {
						display:none;
					}
				}
				
			}/* .book_shelf */
			
		}/* .main_content */
		
		.portable_device_note {
			position:absolute;
			bottom:15px;
			left:50px;
			width:850px;
			text-align:center;
			display:none;
			text-transform:uppercase;
		}
		
	}/* #content */
	
	#footer {
		font-size:9px;
		font-weight:bold;
		text-transform:uppercase;
		width:930px;
		color:#b7b7b7;
		padding:20px 0 0 10px;
		position:relative;
		z-index:100;
		height:30px;
		
		a {
			color:#aaa;
			
			&:hover {
				color:#888;
			}
		}
		
	}/* #footer */
	
}/* #container */


body.page-template-published-php {
	.entry-header, .entry-meta {
		display:none;
	}
	
	.entry-content {
	
		h1, h2, h3, h4, h5 {
			margin:20px 0 10px 0;
		}
		
		p {
			margin:0 0 10px 0;
		}
	}
}

body.page-template-bio-php, .page-template-contacts-php, .page-template-sitemap-php, .page-template-legal-php, .page-template-charity-php {

	.entry-header {
		margin:50px 0 20px 0;
	}
	
	.entry-title {
		text-transform:uppercase;
		margin:0 0 10px 0;
	}
	
	.entry-content {
		//-moz-column-count: 2;
		//-moz-column-gap: 30px;
		//-webkit-column-count: 2;
		//-webkit-column-gap: 30px;
		//column-count: 2;
		//column-gap: 30px;
		
		font-size:12px;
		line-height:18px;
		
		img.alignleft {
			float:left;
			margin:0 30px 0 0;
		}
		
		a {
			color:#1EBBCC;
			
			&:hover {
				color:#666;
			}
		}
	}
}

body.page-template-bio-php {

	.entry-content {
		img {
			width:180px !important;
			height: auto;
		}
	}
}

.page-template-contacts-php {

	#container {
		width:670px;
		
		#brush {
			display:none;
		}
		
		#content {
			width:670px !important;
			height:350px !important;
			background:url(images/jv_bgcontent_contact.png) repeat-y;
			
			.shadow_bottom {
				width:670px;
				background:url(images/jv_bgbottom_contact.png) no-repeat;
			}
			
			.main_content {			
				article {
					padding:70px 0 0 0;
					
					.entry-header {
						margin-bottom:10px;
						font-weight:normal;
						color:#ccc;
					}
					
					.entry-content {
						font-size:20px;
						line-height:24px;
					}
				}
			}
		}
		
		#footer {
			width:650px;
		}
	}
}