/* ------------------------------------------
UK NRN
Stylesheet: Default Screen, Print, Handheld styles
Author: Nicolas Gallagher (Reading Room)
Updated: 20 April 2009
------------------------------------------ */


/* =======================================================================================================================
							S C R E E N
   ======================================================================================================================= */
	
@media screen, projection {

/*  =============================================================================
==RESET
 ============================================================================= */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, samp,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; background:transparent;
}

blockquote, q {quotes:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, th, td {vertical-align:middle;}

body {line-height:1;}

:focus {outline:0;}


/*  =============================================================================
==TYPOGRAPHY
 ============================================================================= */

body {font-family:Arial, Helvetica, sans-serif; font-size:100.01%; color:#333; background:#fff;}

a {border-bottom:1px dotted #003471; color:#003471; text-decoration:none;}
a:hover {border-bottom:0; text-decoration:none;}
a:focus, a:active {border:0; color:#fff; background:#333; text-decoration:none;}

#cont-pri-inner a[rel~="external"], #cont-sec .section a[rel~="external"] {padding-right:15px; background-image:url(/assets/templates/uknrn/images/design/icon-external-link.png); background-repeat:no-repeat; background-position:100% 50%;}
#cont-pri-inner a[rel~="external"]:focus, #cont-pri-inner a[rel~="external"]:active,
#cont-sec .section a[rel~="external"]:focus, #cont-sec .section a[rel~="external"]:active {background-image:none;}

p, blockquote, address,
li, dt, dd,
caption, td, th,
legend, label, input, textarea,
pre, code, tt {font-size:0.75em;} /* 12px */

blockquote p, li li, li p, li dt, li dd {font-size:1em;}

/* =Headings, paragraphs, and quotes
------------------------------------------------------------------------------------ */

h1, h2, h3, h4 {font-family:Arial, Helvetica, Geneva, sans-serif; font-weight:normal; line-height:1.2em; color:#700004;}
h1 {margin:0 0 0.75em; font-size:1.625em; line-height:1.1em;} /* 28px */
h2 {margin:1.25em 0 0.5em; font-size:1.25em; line-height:1.1em;} /* 20px */
h3 {margin:1.5em 0 0.666em; font-size:0.9375em; font-weight:bold;} /* 15px */
h4 {margin:2em 0 0.75em; font-size:0.75em; font-weight:bold;} /* 12px */

p, blockquote {margin:1.5em 0; line-height:1.5em;}
blockquote {padding:0 15px; border-left:2px solid #ccc; margin:1em 10px;}

p.intro {font-size:0.8125em; font-weight:bold; color:#666;}
p.read-more {margin-bottom:0; font-size:0.8125em;}
	p.read-more a {display:inline-block; padding:2px 8px; border:1px solid #e4e4e4; margin:0 auto; /*font-weight:bold;*/ color:#fff; background:#003471;}
	p.read-more a:hover {border:1px solid #e4e4e4; text-decoration:underline;}
	p.read-more a:focus, p.read-more a:active {color:#fff; background:#700004;}

p.download {font-weight:bold;}
	p.download img {vertical-align:middle;}

/* =General lists
------------------------------------------------------------------------------------ */

ul, ol {margin:1em 0 1em 30px;}
ul {list-style:disc;}
ul ul, ol ol, ul ol, ol ul, ul dl, ol dl {margin-top:0.5em; margin-bottom:0.5em;}
ol {margin-left:30px;} /* see ie6.css + ie7.css */
dl {margin:1em 0;}

li, dt, dd {padding:0; margin:0.25em 0; line-height:1.5em;}
dt {font-weight:bold;}
dd {margin-left:20px;}

/* =Other
------------------------------------------------------------------------------------ */

address {font-style:normal; line-height:1.5em; margin: 0.5em 10px;}
abbr, acronym {border-bottom:1px dotted #666; cursor:help;}
del {}
dfn {font-weight:bold; font-style:italic;}
em {font-style:italic;}
hr {clear:both; width:100%; height:0; border:0; border-top:1px solid #ccc; margin:1em 0;}
strong {font-weight:bold;}
sub {vertical-align:text-bottom;}
sup {font-size:0.75em; vertical-align: super; line-height:0;}

.accessibility {position:absolute; left:-9000px;}

/* =Image positioning
------------------------------------------------------------------------------------ */


/*  =============================================================================
==LAYOUT
 ============================================================================= */

#container {max-width:58.75em; /* see ie6.css */ min-width:740px; padding:20px 10px 0; margin:0 auto; overflow:hidden;}

/* =Header
------------------------------------------------------------------------------------ */

#header {border:4px solid #bbb; border-width:4px 0;}
	#header .container {padding-top:10px; overflow:visible;}
	#logo {position:relative; float:left; width:300px; margin:-14px 0; font-size:1em; font-weight:bold;}
		#logo a {display:block; border:0; background:none;}
		#logo img {display:block;}
		
	#user-tools {padding:5px 0 0 0; margin:0 0 10px 200px;}
		#user-tools ul {float:right;}
		#user-tools ul li {float:left; padding:0 0 0 1em; border-left:1px solid #ccc; margin:0 0 0 1em; font-size:0.75em; line-height:1.2em;}
		#user-tools ul li:first-child {border:0;}
		#user-tools ul li a:hover {text-decoration:underline; color:#000;}
		#user-tools ul li a:focus, #user-tools ul li a:active {color:#fff; background:#003471;}

		#search {clear:right; float:right; margin:1em 0 0 50px;}
			#search fieldset { padding:0; border:0; margin:0;}
			#search p {margin:0;}
			#search label {float:left; padding:0.25em 0; margin:0 5px 0 0; font-size:1.1667em;}
			#search input {float:left; width:13.5em; margin:0 0 3px;}
			#search input#keywords {height:1.3em; padding:0.35em;}
			#search input.submit {width:auto; height:2em; border:0; margin:0; font-size:1.1667em; color:#fff; background:#003471;}

/* =Content
------------------------------------------------------------------------------------ */

#wrapper {width:100%; padding-top:30px;}
	#cont-pri {float:left; width:100%;}
		#cont-pri-inner {padding:0 20px 2em; margin:0 24% 0 16%;}
	#cont-sec {float:left; width:24%; margin-left:-24%;}


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

#header ul, #nav-pri ul, #nav-sec ul, #nav-trail ol, .pagination ul, #footer ul {list-style:none; padding:0; margin:0;}
#nav-skip, #nav-pri p, #nav-sec p, #nav-trail p, #footer p {position:absolute; left:-9000px;}

/* =Skip navigaton
------------------------------------------------------------------------------------ */

/* change styles to make them visible on tab */

/* =Primary navigaton
------------------------------------------------------------------------------------ */

#nav-pri {float:left; width:16%; margin-left:-100%;}
	#nav-pri ul {border-bottom:1px solid #a1a1a1;}
	#nav-pri li {padding:0; border-top:1px solid #a1a1a1; margin:0; font-size:0.8125em;}
	#nav-pri li a {display:block; padding:0.25em 10px 0.25em 25px; border:0; background:#fff url(/assets/templates/uknrn/images/design/bg-nav-pri.png) no-repeat 10px 0;}
	#nav-pri li a:hover, #nav-pri li a:focus, #nav-pri li a:active {color:#003471; background-color:#e0e6ee;}

	#nav-pri ul ul {background:#fff;}
	#nav-pri li li {border:0; font-size:0.8462em;}
	#nav-pri li li a {padding-left:35px; background:#fff;}
	#nav-pri li li a:hover, #nav-pri li li a:focus, #nav-pri li li a:active {text-decoration:underline; background:#ecf2dd;}
	
	#nav-pri li li li { padding-left: 10px; }

/* specific sections */
#nav-pri li.nav-1 {background-color:#003471;} /* Home */
#nav-pri li.nav-48 {background-color:#0076a5;} /* Your network */
#nav-pri li.nav-52 {background-color:#507c2b;} /* UK News */
#nav-pri li.nav-53 {background-color:#d33f00;} /* Projects */
#nav-pri li.nav-54 {background-color:#5249aa;} /* Publications */
#nav-pri li.nav-forums {background-color:#e30058;}
#nav-pri li.nav-6 {background-color:#ac4cc3;} /* Contact us */

#nav-pri li.nav-48 a {background-position:10px -50px;}
#nav-pri li.nav-52 a {background-position:10px -100px;}
#nav-pri li.nav-53 a {background-position:10px -150px;}
#nav-pri li.nav-54 a {background-position:10px -200px;}
#nav-pri li.nav-forums a {background-position:10px -250px;}
#nav-pri li.nav-6 a {background-position:10px -300px;}

#nav-pri li.current a:link, #nav-pri li.current a:visited,
#nav-pri li.current-ancestor a:link, #nav-pri li.current-ancestor a:visited {color:#fff; background-color:transparent; background-position:10px -350px;}
#nav-pri li.current a:hover,
#nav-pri li.current-ancestor a:hover {color:#fff; background-color:transparent;}

#nav-pri li.current li a:link, #nav-pri li.current li a:visited,
#nav-pri li.current-ancestor li a:link, #nav-pri li.current-ancestor li a:visited {color:#003471; background:#fff;}
#nav-pri li.current-ancestor li.current a {font-weight:bold; background-image:url(/assets/templates/uknrn/images/design/bg-nav-pri-sub-current.gif); background-repeat:no-repeat; background-position:20px 50%;}

#nav-pri li.current li,
#nav-pri li.current-ancestor li,
#nav-pri li.current li a:hover,
#nav-pri li.current li a:focus,
#nav-pri li.current li a:active,
#nav-pri li.current-ancestor li a:hover,
#nav-pri li.current-ancestor li a:focus,
#nav-pri li.current-ancestor li a:active {color:#003471; background-color:#fff;}

/* =Breadcrumb navigation
------------------------------------------------------------------------------------ */

#nav-trail {margin:0 0 1em; overflow:hidden;}
	#nav-trail li {float:left; padding:0 4px 0 12px; margin:0; font-size:0.6875em; background:url(/assets/templates/uknrn/images/design/bg-trail.gif) 0 center no-repeat;}
	#nav-trail li:first-child {padding-left:0; background:none;}
	#nav-trail li a {border:0;}
	#nav-trail li a:hover, #nav-trail li a:focus, #nav-trail li a:active {border-bottom:1px solid #003471;}

/* =Pagination
------------------------------------------------------------------------------------ */

.pagination {text-align:right;}
.pagination ul {overflow:hidden; margin:0 0 1em 10px;}
	.pagination p {display:inline; margin:0; float:left; clear:left; }
	.pagination li {display:inline; padding:0; margin:0 0.2em;}
	.pagination li.prev {padding-left:10px; background:url(/assets/templates/uknrn/images/design/bg-prev.gif) no-repeat left center;}
	.pagination li.next {padding-right:10px; background:url(/assets/templates/uknrn/images/design/bg-next.gif) no-repeat right center;}

/* =Site selector
------------------------------------------------------------------------------------ */

#site-selector {padding-top:0.5em; padding-bottom:0.5em; margin-left:16%; background:#eaeaea;}
	#site-selector p {display:inline; padding:1em 35px 1em 20px; margin:0; font-size:0.8125em; background:url(/assets/templates/uknrn/images/design/bg-site-selector.png) no-repeat 100% 50%;}
	#site-selector ul {display:inline; margin:0 0 0 20px;}
	#site-selector li {display:inline; margin:0 2em 0 0; font-size:0.8125em; font-weight:bold;}
	#site-selector li img {vertical-align:middle;}
	#site-selector li a {border-color:#333;}
	#site-selector li a:focus, #site-selector li a:active {color:#fff; background:#333;}
	
/* =Footer navigation
------------------------------------------------------------------------------------ */

#footer {padding:10px 20px; /*border-top:4px solid #bbb;*/ margin:5px 0 0 16%;}
	#footer ul {margin:0 0 0.25em;}
	#footer ul li {display:inline; padding:0 0 0 0.5em; border-width:0 0 0 1px; border-style:solid; border-color:#ccc; margin:0 0.25em 0 0; font-size:0.6875em;} /* see ie6.css */
	#footer ul li:first-child {padding:0; border:0;}
	#footer a {border:0;}
	#footer a:hover {border-bottom:1px solid #333;}
	#footer a:focus, #footer a:active {color:#fff; background:#333;}


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

/* =Homepage
------------------------------------------------------------------------------------ */

.strapline {margin-bottom:2em;}
	.strapline h1 {margin:0; font-size:1.375em; line-height:1.2em; color:#4a4a4a;}

.promos {padding:10px; margin-bottom:1.5em; background:#eaeaea;}
.promo {float:left; width:48%; border:1px solid #ccc; padding:0 0 10px; margin:0 0 1.2em; background:#f4f4f4;}
	.promo h2 {padding:0.4em 50px 0.4em 10px; margin:0 0 0.75em; font-size:1.25em; color:#fff; background:#003471; }	
	.promo h2 a {border:0; color:#fff;}
	.promo h2 a:hover, .promo h2 a:focus, .promo h2 a:active {text-decoration:underline; color:#fff; background:none;}
	.promo p {margin:0 10px;}
	.promo p.read-more {margin-top:1em;}

#promo-two, #promo-four {float:right}
#promo-three, #promo-four {margin-bottom:0;}
/*
	#promo-one h2 {background-color:#db342e;}
	#promo-two h2 {background-color:#106f00;}
	#promo-three h2 {background-color:#0071db;}
	#promo-four h2 {background-color:#b42b19;}
*/

.spotlight h2 {padding-bottom:0.25em; border-bottom:2px solid #ccc; margin:0;}
.spotlight p.intro {margin:0.5em 0;}
.spotlight p {margin:0.5em 0;}

/* =News listing
------------------------------------------------------------------------------------ */

.excerpt .date {font-weight:bold;}
.excerpt p {margin-top:0.5em;}

.activities-wrap {width:100%;}
.upcoming-activities {float:left; width:48%;}
.past-activities {float:right; width:48%;}

/* =Detail page
------------------------------------------------------------------------------------ */

.article {margin-right:160px;}
	.article h1 {margin-right:-160px;}
	.article .aside {position:relative; left:20px; float:right; display:inline; width:140px; margin-right:-140px;}
	
	.article .aside .pull-quote {font-size:1em; color:#700004;}

/* =Secondary Content
------------------------------------------------------------------------------------ */

.section {margin-bottom:1em; background:#eaeaea;}
	.section h3 {padding:0.2em 10px; margin:0; font-size:1.25em; font-weight:normal; color:#fff; background:#003471;}
	.section ul {list-style:none; padding:10px; margin:0;}
	.section li {}
	.section li a {}
	.section li p {margin:0;}
	.section p {margin:0.5em 10px;}
	.section p.read-more {margin-top:0; margin-bottom:0;}

#subscriptions {background:#ccedfa;}
	#subscriptions h3 {color:#003471; background:none;}
	#subscriptions li {float:left; padding-left:16px; margin-right:10px; background:url(/assets/templates/uknrn/images/design/icon-subscriptions.png) no-repeat 0 50%;}
	#subscriptions li.rss {background-position:-16px 50%;}
	#subscriptions li a {display:block; padding:0 0 0 5px; border:0; background:#ccedfa;}

#recent-news {padding-bottom:10px;}
	#recent-news li {margin:0 0 1em;}
	#recent-news li .date {margin:0.25em 0 0; font-size:0.9167em;}

#euro-connections li {padding-left:15px; font-size:0.875em; font-weight:bold; background:url(/assets/templates/uknrn/images/design/bg-euro-connections.gif) no-repeat 0 0.4em;}

#logo-network {margin-left:16%;}
#logo-network ul {padding:0 0 15px; margin:32px 0 0;}
#logo-network ul li {display:inline; padding:20px 0; /* see ie7.css + ie6.css */ margin-right:35px;}
#logo-network ul li:first-child {padding-left:0; margin-left:0; background:none;}

#logo-network ul li a {border:0;}
#logo-network ul li img {vertical-align:middle;}

/* =Search results
------------------------------------------------------------------------------------ */

.search-results {list-style:none; padding:0; margin:0;}
	.search-results li {padding:0; margin:0 0 1.5em;}
	.search-results li em {font-weight:bold;}
	.search-results li h3 {margin-bottom:0.25em; font-size:1.25em;}
	.search-results li h3 strong {color:#000;}
	.search-results li p {margin:0 0 0.5em;}

/* =Misc
------------------------------------------------------------------------------------ */

.print-page {padding-left:20px; background:url(/assets/templates/uknrn/images/design/icon-print.png) no-repeat 0 50%;}


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

legend, label, input, select, textarea {font-size:1em;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}

/* =Generic form
------------------------------------------------------------------------------------ */

.gform {padding:20px; border:1px solid #eee; margin:0 0 10px; overflow:hidden; background:#fdfdfd;}
	.gform fieldset {padding:0; margin:0 0 0.625em 0;}
	.gform fieldset.required {padding-bottom:1em; border-bottom:1px solid #e0e8fb; margin-bottom:2em;}
	.gform legend {padding:0 0 10px; margin:0; font-size:1.3125em; line-height:1.1em;}
	.gform p {margin:0 0 1em;}
	.gform p label {display:block; margin-bottom:0.1em; font-weight:bold;}
	.gform p abbr {border:0; font-size:1.5em; color:#8a1f11;}
	.gform p.text input, .gform p.text textarea {width:70%; padding:4px 2px; border-style:solid; border-width:1px; border-color:#7c7c7c #c3c3c3 #ddd; background:#fff url(/assets/templates/uknrn/images/design/bg-field.gif) repeat-x 0 0;}
	.gform p.text textarea {height:10em;}
	.gform p.title input {font-size:1.5em;}
	.gform select {width:71%;}
	.gform p.submit {margin:2em 0 0;}
	.gform p.submit input {width:auto; font-size:1.2em;}

.gform .terms {position:relative;}
.gform .terms label {display:block; padding-left:25px;}
.gform .terms input {position:absolute; top:0; left:0;}

/* status displays */
.error, .notice, .success {padding:10px; border:2px solid #ddd; margin-bottom:1em;}
.error p, .notice p, .success p {margin:0;}
.error {border-color:#fbc2c4; color:#8a1f11; background:#fbe3e4;}
.notice {border-color:#ffd324; color:#514721; background:#fff6bf;}
.success {border-color:#c6d880; color:#264409; background:#e6efc2;}
	.error a {color:#8a1f11; border-color:#8a1f11;}
	.notice a {color:#514721; border-color:#514721;}
	.success a {color:#264409; border-color:#264409;}

.contact-form h3  {margin:0 0 1em;}

/* =Inner search
------------------------------------------------------------------------------------ */

.search-projects {padding-top:10px; padding-bottom:0; margin:1.5em 0;}
	.search-projects p {margin-top:0.75em;}
	.search-projects label {float:none;}
	.search-projects input {}
	.search-projects .submit {width:auto; margin-left:0;}
	

/* =============================================================================
==TABLES
============================================================================= */

table {width:100%;border:1px solid #bbb; border-width:1px 0; margin:0 0 1em;}
caption {padding:0; margin:0 0 0.25em;}
col.ult {width:25%;}
.ult {text-align:right;}

th, td {padding:.2em 1em; text-align:left;}
thead th {border-bottom:2px solid #888;background:#bbb;padding:.4em 1em .2em;}

tbody th, tbody td {border-top:1px solid #bbb;border-bottom:1px solid #bbb;background:#eee;}

tfoot th, tfoot td {border-top:2px solid #666;background:#eee;}
tfoot tr.total th, tfoot tr.total td {border-top:5px double #666;}
tfoot tr.total th {text-transform:uppercase;}


/* =============================================================================
==SELF-CLEARING (modern browsers)
============================================================================= */

#user-tools:after,
#nav-trail ol:after,
#wrapper:after,
#cont-pri-inner:after,
#footer ul:after,
#subscriptions ul:after,
.gform fieldset p:after,
.section-wrap:after,
.promos:after,
.activities-wrap:after,
body.home #cont-sec:after {
	clear:both; display:block; content:"\0020"; height:0; font-size:0; line-height:0; visibility:hidden;
}

/* end of @media screen, projection */}



/* =======================================================================================================================
							P R I N T I N G
   ======================================================================================================================= */

@media print {

/* =============================================================================
-- TYPOGRAPHY
============================================================================= */

body {font-family:georgia, Times, "times new roman", serif; font-size:10pt; color:#000; background:#fff;}

a {color:#039;}

h1 {font-size:24pt; font-weight:normal; margin:0;}
h2 {font-size:20pt; font-weight:normal; margin:10mm 0 5mm 0;}
h3 {font-size:16pt; font-weight:normal; margin:10mm 0 2mm;}
h4 {font-size:12pt; font-weight:bold; margin:5mm 0 2mm;}

p {font-size:10pt; line-height:14pt;}


/* =============================================================================
-- GENERAL
============================================================================= */

img {border:0;}

/* Logo
------------------------------------------------------------------------------------ */

#logo {padding:5mm 0; margin: 0 0 10mm 0;}
   #logo a {position:relative; display:block; text-decoration:none; overflow:hidden; color:#000;}
	
/* Content
------------------------------------------------------------------------------------ */

.home #euro-connections {display:block;}
#logo-network {list-style:none; margin:10mm 0 0;}
#logo-network li {display:inline; margin:0 10mm 3mm 0;}

.article .aside {float:right; width:20%; margin:0 0 10mm 5mm;}
.excerpt .date {font-weight:bold;}

/* Footer
------------------------------------------------------------------------------------ */

#footer {padding:10px 0; border-top:1px solid #000; margin:5mm 0 0}

/* HIDE for print
------------------------------------------------------------------------------------ */

.pagination,
.print-page,
#footer,
#login,
#nav-skip,
#search,
#nav-pri,
#nav-sec,
#nav-trail,
#user-tools,
#subscriptions,
#recent-news,
#site-selector,
#euro-connections,
form {
	display:none;
}

/* Clearing
------------------------------------------------------------------------------------ */

.article:after {
	clear:both; display:block; content:"."; height:0; font-size:0; line-height:0; visibility:hidden;
}

/* end of @media print */}



/* =======================================================================================================================
							 H A N D H E L D
   ======================================================================================================================= */

@media handheld {

/* end of @media handheld */}



.projects_pagination{ width:90%; display:inline;  clear:both;  }
.projects_pagination p{ float:left; }
.projects_pagination li{ float:left; }