Íme a Blogter stíluslapja szétszedve, és lépcsőzetesre alakítva (hamár egyszer cascading style sheet). Őszintén szólva az utolsó párszáz sort kicst összecsaptam, majd ha lesz erőm, akkor finomítok rajta.

 

/* CSS CODE: CV Online Blog
AUTHOR: BLOGTER - BLOGTER.COM
COMPANY: BLOGTER
SITE: CV Online Blog
*/

/* CSS RESET
*/
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,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;

}
:focus {
outline:0;

}
body {
line-height:1;
color:#000;
font:0.9em/1em arial, helvetica, sans-serif;

}
ol,ul {
list-style:none;

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

}
caption,th,td {
text-align:left;
font-weight:400;

}
blockquote:before,blockquote:after,q:before,q:after {
content:"";

}
blockquote,q {
quotes:"" "";

}
strong {
font-weight:700;

}
div {
display: block;
position: relative;

}

/* GENERAL*/
/*SZÖVEGTÖRZS*/
body {
background: #fff; /*háttér színe; háttérképhez: url('képneve')*/
font: 13px verdana, helvetica, sans-serif;
line-height: 20px;
color: #333333; /*sötétszürke*/
text-align: center;

}
a {
color: #3151B5; /*linkek színe; kék*/
text-decoration: none;
cursor: pointer !important;

}
a:hover {
text-decoration: underline;
color: #3151B5 /*link színe, ha rátolod az egeret; kék*/
}
.clear {
display: block;
position: relative;
clear: both;
height: 0px;
font-size: 1px;
overflow: hidden;

}

/* LAYOUT*/
.blogter-bar {
background: url('../images/blogter_bar.png') center no-repeat;
height: 45px;

}
#wrap {
/*background: #fff url('../images/head_bg.png') repeat-x;
*/
}
#site {
width: 970px;
margin: 0 auto 50px auto;
text-align: left;
background: #fff;

}
#header {
background: #fff;

}
#left {
width: 645px;
float: left;
margin: 0 0 0 10px;
_margin-left: 5px;
border: 1px solid #8ccbff;
background: #fff;

}
#right {
float: right;
width: 303px;

}
#footer {
clear: both;
height: 23px;
margin-bottom: 10px;
padding-bottom: 10px;

}

/*BOXES*/
/*FEJLÉC*/
#header {

}
.blog-title {/*text-transform: uppercase;*/ /*blog neve; uppercase=nagybetűs!*/
display: block;
width: 400px;
font: 36px arial, helvetica, sans-serif; /*blog nevének betűmérete*/
font-weight: bold;
margin: 0 0 5px 0;
padding: 15px 10px 10px 10px;
color: #000; /*blogcím színe; fekete*/

}
.blog-title a {
color: #000; /*blogcím színe amikor link; fekete*/

}
.blog-title a:hover {
text-decoration: none;
color: #3151B5 /*blogcím színe rámutatáskor; fekete*/

}
.blog-desc {/*blog leírása*/
display: block;
position: absolute;
top: 20px;
text-align: right; /*igazítás jobbra*/
right: 10px;
padding: 5px 0 5px 0;
font: 14px arial, helvetica, sans-serif;
margin: 0 0 0 0;
color: #000; /*színe; fekete*/
line-height: 20px;
width: 500px;

}
.top-nav { /*felsőmenü*/
background: #6baeef url('../images/top_nav_bg.png') repeat; /*felsőmenü háttér színe + kép; menükék*/
padding: 12px 20px 0 20px;
margin: 0 10px 15px 10px;
-moz-border-radius: 3px;
color: #fff; /*fehér*/
display: block;
position: relative;
height: 37px;
width: 910px;

}
.top-subscription {
display: block;
text-align: right;
width: 200px;
display: block;
float: right;

}
.top-subscription li {
display: block;
float: right;
padding-left: 10px;

}
.top-rss { /*felső rss*/
background: url('../images/feed-icon-14x14.png') 12px 2px no-repeat; /*felső rss kép*/
padding-left: 30px !important;
display: block;

}
.top-rss a {
color: #fff; /*felső rss felirat színe; fehér*/

}
.top-menu {
display: block;
float: left;
text-align: right;
width: 500px;

}
.top-menu li {
display: block;
float: left;
padding: 2px 6px;

}
.top-menu a {
font-weight: bold;
color: #fff; /*nem aktív felsőmenü színe; fehér*/

}
.top-menu .active {
background: #fff; /*aktív felsőmenü háttér; fehér*/
padding: 2px 8px 2px 8px;
-moz-border-radius: 3px;

}
.top-menu .active a {
color: #000; /*aktív felsőmenü betűszín; fekete*/

}
#nav-menu {
height: 55px;

}

.tag-title {/*címkék fejléc színe; halványcián*/
padding: 5px 15px;
background: #eff7ff;
border-bottom: 1px solid #8ccbff;/*címkék keret; blogterkék*/

}
.tag-title span {
font-size: 16px !important;

}
.tag-title span h1 {
display: inline;

}
.tag-title p {
display: block;
float: right;
font-weight: normal;
padding-top: 6px;

}
.tag-title h1 {
font-size: 16px !important;
font-weight: bold
}

.year-picker {
padding: 10px;
background: #eff7ff/*évválasztó fejléc; halványcián*/
}
.year-picker-bottom {
padding: 10px;
background: #eff7ff;/*évválasztó alja; halványcián*/
margin-top: 10px;

}
.year-picker p, .year-picker-bottom p {
display: block;
padding-right: 10px
}

.month {/*hónap*/
margin: 20px 30px 0 30px
}
.month-cont {
margin: 10px 0 0 0
}
.month-cont div {
font-weight: bold;
font-size: 16px;
margin: 0 0 5px 0
}
.month-cont div h2 {
display: inline
}

.tags {/*címkék*/
margin: 20px 30px;

}
.tags-title {
font-weight: bold;
font-size: 16px;
margin: 10px 0 5px 0
}
.tags-title span {
display: block;
float: right;
font-size: 12px;
font-weight: normal
}

.posts {
padding: 20px 0 0 0;
-moz-border-radius:5px;

}
.post {
margin: 0 30px 5px 30px;
padding-bottom: 5px;

}
.post h1 {
font: 25px arial, helvetica, sans-serif;
line-height: 28px;
font-weight: bold;

}
.post h1 a {
color: #091840; /*post címe; sötétkék*/

}
.post h1 a:hover {
text-decoration: none;
border-bottom: 1px dashed #ddd;/*alsó szegély; normálkék*/

}

.post h2 {
font: 25px arial, helvetica, sans-serif;
line-height: 28px;
font-weight: bold;

}
.post h2 a {
color: #091840;/*post második címsor; sötétkék*/

}
.post h2 a:hover {
text-decoration: none;
border-bottom: 1px dashed #ddd;/*alsó szegély*/

}
.post-info {
padding-bottom: 8px;

}
.post-content {
overflow: hidden;
width: 585px;
font: 12px verdana, helvetica, sans-serif !important;

}
.post-content p {
font: 13px verdana, helvetica, sans-serif !important;
margin-bottom: 6px
}
.post-content ul {
padding: 0 15px 10px 15px
}
.post-content ul li {
list-style-type: disc;
margin-left: 10px
}
.post-content ol {
padding: 0 15px 10px 15px
}
.post-content ol li {
list-style-type: decimal;
margin-left: 10px
}
.post-info a {
color: #091840;/*írta link színe; sötétkék*/
font-weight: bold;

}
.comment-count {
display: block;
float: right;
font-weight: bold;
background: url('../images/comment_bubble.png') top right no-repeat;/*hozzászólások kép*/
padding-right: 18px;

}
.read-more {
background: url('../images/more_bg.png') top right no-repeat;/*tovább kép*/
padding: 0 15px 10px 0;
color: #091840;/*...bejegyzés olvasása link szín*/
font-weight: bold;
float: right;

}
.post-tags {
padding: 5px 10px;
margin-top: 10px;
background: #eee;/*post címkéi*/
display: block;
clear: both;

}
.tag-title {
font-weight: bold;

}
.pager {
text-align: center;

}

.paginator {
margin: 15px 0 0 0;
padding: 10px 0;
border-top: 1px solid #eee;
width: 645px;
overflow: hidden;

}
.paginator-left {
padding-left: 30px;

}
.paginator-right {
display: block;
float: right;
padding-right: 30px;

}

.subscribe-inv {/*a blog szerzője mező*/
margin: 1px 25px 10px 25px;
padding: 10px 10px;
font-size: 13px;
border: 1px solid #FFD129; /*keret sárga*/
background: #fffbce;/*háttere halványsárga*/
font-weight: bold;
text-align: center;

}
.subscribe-inv span {
font-weight: normal;
display: block;

}

.related-posts {
margin: 0 30px;
font-weight: bold;

}
.related-title {
font-size: 15px;
margin-bottom: 10px
}
.related-posts ul {
font-weight: normal;
margin: 0 10px
}

#comments {/*kommentek*/
padding: 10px 30px 0 30px;
color: #000;

}
.comments-title {/*komment címsor*/
border-top: 1px solid #eee;
font-weight: bold;
font-size: 17px;
padding: 10px 0 20px 0
}
.comment-item {/*komment elem*/
display: block;
padding: 0 0 10px 0;
margin-bottom: 10px;
border: 1px solid #84c7ff;/*középkék*/
background: #fff
}
.comment-date {/*komment dátum*/
display: block;
float: right;
font-weight: normal
}
.comment-avatar {/*komment avatar*/
display: block;
position: absolute;
top: 0;
_top: 1px;
left: 0;
width: 20px;
height: 20px;

}
.comment-avatar img {
width: 39px;
height: 39px;
border-right: 1px solid #84c7ff
}
.comment-data {
font-weight: bold;
padding: 9px 10px 10px 50px;
background: #eff7ff;
border-bottom: 1px solid #84c7ff;/*középkék*/
height: 20px;
margin-bottom: 3px;

}
.comment-text {
font-size: 12px;
padding: 10px 20px 10px 20px;
overflow: hidden !important;
width: 520px
}

.comment-form {/*komment írása mező*/
display: block;
position: relative;
color: #000;
border: 1px solid #F1F8FA;
background: #F1F8FA;
margin: 10px 0;
padding: 10px 20px
}
.logged-in-as {/*bejelentkezve*/
background: #fffbce;
padding: 8px 10px;

}
.logged-in-as a {
font-weight: bold;

}
.log-out-comment {/*kijelentkezés*/
display: block;
float: right;

}
.info {
margin-bottom: 15px;

}
.comment-form-title {komment írása cím*/
font-weight: bold;
font-size: 18px;
margin-bottom: 5px;

}
.comment-form label {
display: block;
padding-right: 10px;
font-weight: bold;

}
.comment-form-in {
padding: 15px;
border: 1px solid #84c7ff;
margin: 0 29px 20px 29px
}
.input_tx {
display: block;
width: 370px;

}
.comment-form textarea {/*komment írása mező méretei*/
width: 340px;

}
.height-a {
height: 10px !important;
width: 500px;
display: block;
position: relative;

}
.input_sm {

}
.comment-options {
display: block;
position: absolute;
top:160px;
left: 395px;
_left: 385px;
width: 175px;
font-size:11px;
line-height: 16px
}
.logged-in-user {
background: #eee;

}

.pager {
padding: 20px 30px 30px 30px;
text-align: center;

}
.pager-item {
display: block;
float: left;
padding-right: 5px;

}
.pager .active span {
border: 0;
background: #00105a;
color: #fff;
border: 1px solid #00105a
}
.pager .inactive span {
color: #ddd;

}
.pager .inactive:hover {
text-decoration: none
}
.pager-item span {
display: block;
padding: 5px 6px;
border: 1px solid #eee
}
.pager-dots {
display: block;
float: left;
padding: 5px 6px;

}

.subscribe-now {/*feliratkozás rss*/
background: #fffbce;
padding: 10px;
text-align: center;
font-weight: bold;
border-top: 1px solid #84c7ff
}
.subscribe-now span {
display: block;
font-weight: normal;

}

.log-in-need {/*bejelentkezés szükséges*/
background: #fffbce;
padding: 10px;
text-align: center;
font-weight: bold;

}
.log-in-need span {
display: block;
font-weight: normal;

}

.end-item {
padding: 12px 0 0 20px
}
.end-box p {
color: #333;
font: 12px arial, helvetica, sans-serif;

}
.end-box img {
margin-bottom: 10px;

}
.end-box {
width: 200px;
float: left;
padding-right: 18px;

}
.end-box h4 a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;

}
.end-box h4 span {
color: #fff;
font-size: 11px;

}

.author-box {/*szerző doboz*/
background: #fffbce;
border: 1px solid #e7db52;
padding: 12px 10px 12px 60px;
margin: 0 10px 10px 0;
position: relative;

}
.author-avatar {/*szerző avatar*/
display: block;
position: absolute;
top:12px;
left: 12px;
_left: -50px;

}
.author-who {
font-weight: bold;
display: block;

}
.author-follow {/*szerző követése*/
display: block;
font-size: 12px;
font-weight: normal
}

.banner {
background: url('../images/banner_bg.png') no-repeat;
height: 285px;
padding: 1px 0 0 1px;
margin-left: 20px;
display: none;

}

.subscribe-box {/*feliratkozás doboz*/
width: 288px;
padding-bottom: 10px;
margin-bottom: 10px;
border: 1px solid #8ccbff;
background: #eff7ff url(../images/email.png) 10px 10px no-repeat;
display: block;

}
.subscribe-box form {
padding-left: 60px
}
.subscribe-title {
padding: 8px 0
}
.subscribe-title span {
font-weight: bold;

}
.subscribe-box input {
width: 190px;
margin-bottom: 4px
}
.subscribe-allert {
display:block;
background: #FFFBCE;
width: 190px;
margin: 0 0 5px 0
}
.subscribe-success {/*feliratkozás sikeres*/
display:block;
background: #86BF83;
width: 190px;
margin: 0 0 5px 0
}

.blogter-promotion {
margin: 20px 0 20px 0;
padding-right: 10px
}
.promotion-title {
font-weight: bold;

}
.promotion-seo {
padding-left: 50px;
background: url('../images/blogter_promo_seo.png') 10px 2px no-repeat;
margin-bottom: 10px
}
.promotion-frontpage {
padding-left: 50px;
background: url('../images/blogter_promo_vote.png') 10px 2px no-repeat;

}
.promoton-reg {
margin: 10px 5px 0 50px;

}
.promoton-reg a {
display: block;
font-weight: bold;

}

.fresh-message {/*friss kommentek*/
width: 288px;
padding-bottom: 10px;
margin-bottom: 10px;
border: 1px solid #8ccbff;
background: #fff;

}
.fresh-message-title {/*friss kommentek címsor*/
display: block;
padding: 8px 8px 8px 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 10px;

}
.fresh-message-in {
margin: 0 20px;

}
.message-date {
font-style: italic;
font-size: 11px;
color: #aaa;

}

.fresh-posts {/*friss bejegyzések*/
width: 288px;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
border: 1px solid #8ccbff;
background: #fff;

}
.fresh-posts ul {/*lista*/
display: block;
position: relative;
padding: 0 20px;

}
.fresh-posts ul li {/*listaelem*/
padding-bottom: 3px;
margin-bottom: 2px;
border-bottom: 1px dashed #eee;

}
.fresh-posts ul li h3 {/*listaelem címsor3*/
font-weight: bold;

}
.fresh-post-title {/*friss bejegyzések címsor*/
display: block;
padding: 8px 8px 0 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 15px;

}
.fresh-post-title a {/*friss bejegyzések címsor ha link*/
display: block;
position: relative;
float: left;

}
.fresh-post-title a span {
display: block;
padding: 3px 5px;

}
.fresh-post-title a.active {/*friss bejegyzések címsor aktív link*/
color: #000;

}
.fresh-post-title a.active span {
background: #fff;
border-left: 1px solid #afc9e3;
border-right: 1px solid #afc9e3;
border-top: 1px solid #afc9e3;

}

.fresh-post {
margin: 0 20px 10px 20px;

}
.fresh-post-h3 {
font-size: 14px;
font-weight: bold;

}
.fresh-post p {
font-size: 12px;
line-height: 17px
}
.fresh-post h3 span {
font-size: 11px;

}

.desc {
color: #000;
padding: 0 30px 20px 10px;
font: 13px arial, helvetica, sans-serif;
line-height: 15px;

}

.fresh-comms {/*friss kommentek*/
background: #fff;
border: 1px solid #8ccbff;
width: 288px;
padding-bottom: 10px;
margin-bottom: 10px
}
.fresh-comms ul {/*friss kommentek lista*/
display: block;
margin: 5px 20px;

}
.fresh-comm-title {/*friss kommentek címsor*/
display: block;
padding: 8px 8px 8px 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 15px;

}
.fresh-com {
padding: 0 20px 10px 50px;

}
.fresh-com-avatar {/*friss kommentek avatar*/
display: block;
position: absolute;
top: 3px;
left: 15px;
_left: -35px;

}
.fresh-com-avatar img {
border: 1px solid #84c7ff
}
.comment-title {
display: block;
height: 20px;
padding: 0;
font-weight: bold;
font: 14px verdana, helvetica, sans-serif !important;

}
.comment-title a {
font-weight: bold;

}
.comment-title span {
font-size: 11px;

}
.fresh-com p {
font-size: 12px;
line-height: 17px;
width: 220px;
overflow: hidden;

}
.fresh-com-post {
font-weight: bold;
margin-top: 3px
}

.co-authors {/*társszerzők*/
background: #fff;
border: 1px solid #8ccbff;
width: 288px;
padding-bottom: 0px;
margin-bottom: 10px
}
.co-authors-title {
display: block;
padding: 8px 8px 8px 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 0px;

}
.co-authors ul {
padding: 10px 0 10px 20px;

}
.co-authors ul li {
display: block;
width: 270px;
overflow: hidden;
margin: 0 !important;
padding: 0 0 10px 0 !important;

}
.co-author {
font-weight: bold;

}

.html-widget {/*oldalsáv*/
background: #fff;
border: 1px solid #8ccbff;
width: 288px;
padding-bottom: 0px;
margin-bottom: 10px
}
.html-widget-title {
display: block;
padding: 8px 8px 8px 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 0px;

}
.html-widget-in {

}

.friends-widget {/*követik*/
background: #fff;
border: 1px solid #8ccbff;
width: 288px;
padding-bottom: 10px;
margin-bottom: 10px;

}
.friends-widget-title {
display: block;
padding: 8px 8px 8px 12px;
font-size: 14px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 10px;

}

.top-tags {/*címkék*/
background: #fff;
border: 1px solid #ddd;
width: 288px;
padding-bottom: 10px;
margin-top: 10px;

}
.top-tags-title {
display: block;
padding: 6px;
background: #eff7ff;
font-weight: bold;
margin-bottom: 10px;

}
.tag-box {
padding: 0 10px;

}

#co-authors{/*társszerzők*/
margin:20px 0
}
#co-authors .widget-title {

}
#co-authors li {
display:block;
margin:10px 0 20px 0;

}
#co-authors a.avatar {
float:left;

}
#co-authors a.co-author {
margin-left: 15px;

}
#co-authors p.author-title {
margin-left: 60px;

}
#co-authors p.description {
margin-left: 60px;
margin-top:15px;

}

#imagelist{

}
#imagelist .widget-title {

}
#imagelist div.frame {
padding:6px;

}
#imagelist div.wrap {
padding:0px 0 0 10px;
display: block;
position: relative;

}
#imagelist p.info {
margin:0;

}
#imagelist div.image{
width: 40px;
height: 60px;
overflow: hidden;
display: inline
}
#imagelist div.image a{
margin:0;
padding:0;

}
#imagelist div.image a:hover {
text-decoration: none;
border:0;

}
#imagelist div.image img{
width:40px;
height:40px;
margin:6px 6px 0 0;

}
#imagelist div.clear{
clear:both;

}

Alant pedig egy kis segítséget találtok színkeveréshez. (Forrás: Wikipedia)