@charset "UTF-8";
/* CSS Document */

/*January 14, 2009 Portfolio Version 3. */

body
{
	/*Background*/
	background-color: #d97822;
	/*background-image: -moz-linear-gradient(100% 100% 180deg, #2F2727, #1a82f7) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)) !important;*/
	background-image: url("/images/bg.png");
	background-repeat: repeat;
	/*Text*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	height: 1024px;
}

div.grad {
	height:100%;
	z-index: 0;
	position: fixed;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D97722), to(#FAD26E)) !important;
	background-image: -moz-linear-gradient(100% 100% 90deg,#D97722, #FAD26E) !important;
}

div.contain
{
	width: 100%;
	position: relative;
	margin-left:auto;
	margin-right: auto;
}

div.topBar
{
	/*Setup*/
	left: 17%;
	width: 67%;
	height: 85px;
	top: 0px;
	background-color: #7f8535;
	position: absolute;
	margin: 0px auto;
	z-index: 10;
}

div.titleImage
{
	/*Setup*/
	height: 500px;
	right: 17%;
	top: 0px;
	position: absolute;
	margin: 0px auto;
	z-index: 50;
}

div.title
{
	/*Setup*/
	top: 400px;
	width: 535px;
	height: 115px;
	left: 17%;
	position: absolute;
	z-index: 90;
}

div.glow
{
	/*Setup*/
	left: 10%;
	width: 1024px;
	height: 610px;
	top: 0px;
	position: absolute;
	margin: 0px auto;
	z-index: 20;
	background-image:url("/images/glow.png");
}

div.main
{
	left: 17%;
	width: 63%;
	min-height: 600px;
	top: 500px;
	overflow: auto;
	background-color: #7f8535;
	z-index: 60;
	position: absolute;
	padding: 2%;
	
	/*Text*/
	font-size: 12px;
	font-family: garamond;
	color: #ffcc66;
	text-align: left;
}

div.artmain
{
	width: 90%;
	overflow: auto;
	background-color: #7f8535;
	z-index: 50;
	position: relative;
	margin: 0px auto;
	padding: 15px;
}

/* Begin Sidebar */
#sidebarrgh
{
	padding: 0 0 10px 0;
	width: 25%;
	text-align: left;
	top: 0px;
	float: right;
	}
	
#sidebarrgh a
{
	color: #ffcc66;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 20px;
}
/* End Sidebar */

/*Text*/
h1 
{ /*Normal Text*/
	font-size: 14px;
	font-family: garamond;
	color: #ffcc66;
	text-align: left;
	font-weight: 100;
}

h2 
{ /*Title*/
	font-size: 24px;
	font-family: garamond;
	color: #ffcc66;
	text-align: right;
	padding: 3px;
}

h3 
{ /*Footer text? Fine print?*/
	font-size: 10px;
	font-family: Garamond;
	color:#ffcc66;
	text-align: center;
}

h4 
{ /*Category Headings*/
	font-size: 18px;
	font-family: garamond;
	color: #ffcc66;
	text-align: center;
	border: thin solid #009933;

}	

h5
{ /*Category Sub-Headings*/
	font-size: 14px;
	font-family: garamond;
	color: #ffcc66;
	text-align: center;
	text-decoration: underline;

}

a 
{
	font-style: italic;
	color:#cccc33;
	border: none;
	font-weight: normal;
}

/* Hovering Images */
.hover {}
.hover a {border:none; cursor: pointer;}
.hover a img {
	float: left;
	position: absolute;
	margin: 0;
	border: none;
}
.hover a:hover .before {visibility: hidden;}
.hover a:hover .after {visibility: visible;}
.hover .before {visibility: visible;}
.hover .after {visibility: hidden;}


/*Portfolio Thumbnail */
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	opacity: .5;
}

.rounded-img2:hover{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}