@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:medium;
	color:white;
	background: rgb(89,71,50); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(89,71,50,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(89,71,50,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(89,71,50,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(89,71,50,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(89,71,50,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  rgba(89,71,50,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594732', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment:fixed;		
}

a {	color:#C96;}
a:visited {	color:#C96;}
a:hover {	color:#fff;}
a img {border:0px;}

li{
	margin-left:0px;
	padding-left:0px;
}

ul{
	margin-left:0px;
	padding-left:0px;
}


.container {
	display:block;
	overflow:auto;
	width:750px;
	float:none;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	margin-bottom:15px;
}

.innercontainer{
	display:block;
	overflow:visible;
	width:100%;
	}

.pagelinks {
	width:730px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	font-size:xx-small;
	color:#C96;
}

#welcome {
	
	background:#FFFFCC;	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:black;
	padding:10px;
	left:0px;
	min-height:250px;
	text-align:center;
	box-shadow: 3px 3px 5px #000;
	-moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 3px 3px 5px #000;	
}

#welcome a {
	color:black;
	text-decoration:none;
}
	 
#catalogue {
	
	display:none;
	padding:3px;
	color:black;
	text-align:left;
	
	}
	
#catalogue a:hover {color:black}

.catalogue_list {
	list-style-type:none;
}

.catalogue_list li{
	margin-left:10px;
	margin-bottom:3px;
	cursor:pointer;
	color:#C96;
	text-decoration:underline;
}

.catalogue_list li:hover{
	color:black;
}

.button {
	cursor:pointer;
	background-color:#FC9;
	border-radius:4px;
	color:#000;
	padding:3px;
	display:inline-block;
	text-align:center;
	padding:4px;
	box-shadow: 3px 3px 5px #000;
	-moz-box-shadow: 3px 3px 5px #000;
	-webkit-box-shadow: 3px 3px 5px #000;	
}

.navigation {
	display:none;
}

.prev {
	float:left;
	display:none;
	}

.next {
	float:right;
	display:none;
	}

.hidden {
	display:none;
}

.book {
	background:#FFFFCC;
	border-image:url(images/paper_border.png) 25 25 ;
	-moz-border-image:url(images/paper_border.png) 25 25;
	-webkit-border-image:url(images/paper_border.png) 25 25;
	border-width:25px 25px 25px 25px;
	background-clip:padding-box;
	-moz-background-clip:padding-box;
	color:black;
	display:none;
	font-size:medium;

}


.tweet {
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#display_top {
	font-size:smaller;
	color:#930;
	height:20px;
}



#twitter_update_list li {
	display:block;
	margin-bottom:15px;
	border-bottom:1px solid #C96;
	position:relative;
}



#twitter_update_list li span {
	display:inline-block;
	position:relative;
	width:630px;
	margin-bottom:2px;

}

#twitter_update_list li a{	
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:xx-small;
	width:100px;
	margin-bottom:2px;
	color:#C96;
}

#twitter_update_list li span a {
	display:inline;
	position:relative;
	font-size:medium;
}


#twitter_update_list li a:hover{	
	color:#000;
}




#AccountName {	
	float:left;
	max-width:500px;
}

#PageInfo {
	float:right;
	max-width:150px;
	text-align:right;
}


/*These are the "back to" navigation buttons*/
.navigation_back {
	display:none;
	cursor:pointer;
	color:#CC9;
}

.navigation_back:hover{
	color:#FFF;
}

#codingnotes {
	display:none;
}

#about {
	font-size:x-small;
}

#usernotes {
	font-size:small;
	font-style:italic;
	margin-bottom:5px;
	text-align:center;
}


#browsebox {
	display:inline-block;
	float:right;	
	width:350px;
	border-radius:5px;
	padding:5px;
	}

#verticaldiv {
	position:relative;
	float:left;
	margin-top:25px;
	margin-left:25px;
	height:100px;
	background:#963;
	opacity:0.5;
	width:1px;
	}

#searchbox {
	display:inline-block;
	float:left;
	width:350px;
	padding:5px;
	padding-top:50px;
	}
	
#browsebutton{	cursor:pointer;
}