@import 'reset.css';
@import 'common.css';

body{
  font-family:Georgia;
  font-size:13px;
  padding-bottom:4px;
}

h1.mainTitle{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	font-family:Arial;
	border-bottom: 1px dotted #CCC;
	padding:7px;
}

h1.mainTitle a{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	border-bottom: 1px dotted #CCC;
	padding:7px;
}

.mainTitle ul li a{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	border-bottom: 1px dotted #CCC;
	padding:7px;
}

h1.date{
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	border-bottom: 1px dotted;
	padding:7px;
}


h1.date a{
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000000;
	border-bottom: 1px dotted;
	padding:7px;
}

a:link, a:visited, a:active {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.active{
	font-weight:bold;
	background-color:#ffff00;
	padding:2px 0px 2px 0px;
}

img{
  vertical-align:bottom;
}

.w300px{
	width:300px;
}

.w800px{
	width:800px;
}

#divPageWrapper{
  width:1200px;  
  margin-left: auto; 
margin-right: auto;
}


#menubar {
	width: 1200px;
	height: 45px;
	margin: 0 0;
}

#divHeaderWrapper{
  padding-bottom:25px;
}

.divBlackLine{
  height:0px;
  background-color:#000000; 
  font-size:0;
}

.divLogo{
  float:left;
  width:174px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;    
}

.divAdvertisement{
  width:728px;
  height:82px;
  float:left;  
  padding-left:68px;
}

#divSearch{
  float:left;
  width:230px;
  padding-left:28px;  
}

#spanSearch{
  font-family:Georgia;
  font-style:italic;
  font-size:12px;
  font-weight:bold;
}

.txtBox{
  border:0;
  background-color:#000000;
  color:yellow;
  padding:3px; 
}

.divClear{
  clear:both;
}

#tblSearch{
  height:82px;
}

#tblSearch td{
  vertical-align:bottom;
}

#divContentWrapper{
  
}

#divLeftContent{
  float:left;
  width:240px;  
  padding-left:20px;
} 

.tdAuthor{
  text-align:center;    
}

#spanTitle{
  font-size:25px;
}

#divBy{
  width:100px;
  height:40px;
  line-height:40px;
  border-bottom:1px dotted black;  
  margin:auto;
}

#spanAuthor{
  height:30px;
  line-height:30px;
}

#divComment{
  border:1px solid #808080;
  width:225px;
  min-height:250px;
}

#divRightContent{
  float:left;
  width:900px;
  padding:0 20px;  
} 

#tblArticle td{
  vertical-align:top;
}

.divPage{
  padding-right:25px;  
  line-height:16px;
}

.divTitle{
  text-transform:uppercase;
  height:30px;
  line-height:30px;
  border-bottom:1px solid black;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:25px;
}

.divNext{
  padding-top:16px;
}

#divFooterWrapper{
  padding-top:40px;
}



/*@@ portfolio  @@*/
#tblGallery td{
  vertical-align:top;
}

.tblPicture td{  
  padding-right:20px;
  padding-bottom:10px;
  padding-top:10px;
}

.divResume{
  padding-right:30px;
}

#divRecommend{
  font-family: Georgia;
  font-size:12px;
  font-weight:bold;
}

.divDotted{
  width:95px;
  margin:10px auto;
  font-size:0;
  border-bottom:1px dotted black;
}

#divAddress{
  width:180px;
  margin:auto;
  font-weight:bold;
}

.divAction{
  padding-top:25px;
  text-align:center;
  width:225px;
}

.dateTable td{
	color:#868686;
}

.dateTable td select{
	background: #b2b2b2;
	border: 0;
	color: white;
	padding: 4px 2px;
	width: 100px;
	display: block;
	margin-top: 2px;
	margin-bottom: 4px;
}

/* == Year List == */
.yearList {
	text-align: center;
}

.yearList .year {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 4px;
}
/* == End of Year List == */