/* 
Theme Name: Blaine Folio
Theme URL: http://balinefisherphotography.com/
Description: An SEO-optimized photographer's portfolio theme that puts the pictures front and center. Designed by Voltage Creative for Blaine Fisher.
Author: Wade Meredith | Voltage Creative
Author URI: http://voltagecreative.com/about/#wade-meredith
Version: 1.0
*/

/************************************************************************/
/**	CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
/************************************************************************/
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}: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:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

/************************************************************************/
/**	BODY & FULL SIZE BACKGROUND IMAGE
/************************************************************************/
body {
	font-family: helvetica, arial, sans-serif;
	letter-spacing: .025em;
	color: #fff;
	overflow: hidden;
	min-width: 900px;
	background: url('images/checks.gif');
	}

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	}
 
#viewport-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	}

/************************************************************************/
/**	TAGS AND CREDITS
/************************************************************************/	
.tags {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 51;
	height: 35px;
	width: 100%;
	background: url('images/smoked-glass.png');
	text-transform: capitalize;
	}
	
.tags-content {
	padding: 12px 0 0 19px;
	}
	
.credits {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 52;
	text-align: right;
	padding: 12px 19px 0;
	height: 23px;
	background: url('images/smoked-glass.png');
	}

/************************************************************************/
/**	TOP NAVBAR
/************************************************************************/
.navbar {
	padding-left: 168px;   /* LC width */
	padding-right: 200px;  /* RC width */
	}
	
.navbar .column {
	position: relative;
	float: left;
	}
	
.center {
	width: 100%;
	background: url('images/smoked-glass.png');
	}
	
.left {
	width: 168px;          /* LC width */
	right: 168px;          /* LC width */
	margin-left: -100%;
	}
	
.right {
	width: 200px;          /* RC width */
	margin-right: -200px;  /* RC width */
	}

* html .left {
	left: 150px;           /* IE6 Fix RC width */
	}

a.logo {
	display: block;
	width: 166px;
	height: 140px;
	background: url('images/smoked-glass.png');
	}

ul.pages li {
	margin: 2px 0 0 0;	
	}
	
ul.pages li a, ul.pages li a:visited {
	display: block;
	width: 147px;
	height: 25px;
	background: url('images/smoked-glass.png');
	text-decoration: none;	
	padding: 10px 0 0 19px;
	color: #A8302A;
	}

.gui-control {
	display: none;
	display: block;
	background: url('images/smoked-glass.png');
	height: 33px;
	width: 166px;
	margin: 2px 0 0 0;
	}

.gui-control:hover {
	cursor: pointer;
	}

.gui-arrow-up {
	float: left;
	display: block;
	width: 15px;
	height: 9px;
	margin: 12px 0 0 75px;
	background-image: url('images/arrow-up-small.png');
	}

.gui-arrow-down {
	background-image: url('images/arrow-down-small.png');
	}
			
.dropdown {
	float: left;
	text-align: left;
	height: 35px;
	margin: 0 0 0 0;
	}
	
.dropdown:hover {
	cursor: pointer;
	}
	
.dropdown h2 {
	padding: 10px 0 0 19px;
	float: left;
	}
	
.dropdown ul li {
	margin: 2px 0 0 0;
	}
	
ul.options li a {
	display: block;
	width: 147px;
	height: 25px;
	background: url('images/smoked-glass.png');
	text-decoration: none;	
	padding: 13px 0 0 19px;
	color: #A8302A;
	}

.drop {
	float: right;
	margin: 0 0 0 56px;
	border-right: 1px solid #333;
	height: 35px;
	}
		
.buttons {
	float: right;
	margin: 0 45% 0 0;
	}
	
.prev, 
.next,
.drop {
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	}
	
.buttons .prev {
	background: url('images/arrow-right.png');
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	height: 35px;
	}

.buttons .next {
	background: url('images/arrow-left.png');
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	height: 35px;
	}

.buttons .count {
	float: left;
	padding: 10px 10px 0;
	text-align: center;
	}
		
.buttons .next a, 
.buttons .prev a,
.drop a {
	display: block;
	width: 35px;
	height: 35px;
	}
	
.buttons .next a:hover, 
.buttons .prev a:hover {
	background: black;
	}

.links {
	height: 23px;
	background: url('images/smoked-glass.png');
	padding: 12px 19px 0 19px;
	margin: 0 0 0 2px;
	text-align: center;
	}
/************************************************************************/
/**	PAGE CONTENT
/************************************************************************/	
.page-content {
	float: left;
	padding: 36px;
	margin: 100px 0 0 200px;
	background: url('images/dark-glass.png');
	width: 450px;
	line-height: 1.5;
	}

.page-content h2 {
	font-size: 150%;
	margin: 0 0 15px 0;
	}

.page-content p {
	margin: 0 0 15px 0;
	}

/************************************************************************/
/**	GLOBAL STYLES
/************************************************************************/
a.logo:hover,
ul.pages li a:hover, 
ul.pages li.current_page_item a, 
ul.options li a:hover,
.navbar .buttons .next a:hover, 
.navbar .buttons .prev a:hover,
.dropdown:hover,
.gui-control:hover {
	background: black url('images/dark-glass.png');
	}
	
a{color:#d1261e;}

a:hover{}

a:visited{color:#d1261e}

a:focus{}

b,strong{font-weight:bold}

.hid{display:none}

i,em{font-style:italic}

.f-left{float:left}

.mouseprint{font-size: 77%}

ol,ul{}

p,h1,h2,h3,h4,h5,h6{}

.required{color:red}

.f-right{float:right}

/************************************************************************/
/**	CLEARFIX - http://www.webtoolkit.info/css-clearfix.html
/************************************************************************/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}