/*==================================================
  Author   : Asela Jayarathne 
             http://cybersynergy.co.jp
  Version  : 1.0
  Colors   : 
      Dark gray  :  #1a1f1f
      Medium gray:  #535353
      Light gray :  #3a403f
      Maroon     :  #ad3419
      Yellow     :  #9e7123
==================================================*/

/*==================================================
 Reset browser defaults
==================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{
  margin          : 0;
  padding         : 0;
}
body {
  font            : 62.5%/140% Century, Georgia, "Times New Roman", Times, serif;
  background      : #535353;
  color           : #fff;
  text-align      : center;
}
html {
  font-size       : 100%; /* for IE */
}
fieldset,img,abbr{
  border          : 0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b{
  font-style      : normal;
  font-weight     : normal;
}
a {
  text-decoration : none;
}



/*==================================================
 Layout
==================================================*/
#page {
  width           : 760px;
  margin          : 10px auto;
  text-align      : left;
  background      : #1a1f1f url(../image/y.gif) 0px 216px no-repeat;
}



/*==================================================
 Header
==================================================*/
h1 {
  padding         : 25px 0px 0px 35px;
}
#header ul {
  margin-top      : 28px;
  border          : solid #9e7224;
  border-width    : 2px 0;
  background      : url(../image/nav.gif) right bottom no-repeat;
  padding-left    : 276px;
}
#header ul li {
  float           : left;
  list-style: none;
}
#header ul a {
  display         : block;
  text-indent     : -9999em;
  width           : 125px;
  height          : 26px;
  background      : url(../image/nav.gif) left bottom no-repeat;
}
#header ul li.home a { width : 109px; background-position : 0 0; }
#header ul li.bio a        { background-position : -109px 0; }
#header ul li.portfolio a  { width : 125px; background-position : -234px 0; }
#header ul li.contact a    { background-position : -359px 0; }
#header ul li a:hover,
#header ul li.current a {
  background-image      : none;
}



/*==================================================
 Content
==================================================*/
h2 {
  font-size       : 2.5em;
  color           : #9e7224;
  border-bottom   : 2px solid #9e7224;
  padding         : 56px 0 10px 325px;
  background      : url(../image/h2_bg.gif) 289px bottom no-repeat;
}
#contents {
  background      : url(../image/vr.gif) 288px 0px repeat-y;
  padding         : 0 0 70px 0;
}


.style5 {font-size: small}

.style6 { clear:left; 
		font-size:1.8em; 
		width: 430px;
 		margin: 0 0 30px 275px;}

#contents p {
  font-size       : 1.2em;
  line-height     : 1.6em;
  margin-bottom   : 1em; 
}
#contents img.portrait {
  float           : left;
  margin-left     : 81px;
  display         : inline;
}
#page-content {
  margin          : 34px 38px 0px 340px;
}



/*==================================================
 Footer
==================================================*/
#footer {
  background      : #ad3419;
  color           : #000;
  font-size       : 1.2em;
  text-align      : right;
  padding         : 0.5em;
}

#footer a:link {
  color           : #000;
}
#footer a:hover {
  color           : #fff;
}



/*==================================================
 Page : Index
==================================================*/
body#home #page,
body#home #contents {
  background-image: none;
}
body#home blockquote {
  text-indent     : -9999em;
  height          : 207px;
  margin          : 62px 0 50px 0;
  background      : url(../image/home_quote.gif) center top no-repeat;
}



/*==================================================
 Page : Bio
==================================================*/



/*==================================================
 Page : Portfolio
==================================================*/

#portfolio h2{
  padding         : 56px 0 5px 281px;
  background      : url(../image/h2_bg.gif) 246px bottom no-repeat;   
}
#portfolio h3 {
  width           : 220px;
  color           : #9e7224;
  font-size       : 1.5em;
  text-align      : right;
  float           : left;
  margin          : 50px 0 0 0;
}
#portfolio #contents {
  background      : url(../image/vr.gif) 245px 0px repeat-y;
}
#portfolio #page-content {
  margin          : 0;
}
.gallary { 
  width           : 760px;
  overflow        : hidden;
}
#adam {
  border          : none;
}
.images {
  width           : 430px;
  margin          : 0 0 30px 275px;
  padding-top     : 30px;
  border-top      : 2px solid #3a403f;
}
.images ul li {
  list-style-type : none;
  float           : left;
  display         : inline;
  margin          : 0 12px 30px 12px;
}


.images ul li a {
  display         : block;
  width           : 75px;
  height          : 75px;
  border          : 3px solid #535353;
}
.images ul li a:hover {
  border          : 3px solid #9e7123;
}
.large{
  padding         : 6px;
  background      : #161A1A;
  border          : 1px solid;
  border-color    : #1A1F1F #0D1010 #0D1010 #1A1F1F;
  margin-bottom   : 10px;
}
#fullview {
  text-align      : center;
  width           : 470px;
  margin-left     : 260px;
}
#fullview ul {
  margin-left: 15px;
}
#fullview dl {
  \width          : 472px; 
  w\idth          : 462px;
  background      : #161A1A;
  text-align      : left;
  padding         : 10px;
  border          : 1px solid;
  border-color    : #1A1F1F #0D1010 #0D1010 #1A1F1F;
  margin          : 0 0 30px 0;
}
#fullview dt,
#fullview dd {
  padding-bottom  : 1em;
  border          : none;
}
#fullview dt {
  text-align      : right;
  width           : 7em;
  padding-bottom  : 1em;
}
#fullview dd {
  margin          : -2.5em 0 0 8em;
  float           : left;
  display         : inline;
  padding-bottom  : 1em;
}


/*==================================================
 Page : Contact
==================================================*/
label {
   display         : block;
   float           : left;
   width           : 5em;
   padding-right   : 5px;
   margin-bottom   : 30px;
   text-align      : right;
   font-size       : 1.2em;
}
input, textarea {
   margin-bottom   : 30px; 
   clear		:left;
}
textarea:focus,input:focus {
  background-color : #3a403f;
  color            : #9e7123;
}



#submit{
  font            : 1.2em Century, Georgia, "Times New Roman", Times, serif;
  color           : #fff;	
  padding         : 2px;
  margin-left     : 5em;
  border          : 1px solid;
  border-color    : #9e7123;
  background      : #3a403f;
}
.error, .success {
  color           : #a5451c;
  border          : 2px solid #a5451c;
  padding         : 1em;
  margin          : 1em;
  background      : #1a1f1f;
}
.success {
  color           : #a58a0c;
  border          : 2px solid #a58a0c;
}
.error li {
  margin-left: 2em;
}


/*==================================================
 Utility
==================================================*/
#fullview dl:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix,#fullview dl {display: inline-block;}
html[xmlns] .clearfix,
html[xmlns] #fullview dl {display: block;}
* html .clearfix,
* html  #fullview dl {height: 1%;}