/* @override 
	http://twinfishdesign.com/?css=frontpage/basic.v.1231540359
	http://twinfishdesign.com/?css=frontpage/basic.v.1231542429
	http://twinfishdesign.com/?css=frontpage/basic.v.1231543606
*/

/*Styles for the 2009 Yes-We-Can version of TwinFish Design
version 1.0 change date Fri 9th Jan 09
----------------------------------------------*/

/*Global styles
---------------*/

p, ul, li, a {	
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Sans-serif;
	font-weight: lighter;
	font-style: normal;
	margin: 0;
}

/*masthead*/

#mast {
	position: relative;
	width: auto;
	height: 170px;
	background: url(../assetts/mast_bckgrd_3.png) repeat-x;
	z-index: 10;
}

#logo {
	position: absolute;
	top: 0px;
	z-index: 0;
}

/*Generic styles
----------------*/

html {
	background-color: #000;
}

body {
	margin: 0;
	background: #fff url(../assetts/mast_bckgrd_3.png) repeat-x;
}

#wrap {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}
	
#contentwrap {
	position: absolute;
	left: 40px;
	background-color: #000;
}

#banner {
	position: relative;
	width: 700px;
	height: 250px;
	border-bottom: 1px solid #6c0;
}

#maincontent {
	float: right;
	width: 390px;
	margin-top: 5px;
}

#footer {
	clear: both;
	padding-left: 312px;
	padding-top: 15px;
}

.eng {
	width: 390px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #6c0;
}

.fr {
	width: 390px;
	margin-top: 10px;
}

#sidebar {
	float: left;
	width: 208px;
	margin-top: 5px;
}

#sidebar #ff {
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}

.partners {
	border-bottom: 1px dotted #6c0;
}

/*Navigation goes here*/

#nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*lowers nav bar 1px in ie6 */

* html #nav {
	bottom: 0px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#nav li {
	float: left;
	background: transparent;
	padding-left: 5px;
}

#nav a {
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	height: 25px;
	float: left;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	background-color: transparent;
	color: #fff;
}

#nav a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #000;
}

#home .home a,
#who .who a,
#what .what a,
#fish .fish a,
#journal .journal a,
#contact .contact a {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}



/* 
OLD NAV
----------



info: the link image and the hover image are part of the same image file. Therefore there is no lag in loading the hover image. All that happens on the hover state is the background moves over and the other hover state uses the original image with the hover section on it - which is already loaded into cache */


/*
#nav li {
	float: left;
	background: url(../assetts/nav1.png) no-repeat 0 0;
}

#nav li:hover {
	background-position: -8px 0;
}

#nav .contact {
	padding: 0 0 0 8px;
	background: url(../assetts/nav1_con.png) no-repeat 0 0;
}

#nav .contact a {
	background: url(../assetts/nav2_con.png) no-repeat 100% 0;
}

#nav .contact:hover a {
	background-image: url(../assetts/nav1_con.png);
}

#nav a {
	display: block;
	padding-left: 3px;
	padding-right: 12px;
	line-height: 2.5em;
	background: url(../assetts/nav2.png) no-repeat 100% 0;
	text-decoration: none;
	color: white;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	float: left;
}

#nav li:hover a {
	background-image: url(../assetts/nav1.png);
}
*/ 

/*images*/

#maincontent img {
	margin-top: 10px;
}

#banner img {
	margin-top: 10px;
	margin-bottom: 10px;
	outline: none;
	border: none;
}

/* Lists */

.fr ul {
	margin-top: 0px;
}

.fr li {
	color: #fff;
	padding-left: 15px;
	list-style-type: square;
	font-size: 0.8em;
	line-height: 1.5em;
}

#sidebar ul {
	margin-top: 10px;
	margin-left: 0;
	list-style: none;
	padding: 0;
}

#sidebar li {
	margin-bottom: 4px;
}

/*Home page specific styles
---------------------------*/

#fw {
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}

/*this bit targets the correct part of the list - whether in French fffr or english ffuk*/

#sidebar #ff .fffr a {
	color: #6aadc9;
	display: block;
	width: 175px;
	height: auto;
	padding-left:10px;
	text-decoration: none;
	line-height: 130%;
}

#sidebar #ff .fffr a:hover {
	text-decoration: underline;
}

#sidebar #ff .ffuk a {
	color: #6c0;
	display: block;
	width: 175px;
	height: auto;
	padding-left: 10px;
	text-decoration: none;
	line-height: 130%;
}

#sidebar #ff .ffuk a:hover {
	text-decoration: underline;
}

/* What page styles
------------------*/

.folio {
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}

#what_img img {
	display: block;
	margin-bottom: 15px;
	border: 4px solid #ccc;
}

/* image that appears on the detail page*/

#folio_img img {
	margin-bottom: 5px;
	margin-right: 5px;
	border: 4px solid #ccc;
	
}

/*Portfolio detail styles
------------------------*/

.sidebarport {
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}


/*Blog page styles
-----------------*/

.bs {
	border-bottom: 1px dotted #6c0;
}

.blog img {
	display: block;
	margin-right: 5px;
	margin-top: 5px;
}

.posted {
	display: block;
	margin-top: 0px;
	margin-bottom: 4px;
	height: 1em;
	font-size: 0.8em;
}

/*Contact page styles
-----------------*/

.address {
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}

/* Form styles
---------------*/

fieldset {
	padding: 10px;
	border: 1px solid #B7E787;
	width: 370px;
	margin: 5px 0;
}

legend {
	font-weight: bold;
	font-family: sans-serif;
	color: #66CC00;
}

label {
	display: block;
	font-family: sans-serif;
	font-size: 0.9em;
}

input:focus, textarea:focus {
	background: #ffc;
}

input {
	width: 300px;
}

textarea.message {
	width: 300px;
	height: 150px;
}

/*Fish Food Feed page styles
---------------------------*/

#fishfood {
	width: 490px;
}

/*text styles
-------------*/

p {
	color: #3f3f3f;
	margin-top: 3px;
	margin-bottom: 7px;
}

#maincontent p,
#maincontent-home p {
	font: 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

#footer p {
	font-size: 0.8em;
	color: #fff;
	position: absolute;
	right: 0;
}

#sidebar.vcard p {
	font: 0.8em/1.3em Helvetica, Verdana, Arial, Sans-serif;
	margin: 0;
	color: #fff;
}

.partners p {
	font: 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

.sidebarport p {
	font: 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.fr p {
	color: #3f3f3f;
}

h1{
	font-size: 1.6em;
	margin-bottom: 5px;
	color: #66cc00;
}

h1.uk {
	color: #66cc00;
	margin-bottom: 3px;
}

h1.ft {
	color: #6aadc9;
	margin-bottom: 3px;
}

h2 {
	font-size: 1.2em;
	color: #66CC00;
	line-height: 120%;
	margin-bottom: 0px;
	
}

* html h2 {
	font-size: 1.2em;
	color: #66CC00;
	line-height: 120%;
	margin-bottom: 5px;
}

.fr h1, .fr h2, #fishfoodfr h2 {
	color: #6aadc9;
	margin-bottom: 0px;
}

.eng h2, #fishfooduk h2 {
	color: #66cc00;
}

h3 {
	color: #d0d0d0;
	line-height: 120%;
	margin-bottom: 4px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.1em;
}

.address h3 {
	margin-top: 10px;
}

h4 {
	font-size: 0.8em;
	color: #66CC00;
	line-height: 120%;
	margin-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
}

#sidebar h4 {
	width: 94px;
	height: 18px;
	position: relative;
	padding-left: 10px;
	margin-top: 10px;
}

#sidebar h4 span {
	background: url(/assetts/ff_rep.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: 10px;
}

.ads_title {
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#sidebar .hcard {
	text-indent: 35px;
	background: url(/assetts/vcard.jpg) no-repeat left center;
}

#sidebar .hcard a {
	line-height: 30px;
}

/*link styles
--------------*/

#sidebar a img, #maincontent a img {
	border: 4px solid #E0E0E0;
	outline: none;
}

#sidebar a:hover img, #maincontent a:hover img {
	border-bottom: 4px solid #6c0;
}

.folio a img {
	width: 2.9em;
	height: 2.9em;
}

#logo a img {
	outline: none;
	border: 0;
}

#homelink {
	display: block;
	width: 208px;
	margin-top: 5px;
	border-bottom: 1px dotted #6c0;
	padding-bottom: 5px;
}

#homelink a {
	display: block;
	height: 1.2em;
}

#sidebar a, #ads a, #ads img{
	border-style: none;
	font: 0.9em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sidebar #ff a, #sidebar .bs, #sidebar .rss a  {
	font: 0.7em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #66CC00;
}

a:hover {
	text-decoration: underline;
}

#maincontent h1 a {
	text-decoration: none;
	background: url(/assetts/link_hover.gif) repeat-x left bottom;
}

#maincontent h1 a:hover {
	text-decoration: none;
	background: none;
}

#sidebar .rss {
	text-decoration: none;
	background: url(/assetts/ff-rss.png) no-repeat 10px center;
	text-indent: 21px;
	height: 20px;
	padding-left: 10px;
}

#sidebar .rss a {
	line-height: 20px;
	color: #666;
}

/* HDR Gallery */

#comment_form p input {
	display: block;
	width: 390px;
}

#comment_form p textarea {
	display: block;
	width: 390px;
}

#ff li.cd {
	font-size: .7em;
	padding-left: 8px;
}

/* FishMail page
--------------*/

#fishcontent .eng {
	width: 700px;
}

#fishcontent div#frlink.fr {
	width: 700px;
	margin-top: 0px;
}

#fishcontent p {
	font: 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

#fishcontent div.eng div.fmcap {
	float: left;
	width: 233px;
}

#fishcontent div.eng div.fmcap p {
	width: 200px;
	font-size: 12px;
	color: #96c251;
	font-weight: bold;
}


/*yes-we-can*/

#maincontent-home div.sectionuk,
#maincontent-home div.sectionfr {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #6c0;
}

.sectionuk p,
.sectionfr p {
	color: #fff;
}


.sectionuk a,
.sectionfr a {
	text-decoration: underline;
}

.sectionuk a:hover,
.sectionfr a:hover {
	text-decoration: none;
}

.sectionuk h1,
.sectionuk h2 {
	color: #6c0;
	margin-top: 10px;
}

.sectionfr h1,
.sectionfr h2 {
	color: #6aadc9;
}

ul#ywc li {
	list-style-image: url(../news-assetts/tick.png);
	margin-bottom: 10px;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style-type: none;
}

ul#nope li {
	list-style-image: url(../news-assetts/nope.png);
	margin-bottom: 10px;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style-type: none;
}

h1 {
	font-style: normal;
	font-weight: normal;
	color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#maincontent-home div.eng-alt,
#maincontent-home div.fr-alt {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #6c0;
}

#maincontent-home h1 {
	color: #6c0;
	margin-top: 15px;
}

#maincontent-home div.fr-alt h2 {
	color: #6aadc9;
}


#fishcontent h1 {
	font-size: 1.6em;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #66cc00;
}

#fishcontent div.eng h1 {
	margin-top: 0px;
	color: #fff;
	font-size: 1.3em;
}

#fishcontent #frlink h1 {
	color: #6aadc9;
}