/**************** reset ****************/
.clear{clear:both;}
ul{list-style:none; margin:0px; padding:0px;}
ul li{margin:0px; padding:0px;}
img{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
a{ text-decoration:none;}

/**************** common ****************/
html, body {height:100%;}  
body{background-color: #222222;font-family:Arial, Helvetica, sans-serif; font-size:12px;margin-bottom:0px;}
.pager{clear:both; text-align:right; margin: 5px 15px;}
.pager a{padding:2px; margin:5px; border:solid 1px #c0c0c0; text-decoration:none;}
.pager a.current{padding:2px; margin:5px; border:solid 1px #c0c0c0; text-decoration:none; background-color:#c0c0c0;}

#languages{color:White; text-align:right;}
#languages a{color:White;}

#top-blank{height:150px;}
#column-wrapper{height:350px;background-color:#ffffff;}
#left-column{height:350px;background-color:#ffffff;}
#right-column{height:350px ; background:url('images/right_column_bg.jpg') right bottom no-repeat;background-color:#d82424;}
#footer{height:100px ;background-color:#222222;}

#footer-content{color:White; text-align:right; margin-top:10px;}
#footer-content a{color:Red;}

#logo{}
#nav{margin-top:110px;}
#nav ul{margin:0px; padding:0px;}
#nav ul li{ list-style:none;margin:2px 0px;padding:0px; text-align:left;}
#nav li a{color:White;font-size:14px; font-weight:bold;margin:0px 0px; padding:2px 5px;}
#nav li a:hover{color:#d82424; background-color:White;}
#nav li a.current{color:#d82424; background-color:White}

/******************** About  ********************/
#about{height:350px;background:url('images/about_bg.jpg') no-repeat;}
#about-me{margin-top:100px;margin-left: 30px;}
#about-me img{margin:5px; border:solid 5px #c1c1c1;}
#about-me h1{font-size:24px;}
#about-me p.sub-title{font-size:12px; font-style:italic;}
#about-me p.description{font-size:14px;}

/******************** Workshop  ********************/
#workshop{height:350px;background:url('images/workshop_bg.jpg') no-repeat;}
#workshop-list {margin:10px;}
#workshop-list li{ height:70px; width:600px;}
#workshop-list .item-image{float:left;width:100px;height:60px; display:block; text-align:center; background-color:#c0c0c0; margin:5px;}
#workshop-list .item-title{ font-weight:bold;}
/******************** Photo  ********************/
#photo{height:350px;background:url('images/photo_bg.jpg') no-repeat;}
#photo-list{margin:15px}
#photo-list h3{padding: 0px 5px;}
#photo-list ul{margin:0px; padding:0px;}
#photo-list ul li{float:left;}
#photo-list ul li img{width:155px; height:90px; margin:0px 20px 20px 0px;}
#photo-list ul li img.last{margin-right:0px;}
 
/******************** Blog  ********************/
#blog{height:350px;background:url('images/blog_bg.jpg') no-repeat;}
#post-list{margin-top:30px; margin-left:250px;}
#post-list ul{margin:0px; padding:0px;}

#post-details{margin-top:30px; margin-left:250px; width:450px;height:250px; overflow:auto; overflow-y:auto;}
#post-details h2{font-size:20px; margin:0px;}
#post-details p{font-size:12px; margin:0px;}

/******************** Guestbook  ********************/
#guestbook-container{padding: 30px;}
#guestbook-list{height:300px; overflow:auto;}
#guestbook-list li{border:dotted 1px #c1c1c1; margin-bottom:10px; width:380px;}
#guestbook-list .creator{font-size:14px; font-weight:bold; color:Blue;}
#guestbook-list .createdTime{font-size:11px; color:grey;}
#guestbook-list li .children{margin:10px 20px;}

/******************** Contact  ********************/
#contact{height:350px;background:url('images/contact_bg.jpg') no-repeat;}
#contact-content{margin-top:50px; margin-left:400px; font-size:14px;}

/******************** FriendLinks  ********************/
#link-list{margin:30px;}
#link-list li { border-bottom: dashed 1px #c0c0c0; margin: 2px 0px;}
#link-list li img{width:70px;height:70px; float:left; margin: 0px 5px;}
#link-list .link-name {font-size:14px; font-weight:bold;}

/******************** Schedule  ********************/
#schedule {padding:15px;height:300px; overflow:auto;}
#schedule h2{margin:0px;font-size:14px;font-weight:bold;}

#schedule-table{border: solid 1px black; border-collapse:collapse; color:black;}
#schedule-table th{border: dashed 1px black; text-align:left;}
#schedule-table td{border: dashed 1px black; text-align:left;}
/*#schedule-table tr.even th,#scheduleTable tr.even td{}
#scheduleTable tr.even{background-color:#993399;}*/
#schedule-table tr:hover{}