/*******************************************************************************
* C24_structure.css
* -------------------
* created : April 2009
* copyright : GPL version 2
* creator : Rick Applegate
********************************************************************************
* Vaguely (now) based on the Mojito template
* This template is free; you can redistribute it and/or modify it
* under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
*******************************************************************************/


/**************************** HTML elements ***********************************/
body {
background: #cccccc url(C24_background.gif) left;
color: #333333;	
margin: 0;
padding: 0;
font: 100% "Verdana",sans-serif;
}

a {
color: #0066cc;	
}

a:hover {
color: #ff6600;	
}

a img {border:none;}

h1 {
margin: 0 0 0 20px;	
padding: 0 0 0 100px;	
font-family: "Garamond",serif;
font-size: 36pt;
text-align: left
}

h1 a {
text-decoration: none;
color: #ffffff;	
}

h1 a:hover {
text-decoration: none;
color: #000000;	
}

h4 {
font-size: 1.1em;	
}

h5 {
margin: 0;	
padding: 5px 0 0 20px;	
font: 1em "Trebuchet MS", sans-serif;
}

div.clearer {clear: left; line-height: 0; height: 0;}


/*********************** STYLE SHEET SPECIFICS ********************************/
/* header - holds title and subtitle */
#header {
width: auto;
margin: 0;
padding: 5px 5px 5px 150px;	
color: #ffffff;
background: #288032 ;
border-bottom: 10px solid #868686;
}

/* menubar section */
#menubar {
position: relative;
top: 0;
left: 0;
width: 145px;
min-height: 400px;	
margin: 0;
padding: 0 5px 0 5px;
float: left;
font-size: 0.7em;
line-height: 1.3em;
/* overflow: auto; */
/* background-image: url(C24_logo2a.png);
background-repeat: no-repeat; */
}

/* contentbox is used to hold the main presentation area. It's purpose is to provide a bounded box */
#contentbox{
width: auto;
/* height: 80%; */
margin: 0 0 0 0;
border: 0;
/* Set a small non-used area around content right & left, background GIF is 142 wide on left, so 150 is good for left  */
padding: 0 5px 0 5px;	
}

/* main section - the entries go here */
#main {
width: 50%;
font-size: 0.7em;
margin: 0;
padding: 0 5px 0 5px;
border-right: 2px solid #585858;
float: left;
overflow : auto;
}

/* main section for entry template - the entries go here */
#mainentryt {
width: 80%;
font-size: 0.7em;
margin: 0;
padding: 0 5px 0 5px;
border-right: 2px solid #585858;
float: left;
overflow : auto;
}
/* wrap each entry in a div */
.entry {
line-height: 1.4em;	
border-bottom: 1px dashed silver;
margin-bottom: 15px;
padding-bottom: 5px;
}

/* special markup for the entry title */
.entry h3 {
margin-top: 0;	
padding-left: 20px;
background: #ffffff url(C24_doc.png) no-repeat center left;	
color: #000000;
font: 1.4em "Georgia", serif;	
}

/* secondary info: post date, poster, category, number of comments */
.entry .info {
color: #666666;	
}

/* attach the comments class to the 'x comments' link to get a comment icon in 
front of it */
.entry .info .comments {
padding-left: 13px;
background: #ffffff url(C24_comment.png) no-repeat center left;	
}

/* use <span class="poster">poster_name</span> to get a im-like icon in
front of the poster's name */
.entry .info .poster {
padding-left: 13px;
background: #ffffff url(C24_person.png) no-repeat center left;	
}

/* same as poster, but use class="category" and you'll get a folder icon
in front of the category */
.entry .info .category {
padding-left: 13px;
background: #ffffff url(C24_folder.png) no-repeat center left;	
}

/* all other information goes here */

#secondary, #stuff {
position: relative;
top: 0;
left: 0;	
width: 190px;	
margin: 0 5px 0 0;
padding: 0 5px 0 5px;
font-size: 0.7em;
line-height: 1.3em;
float: left;
border-right: 2px solid #585858;
}

/* special markup for secondary info headers */
#secondary h3, #stuff h3{
margin: 5px 0 8px 0;	
padding: 0 0 0 22px;
font: bold 1.3em "Trebuchet MS", sans-serif;	
color: #555555;
width: 160px;
}

/* using different classes to outline the different sections */
.links, .linkdump, .archives, .about, .search, .calendar-box, 
#secondary .comments, .referrers, .stuff {
margin-top: 5px;
border-top: 10px solid silver;
}

.pivot-search fieldset {
	border: 1px solid #fff;
}

.pivot-search legend, .pivot-search label {
	display: none;
}

img.badge {
	border: 0;
}

/* attaching background images to the headers */
#stuff .links h3{
background: #ffffff url(C24_links.png) no-repeat center left;
}

#stuff .linkdump h3{
background: #ffffff url(C24_linkdump.png) no-repeat center left;
}

#menubar .about h3{
background: #ffffff url(C24_about.png) no-repeat center left;
}

#secondary .archives h3{
background: #ffffff url(C24_archives.png) no-repeat center left;
}

#secondary .search h3{
background: #ffffff url(C24_search.png) no-repeat center left;
}

#secondary .calendar-box h3{
background: #ffffff url(C24_calendar.png) no-repeat center left;
}

#secondary .comments h3{
background: #ffffff url(C24_comments.png) no-repeat center left;
}

#stuff .referrers h3{
background: #ffffff url(C24_referrers.png) no-repeat center left;
}

#stuff .stuff h3{
background: #ffffff url(C24_stuff.png) no-repeat center left;
}

.menulogo{
	padding: 5px 5px 20px 5px;
}

.navbutton{
	padding: 5px 5px 5px 5px;
}