/* CSS Document 
	Being the style declarations for Arleea.com
	The website of Jane Smith
	Wherein she showcases her art
	Created and designed by:
	Stewart Baker, Esq.
	webmaster@infomancy.net
	Creator of sundry entertaining and vacuous sites
	such as:
	infomancy.net ; endpropaganda.org ; marsonasstory.com ; &c., &c., &c.
*/

/* default tags */
body {
	background-color:#999999;
	text-align:center;	
}

/* div tags */
div.wrap {
	position:relative;
	margin:0 auto; 
	top:0px;
	width:876px;
	height:674px;
	background-image:url(SiteImages/site_frame.jpg);
	background-repeat:no-repeat;	
}

div.wrapgal {
	position:relative;
	margin:0 auto; 
	top:0px;
	width:876px;
	height:900px;
	background-image:url(SiteImages/gallery-frame.jpg);
	background-repeat:no-repeat;
}

div.gallery {
	position:relative;
	top:60px;
	height:auto;
}

div.topmenu {
	position:relative;
	width:805px;
	height:30px;
	background-color:#00CC99;
	clear:both;
}

div.topmenubutton {
	position:relative;
	float:left;
	width:110px;
	height:30px;
	left:15px;
	background-color:#00CC99;
	line-height:30px;
}  

div.topmenubutton:hover {
	background-color:#33EEAA;
}

div.topmenu a, div.galcon a {
	text-decoration:none;
	color:#000000;
	width:100%;
	height:100%;
}

/* tags for the gallery.php page */
div.galcon {
	position:relative;
	height:30px;
	padding-left:10px;
	line-height:30px;
	text-align:left;
	background-color:#33EEAA;
	float:left;
	width:99%;
}

div.items {
	position:relative;
	width:75%;
	left:8%;
	clear:both;
	text-align:left;
	height:440px;
	margin-top:50px;
	overflow:auto;
}

div.news {
	position:relative;
	width:400px;
	height:450px;
	margin-top:25px;
	text-align:left;
	background-color:#AAFFCC;
	padding:15px;
	overflow:scroll;
}

div.clear {
	clear:both;
}

div.thumb {
	position:relative;
	float:left;
	width:100px;
	margin:10px;
	background-color:#CCCCCC;

}

div.footer {
	position:relative;
	width:100%;
	border-top:1px solid black;
	font-size:10px;
}

/* tags for the reel.php page */

div.reelscroll {
	position:relative;
	float:right;
	width:126px;
	height:400px;
	overflow:auto;
	text-align:center;
}

div.reelthumb {
	position:relative;
	width:100px;
	border:1px solid black;
	margin:13px;
}

div.animation {
	position:relative;
	width:65%;
	text-align:center;
}