/* 
   this is the DOWN css layout designed for DOWN.NET

   this css layout (c) 2009 kabir akhtar.
   feel free to learn from it, but do not copy and/or
   republish entire chunks as your own.  thanks and good luck.
*/


body {
        background-color: #000;
        color: #ff0;
        font-family: Georgia, Helvetica, Verdana, Arial, sans-serif;
        font-size: 10px;
}

A         { color: #c90; text-decoration: none; border-bottom:dotted 0px}
A:visited { color: #990; text-decoration: none; border-bottom:dotted 0px}
A:hover   { color: #c00; text-decoration: none; border-bottom:dotted 1px}
A:active  { color: #f00; text-decoration: none; border-bottom:dotted 1px}


/* --master and Top/Masthead layout-- */

#master {
	background-color: #f00;
	width: 750px; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 26px;
		/* puts space under everything.
		there's too much on IE but at least
		this way there is enough in good browsers */

/*
	border-left: 1px solid #660;
	border-right: 1px solid #660;
*/
	}

#menu {
	float: left;
	width: 224px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #ccc;
}

#main {
	width: 520px;
	float: left;
	border: 0px dotted #f0f;
}

img {
	border: 0px;
}

.storypics {
	width: 450px;
	border: 1px solid #999;
	padding: 4px;
}

.imagemap {
}


#main p.bigpage {
	margin-top: 0px;
	font-size: 16px;
	color: #ccc;
	text-align: center;
	line-height: 130%
}

#main p.textpage, #main ul.bulleted {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #ccc;
	line-height: 130%;
}

#main p.photopage {
	margin-top: 0px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #ccc;
	line-height: 130%;
}


#main ul.bulleted {
	padding: 0px 0px 0px 0px;
	list-style: none;
	border: 0px dotted #88f;
}

li, .redbullet, .coldbullet, .bluebullet {
	position: relative;
	left: -10px;

	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0px 10px;
	margin-bottom: 10px;
	font-size: 14px;
}

.redbullet  {
  background-image: url("http://toolshed.down.net/buttons/tri990000K.jpg");
}
	

li.bulletchunk {
	position: relative;
	top: -10px;
	left: 0px;
	padding: 0 0 0 0px;
	margin-bottom: 20px;
	border: 0px dotted #090;
}



.upperimage {
	padding: 84px 0 0 0;
}

#main h2 {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	text-align: center;
	color: #fff;
}

h2.upperimage {
	position: relative;
	top: -18px;
	border-bottom: 1px solid #900;
}

h2.ending {
	border-top: 1px solid #900;
	padding-top: 8px;
	margin-bottom: 20px;
	font-weight: normal;
}


.mainimage {
	margin-top: 70px;
	padding: 4px 4px 4px 4px;
	width: 430px;
	border: 2px solid #999;
}



a.piclink:hover {border: 0px;}
img.storypics:hover {border: 1px solid #900;}