@charset "utf-8";
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* This stylesheet is made for default style. Use it as a template to create or redesign your own style. */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*  MAIN STRUCTURE                                                                                            */
/*  define the overall structure: body, tables and the ids that are found in the index.php file of the theme  */ 
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* define the overall settings of body and tables */
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #000;
	/*background-image: url(images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: 50%;*/
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color: #999999;
	text-align:left;
}


/* define the overall settings of the content */
#container { 
	width: 160px;  /* using at least 20px less than a full 800px width (i.e. max width = 780px) allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 0 0 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/* define the overall settings of the header */
/*#header {
	margin: 0;
	height:112px;
	background-color:#CC3333;
	background-image: url(images/header-bg.jpg); /* the ideal size is 712 x 142 px (width x heigth) */
/*	background-repeat:repeat-x;
	padding-top: 30px;
	z-index:auto;
	text-align: center;
	overflow: hidden; }/* prevent tabs to overflow */


/* the overall settings of the menutabs that appear in the header, to display the categories and pages */
/*#menutabs{
	text-align: left;
	position: absolute;
	top: 114px;
	width: 700px;}  /* leaving this out triggers a bug in Firefox that moves some tabs to a second line */



/* define the overall settings of the middle part of the content; in default theme it only creates distance to #header and #footer */
#middle {
	margin:0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


/* define the overall settings of the area where content of posts and pages is displayed */
#maincontent { 
	float: left; /* since this element is floated, a width must be given */
	width: 155px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*  no definitions here; inhereted from body */
} 


/* define the overall settings of the menu area */

/* define the overall settings of the footer area */
/*#footer { 
	padding: 0;
	text-align:center;
	color:#FFFFFF;
	background-color:#CC0000;
} */






/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Now the overall layout is defined. Let's move to the details.                             */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXXXX */
/* the overall typography */

/* image styles  */

.img{
	clear: left;
	margin: 0px 10px 10px 0px;
}  
.imgleft {
	margin: 0px 10px 10px 0px;
}
.imgright {
	margin: 0px 0px 10px 10px;
}

/*.img{
	float: left;
	clear: left;
	margin: 0px 10px 10px 0px;
}  
.imgleft {
	float: left;
	margin: 0px 10px 10px 0px;
}
.imgright {
	float: right;
	margin: 0px 0px 10px 10px;
}*/

/* default links  */

a:link,
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}


ul{
	list-style-type: none;
	margin-left: 15px;
	padding: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* XXXXXXXXXXXXXXXX */
/* typography of #maincontent, where the actual content of Zomplog is displayed */
/* there's a lot of classes here, so you can control the style of any element, but you may also take it easy and define h2 and p only */
#maincontent {
	margin:0px;
	}

#maincontent h2 {
	font-weight: normal;
	font-size: 2.1em;
}
#maincontent p {
margin:0px;
/*  no special definitions here */
}
	
.entry {
	font-size: 1.1em;
}
.post,
.page,
.profile {
	margin: 0 0 40px 0;
	text-align: left;
}

.comments,
.archive {
/*  no special definitions here */
}
#maincontent h2.detail_write_comment,
#maincontent h2.detail_comments,
#maincontent h2.page_title,
#maincontent h2.page_contactform,
#maincontent h2.profile_loginname {
/*  no special definitions here */
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	color:#FFFFFF;
}
.post_text,
.post_read,
.post_file,
.post_mediafile,
.post_ext_text,
.page_text,
.page_file,
.page_mediafile {
	font-size:11px;
	line-height:16px;
	color:#AAA;
	/* no special definitions here */
}


#maincontent h2.post_title {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	color:#FFFFFF;
	}




.post_metadata {
	margin-top:10px;
	font-style:italic;}
	
.comment_text {
	margin-bottom: 20px;
	font-size:11px;
	line-height:16px;
}

.year {
	font-weight: normal;
	font-size: 2.1em;
}
.month {
	font-weight: normal;
	font-size: 1.5em;
}
.archive_line {
	font-size: 1.1em;
	line-height: 0.7em;
}
.comment_header {
	color:#666666;
	font-style :italic;
	font-size:11px;
	line-height:16px;
	background-image:url(http://www.h-u-t-files.de/k_test/img/line.gif);
	background-repeat:repeat-x;
	padding-top:5px;
	margin-top:0px;
}
.profile_data	{
	font-size: 1.1em;
	color:#999999;
}

/* XXXXXXXXXXXXXXXX */
/* typography of #header */
#header h1,
#header h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#aaaaaa;
	line-height:16px;
}
#header h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	line-height:16px;
}

/* XXXXXXXXXXXXXXXX */
/* typography of .menutabs */
.menutabs ul {
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 20px;
	width: 90%;
}
.menutabs ul li {
	display: inline;
	margin: 0;
}
.menutabs ul,
.menutabs ul li a {
	padding: 5px 15px 8px 15px;
	text-decoration: none;
}
.menutabs ul li a {
	color:#990000;
	background-color:#FFFFFF;
}
.menutabs ul li a:hover {
	color: #EEEEEE !important;
	background: #333333;
}
.menutabs ul li.current_page_item a,
.menutabs ul li.current_page_item a:hover {
	color: #FF0000 !important;
	font-weight: bold;
	background: #FFFFFF;
	padding-bottom: 10px;
}

	


/* XXXXXXXXXXXXXXXX */
/* typography of #menubar */
/* there's a lot of classes here, so you can control the style of any element   */
#menubar h2 {
	font-size:12px;
	margin: 0;
	font-weight: normal;
	color: #333333;
}
#menubar h2.about_title,
#menubar h2.search_title,
#menubar h2.teaser_title,
#menubar h2.archive_title,
#menubar h2.lastentries_title,
#menubar h2.lastcomments_title,
#menubar h2.pages_title,
#menubar h2.categories_title,
#menubar h2.author_title,
#menubar h2.meta_title,
#menubar h2.admin_title,
#menubar h2.plugin_title {
	/* no special typography in this theme */
}
#menubar .customfield {
	/* no special typography in this theme */
}
a:link,
a:visited {
	/* no special typography in this theme */
}
a:hover {
	/* no special typography in this theme */
}
a:active {
	/* no special typography in this theme */
}

/* XXXXXXXXXXXXXXXX */
/* typography of #footer */
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
	color:#000000;
}


/* XXXXXXXXXXXXXXXX */
/* typography of navbar.php */
#navrow {
	clear: both;
	font-weight: normal;
	font-size: 12px; 
	padding-top: 10px;
	padding-bottom: 20px;
}  
#navrow .left {
  	float: left;
  	width: 160px;
	font-weight: normal;
	font-size: 12px; 
	text-align: left;
}


#navrow .right {
  	float: right;
  	width: 125px;
	font-weight: normal;
	font-size: 12px; 
	text-align: right;
}