/* Irish Linen Company stylesheet
Author: Ech Design
Url: http://echdesign.co.uk
Date: 2006
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
padding:10px; /* to add a little white space */
text-align:center;
font-family: arial, times new roman;
font-size:0.55em; /* was 85% */
color:#000;
background: url('images/wallpaper.jpg') 
 top left fixed;
}
p {
margin:10px;
margin-left:0px;
line-height:1.5em; /* was 1.25em */
font-size:1.2em;
}
p.red {
color: red;
}
small {
font-size:0.9em;
}
strong {
color:#004801;
font-weight:bold;
}
td {
font-size:1.2em;
}


h1 a:link  {
border:none;
}

h1 a:visited  {
border:none;
}
h2 {
width:310px; /* was 100% */
margin-bottom:10px;
margin-top:0px;
font-family: georgia, arial, helvetica;
font-size:220%;
color:#004801;
line-height:130%;
}
h3 {
font-family: georgia, arial, helvetica;
font-size:220%;
color:#004801;
 margin-top:0px;

margin-left:0px;
margin-right:10px;
margin-bottom:10px;
line-height:130%;
}
h4 {
font-size:150%;
clear:left;

line-height:150%;
font-family: georgia, arial, helvetica;
width:320px;
text-align:left;
}
h4 a {
margin-left:10px;
}


a:link {
color:#004801;
text-decoration:none;
font-size:1.0em;

}
a:visited {
color:#004801; /* might want to change this at some point */
text-decoration:none;

}
p a:link {
border-bottom:1px solid #004801;
}
p a:visited {
border-bottom:1px solid #004801;
}
a:hover {
color:#4d842d;
/* border-bottom:2px solid #4d842d; */
}
p a:hover {
color:#4d842d;
border-bottom:2px solid #4d842d;
}
a img {
border:none;
}
#contentwrapper {
text-align:left;
width:807px;
margin-left:auto;
margin-right:auto;
background:#FFF;
padding:15px;
border-right:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
}
#header {
	background: no-repeat left top;
	margin-bottom:10px; /* pushes the content down a little way */
	height: auto;
}
#header img {
	margin-left: 0px;
}
#header ul {
	padding-left:15px;
	margin-top:2px;
	border-color: #014401;
	background-color: #014401;
}
#header li {
display:inline;
line-height:24px;
border-right:1px solid #FFF;
padding-left:1.0em;
padding-right:1.0em;
font-family:georgia, arial;
}
#header li.last {
border-right:none;
}
#header a {
font-size:1.2em;
}
#header a:link {
color:#FFF;
text-decoration:none; /* may be able to remove this as I've taken the underline off all links */
}
#header a:visited {
color:#FFF;
}
#header a:hover {
color:#4d842d;
border:0;
}
#header li#active a:link {
color:#bee181;
}
#header li#active a:visited {
color:#bee181;
}

#left {
/* width:350px; MIGHT REMOVE */

}

#home {
/* min-height:423px; */
}
#home img {
float:right;
margin-top:0px;

margin-bottom:50px; 
margin-left:15px;
}
#home img#reduce {
margin-bottom:20px;
}
#text  {
float:left;
width:310px;
padding-bottom:10px;
}
#container {
width:474px;
float:right;
}
#news {

border-top:1px dashed #004000;
clear:both;
padding-top:8px;
}
#news strong {
font-size:1.1em;
font-family:georgia, arial;
}
.post {
float:left;
width:250px;
margin-right:10px;
margin-top:-5px;
}
#rightflash {
border:1px solid #EEEEEE; /* #004801 */;
float:right;
margin-left:0px;
margin-top:0px;
margin-bottom:48px; /* 2pixels smaller than the other images for some reason, maybe because of the border */

}
#rightflash object {
width:474px;
height:339px;

}

#main_out {
float:right;
margin-top:5px;
margin-left:15px;
margin-bottom:20px;
}
#main_out img { /* necessary to stop the img in the contact form messing things up */
float:none;
margin:0px;
}
.descript { /* should control the font size on the contact form */
font-size:1.0em;
}
.error_in {
color:red;
}
#content {
position:relative;
margin-bottom:15px;
min-height:450px; /* prevents clipping on short pages */
/* width:808px; */
}
#content p {
position:relative;
top:0px;
width:300px;
}
/* .contents img {
float:right;
margin-top:13px; /* pushes the image down onto the bottom border 
} 
img.asterisk {

position:absolute;
left:350px;
top:102px;
}
*/
ul#imagegallery {

 width:331px;
/* float:left; */
margin-top:0px;
margin-left:0px; /* not sure why this is needed but the thumbnails are indented by 1px */
margin-bottom:25px;

}

ul#imagegallery li {
float:left;
list-style-type:none;
margin-right:8px;
margin-bottom:8px; /* was 10 */
width:102px;
font-size:1.2em;
font-weight:bold;
position:relative;
z-index:5;
}
ul#imagegallery li img {
display:block;
border:1px solid #EEEEEE;
}
ul#imagegallery li a:hover {
text-decoration:underline;
}

img#placeholder {
/* float:left; */

position:absolute;

top:0px;/* was -90px */
right:0px;
 width:474px;

 border:1px solid #EEEEEE; 

}
p#description {
/* fudging the position of this with css consider changing to absolute position with content div positioned relatively */

position:absolute; 
 top:340px; 
right:0;
width:464px;
z-index:3;
text-align:center;
height:80px; /* to standardise this measurement */

/* width:300px;*/
font-weight:bold;
font-family:georgia, arial;
font-size:1.6em;
}

#footer {
clear:both;
background: url('images/footer.jpg')
top left no-repeat;
text-align:left;
margin-top:0;
position:relative;
height:70px;
}
#footer p {
position:absolute;
top:40px;
}
#footer img {
position:absolute;
top:0px;
left:350px;
margin-bottom:-10px;
}
/*
#footer img {
position:relative;
top:-70px;
left:350px;
margin-bottom:-10px;
}
*/

#footer p img {
position:relative;
top:-5px;
left:0;
margin-left:0;
}


.vanish { 
display:none;
}