/* CSS Document */

/*----Gallery Begins----*/

#gallery {
	width:900px;
	margin: 0 auto;
	text-align:center;
}

#gallery img {
   opacity: 1;
   transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
}

#gallery img:hover {
   opacity: 0.5;
}

#gallery h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-transform:uppercase;
	letter-spacing: 2px;
	padding-bottom: 20px;
	color:#999;
	text-align:left;
}

/*----Gallery Ends----*/

/*----Detail Section Begins----*/

#maincontent a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#maincontent a:hover{color:#069;}
#maincontent h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	text-transform:uppercase;
	vertical-align:middle;
	letter-spacing: 2px;
	padding-bottom: 20px;
}
#maincontent h2{
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

#maincontent h3{
	font-size: 11px;
	color:#333;
	font-weight:lighter;
	padding-top:12px;
	text-decoration: underline;
}

#maincontent p{
	font-size: 11px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
	margin-bottom:18px;
}

#maincontent .title{
	font-weight: bold;
	font-size: 11px;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 3px;
	color:#333;}

#maincontent {
	width: 900px;
	clear: none;
	height: auto;
	padding-top: 40px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#CCC;
}

/* --- text gradient begins --- */
    .white-gradient {
        position:relative;
    }
    .white-gradient:after {
        content: '';
        position:absolute;
        display:block;
        top:0;
        left:0;
        height:60%;
        width:100%;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
/* --- text gradient ends --- */

/* --- image hover fade begins --- */
.fade {
   opacity: 1;
   transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
/* --- image hover fade ends --- */

/* subscript trick */
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }