/*
Theme Name: Bennettarium
Theme URI: http://www.thunderguy.com/bennett/
Description: Theme from Bennettarium 2005
Version: 0.1
Author: Bennett McElwee
Author URI: http://www.thunderguy.com/bennett/

Copyright Bennett McElwee 1999-2005
*/

/*	Body stuff
*/
html { padding: 0; margin: 0; }

body {
	width: 760px;
	padding: 2ex 0 0 0;
	margin: 0;
	
	color:black;
	background-color: #e8e8f8;
	font-family:verdana,arial,sans-serif;
	font-size: small; }
/* Win IE4-5.5 don't recognise width on body tag */
div#body {
	width: 760px;
}

/* Next line for buggy browsers (e.g. Communicator) */
div, p, td, th, li { color:black; font-family:verdana,arial,sans-serif; font-size: small; }

form { padding: 0; margin: 0; }

/*	Common fonts and styles
*/
h1, h2, h3, h4 {
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
}
h1 { font-size: large; margin: 0; padding: 0; }
h2 { font-size: normal; margin: 0; padding: 0; }
h3 { font-size: small; margin: 0; padding: 0; }
h4 { font-size: small; margin: 1ex 0; padding: 0; }

p { font-family: verdana,arial,sans-serif; }

blockquote {
	padding: 1ex 2ex 2ex 2ex;
	background-color: #ffc;
	border: solid #ccc 1px;
}
blockquote, blockquote p { font-family: georgia, serif; }

a, a:link    { color: #119; text-decoration: none; }
a:visited { color: #339; text-decoration: none;}
a:hover   { background-color: #fcc; text-decoration: none; }
a:active  { background-color: #fcc; text-decoration: none; }

img { border: none; }

/* Machinery */

/* IE6 doesn't support minimum-height style, so we use
   the .prop and .clear minimum-height kludge thanks to
   http://www.greywyvern.com/code/min-height-hack
   Minimum heights are set in the individual prop styles. */
.prop {
	float:right;
	width:1px;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.topleftcorner {
	float: left;
	width: 33px;
	height: 31px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
/*	background-image: url("topleft.gif"); goes in header.php */
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
}

/* General stuff */

div.body { padding: 1ex; }
div.body p { margin: 1ex 0 0 0; padding: 0; }
h1.title,
h3.title {
	text-align: center;
	margin: 0;
	padding: 0.5ex 35px 0.5ex 0.5ex; /* 35px makes room for the curve at the other end */
	border-bottom: solid gray 1px;
	font-size: small;
	background-color: #ddf; /* overridden sometimes */
}


/* Page layout */

div.left {
	width: 450px;
	float: left;
	padding-bottom: 3ex;
}

div.right {
	margin-left: 480px;
}

div.bottom {
	clear: both;
}

/* Navigation buttons */

div.buttons {
	color: #777;
	background-color: #dfd;
	margin: 0;
	padding: 0 2ex;
}
div.buttons a {
	color: #777;
	font-weight: bold;
	padding: 0 1ex;
}
div.buttons a:visited { color: #777; }
div.buttons a:hover   { color: #c00; background-color: #fcc; }

/* Page title */

div.page-title-margins {
	margin-bottom: 2ex;
	margin-left: 25px;
}
div.page-title {
	border: solid gray 1px;
	background-color: white;
}
div.page-title div.body {
	padding: 2ex;
}
div.page-title p#page-title {
	margin: 0 0 0 25px;
	padding: 0;
	font-size: x-large;
	font-weight: bold;
}
div.page-title p#page-title span.bennettarium { color: green; }
div.page-title p.description {
	font-style: italic;
	margin: 0;
	margin-left: 45px;
	padding: 0;
}

div.page-title div.buttons {
	border-top: solid gray 1px;
}


/* Journal entry */

div.entry-margins {
	margin-bottom: 2ex;
	margin-left: 25px;
}
div.entry {
	border: solid gray 1px; background-color: white;
}

div.entry h1 span.subtitle { font-weight: normal; }
div.entry p.info { text-align: right; margin: 0 1ex 0 1ex; padding: 0; font-size: small; font-style: italic; }
div.entry p.info span.type { font-weight: bold; }

div.entry div.body h2 { font-size: small; margin: 1ex 0 0 0; padding: 0; }
div.entry div.body h3 { font-size: small; margin: 1ex 0 0 0; padding: 0; }

div.entry div.body p.image { text-align: center; }

div.entry div.body .center { float: none;  padding-left: 0;   padding-right: 0;   text-align: center; }
div.entry div.body .left,
div.entry div.body img.alignleft  { float: left;  padding-left: 0;   padding-right: 1ex; }
div.entry div.body .right,
div.entry div.body img.alignright { float: right; padding-left: 1ex; padding-right: 1ex; }
div.entry div.linked-thumbnail { float: left; padding-left: 0; padding-right: 1ex; }

div.entry div.body p.caption { text-align: center; margin-top: 0; font-style: italic; }

div.entry div.body p.commentlink { /*Microsoft-IE6-bug text-align: right;*/ font-weight: bold; }
div.entry div.body p.commentlink a { color: blue; }
div.entry div.body p.morelink { /*Microsoft-IE6-bug float: left;*/ font-weight: bold; }
div.entry div.body p.morelink a { color: blue; }
div.entry div.body p.urllink { /*Microsoft-IE6-bug-begin float: left;*/ text-align: center; /*bug-end*/ font-weight: bold; }
div.entry div.body p.urllink a { color: blue; }

div.entry div.foot {
	border-top: solid gray 1px;
	background-color: #dfd;
	padding: 0.5ex;
	text-align: center;
}

/* entry navigation */
div.navigation {
	margin: 2ex 0 0 25px;
	border: solid gray 1px;
	background-color: #dfd;
}
div.navigation .short-left {
	float: left;
}
div.navigation .short-right {
	float: right;
}
div.navigation .long-left {
	text-align: left;
}
div.navigation .long-right {
	text-align: right;
}

/*	Special stylized non-IE bullets
*/
ul.cat-list {
	list-style: none;
	margin-top: 0;
	padding: 0;
	padding-left: 2ex;
	text-indent: -2ex;
} 
ul.cat-list li {
	margin: 0.5ex 0 0 2ex;
}
ul.cat-list li:before {
	content: "\00BB \0020";
}
ul.cat-list li a { font-weight: bold; }


/* Comment form */

div.comment-form-margins {
	margin-bottom: 2ex;
	margin-left: 25px;
}
div.comment-form {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	border: solid gray 1px;
	background-color: #fee;
	padding-bottom: 1ex;
}
div.comment-form h3.title { background-color: #fdd; text-align: left; }
div.comment-form p { margin-top: 1ex; }
div.comment-form p input { vertical-align: middle; }

div.comment-form div.comment-blurb {
	float: left;
	width: 200px;
	padding: 1ex;
}
div.comment-form div.comment-text {
	margin-left: 260px;
	padding: 1ex;
}

div.comment-form div.body {
	padding: 1ex 2ex 2ex 2ex;
}

/* User comments */

div.comment-margins {
	margin-bottom: 2ex;
	margin-left: 25px;
}
div.comment {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	padding: 0;
	border: solid gray 1px;
	background-color: white;
}

div.comment p { margin-top: 1ex; }

div.comment div.comment-details {
	float: left; width: 200px;
	padding: 1ex;
}
div.comment div.comment-details span.name { font-weight: bold; }
div.comment div.comment-details span.date { font-weight: normal; }

div.comment div.comment-text {
	margin-left: 250px;
	padding: 0.5ex 2ex 0.5ex 2ex;
	border-left: dotted gray 1px;
}
div.comment div.comment-text .prop { height: 9ex; }

div.commentOfficialUser {
	background-color: #eff;
}
div.commentOfficialUser {
	border-right: double gray 3px;
}
div.commentOfficialUser div.comment-text {
	border-left: double gray 3px;
}

/* Main index of months */

h4.main-index-header {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	margin:0;
	border-top: solid gray 1px;
	text-align: center;
	clear: both;
}
div.main-index-left {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	width: 200px;
	float: left;
}
div.main-index-right {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	width: 200px;
	margin-left: 204px;
}

/* Journal index */

div.index-margins {
	margin-bottom: 2ex;
	margin-left: 25px;
}
div.index {
	line-height: 1.2; /* prevents IE6 float-clear bug */
	border: solid gray 1px; background-color: white;
}
div.index p {
	margin: 0 0 1ex 0;
}


div.index h3 span.subtitle { font-weight: normal; }
div.index div.body p.caption { margin-top: 1ex; margin-bottom: 1ex; font-style: italic; }

/* Index entries */

div.index-entry { padding-left: 4em; text-indent: -4em; }
div.index-entry span.date span.leading-zero { visibility: hidden; }
div.index-entry span.title { font-weight: bold; }
div.index-entry span.nolink { font-style: italic; color: gray; }

/*	Add "cat-color" to a style to set its foreground colour to the colour for the current category..
	Second selector (with the "a") is necessary for IE6 which doesn't follow the cascade rules.
	Third selector is for H2 inside a post body.
*/

.cat-1  .cat-color, .cat-1  .cat-color a, div.entry.cat-1  div.body h2 { color: #033; }
.cat-2  .cat-color, .cat-2  .cat-color a, div.entry.cat-2  div.body h2 { color: #036; }
.cat-3  .cat-color, .cat-3  .cat-color a, div.entry.cat-3  div.body h2 { color: #063; }
.cat-4  .cat-color, .cat-4  .cat-color a, div.entry.cat-4  div.body h2 { color: #066; } 
.cat-5  .cat-color, .cat-5  .cat-color a, div.entry.cat-5  div.body h2 { color: #303; }
.cat-6  .cat-color, .cat-6  .cat-color a, div.entry.cat-6  div.body h2 { color: #306; }
.cat-7  .cat-color, .cat-7  .cat-color a, div.entry.cat-7  div.body h2 { color: #336; }
.cat-8  .cat-color, .cat-8  .cat-color a, div.entry.cat-8  div.body h2 { color: #060; }
.cat-9  .cat-color, .cat-9  .cat-color a, div.entry.cat-9  div.body h2 { color: #363; }
.cat-10 .cat-color, .cat-10 .cat-color a, div.entry.cat-10 div.body h2 { color: #366; }
.cat-11 .cat-color, .cat-11 .cat-color a, div.entry.cat-11 div.body h2 { color: #603; }
.cat-12 .cat-color, .cat-12 .cat-color a, div.entry.cat-12 div.body h2 { color: #660; }
.cat-13 .cat-color, .cat-13 .cat-color a, div.entry.cat-13 div.body h2 { color: #600; }
.cat-14 .cat-color, .cat-14 .cat-color a, div.entry.cat-14 div.body h2 { color: #006; }
.cat-15 .cat-color, .cat-15 .cat-color a, div.entry.cat-15 div.body h2 { color: #606; }
.cat-16 .cat-color, .cat-16 .cat-color a, div.entry.cat-16 div.body h2 { color: #630; }
.cat-17 .cat-color, .cat-17 .cat-color a, div.entry.cat-17 div.body h2 { color: #663; }
.cat-18 .cat-color, .cat-18 .cat-color a, div.entry.cat-18 div.body h2 { color: #300; }
                   
.cat-color a,
.cat-color a:visited { color: inherit; }

/*	Titles are always coloured according to the topic
*/
.cat-1  h1.title, .cat-1  h3.title { background-color: #dee; }
.cat-2  h1.title, .cat-2  h3.title { background-color: #def; }
.cat-3  h1.title, .cat-3  h3.title { background-color: #dfe; }
.cat-4  h1.title, .cat-4  h3.title { background-color: #dff; }
.cat-5  h1.title, .cat-5  h3.title { background-color: #ede; }
.cat-6  h1.title, .cat-6  h3.title { background-color: #edf; }
.cat-7  h1.title, .cat-7  h3.title { background-color: #eef; }
.cat-8  h1.title, .cat-8  h3.title { background-color: #dfd; }
.cat-9  h1.title, .cat-9  h3.title { background-color: #efe; }
.cat-10 h1.title, .cat-10 h3.title { background-color: #eff; }
.cat-11 h1.title, .cat-11 h3.title { background-color: #fde; }
.cat-12 h1.title, .cat-12 h3.title { background-color: #ffd; }
.cat-13 h1.title, .cat-13 h3.title { background-color: #fdd; }
.cat-14 h1.title, .cat-14 h3.title { background-color: #dde; }
.cat-15 h1.title, .cat-15 h3.title { background-color: #fdf; }
.cat-16 h1.title, .cat-16 h3.title { background-color: #fed; }
.cat-17 h1.title, .cat-17 h3.title { background-color: #ffe; }
.cat-18 h1.title, .cat-18 h3.title { background-color: #edd; }
h1.title a, h1.title a:visited,
h3.title a, h3.title a:visited { color: inherit; }


/* category index entries */
div.category-entries-container { position: relative; margin-top: 0.5ex; }
div.category-entries-left  { width: 132px; }
div.category-entries-right { position: absolute; top: 0; left: 132px; }
div.category-entry span.title { font-weight: bold; }

/* Sidebar units */

div.sidebar-margins {
	margin-bottom: 2ex;
}
div.sidebar {
	border: solid gray 1px; background-color: white;
}

/* Other sidebar stuff */

div.ad h3.title { background-color: #efd; }

/* Footer */

div.footer { margin: 0 0 2ex 4ex; }

div.footer div.nav { float: right; }

div.footer p { font-style: italic; }

div.bottom-nav {
	float: right;
}
div.bottom-nav div.buttons {
	border: solid gray 1px;
}