/*  
Theme Name: Angus Fraser
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
License:
License URI: 
*/

/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }
a { color: #00ba1d; color: #D15B05; text-decoration: none; }
a:hover { color: #21632b; color: #76301e; }


/* General Structure */

body {
	background: no-repeat center center fixed #FFFFFF;
	text-align: center;
	font-family: 'Jura', Helvetica, Arial, 'Sans Serif';
	font-size: 14px;
	color: #333;
	padding: 55px 234px 55px 30px;
	padding: 55px 275px 55px 30px;
	padding: 55px 30px 55px 30px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media all and (max-width: 1024px) and (min-width: 0px) {
	body {
		padding-right: 30px;
	}
	#sidebar { width: 160px!important; }
	#container { padding-left: 160px!important; }
}

	#container {
		display: block;
		margin: auto;
		text-align: left;
		position: relative;
		padding: 0 185px 0 185px;
		padding: 0px;
		width: 820px;
		width: 1190px;
		width: auto;
		opacity: 0;
	}
	
	
	/* Sidebar */
	
	#sidebar {
		width: 245px;
		position: absolute;
		top: 0px;
		left: 54px;
		left: 0px;
		z-index: 1000;
		text-transform: uppercase;
	}
	
		#sidebar h1, 
		#sidebar ul {
			font-size: 16px;
			line-height: 22px;
		}
		#sidebar ul li.current-menu-item a { color: #76301e; }
		#sidebar h1 { margin: 0 0 45px 0; } 
			#sidebar ul ul {
				font-size: 13px;
				line-height: 18px;
				margin: 2px 0 5px 10px;
				display: none;
				text-transform: none;
			}
	
	
	/* Images */
	
	#main {
		position: relative;
		padding: 0 0 120px 0;
	}
	
	#images {
		position: relative;
		height: 100%;
		text-align: center;
		overflow: hidden;
		margin: 0 180px 0 180px;
	}
		#images .overlay {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 1000;
			display: block;
		}
		#images .loader {
			display: none;
			width: 16px;
			height: 16px;
			position: absolute;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -16px;
			z-index: 1;
			background: url(./images/ajax-loader.gif) no-repeat;
		}
		#images img {
			display: block;
			margin: auto;
			max-width: 100%;
			max-height: 100%;
			z-index: 2;
			position: relative;
		}
		#images .overview {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: none transparent;
			text-align: center;
			z-index: 1000;
			display: none;
		}
			#images .overview .content {
				padding: 50px;
			}
				#images .overview .content p {
					line-height: 17px;
					margin: 0 0 20px 0;
					color: #D15B05;
				}
	
	
	/* Captions */
	
	#captions {
		position: absolute;
		bottom: 86px;
		left: 0px;
		width: 100%;
		height: 14px;
		overflow: hidden;
	}
		#captions p {
			text-align: center;
			font-size: 14px;
			color: #999999;
		}
	
	
	/* Thumbs */
	
	#thumbs {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 70px;
		height: 90px;
		padding: 0 10px 0 0;
		overflow: hidden;
		text-align: center;
	}
	#thumbs.thumbs-1 .arrows, 
	#thumbs.thumbs-2 .arrows, 
	#thumbs.thumbs-3 .arrows, 
	#thumbs.thumbs-4 .arrows, 
	#thumbs.thumbs-5 .arrows, 
	#thumbs.thumbs-6 .arrows, 
	#thumbs.thumbs-7 .arrows, 
	#thumbs.thumbs-8 .arrows, 
	#thumbs.thumbs-9 .arrows { display: none; }
		#thumbs .arrows {
			position: absolute;
			top: 10px;
			right: 0px;
			width: 9px;
		}
			#thumbs .arrows a {
				display: block;
				height: 17px;
				background: url(./images/arrows.png) no-repeat;
				background-position: left -35px;
				width: 9px;
			}
			#thumbs .arrows a.arrow-right {
				margin: 0 0 18px 0;
				background-position: left top;
			}
		#thumbs .thumbs-holder {
			width: 783px;
			margin: auto;
			position: relative;
			height: 70px;
			overflow: hidden;
			background: url(./images/thumbs-back.png) no-repeat center top;
		}
	#thumbs.thumbs-1 .thumbs-holder, 
	#thumbs.thumbs-2 .thumbs-holder, 
	#thumbs.thumbs-3 .thumbs-holder, 
	#thumbs.thumbs-4 .thumbs-holder, 
	#thumbs.thumbs-5 .thumbs-holder, 
	#thumbs.thumbs-6 .thumbs-holder, 
	#thumbs.thumbs-7 .thumbs-holder, 
	#thumbs.thumbs-8 .thumbs-holder, 
	#thumbs.thumbs-9 .thumbs-holder { background: none; }
		#thumbs ul {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 10000px;
			height: 70px;
		}
		#thumbs.thumbs-1 ul {
			left: 348px;
		} 
		#thumbs.thumbs-2 ul {
			left: 303px;
		}
		#thumbs.thumbs-3 ul {
			left: 261px;
		}
		#thumbs.thumbs-4 ul {
			left: 220px;
		}
		#thumbs.thumbs-5 ul {
			left: 174px;
		} 
		#thumbs.thumbs-6 ul {
			left: 130px;
		}
		#thumbs.thumbs-7 ul {
			left: 87px;
		} 
		#thumbs.thumbs-8 ul {
			left: 43px;
		}
		/*#thumbs.thumbs-1 ul,
		#thumbs.thumbs-2 ul,
		#thumbs.thumbs-3 ul,
		#thumbs.thumbs-4 ul,
		#thumbs.thumbs-5 ul {
			left: 348px;
		}*/
			#thumbs ul li {
				float: left;
				display: block;
				padding: 5px;
			}
				#thumbs ul li a {
					float: left;
					display: block;
				}
					#thumbs ul li p { display: none; }
					#thumbs ul li a img {
						float: left;
						display: block;
						width: 77px;
						height: 60px;
					}
		#thumbs .under-thumbs {
			padding: 8px 0 0 0;
			font-size: 11px;
		}	
		#thumbs .under-thumbs a { margin: 0 5px; }
	
	
	/* Page */
	
	#page {
		color: #00ba1d;
		color:#D15B05;
		padding: 68px 0 0 0;
		padding: 68px 140px 0 140px;
		font-size: 13px;
	}
		#page .space {
			display: inline-block;
			width: 16px;
		}
		#page p {
			line-height: 17px;
		
		}
		#page h1 {
			font-size: 16px;
			line-height: 20px;
			margin: 0 0 20px 0;
		}
		#page h2 {
			font-size: 13px;
			line-height: 17px;
			padding: 20px 0;
		}
		#page.contact p {
			font-size: 16px;
			line-height: 20px;
		}