/*
  Theme Name: Blocks
  Theme URI: http://wordpress.org/extend/themes/blocks/
  Description: Blocks is a simple theme, no images and doesnt require any plugin, transplant from my OPERA BLOG. Compatible with WordPress 2.7, thread comments ready.
  Version: 2.1.1
  Author: mg12
  Author URI: http://www.neoease.com/
  Tags: two columns, three columns, fixed width, widget ready, left sidebar, right sidebar, white, simple, lite, valid CSS, valid XHTML, admin options
  */

/* body START */
body {
    background:#EBEBED;
    color:#333;
    font-size:1em;
    font-family: "Trebuchet MS", "UnDotum", Verdana, "Malgun Gothic", "?? ??", "Gulim", "??", "Times New Roman", Times, serif;
}
#container {
    margin:0 auto;
    width:900px;
}
/* body END */

/* base START */
* {
    margin:0;
    padding:0;
}
abbr[title], acronym[title] {
    border-bottom:thin dotted;
    cursor:help;
}
small, .small {
    font-size:10px;
}
img {
    border:none;
}
.inline {
    display:inline;
}
.more-link {
    font-size:10px;
}
.sided {
    background:#FFF;
    border:1px solid #899EA6;
    padding:3px;
}
a .sided:hover {
    border-color:#496370;
}
.wp-caption {
    background:#F1F5F6;
    border:1px solid #DCE3E9;
    padding:5px 0;
    margin-bottom:5px;
    text-align:center;
}
.post .content .wp-caption p {
    margin:3px 0 0;
}
a {
    color:#258;
    text-decoration:none;
    border-bottom: 1px dotted;
}
a:hover {
/*     text-decoration:underline; */
    background:#EEF3E2;
}
.button {
    text-decoration:none;
    padding:2px 5px;
    background:#D5E396;
    border-top:1px solid #D5E396;
    border-right:1px solid #B5C98F;
    border-bottom:1px solid #B5C98F;
    border-left:1px solid #D5E396;
    color:#84985D;
}
.button:hover {
    text-decoration:none;
    background:#C8DE9D;
    border-top:1px solid #B5C98F;
    border-right:1px solid #D5E396;
    border-bottom:1px solid #D5E396;
    border-left:1px solid #B5C98F;
    color:#60743A;
}
blockquote {
    background:#F1F5F6;
    border:1px dashed #B0BEC7;
    color:#666;
    padding:5px 10px;
    margin:5px 0;
    overflow:auto;
/*     white-space: pre; */
}
pre {
    background:#F1F5F6;
    border:1px dashed #B0BEC7;
    color:#666;
    padding:5px 10px;
    margin:5px 0;
    overflow:auto;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

blockquote a {
    color:#258;
}
blockquote.adminquote {
    background:#FAFDEC;
    border-color:#D5E396;
}
.feed, .feed a {
    color:#E05C23;
}
.textfield, .textarea {
    border:1px solid #A4B97F;
    padding:2px 1px;
    font-size:12px;
}
.clear, .fixed {
    clear:both;
}
.alignleft {
    float:left;
    text-align:left;
    margin-right:10px;
}
.alignright {
    float:right;
    text-align:right;
    margin-left:10px;
}
.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.left {
    float:left;
    margin-right:10px !important;
    margin-right:7px;
}
.right {
    float:right;
    margin-left:10px !important;
    margin-left:7px;
}
.bottom_separator {
    margin-bottom:10px;
}
.block {
    background:#FFF;
    border:1px solid #B0BEC7;
    margin-bottom:10px;
}
.block .content {
    background:#F1F5F6;
    margin:1px;
    padding:6px 10px;
}
.block .g {
    background:#FAFDEC;
}
.block .r {
    background:#F6EEE3;
}
.boxcaption {
    border:1px solid #B0BEC7;
    border-bottom:none;
}
.boxcaption h3 {
    border:1px solid #FFF;
    background:#F1F5F6;
    padding:5px 10px;
    font-size:12px;
    color:#258;
}
.boxcaption a {
    text-decoration:none;
}
.box {
    border:1px solid #B0BEC7;
    border-top:none;
    padding:10px;
    margin-bottom:10px;
}
.w3c {
    color:#080;
    font-size:10px;
}
/* base END */

/* top START */
#top {
    margin:0 5px;
    padding:5px 0;
    font-size:10px;
    float:right;
}
#top li {
    float:left;
    padding:0 5px;
    border-right:1px solid #333;
    list-style:none;
}
#top li.s {
    border:none;
}
/* top END */

/* header START */
#header {
    background:#E9EEF1;
    border:1px solid #B0BEC7;
    margin-bottom:10px;
}
#header .content {
    background:#FFF;
    width:100%;
    height:100%;

}
#header .content #title {
    float:left;
    padding:15px;
}
#header .content h1 {
    font-size:1.6em;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-1px;
}
#header .content #tagline {
    font-size:10px;
}
#header .meta {
    font-size:10px;
    border:1px solid #FFF;
}
#menubar {
    float:left;
    padding:0 10px;
}
#menubar li {
    float:left;
    border-style:solid;
    border-color:#FFF;
    border-width:0 1px;
    margin-left:-1px;
    list-style:none;
}
#menubar li a {
    font-size:1.1em;
    display:block;
    text-decoration:none;
    padding:5px 10px;
}
#menubar li a:hover {
    background:#E1E7E9;
}
#menubar .current_page_item {
    background:#FFF;
    font-weight:bold;
}
#copyright, .feedlink, .greedlink {
    float:right;
    padding:5px 10px;
    border-right:1px solid #FFF;
    margin-right:-1px;
}
#copyright {
    color:#B0BEC7;
}
a.feedlink {
    background:#F1E9E1;
    border-left:1px solid #FFF;
    text-decoration:none;
}
a.feedlink:hover {
    background:#EDC;
    text-decoration:none;
}
a.greedlink {
    background:#ECF3D3;
    border-left:1px solid #FFF;
    text-decoration:none;
    color:#84985D;
}
a.greedlink:hover {
    background:#DEECBE;
    text-decoration:none;
}
/* header END */

/* subscribe START */
#menubar li ul, 
#subscribe ul {
    display:none;
    margin:1px 0 0;
    background:#FFF;
    border:1px solid #B0BEC7;
    border-top:none;
}
#menubar li ul {
    padding:0 0 1px;
    margin-left:-2px !important;
    margin-left:-1px;
}
*+html #menubar li ul {
    margin-left:-1px !important;
}
#subscribe ul {
    padding:0 1px 1px;
}
#menubar li ul li, 
#subscribe ul li {
    float:none;
    margin:0;
    padding:0;
    display:block;
    list-style:none;
}
#menubar li ul li a, 
#subscribe ul li a {
    display:block;
    padding:5px 10px;
    text-decoration:none;
    width:120px;
    font-size:12px;
}
#menubar li ul li a {
    background:#E9EEF1;
}
#subscribe ul li a {
    background:#F1E9E1;
}
#menubar li ul li a:hover {
    background:#E1E7E9;
}
#subscribe ul li a:hover {
    background:#EEDDCC;
}
/* subscribe END */

/* main START */
#main {
    width:636px;
    float:left;
}
.post {
    border:1px solid #B0BEC7;
    margin-bottom:10px;
}
.post .title {
    background:#E9EEF1;
    font-size:1.0em;
    border:1px solid #FFF;
    padding:5px 10px;
    text-decoration:none;
    color:#258;
}
.post .title a:hover {
    text-decoration:none;
    color:#333;
}
.post .content {
    background:#FFF;
    padding:10px 11px 0;
    line-height:120%;
    overflow:hidden;
}
.part, 
.post .content p {
    font-size:0.8em;
    margin-bottom:10px;
}
.post .content img {
    max-width:600px;
}
.post .content h4 {
    font-size:14px;
    margin-bottom:8px;
    color:#60743A;
}
.post .content ul, 
.post .content ol {
    font-size:0.8em;
    padding-bottom:10px;
}
.post .content ul li, 
.post .content ol li {
    list-style-position:inside;
    padding-left:20px;
}
.post .content ul li pre, 
.post .content ol li pre{
    font-size:1.2em;
}

.post .content table {
    background:#FFF;
    border:1px solid #B0BEC7;
    margin:5px 0 10px;
}
.post .content table tr td {
    border-top:1px solid #B0BEC7;
    padding:2px 10px;
}
.post .content table tr th {
    padding:1px 10px;
    background:#FAFDEC;
    text-align:left;
}
.post .meta {
    background:#F1F5F6;
    border:1px solid #FFF;
    padding:5px 10px;
    font-size:0.7em;
}
#pagenavi, 
#postnavi, 
#commentnavi {
    font-size:0.7em;
}
#pagenavi .newer, 
#postnavi .prev {
    float:left;
}
#pagenavi .older, 
#postnavi .next {
    float:right;
}
.wp-pagenavi span.docs {
    margin:2px 4px;
}
/* main END */

/* sidebar START */
#sidebar {
    float:right;
    width:254px;
    overflow:hidden;
}
#sidebar li {
    list-style:none;
}
.sidebar .sidedate {
    color:#B0BEC7;
}
.widget {
    background:#FFF;
    border:1px solid #B0BEC7;
    margin-bottom:10px;
}
.widget h3 {
    background:#E9EEF1;
    font-size:11px;
    margin:1px;
    padding:5px 10px;
    text-decoration:none;
    color:#258;
}
.widget a:hover h3 {
    background:#E1E7E9;
}
.widget ul {
    padding:4px 7px 10px;
}

.widget .space {
    padding:4px 12px 8px;
}
.widget ul li {
    font-size:0.8em;
    line-height:18px;
    padding:3px 5px;
    border-bottom:1px solid #DCE3E9;
}
.widget ul li:hover {
    background:#F1F5F6;
}
.sidebar #searchbox {
    background:#FAFDEC;
    padding:6px !important;
    padding:6px 6px 3px;
    margin:1px;
}
*+html .sidebar #searchbox {
    padding:6px 6px 3px !important;
}
#searchbox .textfield {
    width:234px;
}
#searchbox .operation {
    color:#84985D;
    margin-top:4px;
    font-size:10px;
}
#searchbox .operation span {
    padding:2px 0;
}
#search_submit {
    font-size:10px;
    cursor:pointer;
}
.widget ul li ul {
    padding-bottom:0;
    padding-right:0;
    padding-top:0;
}
.widget ul li ul li {
    padding:3px 5px 0;
    border-top:1px solid #DCE3E9;
    border-bottom:none;
    line-height:18px;
    margin-top:3px;
    margin-right:-5px;
}
#sidebar .widget_tag_cloud {
    padding:0 11px 8px 11px;
}
#sidebar .widget_tag_cloud h3 {
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:4px;
}
#sidebar ul #stockq{
/*     padding: 0px; */
/*     margin: 0px; */
/*     width: 186px; */
/*     background-image: none; */
/*     background-repeat: no-repeat; */
/*     background-color: #F1FBE5; */
/*     padding-bottom: 3px; */
/*     border: 1px solid #DFE882; */
    font-size:0.8em;
}
/* sidebar END */

/* footer START */
#footer {
    background:#FFF;
    border:1px solid #B0BEC7;
    padding:1px;
    text-transform:uppercase;
    font-size:10px;
    margin-bottom:10px;
}
#footer .content {
    background:#FAFDEC;
    padding:6px 10px;
}
#footer #about {
    float:left;
}
#gotop {
    float:right;
    font-weight:bolder;
}
/* footer END */

/* commnets START */
#comments .comment {
    list-style:none;
    background:#FFF;
    border:1px solid #B0BEC7;
    margin-bottom:10px;
    position:relative;
    font-size:0.8em;
}
#comments .comment .header {
    background:#F1F5F6;
    border:1px solid #FFF;
    border-bottom:none;
    height:23px;
    overflow:hidden;
}
#comments .comment .body {
    margin:10px 11px 0;
    line-height:145%;
    overflow:hidden;
    position:relative;
}
#comments .comment .body img {
    align:bottom;
/*     vertical-align: bottom; */
/*     display: block; */
}
#comments .comment p, 
#comments .comment blockquote {
    margin:0 0 10px;
}
#comments .author {
    float:left;
    font-weight:bold;
    border-right:1px solid #FFF;
    width:128px;
    overflow:hidden;
}
#comments .with_avatar {
    width:146px;
}
#comments .author a, 
#comments .author span {
    background:#E9EEF1;
    display:block;
    padding:4px 10px !important;
    padding:5px 10px;
    text-decoration:none;
}
#comments .with_avatar a, 
#comments .with_avatar span {
    padding:4px 10px 4px 42px !important;
    padding:5px 10px 5px 42px;
}
#comments .avatar {
    background:#FFF;
    padding:1px;
    border:1px solid #E9EEF1;
    position:absolute;
    top:3px !important;
    top:4px;
    left:8px;
}
#comments .admincomment .avatar {
    border-color:#ECF3D3;
}
#comments .author a:hover {
    background:#E1E7E9;
}
#comments .admincomment .header {
    background:#FAFDEC;
}
#comments .admincomment .author a, 
#comments .admincomment .author span {
    background:#ECF3D3;
}
#comments .admincomment .author a:hover {
    background:#DEECBE;
}
#comments .date, 
#comments .items {
    font-size:1.0em;
    margin:4px 9px !important;
    margin:4px 5px 4px 9px;
}
#respond {
    background:#FFF;
    border:1px solid #B0BEC7;
    margin-bottom:10px;
}
#respond .body {
    background:#FAFDEC;
    margin:1px;
    padding:0 10px 10px !important;
    padding:0 10px 1px;
}
#respond .header {
    padding:5px 0;
}
#respond .header .title {
    font-size:14px;
    float:left;
}
#respond .header .cancel {
    float:right;
    font-size:10px;
}
#respond .notice {
    background:#E9F3BC;
    border-style:dashed;
    border-color:#D5E396;
    border-width:1px 0;
    padding:5px 10px;
    margin:0 -10px 10px;
    position:relative;
    font-size:10px;
}
#respond .text {
    float:left;
}
#respond .info {
    float:right;
    width:180px;
    font-size:10px;
}
#respond .textfield {
    width:175px;
}
#respond #comment {
    width:418px !important;
    width:417px;
    height:175px;
}
#notify {
    margin-bottom:9px;
}
#submit {
    font-size:10px;
    cursor:pointer;
}
#submit_comment {
    margin:5px 0;
}
#trackbacks .header {
    background:#F1F5F6;
    margin:1px 1px 0 1px;
    padding:5px 10px;
}
#trackbacks .header .title {
    font-weight:bold;
    color:#258;
}
#trackbacks #trackbacks_show, 
#trackbacks #trackbacks_hide {
    float:right;
    font-size:10px;
}
#trackbacks #trackbacks_box {
    line-height:145%;
}
#trackbacks ul {
    margin:10px;
}
#trackbacks ul li {
    list-style:none;
}
#comments .children {
    padding-left:20px !important;
    padding-right:0 !important;
    padding-left:10px;
    padding-right:10px;
}
#comments #respond .body {
    margin:1px;
    line-height:100%;
}
#comments #respond .text, 
#comments #respond .info{
    position:relative;
}
#comments #respond .header {
    background:#E9F3BC;
    margin:0 -10px 10px;
    padding:5px 10px;
    position:relative;
    line-height:145%;
}
#comments .children #respond .header {
    margin:0 -10px 10px !important;
    margin:-1px -11px 10px;
    padding:5px 10px !important;
    padding:3px 10px 1px;
}
#comments #respond .header .title {
    font-size:12px;
    position:relative;
}
#comments #respond .header .cancel {
    position:relative;
}
#comments #respond .notice {
    display:none;
}
#comments .children #commentform #comment {
    width:398px !important;
    width:395px;
}
#comments .children .children #commentform #comment {
    width:378px !important;
    width:373px;
}
#comments .children .children .children #commentform #comment {
    width:358px !important;
    width:351px;
}
#comments .children .children .children .children #commentform #comment {
    width:338px !important;
    width:329px;
}
#comments .children .children .children .children .children #commentform #comment {
    width:318px !important;
    width:307px;
}
#comments .children .children .children .children .children .children #commentform #comment {
    width:298px !important;
    width:285px;
}
#comments .children .children .children .children .children .children .children #commentform #comment {
    width:278px !important;
    width:263px;
}
#comments .children .children .children .children .children .children .children .children #commentform #comment {
    width:258px !important;
    width:241px;
}
*+html #respond .body {
    padding:0 10px 1px !important;
}
*+html #comments .children {
    padding-left:10px !important;
    padding-right:10px !important;
}
*+html #comments .children #respond .header {
    margin:-1px -11px 10px !important;
    padding:3px 10px 1px !important;
}
*+html #comments .children #commentform #comment {
    width:395px !important;
}
*+html #comments .children .children #commentform #comment {
    width:373px !important;
}
*+html #comments .children .children .children #commentform #comment {
    width:351px !important;
}
*+html #comments .children .children .children .children #commentform #comment {
    width:329px !important;
}
*+html #comments .children .children .children .children .children #commentform #comment {
    width:307px !important;
}
*+html #comments .children .children .children .children .children .children #commentform #comment {
    width:285px !important;
}
*+html #comments .children .children .children .children .children .children .children #commentform #comment {
    width:263px !important;
}
*+html #comments .children .children .children .children .children .children .children .children #commentform #comment {
    width:241px !important;
}
#commentnavi a.page-numbers {
    padding:6px 8px; 
    text-decoration:none;
    margin:0 -2px;
}
#commentnavi a.page-numbers:hover {	
    text-decoration:none;
    background:#DEECBE;
}
#commentnavi span.pages {
    margin:0 9px 0 0;
    float:left;
}
#commentnavi span.current {
    background:#FFF;
    padding:6px 8px; 
    font-weight:bold;
    margin:0 -2px;
}
/* comments END */


/* links START */
.post .linkcat {
    padding-bottom:10px;
}
.post .linkcat ul li{
    float:left;
    width:25% !important;
    width:24%;
    list-style:none;
    padding-left:0;
}
/* links END */

/* archives START */
.postspermonth {
    background:#FAFDEC;
    margin:5px 0;
    list-style:none;
}
.srg_switcher {
    margin-bottom:10px;
}
/* archices END */

/* archive START */
#archive {
    margin-bottom:-8px;
}
#archive li {
    list-style:none;
    padding:8px 10px;
}
#archive h3 {
    font-size:14px;
    font-weight:bold;
}
.archive-post {
    background:#F1F5F6;
    margin-bottom:10px;
}
.archive-post:hover {
    background:#FAFDEC;
}
/* archice END */

/* image switcher START */
.imageswitcher {
    background:#FAFDEC;
    border:1px dashed #B0BEC7;
    padding:5px;
}
.imageswitcher_image {
    background:#FFF;
    border:1px solid #A4B97F;
    padding:3px;
    margin:0;
}
a .imageswitcher_image:hover {
    border-color:#84995E;
}
a.imageswitcher_button {
    float:left;
    margin-top:1px !important;
    margin-top:3px;
    margin-bottom:0 !important;
    margin-bottom:5px;
    margin-right:4px;
    padding:2px 5px;
    background:#D5E396;
    border-top:1px solid #D5E396;
    border-right:1px solid #B5C98F;
    border-bottom:1px solid #B5C98F;
    border-left:1px solid #D5E396;
    color:#84985D;
    text-decoration:none;
}
a.imageswitcher_button:hover {
    background:#C8DE9D;
    border-top:1px solid #B5C98F;
    border-right:1px solid #D5E396;
    border-bottom:1px solid #D5E396;
    border-left:1px solid #B5C98F;
    color:#60743A;
    text-decoration:none;
}
/* image switcher END */

/* related posts START */
#related_posts {
    background:#FFF;
}
.related_posts {
    background:#EFEFEF;
    margin:0 1px;
    padding:5px 5px 0;
    border-color:#B0BEC7;
    border-style:dashed;
    border-width:1px 0;
}
.related_posts h3 {
    font-size:12px;
    background:#E6E6E6;
    padding:5px 10px 4px;
}
.related_post {
    margin:0;
}
.related_post li {
    list-style:none;
    padding:6px 10px;
    border-top:1px solid #E6E6E6;
}
.related_post li .count {
    font-size:10px;
}
.related_post li small {
    display:block;
    color:#999;
}
/* related posts END */

/* Calendar */
#wp-calendar {
    font-family: "Comic Sans MS" "Trebuchet MS", "UnDotum", Verdana, "Malgun Gothic", "Gulim", "Times New Roman", Times, serif;
    font-size: 0.9em;
    border-bottom: 1px solid #B6B157;
}
#wp-calendar #prev a, #wp-calendar #next a {
}
#wp-calendar a {
    text-decoration: none;
    background:#EFEFF7;
}
#wp-calendar caption {
    text-align: center;
    border-bottom: 1px solid #B6B157;
}
#wp-calendar thead {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}
#wp-calendar tfoot {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}

#wp-calendar th {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}
#wp-calendar td {
    font-size: 0.8em;
    text-align:center;
}

/* Calendar End */
/* Calendar Widget */
#giraffe_calendar {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
}
#giraffe_calendar #wp-calendar {
    font-family: "Comic Sans MS" "Trebuchet MS", "UnDotum", Verdana, "Malgun Gothic", "Gulim", "Times New Roman", Times, serif;
    font-size: 0.9em;
    border-bottom: 1px solid #B6B157;
}
#giraffe_calendar #wp-calendar #prev a, #wp-calendar #next a {
}
#giraffe_calendar #wp-calendar a {
    text-decoration: none;
    background:#EFEFF7;
}
#giraffe_calendar #wp-calendar caption #wp-calendar-caption, #wp-calendar-caption {
    text-align: center;
    border-bottom: 1px solid #B6B157;
}
#giraffe_calendar #wp-calendar thead {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}
#giraffe_calendar #wp-calendar tfoot {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}

#giraffe_calendar #wp-calendar th {
    font-size: 0.8em;
    font-style: normal;
    text-transform: capitalize;
}
#giraffe_calendar #wp-calendar td {
    font-size: 0.8em;
    text-align:center;
}

/* Calendar Widget End */

/* Footnotes */
.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}