/*
-----------------------------------------------
Blogo main css file
author: Ferdy Christant
created: 11 Jan 2004
Modified by Ryan Case
-----------------------------------------------
This is the main CSS file for Blogo, it contains
both the layout and the style of Blogo.
*/

/* set page background pattern and general font */
html, body {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
/* background: url(../resources/$master_graphics/$FILE/background_page.gif) repeat;*/
/* background: rgb(204,176,128);*/
background: url(../resources/$iwtf_graphics/$FILE/corn_background_s.jpg) repeat;
background-attachment: fixed;
text-align: center;
margin:0;
padding:0;
}

/* repeat font info, some versions of IE do not inherit
the body font inside tables */

tr, td, th, thead {
font: 1em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}

/* general wrapper around everything but the background, used to work
around the IE6 box model bug */
#wrapper {
background: url(../resources/$master_graphics/$FILE/background_spacer.gif);
repeat-y;
margin:0px auto;
position:relative;
text-align:left;
width:851px;
top:50px;
}

/* Mozilla 1.4 fix to force inheritance of background color to children */
#wrapper:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;} 

/* the logo is the top "banner" section of your site. you can
control the size and graphic here */
#logo {
padding:0;
margin:0;
background: url(../resources/$master_graphics/$FILE/logo_header.jpg);
height:134px;
}

/* background of the header menu, the narrow section below the logo,
that is used to display buttons */
#header-menu {
background: url(../resources/$master_graphics/$FILE/background_button_bar.jpg);
height:31px;
}

/* wrapper for the content section, which consists of a header and the content */
#content-wrapper {
background:#fff;
float:left;
width:650px;
}

/* content */
#content {
background:#fff;
margin:15px 20px 20px 20px;
line-height: 1.5em;
}

/* content header, is used to display content navigation and your blog's slogan */
.content-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:29px;
padding-left:10px;
padding-top:7px;
}

/* wrapper for the navigator, consists of a header and the navigation */
#nav-wrapper {
float:right;
width:200px;
border-left:1px solid #ccc;
}

/* navigation */
#nav {
font-size:0.8em;
padding:10px;
padding-top:0px;
margin:0;
}

/* navigation header, used to display the s3maphor3 logo */
.nav-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:31px;
padding-left:10px;
padding-top:7px;
}

/* general link colors in Blogo. In some sections, these default values
are overrules */
a:link, a:active {
color:#69c;
text-decoration:underline;
}

a:visited {
color:#69c;
text-decoration:none;
}

a:hover {
color:#f90;
}

/* style definition for specific HTML content tags */
acronym, abbr	{
border-bottom:1px dotted #f90;
font-weight:bold;
cursor:help;
}

code, tt, pre
{
font-family: monospace;
font-size:12px;
color:#333;
background:#EAE7E7;
display:block;
padding:4px;
margin-top:10px;
border:1px #333 dotted;
line-height:17px;
}

#logo a:link, #logo a:visited, #logo a:active {
color:#553b1c;
}

/* list style of header menu (horizontal buttons) */
#header-menu ul {
list-style: none;
padding:0;
margin:0;
height:31px;
}

/* element style of header menu */
#header-menu ul li {
background: url(../resources/$master_graphics/$FILE/background_button.jpg);
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
float: left;
position: relative;
border-right:#666 1px solid;
}

/* link style of header menu */
#header-menu a {
line-height: 20px;
font-size:10px;
font-weight: bold;
text-decoration:none;
border: none;
color: #fff;
}

#header-menu a:hover {
color:#f90;
}

#header-menu ul li ul li a {
margin:0;
display: block;
}

#header-menu li:hover ul, #header-menu li.over ul {
display: block;
}

/* content title style */
.content-header h1 {
color:#333;
font-size:110%;
margin:0;
padding:0;
}

/* list style of navigation menu */
#nav ul {
list-style:none;
margin:0;
padding:0;
}

/* element style of navigation menu */
#nav li {
margin-bottom:0px;
padding:0;
}

/* link style of navigation menu */
#nav li a {
padding: 0;
text-decoration:none;
}

#nav li a:hover {
}

/* navigation block header style */
#nav h1,h2, h3 {
color:#f60;
font-size:130%;
margin-bottom:3px;
font-variant:small-caps;
}

.navblock {
}

/* positioning of admin "lock" icon */
#admin {
position: absolute;
right: 20px;
padding:0;
top:139px;
margin:3px 0 5px 0;
}

#admin a {
color:#f00;
margin:0 1px 0 1px;
padding:0;
}

/* styling of blog entries */
.blogentry h1 {
font-size:1.3em;
font-weight:bold;
color:#f60;
margin-bottom:5px;
}

/* blog entry header links */
.blogentry h1 a:link,  .blogentry h1 a:active, .blogentry h1 a:visited{
color:#f60;
text-decoration:none;
}

.blogentry h1 a:hover {
color:#f60;
text-decoration:underline;
}

.blogentry h2, .commententry h2 {
color:#999;
font-weight:bold;
font-size:.8em;
margin:0;
padding:0;
border:0;
}

/* blog footer (displays blog entry categories and number of comments) */
.blogfooter {
ccolor:#999;
font-weight:bold;
font-size:.8em;
border-bottom: 1px dotted #ccc;
}

.blogfooter ul {
margin: 0;
white-space: nowrap;
padding: 0;
}

.blogfooter li {
display: inline;
list-style-type: none;
}

.blogfooter li a:active, .blogfooter li a:visited,.blogfooter li a:link{
color:#999;
padding: 0px 4px 0px 15px;
background: url(../resources/$master_graphics/$FILE/icon_bullet.gif) 0px 0px no-repeat;
text-decoration:none;
}

.blogfooter li a:hover{
color:#000;
background: url(../resources/$master_graphics/$FILE/icon_bullet_hover.gif) 0px 0px no-repeat;
}

/* blog comments section, when an individual blog entry is opened */
.blogcomments {
color:#999;
margin-top:-19px;
margin-left:350px;
position: relative;
float:right;
}

.blogcomments img {
margin:0;
padding:0;
}

#comments h1 {
font-size:.8em;
font-weight:bold;
color:#f60;
margin-bottom:5px;
}

/* individual comment entry style */
.commententry {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
margin:15px 0px 5px 0px;
}

.commententry p {
line-height:1.5em;
}

.commententry h2 {
font-size:1em;
font-weight:bold;
display:block;
border-bottom:1px solid #ccc;
}

.commententry h3 {
color:#999;
font-size: 1em;
font-weight:bold;
margin-top:-15px;
float:right;
}

thead {
font-size:0.7em;
color:#69c;
}

/* used for thumbnail images, see Blogo manual */
.thumbnail {
float:left;
background: url(../resources/$master_graphics/$FILE/shadowalpha.png) no-repeat bottom right !important;
background: url(../resources/$master_graphics/$FILE/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.thumbnail img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
} 

/* to prevent two forms from being seperated by a new line */
.newline { clear: both; }

form {
margin:0px;
}

/* style definitions for input elemens */
form td, form tr, form input {
font:11px verdana, sans-serif;
}

form input.text, form textarea.text {
font:11px Verdana,Sans-serif;
color:#000;
background:#ccc;
border:1px solid #69c;
margin-top:2px;
}

form input.button {
color:#fff;
background:#f60;
}

.searchbutton {
margin-bottom:-4px;
}

form textarea {
font:11px Verdana,Sans-serif;
}

/* style used to group related input controls */
fieldset {
border: 1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
}

/* title of fieldset */
legend {
font:0.8em Verdana,Sans-serif;
color:#f60;
font-weight:bold;
}

/* label used for input controls */
label {
color:#333;
font-weight: bold;
margin-right:5px;
margin-top:0px;
}

/* table styles used for displaying admin views */
.formtable {
margin:10px;
}

.edittable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}

.edittable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}

.edittable th, .sorttable th{
font:11px verdana, sans-serif;
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font-weight:bold;
}

.sorttable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}

.sorttable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}

.sorttable thead td{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font:11px verdana, sans-serif;
text-decoration:underline;
cursor:pointer;
font-weight:bold;
}

/* styles used for tag cloud */
.tag1 { font-size: 1em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.6em; }
.tag5 { font-size: 1.8em; }
.tag6 { font-size: 2em; }

#tagcloud {
width:90%;
margin:0px;
line-height:2em;
}