/*
-----------------------------------------------------
New Islington Festival 2008 (http://www.newislington.co.uk/) SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2008.08
-----------------------------------------------------

/*--------- Y!UI font and element normalisation ---------*/
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,em,strong,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;}
body {font:13px Georgia,Times New Roman,Times,serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/*--------- Global styles ---------*/
html { height:100%; margin-bottom:1px; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
.right { float:right; display:inline; }
.left { float:left; display:inline; }
.clear { position:relative; clear:both; }
strong, .strong { font-weight:700; }
body { background:#fff; font-size:77%; position:relative; text-align:center; }
#container { position:relative; margin:0px auto; width:801px; background:transparent url(../images/container-bg.gif) repeat-y left top; text-align:left; }
a.more { background:url(../images/global/arrow_grey.gif) no-repeat 0 50%; padding:0 0 0 8px; font-weight:700; }
h1{ display:block; width:251px; height:169px; background:transparent url(../images/logo.gif) no-repeat left top; text-indent:-9999px; }

/*------ Access links for nav and content ------*/
#nav-access { position:absolute; left:-9999px; }

/*------ Nav ------*/
#nav { display:block; float:left; width:220px; height:213px; padding:13px 0 0 29px; text-align:left; }
#nav li a { display:block; height:20px; text-indent:-9999px; margin:0 0 1px 0; overflow:hidden; }
#nav li a:hover { background-position:right top; }
#nav .current a { background-position:right top; }
#home { width:45px; background:#fff url(../images/nav-home.gif) no-repeat left top; }
#about { width:141px; background:#fff url(../images/nav-about.gif) no-repeat left top; }
#what { width:78px; background:#fff url(../images/nav-whats-on.gif) no-repeat left top; }
#where { width:100px; background:#fff url(../images/nav-where-its-at.gif) no-repeat left top; }
#gallery { width:66px; background:#fff url(../images/nav-gallery.gif) no-repeat left top; }
#sign-up { width:79px; background:#fff url(../images/nav-sign-up.gif) no-repeat left top; }
#get-involved { width:153px; background:#fff url(../images/nav-get-involved.gif) no-repeat left top; }
#sponsors { width:79px; background:#fff url(../images/nav-sponsors.gif) no-repeat left top; }

/*------ General layout ------*/
#header-wrap { min-height:633px; background:transparent url(../images/header-bg.gif) no-repeat 21px top; }
#footer-wrap { min-height:633px; background:transparent url(../images/footer-bg.gif) no-repeat 0 100%; }
#main-frame { display:block; float:right; margin:0 0 27px 0; width:552px; }
#top { display:block; width:552px; height:38px; background:transparent url(../images/frame-top.gif) no-repeat left top; }
#content { display:block; width:485px; margin:0 0 0 14px; padding:0 0 0 24px; background:transparent url(../images/frame-y-tile.gif) repeat-y left top; }
#unicorn { display:inline; float:left; }
h2 { display:inline; float:left; height:82px; text-indent:-9999px; }
.hr { position:relative; clear:both; margin:0 0 10px 0; width:460px; height:7px; background:transparent url(../images/hr.gif) no-repeat left top; }
.hr hr { display:none; }
h3 { margin:0 0 12px 3px; font-size:100%; color:#b3293c; font-weight:700; }
#bottom { display:block; width:535px; height:34px; margin:0 0 0 2px; background:transparent url(../images/frame-bottom.png) no-repeat left top; }
.content-container p { margin: 0 0 12px 3px; width:456px; font-size:93%; color:#612739; }
.content-container a { color:#612739; text-decoration:underline; font-weight:700; }
#last-p { margin: 0 0 0 3px; font-size:100%; color:#b3293c; font-weight:700; }
#last-p a { font-size:100%; color:#b3293c; font-weight:700; text-decoration:underline; }

/*------ Footer ------*/
#links { display:block; position:relative; margin:0px auto; width:802px; height:45px; padding:0 0 0 16px; }
#nosey-link { display:block; position:absolute; top:-285px; left:8px; width:249px; height:285px; background:transparent url(../images/come-nosey.gif) no-repeat left top; text-indent:-9999px;}
#links ul { display:block; position:absolute; top:-19px; background:transparent url(../images/links-bg.gif) no-repeat -35px top; }
#links ul li { display:inline; float:left; }
#links li a { display:block; text-indent:-9999px; height:53px; }
#us { width:147px; background:transparent url(../images/footer-us-logo.gif) no-repeat left top; }
#ep { width:109px; background:transparent url(../images/footer-ep-logo.gif) no-repeat left top; }
#nem { width:109px; background:transparent url(../images/footer-nem-logo.gif) no-repeat left top; }
#mmha { width:87px; background:transparent url(../images/footer-mmha-logo.gif) no-repeat left top; }
#ettg { width:86px; background:transparent url(../images/footer-ettg-logo.gif) no-repeat left top; }
#cl { width:107px; height:25px; background:transparent url(../images/footer-cl-logo.gif) no-repeat left 29px; }
#mn { width:121px; background:transparent url(../images/footer-mn-logo.gif) no-repeat left top; }
#footer { display:block; position:relative; margin:0px auto; width:760px; color:#9f3e5c; text-align:center; }
#footer a { color:#9f3e5c; }

/*------ Home ------*/
#home-cont { display:block; width:426px; height:136px; margin:13px 0 0 51px; background:#fff url(../images/home-content.gif) no-repeat left top; text-indent:-9999px; }

/* About */
#about-page h2 { width:344px; background:transparent url(../images/title-about.gif) no-repeat left top; }

/* Where it's at */
#where-page h2 { width:192px; background:transparent url(../images/title-where.gif) no-repeat left top; }
#map-wrap { display:block; width:460px; margin:0 0 10px 4px; }
#map-wrap img { float:left; width:205px; }
#map-wrap h3 { display:inline; float:right; width:240px; }
#map-wrap p { display:block; float:right; width:240px; }
#where-page h3 { margin:0 0 0 3px; }
#where-page ul { margin:0 0 0 3px; color:#612739; }
#where-page ul li { padding:0 0 0 7px; background:transparent url(../images/list-bullet.gif) no-repeat left 6px; font-size:93%; }

/* Get involved */
#get-involved-page h2 { width:305px; background:transparent url(../images/title-get-involved.gif) no-repeat left top; }
#get-involved-page p { margin: 0 0 0 3px; }

/* Sponsors */
#sponsors-page h2 { width:151px; background:transparent url(../images/title-sponsors.gif) no-repeat left top; }
#sponsors-page ul, #sponsors-page h3 { display:block; margin:0 0 0 3px; width:465px; }
#sponsors-page ul li { display:inline; float:left; }
#sponsors-page ul li a { display:block; text-indent:-9999px; }
#sponsors-page #us { width:114px; height:57px; background:transparent url(../images/sponsors-us.gif) no-repeat left top; }
#sponsors-page #nem { width:134px; height:57px; background:transparent url(../images/sponsors-nem.gif) no-repeat left top; }
#sponsors-page #ep { width:121px; height:57px; background:transparent url(../images/sponsors-ep.gif) no-repeat left top; }
#sponsors-page #ettg { width:82px; height:57px; background:transparent url(../images/sponsors-ettg.gif) no-repeat left top; }
#sponsors-page #mmha { width:92px; height:53px; background:transparent url(../images/sponsors-mmha.gif) no-repeat left top; }
#sponsors-page #mn { width:114px; height:70px; background:transparent url(../images/sponsors-mn.gif) no-repeat left top; }
#sponsors-page #sfp { width:134px; height:70px; background:transparent url(../images/sponsors-sfp.gif) no-repeat left top; }
#sponsors-page #adana { width:101px; height:70px; background:transparent url(../images/sponsors-adana.gif) no-repeat left top; text-indent:-9999px; }
#sponsors-page #isis { width:116px; height:70px; background:transparent url(../images/sponsors-isis.gif) no-repeat left top; }
#sponsors-page #windmill { width:114px; height:50px; background:transparent url(../images/sponsors-windmill.gif) no-repeat left top; }
#sponsors-page #cl { width:134px; height:50px; background:transparent url(../images/sponsors-cl.gif) no-repeat left top; }
#sponsors-page #ce { width:101px; height:50px; background:transparent url(../images/sponsors-ce.gif) no-repeat left top; text-indent:-9999px; }
#sponsors-page #pwc { width:116px; height:50px; background:transparent url(../images/sponsors-pwc.gif) no-repeat left top; }

/* Gallery */
#gallery-page h2 { width:132px; background:transparent url(../images/title-gallery.gif) no-repeat left top; }
#image-wrap { width:440px; margin:4px 0 0 15px; padding:4px 0 0 0; }
#image-wrap img { padding:0 10px 10px 0; }

/* What's on */
#what-page h2 { width:163px; background:transparent url(../images/title-whats-on.gif) no-repeat left top; }
#what-page h3 { margin:0 0 0 3px; }
#what-page hr { border:0; width:454px; clear:both; margin:0 0 10px 4px; color:#ead3da; background-color:#ead3da; height: 1px; }
#cotton-field-info { display:block; }
#old-mill-info { display:none; }
#last-p-a { margin:0 0 0 3px; }
#last-p-b { margin:0 0 0 3px; }
#cotton { display:inline; float:left; margin:0 11px 5px 21px; width:201px; height:21px; background:transparent url(../images/whats-on-cotton.gif) no-repeat right top; text-indent:-9999px; }
#old-mill { display:inline; float:left; width:201px; height:21px; background:transparent url(../images/whats-on-old-mill.gif) no-repeat left top; text-indent:-9999px; }

/* Sign up */
#sign-up-page h2 { width:153px; background:transparent url(../images/title-sign-up.gif) no-repeat left top; }
#sign-up-page p { color:#b3293c; }
#sign-up-page .hr { margin:0 0 14px 0; }
.errorLabel { color:#b3293c; }
input,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; font-size:1em; padding:3px; border:1px solid #b0b0b0; }
#registerForm input#submit { border:none; font-family:Georgia,Times New Roman,Times,serif; background-color:#9f3e5c; width:55px; color:#fff; margin-left:303px; cursor:pointer; }
#submit { margin-bottom:10px; }
#registerForm .formfield p { float:left;	width:130px; padding:0 15px 0 0; margin:2px 0 0 5px; display:inline; text-align:right; color:#612739; }
#registerForm .formfield input, #registerForm .formfield textarea { margin-bottom:16px; }
#sign-up-page #last-p { color:#612739; margin:0 0 0 3px; font-weight:normal; }
#sign-up-page #last-p a { color:#612739; }
#sign-up-page #asterisk {color:#612739; }