/* 
Created by:	Jeremy Bartels
*/

/* ------------------------------------------------
			Style
-------------------------------------------------*/

.bodystyle {
	background: #000000;
	margin: 0px;
	
	color: white;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.wrap {
	background-color: transparent; 
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	width: 770px;
	height: auto;
	margin-top: 30px;
	margin-left:  auto;
	margin-right: auto;	
	}
.nav_box {
	height: 14px;
	background-color: transparent;
	float: left;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	margin-left: 5px;
	}
.header_a, .footer_a {
	-moz-border-radius: 3px;
}
.header_a {
	background-color: #343131;
	border: 0px solid #FFFFFF;
	width: 100%;
	height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thebody {
	background-color: transparent; 
	border: 1px solid transparent;
	border-right: 0px;
	border-left: 0px;
	width: 770px;
	height: auto;
	margin-top: 0px;
	margin-left:  auto;
	margin-right: auto;
}
.message_board {
	background-color: transparent;
	background-image: url();
	border: 1px solid transparent;
	width: 710px;
	height: auto;
	
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	
	color: white;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 45px;
	font-weight: bold;
	text-align: left; 	
}
.tri_panel {
	background-color: transparent;
	background-image: url();
	border: 1px solid transparent;
	width: 33%;
	height: 420px;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;	
	float: left;
}
.socialbar {
	background-color: transparent; 
	border: 1px solid transparent;
	border-right: 0px;
	border-left: 0px;
	width: 770px;
	height: 34px;
	margin-top: 0px;
	margin-left:  auto;
	margin-right: auto;
	margin-bottom: 0px;
	float: left;
}
.footer_a {
	background-color: #343131;
	border: 0px solid #FFFFFF;
	width: 100%;
	height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	
	color: black;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
	float: left;
}
.login { 
	background-color: transparent;
	width: auto;
	height: 14px;
	margin-left: 4px;
	text-align: left;
	float: left;
}

.portfolio_item {
	background-repeat: no-repeat;
	background-position: top center;
	
	background-color: transparent; 
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	-moz-border-radius: 8px 8px 8px 8px;
	
	width: 680px;
	height: auto;

	padding: 5px;
	
	float: left;
	
	margin-top: 8px;
	margin-left:  29px;
	margin-right: 29px;
	margin-bottom: 8px;	
	
	color: white;
}

a.portfolio_logo:link, a.portfolio_logo:active, a.portfolio_logo:visited {
	background-repeat: no-repeat;
	background-position: top center;
	
	background-color: transparent; 
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	
	width: 150px;
	min-height: 100px;

	padding: 0px;
	
	float: left;
	
	margin-top: 4px;
	margin-left:  4px;
	margin-right: 4px;
	margin-bottom: 4px;	
}
a.portfolio_logo:hover {
	background-repeat: no-repeat;
	background-position: top center;
	
	background-color: transparent; 
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	
	width: 150px;
	min-height: 100px;

	padding: 0px;
	
	float: left;
	
	margin-top: 4px;
	margin-left:  4px;
	margin-right: 4px;
	margin-bottom: 4px;	
}

.portfolio_header{	
	background-color: transparent; 
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	
	width: 480px;
	height: auto;

	padding: 5px;
	
	float: right;
	
	margin-top: 4px;
	margin-left:  4px;
	margin-right: 4px;
	margin-bottom: 0px;	
	
	color: white;
	font: 20px "Lucida Calligraphy";
}

.portfolio_text {	
	background-color: transparent; 
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	
	width: 460px;
	height: auto;

	padding: 5px;
	
	float: right;
	
	margin-top: 1px;
	margin-left:  4px;
	margin-right: 4px;
	margin-bottom: 0px;	
	
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
a:link, a:active, a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {	
	color: #0099FF;
	text-decoration: underline;
}
.details:link, .details:active, .details:visited { 
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #C9DBE5;
	text-decoration: none;
	float: right;
}
.details:hover { 
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0099FF;
	text-decoration: none;
	float: right;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	background-color: white;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #1E1E1E;
	
	color: black;
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}
div.pagination a:hover, div.pagination a:active {
	background-color: white;
	border: 1px solid #1E1E1E;

	color: black;
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #1E1E1E;
		
		font-weight: bold;
		background-color: maroon;
		color: #FFFFFF;
		font-size: 11px;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #1E1E1E;
		
		color: #DDDDDD;
		font-size: 11px;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	
	
/*
.portfolio {
	border: 0px solid transparent;
	-moz-border-radius: 8px;
	width: 680px;
	height: 150px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	padding: 5px;
	
	color: white;
	font: 20px "Lucida Calligraphy";
	text-align: left; 
}
.portfolio_title {
	background-color: transparent;
	width: 505px;
	height: auto;
	float: left;
	margin-left: 25px;
	
}
.portfolio_logo {
	background-color: transparent;
	width: 150px;
	height: 150px;
	float: left;
	
}
.portfolio_info {
	background-color: transparent;
	width: 495px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	margin-left: 35px;
	
	color: white;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left; 
}
*/

.welcome_box {
	background-color: transparent; 
	text-align: right;
	margin-right: 5px;
}

.flickr_box {
	background-color: transparent;
	background-image: url();
	width: 650px;
	height: 650px;
	margin-top: 6px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}
.contact_box {
	background-color: transparent;
	background-image: url();
	width: 500px;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}
.news_feed_subject {
	width: 240px;
	height: auto;
	margin-top: 6px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2px;
	
	color: #0099ff;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	text-align: left;
}
.news_feed_message {
	width: 210px;
	height: auto;
	border: 1px solid #343131;
	-moz-border-radius: 8px;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
	
	color: white;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	text-align: left;
}
.message:link, .message:active, .message:visited { 
	text-decoration: none;
	color: #0099FF; 
}
.message:hover { 
	text-decoration: underline;
	color: #0099FF;
}
.feedback:link, .feedback:active, .feedback:visited { 
	text-decoration: none;
	color: #343131; 
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	width: auto;
	height: 11px;
	float: right;
	text-align: right;
}
.feedback:hover { 
	text-decoration: none;
	color: #0099FF; 
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	width: auto;
	height: 11px;
	float: right;
	text-align: right;
}





.portfolio_title_hyper:link, .portfolio_title_hyper:active, .portfolio_title_hyper:visited { 
	text-decoration: none;
	color: white;
	font: 20px "Lucida Calligraphy";
	text-align: left;  
}
.portfolio_title_hyper:hover { 
	text-decoration: underline;
	color: white;
	font: 20px "Lucida Calligraphy";
	text-align: left;  
}
.nav:link, .nav:active, .nav:visited { 
	width: 100px;
	height: 14px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;  
}
.nav:hover { 
	width: 100px;
	height: 14px;
	text-decoration: underline;
	color: #0099FF;
	font-weight: bold;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;  
}
.info_blue:link, .info_blue:active, .info_blue:visited { 
	text-decoration: none;
	color: #C9DBE5;
}
.info_blue:hover { 
	text-decoration: underline;
	color: #0099FF;
}

a.text_foot:link, a.text_foot:active, a.text_foot:visited{
	color: white;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

a.text_foot:hover {
	color: white;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
a.text_login:link, a.text_login:active, a.text_login:visited{
	color: black;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

a.text_login:hover {
	color: gray;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	font-weight:bold;
}

a.social:link, a.social:active, a.social:visited{
	float: right;
	text-decoration:none;
	margin: 1px;
}

a.social:hover {
	float: right;
	text-decoration:none;
	margin: 1px;
}

a img{
border:0;
}
/* ------------------------------------------------
			Admin
-------------------------------------------------*/

.login_box {
	background-color: transparent; 
	width: 150px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.update_select_box {
	background-color: transparent; 
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.update_form_box {
	background-color: transparent; 
	width: 560px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.td_001{ 
	background-color: transparent;
	border: 1px solid transparent;
	width: 170px; 
	vertical-align: top;
}
.td_002{ 
	background-color: transparent;
	border: 1px solid transparent;
	width: 380px;
}
.align_r{
	float: right;
	margin-bottom: 0px;
}
.align_l{
	float: left;
	margin-bottom: 0px;
}

/* ------------------------------------------*/
/* Legacy Style */
/* ------------------------------------------*/

/* Hyperlink Styles */

a.hyper_white:link, a.hyper_white:active, a.hyper_white:visited{
	color: white;
	text-decoration: none;
}
a.hyper_white:hover {	
	color: white;
	text-decoration: underline;
}
a.hyper_black:link, a.hyper_black:active, a.hyper_black:visited{
	color: black;
	text-decoration: none;
}
a.hyper_black:hover {	
	color: black;
	text-decoration: underline;
}