/* Looking at this 20 years later I wonder what the 
	difference is between this and showsstyle.css I guess 
	I better find out before I run migshows.py and everyone 
	is moved.

	Turns out mostly it's that images are set to 135 here
	and their 180 in showstyles. The decorative borders 
	are different on AccountHeader. The usable is 800 in
	show and only 720 here but I see inline overrides
	everywhere. We could push folks up and it looks okay...

	EXCEPT: the text inside of LivePhotos is all wrong. */

body {
   background-image: url("../images/wallsconce.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top left;
	background-color: black;
} 

p { 
	margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
}

#accountContainer p.note {
   font-size: smaller;
   font-style: italic;
}

a:link {
	color: white;
	text-decoration: none;
}

a:visited {
	color: white;
	text-decoration: none;
}

a:hover {
	color: darkorange;
}

div#livePhotos img {
	width: 135px;
	margin: 0px 0px 2px 0px;
	clear: right;
	border: 0px;
}

div#accountContainer p:first-letter {
	color: darkorange;
	font-size: 200%;
}

#accountContainer p.note::first-letter {
   color: inherit;
   font-size: inherit;
}

div.pageBlurb {
	width: 615px;
	background-color: black;
	padding: 0px 5px 0px 0px;

	color: white;
	font-family: verdana, Geneva, Arial;
	font-size: 12px;
	line-height: 140%;
}

img.logo {
   opacity: .75;
   width: 400px;
   height: 82px;
}

div#header img {
	border: 0px;
}

#header {
	width: 620px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

#accountHeader {
	width: 619px;
	background-color: black;
	padding: 5px 0px 5px 0px;

	text-align: center;
	color: white;
	font-family: verdana, Geneva, Arial;
	font-size: 12px;

	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: white;

	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: white;
}

#usable {
	margin-top: 20px; 
	width: 720px; 
	/* height: 750px;   Many pages will have this hardcoded in */
}


#rightcol {
	width: 180px;
	float: right;
}

#livePhotos {
	width: 135px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;

	background-color: gray;
	border: 2px dotted white;

	color: black;
	font-family: verdana;
	font-size: 10px;

	text-align: center; 
}

#accountContainer {
	display: block;
	width: 620px;
}

#accountFooter {
	/* IE on Mac is adding a 10px top margin to this
	   for some reason */
	margin: 0px 0px 0px 0px;
	width: 625px;	/* Why did I just change from 620 to 625 */
	padding-top: 10px;
	border-top: 1px dashed darkorange;

	color: darkorange;
	background-color: black;

	text-align: center;
	font-family: impact, fantasy, arial;
	font-size: 16px;
	line-height: 120%;
}