/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    foz4 Photography 2009                                                                  |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS � COPYRIGHT OF HARRY ROBERTS   |   v 0.1.                                         |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+



COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-size:62.5%;
	font-family:Lucida Sans Unicode, Arial;
	color:#666;
	padding:0 1em;
	background: #eae3c1 url(images/back-loft.jpg) repeat-x ;
}
#wrapper{
	width:94em;
	margin:0 auto;
}
#header{
	width:94em;
	padding-top:1.5em;
	margin-bottom:2em;
}

#header-top{
	width:75em;
	padding-top:0.2em;
	padding-bottom: 0.8em;
	margin-bottom:2em;
	height: 4em;
	
}

#logo-top{
	
	float: right;
	
	
}
/*NAVIGATION
-------------------------------------------------------- */
#nav{
	font-size:1.5em;
}
#nav a{
	font-variant:small-caps;
	color:#000;
}
#nav a:hover{
	text-decoration:none;
}
#nav span{
	float:right;
	margin-top:-1.2em;
}

body#jan a#jannav,
body#feb a#febnav,
body#march a#marchnav,
body#april a#aprilnav,
body#may a#maynav,
body#june a#junenav,
body#july a#julynav,
body#aug a#augnav,
body#sept a#septnav,
body#oct a#octnav,
body#nov a#novnav,
body#dec a#decnav {
color: #fff;
background: #a3a3a3;
padding: 5px;
}

#nav-metrix6{
	font-size:1em;
	color: #a4a4a4;
	
}
#nav-metrix6 a{

	color:#ffffff;
	text-decoration:none;
}

#nav-metrix6 a:hover{
	text-decoration:none;
	color: #bcbcbc;
}
#nav-metrix6 span{
	float:right;
	margin-top:-1.2em;
}

#nav-top{
	font-size:1.2em;
	color: #b6b6b6;
}
#nav-top a{
	font-variant:small-caps;
	color:#666;
	text-decoration:none;
}
#nav-top a:hover{
	text-decoration:none;
	color: #979797;
}

#twitter-link a{
	color:#666;
	text-decoration:none;
}
#twitter-link a:hover{
	text-decoration:none;
	color: #979797;
}
#nav-top span{
	float:right;
	margin-top:-1.2em;
}
/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer-nav{
	word-spacing:0.2em;
	color:#666666;
}
#footer-nav a{
	color:#666666;
	text-decoration: none;
}

#footer-nav a:hover{
	color: #d6d1be;
	text-decoration: underline;
}
/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	border-bottom:2px solid #ffffff; /* The border at the top of each grid */
	float:left;
	padding-top:1em;
	margin-bottom:2em;
}
.genericthumbs{
	float:left;
	padding: 2px;
	margin-bottom:0.5em;
}
.frontphotos{
	float:left;
	margin-bottom:2em;
	
}

.blurbbx{
	float:left;
	margin-bottom:2em;
	padding:1em;
	
	
}

.twitbx{
	float:left;
	margin-bottom:2em;
	padding:1em;
	
	
}

.frontdescription{
	float:left;
	padding:2px;
	margin-bottom:1em;
	height: 189px;
	
}

.latestnewsbx{
	float:left;
	padding:1em;
	margin-bottom:2em;
	background-color: #c2bfba;
	
	
}

.lastupdatesbx{
	float:left;
	padding:1em;
	margin-bottom:2em;
	background-color: #c2bfba;
	
	
}

.twitternewsbx{
	float:left;
	padding:1em;
	margin-bottom:2em;
	background-color: #ffffff;
	
	
	
}

.flickrupdatesbx{
	float:left;
	padding:1em;
	margin-bottom:2em;
	background-color: #ffffff;
	
	
}
/* Set styles common among all grids - all grid divs must be assigned this class */

.twitter_update_list{
	color:#666666;
	font-size:10px;
	margin-bottom:0.9em;
	line-height:0.9em;
	
}

#twitter_div{
	color:#666666;
	margin-bottom:0.9em;
	line-height:0.9em;
	
}


.genericphotos{
	float:left;
	padding:0em;
	margin-bottom:1em;
}

.generic2{
	float:left;
	padding:1em;
	margin-bottom:2em;
}

.photo-home{
	float:left;
	padding:0;
	margin-bottom:2em;
}

.generic3{
	float:left;
	padding:1em;
	margin-bottom:2em;
}

.setphotos{
	float:left;
	padding:1em;
	margin-bottom:2em;
	
}

.genericfooter{
	float:left;
	padding:1em;
	margin-bottom:2em;
}

.generictop{
	float:left;
	padding-top:1em;
	padding-left: 0px;
	margin-bottom:2em;
}

.generic3{
	border-top:2px solid #f2f2f2; /* The border at the top of each grid */
	border-bot:2px solid #666666; /* The border at the bottom of each grid */
	float:left;
	padding-top:1em;
	margin-bottom:2em;
	background-color:#f2f2f2;
}

.login-box{
	border-top:2px solid #ffffff; /* The border at the top of each grid */
	border-bot:2px solid #dadada; /* The border at the bottom of each grid */
	float:left;
	padding-top:1em;
	margin-bottom:2em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:22em;
	margin-right:2em;
}

.blurbbooks{
	width:20em;
	margin-right:2em;
	background-color: #e8e8e8;
	
}

.twitterbx{
	width:20em;
	margin-right:2em;
	background-color: #dce7e7;
	
}
/* 280px */
.twoeighty{
	width:28em;
	margin-right:2em;
}
/* 340px */
.threeforty{
	width:34em;
	margin-right:2em;
}

.img-front-slider{
	width:34em;
	margin-right:2em;
}
/* 400px */
.fourhun{
	width:40em;
	margin-right:2em;
}
/* 460px */
.foursixty{
	width:46em;
	margin-right:2em;
}

.latestnews{
	width:44em;
	margin-right:2em;	
	
}
.lastupdates{
	width:44em;	margin-right:2em;	
}
.twitternews{
	width:44em;
	margin-right:2em;
	
		
}
.flickrupdates{
	width:92em;
	margin-right:2em;
	
}
/* 520px */
.fivetwenty{
	width:52em;
	margin-right:2em;
}
/* 580px */
.fiveeighty{
	width:58em;
	margin-right:2em;
}

.latest-photos{
	width:56em;
	margin-right:1em;
}

.latest-photos-info{
	width:32em;
	margin-right:1em;
}
/* 640px */
.sixforty{
	width:64em;
	margin-right:2em;
}
/* 700px */
.sevenhun{
	width:70em;
	margin-right:2em;
}

.about{
	width:68em;
	margin-right:2em;
	background-color: #e7e7e7;
}

.flickr-photos{
	width:92em;
	margin-right:2em;
	background-color: #e7e7e7;
}
/* 760px */
.sevensixty{
	width:76em;
	margin-right:2em;
}
/* 820px */
.eighttwenty{
	width:82em;
	margin-right:2em;
}
/* 880px */
.eighteighty{
	width:88em;
	margin-right:2em;
}
/* 940px */
.nineforty{
	width:94em;
}

.morephotos{
	width:92em;
	
}

.spacerphotos{
	width:92em;
	height: 18px;
	
}

.pictureinfo{
	width:92em;
	
}

.photosets{
	width:75.2em;
	
	
}

.tagline{
	width:92em;
	background-color: #949494;
}

.aboutpage{
	width:92em;
	background-color: #f2f2f2;
}
/* 940px */
.footer{
	width:92em;
	background-color: #f3eed8;
	
}
/* 940px */
.heading-top{
	width:92em;
	

	
}

.heading-top-photos{
	width:92em;
	

	
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#000;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}
h2{
	color:#000;
	font-size:1.5em;
	margin-bottom:0.3em;
	line-height:0.9em;
}

h3{
	color:#000;
	font-size:1.5em;
	margin-top:0.3em;
	margin-bottom:0.3em;
	line-height:0.9em;
}
.photo-h2name{
	background: #5bb5ff;
	color:#ffffff;
	font-size:1.6em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	line-height:0.9em;
}

.date-lrge{
	background: #888888;
	color:#ffffff;
	font-size:1.3em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	line-height:0.9em;
}

.blue-headings{
	color:#2eb1d9;
	font-size:1.6em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.previous-headings{
	color: #69a3aa;
	font-size:1.3em;
	
}

.brown-headings{
	color: #2eb1d9;
	font-size:1.6em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.brown-headings-2{
	color:#978334;
	font-size:1.6em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.grey-headings-light{
	color: #909090;
	font-size:1.6em;
	letter-spacing: 0.5px;
	margin-bottom:0.9em;
	margin-left: 0px;
	line-height:0.9em;
}

.photo-headings2{
	
	font-size:1.6em;
	letter-spacing: 0.5px;
	margin-bottom:0.9em;
	margin-left: 55px;
	line-height:0.9em;
	background: #d0c6a2;
	color: #333333;
	padding: 15px;
}

.photo-headings{
	color: #909090;
	font-size:1.6em;
	letter-spacing: 0.5px;
	padding-top: 10px;
	margin-bottom:0.9em;
	margin-left: 0px;
	line-height:0.9em;
}

.photo-headings-line{
	color: #c2c2c2;
	font-size:1.4em;
	margin-bottom:0.9em;
	padding-bottom: 10px;
	border-bottom: 1px solid #c2c2c2;
}

.brown-headings-light{
	color:#d6c896;
	font-size:1.6em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.green-headings {
	color: #2ba423;
	font-size:1.6em;
	margin-bottom:0.9em;
	line-height:0.9em;
	
}

.green-headings a{
	color: #2ba423;
	
}

.green-headings a:hover{
	color: #333333;
	
}

.light-green-headings{
	color: #87ce7a;
	font-size:1.7em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.grey-headings{
	color:#666666;
	font-size:1.7em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.grey-headings a{
	color:#666666;
}

.grey-headings a:hover{
	color:#333333;
}

.orange-headings{
	color:#ff6600;
	font-size:2em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.orange-headings a{
	color:#ff6600;
	
}

.orange-headings a:hover{
	color:#333333;
	
}

.purple-headings{
	color: #be46a4;
	font-size:2em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

.comparepanel {
	color: #333333;
	line-height: normal;
	font-size: 1.4em;
	padding: 5px 5px 5px 0px;

}

.general-text {
	color: #666666;
	line-height: normal;
	font-size: 1em;
	padding: 5px 5px 5px 0px;

}

.general-textbold {
	color: #333333;
	line-height: normal;
	font-size: 1.1em;
	padding: 5px 5px 5px 0px;
	

}

.general-text-white {
	color: #666666;
	line-height: normal;
	font-size: 1em;
	padding: 5px 5px 5px 0px;

}

.general-tags {
	color: #736947;
	line-height: normal;
	font-size: 1em;
	padding: 5px 5px 5px 0px;
	

}

.general-text a {
	color: #666666;
	text-decoration: none;
	

}

.general-text a:hover {
	color: #7dc3f2;
	

}

.tag-line {
	color: #ffffff;
	font-size: 1.2em;

}
h4{
	color:#000;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#000;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
p a{
	color:#000;
}
p a:hover{
	text-decoration:none;
	color: #4fbbd0;
}
h1 a{
	color:#000;
}
h1 a:hover{
	text-decoration:none;
}
li a{
	color:#000;
}
li a:hover{
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}

img.logo-img{ /* Float any image to the LEFT and give it some margin */
	
}

img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}
img.leftpie-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:2px;
	margin-bottom:0;
	margin-right:2em;
	margin-top:0.1em;
}
img.rightpie-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:2px;
	margin-bottom:0;
	margin-right:2em;
	margin-top:0.1em;
	
}

img.rightlogo-img{ /* Float any image to the RIGHT and give it some margin */
	float:right;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
	
}

/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
}
#name, #form-email, #url, #location{
	width:42.7em;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8em;
	height:10em;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
	border:2px solid #000;
}
#submit{
	clear:both;
	padding:5px;
	border:2px solid #666;
	background:#fff !important;
	cursor:pointer;
	margin-left:9em;
}
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
	margin-bottom:1.8em;
	list-style:square inside;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}
li > ul li, li > ol li{
	font-size:1em;
}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li{
	font-size:1.2em;
	line-height:1.5em;
}
/*-------------------------------------------+
|                                            |
|               TEXT. STYLES                 |
|                                            |
+-------------------------------------------*/




/* TABLE Styles */

.sov-blue {
	color: #e6e6e6;


}

table.sov {
	width: 99%;
	border-collapse: collapse;
	background: #fff;
	text-align: left;
	color: #666666;
	line-height: normal;
	font-size: 1em;
}
table.sov caption {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
	border-bottom: none;
	background: #fff;
}
table.sov th, table.sov td {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
	
}
table.sov th {
	color: #333;
	background:#f2f2f2;
}
table .name {
	text-align: left;
}
table.sov tr{
	background: #fff;
}
table.sov tr.alt {
	background: #f2f2f2;
}
table.sov td a {
	display: block;
	font-weight: bold;
}

table.photos {
	width: 99%;
	border-collapse: collapse;
	text-align: left;
	color: #666666;
	line-height: normal;
	font-size: 1em;
}
table.photos caption {
	margin: 0;
	padding: 5px 5px;
	text-align: left;
	border-bottom: none;
	background: #fff;
}
table.photos th, table.photos td {
	margin: 0;
	padding: 5px 5px;
	text-align: left;
	
}
table.photos th {
	color: #333;
	background:#f2f2f2;
}
table .name {
	text-align: left;
}
table.sov tr{
	background: #fff;
}
table.sov tr.alt {
	background: #f2f2f2;
}
table.sov td a {
	display: block;
	font-weight: bold;
}

table.login {
	width: 40%;
	border-collapse: collapse;
	background: #fff;
	text-align: left;
	color: #666666;
	line-height: normal;
	font-size: 1.2em;
}
table.login caption {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
	border-bottom: none;
	background: #fff;
}
table.login th, table.login td {
	margin: 0;
	padding: 8px 10px;
	text-align: left;

}
table.login th {
	color: #333;
	background:#f2f2f2;
}
table .name {
	text-align: left;
}
table.login tr{
	background: #fff;
}
table.login tr.alt {
	background: #f2f2f2;
}
table.login td a {
	display: block;
	font-weight: bold;
}

/* thumbnail rolls */



div.thumbnail-main p {
	position: absolute;
	background: #5bb5ff;
	color: #ffffff;
	display: block;
	padding: 5px;
	font-size: 17px;
	bottom: 50px;	
}

div.thumbnail-main {
	position: relative;
	padding-right: 16px;
}

div.thumbnail-main a img {
	border: 10px solid #ffffff;
	padding: 0px;
}

div.thumbnail-main a:hover img {
	border-color: #333333;
}

div.thumbnail p {
	position: absolute;
	background: #887947;
	color: #ffffff;
	display: block;
	padding: 3px;
	font-size: 11px;
	bottom: 102px;	
}

div.thumbnail {
	position: relative;
	padding-right: 14px;
}

div.thumbnail a img {
	border: 6px solid #ffffff;
	padding: 0px;
}

div.thumbnail a:hover img {
	border-color: #97937f;
}

div.thumbnail-photo p {
	position: absolute;
	background: #454545;
	color: #ffffff;
	display: block;
	padding: 3px;
	font-size: 11px;
	bottom: 10px;	
}

div.thumbnail-photo {
	position: relative;
	padding-right: 14px;
}

div.thumbnail-photo a img {
	border: 6px solid #ffffff;
	padding: 0px;
}

div.thumbnail-photo a:hover img {
	border-color: #333333;
}

img.img-border, div.img-border img {
	border: 1px solid #CCC;
	padding: 1px;
	float: left;
}