/* CSS Document */

/*element styles*/
BODY {
	margin:0;
	padding:0;
	background:#CCC9A3;
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #7E7A5B;
	text-align:center;
}
#index-body{
	background:#64624A;
}
#index-body-wrapper{
	position:relative;
	padding-top:250px;
	margin:0 auto;
	display:block;
	float:none;
	/*z-index:200;*/
}
#i-wrapper{
	margin:0 auto;
	padding:0 0 20px 0;
}
#index-bg-tl{
	height:342px;
	width:342px;
	float:left;
	top:0;
	background:transparent url(http://threepin.org/themes/three_pin/images/index-bg-tl.gif) top left no-repeat;
	/*z-index:100;*/
}
#index-bg-tr{
	height:342px;
	width:342px;
	float:right;
	top:0;
	background:transparent url(http://threepin.org/themes/three_pin/images/index-bg-tr.gif) top right no-repeat;
	/*z-index:100;*/
}
#index-bg-bl{
	height:342px;
	width:342px;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	background:transparent url(http://threepin.org/themes/three_pin/images/index-bg-bl.gif) bottom left no-repeat;
	/*z-index:100;*/
}
#index-bg-br{
	height:342px;
	width:342px;
	float:right;
	position:absolute;
	right:0;
	bottom:0;
	background:transparent url(http://threepin.org/themes/three_pin/images/index-bg-br.gif) bottom right no-repeat;
	/*z-index:100;*/
}
a, a:hover, a:visited, a:link {
	text-decoration: none;
}
h1.main-header {
	font: 24px/24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.01em;
	margin: 0 0 15px 0;
	color: #484636;
	text-align:left;
}
h1.sub-header {
	font: 14px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.01em;
	margin: 0 0 3px 0;
	color: #484636;
	text-align:left;
}
h2.news_title {
	font: 14px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.01em;
	margin: 0 0 3px 0;
	color: #484636;
	text-align:left;
}
.calendar_event_title_text{
	font: 14px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.01em;
	margin: 0 0 15px 0;
	color: #484636;
	text-align:left;
}
.calendar_venue_text{
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.calendar_date_text{
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	font-style:italic;
}
.calendar_date_table{
	margin:0 0 0 -3px;
}
.calendar_main{
	margin:0 0 0 -6px;
}
.news_date{
	margin:25px 0 0 0;
	font-style:italic;
}
.calendar_notes_text{
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #7E7A5B;
}
.news_text{
	font:normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #7E7A5B;
}
/*end element styles*/

/*styles*/
#body-wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:800px;
	background-color:#fff;
	border-right: 2px solid #ebe9da;
	border-bottom: 2px solid #ebe9da;
	border-left: 2px solid #ebe9da;
	text-align:center;
	/*z-index:300;*/
}

#body-wrapper2 {
	margin:0 2px 2px;
	padding:0 0 5px;
	width: 792px;
	w/idth: 792px;
	border-right: 2px solid #ebe9da;
	border-bottom: 2px solid #ebe9da;
	border-left: 2px solid #ebe9da;
	background:#ebe9da url(http://threepin.org/themes/three_pin/images/play-bg.gif) bottom right no-repeat;
}

#nav-wrapper {
	margin:0;
	padding:0 0 20px;
	background:transparent url(http://threepin.org/themes/three_pin/images/threepin-header.jpg) center top no-repeat;
	text-align:left;
}
a#webmail-link, a#webmail-link:visited, a#webmail-link:link {
	float:right;
	margin:6px 8px 0 0;
	font: bold 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #7E7A5B;
}
a#webmail-link:hover {
	color: #484636;
}
a#home-link {
	display:block;
	margin:0 0 0 18px;
	padding:0;
	height: 22px;
	width: 295px;
	text-align:left;
	text-indent:-9999em;
	cursor: hand;
	clear:both;
}

/* NAVIGATION */
#nav-links ul {
	margin:86px 0 0 23px;
	padding:0;
	float:left;
	text-align:left;
	list-style-type:none;
}
#nav-links ul li {
	float:left;
	padding: 0 30px 0 0;
        text-transform: lowercase;
}
#nav-links ul li a, ul#nav-links li a:visited {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #EBE9DA;
}
#nav-links ul li a:hover {
	color: #CCC9A3;
}

ul#nav-right-links {
	margin: 10px 0 10px 0;
	padding:0;
	text-align:left;
	list-style-type:none;
}
ul#nav-right-links li a, ul#nav-right-links li a:visited {
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #67959B;
}
ul#nav-right-links li a:hover {
	color: #484636;
}

ul {
	margin: 0 0 0 -15px;
	text-align:left;
	list-style-type:none;
}
ul li a, ul li a:visited {
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #67959B;
}
ul li a:hover {
	color: #484636;
}

#content-1col {
	float:left;
	margin:30px 0 0 36px;
	padding:0 0 40px;
	width:724px;
	text-align:left;
}
#content-1col a,#content-left a:visited {
		color: #67959B;
}
#content-1col a:hover {
		color: #484636;
}
#content-left {
	float:left;
	margin: 0 0 0 36px;
	padding:0 10px 40px 0;
	width:470px;
	text-align:left;
	border-right: 1px dashed #CCC9A3;
}
#content-left a,#content-left a:visited {
		color: #67959B;
}
#content-left a:hover {
		color: #484636;
}

#content-right {
  float: left;
  margin: 0 0 0 20px;
  padding:0 0 40px 10px;
  width:214px;
  text-align:center;
}

#dash-border {
	margin: 30px 0;
	border-bottom: 1px dashed #7E7A5B;
}
#img-wrapper {
	float: right;
	width: 215px;
}
#sm-img-wrapper {
	float: right;
	width: 150px;
}
#artist-img-wrapper {
	float:left;
	margin:10px;
	padding:0;
	width:125px;
	text-align:left;
}
#artist-caption {
	margin:0;
	padding:0;
	text-align:center;
}
#artist-img-body {
	margin:0;
	border:1px solid #484636;
}
#img-body {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #484636;
}
#img-caption {
	float: right;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	font-style: italic;
	text-align: right;
	width: 200px;
	border-bottom: 1px dashed #CCC9A3;
}
#album-img-wrapper {
	float:left;
	margin:10px 20px 10px 0;
	padding:0;
	width:150px;
	text-align:left;
}
#footer-wrapper {
	margin:40px 8px 0 0;
	text-align: right;
	clear:both;
}
#footer-wrapper a,#footer-wrapper a:visited {
		color: #67959B;
}
#footer-wrapper a:hover {
		color: #484636;
}

#footer-bg {
        z-index: -100;
	position:fixed;
	float:left;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width:100%;
	max-height:100%;
	height: 148px;
	background-image: url(http://threepin.org/themes/three_pin/images/wheat-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}



div.flickr-content {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC9A3;
}



div.flickr-content div.flickr-post div.flickrshow {
	position:relative;
	width: 470px; 
	height: 350px;
}

div#yearbook-area {
  clear: both;
}
div#yearbook-area p {
  margin: 10px;
  float: left;
  text-align: center;
}
div#yearbook-area p img {
  border: 1px solid black;
}
/*end styles*/