/*  
Theme Name: my_theme
Theme URI: http://masriadi.net
Description: Widget ready and tested on WP 2..7
Version: 1.0
Author: masriadi
Author URI: http://masriadi.net
*/


* {
margin : 0;
padding : 0;
}

body {
margin-top : 15px;
margin-bottom : 10px;
background : #ffffff;
text-align : justify;
font-family:Verdana,sans-serif;
font-size : 12px;
color:#000000;
}

input, textarea {
padding : 5px;
color : #333333;
background : #f9f3df;
border-top : 1px solid #cb960f;
border-right : 1px solid #cccc99;
border-bottom : 1px solid #cccc99;
border-left : 1px solid #cb960f;
}

h1, h2, h3 {
padding-bottom : 10px;
margin-bottom : 15px;
font-family : 'Trebuchet MS', "Times New Roman", Times, serif;
}

h1 {
font-size : 24px;
}
h2 {
font-size : 1.1em;
}
h3 {
font-size : 1em;
}

/* mengatur jarak antara paragraf*/
p, ul, ol {
margin-top : 20px;
margin-bottom : 10px;
}
ol {
margin-left : 10px;
padding : 3px 2px 2px 20px;
}

/*ul li*/
.entry ul li {
margin-left : 10px;
padding : 3px 2px 2px 20px;
        background : url(images/bullet.png) no-repeat left 7px;
}

a {
text-decoration : none;
color : #70a300;
}
a:hover {
border : none;
color : #000;
}
a:active,a:focus{
outline:0;
}

blockquote{
margin:12px 0 12px 0; 
font-style : italic;
padding:10px 10px 0 32px; 
background:#F8F8F8 url(images/quote.gif) no-repeat top left;
border:3px solid #EEE;color:#555;
font-family:Verdana,sans-serif;}
blockquote blockquote{
background-color:#FFF;
}

blockquote cite{
margin:5px 0 0;display:block;
}

/* page */
#page {
width : 960px;
margin : 0 auto;
padding : 0;
}

/* header */

#header {
width : 960px;
height : 90px;
margin : 2px 0 0 0;
background : #fff;
}

/* logo */
#logo {
float : left;
width : 330px;
height : 80px;
position:relative;
}

#logo span{
position:absolute;
  width:100%;
  height:100%;
background: url(images/logo.jpg) no-repeat;
}

#logo h1, #logo h2 {
font-weight : normal;
color : #000;
}
#logo h1 {
padding : 5px 0 0 10px;
font-size : 2.6em;
}
#logo h2 {
padding : 0 0 5px 10px;
font-size : 1.2em;
}
#logo a {
border : none;
text-decoration : none;
color : #000;
}

/* menu */
#menu {
float : right;
height : 40px;
margin : 20px;
}
#menu ul {
margin : 0;
padding : 10px 0 0 0;
list-style : none;
}
#menu li {
float : left;
}
#menu a {
display : block;
float : left;
border-left : 2px solid #009999;
font-weight : bold;
margin-right : 3px;
padding : 5px 18px 5px 18px;
text-decoration : none;
font-size : 1.2em;
color : #f9f3df;
}
#menu a:hover {
text-decoration : underline;
color : black;
}
#menu .last a {
margin : 0;
padding-right : 0;
}

/*top menu*/

ul {
  list-style:none;
  margin:0;
  padding:0;
  
}
#topmenu {
  height:75px;
}
#topmenu li {
  float:right;
  position:relative;
}

#menu_1{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 4px 0 0;
}
#menu_1 span{
  background:url(images/facebook.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 4px 0 0;
}

#menu_2{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 4px 0 0;
}
#menu_2 span{
  background:url(images/twitter.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 4px 0 0;
}#menu_3{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 4px 0 0;
}
#menu_3 span{
  background:url(images/rss.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 4px 0 0;
}#menu_4{
  width:73px;
  height:80px;
  float:left;
  font-size:1.2em;
  position:relative;
  margin: 0 4px 0 0;
}
#menu_4 span{
  background:url(images/plurk.jpg) no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  margin: 0 4px 0 0;
}

#topmenu a:hover span {
  background-position:0 -80px;
}

/*menu nav*/

#menu_nav{
background:transparent url(images/bag-nav.jpg) no-repeat scroll center bottom;
height:88px;
padding-top:0px;
text-align:center;
font-weight : bold;
}

#menu_tab{
float: left;
}

#sub-tab {
line-height:normal;
width:100%;
}

#sub-tab ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:15px 10px 0 20px;
}

#sub-tab li {
display:inline;
margin:0;
padding:0;
}

#sub-tab li a {
color:#E2F0D6;
float:left;
margin:15px 5px 0 20px;
font-family:Verdana,sans-serif;
font-size:12px;
height:42px;
padding-top:5px;
text-decoration:none;
text-transform:uppercase;
width:124px;
}

#sub-tab li a:hover {
font-size:12px;
font-family:Verdana,sans-serif;
color: #2a2a2a;
background:url(images/bag-nav-bar.jpg) 0 0 no-repeat;
}  
    
#sub-tab #current a {
color: #2a2a2a;
background:url(images/bag-nav-bar.jpg) 0 0 no-repeat;
}

/* main */
#main {
width : 960px;
background: #0570a8;
}

/* content */

#content {
float : left;
width : 597px;
padding : 0;
}

#postcont{
margin: 0 auto;
width:590px;
padding : 0;
}

#isi {
margin: 0 auto; /*untuk mengatur jarak antara teks konten dan garis pinggir*/
width:545px;
background : #fff;
padding : 0 0 5px 0;


}
#PTtop{height:11px; width:590px; background:url(images/tit.png) top left repeat-y}
#PTbtm{height:5px; width:590px; background:transparent url(images/tib.png) top left repeat-y}
.PTbar{color:#fff; width:590px; padding-bottom:5px; background:url(images/tim.png) top left repeat-y}
.PT{width:420px; margin-left:15px}
.PT h3{display:inline; background:url(images/ptblur.png); line-height:17px; color:#000; margin:0; font-weight:normal; text-decoration:none; letter-spacing:0px}
.PT h3 a{color:#000; text-decoration:none}
.PT h3 a:hover{background:url(images/ptblur.png);}


#PFbtm{width:590px; height:14px; background:url(images/fb.png) top left repeat-y}
#p-isi{
color:#000000;
width:590px; 
padding:0; 
background:url(images/cbg.png) top left repeat-y;
line-height:20px;
}

.post .tags {
margin-top : 10px; /*margin dari baca selengkapnya sampai tag dalam konten */
padding : 2px;
border : 1px solid #dedede;
font-size : smaller;
text-align : center;
}
.post .tags a {
margin-left : 10px;
}
.post .links {
text-align : center;
margin : 0;
padding : 5px 10px;
border : 1px solid #dedede;
font-size : smaller;
}
.post .links a {
font-weight : bold;
}

/* ekstra */
#ekstra {
width : 510px;
margin: 15px 0 0 0;
background: #FFECC8;
padding: 0 20px 0 10px;
border:3px solid #7FDAFF ; color:#555;
-moz-border-radius: 7px;
}

#ekstra:hover {
background: #FFECEC;
}

#ekstra-title {
font-size: 12px;
margin-bottom : 4px;
font-family:Verdana,sans-serif;
padding: 5px 0 0 5px;
color: #000;
font-weight: bold;
}

#ekstra ul {
margin : 0;
padding : 0 0 5px 0;
}
#ekstra li {
margin-bottom : 20px;
list-style : none;
font-size : 9pt;
}
#ekstra li ul {
padding : 0;
}
#ekstra ul ul li {
margin : 0;
padding : 3px 2px 2px 16px;
color : #fff;
background : url(images/bullet.png) no-repeat left 7px;
line-height : 17px;
border-bottom : 1px dotted #ccc;
}

#ekstra a {
display : block;
color : #000;
text-decoration : none;
display : inline;
}
#ekstra a:hover {
color : #d47414;
text-decoration : underline;
}

#ekstra2 {
width : 510px;
height: 110px;
margin: 15px 0 0 0;
background: #C8FFC8;
padding: 0 20px 6px 10px;
border:3px solid #7FDAFF ; color:#555;
-moz-border-radius:7px;
}

#ekstra2:hover {
background: #C8FFEC;
}

#ekstra2-title {
font-size: 12px;
margin-bottom : 4px;
font-family:Verdana,sans-serif;
padding: 5px 0 0 5px;
color: #000;

}

/* email feed */
#mail-ekstra {
float:left;
width : 510px;

}

#mail-ekstra form{
width : 510px;
margin-top: 2px;
margin-bottom: 4px;
}

#mail-ekstra #isian {
border : 1px solid #000;
font-family:Verdana,sans-serif;
font-size : 12px;
font-weight : normal;
margin: 0 0 0 5px;
}
#mail-ekstra #rss-submit {

padding : 4px;
background : #85b602;
font-family:Verdana,sans-serif;
font-size : 12px;

color : #ffffff;
width : 83px;
border : 1px solid #000;
}
#mail-ekstra #rss-submit:hover {
background : #009933;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #000;
}

#mail-ekstra form input { color:#000;
width:160px;
background:none; 
border : 1px solid #000;
}











/* end ekstra */

.post {
margin : 0 0 0 10px;
text-align : justify;
}
.post .title {
margin : 10px 0 0 60px;
background : url(images/img03.gif) repeat-x left bottom;
}
.post .title h1, .post .title h2 {
margin : 0;
padding : 0;
}
.post .title a {
border : none;
color : #000000;
}
.post .meta {
margin : 0;
padding : 3px 0 0 0;
font : bold 10px Arial, Helvetica, sans-serif;
color : #cccccc;
}
.post .entry {
padding-bottom : 20px;
}
.post .entry p, .post .entry ol, .post .entry ul {
line-height : 180%;
}

.post h2, .post h3 {
padding-top : 10px;
}
#recent-posts h3 {
margin : 0;
padding : 10px 0 0 0;
border-bottom : 1px solid #dedede;
}
#recent-posts ul {
margin : 0;
padding : 0;
}
#recent-posts li {
margin : 0;
padding : 0;
}
#recent-posts a:hover {
color : black;
margin : 0;
padding : 0;
}

/* search */

#search form{
float:right;
margin:15px 20px 0 5px;
}

#search #s {
border : 1px solid #dedede;
font-family:Verdana,sans-serif;
font-size : 12px;
font-weight : normal;

}
#search #searchsubmit {
padding : 4px;
background : #85b602;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 60px;
border : 1px solid #dedede;
}
#search #searchsubmit:hover {
background : #009933;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 60px;
border : 1px solid #dedede;
}

#search form input { color:#fefefe;
  width:160px;
  background:none; 
  border:none; 
  }


/* email feed */
#rss-mail {
margin-top: 2px;
margin-bottom: 4px;
float:right;
width : 355px;
}

#rss-mail form{
float:right;
width : 355px;
}

#rss-mail #isian {
border : 1px solid #dedede;
font-family:Verdana,sans-serif;
font-size : 12px;
font-weight : normal;
margin: 0 0 0 30px;
}
#rss-mail #rss-submit {

padding : 4px;
background : #85b602;
font-family:Verdana,sans-serif;
font-size : 12px;

color : #ffffff;
width : 83px;
border : 1px solid #dedede;
}
#rss-mail #rss-submit:hover {
background : #009933;
padding : 4px;
font-family:Verdana,sans-serif;
font-size : 12px;
color : #ffffff;
width : 83px;
border : 1px solid #dedede;
}

#rss-mail form input { color:#fefefe;
width:160px;
background:none; 
border : 1px solid #dedede;
}

.feed-prv {
margin: 2px 0 2px 30px;
}

.feed-prv2 {
margin: 4px 0 2px 3px;
}

/* calendar */

#calendar_wrap {
padding : 0;
}
#calendar caption {
padding-bottom : 5px;
font-size : 1.2em;
font-weight : bold;
}
#calendar table {
width : 100%;
text-align : center;
border-collapse : collapse;
border : 1px solid #dedede;
}
#calendar thead th {
padding : 5px 0;
background : #f9f3df;
border-bottom : 1px solid #dedede;
color : #70a300;
}
#calendar tbody td {
padding : 5px 0;
border-right : 1px dotted #dedede;
border-bottom : 1px dotted #dedede;
}
#calendar tfoot td {
padding : 5px;
border-top : 1px solid #dedede;
}
#calendar tfoot a {
border : none;
font-weight : bold;
}
#calendar #next {
text-align : right;
}
#calendar #prev {
text-align : left;
}

.navigation {
font-weight : bold;
padding: 5px 0 5px 10px;
color: #fff;
height: 50px;
}

.post {
padding : 0;
margin : 0;
clear : both;
overflow : hidden;
}
.post .date {
position : static;
height : 41px;
width : 41px;
background : url(images/calender_pink.gif) no-repeat;
font : normal 18px Arial, Helvetica, sans-serif;
color : #666666;
text-align : center;
padding : 0;
margin : 10px 20px 0 0;
line-height : 100%;
float : left;
}

/* image */
p img {
padding : 0;
max-width : 100%;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}

/*caption */
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f9f3df;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}

/* page title untuk halaman archive, search*/
.pagetitle {
padding : 15px 0 5px 15px;
color : #fff;
font-size : 18px;
}

.pagetitle h2 {
font-size : 18px;
color : #fff;
}

.pagetitle-search {
margin: 8px auto;
width: 500px;
padding : 15px 0 5px 15px;
color : #000;
font-size : 18px;
text-align: center;
background: #FFBF7F;
border:3px solid #7FDAFF ; color:#555;
}

.pagetitle-search h2 {
font-size : 18px;
color : #000;
}

/*sidebar */
#allsidebars {
margin-top : 7px;
padding-top : 0;
width : 356px;
float : left;
}
.sidebarswrapper {
margin-top : 0;
padding-top : 0;
width : 356px;
}
.sidebars {
margin: 0 0 0 0;
width : 355px;
background : url(images/latar.jpg) no-repeat left top;
font-family:Verdana,sans-serif;
height: 200px;
}

#style3 {
font-size: 12px;
margin : 0 0 5px 10px;
font-family:Verdana,sans-serif;
padding: 5px 0 0 5px;
color: #000;
font-weight: bold;
}
.sidebars a {
color: #660000;
}

.style4 {font-size: 14px;
color: #fff;
}

.sidebars a:hover {
        color: #70a300;
}
.sidebars a:active {
        color: #000;
}

.sidebars ul {

margin : 0;
padding : 0 0 2px 0;
}
.sidebars li {
margin-bottom : 200px;
list-style : none;
font-size : 9pt;
}
.sidebars li ul {
padding : 0;
}
.sidebars ul ul li {

margin : 0;
padding : 2px 2px 2px 30px;
color : #000;
}

#allsidebars h2 {
margin-top : 5px;
margin-bottom : 5px;
}

.sidebarsB {
width : 355px;
margin-top : 15px;
}
.sidebar1 {
float : left;
width : 165px;
}
.sidebar2 {
float : right;
width : 165px;
}
.sidebarsB h2 {
padding : 2px 7px;
font-size : 11pt;
color : #fff;
letter-spacing : -1px;
background : url(images/sidebar_h2.gif) no-repeat left;
margin-bottom : 3px;
}
.sidebarsB table {
width : 160px;
}
.sidebarsB ul {

margin : 0;
padding : 0 0 5px 0;
}
.sidebarsB li {

margin-bottom : 20px;
list-style : none;
font-size : 9pt;
}
.sidebarsB li ul {

padding : 0;
}
.sidebarsB ul ul li {
margin : 0;
padding : 3px 2px 2px 16px;
color : #fff;
background : url(images/bullet.png) no-repeat left 7px;
line-height : 17px;
border-bottom : 1px dotted #ccc;
}
.sidebarsB a {
display : block;
color : #fff;
text-decoration : none;
display : inline;
}
.sidebarsB a:hover {
color : #d47414;
text-decoration : underline;
}
.sidebarsB p {
padding : 2px 0;
font-size : 9pt;
}
#tag_cloud a {
display : inline;
}
.sidebarsB ul.children li {
border-bottom : none;
}
.sidebarsB ul.children {
margin-bottom : 0;
}

/* komentar */
#commentform #author {
background : url(../lentera/images/icons/user.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform #email {
background : url(../lentera/images/icons/email.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform #url {
background : url(../lentera/images/icons/link.gif) no-repeat 6px 6px;
padding : 6px 6px 6px 25px;
}
#commentform label {
height : 20px;
font-size : 11px;
vertical-align : middle;
padding : 2px 2px 10px 2px;
display : inline;
}
#commentform .red {
color : #c90606;
margin : 0;
font-size : 14px;
font-family:Verdana,sans-serif;
}
#commentform input {
width : 210px;
padding : 5px;
border : 1px solid #aeafaf;
margin : 5px 5px 1px 0;
}
#commentform input:focus {
border : 1px solid #191919;
}
#commentform textarea {
width : 500px;
padding : 2px;
border : 1px solid #aeafaf;
}
#commentform textarea:focus {
border : 1px solid #191919;
}
#commentform #submit {
margin : 0;
float : right;
color : #fff;
border : none;
font-family:Verdana,sans-serif;
padding : 4px;
font-size : 14px;
background : url(images/img04.jpg) repeat-x left top;
font-weight : bold;
width : 155px;
}
#commentform #submit:hover {
background : #009933;
border : 1px solid #191919;
font-family:Verdana,sans-serif;
border : none;
color : #fff;
}
#commentform p {
margin : 5px 0;
}
.commentlist {
padding : 0;
text-align : justify;
}
.commentlist li {
margin : 5px 0 10px 0;
padding : 7px;
font-size : 12px;
background : #f1f1f1;
list-style : none;
border : 1px solid #ddd;
}
.commentlist li.alt {
background : #f8f8f8;
border : 1px solid #e1e1e1;
}
ol.commentlist li span.moderate {
background : #eee;
border : 1px solid #e59d9d;
}
.commentlist p {
margin : 10px 5px 10px 0;
}
.author_comment {
border : 2px solid #cbcbcb !important ;
background : #ededed !important ;
}
.author_comment .comment-text {
border : 1px solid #cbcbcb !important ;
}
.comment-auth {
font-size : 14px;
font-weight : bold;
padding-top : 5px;
}
.comment-text {
background : #fff;
padding : 0 10px 0 10px;
text-align : justify;
margin : 10px 0 0 0;
font-size : 12px;
color : #4a4a4a;
line-height : 20px;
border : 1px solid #e1e1e1;
}
.comment-text .wp-smiley {
padding : 0;
border : 0;
margin : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.comment-num {
float : right;
font-size : 20px;
font-family:Verdana,sans-serif;
margin : 10px;
}
.nocomments {
border : 1px dashed #ffcc99;
background : #ffffcc;
margin : 5px 0 5px 0;
padding : 5px;
font-size : 12px;
}
.login {
border : 1px dashed #ffcc99;
background : #ffffcc;
margin : 5px 0 5px 0;
padding : 5px;
font-size : 12px;
}
.logged {
border : 1px solid #aeafaf;
background : #eceded;
margin : 5px 0 5px 0;
padding : 5px;
color : #666;
font-size : 12px;
}
.post-reply {
display : block;
font-weight : bold;
padding : 5px 0 0 0;
text-align : right;
}
.leave-comment {
float : right;
line-height : 26px;
}
.leave-comment a {
text-decoration : none;
color : #555;
font-size : 11px;
}
.info-single {
padding : 0 0 10px 0;
margin : 0 0 10px 0;
font-size : 13px;
line-height : 30px;
height : 67px;
color : #555;
font-family:Verdana,sans-serif;
border-bottom : 1px dashed #ccc;
}
.skip {
float : right;
margin : 0;
padding-bottom : 10px;
line-height : 0;
}
.skip a {
font-weight : normal;
}
.info-single a {
font-size : 12px;
}
.info-single a:hover {
text-decoration : underline;
}
.info-comment {
padding : 0;
margin : 0;
font-size : 12px;
display : block;
line-height : 22px;
color : #555;
font-family:Verdana,sans-serif;sans-serif;
}
.info-comment a {
font-size : 14px;
}
.info-comment a:hover {
text-decoration : underline;
}
.info {
padding : 5px 0 0 0;
line-height : 25px;
margin : 0 0 10px 0;
font-family:Verdana,sans-serif;
font-size : 12px;
}
.info img {
border : 0;
padding : 0;
}
.gravatar-comment {
float : left;
margin : 0 7px 7px 0;
padding : 3px;
background : #fff;
border : 1px solid #e1e1e1;
}
.gravatar-single img {
padding : 2px;
margin : 0;
}
.gravatar {
float : right;
margin : 0 0 0 10px;
background : #fff;
border : 1px solid #ccc;
}
.gravatar img {
padding : 2px;
margin : 0;
}
.info-single .gravatar {
float : left;
margin : 0 7px 0 0;
}
.trackbacks {
padding : 3px 0 3px 0;
display : block;
margin-bottom : 5px;
list-style-type : none;
list-style-position : outside;
color : #353535;
font-size : 12px;
}
.trackbacks a {
font-size : 12px;
font-weight : normal;
color : #555;
text-decoration : underline;
}
abbr em {
border : 1px solid #ffffff;
background-color : #eeeeee;
display : block;
padding : 4px;
}
#lastposts {
width : 300px;
}
#JT_arrow_left {
background-image : url(../images/arrow_left.gif);
background-repeat : no-repeat;
background-position : left top;
position : absolute;
z-index : 101;
left : -12px;
height : 23px;
width : 10px;
top : -3px;
}
#JT_arrow_right {
background-image : url(../images/arrow_right.gif);
background-repeat : no-repeat;
background-position : left top;
position : absolute;
z-index : 101;
height : 23px;
width : 11px;
top : -2px;
}
#JT {
position : absolute;
z-index : 100;
border : 2px solid #cccccc;
}
#JT_copy {
padding : 10px 10px 10px 10px;
color : #333333;
background-image : url(../images/stripefadeback.png);
}
.JT_loader {
background-image : url(../images/loader.gif);
background-repeat : no-repeat;
background-position : center center;
width : 100%;
height : 12px;
}
#JT_close_left {
background-color : #cccccc;
text-align : left;
padding-left : 8px;
padding-bottom : 5px;
padding-top : 2px;
font-weight : bold;
}
#JT_close_right {
background-color : #cccccc;
text-align : left;
padding-left : 8px;
padding-bottom : 5px;
padding-top : 2px;
font-weight : bold;
}
#JT_copy p {
margin : 3px 0;
font-family:Verdana,sans-serif;
}
#JT_copy img {
padding : 1px;
border : 1px solid #cccccc;
}
.jTip {
cursor : help;
}
.post-stats {
display : block;
font-size : 9px;
font-weight : bold;
}

.respond-dua {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}


#comment-main {
margin: 0 auto;
}

/*footer*/
#footer {
clear : both;
width : 960px;
height : 87px;
margin : 0 auto;
background : url(images/footer.jpg) no-repeat bottom center;
}

#footer-top {
height : 40px;
margin : 0 auto;
}


#footer p {
margin : 0;
padding : 2px;
font-size : 12px;
color : #ffffff;
}
#footer .legal {
float : left;
font-weight : bold;
height : 20px;
padding : 10px;
}
#footer .credit {
float : right;
font-weight : bold;
height : 20px;
padding : 10px;
}

#footer-bottom {
height : 40px;
margin : 0 auto;
}
#footer .copyright {
float : left;
font-weight : bold;
height : 20px;
padding : 5px 0 5px 0;
text-align: center;
width : 960px;
}