/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/grid.css';
@import 'src/forms.css';


body { 
  font-family:Arial, Helvetica, sans-serif;
}


/* CONTENT ELEMENTS
-------------------------------------------------------------- */

.container {width:850px;}

#content {position:relative; border:#000 1px solid; padding:20px 0 10px 0}

.span-20 { width: 810px; margin-left:20px; }
.span-21 { width: 850px;}
.span-11 {width: 450px; }

p {line-height:1.2em; }

a {color:#FF0000; text-decoration:none; }
a:hover {color:#000000; }

h2, h1 {color: #FF0000; line-height:1.1em; padding: 0 0 0 20px; margin-bottom:1em; font-size:2.5em;}

/* HEADER
-------------------------------------------------------------- */

#logo {height:72px; background:url(../img/kitchenstop-logo.gif) 20px 0 no-repeat;}



/* TOP NAVIGATION
-------------------------------------------------------------- */

#top-nav { margin-bottom:18px;}

ul.tabs { margin: 0; padding: .5em 0 .5em 0; border-top:#FF0000 1px solid; border-bottom:#FF0000 1px solid;}
ul.tabs li { float: left; list-style: none; margin: 0 23px 0 0; padding: 0; }
ul.tabs li a { float: left; display: block; }
ul.tabs li { font-size: 1.2em; line-height: 1; margin-bottom: 0;}

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

ul.tabs li a {color:#FF0000; text-decoration: none;}
ul.tabs li a:hover {color:#000; text-decoration: none;}

.tabs .selected a {color:#000; }

ul.tabs li.no-pad { float: right; margin: 0 2px 0 0;}

ul.tabs li.pad-it{ margin-left: 1px;}



/* FOOTER
-------------------------------------------------------------- */

#footer { padding: .5em 0 .5em 0; border-top:#FF0000 1px solid;}

#footer h4 {color:#FF0000; font-weight:bold; margin:0;}

.right-float {float:right; }



/* COLOURS
-------------------------------------------------------------- */

p span {color:#FF0000; }

p.right-pad {padding-right:20px; }

p.credits {color:#999999; padding-top:.5em; }

p.red  {color:#FF0000; }



/* FLASH BLOCKS
-------------------------------------------------------------- */

#home {height:432px; margin-bottom: 18px;}

#single-col {height:432px; width:175px; margin-bottom: 18px;}


/* LEFT CONTENT
-------------------------------------------------------------- */

#left-col p {padding: 0 60px 0 20px; }

#left-col h3 {padding: 0 0 0 20px; color:#FF0000;}

#left-col h4 {padding: 0 0 18px 20px; color:#FF0000;}

#left-col ul { margin: 0 0 1.2em 0; padding: 0 0 0 20px; }

#left-col li { list-style: none; margin: 0 ; padding: 0; line-height:1.2em;}


div.span-16 {margin-right:25px; }

.span-4 {width:175px; }

#left-col .span-3 p {padding:0 0 0 0; }

.span-8 {width:300px; }

.pad-left {margin-left:20px; height:126px;}

#heading {height:72px; }

#heading h1 {padding:0 0 0 20px; margin:0 0 0 0; }

.marg-left {margin-left:20px;}

#full-des {width:140px; }

p.reg {padding: 0 0 0 20px; font-size:1em; margin-top:20px;}


/* FORMS
-------------------------------------------------------------- */


label       { font-weight: bold; }
fieldset    { padding:0 0 0 0; margin: 0 0 0 0; border: none; }

fieldset p {margin: 0 0 8px 0; padding: 0 0 0 0; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:2px 0 0 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}


textarea {
  width: 300px;
  height: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.1em;
  color:#666;
  padding:3px; 
}

input {
  width: 300px;
  color:#666;
  font-size:1.1em;
}

.search_button {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
	width: 80px;
	height: 24px;
	
	background-image:url(../img/submit.gif);
	background-repeat: no-repeat;
	border: 0px;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#FF0000;
}

input.text, 
input.title   { width: 300px; padding:3px; }
input.title   { font-size:1.5em; }



#six {position:absolute; left:425px; top:340px; width:100px; height:100px; }