/*  
Theme Name: NWSB v2
Theme URI: http://www.slatestudios.co.uk
Description: NWSB Custom Style
Version: 2.1
Author: Joel Bradbury
Author URI: http://www.slatestudios.co.uk/

	Nice isn't it?
*/

/* reset everything */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** end reset **/


/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 87.5%/1.5em Palatino,Helvetica, Ariel, Verdana, sans-serif; color : #564C3B; }
   html > body {
     font-size : 14px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1 { font-size : 1.5em; line-height : 1em; margin-top : 0; margin-bottom : 1em; font-weight : normal; }
   h2 { font-size : 1.1667em; line-height : 1.286em; margin-top : 1.929em; margin-bottom : 0.643em; font-weight : normal; }
   h4, h5, h6 {
     font-size : 1em; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em;
     font-weight : bold; }
   h3 { 
   	 font-size : 1.2em; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em;
     font-weight : bold; }


/***************************************************************************************************
 
 	Actual design stuff about now. 
 	
 	-----------------------------------------------------------------------------------------------------*/
/* =html =body */
   html {
     background: #fff;}  
      
/* =h1 */
	h1 {
		background:transparent url(images/logo.png) no-repeat scroll 0% 0%;
		height:174px; right:100px; position:absolute; top:10px; width:180px;  }
	h1:hover { background: transparent url(images/logo.png) no-repeat scroll 0 -172px;}
	
	
	
	 h1 a { display:block; height:180px; overflow:hidden; text-decoration:none; text-indent:-9999px; width:180px; }
	 
	 

/* =h2 */
	#nav_main h2 { display: none;}
	#content_main h2, #content_main_page h2 { font-size: 2em;}
	
/* =h3 */
	.comments h3 { font-size: 1em; color: #999;}
	
/* =ul */
	#nav_main ul{
     list-style-type : none; list-style-position : inside; padding-top: 60px; margin-left: -50px;}
    #nav_logo ul {
     padding-top : 0; margin-left: 0; position:absolute; top: 190px; right: 100px;}
    #content_supp ul {	padding-left: 40px;}
    .page #content_supp ul {	padding-left: 5px;}
    #nav_list ul { background: transparent url(images/top_bg.png) repeat 0 0;}
    #sub-pages ul { margin-left: 30px; font-size: 1.2em; }
     
/* =li */
   #nav_main ul li {
     display : inline; padding-left : 80px;}
   #nav_logo ul li {
   	 display : inline; padding-left : 40px;}
   #content_supp ul li {
   	 margin-bottom: 0.4em; width: 400px;}   	
   .page #content_supp ul li {
   	 margin-bottom: 0.4em; width: 90px;}

/* =a */
	a { text-decoration: none; color: #666;}
	a:hover { text-decoration: underline;}
  #nav_main li a { text-decoration: none; color: #333; font-size: 1.3em;}
  #nav_main li a:hover { text-decoration: underline;}
  #site_info a { color : #999; padding: 0 20px;}
  
  h1 a { display:block; height:180px; overflow:hidden; text-decoration:none; text-indent:-9999px; width:180px; }
  #content_donate_en h2 a { height: 258px; overflow: hidden; display: block; text-indent: -9999px; width: 383px;
  			background:transparent url(images/donatecan_large.jpg) no-repeat scroll 0% 0%;}
  #content_donate_en h2 a:hover { background: transparent url(images/donatecan_large.jpg) no-repeat scroll 0 -258px;}
  
  #content_donate_cy h2 a { height: 258px; overflow: hidden; display: block; text-indent: -9999px; width: 383px;
  			background:transparent url(images/donatecan_large_w.jpg) no-repeat scroll 0% 0%;}
  #content_donate_cy h2 a:hover { background: transparent url(images/donatecan_large_w.jpg) no-repeat scroll 0 -258px;}
  
  #site_info a#donate_link_en { position: absolute; bottom: -10px; height: 299px; width: 176px; right: 30px; 
    background: transparent url(images/donation_small.png) no-repeat scroll 0 0; text-indent: -9999px; }
  #site_info a#donate_link_en:hover,#site_info a#donate_link_en:focus { background: transparent url(images/donation_small.png) no-repeat 0 -300px;}
  #site_info a#donate_link_cy { position: absolute; bottom: -10px; height: 299px; width: 176px; right: 30px; 
    background: transparent url(images/donation_small_w.png) no-repeat scroll 0 0; text-indent: -9999px; }
  #site_info a#donate_link_cy:hover,#site_info a#donate_link_cy:focus { background: transparent url(images/donation_small_w.png) no-repeat 0 -300px;}
  
/* =p */
	#site_info p { float: right; padding-top: 10px; color:#999; padding-right: 100px;}
	.comment_info p { margin-bottom: 0; font-size: 0.9em;}/* =span */
	#site_info span { bottom: 0; float: left;}
	
/* =img */
	#site_info img#frontpage_girl, #site_info img#donatecan, #site_info img#frontpage_guy { position: absolute; bottom: -23px; left: -40px;}
	#site_info img#frontpage_guy { bottom: -20px;}
	#site_info img#donatecan { left: -20px; bottom: -33px;}
	#site_info img#donatecan_small { bottom: -15px; right: 80px; position: absolute;}
	
/* =form */
	form#charity_donation {
		width : 450px; }
	
/* =input */
	form#charity_donation select { width: 270px; font-size: 1.8em; margin-bottom: 15px;}
	form#charity_donation input.submit { width: 270px; font-size: 2em;}
	
/* =div */
   #container {
     position : relative;
     margin : 0 auto; width : 960px; }
   #nav_main {
     position : absolute; top:0;  width: 100%; z-index: 1; margin-bottom: 0}
   #content_main, #content_main_page {
   	display: block; padding-top: 200px; width: 240px; padding-left: 400px;}
   #content_donate_en, #content_donate_cy { 
   	padding-left: 420px;}   	
   #content_supp {
   	display: block; width: 400px; padding-left: 400px;}
   #site_info {border-top: thin #666 solid;}
   
   
    .page #content { display: block; overflow:hidden}
    .page #content_main { float:left; padding-left: 100px; width: 450px; padding-right: 160px;}
    .page #content_supp { float: left; padding-left: 0; width: 150px;padding-top: 300px;padding-bottom: 230px; }
   .comments { background-color: #eee; padding: 10px; -moz-border-radius: 3px; }
   .comment_info { margin-bottom: 0.2em; border-top: thin black solid;}
   .post { border-bottom: thin #999 solid;}
   .alignleft { float:left;}
   .alignright { float:right;}
   .navigation { padding-top:10px; padding-bottom: 20px;}