/* Author: Luke Summers */

/* Add background to centre column */
#column { background-color: #FFFFFF;
	z-index: 8;
	min-height: 100%;
	min-width: 700px;
	border-right-style: ridge; border-right-width: 5px; border-right-color: #000000;
	border-left-style: groove; border-left-width: 5px; border-left-color: #000000;
	border-bottom-style: ridge; border-bottom-width: 5px; border-bottom-color: #000000;}

/* Leave some space on the side using the margin-* properties */
#column { margin-left: 166px; padding-left: 50px; margin-right: 166px; padding-right: 50px;}

/* Set width of main content */
#mainContent { max-width: 960px; }

/* Push up or down column contents */
#mainContent { margin-top: 138px; }

/* Add background colour and image to whole page*/
#pagebody { background-color: #FFFFFF;
	background-image: url(../graphics/other/blackandwhitewood.jpg);
	background-repeat: repeat; }
	
/* Add background colour to top row */
#row1 { background-color: #FFFFFF;
	padding: 0px;
	left: 0px;
	margin: 0px;
	height: 170px;
	min-width: 100%; }

/* Add background colour and image to links bar, set dimensions */
#linksbar { margin-top: 160px; background-color: #333; height: 22px; width: 100%; }
#linksbar { background-image: url(../graphics/other/greyshades.gif); }
#linksbar { margin-left: 0; padding-left: 0px; }
.menu { min-width: 720px; padding-top: 2px; }

/* Position menu */
.menu { margin-left: -40px;}

/* Move header image up or down */
#row1  { background-image: url(../graphics/other/islaywhiskiesheaderlowerquality.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: -15px;
	z-index: 3; }

/* CREATE FIXED HEADER SECTION */

/* Set top row to be fixed in place */
#row1 {
	position: fixed; }

/* DIV CLASS TO USE FOR ADDING BORDERS TO IMAGES */
.border { border-style:ridge; padding: 15px; border-width:7px; border-color:#000000; }

/* DIV CLASS TO USE FOR FLOATING IMAGES AROUND TEXT */
img.floatLeft { 
    float: left; 
    margin: 4px; }

	
#featurewhiskytitle {
	font-family: trebuchet ms; font-size: 1.10em; font-weight: bold; }

#islaywhiskiesrating { 
    float: left; 
    margin-left: 7px; }

#otherrating { 
    float: left; 
    margin-left: 7px; }

/* DIV CLASS TO USE FOR FLOATING IMAGES AROUND TEXT - WITH BORDER*/
img.floatLeftwithBorder { 
    float: left; 
    margin: 4px;
	border-style:ridge; padding: 0px; border-width:4px; border-color:#996633; }

/* SPACING ELEMENTS */

/* Set some space between page title and 'textblocks' */
#pagetitle {
	padding-top: 40px;
	margin-bottom: 50px; }

/* Set some space between 'textblocks' */
#textblock {
	margin-top: 30px; }

/* Set some space for 'miscblocks' */
#miscblock {
	margin-top: 40px; }

/* Set some space for the feature whisky block */
#featurewhisky {
	margin-top: 45px;
	margin-bottom: 280px; }

/* Set some space for misc subheadings */	
#miscsubheading {
	margin-top: 20px; }

/* Set some space for misc headings */	
#mischeading {
	margin-top: 30px; }

/* DIV CLASS TO PLACE SPACE AT THE BOTTOM OF EACH WHISKY PRODUCT */
#whiskyproduct { margin-bottom: 120px; }

/* DIV CLASS TO PLACE SPACE AT THE BOTTOM OF EACH WHISKY PRODUCT */
#featurewhiskyproduct { margin-bottom: 39px; }

/* Set some space around facebook badge */
#facebookbadge {
	margin-top: 50px; }
	
/* Set some space between 'textblocks' and the navigation menu */
#textnavmenu {
	margin-top: 50px; }


/* SHOP - LINKS ROLLOVER EFFECT */

/* Preload link / rollover images */
#shoplink {
	background: url(../graphics/links/buyislaywhiskiesmover.png) no-repeat -9999px -9999px; }
#buylink {
	background: url(../graphics/links/buymover.png) no-repeat -9999px -9999px; }

/* Configure links menu and rollover effect */
.menu1 {
	margin: 0;
	padding: 0;
	width: 129px;
	max-width: 129px;
	list-style: none;
}
.menu1 li {
	display: block;
	padding: 0;
	margin: 0;
	height: 35px;
	padding-bottom: 2px;
	max-width: 129px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu1 li a, .menu1 li a:visited {
	display: block;
	max-width: 129px;
	text-decoration: none;
	height: 35px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
}
.shoplink a {background-image: url(../graphics/links/buyislaywhiskies.png);}
.shoplink a:hover {background-image: url(../graphics/links/buyislaywhiskiesmover.png);}

.menu2 {
	margin: 0;
	padding: 0;
	width: 85px;
	max-width: 85px;
	list-style: none;
	float: left;
}
.menu2 li {
	display: block;
	padding: 0;
	margin: 0;
	height: 23px;
	padding-bottom: 2px;
	max-width: 85px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu2 li a, .menu2 li a:visited {
	display:block;
	max-width: 85px;
	text-decoration: none;
	height: 23px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
}
.buylink a {background-image: url(../graphics/links/buy.png);}
.buylink a:hover {background-image: url(../graphics/links/buymover.png);}

.menu3 {
	margin: 0;
	padding: 0;
	width: 85px;
	max-width: 85px;
	list-style: none;
}
.menu3 li {
	display: block;
	padding: 0;
	margin: 0;
	height: 23px;
	padding-bottom: 2px;
	max-width: 85px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu3 li a, .menu2 li a:visited {
	display:block;
	max-width: 85px;
	text-decoration: none;
	height: 23px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
}


/* Set some space between advertisement and intro text */	
#horizontaladvertisement {
	margin-top: 20px; }

/* Set minimum space between 'textblocks' and the footer */
#footer{
	margin-top: 50px; }

/* FORMAT MAIN CONTENT TEXT */
#column
{ font-family: arial; font-size: 0.80em; }

/* FORMAT PAGE TITLE */
#pagetitle
{ font-family: trebuchet ms; font-size: 1.10em; font-weight: bold;}

/* FORMAT HEADING 1 */
h1 { font-family: trebuchet ms; font-size: 1em; font-weight: bold;}

/* FORMAT HEADING 2 */
h2 { font-family: trebuchet ms; font-size: 1em; font-weight: bold;}

/* FORMAT HEADING 3 */
h3 { font-family: trebuchet ms; font-size: 1em; font-weight: bold; font-style: italic;}

/* FORMAT INTRODUCTION (MIDDLE COLUMN) */
#intro
{ font-family: trebuchet ms; font-size: 1em; font-weight: bold;}

#outro
{ font-family: trebuchet ms; font-size: 1em; font-weight: bold;}

/* FORMAT LINKS (TOP ROW) */
#links
{ font-family: arial, times, serif; font-size: 0.80em; font-weight: bold; color: #FFFFFF;}

/* FORMAT WHISKY REVIEW END NOTES */
#reviewnotes { font-style: italic; }

/* FORMAT FOOTER SECTION */
#footer { font-family: trebuchet ms; font-size: 0.90em; }

/* FORMAT TEXT NAVIGATION MENU SECTION */
#textnavmenu { font-family: trebuchet ms; font-size: 0.90em; }

/* Center footer */
#footer { /*text-align: center;*/ color: #666666; }


/* FORMAT HYPERLINKS AND ACRONYMS */

/* Customise hyperlinks */
img{border:0}
a:link { text-decoration: none; color: #blue; }
a:visited { text-decoration: none; color: #blue; }
a:hover, a:active { text-decoration: none; color: #blue; }

/* Remove 'dotted lines' on links */
a:active, a:focus {
outline:0; /* for browsers that understand */
}

/* Remove dotted underline on 'acronyms' */
abbr, acronym, .help { border-bottom: 0px dotted #333; cursor: help; }

/* Add underline on hover to text navigation menu */
#textnavmenu a:hover { text-decoration: underline; }

/* Add underline on hover to any link in the main content area */
#mainContent a:hover { text-decoration: underline; }

/* Add underline on hover to any link in the links bar area */
#links a:link { text-decoration: none; color: #FFFFFF;}
#links a:visited { text-decoration: none; color: #FFFFFF;}
#links a:hover, a:active { text-decoration: none; color: #DD0000;}