/*Default Stylesheet for The Butterflyer
Author:  David Gardner
Last Revised:  06-25-06*/

/*Global Styles*/

body {
	background:#ffffff;
	color:#2d4879;/*Sets text default color*/
	margin:0;/*Make browser use full window*/
	padding:0;/*Make browser use full window*/
}

.hide {
	position:absolute;/*Removes item from regular page flow*/
	left:-999em;/*Hides item offscreen*/
}

img {
	padding:5px;
	border:1px solid;
}


/*Header Styles*/

#header {
	padding:0px 10px;
}

#header a:hover {
	background:url(../../media/images/overlay2.png);
}


/*Main Content Styles*/

#main {
	width:100%;
	margin:0 auto;
	padding:5px 10px;
	clear:both;
	text-align:center;
}


/*Footer Styles*/

#footer {
	padding:5px 10px;
	clear:both;
}

.thumbs {
	text-align:center;
}

#footer img {
	margin-left:20px;
}


/*Page navigation styles*/

#pagenav {
	margin-bottom: 10px;;
	float:left;
}

#pagenav a {
	display:block;/*Makes links act as blocks and not inline elements*/
}

#pagenav ul {
	list-style:none;/*Removes bullets from list*/
	margin:0; /*Removes indents from list*/
	padding:0;/*Removes indents from list*/
}

#pagenav li {
	float:left;
	padding:0px 20px;
	border-left:1px solid;
}

#pagenav li.firstnav {
	padding-left:0px;
	border-left:0;
}

/*Text Box Styles*/

.bt {
	background:url(../../media/images/box.png) no-repeat 100% 0;
	margin:0 0 0 30px;
	height:15px;
}

.bt div {
	height:15px;
	width:30px;
	position:relative;
	left:-30px;
	background:url(../../media/images/box.png) no-repeat 0 0;
}

.bb {
	background:url(../../media/images/box.png) no-repeat 100% 100%;
	margin:0 0 0 30px;
	height:15px;
}

.bb div {
	height:15px;
	width:30px;
	position:relative;
	left:-30px;
	background:url(../../media/images/box.png) no-repeat 0 100%;
}

.i1 {
	padding:0 0 0 30px;
	background:url(../../media/images/borders.png) repeat-y 0 0;
}

.i2 {
	padding:0 30px 0 0;
	background:url(../../media/images/borders.png) repeat-y 100% 0;
}

.i3{
	background:url(../../media/images/overlay2.png);
}

.i3 p {
	margin:0;
}

/*Typographic Styles*/

h1 {
	margin:0;/*Pushes text away from the edge a bit*/
	font-size:1.2em;
}

h2 {
	margin:0;/*Pushes text away from the edge a bit*/
	margin-bottom:5px;
	font-size:1.1em;
}

a, a:active, a:visited {
	color:#2d4879;/*Set link colors to all be the same*/
}