@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: #000000;
	background-image: url(../../images/bg.gif);
	background-repeat: repeat;
	background-position: center;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* define the overall settings of the content */
#container {
	width: 800px;  /* 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: auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	z-index: auto;
	clear: none;
	float: none;
} 


/* define the overall settings of the header */
#header {
	margin: 0;
	height:112px;
	background-color:#666666;
	background-image: url(images/header-bg.jpg); /* the ideal size is 712 x 142 px (width x heigth) */
	background-repeat:repeat-x;
	padding-top: 10px;
	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: 94px;
	width: 550px;  /* 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 {
	padding-top: 20px;
	padding-bottom: 20px;
}


/* define the overall settings of the area where content of posts and pages is displayed */
#maincontent { 
	padding-left: 20px;
	float: left; /* since this element is floated, a width must be given */
	width: 550px; /* 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 */
#menubar {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* 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 */
	background: #666666; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	margin-left: inherit;
}


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






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

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

/* image styles  */
.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{
	color: #E8B900;
	text-decoration: none; 
}
a:visited {
	color: #C69E00;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	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 h2 {
	font-weight: normal;
	font-size: 2.1em;
}
#maincontent p {
/*  no special definitions here */
}
.entry {
	font-size: 1.1em;
}
.post,
.page,
.profile {
	margin: 0 0 40px 0;
	text-align: justify;
}
.comments,
.archive {
/*  no special definitions here */
}
#maincontent h2.post_title,
#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 */
 }
.post_text,
.post_read,
.post_file,
.post_mediafile,
.post_ext_text,
.page_text,
.page_file,
.page_mediafile,
.post_metadata {
	/* no special definitions here */
}
.comment_text {
	margin-bottom: 40px;
}
.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 {
	font-style :italic;
}
.profile_data	{
	font-size: 1.1em;
	color:#999999;
}

/* XXXXXXXXXXXXXXXX */
/* typography of #header */
#header h1,
#header h1 a {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:27px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:17px;
}
#header h2 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:17px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:17px;
}

/* 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:#333333;
	font-weight: bold;
	background-color:#ffffff;
}
.menutabs ul li a:hover {
	color: #E8B900 !important;
	font-weight: bold;
	background: #333333;
}
.menutabs ul li.current_page_item a,
.menutabs ul li.current_page_item a:hover {
	color: #c70000 !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;
	font-color: #E8B900;
	margin: 0;
	font-weight: bold;
	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: 200px;
	font-weight: normal;
	font-size: 12px; 
	text-align: left;
}
#navrow .right {
  	float: right;
  	width: 125px;
	font-weight: normal;
	font-size: 12px; 
	text-align: right;
}