/*

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.
*/

body { 
  margin:0px 0; 
  padding:0; 
  color:#ccc;  
  background: #303B41 url('images/bg.jpg') repeat-x;
  line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family: 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;
	color: #ccc; 
	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;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }


#header { 
	margin: 0; 
	width: 800px; 
	background: #036EB4 url('images/header.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: Arial, "Courier New", Verdana, Helvetica;
	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: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px; font-size: 10px;}
.nav li a:hover { color: #DE600D; text-decoration: none; padding: 5px 0 0 0px; display: block; margin-bottom: 2px; font-size: 10px;}


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

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

#main .right_side { 
	position:relative;
	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 {
	position:relative;
	float: left; 
	width: 500px; 
	background: #FFF; 
	padding:15px 15px 0 20px; 
	margin:0; 
	letter-spacing: 0.0em;
}

#main h3 {  
	font: 85% 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 .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
  margin: 0 0 2px 15px;
  padding: 0 0 0 0px;
  color: #555;
}

#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; 
/*	font-size:90%; */
  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 { 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: Arial, "Courier New", Verdana, Helvetica
}
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    : 0 0 3px 0;        /* Section break. Small horizontal line spacing */
	padding   : 0;
	color     : #808080;
	background: inherit;
	text-align: justify;  /* Both left and right margins */
}

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


a { 
	color:           #06426B;	/* Dark 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;
}

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 { 
	color: #808080; 
	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;
}



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

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#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;
}
#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;
}