/*----------------------------------------------------
base css for swanBlog

----------------------------------------------------*/

/* basic -------------------------------------------*/

body {
  text-align : center;
}

#container {
  width : 760px;
  margin : 0 auto;
  text-align : left;
  background-color : #FFF;
  overflow : auto;
}

#body-left, #banner h1 {
  float : left;
  width : 200px;
  margin-right : 20px;
}

#body-main, #banner h2 {
  float : right;
  width : 540px;
}

#footer-pagetop {
  width : 740px;
  margin : 50px 0;
  text-align : right;
  font-size : xx-small;
  clear : both;
}

#footer-pagetop a:link { color : #333; text-decoration : none; }
#footer-pagetop a:visited { color : #333; text-decoration : none; }
#footer-pagetop a:hover { color : #F60; text-decoration : underline; }
#footer-pagetop a:active { color : #F60; text-decoration : underline; }


/* menu --------------------------------------------*/

.menu {
  margin-bottom : 20px;
}

.category {
  width : 198px;
  border : 1px solid #DDD;
  margin-top : 1px;
  font-size : xx-small;
}

.category-body {
  padding : 40px 10px 40px 20px;
}

.category-title {
  margin-bottom : 10px;
  font-size : x-small;
  font-weight : bold;
  font-family : helvetica, verdana, arial, san-serif;
}

ul.category-list {
  margin : 0 15px;
  padding : 0;
  line-height : 150%;
}

ul.category-list li {
  list-style-image: url('common/menu_icon.gif');
}

.category a:link { color : #333; text-decoration : none; }
.category a:visited { color : #333; text-decoration : none; }
.category a:hover { color : #F60; text-decoration : underline; }
.category a:active { color : #F60; text-decoration : underline; }

ul.archive-list, ul.entries-list {
  margin : 0;
  padding : 0;
  line-height : 130%;
}

ul.archive-list li {
  list-style-type: none;
  margin-top : 1px;
  padding : 5px 20px;
  color : #FFF;
  font-size : xx-small;
  font-family : helvetica, verdana, arial, san-serif;
  background-color : #555;
}

.archive-list a:link { color : #FFF; text-decoration : none; }
.archive-list a:visited { color : #FFF; text-decoration : none; }
.archive-list a:hover { color : #F60; text-decoration : underline; }
.archive-list a:active { color : #F60; text-decoration : underline; }

ul.entries-list li {
  list-style-type: none;
  margin-top : 1px;
  padding : 5px 20px;
  font-size : xx-small;
  background-color : #DDD;
}

.entries-list a:link { color : #333; text-decoration : none; }
.entries-list a:visited { color : #333; text-decoration : none; }
.entries-list a:hover { color : #F60; text-decoration : underline; }
.entries-list a:active { color : #F60; text-decoration : underline; }


/* entry -------------------------------------------*/

.entry {
  margin-bottom : 50px;
}

.entry-category {
  padding : 5px 15px;
  font-size : xx-small;
  font-weight : bold;
  color : #FFF;
  background-color : #333;
}

.entry-date {
  font-family : helvetica, verdana, arial, san-serif;
}

.entry-title {
  padding : 10px 15px;
  font-size : small;
  font-weight : normal;
  line-height : 130%;
  background-color : #EEE;
}

.entry-body {
  margin : 20px 20px 0 0;
  font-size : x-small;
  line-height : 170%;
}