/* @group Meta */
/*
Author: Rory Fitzpatrick
Project: Margaret Fitzpatrick - Botanical Artist
Date: April 2010
*/
/* @end */

/* @group Reset */
/* Dear Robbie, skip this bit, cheers ;-) */
html,legend{background: #fff; color:#777}
address,blockquote,body,dd,del,dl,dt,div,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,ins,legend,li,map,object,ol,p,pre,table,td,textarea,th,ul{font-size:100%;margin:0;padding:0; vertical-align: baseline;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal}
fieldset,img{border:0}
input,select,textarea{font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
td,th{vertical-align:top}
abbr,acronym,address,b,caption,cite,code,dfn,em,i,input,samp,select,strong,textarea,var{border:0;font-family:inherit;font-style:normal;font-variant:normal}
del,ins{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
q{quotes:none}q:before{content:"\2018"}q:after{content:"\2019"}q q:before{content:"\201c"}q q:after{content:"\201d"}
em{font-style:italic;}

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */
/* @end */

/* @group #grid */

#grid {
    /* Vertical grid lines */
    background: url(images/bg-grid-960.gif) repeat-y 0 0;
    /* Dimensions - same width as your grid with gutters */
    width: 960px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -480px;

}
/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz {
    /* 20px line height */
    height: 19px;
    border-bottom: 1px solid #aaa;
    margin: 0;
    padding: 0;

}

/* @end */

/* @group Clearfix */
.clearfix:after, .container:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* @end */

/* @group Typography */

body {
	font-size: 14px;
	line-height: 20px;
	font-family: Georgia, Times New Roman, serif;
	color: #555;
}

/* @end */

/* @group Headings */

h1, h2, h3, h4, h5 {
	
}

h1 {
	font-size: 2.3em;
	font-weight: 100;
	line-height: 40px;
}

h2 {
	font-size: 1.57em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 19px;
}

h3{}

h4{}

/* @end */

/* @group Links */

a, a:link, a:visited {
	color: #333;
	font-weight: 400; 
	text-decoration: none;
}
a:hover, a:hover {
	border-bottom: 1px dotted #666;
}
a:active {
	position: relative;
	top: 1px;
}

/* @end */

/* @group Layout */

html {
	height: 100%;
}
body {
	min-height: 100%;
}
body .container {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
	position: relative;
}
#header {
	padding-top: 20px;
}
#nav {
	float: left;
	width: 220px;
}
#content {
	float: left;
	margin-left: 20px;
	padding: 20px 0px;
	width: 700px;
}
#footer {
	clear: both;
}

/* @end */

/* @group Backgrounds */

body {
	/*background: #fff url(images/bg.jpg) no-repeat center -200px;*/
	background: #fff url(images/bg.png);
}
#nav a, 
#content {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
}

/* @end */

/* @group Header */

#header {
	margin-bottom: 40px;
}

#header .strapline {
	color: #333;
	font-size: 1.85em;
	font-style: italic;
}

/* @end */

/* @group Navigation */

#nav ul, #nav li {
	list-style: none;
}
#nav a {
	display: block;
	font-size: 1.6em;
	margin-bottom: 10px;
	padding: 5px;
	-webkit-transition: background 1.5s linear;
}
#nav a:hover,
#nav a.selected {
	border-bottom: none;
	background: rgba(255, 255, 255, 1);
	padding-left:7px;
}
#nav a:hover {
	-webkit-transition: all .2s linear;
}
#nav a:active {
	top: 0px;
}

/* @end */

/* @group Content */

#content h1, #content h2, #content h3, #content h4, #content p {
	padding-left: 10px;
	padding-right: 10px;
}
#content p {
	margin-bottom: 20px;
}
#content p:last-child {
	margin-bottom: 0px;
}

/* @end */

/* @group Footer */

#footer {
	padding: 20px 0px;
}
#footer .menu {
	list-style: none;
}
#footer .menu, #footer .copy {
	font-weight: normal;
	color: #000;
}
#footer .menu a, #footer .menu a:link, #footer .menu a:visited {
	margin-right: 20px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}
#footer .copy {
	float: right;
}

#footer .copy a, #footer .copy a:link, #footer .copy a:visited {
	color: #000;
}

/* @end */

/* @group Image Galleries */

.feature a {
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.feature a img {
	opacity: 0.9;
	-webkit-transition: opacity 1.5s linear;
}
.feature a span {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	bottom: 0px;
	color: #666;
	left: 0px;
	padding: 10px;
	position: absolute;
	-webkit-transition: background 1.5s linear;
}
.feature a:hover {
	border-bottom: none;
}
.feature a:hover img {
	opacity: 1;
	-webkit-transition: opacity .2s linear;
}
.feature a:hover span {
	background: rgba(255, 255, 255, 0.9);
	-webkit-transition: background .2s linear;
}
.feature a:active {
	top: 0px;
}

#homepage .feature {
	margin-bottom: 20px;
}
#homepage .feature a, 
#homepage .feature {
	height: 500px;
	width: 680px;
}
#homepage .feature a span {
	font-size: 2.2em;
	text-align: right;
	width: 660px;
}
#homepage .feature li {
	display: none;
}
#homepage .feature li:first-child {
	display: block;
}

#gallery, 
#gallery li
#featured, 
#featured li {
	list-style: none;
}
#gallery li {
	float: left;
	margin-left: 20px;
	position: relative;
	width: 220px;
}
#gallery li:nth-child(3n+1), #gallery .ie-clear {
	clear: left;
	margin-left: 0px;
}
#gallery a span {
	text-align: center;
	width: 200px;
}

/* @end */