/* openupsheffield.co.uk 2011 based on
   openupsheffield.co.uk 2010
   #810204 -> #810204 -> #810204
   #222222 -> #222222
*/

body    {
 /* the topfade means we need a 1xbignum px transparent png with 980px centred white line, repeat-y - doesn't fix no v-scrollbar on short page */
 color:#222222; background:#c8d0a8;
 /* url(fade32b2t.png) bottom repeat-x fixed; */
 font-family:'arial narrow',sans-serif;
 margin:0; padding:0; width:100%; min-width:980px;
}
#topfade {
 position:absolute; width:100%;
 height:101%;
 background:transparent url('bkgds/topfade.png') 0 0 repeat-x fixed;
}
#container {
 background:#fff;
 position:relative;
 width:940px; /* px or % */
 min-height:100%;
 height:auto;
 margin: 0 auto 0 auto; /* centre */
 text-align:left;
 padding:20px;
 bottom:0;
}
* html #container {
 height:101%; text-align: center; min-height: 400px; /* For Mozilla/Opera/Safari */
}
img     { border:0; }
a img   { border:0; }
a       { text-decoration:underline; color:#222222; }
a:hover { text-decoration:none; color:#810204; }

img.left  { float:left;  margin:0 20px 20px 0; }
img.right { float:right; margin:0 0 20px 20px; }
.clear { clear:both; }

#left        { width:460px;float:left; }
#right       { width:460px;float:right; }

/* menubar */

#menubar     { width:100%; }
#logo        { float:left;margin-right:20px; }
#slogan      { color:#810204;font-family:'arial',sans-serif; letter-spacing:1px; padding-left:20px;padding-top:0;margin-top:0; font-size:140%; width:920px; }
#subslogan   { color:#667755; font-size:90%; }
#findartist  { float:right; }
#findartist select   { color:#810204; background:#ffffff; border:solid 1px #222222; } /* only colors are ~ x-browser */
#findartist optgroup { color:#810204; background:#c8d0a8; }
#findartist option   { color:#222222; background:#ffffff; }
#findartist .option1 { color:#810204; background:#ffffff; }
#listing { float:left; }
#listing a { color:#667755; }

#topnav       { float:left; margin:15px 0 20px 0; }
.item         { margin:0 20px 0 0; text-decoration:none; text-transform:uppercase; font-weight:600; }
#facebook     { float:right; }


/* misc toplevel styles */

.brown       { color:#810204; }
h2           { text-transform:uppercase; margin-top:20px;padding-top:0; font-size:120%; }
h2 .brown    { font-size:90%; }
.em          { font-style:italic; }
.strong      { color:#810204; font-weight:600; }
li           { list-style-type:circle; }
#latest      { width:438px; border:solid 1px #810204; background:#c8d0a8; padding:0 0 0 20px; margin:20px 0 0 0; }
#app2011     { width:418px; border:solid 1px #810204; background:#ffffff; padding:0 20px 0 20px; margin:20px 0 0 0; }
h3           { text-transform:uppercase; font-size:100%; font-style:italic; }
.sponsors img { margin:4px 16px 4px 0; }
.u           { text-decoration:underline; }
button,input[type="submit"] { background:#c8d0a8; }
input,textarea,button   { border:1px solid #222222;margin: 2px 0 0 0; }
input,textarea,.remove { width:458px; }
textarea     { height:140px; }
.short { height:35px; }
select       { color:#810204; background:#ffffff; border:solid 1px #222222; } /* only colors are ~ x-browser */
option       { color:#222222; background:#ffffff; }
.option1     { color:#810204; background:#ffffff; }
.gallery-page a img { margin:4px; padding:0; }
.faint a     { color:#c8d0a8; }
.right       { float:right; }
.download a  { color:#810204; text-decoration:none; font-weight:600; }
.download a:hover  { color:#222222; text-decoration:underline; }
.date        { float:right; }
.headline    {  }
.subhead     { color:#810204; font-weight:600; }
.blurb       {  }
.homenews    { color:#810204; font-style:italic; font-weight:600; margin:15px 0; }
.homenews a  { font-weight:normal; }
.homedate    { float:right; margin:15px 20px 0 0; font-style:italic; }
.link        {  }
.link-title  { color:#810204; font-weight:600; margin:15px 0; text-decoration:none; }

.legend img { vertical-align:middle; }

/* aotw */

#aotw           {  }
.aotw-title     {  }
.aotw-artist    {  }
.aotw-name      { text-transform:uppercase; font-weight:600; }
.aotw-lastname  { color:#810204; }
.aotw-blurb     { color:#810204; font-style:italic; font-weight:600; margin:15px 0; }
.aotw-blurb a   { font-weight:normal; }
.aotw-img-left  { float:left; margin-right:20px; margin-bottom:20px; }
.aotw-img-right { float:right; margin-left:20px; margin-bottom:20px; }
.aotw-note      { margin-top:0; font-style:italic; }


/* artist classes */

.name        {  }

.lastname    { color:#810204; }
.address     {  }
.addressnote { font-style:italic; }
.postcode    { white-space:nowrap; }
.phone1      { white-space:nowrap; }
.phone2      { white-space:nowrap; }
.seealso     { font-style:italic; }
.seealso a   { text-decoration:none; }
.email       {  }
.shortblurb  { color:#810204; font-weight:600; font-style:italic; }
.longblurb   {  }
.opendates   {  }
.xicon   { border:solid 1px #222222; }
.studioblurb {  }
.transport   { font-style:italic; }
.gallery img { margin:0 0 20px 20px; vertical-align:top; } /* kludge margin-bottom - add 4px from <br /> */
.images      { width:480px; margin-top:20px; padding-top:0; float:right; text-align:left; }