@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lightbox.css";
/*@import "lib/plugins.css";*/


/* 
ISA Charity global styles

	Last edited by: graham@johnoxton.co.uk
	Last edited date: (add when live)
		
	CREDITS: 
	
		CSS based on Boilerplate (Version: 0.5) 
		http://code.google.com/p/css-boilerplate/
		
		Curly quotes: Simon Collison 
		http://24ways.org/2005/swooshy-curly-quotes-without-images
		
	NOTES: 
	
	CONTENTS
		
		=GLOBALS & GENERAL
		
			==links
			==headings
			==accessibility
			==images
			==lists
			
		=LAYOUT
			==siteContainer
			==branding
				==branding details
			==mainContent
				==mainContent details
					==quotes
			==secondaryContent
				==secondaryContent details
			==mainNavigation
				==mainNavigation details
			==siteInfo (foot)
				==siteInfo details
		
		=SECTION SPECIFIC
			==vcard
			==search page
			
*/

/* =GLOBALS & GENERAL */
body{
	margin: 0;
	background: #fff url(/images/site_design/bg_siteContainer.jpg) 50% 0 no-repeat;
}

/* ==links */
a{ color: #000;	background: transparent; text-decoration: underline; }
a:hover{ text-decoration: none;}


/* ==headings */
h1,h2,h3,h4,h5,h6 { 
	color: #2d2d2d;
}
body.travel-awards h1{
	color: #121212;
}
div#mainContent h2 a{
	color: #2d2d2d;
	text-decoration: none;
}
div#mainContent h2 a:hover{
	text-decoration: none;
}

/* ==accessibility */

.accessibilityAid {
	position: absolute;
	top:-9999em;
	left:-9999em;
}

/* ==images */
div#mainContent img{
	margin: 0 1.5em 1.5em 0;
	border: 1px solid #444;
	padding: 1px;
}
div#mainContent img.left{
	float: left;
	margin: .5em 1.5em 1.5em 0;
}
div#mainContent img.right{
	float: right;
	margin: .5em 0 1.5em 1.5em;
}

/* ==lists */

ul.inlineList li{
	display: inline;
}

li.lastListItem{
	border-right: none;
	margin-right: 0;
}
div#secondaryContent ul{
	list-style-type: square;
	margin-left: 1.1em;
}
/* =LAYOUT */

/* ==siteContainer */

div#siteContainer { /* temporary - remove as required */
	width: 770px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: left;
}

/* ==branding */

div#branding{
	width: 770px;
	margin: 0 auto;
	height: 8em;
	text-align: left;
}

/* ==branding details */

div#branding img{ /* logo */
	margin-top: 25px;
	margin-left: 10px;
}
div#branding a{ /* logo */
	overflow: hidden;
	width: 135px;
	height: 47px;
	background: transparent;
}
	
/* ==mainContent */

div#mainContent{/* temporary - remove as required */
	margin: 0 0 1.5em 0;
	width: 490px;
	float: left;
	padding: 0 10px 0 10px;
	text-align: justify;
}

/* ==mainContent details */
p.articleMeta, p.articleMeta a{
	color: #999;
	font-weight: bold;
}
p.readMore a{
	padding-left: 21px;
	background: url(/images/site_design/bullet_go.png) 0 100% no-repeat;
}
div#intro{
	width: 770px;
	float: left;
	padding: 0;
	margin: 0 0 10px 0;
	background: #fff;
}
div#introContent{/* welcome copy */
	float: left;
	width: 240px;
	margin: 0 0 0 10px;
	text-align: justify;
	border-bottom: 3px solid #8797a4;
	height: 32em;
}
div.stickyBottom{ /* How to apply @ travel awards */
	background: #edf0f4;
	border: 1px solid #d7dee6;
	padding: .73em 10px 0;
}
div.stickyBottom h2{
	margin-bottom: .45em;
}
div.stickyBottom p{
	color: #333;
}

/* ==slideshow */

div#slideShow{ /* on home page */
	width: 500px;
	height: 32em;
	float: left;
	padding: 0 0 0 0;
	overflow: hidden;
	float: left;
	border-bottom: 3px solid #8797a4;
	margin-left: 10px;
	}
div#slideShow img{
	border: 0;
	padding: 0;
	margin: 0;
}
div#slideShow object{
	width: 500px;
	height: 375px;
	margin: 0;
	padding: 0;
}
/* Flickr Photos */
div#flickrPhotos{
	float: left;
	text-align: justify;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #c2cad1;
}
div#flickrPhotos img{
	width: 77px;
	height: 77px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
}
div#flickrPhotos a img{
	border: 1px solid #fff;
}
div#flickrPhotos a:hover img{
	border-color: #8c650a;
}
div#flickrPhotos h3{
	margin-bottom: 0;
}
div#flickrPhotos ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}
div#flickrPhotos ul li{
	margin: 0;
	padding: 0;
	float: left;
}
div#flickrPhotos ul li a{
	margin: 0;
	padding: 0;
}
span.flickrLink{
	/*color:#0063dc;*/
}

/* ==quotes */
blockquote{
	margin: 0;
	padding-top: 1.5em;
	line-height: 1.3;
	float: left;
}
blockquote p{
	font-style: italic 
}
cite{
	margin-bottom: 1.5em!important;
	margin-left: 0;
	font-weight: bold;
}
div#secondaryContent .bqstart, div#secondaryContent .bqend{
	font-family: Times, Georgia, serif; color: #444;
	font-style: normal;
}
div#secondaryContent .bqstart {
	float: left;
	font-size: 600%;
	height: 45px;
	margin-top: -17px;
	padding-right: 10px;
	margin-bottom: 0;
}
div#secondaryContent .bqend {
	float: right;
	height: .3em;
	margin-top: -15px;
	font-size: 600%;
	margin-left: 10px;
}

/* ==secondaryContent */
div#secondaryContent{
	float: left;
	width: 240px;
	padding: 0 0 0 10px;
	text-align: justify;
	margin-bottom: 1.5em;
} 

/* ==mainNavigation */

div#mainNavigation{
	position: absolute;
	top: 3em;
	right: 0;
	width: 80%;
	padding-right: 10px;
}

/* ==mainNavigation details */

div#mainNavigation ul{
	float: right;
	margin: 0;
}
div#mainNavigation ul li a{
	padding: .2em 0 .2em .5em;
	color: #4f657a;
	font-weight: bold;
	text-decoration: none;
}
div#mainNavigation ul li a:hover{
	text-decoration: none;
	color: #7e8e9d;
}
div#mainNavigation li.current a{
	color: #7e8e9d;
}

/* ==siteInfo (foot) */

div#siteInfo{
	width: 760px;
	margin: 0 auto;
	border-top: 3px solid #8797a4;
	padding: .5em 10px 1.5em;
}

/* ==siteInfo details */

div#siteInfo ul{
	margin-left: 5px;
	margin-right: 5px;
}
div#siteInfo ul li{
	display: inline;
	float: left;
}
div#siteInfo ul li span{
	border-right: 1px solid #555;
	padding-right: .3em;
}
div#siteInfo ul li.siteCredits{
	float: right;
}
/*div#siteInfo*/ li.topLink a{
	border-right: 1px solid #555;
	padding-right: .3em;
	margin-right: .3em;
}

/* =SECTION SPECIFIC */

/* ==vcard on contact page */

div.vcard a.url{
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
div.vcard a:hover.url{
	text-decoration: none;
}
div.vcard span{
	display: block;
}
/*div.vcard*/ span.email{
	margin: 1.5em 0;
}

/* ==search page */

body.search div#mainContent ul{
	list-style-type: none;
	margin-left: 0;
}
body.search div#mainContent ul li h2{
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-bottom: 1.25em;
}