@charset "utf-8";
/* CSS Document */
@font-face { 
   font-family: "hm"; 
   src: url("fonts/HolyMackerelli.ttf"); 
} 
@font-face { 
   font-family: "bs"; 
   src: url("fonts/BattleScarred.ttf"); 
} 
@font-face { 
   font-family: "as"; 
   src: url("fonts/AstroCity.ttf"); 
} 
body
{
	background: #13747d;
	font-family:arial, tahoma;
	font-size:10pt;
	margin:0;
}
p
{
	margin:0;
	padding:0;
}

#container
{
	width:45%;
	min-width:650px;
	padding-left:41px;
	padding-right:83px;
	margin:0 auto;
    overflow:hidden;
	margin-bottom:30px;
    background: url('images/left_flower.png') no-repeat, url('images/right_flower.png') no-repeat 100% 100%;
}
#header
{
	background: url('images/left_flower.png') no-repeat -40px -26px, #29221f;
	height:92px;
	width:100%;
	border-radius: 30px 30px 0 0;
	margin-top:26px;
}
nav
{
	background: url('images/left_flower_nav.png') no-repeat, #329492;
	min-height:37px;
	/*overflow:hidden;*/
	padding-left:130px;
}
.nav_link
{
	font-family:bs, garamond, times new roman;
	color:#fcf7c5;
	text-decoration:none;
	font-size:18pt;
	margin-right:12%;
	text-shadow: 1px 0px 0px #0d6169;
}
.nav_link:hover
{
	color:#fe7982;
	text-shadow: 1px 0px 0px #0d6169;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav a {
	text-decoration: none;
	display: block;
	color: #222;
}

.topmenu:after {
	content: "";
	display: table;
	clear: both;
}
.topmenu > li {
	width: 25%;
	float: left;
	position: relative;
}

.topmenu > li > a {
	text-transform: uppercase;
}
.topmenu li a:hover { color: #fa4e57; }
.submenu-link:after {
	content: "\f107";
	font-family: bs, garamond, times new roman;
	color: inherit;
	margin-left: 10px;
  
}
.submenu {
	background: #329492;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
	width: 180px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: 0 0;
	transition: .5s ease-in-out;
	border-radius: 20px;
}
.submenu a {
	color: #fcf7c5;
	text-align: left;
	padding: 12px 15px;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	font-weight: bold;
}
.submenu li:last-child a { border-bottom: none; }
.topmenu > li:hover .submenu {
	opacity: 1;
	transform: scaleY(1);
}


#content
{

	padding-top:3px;
	height:100%;
	background: url('images/left_flower_content.png') no-repeat 18px 0px, url('images/right_flower_content.png') no-repeat 100% 100%;
	background-color:#0d6169;
	padding-left:4%;
	padding-right:4%;
	text-align:center;
	padding-bottom:20px;
	
}
.clear{
	clear:both;
}
#upper_footer
{
	height:49px;
	width:100%;
	margin-bottom:4px;
	background:url('images/right_flower_upper_footer.png') no-repeat 100%;
	background-color:#329492;
}
#bottom_footer
{
	height:93px;
	background:url('images/right_flower_bottom_footer.png') no-repeat 100%;
	background-color:#29221f;
	vertical-align:text-bottom;
	text-align:right;
	border-radius:  0 0 35px 35px;
	overflow:hidden;
}
#hi
{font-family:as;
	font-size:8pt;
	color:#463c37;
	padding-right:90px;
	padding-top:15px;
	padding-left:20px;

}
.post
{

}
h3
{
	text-align:center;
	margin-top:5px;
    margin-bottom:10px;
	text-shadow: 1px 0px 0px #05393e;
	letter-spacing:1px;
}
h4
{
	text-align:center;
	font-family:as;
	font-size:9pt;
	color:#329492;
    margin:0px;
	padding:0;

}
h5
{
	font-family:as, Times New Roman, Garamond;
	font-size:9pt;
	color:#329492;
}
.post_title
{
	font-family:bs,Garamond;
	font-size:20pt;
	color:#fa4e57;
	
}
.post_date
{
	font-family:as;
	font-size:10pt;
	color:#3ca7a5;
}
.post_content
{
	background-color:#fcf7c5;
	padding:3%;
	border-radius:  30px;
	height:100%;
	text-align:justify;
	overflow:hidden;
}
.post_download
{
	float:right;
	margin:5px 15px 5px 5px;
}

.post_name {
    float:left;
}

#projects
{
	width:100%;
	height:100%;
	float:left;
	border-spacing:7px;
	margin-bottom:20px;
}

.project
{
	background-color:#fcf7c5;
	vertical-align:top;
	padding:2%;
	padding-top:1%;
	border-radius:  20px;
	height:100%;
	width:28.3%;
	margin-right:1%;
	/*float:left;*/	
	height:100%;
	overflow:hidden;
}
.member
{
	background-color:#fcf7c5;
	vertical-align:top;
	padding:2%;
	padding-top:1%;
	border-radius:  20px;
	height:100%;
	width:28.3%;
	margin-right:1%;
	/*float:left;*/	
	text-align:left;
	height:100%;
	overflow:hidden;
}
.member img
{
    float:left;
    margin-right:2%;
    max-width:100px;
    max-height:100px;
}

.oneshot
{
    background-color:#fcf7c5;
    text-align:left;
    vertical-align:top;
	padding:2%;
	padding-top:1%;
	border-radius:  20px;
	height:100%;
	margin-right:1%;
	/*float:left;*/	
	height:100%;
	overflow:hidden;
	width:45%;
}
.oneshot img
{
	float:left;
	margin-right:5px;
}
.oneshot h4
{
	color:#fc354c;
}

#content b
{
	color:#329492;
}
.clear
{
	clear:both;
}
img
{
	border-radius: 10px;overflow:hidden;
}
.post_content img
{	float:left; margin:1%;margin-right:2%;}

.project img
{
	float:none;
	max-height:70px;
	max-width:150px;
	width:95%;
}
h1
{
	padding-left:140px;
	padding-top:15px;
	}
#title a
{
	color:#fc354c;
	font-size:30pt;
	font-family:bs, Garamond, Times New Roman;
	letter-spacing:1px;
	text-shadow: 2px 0px 0px #161210;
		
}
#slogan
{
	color:#0abfbc;
	padding-left:10px;
	font-size:10pt;
	font-family:as;
}
a
{
	text-decoration:none;
	color:#c91c30;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.projects
{
	margin-right:15px;
	color:#329492;
}
.projects:hover
{
	color:#f96c70;
}
.post a
{
	font-weight:bold;
}
a:hover
{
	color:#329492;
}
.volume
{
float:left;
margin-left:2%;
min-width:25%;
}