/*
-------------
base
-------------
*/

/* fixed */
div{zoom:1;}
.clearfix::after{color:transparent;content:" ";display:block;clear:both;height:0;}


.alignleft{float:left;}
.alignright{float:right;}
.navigation{margin-bottom:50px;}

li{list-style-type:none;}
a:link{
  color:#333;
  background-color:#fff;
  text-decoration:none;
}
a:visited{
    color:#333;
    background-color:#fff;
    text-decoration:none;
}
a:hover,a:active{
    color:#fff;
    background-color:#333;
    text-decoration:none;
}
li.current a:link, li.current a:visited{
    color:#fff;
    background-color:#666;
    text-decoration:none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

body{
    font-size:x-small;
    color:#333;
    background-color:#fff;
    margin:0px;
    padding:0px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

#container{
    margin:30px auto;
    padding:0 0 30px;
    width:860px;
    position:relative;
    clear:both;
}

/***********************************************/
/* HEADER                                      */
/***********************************************/

#navlist{
    margin:0 0 15px;
    padding:0;
    width: 100%;
    background-color: #fff;
}
#navlist li { 
    display: inline;
    float: left;
    letter-spacing:.1em;
}

#navlist li a
{
    width:10em;
    height:2em;
    padding-top:10px;
    text-align:center;
    float: left;
    border-top: 1px dotted #999;
    border-left: 1px dotted #999;
}



/***********************************************/
/* CONTENTS                                    */
/***********************************************/

.home #contents {
/*  height:688px; */
}
.home #slide{
  min-height:688px;
}
#content{
  clear:both;
  padding-top:20px;
}
#contents{
    margin:0 auto;
    padding:0;
    width: 858px;
    border: 1px #999 solid;
    clear:both;
}

#contents img{
    vertical-align:bottom;
    margin:0;
    padding:0;
}

#l_photo {
 float: left;
 margin: 0;
 padding: 0;
 width: 429px;
}

#r_photo {
 float: right;
 margin: 0;
 padding: 0;
 width: 429px;
}

#r_description {
 clear: both;
 float: left;
 padding: 20px 40px;
}


#leftCol{
    margin:0;
    padding:0;
    width:430px;
    float:left;
}

#rightCol{
    margin:0;
    padding:0;
    width:430px;
    float:right;
}


/***********************************************/
/* FOOTER                                      */
/***********************************************/

#footer{
    position:relative;
    width:860px;
    margin:10px 0;
    padding:20px 0;
    background-color:#fff;
    clear:both;
}

#footer span{
    display:block;
    padding-right:20px;
    padding-bottom:10px;
    border-right:dotted 1px #999;
    border-bottom:dotted 1px #999;
    float:right;
}


#footer img{
    border:none;
    vertical-align:bottom;
}
#footer a{
    color:#333;
    background-color:#fff;
}

#logo{
    text-align:left;

}

/***********************************************/
/* profile                                      */
/***********************************************/
#profile_contents {
    margin:0 auto;
    padding:0;
    width: 858px;
    border: 1px #999 solid;
    clear:both;
}

#profile{
    clear:both;
    margin:0;
    padding:30px;
    width:800px;
/*    height: 560px; */
/*    color:#fff;
    background:#333 url("../images/about/profile.jpg") no-repeat 530px 90%; */
    position:relative;
}

#profile a:link, #profile a:visited{
    color:#000;
    background-color:#efefef;
}
#profile a:hover, #profile a:active{
    color:#333;
    background-color:#cdcdcd;
}

#profile caption{
    text-align:left;
    font-size:1.4em;
    font-weight:bolder;
}
#profile table{
        width:800px;
        margin:0;
        padding:0;
}
div#profile_contents div#profile div.contact{
  position:absolute;
  top:175px;
  right:30px;
  text-align:right;
  letter-spacing:.1em;
  line-height:180%;
}
div#profile_contents div#profile div.contact p{
  font-size:12px;
  margin-bottom:0;
}
div#profile_contents div#profile div.contact a{
  color:#FFF;
  background-color:transparent;
  text-decoration:underline;
}
div#profile_contents div#profile div.contact a:hover, div#profile_contents div#profile div.contact a:active{
  color:#FFF;
  background-color:#333;
  text-decoration:none;
}
div#profile_contents div#profile div.contact ul{
  margin-top:7px;
  padding-top:0;
  padding-left:0;
  font-size:10px;
}

/***********************************************/
/* works                                     */
/***********************************************/
#works_contents{
    clear:both;
    height: 100%;
    border: 1px #999 solid;
    padding:0;
    width: 858px;
}

.work_title{
    width:150px;
    height: 85px;
    margin:0;
    padding:20px;
}

#works .work{
    width:550px;
    height: 85px;
    margin:0;
    padding:20px;
}

/***********************************************/
/* link                                      */
/***********************************************/

#link_contents {
    margin:0 auto;
    padding:0;
    width: 858px;
    border: 1px #999 solid;
    clear:both;
}

#link{
    margin:0;
    padding:0;
    width:860px;
    font-size:small;
    clear:both;
    color:#333;
}

#link table{
    margin:30px;
    padding:0;
    width:800px;
}

#link td{
    margin:0;
    padding:0 55px;
    height:4.5em;
    border:1px #333 dotted;
}
#link img {
    border:none;
}



#link a{
    color:#333;
    background-color:#fff;
    text-decoration:none;
    font-weight:bold;
}

/***********************************************/
/* blog                                      */
/***********************************************/
#blog-contents{
  padding-top:30px;
}
.hentry img {
	padding:0;
	margin:0;
	border:none;
}
.entry p {
  font-size:12px;
  line-height:180%;
  letter-spacing:1px;
	color:#454545;
}
.post {
	padding-bottom:50px;
}
.hentry h2, .hentry h3{
  font-size:16px;
	color:#454545;
}
.hentry h2 a, .hentry h3 a{
	color:#008b8b;
}
.hentry a:hover, .hentry a:active {
	background-color:#00e8e8;
}

.hentry small{
	padding-bottom:50px;
	color:#008b8b;
}
.postmetadata, .postmetadata a {
	color:#008b8b;
}

#wrap {
	width:800px;
}
#blog-contents {
	float:left;
	width:550px;
}
#sidebar {
	float:right;
	width:190px;
}