/* Insert your CSS customisations in this file. These will override the styles of the base theme */

/*  CHANGING THE HEADER IMAGE

  To change your header image, place your image in headers/ and then modify the background declarations for #topbanner below to reference your image.

  Some general labels to use for your CSS classes:
  .front will apply to the frontpage. 
  .section-LABEL will apply to any url alias with LABEL as the first part.
    For example, .section-admin will apply to /admin, /admin/content and anything under /admin
                 .section-news will apply to /news, /news/world etc.
                 .section-taxonomy will apply to /taxonomy, /taxonomy/term/1 etc. 
  .page-ALIAS will apply to any url alias with ALIAS as the full path. Slashes are translated into hyphens. 
    For example, .page-news will apply to /news only
                 .page-story-sample-news-story-1 will apply to /story/sample-news-story-1
                 .page-source-joe-bloggs will apply to /source/joe-bloggs
  .node-type-TYPE will apply to any node of TYPE
    For example, .node-type-story will apply to any story node

  These are a list of declarations for the supplied images so you can just copy and paste the entire line for convenience.     
  background: transparent url(headers/Alhambra_wall_detail.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Arcola_IL.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Breithorn_Panorama.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Chmury_warstwy.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Corn_fields_near_Royal,_Illinois.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Dawn_over_field_with_hay_bales_panorama.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Dresden-Neumarkt-pano.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Formel3_racing_car_amk.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Greenwich_Park_Vista.jpg) no-repeat scroll 0%;
  background: transparent url(headers/L'Ametlla.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Livorno,_Panorama_dalla_Fortezza_Vecchia.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Lower_Manhattan_pano_1.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Mandorle_sgusciate.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Nuit_de_fete_Place_Flagey.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Panorama_Bussumerheide.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Pile-dwelling_museum_Unteruhldingen_(aka).jpg) no-repeat scroll 0%;
  background: transparent url(headers/Porto3flat-cc-contr-oliv1002-2.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Porto3flat-cc-contr-oliv1002.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Pusteblume_im_Morgentau1.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Sacsayhuamán_Décembre_2006_-_Vue_Panoramique.jpg) no-repeat scroll 0%;
  background: transparent url(headers/SternaHirundoCatchB.jpg) no-repeat scroll 0%;
  background: transparent url(headers/St_Louis_night_expblend.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Upernavik_evening_panorama_2007-08-08_cropped_sharpened.jpg) no-repeat scroll 0%;
  background: transparent url(headers/USA_10336_Monument_Valley_Luca_Galuzzi_2007.jpg) no-repeat scroll 0%;
  background: transparent url(headers/Warszawa_-_Wilanów_Palace.jpg) no-repeat scroll 0%;

  Below are some example declarations for header images. You probably won't need that many. To disable any of them, just comment out. 
*/

/* This is the default header image */
#topbanner 
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for the frontpage */
.front #topbanner 
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for admin pages */
.section-admin #topbanner 
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for page nodes */
.node-type-page #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for story nodes */
.node-type-story #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for highlights/... */
.section-highlights #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}


/* Header image for outdoors/... */
.section-outdoors #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}


/* Header image for events/... */
.section-events #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for a single url news/national 
.page-news-national #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}*/

/* Header image for a single url news/national/health 
.page-news-national-health #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}*/

/* Header image for my_blog 
.page-my_blog #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}*/

/* Header image for /about */
.page-about #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/* Header image for /contact */
.page-contact #topbanner
{
  background: transparent url(headers/Tusci.jpg) no-repeat scroll 0%;
}

/*  OTHER STUFF
  Basically, you are override any CSS style you want, as long as you know how to declare it properly.
*/

/* For example, the following changes the colour scheme of the menu bars. To disable, just comment out */
#primary
{
  background-color: #006666;
}

#primary a
{
  color: #fff;
  border-right: 1px solid #999999;
}

#primary a:hover, #primary a:focus
{
   background-color: #669966;
}

#primary li.active a, #primary li.active a:hover
{
  color: #006666;
  background-color: #fff;
}

#secondary a
{
  color: #006666;
}