/*  
Theme Name: Manga Spoiler
Version: 0.5
Description: Manga Spoiler Theme.
Author: Kopral Jono
Author URI: http://www.wordpress.org
*/

/* ---------- Undo ---------- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* ---------- Global Style ---------- */
body{font-family:Arial,Helvetica,Sans-Serif; font-size:62.5%; color:#222}
a{color:#039; text-decoration:none}
a:hover{text-decoration:underline; color:#E47911}
p, h1, h2, h3, h4, h5, h6, dl, ol, ul, pre, table, address, fieldset, object{margin-bottom:1em}
h1{font-size:1.5em}
h2{font-size:1.29em}
h3{font-size:1.14em}
h4, h5, h6{font-size:1.0em}
hr{height:5px; margin-bottom:15px; clear:both; border:none}
.hr{height:5px; margin-bottom:15px; clear:both; border:none; background-color:#ccc}
* html .hr{height:3px; margin-bottom:15px; clear:both; border:none; background-color:#ccc}

/* ---------- Basic structure ---------- */
#wrapper{width:942px; margin:0 auto; background:none}
#content{padding:0}
#mainContent{width:607px; float:left}
#frontContent{width:942px; float:left}
#sidebar{width:303px; overflow:hidden; float:right}
#footer{width:922px; padding:10px; margin:15px auto; font-size:1.1em; color:#fff; text-align:center; background-color:#406099}
.col-left{float:left}
.col-right{float:right}
.aligncenter{display:block; margin-left:auto; margin-right:auto}
.alignleft{margin:10px 20px 8px 0; float:left}
.alignright{margin:10px 0px 8px 20px; float:right}
.navigation{font-size:0.86em; margin-top:1em; margin-bottom:1em; display:block; text-align:center}
.wrap:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.fix{clear:both; height:1px; margin:-1px 0 0; overflow:hidden}

/* ---------- Top ---------- */
#top{border-top:5px solid #406099; color:#111}
#top-meta{width:942px; height:21px; padding:15px 0 5px 0; border-bottom:1px solid #ddd; margin-bottom:15px; background-color:#E9EEF6}
#top-meta .toptitle{height:21px; width:465px; float:left; margin-right:12px; margin-left:10px; font-size:1.2em}
#top-meta .toptitle h1{display:inline; font-weight:normal; line-height:1.4em; font-family:Georgia,"Times New Roman",Times,Serif; font-size:1.2em}
#top-meta .search{font-size:1.1em; padding:0 5px 0 15px; float:right; border-left:5px solid #ccc}
#top-meta form#topSearch{background-color:#fff; border:1px solid #ccc; width:133px; height:16px; padding:2px; position:relative}
#top-meta form#topSearch p.fields{padding:0}
#top-meta form#topSearch p.fields input{color:#666; font-size:1.1em; font-style:italic; font-weight:normal; width:113px; background:none; overflow:hidden; border:none; padding-left:20px; position:absolute}
#top-meta form#topSearch p.fields button{background:url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/ico-search.png') no-repeat; width:16px; height:16px; border:none; position:absolute; top:2px; left:2px; text-indent:-9999px}
#top-meta .rss{padding:4px 0px 0 10px; float:right; width:146px; border-left:1px solid #ccc; margin-left:10px}
#top-meta .rss a{background:url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/ico-rss.png') no-repeat 0 5px; padding:6px 0 3px 23px}

/* ---------- Header ---------- */
#header{width:100%; height:108px; padding-top:0px; clear:both; position:relative; margin:2px 0; border-bottom:1px solid #ccc}
#header .logo{float:left; width:303px}
#header .recent-entries{width:625px; float:right; height:108px; font-family:Arial,Helvetica,Sans-Serif}
#header .recent-entries .archives{width:130px; padding-right:10px; float:left; text-align:right}
#header .recent-entries .archives span{padding:0; margin-bottom:5px; font-size:1.4em; display:block; font-weight:bold}
#header .recent-entries .archives p{font-size:1.4em; letter-spacing:-1px; line-height:1.4em; margin-bottom:0px; color:#333}
#header .recent-entries ul{width:478px; float:right; border-left:4px solid #ccc; padding:0; height:108px; overflow:hidden}
#header .recent-entries li{width:135px; padding:0 10px; float:left; height:130px; border-left:1px solid #ccc; overflow:hidden}
#header .recent-entries span.headlines{padding:0; text-transform:uppercase; letter-spacing:-1px}
#header .recent-entries span.headlines a{font-size:2em; font-weight:normal; color:#5b83b3}
#header .recent-entries .archives a{color:#406099}
#header .recent-entries span.headlines a:hover, #header .recent-entries a:hover{color:#656d6e}
#header .category{margin-bottom:5px; clear:both; padding:0; font-family:Arial,Helvetica,sans-serif}
#header .category a{font-size:1em; text-transform:uppercase; color:#ccc; font-weight:normal}

/* ---------- Navigation ---------- */
#top-nav{height:28px; font-size:1.1em; border-top:1px solid #ccc; border-bottom:5px solid #ccc; margin-bottom:20px; font-family:Georgia,"Times New Roman",Times,Serif}
#top-nav a{color:#000}
#top-nav a:hover{text-decoration:underline}
#top-nav ul{padding:0}
#top-nav .col-left{margin-left:-6px}
#top-nav .current_page_item ul li a{color:#111}
#top-nav .current_page_item ul li a:hover{color:#fff}
#top-nav .current_page_item, #top-nav a:hover{background-color:#406099; color:#fff}
#top-nav .current_page_item a, #top-nav a:hover{color:#fff}
#top-nav #nav, #top-nav #nav ul{padding:0; margin:0; list-style:none; line-height:1; z-index:100}
#top-nav #nav a{display:block; line-height:2.55em; padding:0 20px; z-index:100; text-transform:uppercase}
#top-nav #nav li{float:left}

/* ---------- Content ---------- */
#mainContent, #frontContent{font-size:1.40em; line-height:1.50em}
#frontContent{margin-top:10px; margin-top:10px}
#frontContent .front{float:left; position:relative; width:284px; padding:15px 15px 15px 15px; height:185px; overflow:hidden; color:#000}
#frontContent .front .postdate{color:#000; font-size:1.29em; font-weight:bold; text-transform:uppercase}
#frontContent .front .postdate a{color:#000; font-size:0.78em}
#frontContent .front .posttitle h2{font-size:1.50em; text-transform:uppercase; font-weight:bold; margin-bottom:0em; line-height:0.95em; font-family:Arial,Helvetica,sans-serif}
#frontContent .posttitle a{color:#fff; text-decoration:none}
#frontContent .front p, #frontContent .front .meta{line-height:1.2em}
#frontContent .front .meta{font-size:0.71em; margin:0.5em 0}
#frontContent .front .meta a{color:#111; text-decoration:none}
#frontContent .front .meta a:hover{text-decoration:underline}
#frontContent .front:hover{background:white !important}
#frontContent .front:hover .posttitle a{color:black !important}
#mainContent .entry{clear:both}
#mainContent .entry a{text-decoration:underline}
#mainContent h2.post-title{font-size:2.0em; font-family:Arial,Helvetica,sans-serif; font-weight:normal; line-height:1em; margin-bottom:10px}
#mainContent h2.post-title a{color:#2A2A2A; text-decoration:none}
#mainContent h2.post-title a:hover{color:#406099}
#mainContent .post-header{border-bottom:4px double #ddd; padding-bottom:7px}
#mainContent .post .date{float:right; padding-top:5px; color:#757575; font-size:1.08em; font-weight:normal; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif; text-transform:uppercase}
#mainContent .post .date span{color:#ddd; font-weight:bold}
#mainContent #single-date{float:none}
#mainContent .meta{margin:10px 0 20px 0; font-size:0.77em; color:#666}
#mainContent .meta a:link, .meta a:visited{color:#666; font-style:normal}
#mainContent .meta a:hover{color:#772124}
#mainContent .tags{float:right; width:400px; text-align:right; font-style:italic}
#mainContent .post-footer{padding-bottom:2px; margin:0px 0; font-style:italic; text-align:right; color:#666;  font-size:0.77em}
#mainContent .post-footer a:link, #mainContent .post-footer a:visited{color:#333; font-style:normal}
#mainContent .post-footer a:hover{color:#772124}
#likeframe {padding:4px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; height:40px;}
.google1{float:left; margin:5px 0px; display:inline; width:100px;}
.twiit{float:right; margin:5px 0px; display:inline; }
.likes{float:left; margin:5px 0px; display:inline; 250px; overflow:hidden; margin-bottom:6px;}
.clears {clear: both; display: block; overflow: hidden;	visibility: hidden; width: 0;height: 0;}
.kateg{float:right; margin:5px 0px;}
.kateg a{color:#666;}
.kateg a:hover{color:#000;}
/* ---------- Sidebar ---------- */
#sidebar .block{width:300px; color:#333}
#sidebar .subcol .block{width:143px}
#sidebar #widgets{margin-bottom:20px; border-bottom:5px solid #ccc; background-color:#f1f8ff}
#sidebar #widgets h2{background-color:#406099; color:#fff; font-size:14px; font-style:italic; padding:10px; margin-bottom:10px; font-family:Georgia,"Times New Roman",Times,Serif}
#sidebar #widgets ul{clear:both}
#sidebar #widgets ul li a{color:#636363; display:block}
#sidebar #widgets ul li ul li{padding:7px 10px; border-bottom:1px solid #e2e2e2; font-size:12px; overflow:hidden}
#sidebar #widgets ul li.recentcomments a{display:inline}
#sidebar #tabs{margin-bottom:20px}
#sidebar #tabs ul.idTabs{width:100%; padding:0 !important; margin-bottom:0px}
#sidebar #tabs ul.idTabs li{display:inline; font-family:Georgia,"Times New Roman",Times,Serif; font-weight:bold; text-transform:uppercase}
#sidebar #tabs ul.idTabs li a{line-height:2.5em; font-family:Arial,Helvetica,sans-serif; font-size:1.0em; text-decoration:none; color:#2e3738 !important; display:block; float:left; padding:0 5px; margin-right:4px}
#sidebar #tabs ul.idTabs li a.selected, #sidebar #tabs ul.idTabs li a:hover{text-decoration:none; background-color:#406099; color:#fff !important}
#sidebar #tabs .inside ul{padding:10px !important; border-bottom:5px solid #ccc; background-color:#406099}
#sidebar #tabs .inside li{margin:0 0 5px 0 !important; padding:0 0 5px 0 !important; list-style-type:none !important; color:#fff; border-bottom:1px solid #7ca6ca}
#sidebar #tabs .inside li a{color:#fff}

/* ---------- Comment ---------- */
#comments{color:#333;width:607px;}
#comments h3{font-size:1.43em; font-weight:normal; padding:10px 0 10px 0; font-family:Georgia,"Times New Roman",Times,Serif}
#comments #comments_wrap{padding:0; position:relative; margin:20px 0}
#comments #comments_wrap h3{font-size:1.29em; font-style:italic; padding:10px 0; border-top:5px solid #ccc; letter-spacing:-1px; font-family:Georgia,"Times New Roman",Times,Serif}
#comments h3#pings{margin:0; border-top:none; padding-top:0}
ol.pinglist{list-style-type:decimal; list-style-position:inside; margin:0 0 10px 0px}
#comments ol.commentlist li{list-style-type:none}
#comments .comment{margin:15px 0 15px 0; padding-bottom:15px; width:100%; border-bottom:1px solid #ccc}
#comments .comment a{text-decoration:none}
#comments .comment a:hover{text-decoration:underline}
#comments small{font-size:0.86em; margin-top:-2px}
#comments .comment .col-left{width:110px}
#comments .comment .col-left img{border:#EDEDED 5px solid}
#comments .comment .col-left p{padding:0 0 0 2px}
#comments .comment .col-left .inside{width:110px; float:left; position:relative; overflow:hidden; min-height:70px}
#comments .comment .col-right{min-height:70px; background:#fff; padding:10px 20px; border:#EDEDED 1px solid; margin-left:100px; float:none}
#comments .comment div.avatar{float:left; width:80px}
#comments .comment img.avatar{}
#comments .user-meta{color:#333;   font-style:italic;   font-family:Georgia,"Times New Roman",Times,Serif}
#comments .comment .comment-entry p{padding-left:80px; margin-bottom:0px; word-wrap: break-word;}
#comments .comment .comment-head{margin-bottom:10px}
#comments .reply{text-align:right}
#comments .reply a{padding:3px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; font-size:0.71em; background-color:#406099; color:#FFF}
* html #comments .comment .col-right{height:100px}
#comments .comment span.reply{float:right; padding:3px 3px 0; font-size:0.71em}
#comments .comment span.reply a{text-decoration:none; color:#aaa}
#comments ul.children{padding:10px 0 0 30px; margin-left:30px; border-left:2px solid #ccc}
#comments ul.children li{border:none}
#comments .commentlist{padding:0; border-top:1px solid #ccc}
#comments .commentlist p{padding:0 0 10px}
#comments .commentlist #respond #form_wrap{padding:0 0 25px; margin:0; border:0; width:auto}
#respond h3{margin-bottom:18px; font-family:Georgia,"Times New Roman",Times,Serif}
#commentform{background-color:#E9EEF6; padding:10px}
#commentform p{padding:0; margin-bottom:10px}
#commentform .comment-fields{float:left; width:568px}
#commentform label{float:left; width:368px}
#commentform #author, #commentform #email, #commentform #url{width:356px; padding:5px; border:1px solid #fff}
#commentform #comment{width:508px; padding:5px; border:1px solid #fff}
#comments .commentlist .children #respond #form_wrap .col-right{float:none}
#comments .cancel-comment-reply{margin-bottom:10px}
#commentform #submit{padding:5px; font-family:Arial,Helvetica,sans-serif; font-size:0.86em; border:1px solid #406099; text-transform:uppercase; background-color:#406099; color:#FFF; cursor:pointer}
.commentnavi a, .commentnavi span{padding:0.2em 0.5em; margin-right:0.1em; border:1px solid #ccc; text-decoration:none}
.commentnavi span.current{border:1px solid #E9EEF6; font-weight:bold; background:#406099; color:#fff}
.commentnavi a:hover{border-color:#406099}
p.comments-rss a{padding:0 0 0 19px; background:url(images/feed-icon.png) no-repeat 0 0; font-size:12px}

/* ---------- Archive ---------- */
img.archive-comment{float:right; margin:0 .5em .5em 0}
.entries{clear:both}
.entries ul{margin:0; padding:0 0 1px 0; background:transparent url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/archives-dotted-line.gif') repeat-x bottom left}
.entries ul li{padding-top:1px; background:transparent url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/archives-dotted-line.gif') repeat-x top left}
.entries ul li a{display:block; margin:0; padding:7px 0}
.entries ul li a:hover{background-color:#F8F8F7; text-decoration:none}
.entries span{display:block; text-align:right}
.entries span.archdate, .entries a:hover span.archdate{float:left; margin-right:3em; padding-left:.5em; width:3em; color:#666}
.entries span.comments_number{float:right; margin-right:.5em; width:3em; color:#666}

/* ---------- Bottom ---------- */
#bottom{font-size:1.2em; float:left}
#bottom #col_two .block{margin-bottom:1em; display:block; float:left}
#bottom #col_one{width:302px; float:left; margin-right:18px}
#bottom #col_two{width:302px; float:left; margin-right:18px; display:inline}
#bottom #col_three{width:302px; float:left}
#bottom #col_two li{width:140px; padding:0 0 5px 0; float:left; display:inline; margin-right:10px; margin-bottom:5px; border-bottom:1px solid #ccc}
#bottom #col_three li{padding:0 0 5px 0; float:left; width:300px; margin-bottom:5px; border-bottom:1px solid #ccc}
#bottom h3{font-size:1.2em; font-style:italic; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:18px; font-family:Georgia,"Times New Roman",Times,Serif}
#rss-feed a.rss, #rss-feed a.email{float:left; margin:5px 10px 15px 0; display:block; padding:0 0 0 19px; background:url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/feed-icon.png') no-repeat 0 .1em}
#rss-feed a.email{padding:0 0 0 25px; background:url('http://i685.photobucket.com/albums/vv215/mangaspoiler/mspoiler/mail-icon.png') no-repeat 0 .2em}

/* ---------- Footer ---------- */
#footer #page-nav{text-align:center; padding:5px 0}
#footer #page-nav li{display:inline; padding-right:10px; margin-right:8px; border-right-style:solid; border-right-width:1px}
#footer a{color:#fff}
#footer .credits p{color:#ccc}
#footer .credits span{display:none}

/* ---------- Formatting ---------- */
.entry ul{margin:0 0 10px 10px}
.entry ul li{display:block; margin:5px 0 0 0; padding:0 0 0 17px; background:url('http://i685.photobucket.com/albums/vv215/mangaspoiler/themes/ms/list-star.gif') no-repeat 0 .3em}
blockquote{display:block; padding:1em 20px 5px 45px; margin:20px 0; font-style:italic; color:#141310; background:#e7e6e2 url('http://i685.photobucket.com/albums/vv215/mangaspoiler/themes/ms/blockquote.gif') no-repeat top left; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 1.14em;}

/* ---------- Misc ---------- */
.slideshare{margin-top:1em; margin-bottom:1em}
#reklame{padding-top:10px; padding-bottom:0px}
.related-posts{margin:0 0 10px 0; background-color:#F1F8FF; padding:10px 20px;}
.related-posts h3{color:#ff2b06; margin-bottom:10px; font-size:14px}
.related-posts ol{list-style-type:decimal; list-style-position:inside; margin:0 0 5px 10px}
.related-posts ol li ol li{font-size:.9em; list-style-type:lower-roman}
.related-posts ol li{margin:5px 0 0 0}
.related-posts a{color:#636363}
.spoiler{border:1px dashed #ccc; padding:15px; margin-bottom:20px}
.bord{background:#BDFFA1}
.vord{background:#FFD69C}
.notice{margin:1em 0; padding:1em; color:#111; background-color:#FFFBCC}
#mainContent .entry .notice p{margin-top:0px; margin-bottom:0px; padding:0}
.msright{margin:10px 0px 8px 20px; float:right}