@import url('galleryview.css');

div#content {width:auto;}

div#portfolio, div#journal {
margin:1em auto;border:4px solid #6D6962;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}

div#portfolio {width:800px;}

div#portfolio ol, div#portfolio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#portfolio ul {
	border-left: 2px solid #6D6962;
	padding:10px 6px;
	float: right;
	width: 220px;
	font-size: 13px;
	line-height: 2.1em;
}

div#portfolio ul a {
	display: block;
	padding: 3px 12px;
}

div#portfolio div.meta p {
	line-height: 1em;
}

div#portfolio div.meta {
	position: absolute;
	left: 0;bottom: 0;right: 0;
	padding: 0px;
	width: 760px;
	height: 70px;
	padding:15px 20px;
	background:rgba(0,0,0,.8) !important;
	background:#000000;
}

div#portfolio div.meta {padding: 15px 20px;}
div#portfolio div.meta h2 {
	margin: 0;text-shadow: 2px 2px 3px #e8b02c;font-family:"Diavlo Book";
}
div#portfolio div.meta div.description p {
	text-shadow: 1px 1px 1px #e8b02c;margin: 7px 0 0 0;
}

div#portfolio ol li {
	position: relative;
	height: 288px;
	width: 555px;
}

.portfolio div#aside ul li a {
	display: block;
	padding: .4em 2em;
}

.portfolio div#aside ul li a.active {
	border-left: .5em solid #e8b02c;
	padding-left: 1.5em;
	background: #e4d9a5;
	color: #1f1f1f;
}

#journal {overflow:hidden;padding-left:210px;position:relative;width:590px;}
#journal .aside {position:absolute;left:0;top:0;bottom:0;width:180px;background-color:rgba(0,0,0,.7);padding:10px;}
#journal .aside h1 {text-align:center;}
#journal .aside ul {margin:0;padding:0;}
#journal .aside li {list-style-type:none;}
#journal .aside li a {display:block;padding:3px 7px;}
#journal div.posted {float:right;margin:22px 20px 0px 0px;}

div#portfolio-content-wrapper {
  overflow:hidden;
  border:5px solid rgb(237,175,27);
  background:#ffffff;
  -moz-border-radius:8px;
  width:900px;
  margin:0 auto;
}
ul#portfolio-links {margin:0;padding:10px 0;overflow:hidden;text-align:center;}
ul#portfolio-links li {display:inline;}
ul#portfolio-links li a {
  text-align:center;
  padding:9px 15px;
  border-bottom:none;
}
ul#portfolio-links a.active {
  color:#edaf1b;
}
#portfolio-content {
  margin:0 auto;padding:0;list-style:none;overflow:hidden;
}

ul#portfolio-content li {position:relative;height:288px;}

ul#portfolio-content div.meta {background:rgba(0,0,0,.7);position:absolute;bottom:0;left:0;right:0;padding:10px;}

#portfolio-content-wrapper.slider-active #portfolio-content{overflow:hidden;}
ul#portfolio-content.slider-active li {
  float:left;width:900px;
}