html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-size: 62.5%;
    font-family: "Open Sans", sans-serif;
}

a {
    color: #606673;
}

blockquote {
    border-left: 3px solid #DD2222;
    color: #888888;
    font-style: italic;
    padding: 10px 20px;
}

fieldset {
    border: none;
    margin: 0; 
    padding: 0;
}

fieldset input[type=text], fieldset input[type=email], fieldset input[type=password]  {
    padding: 8px;
    width: 300px;
}

fieldset ol {
    list-style: none;
    margin: 0; 
    padding: 0;
}

fieldset label {
    display: block;
}

fieldset textarea {
    width: 500px;
}

fieldset.who ol li {
    margin-bottom: 15px;
}

legend#add-comment {
    margin-bottom: 20px;
    font-weight: bold;
}

#layout-header {
    margin-bottom: 80px;
}

#layout-footer {
    -webkit-box-shadow: -1px 5px 10px #000 inset;
    box-shadow: -1px 5px 10px #000 inset;
    margin-top: 100px;
    padding: 50px 0 75px;
    background: #232323;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #aaa;
}

#layout-footer h3 {
    color: #555;
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid #888;
    text-transform: uppercase;
}
.page-margin {
    width: 880px;
    margin: 0 auto;
}

.tiles {
    margin: 0 0 50px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .tiles li {
        display: inline-block;
        margin-right: 15px;
    }

        .tiles li:last-child {
            margin-right: 0;
        }
 
.tile {
    width: 72px;
    height: 72px;
    display: inline-block;
    background: transparent url("../../../Themes/Ragesh/content/footer-sprite.png") no-repeat scroll 0 0;
    text-indent: -9999em;
}

.tile.twitter {
    background-position: 0 0;
}

.tile.facebook {
    background-position: -72px 0;
}

.tile.linkedin {
    background-position: -144px 0;
}

.tile.skype {
    background-position: -216px 0;
}

.tile.email {
    background-position: -288px 0;
}

.tile.cedishop {
    background-position: -360px 0;
}

.tile.purplebeak {
    background-position: -432px 0;
}



#site-navigation {
    height: 30px;
    background: #5d5d5d;
    color: #fff;
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 1.2em;
    line-height: 30px;
}

#site-navigation ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 880px;
    text-align: center;
}

    #site-navigation ul li {
        display: inline-block;
        margin-right: 40px;
    }

    #site-navigation ul li:last-child {
        margin-right: 0;
    }

#site-navigation a {
    color: inherit;
    text-transform: uppercase;
    text-decoration: none;
}



#site-content {
    font-size: 1.6em;
    width: 880px;
    margin: 0 auto;
    padding-bottom: 550px;
}

#branding {
    font-family: Ubuntu;
    color: #000;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
    font-size: 4em;
    height: 100px;
    width: 880px;
}

#branding a {
    background: url("../../../Themes/Ragesh/content/logo.png") no-repeat scroll center 80px transparent;
    color: inherit;
    display: inline-block;
    height: 200px;
    left: 50%;
    line-height: 75px;
    margin-left: -150px;
    position: absolute;
    text-decoration: none;
    width: 300px;
}

.widget-recent-blog-posts ul.blog-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .widget-recent-blog-posts ul.blog-posts li {
        border-bottom: 1px solid #f0f0f0;
        padding: 20px;
        cursor: default;
    }

    .widget-recent-blog-posts ul.blog-posts li:last-child {
        border-bottom: none;
    }

        .widget-recent-blog-posts ul.blog-posts li a {
            text-decoration: none;
        }

        .widget-recent-blog-posts ul.blog-posts li:hover a {
            text-decoration: underline;
        }



.widget-recent-blog-posts .blog-post header h1{
    float: left;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    width: 700px;
}

.widget-recent-blog-posts .blog-post:after, #layout-footer:after, .tiles:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.widget-recent-blog-posts .blog-post header .metadata {
    float: right;
    font-weight: bold;
    color: #C3CAD9;
    font-size: 1em !important;
}

#container {
    position: relative;
    min-height: 100%;
}

.content-item.blog .metadata, .blog-post .metadata {
    color: #aaa;
    font-size: 0.8em;
}

.content-item.blog .published {
    float: left;
    margin-right: 20px;
}

.content-item.blog ul.blog-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .content-item.blog ul.blog-posts > li {
        border-bottom: 1px solid #aaa;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }


.content-item.blog h1, .blog-post h1 {
    margin-bottom: 0;
    font-size: 1.5em;
}

    .content-item.blog h1 a {
        color: #000;
        text-decoration: none;
    }

        .content-item.blog h1 a:hover {
            color: #606673;
            text-decoration: underline;
        }


.content-description.blog-description {
    color: #888888;
    font-size: 1.1em;
    font-style: italic;
    margin: 0 0 60px;
    text-align: center;
}


ul.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.comments li {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dashed #aaa;
    }

    ul.comments li p.text {
        font-size: 0.9em;
    }

#comments {
    margin-top: 50px;
}

ul.pager {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.pager li {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 15px;
}

ul.pager li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}


.credits, .user-display  {
    font-size: 1.2em;
    text-align: center;
}

.poweredby {
    margin-right: 20px;
}

pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #F7F7F7;
  border-radius: 3px;
}

code {
  padding: 0.2em 0.4px;
  font: 12px Consolas,"Liberation Mono",Menlo,Courier,monospace;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.04);
}

pre code {
  display: inline;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0px none;
}