Sunshine

/*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://i270.photobucket.com/albums/jj92/0347159/PageBGImage.jpg) repeat top left; color:#333; font:13px Tahoma, "MS Sans Serif"; line-height:1.5em; text-align:center; } a:link, a:visited{ color:#0C2566; text-decoration:none; } a:hover, a:active{ color:#0081ff; } #page{ margin:auto; padding-top:15px; text-align:left; width:880px; } #header, #neck, #belly, #leg, #footer{ float:left; width:880px;

} /*=========================================================== ===========*/ /* Header */ #header{ background:#AFD8DB; padding:20px 0px 0px 0px; text-align:center; position:relative; } #header h1 a{ color:#AFD8DB; font-size:24px; display:none; } #header h1 a:hover{ color:#AFD8DB; } #header h2{ font-size:12px; margin:5px 0px 5px 0px; } #coverimage{ background:url(http://i270.photobucket.com/albums/jj92/0347159/head.jpg) norepeat; height:400px; width:880px; margin-left:25px !important; margin-left:0px; /*Fix IE Bug*/ } /*=========================================================== ===========*/ /* Neck Menu */ #neck{ background:#AFD8DB; } #neck .module{ background:#6BB3B9; display:inline; float:left;

margin:0px 0px 0px 25px; padding:2px 0px 10px 0px; width:830px; } #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:#AFD8DB; } #content{ display:inline; float:left; margin:10px 15px 0px 25px; width:490px; /*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; } .entry .title{ display:block; margin-bottom:10px; width:100%;

} .entry .title h2{ font-size:18px; } .entry .title h2 a{ color:#949494; } .entry .title h2 a:hover{ color:#CCC; } .entry .title span{ color:#666; font-size:10px; } .entry .post{ float:left; } .entry .post p{ margin-bottom:10px; } .entry .info{ float:left; width:100%; } .entry .info .tag{ float:left; font-size:10px; width:350px; } .entry .info .coms{ float:right; } /*=========================================================== ===========*/ /* Sidebars */ #sidebar, #sidebar2{ background:#2E8B94; display:inline; float:right;

margin:5px 25px 0px 0px; width:250px; } #sidebar2{ 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{ border-bottom:1px solid #CCC; font-size:18px; } a.archive{ background:url(http://g.exteen.com/t/simple/icon_archive.gif) no-repeat; width:12px; height:12px; padding-left:15px; margin-left:4px; } /*=========================================================== ===========*/ /* Configure each module */ /* Profile */ #profile{ width:95%; } #profile img{ margin-right:10px; } #profile span{ float:left; margin-right:5px; }

#profile .info{ width:100% !important; width:60%; } /* Tags */ #tags li{ display:inline; margin-right:5px; } /*================================================= =====================*/ /* Comment Form */ #commentform{ width:100%; background:#EEE;:url(http://i270.photobucket.com/albums/jj92/0347159/PageBGIm age.jpg)repeat top left; float:left; } #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:310px; height:150px; }

/*=========================================================== ===========*/ /* Comment (Showing Area) */ .comment{ border-bottom:1px solid #DDD; float:left; margin:5px 0px 5px 0px; padding-bottom:5px; width:100%; } .comment .post{ float:right; width:330px; } .comment .post p{ margin-bottom:10px; } .comment .info{ float:left; font-size:10px; width:150px; margin-right:10px; } .comment .info img{ width:32px; } /*=========================================================== ===========*/ /* Leg Menu */ #leg{ background:#AFD8DB; } #leg .module{ background:#6BB3B9; display:inline; float:left; margin:0px 0px 0px 25px; padding:2px 0px 5px 0px; width:830px; } #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 #CCC; display:inline; padding:0px 10px 0px 10px; } /*=========================================================== ===========*/ /* Footer */ #footer{ background:#AFD8DB; height:60px; } #footer p{ background:#EEE; 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)

}