/*
-----------------------------------------------------
Default CSS file for [thoughtballoon.co.uk]
Media: screen, projection, print

Notes:	Basic, commonly used style tweaks.
			Please leave as-is if using this stylesheet
			in a project.


Author: Author Name [ email at domain dot tld ]
For: Client [ client.tld ]
-----------------------------------------------------
*/

html,
body,
form,
fieldset {
	margin:0;
	padding:0;
}
body {
	background-color:#fff;
	font-size:76%;
	margin:20px;	/* B */
}
/* Neutralize vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

/* Apply left margin to elements that need it: */
li, dd, blockquote { margin-left:1em; }
ul, ol { margin-left:.5em; }

/* look at IE's handling of OL */

/* Kill image borders */
img { border:0; }

/* Set acronym pointer */
acronym { cursor:help; }

/* Kill <q> quotes (not supported in IE6): */
q:before,q:after{content:'';}

/* de-italicize address,abbr */
address,
abbr { font-style:normal; }

/* TYPE */
/* Font family */
body,
input,
select, 
textarea {
	font-family: 'Trebuchet MS', verdana, geneva, sans-serif; 
}
/* Type modifications - letter spacing, line spacing etc */


/* Text and body formatting*/

img{
	border: 0px;
	}

p
		{
		font-size: 1em;  
		color : #000000; text-align:left; line-height: 1.2em;
		margin-bottom:1em;
		}

h1 		{
		font-size: 1.2em; font-weight: bold; 
		color : #888888; 
		}
		
h2 		{
		font-size: 1.1em; font-weight: bold; 
		color : #888888;
		margin-bottom:1em;
		}
		
h3 		{
		font-size: 1.05em; font-weight: bold; 
		color : #00bfff;
		background: url(../images/pinkdot.gif) right center no-repeat;
		}
		
h4 		{
		font-size: 1em; font-weight: bold; 
		color : #ff00bf;
		background: url(../images/bluedot.gif) right center no-repeat;
		}

b 		{
		color : #000000
		}
		
abbr
		{
		border-bottom: #888888 dotted 1px;
		cursor : help;
		}
		
ul 
	{ 
	margin-left:0px; margin-bottom:0.5em;list-style: circle inside; display:block;
	}

.red { color : #f00;}
.error { background-color : #f00;}
		
/*  The links in general */				

:link    { color: #ff00bf; text-decoration : none }    /* unvisited links */
:visited { color: #ff00bf; text-decoration : none }   /* visited links  #ffafd8 */
:link:hover   { color: #0000A0; text-decoration : underline } /* user hovers     */
:link:active  { color: red; text-decoration : none }   /* active links    */


div.quote p a{
	font-style : italic;
	text-align : right;
}

div.quote{
	padding : 5px 0 0 10px;
	background : url(../images/quote.gif) no-repeat top left;
}

p.caption {
	font-size:0.76em;
}


/* LINKS */

/* The three pseudo-classes required for keyboard navigation */
a:hover,
a:active,
a:focus { text-decoration:underline; }


/* TABLES */
/* Reset table spacing */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Reposition structural table elements */
caption, th {text-align:left;}


/* FORMS */
/* Set label pointer */
label { cursor:pointer; }
/* Consistent font sizes in form elements */
input, select, textarea { font-size:100%; }
/* Kill fieldset borders */
fieldset { border:0; }


/* ACCESSIBILITY STATEMENT */
body.accessibility-statment div#content {
	font-size:2em !important;
}