/*

Theme Name: Blueblog-Monzool
Version:    1.0
Author:     Jan Skriver Sørensen
Based upon: BlueBlog Theme
        by David Herreman
        http://www.free-css-templates.com
        Original Credits:
            Theme URI: http://www.themeporter.com
            Author: Theme Porter
            Author URI: http://www.themeporter.com

History:2007-05-13 Jan Skriver Sørensen
            Modifications include:
            1) Changed colors and fonts.
            2) Search box moved to same row as headline links.
            3) Headline font changed to Times new roman.
            4) Added header image.
            5) Disabled links hover underline in Navigation column (replaced with darker blue).
        2007-08-08 Jan Skriver Sørensen
            1) Abandoned font-family: Arial, Serif as words starting with 'fi' got the two
               letters merged into one letter on Firefox@Linux. Fixed by replacing with
               font-family: Arial, "Courier New".
            2) In General link color changed from #075181 (dark blue) to #06426B (darker blue).
            3) In General and Navigator a:hover changed from #075181 (dark blue) to #DE600D (orange red).
            4) Added red hover color for pendinglink.
        2007-08-09 Jan Skriver Sørensen
            1) Added white hovering to title in header.
            2) Header picture changed to Stribed Cow.
        2007-08-21 Jan Skriver Sørensen
            1) Added formatting for pre, code and dotbox tags.
            2) Added margin-top to info box to seperate more from text.
            3) Added margin-top and margin-bottom to wp_syntax box.
            4) Partly fixed miss-aligned comments input boxes and text.
        2007-09-01 Jan Skriver Sørensen
            1) Added GeShi syntax coloring.
        2007-09-22 Jan Skriver Sørensen
            1) Aligned category and item count on same line.
            2) Disabled category etc underligning. TODO: find out to enable this for everything else but categories
        2007-09-28 Jan Skriver Sørensen
            1) Text darkened a bit #808080 => #737373.
            2) Added template for lists (li)
        2007-10-05 Jan Skriver Sørensen
            1) Added p.section for section with larger vertical spacing.
        2007-10-25 Jan Skriver Sørensen
            1) Added 'nav_locallink' as subsection to 'nav'. Colors local categories and archives
               links as green on hover.
            2) Changed header bar to stribes. Separated bar stribes from main header image.
               Bar stribes made fixed positioned.
        2007-11-01 Jan Skriver Sørensen
            Disabled the fixed stribed bar. Made scrolling really slooow.
        2007-11-06 Jan Skriver Sørensen
            1) Increased line-height from 1.4em to 1.6em.
            2) Decreased p.section margin-top from 3ex to 2ex.
            3) Added 'Lucida Grande' as first font-family entry.
            4) Font color darkened from #737373 to #444748. Also
               made body::color the dominant font color.
        2007-11-12 Jan Skriver Sørensen
            Added 'Bitstream Vera Sans Mono' as first code font.
        2008-02-04 Jan Skriver Sørensen
            Font Helvetica now favors Arial.
        2008-02-06 Jan Skriver Sørensen
            Links font color changed from give better contrast to text.
            Navigation links #546078 => #0B6FB1 and text links #06426B => #0B6FB1
        2009-02-09 Jan Skriver Sørensen
            Removed GeShi css. Didn't work anymore after upgrading GeShi plugin.
*/

body {
  margin:       0px 0;
  padding:      0;
  color:        #444748;
  background:   #303B41 /*url('images/bg_stribed.jpg') repeat-x fixed*/;
  line-height:  1.6em;
  font-style:   normal;
  font-variant: normal;
  font-weight:  normal;
/*  font-size:    74%;*/
  font-size:    6.5pt;
  font-family:  'Lucida Grande', Helvetica, Arial, 'Courier New'
}

/* Don't know what this is for?
a img
{
  border: none;
  margin: 10px 20px 10px 2px; /* top=10, right=20, bottom=10, left=2 *//*
}
*/

/** Usage.
    <IMG class="disp_center" src="..." alt="...">
 */
img.disp_center {
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.disp_left {
  border:       none;
  margin:       10px 20px 10px 2px; /* top=10, right=20, bottom=10, left=2 */
  float:        left;
}

img.img_right {
  border:       none;
  margin:       10px 2px 10px 20px; /* top=10, right=2, bottom=10, left=20 */
  float:        right;
}


.content {
    background: #FFF url('images/mainbg.jpg') repeat-y center;
    margin:     0 auto;
    padding:    0;
    width:      800px
}

.img {
    padding: 0 8px 8px 0;
    float:   left;
}

.img2 {
    padding: 0 0 3px 3px;
    float:   right;
}


/*
 *    HEADER
 */
#top {
    padding:    0;
    margin:     0;
    background: #000 url('images/top.jpg') no-repeat top;
    height:     44px
}

#top .padding {
    float:     right;
    padding:   20px 25px 0 0;
/*    font-size: 90%;*/
    font-size: 8pt;
}

#top a {
  color: #E0F5FF;
}


#header {
    margin:     0;
    width:      800px;
    background: #036EB4 url('images/header_bg.jpg') no-repeat center top;
    height:     149px;
    color:      #FFFFFF
}

#header .title {    padding: 45px 0 0 50px; }
#header h1 {
  font: italic 28px "Times New Roman";  /* Heading */
  margin: 0;
  padding: 0;
}
#header a:hover {
    color:           #FFFFFF;   /* White */
}

#header h2 {
    font-family:      'Lucida Grande', Helvetica, Arial, 'Courier New', Verdana;
    font-size:        12px;
    background-image: url('images/none');
    color:            #FEAB06; /* Orange */
    margin:           0;
    padding-left:     2px;
    padding-right:    0;
    padding-top:      0;
    padding-bottom:   0
}


/*
 *    SUBHEADER
 */
#subheader {
  background:  #000 repeat-y center;
  width:       770px;
  height:      35px;
  color:       #FFF;
  margin-left: 15px;
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {  color: #FECF5F; }



/*
 *    NAVIGATION
 */
.nav {
  text-align: left;
  color:      #7D8085;
  padding:    20px 0 0 0px;
  width:      200px;
}

.nav li {
    margin:     5px 0 5px 0px;
    padding:    0px 0 0 0px;
/*  border-bottom: 1px dotted #ccc;*/
    list-style: none;
}
.nav li a {
  color:           #0B6FB1;
  text-decoration: none;
  padding:         5px 0 0 0px;
  display:         block;
  margin-bottom:   2px;
  font-size:       10px;
}

.nav li a:hover, .nav .nav_locallink li a:hover {
  color:           #DE600D;   /* Orange red */
  text-decoration: none;
  padding:         5px 0 0 0px;
  display:         block;
  margin-bottom:   2px;
  font-size:       10px;
}
/*
.nav li ul li {
    border-bottom: 1px dotted #ccc;
}*/

.nav .nav_locallink li a:hover { color: #009973 /* Green */; }


/*
 *    MAIN
 */
#main {
  background: #FFF;
  width:      760px;
  margin:     0 20px 0 20px;
}

#menu .f_search { float: right; padding-top:1px; } /* Search box */

#main .right_side {
  float:            right;
    padding:          0px 0 0 10px;
    margin:           0;
    background-color: #FFF;
    width:            210px;
}

#main .right_side .hitems { margin: 0;  padding: 0; }
#main .right_side .hitems ul {
    margin:           5px 0;
    padding :         0;
    color:            #a90000;
    list-style-image: url('images/arrow.gif');
}

#main .right_side .hitems li {
    margin:  0 0 2px 20px;
    padding: 0 0 0 0px;
    color:   #555;
}

#main .left_side {
    float:          left;
    width:          500px;
    background:     #FFF;
    padding:        15px 15px 0 20px;
    margin:         0;
    letter-spacing: 0.0em;
}

#main .left_side li {
  margin:          0 0 0px 50px;
  padding:         0 0 0 0px;
    list-style-type: circle;
}

#main h3 {
    font:          85% 'Lucida Grande', Helvetica, Arial, 'Courier New';
    margin:        0 0 10px 0px;
    padding:       0;
    color:         #5F5F5F;
    background:    inherit;
    border-bottom: 1px solid #036CB4;
}

#main .box {
    background: #efefef;
    padding:    5px;
    border:     1px solid #ccc;
}
#main .dotbox {
    border-style:  dashed;
    border-width:  thin;
    border-color:  black;
    margin-top:    10px;
    margin-bottom: 10px;
}

#main .right_side ul {
    margin:          5px 0 5px 0;
    padding:         0;
    list-style:      none;
    border-bottom:   0px solid #eee;
    list-style-type: square;
  line-height:     1.4em;
    color:           #a90000;
}

#main .right_side li {
  margin:    0 0 2px 15px;
  padding:   0 0 0 0px;
  color:     #555;
  font-size: 10px;
}

/* This puts the category and the item count on the same line */
#main .right_side li a {
  display: inline;     /* Make category name and item count align on the same line */
  margin:  0 5px 0 0;  /* Add some space between category name and item count */
}

#main .right_side  .padding {
  margin:  0 0 20px 15px;
  padding: 0 0 0 0px;
  color:   #555;
}



/*
 *    FOOTER
 */
#footer {
  font-size:  9px;
  clear:      both;
  height:     43px;
  color:      #ccc;
  background: #000 url('images/footer.jpg') no-repeat top;
  padding:    0;
  text-align: center
}

/*#footer .padding { padding: 10px 0px 0px 0px; }*/   /* Modified due to changed footer font-size */
#footer .padding { padding: 0px 0px 0px 0px; }
#footer .right {
    float:      right;
    clear:      right;
    text-align: right;
}

#footer a { color: #E0F5FF; }

/*
 *    TOP MENU
 */
#menu {
    background: #000 url('images/menu.jpg') no-repeat center bottom;
    width:      760px;
    height:     35px;
    margin:     0;
    padding:    0
}

#menu ul {  /* Top menu */
  margin:     0;
  list-style: none;
  padding:    5px 0 0 20px;
}

#menu a, #nav strong, #nav span {
    float:           left;
    display:         block;
    color:           #FFF;
    padding:         5px;
    text-decoration: none;
}
#menu a { float:none; }
#menu li {
  float:      left;
  color:      #FFF;
  background: #000;
  margin:     0;
  padding:    0 0 0 0px;
}
#menu a:hover {
    text-decoration: underline;
}
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }

#menu p {
  margin    : 0 0 5px 0;
  padding   : 0;
  background: inherit;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.search { width: 150px; border: 1px solid #075181; color: #666; }
input.submit {
    background:   none;
    color:        #FFF;         /* White search submit text*/
    border:       0px none;
    font-style:   normal;
    font-variant: normal;
    font-weight:  bold;
    font-size:    1.1em;
    font-family:  'Lucida Grande', Helvetica, Arial, 'Courier New', Verdana
}
input.search:hover {
    background: #FFFFF4;
}

/*
 *    GENERAL
 */

ul {
  margin-left:  0;
  padding-left: 5px;
  list-style:   square;
}

li {
  margin:  0 0 2px 15px;
  padding: 0 0 0 0px;
  color: #555;
}

.sub {
  margin:  0 0 2px 30px;
  padding: 0 0 0 0px;
  color:  #888;
}

p {
  margin-top   : 0;
    margin-bottom: 3px;      /* Section break. Small horizontal line spacing */
    padding      : 0;
    background   : inherit;
    text-align   : justify;  /* Both left and right margins */
}

p.section {
  margin-top   : 2ex;
}

/** Section indenting.
      Indent first word of next section; but not first section.
 */
p + p {
    text-indent: 1.5em;
    margin-top : 0 ;
}


a {
    color:           #0B6FB1;   /* Darkened blue */
    background:      inherit;
    text-decoration: none;
}
a:hover {
    color: #DE600D; /* Orange red */
}
a.locallink:hover {
    color: #009973; /* Green */
}
a.pendinglink:hover {
    color: #CC0000; /* Dard red */
}


h1 {
    padding:        0;
    margin:         0;
    color:          #FFF;
    background:     inherit;
    font:           bold 1.8em Arial, "Courier New";
    letter-spacing: -1px;
}

h1 a {
    color:      #FFF;
    background: inherit;
}


h2 {
    background:     url('images/Cow_Parade__Striped_Cow.jpg') no-repeat left;
    color:          #075181;
    font-size:      140%;
    font-weight:    bold;
    margin-left:    0;
    margin-right:   0;
    margin-top:     5px;
    margin-bottom:  5px;
    padding-left:   40px;
    padding-right:  0;
    padding-top:    0;
    padding-bottom: 10px; /* Need some left and bottom space to fit the picture */
}

h2 a {
    background: #FFF;
    color:      #075181;
}

h2 a:hover {
    background:      #FFF;
    color:           #68ADD5;
    text-decoration: none;
}

pre {
    font-size:     10px;
    line-height:   12px;
/*  margin:0pt;*/
/*  padding-left:0px;*/
    margin-bottom: 10px;
}

code {
    font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
    font-size:   11px;
}

fieldset {  border: 1px solid #075181; }
textarea.text {
    height:     150px;
    width:      90%;
    border:     1px solid #A90000;
    background: #FFF;
    color:      #354D5F;
}

textarea.text:hover {
    border:     1px solid #A70000;
    background: #FFFFF4;
    color:      #000;
}

input.field {
    border:           1px solid #075181;
    background-color: #FFFFFF;
    width:            283px;
    color:            #000;
}

input.field:hover {
    border:     1px solid #68ADD5;
    background: #FFFFF4;
    color:      #000;
}

input.text {
    border:     1px solid #A70000;
    margin:     0;
    width:      150px;
    background: inherit;
    color:      #000;
    padding:    4px;
}


input.text:hover {
    border: 0px solid #68ADD5;
}

.date {
    background: #FFFFFF;
    text-align: right;
    margin:     4px 0 5px 0;
    padding:    0.4em 0 0 0;
    border-top: 1px solid #eee;
}

.comments {
    padding:    10px 10px 8px 10px;
    margin:     0 0 7px 0;
    background: #F8F8F8;
    color:      #000;
}

.commentsbox {
    padding:    8px 0 10px 10px;
    margin:     0 0 10px 0;
    background: #F4F4F4;
    color:      #000;
}

.error {
    color:            #990000;
    background-color: #FFF0F0;
    padding:          7px;
    margin-top:       5px;
    margin-bottom:    10px;
    border:           1px dashed #990000;
}
.error h2 {
    color:      #990000;
    background: inherit;
}

.success {
    color:         #000000;
    background:    #F5FBE1;
    padding:       7px;
    margin-top:    5px;
    margin-bottom: 5px;
    border:        1px dashed #7BA813;
}
.success h2 {
    color:      #7BA813;
    background: inherit;
}


/* post stylng */
.post{margin:0 0 25px 0;}

.post .info{
    padding:          2px 3px 3px 8px;
    border:           1px solid #e3e4e4;
    background-color: #f5f5f5;
    font-size:        0.9em;
    color:            #505050;
    margin-top:       10px;
}



/* Comments Styling */
#commentlist li {
  margin-bottom:  1.5em;
  padding-bottom: 1em;
  border-bottom:  1px solid #700000;
}

#commentform {
    margin:     1em 0;
    background: #FFFFFF;
    width:      450px;         /* Total width of box and text */
}

#commentform textarea {
  background: #F8F7F6;
  border:     1px solid #d6d3d3;
  width:      400px;
}
#commentform textarea:hover {
  background: #FFFFFF;
  border:     1px solid #d6d3d3;
}
#commentform textarea:focus {
  background: #FFFFFF;
  border:     1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
  font-size:    1.1em;
  background:   #F8F7F6;
  border:       1px solid #d6d3d3;
  width:        280px;
    /* Undo the p+p indenting */
    float:        left;
    margin-right: 5px;
    padding:      0;
    text-align:   left;
    text-indent:  0px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
  font-size:  1.1em;
  background: #FFFFFF;
  border:     1px solid #d6d3d3;
  width:      280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
  font-size:  1.1em;
  background: #FFFFFF;
  border:     1px solid #939793;
  width:      280px;
}
#commentform input {
  margin-bottom: 3px;
}


/*
 *    Wp-Syntax (plugin)
 */

.wp_syntax {
  color:            #404040;
  background-color: #F9F9F9;
  border:           1px solid silver;
  overflow:         auto;
  margin-top:       10px;
  margin-bottom:    10px;
  font-family:      'Bitstream Vera Sans Mono', 'Courier New', monospace;
}

/* IE FIX */
.wp_syntax {
  overflow-x:     auto;
  overflow-y:     hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width:          100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding:        2px 4px;
}

.wp_syntax .line_numbers {
  text-align:       right;
/*  background-color: #22344A;*/
  background-color: #46555D; /* main background color, but lightened at bit to make it seem the same color */
  color:            orange;
  overflow:         visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin:   0;
  width:    auto;
  float:    none;
  clear:    none;
  overflow: visible;
}