/*=================================================

		CSS for: Guardian - Memoir on a postcard
		Author: Ember Interactive http://www.emberinteractive.co.uk
		Company:
		Email: info@emberinteractive.co.uk
		Creation Date:
		Last Modified:

=================================================*/

/* Colours - 

pink - #D1008B
light grey bg - #EDEDED
text grey - #333
object borders - #888

*/


/* CSS Reset
-------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/* HTML AND BODY
-------------------------------------------------*/

html {
	font-size: 50%;
}

body {
	font-size: 125%;
	height:100%;
	text-align:center;
	font-family: arial, sans-serif;
}

/*=================================================

		TEXT AND LINKS
		
=================================================*/


p {color:#333; font-size:1.2em; line-height:1.4em; padding-bottom:12px;}

h1 {text-indent:-2000px; font-size:2.6em;font-family:georgia,serif; color:#333; width:480px; height:45px; background: url("../../images/heading_memoir.gif") no-repeat 0 0; float:left;}
h2 {width:100%; border-top:#D1008B solid 10px; font-weight:bold; margin:0 0 14px; padding-top:3px; font-family:georgia,serif; color:#333333; font-size:14px;}
h3 {}
h4 {}
h5 {}

a {color:#005689; margin: 0; padding: 0; outline:none;}
a:link, a:visited {text-decoration: none;}
a:hover {color:#005689; text-decoration: underline;}
a.selected {color:#005689; text-decoration:underline;}

a.skip {display:block; position:absolute; z-index:0; top:-4em;}


/*=================================================

		MAIN STRUCTURE & LAYOUT
		
=================================================*/

#master {width: 940px; margin: 0 auto; text-align:left; }

#top_content {width: 940px; text-align: left;}

#content {width:940px; display:inline; overflow:auto; float:left;}

#content_a {width:620px; float:left;}
#content_b {width:300px; float:right;}

#footer {height:54px; margin:0; padding-top:20px; width:940px; clear:both;}
p.footer_p {width: 600px; height:10px; overflow:hidden; text-indent:-2000px;}

/*=================================================

		CONTENT
		
=================================================*/

#heading {background-color: #fff; clear:both; float:left; min-height:3.5em; width:940px;}
h1#section-heading, h2#section-heading {margin: 0; display:inline; width:auto; float:left;}
div.sponsor_logo {width:140px; float:right; text-align:right;}
div.sponsor_logo p {font-size:1em; text-align:right; padding-bottom:2px;}

div.intro_text {width:620px; float:left; padding-top:25px;}
div.intro_text p {font-size:1.4em; line-height:1.5em;}

div.content_block{margin:0 0 20px 0; display:inline; overflow:auto; float:left; width:100%;}
div.coloured_bg {background-color:#EDEDED;}
div.coloured_bg h2 {text-indent:10px;}

#flash_container, #no_flash_container {width:600px; height:370px; margin:0 0 20px 10px;}

div.content_sub_a {width:620px; float:left;}
div.content_sub_a .content {width:300px; float:left;}
div.content_sub_b {width:300px; float:right;}

div.flash_options_a {display:inline; width:178px; float:left; margin:0 20px 0 10px; } 
div.flash_options_b {width:178px; float:left; }

div.flash_options_c {width:214px; float:right;}
div.flash_options_c p {padding-bottom:0; line-height:1.5em; font-size:1.2em;}

div.flash_options_full {width:610px; clear:both; margin-left: 10px;}

input.embed_code {width:400px; margin-bottom:10px;}

div.colour_block_row {margin-bottom:10px; display:inline; overflow:auto; float:left; width:214px; height:22px; overflow:hidden;}

/*#content_b img {border:1px solid #888;}*/

div.gallery_item_a {width:142px; float:left;}
div.gallery_item_b {width:142px; float:right;}
div.gallery_row p {font-size:1.1em;}

p.gallery_link {clear:both; width:250px;}

div.colour_block_row a {display:block; float:left; overflow:hidden; border:1px solid #888; text-indent:-2000px; width:20px; height:20px; margin-right:4px;}
div.colour_block_row a:hover, div.colour_block_row a.colour_active {border:2px solid #D1008B; width:18px; height:18px;}

div.colour_block_row a span {display:inline; float:left; width:18px; height:18px; margin:1px; text-indent:-2000px; overflow:hidden; cursor:pointer;}
div.colour_block_row a:hover span, div.colour_block_row a.colour_active span {margin:0;}

a.colour_black span {background-color:#000;}
a.colour_red span {background-color:#C61405;}
a.colour_green span {background-color:#187700;}
a.colour_blue span {background-color:#134C96;}
a.colour_magenta span {background-color:#C0007A;}
a.colour_yellow span {background-color:#FBB700;}
a.colour_skyblue span {background-color:#5DB8FB;}
a.colour_white span {background-color:#FFF;}

a.colour_black_light span {background-color:#D8D8D8;}
a.colour_red_light span {background-color:#F5D5D0;}
a.colour_green_light span {background-color:#D2EAD0;}
a.colour_blue_light span {background-color:#D1E1EF;}
a.colour_magenta_light span {background-color:#F4CFEA;}
a.colour_yellow_light span {background-color:#FEF4D0;}
a.colour_skyblue_light span {background-color:#E4F4FE;}
a.colour_white_light span {background-color:#FFF;}


/*=================================================

		NAVIGATION
		
=================================================*/

ul {list-style-type:none;}

#zones_nav {clear:both;display:block;font-family:georgia,serif;font-size:1.6em;font-weight:normal;line-height:1em;padding-bottom:10px;width:940px;}

#zones_nav a {font-weight:normal;}

#zones_nav #nav_bar #crumb_nav ul, #zones_nav #nav_bar #local_nav ul, #zones_nav #nav_bar {background-color:#EDEDED;}

#zones_nav #global_nav, #zones_nav #nav_bar {clear:both;width:100%;}

#global_nav, #nav_bar {overflow:hidden;}

#zones_nav #nav_bar #crumb_nav ul, #zones_nav #nav_bar #local_nav ul, #zones_nav #nav_bar {background-color:#EDEDED;}

#zones_nav #crumb_nav ul, #zones_nav #local_nav ul {float:left; margin:0; padding:0;}

#zones_nav #crumb_nav ul li, #zones_nav #local_nav ul li {display:block; float:left; margin:0; padding:0; white-space:nowrap; width:auto;}

#nav_bar #crumb_nav #crumb1 a.first_second, #nav_bar #crumb_nav #crumb2 a.first_second {background-position:100% -316px;}

#zones_nav #global_nav ul li.first a, #zones_nav #local_nav ul li.first a, #zones_nav #crumb_nav ul li#crumb1 a {padding-left:5px;}


#zones_nav #crumb_nav ul li a {border-right:medium none;}

#zones_nav #crumb_nav ul li a, #zones_nav #local_nav ul li a {display:block; margin:0; padding:4px 5px; text-decoration:none; width:auto;}

#nav_bar #crumb_nav a {color:#FFFFFF;}

#nav_bar #crumb_nav #crumb1 a {background-color:#D1008B; background-image:url(../../images/crumb1.gif); background-position:-50px; background-repeat:no-repeat;}
#nav_bar #crumb_nav #crumb1 a.first_end, #nav_bar #crumb_nav #crumb2 a.first_end, #nav_bar #crumb_nav #crumb3 a.first_end {background-position:100% -13px;}

#nav_bar #crumb_nav #crumb2 a, #nav_bar #crumb_nav #crumb3 a {padding-left:3px;}

#nav_bar #crumb_nav #crumb2 a {background:#7D0053 url(../../images/crumb2.gif) no-repeat scroll -50px;}
#nav_bar #crumb_nav #crumb3 a {background:#A7006F url(../../images/crumb3.gif) no-repeat scroll -50px;}

#zones_nav #local_nav ul li a {border-right:1px solid #BEBEBE;}

#nav_bar #local_nav .related_to_crumb2 li a:focus, #nav_bar #local_nav .related_to_crumb2 li a:active, #nav_bar #local_nav .related_to_crumb2 li:hover, #nav_bar #local_nav .related_to_crumb2 li a:hover {background-color:#7D0053; color:#fff;}


/*=================================================

		FORMS
		
=================================================*/


input, textarea, select {
	padding: 0;
	font-size: 1.2em; 
	font-family: arial, sans-serif;
}

input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"] {
	width: auto;
}

fieldset {margin: 0; padding: 0; border: 0;}

input {float:left; border: 1px solid #888; margin: 0; padding: 2px; color: #333; width:292px;}
input[type="text"] { padding:3px;}
input[type="submit"], input.submit, input.send {cursor:pointer; font-weight:bold; float:right; background-color:#EDEDED;}
input.send {width:46px; height:22px; float:right}
input.submit {width:56px; height:22px;}
input.checkbox {float:right; padding:0; margin:16px 0 0 0; width:auto; border:none;}

select {border: 1px solid #888; margin: 0 0 10px 0; padding: 2px 2px;}

label {color:#333; font-size:1.2em; line-height:1.4em; width:auto; display:block; margin:0; padding:0;}


#IE6root input.submit, #IE6root input.send, {width:50px; float:right;}

div.flash_options_a select, div.flash_options_b select{width:100%;}
#send_name {width:235px; margin-right:10px;}
#gallery_name {width:225px; margin-right:10px;}

.form_item {padding-bottom:10px; display:inline; float:left; overflow:hidden; width:300px;}
.form_error, .form_main_error {color:#D1008B; font-size:1.1em; font-weight:bold; width:250px; clear:both;}

label.label_opt_in{width:250px; float:left; font-style:italic;}

#IE6root #send_name {width:225px; margin-right:10px;}


/*=================================================

		ADMIN PAGE
		
=================================================*/

.admin_row { display:inline; overflow:auto; float:left; width:940px; padding-bottom:20px;}
.admin_item { width:450px; float:left;}

.admin_item div {float:left; width:240px;}
.admin_item img {width:200px; height:123px; float:left; margin:0 10px 0 0;}
.admin_item label {float:left; width:110px; font-weight:bold; }
.admin_item input {float:left;}
p.admin_message {float:left; width:900px; padding:20px; background-color: #EDEDED;}
a.selected { text-decoration: underline; font-weight: bold;}
input.gallery_button {float:left; width:120px;}

/*=================================================

		USEFUL CLASSES
		
=================================================*/

.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.overflow {
	overflow: auto;
}

.clear {
	clear: both;
}