/*   
Theme Name:mono-lab Reprint
Theme URI:
Description:theme by mono-lab, reprint by Porter.
Author:mono-lab.net
Author URI:http://www.mono-lab.net
Version:1.0
*/

/* basic */
body { margin:0; padding:0; background:#fff; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size:62.5%; color:#555; }
a, a:visited { color:#2d96bd; text-decoration:none; outline:none; }
a:hover { color:#ef3982; text-decoration:underline; }
a img { border:none; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
h1 { font-size:2.2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.4em; margin-bottom:8px; color:#60743A; }
h4 { margin-bottom:8px;	font-weight:bold; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; }
td,th { padding:12px 10px 8px; border:1px solid #ccc; }
th { background:url(img/stripe3.gif) left top; }
.alignright { float:right; }
.alignleft { float:left }

/* wrapper */
#wrapper { width:955px; margin:0; font-size:1.2em; }
.caution { color:#ff0000; }
.button,.toggle { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.button { color:#ffffff;  background-color:#2D96BD; padding:1px 3px; margin:0 2px; }
.toggle { color:#ffffff;  background-color:#CC0033; padding:1px 3px; }
.external_link { color:#CC0033; }
.external_link:visited { color:#8C8C8C; }

/* left */
#left { width:223px; float:left; position:fixed; background:url(img/bg.png) repeat-y right top; height:100%; padding-top:165px; text-align:right; }
#qtranslate-chooser { margin:0; position:absolute; top:12px; right:4px; margin-right:40px; }
#qtranslate-chooser li { display:inline; margin: 0 2px; }
#qtranslate-chooser li.active { font-weight:bold; }
#tagline { position:absolute; top:92px; right:4px; margin-right:40px; }
#title { background:url(img/title.gif) no-repeat right bottom; position:absolute; top:112px; right:4px; padding:0 40px 5px 0; width:100%; }
#left_navi { margin:0 42px 0 20px; }
#copyright { position:absolute; right:4px; bottom:170px; padding-right:40px; }

/* right */
#right { width:732px; padding:92px 0 50px 0; float:right; }
#header { background:url(img/header.png) repeat-x left top; width:100%; top:0; height:42px; position:fixed; z-index:10; }
#current { width:150px; margin-left:40px;  }
#header_navi { position:absolute; left:40px; margin:0; padding:0; line-height:42px; list-style-type:none; font-size:1.1em; overflow:hidden; }
#header_navi li { display:inline; margin-right:5px; }
/*#header_navi li.current-cat { font-weight:bold; }*/
.current-cat { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#ffffff;  background-color:#2D96BD; padding:1px 0 1px 4px; }
.current-cat a { color:#ffffff; }
.current-cat a:hover,.current-cat a:visited { text-decoration:none; }
.post { margin-bottom:40px; }
.post_date { color:#aaa; font-size:1em; margin-bottom:10px; padding-left:40px; background:url(img/bullet1.gif) no-repeat left 1px; line-height:110%; }
.post_title { margin:0 0 20px 40px; font-weight:normal; font-size:18px; }
.post_content { margin:0 0 20px 40px; }
.post_content ol, ul { font-size:1.1em; }
.post_content ol li, ul li { margin-left:3px; }
.post_content img { max-width:660px; border:5px solid #f3f3f3; }
.post_meta { font-size:1.1em; }
.post_meta a,.post_meta a:visited { text-decoration:none; }
.post_tag { display:block; }
#related_posts ul { font-size:1.1em; margin-left:14px; list-style-type:circle; }
#related_posts li { margin:2px 0; }
.end { margin:0 0 20px 40px; color:#ff0000; font-size:1.1em; }
.navigation { margin-left:40px; }

/* footer */
#footer { background:url(img/footer.png) repeat-x left top; width:100%; bottom:0; height:42px; position:fixed; z-index:10; }
#view_mode { position:absolute; left:40px; margin:0; padding:0; line-height:42px; }
#view_mode li { display:inline; }
#current_view { position:absolute; left:220px; line-height:42px; }
.current_view { color:#E05C23; font-weight:bold; }
#search { position:absolute; right:400px; line-height:42px; }
#search_input { font-size:1em; width:120px; }
#tooltip { position:absolute; right:330px; line-height:42px; color:#ff0000; }
#return_top { position:absolute; right:250px; line-height:42px; }

/*comment*/
#comments_wrapper { margin:0 0 40px 40px; }
#comment_header { border-bottom:1px solid #ddd; }
#comment_header li { display:inline; float:right; margin:10px 5px 10px 5px; }
#comment_area { margin:50px 0 20px 0; }
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 15px 3px; background:#eee; }
.even { background:#eee; }
.odd { background:#fdfdfd; }
.nocomments { text-align:center; margin:0 30px; border:1px solid #ccc; background:#fff url(img/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:1.1em; }
.comment-author { font-size:1.1em; }
.comment-meta, .comment-meta a { font-size:0.9em; color:#757676; }
#form_area {  }
.comment_form_wrapper { border:1px solid #ccc; padding:20px 10px; background:#fff url(img/stripe3.gif) left top; }
#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 9px; text-align:left; }
#guest_info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:#fff; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:1.1em; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }
#comment_textarea textarea { width:90%; margin:15px 0 0 8px; padding:15px; height:150px; border:1px solid #ccc; background:#fff; color:#777; font-size:1.1em; overflow:auto; }
#submit_comment { margin:20px auto 10px auto; width:200px; display:block; background:#fff; color:#666; border:1px solid #ccc; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #33a8e5; color:#33a8e5; }

/*pagenavi*/
.wp-pagenavi { margin:0 0 20px 40px; }



/*ColorBox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(img/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}