痞克css樣式-(紅色)超級偶像-朱俐靜-新年

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:400;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
font-size:13px;
line-height:170%;
letter-spacing:0.05em;
color:#444;
margin:15px;
}

.article-content p {
margin-bottom:1em;
}

.article-content li {
list-style-type:disc;
margin-left:20px;
}

.article-content ol li {
list-style-type:decimal;
margin-left:20px;
}

a {
text-decoration:none;
outline:none;
color:#333;
}

br {
letter-spacing:normal;
}

body {
font-size:12px;
font-family:arial, Century Gothic;
line-height:160%;
background:#000 left top repeat-x;
}

a:hover {
color:#F90;
}

#body-div {
width:970px;
position:relative;
background-color:#000;
background-image:url(http://i629.photobucket.com/albums/uu17/pmgoii/bacpg.jpg);
background-repeat:repeat-y;
background-position:left top;
margin:0 auto 20px;
}

#authority {
position:absolute;
left:0;
top:0;
z-index:9000;
}

#authority a {
display:block;
float:left;
height:20px;
line-height:20px;
font-size:12px;
border:1px solid #ffb5c9;
color:#d971a5;
padding:1px 5px 1px 25px;
}

#authority a#newpost {
margin-right:5px;
}

#authority a:hover {
color:#f36;
border:1px solid #faa;
}

#container {
background-image:url(http://i629.photobucket.com/albums/uu17/pmgoii/miutitle.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header {
height:270px;
}

#login-bar {
position:absolute;
right:0;
top:0;
color:#faa;
}

#login-bar a {
color:#faa;
padding:0 1px;
}

#banner h1 a {
position:absolute;
top:70px;
left:566px;
font-size:19px;
font-weight:700;
color:#000;
display:block;
height:20px;
overflow:hidden;
}

#banner h1 a:hover {
color:#6A5300;
}

#banner h2 {
position:absolute;
top:125px;
left:566px;
color:#fff;
width:330px;
height:45px;
font-size:11px;
line-height:15px;
overflow:hidden;
}

#banner #blog-category {
color:#fff;
position:absolute;
right:20px;
top:175px;
z-index:900;
}

#banner #blog-category a {
color:#fff;
}

#banner #blog-category a:hover {
color:#fcc;
}

#navigation {
position:absolute;
right:10px;
top:195px;
}

#navigation li {
float:left;
height:35px;
line-height:35px;
border:2px outset #F90;
margin-right:2px;
padding:0 10px;
}

#navigation a {
font-size:16px;
color:#F99;
text-align:center;
}

#navigation a:hover {
color:#FCC;
}

#main {
overflow:hidden;
_overflow:none;
_height:1%;
}

#content {
overflow:hidden;
float:right;
width:715px;
padding-top:10px;
padding-right:5px;
}

#spotlight {
width:590px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6654cdf1.png) left top repeat-y;
margin:10px auto;
}

#spotlight h5 {
background:url(http://pic.pimg.tw/pixnetvisual/49dad664cd16f.png) left top no-repeat;
height:31px;
padding-left:10px;
color:#f69;
font:bold 13px arial;
line-height:30px;
}

#spotlight-text {
color:#666;
background:url(http://pic.pimg.tw/pixnetvisual/49dad665d3e4d.png) left bottom no-repeat;
padding:10px;
}

#article-area {
width:699px;
margin:0 auto;
}

.article {
margin-top:10px;
margin-bottom:20px;
background-image:url(http://i629.photobucket.com/albums/uu17/pmgoii/abg.jpg);
background-repeat:repeat-y;
background-position:left top;
}

.article-head {
height:39px;
position:relative;
background-image:url(http://i629.photobucket.com/albums/uu17/pmgoii/atop.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-top:40px;
}

.publish {
font:10px arial;
text-transform:uppercase;
color:#6F491C;
position:absolute;
top:5px;
left:5px;
height:30px;
width:55px;
overflow:hidden;
text-align:right;
}

.publish .month,.publish .date {
font-size:15px;
font-weight:700;
font-family:Century gothic;
letter-spacing:-1px;
height:15px;
color:#BA7C32;
}

.publish .day,.publish .year {
position:relative;
top:-2px;
}

.title {
height:20px;
padding-top:10px;
margin-left:80px;
width:470px;
overflow:hidden;
}

.title a {
font-size:16px;
font-weight:700;
color:#7c4560;
}

.article-body {
background-repeat:no-repeat;
padding-right:10px;
padding-left:20px;
margin:10px 0;
}

.article-body a {
color:#f66;
}

.article-content a {
color:#222;
border-bottom:1px dashed #91b8c1;
padding-bottom:1px;
}

.bookmark,.author,.forward {
text-align:right;
color:#f99;
line-height:140%;
}

.article-footer {
overflow:hidden;
_overflow:none;
_height:1%;
border-top:1px dashed #ccc;
padding-top:5px;
color:#363636;
line-height:140%;
background-image:url(http://i629.photobucket.com/albums/uu17/pmgoii/afoot.jpg);
background-repeat:no-repeat;
background-position:left bottom;
padding-right:10px;
padding-left:10px;
}

.history {
float:right;
width:290px;
}

.refer {
float:left;
width:290px;
}

.back-to-top {
clear:both;
text-transform:uppercase;
font:10px Century Gothic;
letter-spacing:0;
text-align:right;
}

.back-to-top a {
line-height:20px;
color:#fff;
padding:0 3px;
}

.back-to-top a:hover {
background:#fff;
color:#ccc;
}

.main-list {
width:590px;
margin:10px auto;
}

.main-list table {
width:100%;
margin:10px auto;
}

.main-list th {
line-height:25px;
color:#fff;
background:#df889c;
border-bottom:1px solid #fff;
padding:2px 5px;
}

.main-list td {
font-size:10px;
line-height:25px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6621fe3e.png) left bottom repeat-x #fee;
padding:0 10px;
}

.main-list td a {
color:#333;
}

.main-list td a:hover {
color:#999;
}

td.list-date {
font:9px Tahoma;
width:50px;
color:#000;
letter-spacing:0;
padding:0 5px;
}

.list-title img {
float:right;
margin-left:3px;
}

#murmur-list td.list-date {
padding:5px;
}

.list-visit,.list-comment {
width:40px;
}

.user-post-title {
background:url(http://pic.pimg.tw/pixnetvisual/49dad66285103.png) no-repeat;
height:25px;
line-height:25px;
padding-left:10px;
color:#fff;
margin:10px 0;
}

.post-comment {
width:90px;
height:25px;
line-height:25px;
margin:10px auto 20px;
}

#content .post-comment a {
display:block;
font-size:12px;
color:#bc5871;
height:100%;
padding-left:25px;
background:url(http://pic.pimg.tw/pixnetvisual/49d8d812ccfb6.png) 5px center no-repeat #ffe0e0;
border:1px solid #ffb5c9;
}

#content .post-comment a:hover {
border:1px solid #faa;
color:#f36;
}

.single-post {
overflow:hidden;
_overflow:none;
_height:1%;
background:#ffecf0;
margin-bottom:20px;
padding-bottom:10px;
border:1px solid #ffe3e9;
}

.post-info {
background:url(http://pic.pimg.tw/pixnetvisual/49dad663efef2.png) no-repeat;
height:27px;
font-size:10px;
line-height:27px;
margin-bottom:10px;
color:#555;
position:relative;
padding-left:55px;
_padding-top:5px;
}

.post-info img {
vertical-align:middle;
}

.post-info .floor {
width:40px;
height:25px;
text-align:center;
color:#f36;
font:bold 13px Century Gothic;
line-height:25px;
display:block;
position:absolute;
left:0;
top:0;
}

.post-photo {
width:95px;
float:left;
margin-left:10px;
display:inline;
}

.post-photo img {
border:1px solid #ddd;
}

.post-text {
float:right;
width:470px;
margin-bottom:5px;
color:#000;
}

.reply-text {
float:right;
width:405px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6646a734.png) 5px top no-repeat #fff;
border:1px solid #fee;
border-right:1px solid #fdd;
border-bottom:1px solid #fdd;
margin-right:10px;
display:inline;
color:#777;
min-height:30px;
_height:30px;
padding:5px 5px 5px 50px;
}

.single-post.secret {
background:url(http://pic.pimg.tw/pixnetvisual/4970225ac51bf.png) 5px top no-repeat #fff;
border:1px solid #ccc;
}

.single-post.secret .post-text {
float:none;
width:auto;
padding-left:70px;
font-size:0;
color:#fff;
}

#trackback-box #trackback-url {
margin:10px 0;
}

#trackback-box input {
background:#ffe0e0;
border:1px solid #ffb5c9;
font:11px arial;
margin-left:5px;
color:#f36;
padding:2px;
}

#trackback-box input#trackback-input {
width:350px;
margin:0;
padding:3px;
}

#trackback-box .post-text {
width:auto;
float:none;
padding:0 10px;
}

#comment-form {
background:#ffecf0;
border:1px solid #ffe3e9;
width:580px;
margin:10px auto;
padding:10px 5px;
}

#comment-form p {
color:#f69;
text-align:right;
margin:0 10px 5px;
}

#comment-form table {
width:100%;
border:none;
}

#comment-form table td {
color:#999;
vertical-align:top;
border:none;
padding:2px 5px;
}

#comment-form table th {
color:#999;
vertical-align:top;
width:70px;
border:none;
text-align:right;
padding:2px 5px;
}

#comment-form input {
height:17px;
font-family:Arial;
font-size:11px;
color:#000;
border:none;
border-bottom:1px solid #ccc;
background:none;
width:99%;
}

#comment-form input.radio {
border:none;
width:auto;
background:none;
margin:0;
padding:0;
}

#comment-form input#blogcommenttext_name {
width:95.5%;
}

#comment-form input#send-comment {
background:#f69;
width:100px;
height:20px;
color:#fff;
border:0;
}

#comment-form textarea {
width:99%;
height:90px;
font-family:Arial;
font-size:11px;
line-height:18px;
color:#000;
border:1px solid #ccc;
background:#fff;
}

.page {
font-size:11px;
font-family:Century Gothic;
text-align:center;
margin:10px 0;
}

.page a {
color:#FFF;
margin:0 5px;
padding:0 3px;
}

.page a:hover,.page span {
background:#eee;
color:#33;
padding:0 3px;
}

#links {
overflow:hidden;
float:left;
width:230px;
margin-right:1px;
display:inline;
padding-top:150px;
padding-right:1px;
padding-left:6px;
}

.box {
margin:15px 0;
}

.box-title {
height:25px;
color:#c3576f;
font-weight:700;
font-size:13px;
background-color:#460200;
padding:5px 5px 0 35px;
}

.box-text {
color:#FFF;
padding:10px 0;
}

.box-text a {
color:#F99;
}

.box-text a:hover {
color:#FFF;
}

.box li {
line-height:220%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#CE7B66;
padding:0 10px;
}

.box h6 {
margin-left:10px;
line-height:200%;
font-weight:700;
}

.box-more {
text-align:right;
margin:5px 10px;
}

.box-more a {
border:1px solid #fff;
border-right:1px solid #fdd;
border-bottom:1px solid #fdd;
color:#e39aaa;
padding:1px 3px;
}

.box-more a:hover {
border:1px solid #fdd;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

#box-ad .box-text,#hiiir .box-text,#boxevent_clubbroadcast .box-text,#archive .box-text,#favorite .box-text {
margin:0 15px;
}

#headshot {
background:url(http://pic.pimg.tw/pixnetvisual/49dad6619e319.png) left top no-repeat;
width:250px;
height:105px;
position:relative;
margin:15px auto;
}

#headshot .box-title {
background:none;
padding:0 0 0 30px;
}

#headshot .box-text {
margin:0;
padding:0;
}

#headshot li#headshot-img {
background:none;
width:75px;
line-height:0;
position:absolute;
top:15px;
right:20px;
padding:0;
}

#headshot li#headshot-img img {
width:70px;
border:1px solid #fff;
background:#fee;
padding:2px;
}

#headshot li#friend-apply {
position:absolute;
top:33px;
left:30px;
}

#headshot li#send-message {
position:absolute;
top:60px;
left:30px;
}

#calendar table {
width:70%;
margin:0 auto;
}

#calendar th,#calendar td {
color:#666;
font:11px Century Gothic;
text-align:center;
line-height:20px;
}

#calendar td {
padding:2px 1px;
}

#calendar td a {
display:block;
background:#fcc;
color:#f36;
border-right:1px solid #fbb;
border-bottom:1px solid #fbb;
padding:0 1px;
}

#murmur {
width:250px;
background:#ffdde2;
position:relative;
margin:15px auto;
}

#murmur .box-title {
background:url(http://pic.pimg.tw/pixnetvisual/49dad6630d71b.png) left top no-repeat;
height:55px;
padding:0 0 0 27px;
}

#murmur .box-text {
_height:1%;
margin:0;
padding:5px 0;
}

.murmur-time {
position:absolute;
left:15px;
top:17px;
font:10px Century Gothic;
color:#f69;
}

.murmur-text {
line-height:150% !important;
padding:10px !important;
}

#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin:5px 15px;
}

#visitor li,#crumb li {
float:left;
display:inline;
line-height:0;
background:0;
margin:0 2px 2px 0;
padding:0;
}

#visitor li img,#crumb li img {
width:50px;
height:50px;
}

#visitor .box-more,#crumb .box-more {
margin-top:10px;
}

#broadcast ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin-bottom:5px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6621fe3e.png) left bottom no-repeat;
padding:0 15px 7px;
}

#broadcast li {
background:0;
padding:0;
}

#broadcast .broadcast-photo {
float:left;
line-height:0;
}

#broadcast .broadcast-time {
float:right;
width:185px;
line-height:20px;
}

#broadcast .broadcast-text {
float:right;
width:185px;
height:20px;
line-height:20px;
overflow:hidden;
}

#search ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin:0 15px;
}

#search li {
float:left;
background:none;
padding:0;
}

#search li input {
border:1px solid #fcc;
font:12px arial;
margin-right:5px;
line-height:20px;
background:#fff;
padding:2px;
}

#search input#search-submit {
width:50px;
color:#666;
background:#fee;
padding:1px;
}

#latest-comment li,#subscription li,#latest-trackback li {
line-height:150%;
padding:3px 10px;
}

#latest-comment a,#latest-trackback a,#subscription a {
display:block;
width:99%;
}

.folder .box-text {
margin:0 10px;
}

#footer {
clear:both;
height:50px;
text-align:center;
border-top:0;
background-color:#370000;
color:#F96;
padding:20px 10px 0;
}

#footer p {
color:#369;
}

#bottom {
color:#D66D6D;
}

#blog-main #body-div #container #container2 #container3 #footer #bottom .bottom-skiplink {
color:#FF0909;
}

fieldset,img,abbr,acronym {
border:0;
}

#login-bar a:hover,.title a:hover,.article-body a:hover,#category h6,#mylink .inner-box h6 {
color:#f36;
}

#banner .skiplink,.publish .time,.list-num,.reply-text p,#comment-form table tr.comment-form-title,#comment-form table th font {
display:none;
}

#headshot li,#murmur .box-text li {
background:none;
}

#category ul,#mylink .inner-box {
margin-bottom:5px;
}