/*
   SITE: gilchrist.co.uk
   FILE: default.css
   GEEK: Phil Sherry
   DATE: 2009-09-17
   
   Copyright 2009 Fawthrop McLanders. All rights reserved.
*/

body { font: normal 62.5%/1.5 "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; }

/* I can't remember a time when these weren't red? */
.error, .required { color: #f00; }

/* kills the italics in some browsers */
address { font-style: normal; }

.block { display: block; }

/* Some browsers have problem inhereting font properties to these elements
	this should obviously be the same font-family as specified for the body */
th, td, input, select, textarea {
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
}

/* Make all elements margins behave the same */
p, pre, blockquote, fieldset, table, ul, ol, dl {
	margin-bottom: 1em;
	margin-top: 0;
}

/* no link borders or underlines */
a { text-decoration: none; }

a img {
	border: none;
	text-decoration: none;
}

/* Firefox outlining floated elements is not pretty */
button, a { outline: none !important; }

.lower { text-transform: lowercase; }

.hide_text { text-indent: -31337px; }

.hide { /* using both as detailed here: http://juicystudio.com/article/screen-readers-display-none.php */
	display: none; 
	visibility: hidden;
}

abbr, acronym {
  cursor: help;
  border-bottom: 1px dashed #000;
}

/* dl, dt, dd, ul, li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
} */

ol, ul { list-style-position: inside; }

/* we'll be controversial and leave list styling as-is,
	but use the following to remove styles where needed -- */

.no_bullets {
	list-style-type: none;
	margin: 0;
}

.flush_left li {
	margin-left: 0;
	padding-left: 0;
}

.inline_list li {
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
	width: auto;
}

blockquote { 
	border-left: 10px solid #3f5272; 
	clear: both;
	color: #000;
	margin-bottom: 30px;
	padding-left: 15px;
}

cite {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px 25px;
}

hr {
	border: 0;
	border-bottom: 1px solid #666;
	height: 1px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/* ------------------------------------------------------------------------------- typography --*/

/* Make sure h1..h6 are the same size in all browsers */
h1, h2, h3, h4, h5, h6 { margin: 0; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }


/* wouldn't like the text size to increase in nested lists would we? */
li li { font-size: 1em; }

/* ------------------------------------------------------------------------------- forms --*/

label { display: block; }

label.inline { display: inline; }

fieldset { 
	border: 0; 
	padding: 0;
}

select,
input.text,
input.radio,
input.checkbox,
input.submit { margin-bottom: 1em; }

.login fieldset {
    margin:0;
    padding:0;
    border:0;
    background:none;
}
form.login input.submit {
    margin:-2px 0 0;
    display:inline;
    vertical-align:middle;
}
.login input.text {
    margin:0;
}

select, textarea { background: #fff; }
input.radio, input.checkbox { background: transparent; }
input:focus, textarea:focus { background: #ffffd3; color: #000; }

/* mostly cause of firefox fades it out to white otherwise */
input.text, textarea { border: 1px solid #999; }

/* ------------------------------------------------------------------------------- clear method 
									source: http://www.positioniseverything.net/easyclearing.html --*/

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clear { height: 1%; }

.clear { display: inline-block; }

/* Hide from IE Mac \*/
.clear { display: block; }
/* End hide from IE Mac */