/*
Theme Name: DBB template 02
Theme URI: http://wnw.designbuildbluff.org/
Description: Design Build BLUFF three columns template.
Version: 1.0
Author: Atsushi
Author URI: http://www.hana-re.info/
Tags: 3 columns, for students blog
*/

/**********************/  
/* basic              */
/**********************/
body { width:100%; margin:0px 0px 0px 0px; padding:0px;
  font:8pt Verdana,Arial, san-serif;
  line-height:150%; color:#666666; }
a { color:#ff6600; text-decoration:none;  }
a:hover { color:#000000; text-decoration:underline; }
a img { border:0; }
blockquote { border-left:solid 5px #A7B3BC; padding:5px 5px 5px 8px; margin:8px;
    background-color:#ffffff;
    font:normal 8pt Georgia, "Times New Roman", Times, serif;
    line-height:160%; display:inline-block; }
pre { border-left:solid 5px #738695; padding:5px 5px 5px 8px;
    margin:8px 8px 8px 8px; background-color:#ffffff; overflow:scroll; }
ul { list-style-type:none; margin:0px; padding 0px 0px 0px 0px; }
li { list-style-type:none; margin:0px; padding 0px 0px 0px 0px; }

input, 
select, 
textarea { font:8pt Verdana, Arial, sans-serif; color:#666666; }
form { margin:0px; padding:0px; }
p { margin:1px 0px 2px 0px; }
h1, h2, h3, h4, h5, h6  { font-weight:normal; font-family:Verdana, Arial, san-serif; line-height:130% }
h1 { font-size:18pt }
h2 { font-size:16pt; }
h3 { font-size:13pt; }
h4 { font-size:10pt; }
h5 { font-size:8pt; }
h6 { font-size:7pt; }

/*
.sep { display:block; margin:30px 0px 10px 0px;  height:1px; 
  background:transparent url('images/img_line_dot_1x430.jpg') top left no-repeat;
  overflow:hidden; }
*/
.sep { margin:30px 0px 10px 0px; overflow:hidden; }


/**********************/
/* wordpress defaults */
/**********************/
.aligncenter,
div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left;}
.alignright { float:right;}
.wp-caption { text-align:left; margin-top:10px;
    margin-bottom:50px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.wp-caption img { margin: 10px 0px 0px 0px; padding: 0px; }
.wp-caption p.wp-caption-text {
  padding:0px; margin:0px 10px 0px 0px;
  font:normal 8pt Verdana, Arial, sans-serif;
  color:#555555; line-height:150%;
  float:right; }

/* wrapper */
.wrap { width:800px; margin: 0px; padding:0px; overflow:hidden; }


/**********************/  
/* columns */
/**********************/  
.c1 { width:160px; float:left; padding:0px 0px 50px 0px;
  margin:0px 0px 0px 0px; overflow:hidden;}
.c2 { width:130px; float:left;padding:80px 30px 20px 20px;
  margin:0px 0px 0px 0px; overflow:hidden;}
.c3 { width:440px; float:left;padding:140px 0px 0px 20px;
  margin:0px 0px 0px 0px; overflow:hidden;}
.c4 { width:610px; float:left; padding:80px 0px 0px 20px;
  margin:0px 0px 0px 0px; overflow:hidden;}

/**********************/
/* blog title         */
/**********************/
#head {  overflow:hidden; text-align:left; }
  #head h1 { margin:50px 0px 10px 0; padding:0px;
    font:normal 8pt Georgia, Verdana, Arial, sans-serif;
    letter-spacing:2px; text-transform:uppercase; }
    #head a { color:#ff6600;  text-decoration:none; }
    #head a:hover { color:#000000; text-decoration:underline; }
        #head #title { margin:50px 0px 5px 0px; padding:0px;
            font:normal 8pt Verdana, Arial, sans-serif; color:#333333;
            letter-spacing:2px; }
            /* text-transform:uppercase; } */
	#head #line { margin:10px 0px 10px 0px; padding:0px; }

/**********************/  
/* menu */
/**********************/  
#menu { width:440px; margin:auto; overflow:hidden; height:18px;
  font:normal 8pt Verdana, Arial, sans-serif; text-transform:lowercase; }
	#menu ul { list-style:none; margin:0px 0px 0px 10px; padding:0px; overflow:hidden; }
#menu li { float:left; padding:0px; }
#menu li a { display:block; padding:2px 5px 2px 5px;
  margin:0px 5px 0px 0px; text-align:left; color:#ff6600;
  text-decoration:none; }
#menu li a:hover { color:#333333; text-decoration:underline;; }
#menu li.current_page_item a { background-color:#ff6600; text-decoration: none; }
#menu li.current_page_item a:hover { color:#333333; text-decoration:underline; }


#midbar { overflow:hidden; padding:0px; }

#innerwrap { overflow:hidden; padding:0px; }

/**********************/  
/* widgets */
/**********************/  
#widgets1 { list-style:none; margin:0px; padding:0px; color:#666666; }
#widgets2 { list-style:none; margin:0px; padding:0px; color:#666666; }
.widget { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#widgets1 .widget { border-right:solid 0px #000000;float:left }
#widgets2 .widget { border-right:solid 0px #000000;float:left }
.widget ul { margin:0px; padding:0px; }
.widget ul li a { color:#ff6600; padding:0px; text-decoration:none}
.widget li a:hover { color:#333333; text-decoration:underline; }
.widget h2 { margin:40px 0px 5px 0px; padding:0px; color:#666666;
    font:normal 8pt Verdana, Arial, sans-serif; }
    /* text-transform:lowercase; } */


/**********************/  
/* donation button    */
/**********************/
input.textbutton {
  background-color: #f0e0c0;
  border: #ff6600 1px solid;
  color: #ff6600;
  width: 100px; }
input.textbutton_hov {
  background-color: #ff6600;
  border: #333333 1px solid;
  color: #333333;
  width: 100px; }


/**********************/  
/* page describe  */
/**********************/  
.toptext { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#666666;
  /*  text-transform:lowercase; */
}

.toptext a { color:#ff6600; text-decoration: none; }
.toptext a:hover { color:#333333; text-decoration:underline; }

.midtext { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;
  color:#000000;
  font:normal 8pt Verdana, Arial, sans-serif; }


/**********************/  
/* list images for widgets */
/**********************/  

#widgets1 .widget li { list-style:none; margin:0px 0px 5px 0px; padding:0px 5px 0px 20px; }

#widgets2 .widget li { list-style:none; margin:0px 0px 5px 0px; padding:0px 5px 0px 20px; }


#widgets1 .widget_recent_entries li {background:url('images/24.png') center left no-repeat; }
#widgets1 .widget_recent_comments li { background:url('images/18.png') center left no-repeat; }
#widgets1 .widget_pages li { background:url('images/21.png') center left no-repeat; }
#widgets1 .widget_categories li { background:url('images/41.png') center left no-repeat; }
#widgets1 .widget_archive li { background:url('images/34.png') center left no-repeat; }
#widgets1 .widget_links li, 
#widgets1 .widget_betterblogroll li, 
#widgets1 .widget_sclw li { background:url('images/13.png') center left no-repeat; }

#widgets2 .widget_recent_entries li {background:url('images/24.png') center left no-repeat; }
#widgets2 .widget_recent_comments li { background:url('images/18.png') center left no-repeat; }
#widgets2 .widget_pages li { background:url('images/21.png') center left no-repeat; }
#widgets2 .widget_categories li { padding:0px 5px 0px 0px; }
#widgets2 .widget_archive li { padding:0px 5px 0px 0px; }
#widgets2 .widget_links li, 
#widgets2 .widget_betterblogroll li, 
#widgets2 .widget_sclw li { background:url('images/13.png') center left no-repeat; }


/**********************/  
/* search box */
/**********************/  
#searchform #s { width:110px; }


/**********************/  
/* blog posts */
/**********************/  
.post { margin:0px 0px 15px 0px; overflow:hidden; line-height:160%; color:#666666; }


/**********************/  
/* title */
/**********************/  
.post-title { text-align:left; margin:20px 0px 20px 0px; padding:0px;
  font:bold 1.2em Verdana, Arial, sans-serif; width:440px;
  letter-spacing:-0.02em;
  /*  line-height:130%; */
 }

.post-title a { color:#ff6600; text_decoration:none}
.post-title a:hover { color:#333333; text-decoration:underline; }

/**********************/  
/* blog title sub*/
/**********************/  

.post-title-sub { margin:0px 0px 0px 0px; padding:0px; overflow:hidden;
   font:normal 8pt Verdana, Arial, sans-serif; color:#000000; }





/**********************/  
/* bar with date, author and category */
/**********************/  
.post-sub { margin:0px 0px 0px 0px; overflow:hidden;
   font:normal 8pt Verdana, Arial, sans-serif; color:#666666; }

.post-sub a, 
.post-foot a { color:#f66900; text_decoration:none; }

.post-sub a:hover, 
.post-foot a:hover { color:#333333; text-decoration:underline; }

.post-date { width:400px; float:left; overflow:hidden;
  margin:0px 0px 0px 0px; color:#666666; }

.post-author { width:400px; float:left; overflow:hidden;
  margin:0px 10px 15px 0px; }

.post-cat { width:400px; float:left; overflow:hidden;
  margin:0px 10px 15px 0px;}


/**********************/  
/* blog text */
/**********************/  
.post-text {float:left; margin:0px 0px 20px 0px; overflow:hidden; color:#666666; width:440px; }
/* .aligncenter { display:block; margin:auto; text-align:center; } */
.aligncenter { margin:0px 0px 5px 0px; text-align:center; }
img.alignright { padding:0px; margin:5px 0px 5px 0px; display:inline; }
img.alignleft { padding:0px; margin:5px 0px 5px 0px; display:inline; }
.alignright { float: right; }
.alignleft { float: left; }
.youtube { text-align:center; margin:10px 0px 10px 0px; }


/**********************/  
/* blog footer with tags, edit and comments */
/**********************/  
.post-foot { float:left; overflow:hidden; margin:30px 0px 30px 0px;
  font:normal 8pt Verdana, Arial, sans-serif; color:#999999;
  line-height:160%; }
.post-edit { float:left; margin: 0px 20px 0px 20px; }

.post-foot-detail { float:left; margin:3px 0px 0px 0px; width:210px;}
.post-foot-auther { float:left; margin:3px 0px 0px 0px; width:230px;
  text-align:right;}
.post-foot-sub { float:left; margin:3px 0px 0px 0px;width:440px; text-align:left;}
.post-foot-share { float:left; margin:3px 0px 0px 0px; width:440px;
text-align:right; overflow: visible;}
.post-foot-comment { float:left; margin:10px 0px 10px 40px; width:400px;
text-align:left; overflow: visible;}

/**********************/  
/* comments */
/**********************/
.commentlist { list-style:none; padding:0px; margin:0px;
  border-top:dashed 1px #555555; 
  overflow:hidden; }

.commentlist li { overflow:hidden;  padding:8px; }
.commentlist li.alt { overflow:hidden; }

.comment-avatar img { float:left; padding:0px; border:solid 1px #999999;
  margin:8px 8px 8px 0px; }

.comment-bar { color:#555555; overflow:hidden; padding:0px 8px 0px 0px;
  font:normal 8pt Verdana, Arial, sans-serif; line-height:160%; }
.comment-bar a { color:#ff6600; text-decoration:none; }
.comment-bar a:hover { color:#333333; text-decoration:underline; }

.comment-author { color:#55555; font-size:8pt; }
.comment-author a { color:#ff6600; text-decoration:none; }
.comment-author a:hover { color:#333333; text-decoration:underline; }

.comment-text { }


/**********************/  
/* footer */
/**********************/  
#footer { width:800; height:50px; background:transparent top left no-repeat;
  margin:auto; padding:30px 5px 10px 5px; 
  font-family:Verdana, Arial, sans-serif;
  color:#666666; text-align:center; }
#footer a { color:#666666; text-decoration:none; }
#footer a:hover { text-decoration:none; }