/* ------------------------------ */
/* General rules                  */
/* ------------------------------ */

/* Links */
a {
    text-decoration : underline;
    font-weight : bold;
    color : rgb(50, 100, 150);
}

/* Disable borders for images within links  */
a img {
	border: none;
    background-color: white !important;
}

/* Table used for layout ... Haaa evil ! */
table.hidden {
    border : none;
    padding : 0px;
    margin : 0px;
    border-collapse : collapse;
}

dt {
    font-weight:bold;
}


/* bullets are decorative images, centered vertically */
.bullet {
    vertical-align : middle;
    text-decoration: none;
}


/* Images with border */
.bordered {
    border : 1px solid #BBB;
    padding:7px;
    background-color:#EEE;
}

.centered {
    display:block;
    margin:auto;
}

/* ------------------------------ */
/* Layout                         */
/* ------------------------------ */

/* Same width for all parts */
.sidebar-header .body, 
.sidebar-content .body, 
.sidebar-separator .body,
.sidebar-footer .body
{
    vertical-align : top;
    width : 200px !important;
    max-width : 200px !important;
}

#sidebar {
    position:absolute;
    left:0px;
}

#posts {
    width:500px;
    vertical-align:top;
    margin-left:250px;
    padding-top:50px;
}

#footer {
    margin-top:600px;
    clear: both;
}



#player {
    position:absolute;
    left:950px;
    top:250px;
    width:250px;
    height:400px;
}

.player-header, .player-body {
    width:250px;
}


/* ----------------------- */
/* Site map                */
/* ------------------------*/

.sitemap {
    text-align:left;
}

li.allposts-category  {
    list-style : url("images/dir.gif");
}

li.allposts-category h4  {
    border-bottom : 2px solid #E2E9EB;
}

li.allposts-category > h4 > a {
    text-decoration : none;
}

.allposts-post {
    list-style : url("images/page.png");
    font-size : 10pt;
}

/* ------------------------------ */
/* Post                           */
/* ------------------------------ */

/* Introduction above posts */
.posts-header {
    display:block;
    margin : auto;
    margin-top : 20px;
    margin-bottom:30px;
    padding: 20px;
    text-align:center;
    background-color : #E2E9EB;
    width : 600px;
    -moz-border-radius : 10px;
}


.post-header,
.post-content,
.post-footer
{
    width : 600px;
}


.post-header {
    text-align:left;
    background-color : #E1E8EA;
}


.post {
    display:block;
    padding: 0px;
    margin-left:20px;
    margin-right:auto;
    margin-bottom: 40px;
}


.post-header .body {
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 5px;
}


.post-content .body {
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.post-content a {
    font-weight: normal;
    background-color: #def;
    text-decoration: none;
}

.post-content a:hover {
      text-decoration: underline;
}

.post-footer .body {
    font-size : smaller;
    padding: 0px;
}

.post-title {
    padding-top : 20px;
    white-space: nowrap;
    font-size : 12pt;
    font-family : sans-serif;
}

.post-date {
    padding : 0px;
    font-size : 10px;
}

.post-keywords {
    text-align : right;
    font-size : x-small;
    color : rgb(153,179,204) !important;
}

/* ------------------------------ */
/* Comments                       */
/* ------------------------------ */

.comment-header {
    background-color : rgb(102,140,179);
}

.comment-content {
    background-color : #E2E9EB;
    overflow-x : auto;

}

.author-comment .comment-content {
    background-color : #EFE4B3;
}

.comments {
    padding : 20px;
}

.comment {
    margin-top : 30px;
}

.comment-header {
    padding : 10px;
    font-size : x-small;
    -moz-border-radius : 8px 8px 0px 0px;
}

.comment-content {
    padding : 10px;
    border : solid rgb(102,140,179) 1px;
    -moz-border-radius : 0px 0px 8px 8px;
}



.comment-author {
    font-weight : bolder;
    float: left;
    color : rgb(51,102,143) !important;
}


.comment-date {
    text-align : right;
    color : rgb(153,179,204) !important;
}

.comment-link {
    float: left;
    margin-right : 10px;
}
.comment-link a {
    font-size : 12px;
    color : rgb(153,179,204) !important;
}

/* ------------------------------ */
/* Comment post form              */
/* ------------------------------ */


.comment-form {
    margin-top : 30px;
    background-color : rgb(153,179,204);
    width : inherit;
    border : 1px solid rgb(102,140,179);
}

.comment-form input, textarea {
    border-width : 1px;
    padding : 1px;
}
.comment-form h4 {
    display:block;
    border-bottom : 1px solid #CCC;
}
.comment-form {
    padding : 20px;
}
.comment-form label {
    white-space: nowrap;
    font-weight:bold;
    width: 150px;
    line-height:250%;
}

.comment-form textarea {
    padding : 4px;
    margin:auto;
}

.comment-button {
    margin :auto;
    width:100%;
    height: 30px;
    font-weight:bold;
    font-size:larger;
}

.comment-form hr {
    height:1px;
    color:#ccc;
    border:none;
    border-bottom:1px solid #ccc;
}




/* ------------------------------ */
/* Sidebar                        */
/* ------------------------------ */

.sidebar-section-title {
    display:block;
    text-align : left;
    margin : 5px;
    padding : 3px;
    font-size : 12pt;
    font-weight : bold;
}

#sidebar {
    margin-top : 60px;
}

.sidebar-section  ul {
    margin : 0px;
    padding-left : 23px;
    vertical-align:top;
}

.sidebar-section {
    padding : 5px;
    margin : 0px;
    margin-bottom : 30px;
    margin-top:10px;
    border: none;
    
    display : block;
    
    white-space : nowrap;
    overflow : hidden; 
    
}

.sidebar-section {
    font-size : 8pt;
}
    
    


.sidebar-section li {
    list-style-position : outside;
}

ul.recent-posts {
    display:block;
    margin:0px;
    padding:0px;
}
.recent-posts li {
    display:block;
    list-style : none;
    padding-left:20px;
    background-image: url("images/page.png");
    background-repeat:no-repeat;
    background-position: center left;
}

ul.archives  {
    padding:0px;
    margin:0px;
    text-indent:0px;
}
.archives li {
    display:block;
    margin:0px;
    padding-left:20px;
    list-style : none;
    background-image: url("images/time.png");
    background-repeat : no-repeat;
}

/* ---------------- */
/* Categories       */
/* ---------------- */

.categories li {
    
    list-style : none;
    padding-left:20px;
    background-image : url("images/folder.png");
    background-repeat: no-repeat;
    background-position: top left;
}

ul.categories {
    padding:0px;
    margin:0px;
}



/* Meta section */
ul.meta {
    padding:0px;
    margin:0px;
}
ul.meta li {
    list-style:none;
    margin:5px;;
}

/* ------------------------------ */
/* Style within a post            */
/* ------------------------------ */

.post-content {
    color:#444;
}

.post-content h1, 
.post-content h2, 
.post-content h3, 
.post-content h4 {
    border-bottom:1px solid rgb(153,179,204);
}

/* Code, fixed size PRE */
.post-content pre.code, .post-content code, .post-content pre {
    
    font-size : 10pt;
    overflow: auto;
    text-align: left;
    
        max-width : 500px;
        max-height : 200px;
        
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding : 5px;
    white-space : pre;
    display : block;
}


.post-content, .post-content a {
    font-size : 12pt !important; 
    font-family : Arial, sans-serif;
}

.post-content p {
    text-align : justify
}

.attach {
    padding-left:20px;
    margin:0px;
    background-image : url("images/package2.png");
    background-repeat : no-repeat;
    background-position: center left;
}

.post-content blockquote {
    background-image : url("images/quote.gif");
    background-position : top left;
    background-repeat : no-repeat;
    -moz-border-radius: 10px;
    padding : 20px;
    margin : 20px;
    background-color : #F3F3F3;
}

/********************************************************************************
 * CodeHighlight Classes
 *******************************************************************************/

.hl-surround {
    padding: 8px;
    margin-bottom: 5px;

}

.hl-surround, .hl-surround pre, .hl-surround span { font: normal 9pt 'Courier New', monospace;}
.hl-default     { color: Black; }
.hl-code        { color: Gray; }
.hl-brackets    { color: Olive; }
.hl-comment     { color: #ffa500; } /* Orange */
.hl-quotes      { color: #8b0000; } /* Dark red */
.hl-string      { color: Red; }
.hl-identifier  { color: Blue; }
.hl-builtin     { color: Teal; }
.hl-reserved    { color: Green; }
.hl-inlinedoc   { color: Blue; }
.hl-var         { color: #00008b; } /* Dark blue */
.hl-url         { color: Blue; }
.hl-special     { color: Navy; }
.hl-number      { color: Maroon; }
.hl-inlinetags  { color: Blue; }
.hl-main        { background-color: transparent; }
.hl-main pre    { margin: 0; padding: 0; }




/* ---------------------------- */
/* Footer                       */
/* ---------------------------- */

#footer {
    margin-top : 40px;
    padding : 5px;
    text-align : center;
    font-family : arial;
    font-size : 8pt;
    font-style : normal;
    background-color : #E2E9EB ;
    border-top:2px solid rgb(153,179,204);
}


/* ----------------- */
/* Deans Highlighter */
/* ----------------- */
.ch_code_container {
        max-width : 500px;
        max-height : 200px;

    display : block;
    overflow: auto;
    padding : 5px;
    text-align: left;
    background-color: #f0f0f0;
    border: 1px solid #C3CED9;
    padding: 0px 0px 0 0;
    width: 100%;
    text-align: left;
    font-size:10pt;
    overflow:auto;
    white-space:nowrap;
}

.ch_code_container .head {
    color: #808080;
    font-weight: bold;
    background-color: #f0f0ff;
    border-bottom: 1px solid #d0d0d0;
    padding: 2px;
}