/* 
For:		adamwilson.info
Started: 	['5 May 2008 19:49:08 BST']
Finished:	['']
Amended: 	['7 April 2009 20:40:38 BST']
Colors: BackgroundBlue #F0F2FF
Purple #6B30FF
Lighter purple #808DFF
Darkest Grey #282828
Dark Grey #4F4F4F 
Light Grey #777777 
*/
@font-face {
	font-family:"Gorilla Milkshake";
	src: url(../fonts/GorillaMilkshake.otf) format("opentype");
}

@font-face {
	font-family: 'Gorilla Milkshake B';
	src: url('../fonts/GorillaMilkshake.eot');
}

*{
padding:0px;
margin:0px; 
font-weight:normal; 
text-decoration:none;
font-family:univers, arial,verdana,san-serif;
}

html{color:#000;
	background:#F0F2FF;

}


body{
font-size:72.5%;
background-image:url(../images/whiteblock.gif);
background-repeat:repeat-x;
background-position:0em 4em;
}

/*--- MAJOR BOXES ---*/

#container{ margin:auto; width:75em; position:relative;}
#container.small {width:45em; }
#header{ background: url('../images/head.gif') no-repeat; height:9.5em; float:left; width:100%;}

#content{ width:60%; float:left; /*border:1px solid blue;*/ margin-bottom:2px;}
#content.big{ width:100%;}
#rightcolumn {width:30%; float:left; /*border:1px solid red;*/ margin:0 0 0 5%; }
#navigation{ clear:both; height:2.5em; /*border:1px solid red;*/ margin-top:4em;}

#footer{ clear:both; width:63%;height:3em; }

/*--- MINOR BOXES ---*/
.hundred {width:100%;  float:left; margin:0 2% 10px 0%;}
.ninety {width:98%;  float:left; margin:0 2% 10px 0%;}
.twenty {width:12%; border:1px solid #808DFF; float:left; margin:0 2% 10px 0%;}
.forty {width:40%;  float:left; margin:0 2% 10px 0%; }
.thirty {width:30%;  float:left; margin:0 2.5% 10px 0%; }
.last{ clear:right; float:right; border:0px; }
.clearer{clear:both;}

.fright{float:right;}
	.fleft{float:left;}
	
#rightcolumn span{ display:block; /* border:1px solid red; */ text-align:right;}
#rightcolumn .forty {margin-bottom:3px; text-transform:uppercase; color:#808DFF;}
#rightcolumn{}
.bigpicture{background-color:#fff; border:1px solid #808DFF;}
.bigpicture img{margin:6px;}

.speechbubble{
	background: url('../images/head.gif') no-repeat 0% 100%;
	min-height:120px;
	margin:4em auto;
	width:50%;
	background-color:#F0F2FF;
	


}
.speechbubble>div{margin-left:10em; padding:.5em; border:1px solid #808DFF;
	box-shadow: 10px 10px 5px #808DFF;
-o-box-shadow: 10px 10px 5px #808DFF;
-icab-box-shadow: 10px 10px 5px #808DFF;
-khtml-box-shadow: 10px 10px 5px #808DFF;
-moz-box-shadow: 10px 10px 5px #808DFF;
-webkit-box-shadow: 10px 10px 5px #808DFF;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
/*--- TABLES ---*/

table{font-size:inherit; font-size:100%;border-collapse:collapse;border-spacing:0;}

tfoot{}

thead{}

tr{}

th{}

td{}

caption{}

/*--- LISTS ---*/
ol,ul,dl{margin-left:1em;}

/* ordered lists */
ol{}
ol li{list-style: decimal outside;}

/* unordered lists */
ul{}
ul li {}

/* document lists */
dl{}
dt{}
dd{}

/*--- NAVIGATION ---*/
a.skip-to-content-link{ position:absolute; top:0em; right:19em; background-color:#fff; padding:.5em;   }
#navigation h1{ float:left; width:45%; margin-left:18%; /*background: url('../images/title.jpg') no-repeat;*/ padding-bottom:.15em;}
#container.small #navigation h1 {margin-left:24%; width:70%; }
#navigation span{/*position:absolute; left:-9999px;*/}
#navigation ul{ float:left; margin-left:2%; margin-top:1em;}
#navigation ul li{ list-style-type:none; float:left;}
#navigation ul li a{padding:0 .25em 0 0; font-size:1.1em;}
#navigation a{}

/*--- HEADINGS ---*/

h1,h1 span, h2,h3,h4,h5,h6,h7,h8,h9{padding-top:.25em;line-height:1em; margin:0em 0 0.25em 0;font-family:"Gorilla Milkshake", "Gorilla Milkshake B", Georgia,"times new roman", serif;
}

h1{font-size:2.5em; color:#6B30FF;}
h2{font-size:2em; color:#808DFF;}
h3{font-size:1.5em; color:#6f73ff;}
h4{font-size:1em;}
h5{font-size:.8em;}
h6{font-size:.7em;}



#rightcolumn p.year strong{color:#282828; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*---IMGS ---*/
img {border:0;}
.cartoon{text-align:center; padding:1em 0 1em 0; background-color:#fff;}
.cartoon img {border:1px solid #999;}
.cartoon p { text-align:right;}
/*--- TEXT ---*/

address{}

blockquote{}

strong{}

em{}

span{}

b{}

i{}

p{ margin-bottom:.6em;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}

pre,code,kbd,samp,tt,dfn,var{font-family:monospace;}
q:before,q:after{content:'';}
code{}

pre{}

/*--- LINKS ---*/

a{color:#444; }
a:link{}
a:visited{color:purple;}
a:hover{color:#6B30FF;}
a:focus{} 
a:active{}

#rightcolumn a,
p a, a { /*font-family:arial;*/ border-bottom:1px dotted #444;}

div.twenty a{ border-bottom:0px solid red;}

a[target="_blank"]:after,
a[target="new"]:after {
 margin:0 0 0 5px;
 padding:1px;
 /*outline:1px solid #333;*/
 color:#808DFF;
 /*background:#ff9;*/
 font:1em "Zapf Dingbats";
 content: "\27A6";
 }
 
a[href$="pdf"]:after,
a[href$="doc"]:after {
margin:0 0 0 5px;
font:bold .8em "Lucida Grande";
content: "(PDF)";
vertical-align:40%; 
}
a[href$=".doc"]:after {content: "(DOC)";}

/*--- FORMS ---*/
form{margin-top:1em;}
input[type=text],input[type=password],textarea{width:12.25em;/*width:11.9em;*/}

label{}

input,
textarea,
select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input.submit{}

#EmailSignUpForm{}
#EmailSignUpForm fieldset {border:0px solid red;}
#EmailSignUpForm label{text-align:right;}
#EmailSignUpForm span {background-color:#fff;width:120px;display:inline;border:1px solid grey;padding:1px;}
#EmailSignUpForm input#email {display:inline; color:#4F4F4F; width:100px; padding:0px;border:0;}
#EmailSignUpForm input[type="submit"] {display:inline; width:20px; padding:0px;border:0;background-color:inherit;}
/*--- FOR DIAGNOSTICS ---*/

/*
*{border:1px solid red;}
*/