body { background:#e6a13a; }
#container { width: 100%; background: transparent; }

.header { padding: 0 0 1px; background: #4c4d4f url(newBgTop.jpg) repeat-x 0 100%; } 
#main_content2 {
	margin-bottom: 55px;
	padding-bottom: 25px;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:0 0 10px 10px;	
	width: 885px;
	min-height: 850px;
	background-color: white;
	margin-bottom:30px !important;
}

.galleryTopCont{width:1000px; padding:0; margin:0 auto; height:60px; position: relative; background:#a0a0a0;}
.galleryTop { height: 25px; overflow: hidden; }

.topLink{padding:5px 0 0 10px; margin:0; color:#515352; font-size:11px; font-variant:small-caps; font-weight:bold; float:left;}
.topLink a{color:#515352; font-size:11px; font-variant:small-caps; font-weight:bold; text-decoration:none;}
.topLink a:hover{color:#515352; font-size:11px; font-variant:small-caps; font-weight:bold; text-decoration:none;}
.topLink a b { font-size: 15px; }

.socialIcoGallery{ padding:3px 15px 0 0; margin:0; position: absolute; top: 0; left: 300px; }
.socialIcoGallery div#shareButtons { position: static; }

.galleryList{padding:5px 15px 0 0; margin:0; float:right;}
.galleryListObject{padding:0; margin:0; width:200px; height: 20px;}

.galleryName{padding:5px 11px 0; height: 30px; overflow: hidden;  }
.galleryName h1{padding:0; color:#ffffff; margin:0; display: inline; font-size:24px; font-weight:bold;}
.galleryName h1 a{color:#ffffff; font-size:24px; font-weight:bold; text-decoration:none;}
.galleryName h1 a:hover{color:#ffffff; font-size:24px; font-weight:bold; text-decoration:none;}

.galleryName p{padding:0; color:#ffffff; margin:7px 0 0 10px; display: inline; font-size:16px; font-weight:normal; font-style:italic;}
.galleryName p a{color:#ffffff; font-size:16px; font-weight:normal; text-decoration:none; font-style:italic;}
.galleryName p a:hover{color:#ffffff; font-size:16px; font-weight:normal; text-decoration:none; font-style:italic;}

.gallerypaging { background:#6b6b6b; margin: 0 auto; padding:6px 8px 1px; width: 984px;}
.gallerypaging li { float:left; margin:0 5px 5px 0 }
.gallerypaging li a { float:left; padding:5px 8px; border:1px solid #a7a7a7; color:#ffffff; }
.gallerypaging li a:hover{border:1px solid #adadad; background:#adadad; color:#ffffff;}
.gallerypaging li.active a { cursor: default; border:1px solid #adadad; background:#adadad; color:#ffffff;}

.hintGallery{ width:500px; padding:10px 10px 10px 50px; margin: 0 auto; border:1px solid #f9d575; background:#f5eace url(hintSmall.png) no-repeat 10px 10px; }
.hintGallery p{ padding:0; margin:0; color: #333; font-size:11px; }

.outDate{ color: #4C4C4C; font-size: 18px; font-weight: bold; padding: 7px 30px 5px; margin: 0 -20px 20px; background: #ededed; border: 1px dotted #4D4B4C; border-width: 1px 0;}
.outDate > div{ padding-left: 64px; background: #ededed url(warning.png) no-repeat 30px 0; line-height: 1.5; }

.readerContent { width: 960px; margin: 0 auto; padding: 20px 20px 30px; background: #fff; border-radius:0 0 10px 10px;  }
.imageFrame{ padding: 0 0 20px; text-align: center; cursor: pointer; position: relative; }
.imageFrame img { max-width: 100%;}
.imageFrame #full-screen { display: none; width: 21px; height: 21px; position: absolute; top: 10px; left: 50%; margin-left: -10px; text-indent: -9999px; background: url(fullscreen.png) no-repeat 0 0; }
.imageFrame #full-screen:hover { background-position: 0 -21px; }
.imageFrame:hover #full-screen { display: block; }
span.fs { display: inline-block;  width: 21px; height: 21px; background: url(fullscreen.png) no-repeat 0 0; }
*+html span.fs { display: inline; }

.readerContent .commentsWrapper { width: 800px; margin: 0 auto; padding: 20px 0 0; }

p.text { font-size: 20px; color: #454545; text-align: center; padding: 10px 0; }

footer { position: static; margin: 30px 0; }

.readerDialog { position: fixed; z-index: 101; width: 400px; min-height: 260px; padding: 40px; top: 200px; left: 50%; margin-left: -250px; text-align: center; background: #fff; border: solid 7px #c0c2c4; border-radius: 15px; box-shadow: 0 0 15px #444; }
.readerDialog .notif-question { font-size: 24px; display: block; padding: 0 0 20px; }
.readerDialog .notif-fluent { width: 380px; margin: 30px auto 0; padding: 15px 0 15px; display: block; border-top: dotted 1px #000; }
.readerDialog .notif-next { width: 380px; margin: 20px auto 0; padding: 10px 0 7px; display: block; border-top: dotted 1px #000; }
.readerDialogBg { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; }
#subscriptionDialog { position: relative; top: 0; }

.recommendationHeader { font-size: 20px; font-weight: 700; text-align: center; margin: 0 -20px; padding: 30px 0 10px; background: url(main-header-fans.png) repeat-x scroll 0 0; }
.recommendation { text-align: center; }
.recommendation img { border: solid 3px #eeecf1; margin-right: 5px; }

.mosaic { background: url(http://www.mangamagazine.net/resources-2013.01.10.1605/mosaic.jpg) repeat 50% top; margin-top: -1px; }