﻿/***
	O2 blueroom v4
	BASE SCREEN STYLESHEET

	Marvin Barretto
    Toby Brancher
    Alasdair McLeay

	www.aislondon.com (2008)

	-[Colours]-------------------------
	  Blues (Dark to Light)
		#032B5A
		#005896
		#419EDA
		#88CCFF
		#D2E9FF
		#EEF6FC
	  Greyscale (Black to White)
		#000
		#515559
		#9299A1
		#BFC5CC
		#E6E6E6
		#F0F0F0
		#FFF
	  Supporting
		#CC0000 (Turquoise)
		#B30000 (Red)
		#414E67 (GreyBlue)
		#CADDEE (Sky Blue)
		#0088C3 (Sea Blue)
	-----------------------------------

	-[Contents]------------------------
	1. GLOBAL
		1.0 Resetting styles		
		1.1 Common classes
	2. DEVELOPMENT NOTES
	-----------------------------------

***/

/**
	1.0 Reseting styles
*/

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;	
	width: 100%;	
}

body {
	background: #032B5A;
	color: #FFF;
	font: normal 0.625em Arial, Helvetica, sans-serif;
}

input, textArea {
	font: normal 1.2em Arial, Helvetica, sans-serif;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after { /* Safari does not suppport quotes attr:*/ 
	content: "";
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

table {
	border-collapse: collapse;
}

/**
	1.1 Common classes
*/

.accessibility {
	display: none !important;
}

.clickable /*used for js*/ {
	cursor: pointer;
}
.hidden {
	display: none;
}
.ieOverflowFix {
	clear: both;
	width: 0;
	height: 0;
	font-size: 0;
}

/*
	MB: Probably could get rid of small-print one I think
*/
.small-print {
	font-size: 1em;
}

/**
	2. Development notes
*/

div#dev-note {
	background: #FFCECE;
	border: solid 1px #D7070D;
	/* CSS 3*/ border-radius: 1em;
    /* Webkit */ -webkit-border-radius: 1em;
	/* Moz */ -moz-border-radius: 1em;
	color: #000;
	line-height: 1.6em;
	margin: 0 0 2em 0;
	padding: 10px;
}

div#dev-note:before {
	content: "Development note: ";
	font-size: 1.2em;
	font-weight: bold;
}

div#dev-note ol,
div#dev-note ul {
	list-style-position: inside;
}

