Sepia

/*Normal Theme for the new exteen*/ /*Copyright by Etceto co, ltd. 2007*/ /*=========================================================== ===========*/ /* Simple Reset - Not Editable*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0} /* General */ body{ background:#fbfcfc url(http://paplestate.exteen.com/images/background.jpg) repeat top left; color:#333; font:14px Tahoma,"MS Sans Serif"; line-height:1.5em; text-align:center} a:link, a:visited{ color:#5F2B03; text-decoration:none} a:hover, a:active{ color:#000000} #page{ margin:auto; padding-top:15px; text-align:left; width:980px} #header, #neck, #belly, #leg, #footer{ float:left; width:980px} /*=========================================================== ===========*/ /* Header */ #header{ background:url(http://paplestate.exteen.com/images/IstockHithead.jpg) no-repeat; padding:20px 0px 0px 0px;

text-align:center; position:relative} #header h1 a{ color:#FFFFFF; font-size:25px} #header h1 a:hover{ color:#975725} #header h2{ font-size:16px; margin:5px 0px 5px 0px} #coverimage{ background:url(http://paplestate.exteen.com/images/daf8copy.jpg) no-repeat; height:645px; width:980px; margin-left:25px !important; margin-left:0px; /*Fix IE Bug*/ } /*=========================================================== ===========*/ /* Neck Menu */

#neck{ background:url(http://paplestate.exteen.com/images/bellya.jpg); }

#neck .module{ background:url(http://paplestate.exteen.com/images/tu.jpg); display:inline; float:left; margin:0px 0px 0px 25px; padding:2px 0px 5px 0px; width:930px;

}

#neck .module ul{ display:inline; margin:0px; padding:0px; }

#neck .module h2{ display:none; }

#neck .module li{ border-right:1px solid #CCC; display:inline; padding:0px 10px 0px 10px; } /*=========================================================== ===========*/ /* Content */ #belly{ background:url(http://paplestate.exteen.com/images/bellya.jpg) repeat-y; } #content{ display:inline; float:left; margin:10px 10px 10px 25px;

width:660px; /*Fix too large image makes content drop problem in IE*/ overflow:visible !important; overflow:hidden; } .entry{ float:left; margin-bottom:15px; border-bottom:1px solid #CCC; color:#361B0E; } .entry .title{ display:block;

margin-bottom:20px; width:100%; } .entry .title h2{ font-size:20px; } .entry .title h2 a{ color:#27140A; } .entry .title h2 a:hover{ color:#572914; }

.entry .title span{ color:#6D2E11; font-size:14px; }

.entry .post{ float:left; }

.entry .post p{ margin-bottom:20px; }

.entry .info{ float:left; width:100%; }

.entry .info .tag{ float:left; font-size:12px; width:350px; }

.entry .info .coms{

background:#69310C; font-weight:bold; float:right; font-size:20px; }

.entry .info .coms a:link,.entry .info .coms a:visited{ color:#FFF; }

.entry .info .coms a:hover{ color:#CE810F; background:none; }

/*=========================================================== ===========*/ /* Sidebars */ #sidebar, #sidebar2{ background:url(http://paplestate.exteen.com/images/tu.jpg); display:inline; float:right; margin:5px 25px 0px 0px; width:250px; } #sidebar{ display:none}

#sidebar .module, #sidebar2 .module{ margin:5px 5px 15px 5px} #sidebar .module ul, #sidebar2 .module ul{ margin:5px 0px 0px 5px; padding:0; list-style:none} #sidebar .module h2, #sidebar2 .module h2{ text-indent:-9999px} #sidebar #recommend h2, #sidebar2 #recommend h2{ background:url(http://i270.photobucket.com/albums/jj92/0347159/Recommend.jpg ) no-repeat; width:192px; height:107px} #sidebar #previous h2, #sidebar2 #previous h2{ background:url(http://i270.photobucket.com/albums/jj92/0347159/Previous.jpg)norepeat; width:176px; height:107px} #sidebar #links h2, #sidebar2 #links h2{ background:url(http://i270.photobucket.com/albums/jj92/0347159/link.jpg)no-repeat; width:141px; height:107px} #sidebar #commentalert h2, #sidebar2 #commentalert h2{ background:url(http://i270.photobucket.com/albums/jj92/0347159/LatestComments2. jpg)no-repeat; width:249px; height:141px} a.archive{ background:url(http://i41.photobucket.com/albums/e291/Lotte79/Fun %20smilies/microphone.jpg) no-repeat; width:16px; height:16px; padding-left:15px; margin-left:4px} /*=========================================================== ===========*/ /* Configure each module */ /* Profile */ #profile img{ float:left; margin-right:5px } #profile span{ display:block } #profile .info{ width:100% !important; width:60% }

/* Tags */ #tags li{ display:inline; margin-right:5px } /*=========================================================== ===========*/ /* Comment Form */ #commentform{ width:100%; /*background:#EEE;*/ background-image: url(http://paplestate.exteen.com/images/co.jpg); background-repeat: no-repeat; width: 660px; height: 500px; float:left; } textarea { filter: alpha(opacity=70); width: 150px; comment height: 110px; comment } #commentform form{ margin:5px; } #commentform h3{ font-size:16px; font-weight:bold; } #commentform .formrow{ border-top:1px solid #DDD; padding:2px; } #commentform label{ float:left; width:150px; } #commentform input.textbox{ width:150px; } #commentform textarea{ width:350px; height:150px; } /*===========================================================

===========*/ /* Comment (Showing Area) */ .comment{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1B491; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-bottom: 15px; width: 100%; } .comment .post { float: right; width: 360px; margin-top: 5px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #FADAC8; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; } .comment .post p{ margin-bottom:15px } .comment .info{ float: left; font-size: 10px; width: 150px; margin-right: 10px; } .comment .info img{ width:24px } /*=========================================================== ===========*/ /* Leg Menu */ #leg{

background:url(http://paplestate.exteen.com/images/tu.jpg) top left; } #leg .module{ background:url(http://paplestate.exteen.com/images/tu.jpg) top left; display:inline; float:left; margin:0px 0px 0px 25px; padding:2px 0px 5px 0px; width:930px; } #leg .module ul{ display:inline; margin:0px; padding:0px; } #leg .module h2{ font-size:12px; font-weight:bold; display:inline; } #leg .module li{ border-right:1px solid #703E18; display:inline; padding:0px 10px 0px 10px; }

/*=========================================================== ===========*/ /* Footer */

#footer{ background:url(http://paplestate.exteen.com/images/backbeelfoot.jpg); background-repeat: no-repeat; height:116px } #footer p{ background:url(http://paplestate.exteen.com/images/tu.jpg); border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-size:10px; text-align:center; margin:5px 25px 0px 25px; padding:5px; } /*=========================================================== ===========*/ .navbar{ float:left} .commentmanage{ clear:both} /*PNG support for IE*/ #header, #neck, #belly, #leg, #footer{behavior:url(/global/iepngfix.htc)} #sidebar .module h2, #sidebar2 .module h2{ behavior:url(/global/iepngfix.htc) }