/* marysewell.co.uk site styles */

* { padding:0; margin:0; border:0; }

/* hide mac hack v2 \*/
* html {  }
/* end of hack */

/* layout - see http://www.sitepoint.com/forums/showthread.php?t=539255#post3764179 */

body {
 background:url(mid2.jpg) repeat-y center #141c30; height:100%; overflow-y:scroll; font-family:arial,sans-serif; color:#000;

 /* text-align:center; */
}
* html body { }

#wrapper {
 min-height:100%;
 /* margin:0 auto; left:0; width:100%; */
 text-align:left;
 max-width:100%;
 overflow-x:hidden;
}
* html #wrapper { height:100%; }

#top {
 position:fixed;
 left:50%; margin-left:-400px; width:800px;
 /* margin:0 auto; left:0; width:100%; */
 top:0; min-height:189px; height:189px; z-index:201;
 background:url(./t.png) no-repeat center top;
}
* html #top {
 position:absolute; /* position fixed for IE6 */
 top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}

#top-left {
 position:fixed;
 left:50%; margin-left:-400px; width:162px;
 /* margin:0 auto; left:0; width:100%; */
 top:188px; min-height:38px; height:38px; z-index:201;
 background:url(./tl.png) no-repeat left top;
}
* html #top-left {
 position:absolute; /* position fixed for IE6 */
 top:expression(189+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}

#bot {
 position:fixed;
 left:50%; margin-left:-400px; width:800px;
 /* margin:0 auto; left:0; width:100%; */
 bottom:-1px; min-height:9px; height:9px; z-index:201;
 background:url(./b.png) no-repeat center bottom;
}
* html #bot {
 position:absolute; /* position fixed for IE6 */
 top:expression(-18+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+((f=document.documentElement.clientHeight)?f:document.body.clientHeight)+'px');
}

#bot-left {
 position:fixed;
 left:50%; margin-left:-400px; width:158px;
 /* margin:0 auto; left:0; width:100%; */
 bottom:0; min-height:370px; height:370px; z-index:202;
 background:url(./bl2.png) no-repeat center bottom;
}
* html #bot-left {
 position:absolute; /* position fixed for IE6 */
 top:expression(-370+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+((f=document.documentElement.clientHeight)?f:document.body.clientHeight)+'px');
}

#content {
 position:absolute;
 left:50%; margin-left:-210px; width:569px;

 padding-bottom:20px; top:210px; z-index:100;


}
* html #content { xmargin-top:-20px; }

/* nav */

#top #nav {
 position:absolute; xz-index:300;
 top:108px; right:27px;
}

#nav ul {
 list-style:none; display:inline; height:30px; overflow:hidden; padding:0; margin:0;
}

#nav li {
 list-style:none; display:inline; padding:0; margin:0;
}

#nav a {
 float:left; padding:28px 0 0 1px; overflow:hidden; height:0 !important; height /**/:30px; /* ie5/win */
}

#nav #PHOME a {
 width:64px; background:url('home.png') top left no-repeat;
}

#nav #PBIOGR a {
 width:96px; background:url('biog.png') top left no-repeat;
}

#nav #PPAINT a {
 width:81px; background:url('pain.png') top left no-repeat;
}

#nav #PPHOTO a {
 width:122px; background:url('pho2.png') top left no-repeat;
}

#nav #PWORKS a {
 width:110px; background:url('work.png') top left no-repeat;
}

#nav #PLINKS a {
 width:59px; background:url('link.png') top left no-repeat;
}

#nav #PEMAIL a {
 width:78px; background:url('cont.png') top left no-repeat;
}

#nav #PHOME a:hover, #nav #PHOME a.here,
#nav #PBIOGR a:hover, #nav #PBIOGR a.here,
#nav #PPAINT a:hover, #nav #PPAINT a.here,
#nav #PPHOTO a:hover, #nav #PPHOTO a.here,
#nav #PWORKS a:hover, #nav #PWORKS a.here,
#nav #PLINKS a:hover, #nav #PLINKS a.here,
#nav #PEMAIL a:hover, #nav #PEMAIL a.here {
 background-position:0 -31px;
}

/* misc. styles */

h1 { display:none; }

p { margin-bottom:2ex; text-align:justify; line-height:150%; }

.right { float:right; margin:0 0 16px 24px; }
.clear { clear:both; }
.xhidden { visibility:hidden; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility:visible !important; margin:0; }

.sIFR-replaced { visibility:visible !important; }

span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }

/* sIFR Decoy styles  */

.sIFR-hasFlash h2 {
 visibility:hidden; margin-bottom:0; letter-spacing:-0.05em; line-height:160%; color:#933; font-size:28px; font-family:georgia,serif;
}


/* ... */

a {
 text-decoration: none;
 font-weight:normal;
 color:#333;
}

a:hover {
 text-decoration: underline;
 color:#222;
}

a.thickbox img, img {
 border:solid #666 1px;
}

.nobr {
 white-space:nowrap;
}




p  { margin:0 0 16px 0; }

.right {
 float:right;
 margin:0 0 16px 0;
 padding:0 0 0 29px;
}

.left {
 float:left;
 margin:0 0 16px 0;
 padding:0 29px 0 0;
}

.i_caption { font-style:italic; margin:8px 0 0 0; }
.a_caption { font-style:italic; margin:8px 0 0 0; width:320px; }
.t_caption { font-style:italic; margin:8px 0 0 0; max-width:inherit; }

.clear { clear:both; }

.help {
 cursor:help;
 border-bottom:dotted 1px;
}

.subhead {
 color:#933;
 font-weight:bolder;
 font-style:italic;
}

#subnav {
 /*padding-left:26px;*/
}

li {
 list-style:outside circle;
 margin:0 0 16px 29px;
}

dd ul {
 margin:0 0 16px 45px;
}

ul {
 list-style:outside circle;
}

h2 { font-size:140%; font-weight:500; margin:0 0 16px 0; color:#933; font-family:georgia,serif;  }

/* collapsible */

dl.collapsible * {
 margin-left:0;
}
dl.collapsible dt {
 font-weight:500; padding-left:23px; margin:0 0 16px -23px; list-style:none; font-size:120%; font-family:georgia,serif;

}
dl.collapsible dt a {
 font-weight:500; cursor:pointer; font-family:georgia,serif;
}
dl.collapsible dt.hidden {
 background:url(./cl_hi.png) no-repeat 0 50%; color:#666;
}
dl.collapsible dt.hidden:hover {
 background-image:url(./cl_va.png); color:#933;
}
dl.collapsible dt.hidden:hover a {
 color:#933;
}
dl.collapsible dt.visible {
 background:url(./cl_va.png) no-repeat 0 50%; color:#933;
}
dl.collapsible dt.visible a {
 color:#933;
}
dl.collapsible dt.visible:hover {
 background-image:url(./cl_hi.png); color:#666;
}
dl.collapsible dt.visible:hover a {
 color:#666;
}
dl.collapsible dd {
 margin:0 0 0 0;
}
dl.collapsible dt a {
 color:#666;
}
dl.collapsible dt a:hover {
 color:#933;
 text-decoration:none;
}

/* types */

a.external { padding-right:14px;background:url(../icon/external.png) no-repeat center right; }
a.email { padding-right:17px;background:url(../icon/email.png) no-repeat center right; }

a.mp3, a.wmf, a.ogg, a.wav
      { display:inline; padding-left:18px;background:url(../icon/audio.png) no-repeat 0 50%; height:16px; }
a.doc { display:inline; padding-left:18px;background:url(../icon/doc.png) no-repeat 0 50%; height:16px; }
a.exe { display:inline; padding-left:18px;background:url(../icon/exe.png) no-repeat 0 50%; height:16px; }
a.htm { display:inline; padding-left:18px;background:url(../icon/htm.png) no-repeat 0 50%; height:16px; }
a.mdb { display:inline; padding-left:18px;background:url(../icon/mdb.png) no-repeat 0 50%; height:16px; }
a.mov { display:inline; padding-left:18px;background:url(../icon/mov.png) no-repeat 0 50%; height:16px; }
a.other { display:inline; padding-left:18px;background:url(../icon/other.png) no-repeat 0 50%; height:16px; }
a.pdf { display:inline; padding-left:18px;background:url(../icon/pdf.png) no-repeat 0 50%; height:16px; }
a.ppt { display:inline; padding-left:18px;background:url(../icon/ppt.png) no-repeat 0 50%; height:16px; }
a.psd { display:inline; padding-left:18px;background:url(../icon/psd.png) no-repeat 0 50%; height:16px; }
a.rss { display:inline; padding-left:18px;background:url(../icon/rss.png) no-repeat 0 50%; height:16px; }
a.swf { display:inline; padding-left:18px;background:url(../icon/swf.png) no-repeat 0 50%; height:16px; }
a.txt { display:inline; padding-left:18px;background:url(../icon/txt.png) no-repeat 0 50%; height:16px; }
a.avi, a.mp4, a.mpg, a.m4v
      { display:inline; padding-left:18px;background:url(../icon/video.png) no-repeat 0 50%; height:16px; }
a.xls { display:inline; padding-left:18px;background:url(../icon/xls.png) no-repeat 0 50%; height:16px; }
a.xml { display:inline; padding-left:18px;background:url(../icon/xml.png) no-repeat 0 50%; height:16px; }
a.zip, a.gz, a.tgz { display:inline; padding-left:18px;background:url(../icon/zip.png) no-repeat 0 50%; height:16px; }

/* mailer form */

form { width:auto; xbackground:pink; }

button {
 xbackground:#eee;
 border:solid #666 1px;
}

input, textarea {
 width:532px;
 xbackground:#eee;
 color:#306;
 border:solid #666 1px;
}

textarea {
 height:8em;
}

pre, pre * {
 color:#306;
 white-space:pre-wrap;
 white-space:-moz-pre-wrap;
 font-family:'lucida console',monospace;
 xmargin:16px 0 0 28px;
}

fieldset {
 border:1px solid #999;
 margin:10px 0;
 padding:20px;
 width:532px;
}

legend {
 padding: 0 8px;
}

.prompt {
 color:#666;
 xfloat:right;
 font-style:italic;
}

/* ee form */

#f code, #f textarea, #f input, pre {
 color:#306;
 xbackground:#eee;
 white-space:pre-wrap; /* TODO uncomment */
 white-space:-moz-pre-wrap;
 font-family:'lucida console',monospace;
}

#f {
 width:auto;
}

#f button {
 xbackground:#eee;
 border:1px solid;
 padding:1px;
}

#f button, #f button .u {
 color:inherit;
}

#f input, #f select, #f textarea, #f .file {
 xbackground:#eee;
 color:#306;
 border:1px solid #999;
 margin:0 2px 0 0;
 width:532px;
}

#f option {
 xbackground:#ddd;
 color:#000;
}

#f label {
 line-height:160%;
}

#f textarea {
 height:96px;
}

#f button { margin-top:4px; }

#f fieldset {
 border:1px solid #000;
 margin:10px 0;
 padding:10px 20px 20px 20px;
 width:532px;
}

#f legend {
 padding: 0 8px;
}

.u {
 text-decoration:underline;
}

#f .radio, #f .checkbox {
 width:auto;
 vertical-align:middle;
 border:none;
}

.new  { color:#306; }
.warn { color:#f66; }

abbr {
 cursor:help;
 border-bottom:dotted 1px;
}


#preview { border:solid 1px #666; width:auto; }