/* stylesheet for geniusweirdo.org holding page */

/*======================================= BASE CSS ======*/
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
	copied from source css www.freakswhocare.org
  	
  */

h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  ul,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}
  a {text-decoration:none;}
ul {list-style-type:none;}
/*===================== END ============= BASE CSS ======*/
a {
text-decoration:none;
color:#666666;
font-weight:bold;
}
a:hover {
color:#ffbb00;
}
/*checkGrad022209.jpg*/
/*gw32faviconC.jpg*/
/*checkGrad022209.jpg*/
body {
background: #ffcccc url("images/gunnTartanAncient.jpg") top left repeat;
}
h1 {display:block;font-size:2.5 em;padding:.5em 0em;}


#back {
position: absolute;
top:0px;
left:70px;
font: .85em arial, helvetica, sans-serif;
line-height:26px;
width:5em;
text-align:center;
padding-left:-5px;
font-weight:bold;
background: transparent url(images/whDrShC30Left.png) top left no-repeat;

}

#back a{
color:#000;
background: transparent url(images/whDrShC30Right.png) top right no-repeat;
width:5em;
height:30px;
line-height:20px;
display:block;
margin-left:14px;
text-align:center;
padding:0px;
}

#back a:link {
color: #fb0;
}

#back a:hover {
color: blue;
}
/*====================sitework STYLE ======================*/

#sitework {
display:none;

position:absolute;
height:auto;
width:auto;
padding:0px 3px 0px 3px;
bottom:5px/*.5em*/;
right:10px/*17em*/;
line-height:20px;
font:.65em "century gothic", arial, helvetica, sans-serif;
color:#333333;
font-weight:normal;
border:1px solid transparent;
/*background:transparent url(images/50trans.png) top left repeat;*/
}
#sitework a {
margin-top:-6px;
display:inline;
line-height:20px;
height:20px;
padding-left:2px;
padding-right:3px;
background:transparent /*url(images/cdiconBlk.ico) top right no-repeat;*/
text-decoration:none;
color:#333333;
font-weight:bold;
border:1px solid transparent;
}
#sitework:link {color:#333333;border:1px solid transparent;}
#sitework:visited {color:#333333;border:1px solid transparent;}
#sitework:hover {color:#000000;background:transparent url(images/50trans.png) top left repeat;
border-top:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #ffffff;
line-height:.6em;
}

#sitework a:link {color:#333333;border:1px solid transparent;}
#sitework a:visited {color:#333333;border:1px solid transparent;}
#sitework a:hover {color:#000000;background:transparent url(images/50trans.png) top left repeat;
border-top:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #ffffff;
}
#sitework a:active {color:#cccccc;border:1px solid transparent;}
#sitework a img {border:1px solid transparent;}



/*===========END=========sitework STYLE ==============END========*/
#rights {
position:absolute;
height:auto;
width:40em;
padding:0px 3px 0px 3px;
bottom:5px/*.5em*/;
right:10px/*17em*/;
font:.65em "century gothic", arial, helvetica, sans-serif;
line-height:.8em;

color:#333333;
font-weight:normal;
border:1px solid transparent;
/*background:transparent url(images/50trans.png) top left repeat;*/
}

#wrapper {
position:absolute;
width: 950px;
height: 300px;
left:50%;
top:50%;
margin-left: -475px;
margin-top:  -100px;
}


#logo {
position: absolute;
width: 318px;
height: 125px;
left: 50%;
top: 50%;
margin-left: -160px;
margin-top: -140px;
}

#logo img{
padding:5px;
background:transparent url(images/50trans.png) top left repeat;
border-top:2px solid #ffffff;
border-right:2px solid #aaaaaa;
border-bottom:2px solid #aaaaaa;
border-left:2px solid #ffffff;

}
#tag {
position:fixed;
bottom:0;
margin-bottom:5px;
left:0;
margin-left:20px;
right:auto;
margin-right:auto;
top:auto; 
margin-top:auto;
text-align: center;
padding:0px;
padding-left:20px;
font: .65em "century gothic", arial, helvetica, sans-serif;
line-height:1em;
font-weight: normal;
color: #333333;
background:transparent url(images/gw16faviconC.ico) 0px 5px no-repeat;
border:1px solid transparent;
text-transform:lowercase;
}
/*
#tag:hover {
background:transparent url(images/50trans.png) top left repeat;
border-top:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #ffffff;
margin-left:40px;
padding-left:0px;
margin-bottom:8px;
}
*/
#tag .note {
width:75%;
text-align:center;
left:50%;
margin-left:12%;
height:auto;
padding:5px;
font-size:.82em;
line-height:.9em;
background:tranparent url(images/50trans.png) top left repeat;
}

#tag a{color:#000000;}
#tag a:link{color:#000000;}
#tag a:hover{color:#dd5814;}
#tag a:active{color:#ffffff;}


.access {
position:relative;
background: transparent url("images/whDrShC30Left.png") top left no-repeat;
font: .9em "century gothic", arial, helvetica, sans-serif;
height:25px;
margin-left:0px;
margin-right:5px;
padding:0px 2px 8px 14px;
width:auto;
line-height:auto;
text-align:center;
z-index:2;
}
.access a {
position:absolute;
height:25px;
padding:1px 16px 8px 14px;
margin-left:-14px;
margin-right:2px;
line-height:auto;
font-weight: bold;
color: #cc5500;
background:transparent url("images/whDrShC30Right.png") top right no-repeat;
z-index:1;

}


.access a:link{
color: #000000;
}
.access a:visited {
color: #de742e;
}
.access a:hover {
color:#a7b343;
}

#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9, #a10, #a11, #a12, #a13, #a14, #a15, #a16, #a17, #a18, #a19, #a20, #a21, #a22, #a23, #a24, #a25, #a26 {position:absolute;
display:block;
width:auto;
height:auto;
z-index:50;
}
#a1  {top:15%; left:75%;} 	/* corax design -- currently commented out in xhtml*/
#a2  {top:45%; left:77%;}	/* boris and sergei */
#a3  {top:57%; left:21%;}	/* prison movie nicknames */	
#a4  {top:61%; left:37%;}	/* the beech wood */
#a5  {top:73%; left:8%;}	/* barton cole -- currently commented out in xhtml*/
#a6  {top:15%; left:40%;}	/* the dream */
#a7  {top:63%; left:63%;}	/* alphabetical */
#a8  {top:12%; left:21%;}	/* crows */
#a9  {top:23%; left:63%;}	/* band name registry */
#a10 {top:56%; left:70%;}	/* schrödinger's grapefruit */
#a11 {top:29%; left:15%;}	/* squirrel politics */
#a12 {top:10%; left:73%;}	/* high road or low? */
#a13 {top:47%; left:12%;}	/* developer on the run */
#a14 {top:71%; left:53%;}	/* waterdrop */
#a15 {top:8%;  left:52%;}	/* paper-match rockets*/
#a16 {top:68%;  left:08%;}	/* bread-bag clip puzzle*/
#a17 {top:30%;  left:81%;}	/* crepes au chocolat*/
#a18 {top:39%; left:66%;}	/* my compost from space*/
#a19 {top:24%; left:28%;}	/* a brewer's mouthful*/
#a20 {top:05%; left:36%;}	/* the park bench*/
#a21 {top:71%; left:83%;}	/* thim the pickler*/
#a22 {top:51%; left:64%;}	/* euclid was a crow */
#a23 {top:37%; left:19%;}	/* where are they?*/
#a24 {top:29%; left:45%;}	/* on the road */
#a25 {top:19%; left:49%;}	/* the ides of february */
#a26 {top:20%; left:80%;}	/* proof of god */

#banned {position:fixed;top:0;left:0;z-index:100; width:auto; height:auto; margin:10px;}
sub {font-size:.7em;}
sup {font-size:.7em;}
p {margin-bottom:.5em;}
#onlycontent {
position:absolute;
background: #ffffff;
width:520px;
height:450px;
top:50%;
left:50%;
margin-top:-270px;
margin-left:-250px;
font: .9em arial, helvetica, sans-serif;
color: #222;
line-height:1.2em;
overflow: auto;
border: 1px solid #b3d226;
padding: 10px 20px;
}

#onlycontent ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#onlycontent #boldlist li {
font-weight:bold;
line-height:1.4em;
}

#onlycontent .note {
display:block;
padding-left: 75px;
font-size: .9em;
line-height:1.1em;

}
#onlycontent ul.god .note {margin-top:-.75em;padding=0;}

#onlycontent .tiny{
display:block;
padding-left: 15px;
font-size: .7em;
line-height:.9em;

}
#onlycontent .tiny p{margin:.5em 0em;}


#onlycontent .note .highlight{
background-color:yellow;
}
#onlycontent .note-left {
display:block;
padding-left: 5px;
font-size: .9em;
line-height:.9em;
}
#onlycontent a {color: #990000;
font-weight:bold;
}

#onlycontent a:link {color: #990000;}
#onlycontent a:visited{color: #990000;}
#onlycontent a:hover {color: #cc8822;}

#onlycontent li a.bullet:link{color: #990000;padding-left:15px;}
#onlycontent li a.bullet:visited{color: #990000;padding-left:15px;}
#onlycontent li a.bullet:hover{color: #cc8822;padding-left:15px;background:transparent url(images/arbul2.gif) left 50% no-repeat;}
/*
#onlycontent li a.bullet:hover{color: #cc8822;padding-left:15px;background:transparent url(images/arbul2.gif) left 50% no-repeat;}
*/

#onlycontent li a.bullet:active{color: #990000;background:transparent url(images/arbul2.gif) left 50% no-repeat;}

#onlycontent a.ex {
color: #990000;
font-weight:bold;
}

#onlycontent a.ex-link {
color: #990000;
background:transparent url(images/exlink1.png) no-repeat right 50%;
padding-right:1.1em;
}

#onlycontent a.ex:visited{
color: #990000;
background:transparent url(images/exlink1.png) no-repeat right 50%;
padding-right:1.1em;

}
#onlycontent a.ex:hover {
color: #a7b343;
background:transparent url(images/exlink1b.png) no-repeat right 50%;
padding-right:1.1em;

}
ul.god {
border-top:2px solid gray;
margin:5px 0px;
padding:10px 10px 40px 10px;
border-bottom:2px solid gray;
text-align:center;

}
ul.god li {
font:1.3em eurostile, "century gothic", helvetica, arial, sans-serif;
font-weight:bold;
color:#333333;
line-height:40px;
padding-left:36px;
background:transparent url("images/icons/gWIcon32.png") center left no-repeat;
}

#onlycontent img {/*comment this out for now - bc 020709 
margin-top:5px;
margin-bottom:5px;		*/
}

img.god-image {margin:10px;border:2px solid gold;}

.vertical-spacer {height:200px;}
.title{
position: absolute;
width: auto;
height: auto;
margin-top:-188px;
margin-left: 70px;
margin-bottom:10px;
background: transparent url(images/50trans.png) top left repeat;
color: #de742e;
padding:0px 5px 5px 5px;
font: 3em impact, "century gothic", arial, helvetica, sans-serif;
font-weight: bold;
border-top:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #ffffff;

}
.title h5 {
display:block;
margin-top:-5px;
color: #f38920;
font: 1.3em "century gothic", arial, helvetica, sans-serif;
font-weight: bold;
}

.title .copy {
font-family: "century gothic", arial, helvetica, sans-serif;
font-weight:normal;
font-size:.25em;
color:#333;
/* color:red; test over-ride */
padding-left:22px;
margin-top:10px;
background:transparent url(images/gw16faviconC.ico) 2px 5px no-repeat;
}

a.tip {
position: relative;
}

a.tip span {
display: none;
}

a.tip:hover span {
display:block;
position:fixed;
font: 10pt arial, helvetica, sans-serif;
line-height: .9em;
font-variant:small-caps;
font-weight:bold;
text-align:center;
padding: 0.2em 0.6em 0.4em 1.9em;
border:1px solid;
border-top:#ffffff;
border-right:#aaaaaa;
border-bottom:#aaaaaa;
border-left:#ffffff;
background: transparent url(images/gwTipBackground022809.png) no-repeat top left;
/*
background: #333333 url(images/gw20faviconC.png) no-repeat 1px 50%;
*/
color: #333333;
bottom: 8em;
left: 25em;
z-index:100;
}

a.tip:hover span h1 {
color: #de742e;
font: 3.3em impact, arial, helvetica, sans-serif;
line-height:1em;
font-weight: bold;
position:absolute;
top: -1.5em;
left: -1.25em;
width: auto;
padding:0px 5px 5px 5px;
background:transparent url(images/50trans.png) top left repeat;
border-top:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
border-left:1px solid #ffffff;

}
hr {
width:100%;
height:20px;
border:none;
background:#e5e0e1 url("images/picketBar.png") center left repeat-x;
}
table {
font:.8em arial, helvetica, sans-serif;
color:#333333;
border:none;
}
tr, td {
line-height:.9em;

border:none;
}

h2, h3, h4, h5, h6{padding-bottom:.5em;padding-top:.5em;}
.rt {
float:right;
}
.lf {
float:left;
}

.clear {
clear:both;
}
.bottom-padding {
padding-bottom: 75px;}

.crows {background:#ffffff!important;}

#inside-logo {
position:fixed;
top:0;
right:0;
margin-top:23em;
margin-right:1em;
margin-bottom:auto;
margin-left:auto;
height:129px;
width:291px;
}
#inside-logo {
background:tranparent;
}