#main-header {
    text-align:center;
}

#main-header h1 {
    font-size:52pt;
    font-weight:bold;
    letter-spacing:-0.03em;
    line-height:1em;
}

#main-header h1 a {
    color:black;
    text-decoration:none;
}

#main-header h2 {
    font-size:18pt;
    letter-spacing:-0.05em;
    text-transform:uppercase;
    line-height:1em;
    margin-bottom:1em;
    border:none;
    font-weight:normal;
}

h2 {
    border-top:10px solid black;
    padding-top:0.1em;
    margin-bottom:0.5em;
    font-size:24pt;
    font-weight:bold;
}

h3 {
    margin-top:0;
}

h4 {
    font-weight:bold;
    font-size:14pt;
    margin-top:1em;
    margin-bottom:0.3em;
}

#navigation {
    text-align:center;
    font-family:Helvetica,Arial,clean,sans-serif;
    margin-top:0.5em;
    margin-bottom:2em;
}

#navigation ul li {
    font-size:16pt;
    list-style-type:none;
    margin:0;
    display:inline;
    margin-right:0.5em;
}


p, ul, ol {
    font-size:10pt;
    line-height:1.5em;
    margin-bottom:1em;
}

#features {
    
    margin-bottom:2em;
}

.feature {
    margin-bottom:1em;
}

.feature p {
    line-height:1.1em;
}

.feature .feature-image {
    background:#ccc;
    border:1px solid #666;
    border-top:3px solid #666;
    height:100px;
}

.feature h4 {
    margin-top:0.5em;
}

div.step {
    padding:1em;
    padding-bottom:1.5em;
    margin-bottom:1em;
}

div.step h3 {
    border:none;
    line-height:1em;
}

div.step p {
   margin-bottom:0px; 
}

ul li, ol li {
    margin-bottom:0.5em;
}

.dp-highlighter ol li {
    margin-bottom:0;
}

ul li {
    list-style-type:square;
}

ol li {
    list-style-type:decimal;
}

#segmentblog .blog-entry .title {
    margin-bottom:0.5em;
}

.blog-entry {
    margin-top:1em;
}

.blog-entry .content {
    line-height:1.6em;
    margin-bottom:2em;
}


.blog h2 a {
    color:black;
    text-decoration:none;
}

#blog-content {
    margin-bottom:4em;
}

#sidebar ul li {
    margin-left:1em;
}

.blog-category {
    font-size:12pt;
    margin-bottom:0.5em;
}
.blog-category a {
    display:block;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
    font-family:Helvetica,sans-serif;
    color:black;
    font-weight:bold;
    text-decoration:none;
}

.blog-category a:hover {
    text-decoration:underline;
}


.design-box a {
    background-color:rgb(213,223,235);
}

.java-box a {
    background-color:rgb(215,227,191);
}

.php-box a {
    background-color:rgb(221,214,229);
}


.qa-box a {
    background-color:rgb(215,215,215);
}