/***************************************************************
screen styles for bear blog
2006.11.29 -- Michael Burke
---------------------------
web			:	http://www.bearfacts.com.au
filepath		:	Sites/bearfacts/templates/bearblog.css
version		:	2006.11.29	v.1 - usual update
copyright	:	(c) Burke
author		:	Michael Burke
website		:	http://www.bearfacts.com.au
	Warren	:	2006.11.29 v.1
	Laptop	:	2006.11.29 v.1
	Server	:	2006.11.29 v.1
tested		:	Mac - FireFox 2, Camino 1, Safari 1
				:  Win - Firefox 2, IE 6
--------------------------------
mods   
Mod 00 - yyyy.mm.dd - task description
--------------------------------------
colours
#cfc    - pale green
#96c    - purple
#4b0082 - dark purple
#e6d9e9 - light purple
#808080 - grey
also: red, maroon, b & w
***************************************************************/
* { margin: 0;   padding: 0; }

body { background: #cfc;   font-family: verdana, sans-serif; }

div#blog-container { margin: 10px auto 20px;   border: 1px solid #4b0082;   width: 900px;
		 background: rgb(230,217,233);   padding-top: 10px; }
/* padding-top gives the light purple strip above header h1 */

h1.main-title { font: normal 1.5em monaco, sans-serif;   color: rgb(230,217,233);
		background: #96c;   letter-spacing: .5em;   text-align: center;
		text-transform: lowercase;   margin: 0 10px; }
/* margin gives light purple strip at left & right of header h1 */

div.blog, div.blog-kermit, div.blog-tail, div.blog-twoofus, div.blog-alterego, div.blog-dindin, div.blog-snake1, div.blog-shopper, div.blog-bus, div.blog-walk, div.blog-rip, div.blog-hero, div.blog-career, div.blog-urn, div.blog-darkpizza, div.blog-zzz, div.blog-darkvader, div.blog-dust, div.blog-k9, div.blog-gramma, div.blog-cavetoon, div.blog-work, div.blog-idiot, div.blog-logo, div.blog-kinda-new, div.blog-kim-noneck, div.blog-birthday, div.blog-boobless, div.blog-five2, div.blog-deadline, div.blog-guest1, div.blog-uni { margin: 10px;   border: 1px solid #4b0082;   background: white; }
div.blog-kermit { height: 180px; } /* actual height 123 px */
div.blog-tail { height: 227px; }
div.blog-twoofus { height: 216px; }
div.blog-alterego { height: 272px; }
div.blog-dindin { height: 282px; }
div.blog-shopper { height: 374px; }
div.blog-bus { height: 231px; }
div.blog-walk { height: 228px; }
div.blog-rip { height: 218px; }
div.blog-hero { height: 203px; }
div.blog-career { height: 256px; }
div.blog-urn { height: 284px; }
div.blog-darkpizza { height: 233px; }
div.blog-zzz { height: 197px; }
div.blog-darkvader { height: 264px; }
div.blog-dust { height: 186px; }
div.blog-k9 { height: 165px; }
div.blog-gramma { height: 208px; }
div.blog-cavetoon { height: 220px; }
div.blog-work { height: 209px; }
div.blog-idiot { height: 160px; }
div.blog-logo { height: 113px; }
div.blog-kinda-new { height: 185px; }
div.blog-kim-noneck { height: 341px; }
div.blog-birthday { height: 227px; }
div.blog-five2 { height: 233px; }
div.blog-deadline { height: 221px; }
div.blog-guest1 { height: 252px; }/* actual height - 172px */
div.blog-uni { height: 250px; }

h2.title { font: normal 1em monaco, sans-serif;   color: #808080;   letter-spacing: .3em;
		border-bottom: 1px solid rgb(230,217,233);   padding-left: 10px;   text-transform: lowercase; }

h3.date { font: italic .8em monaco, sans-serif;   color: white;   text-align: right;
		margin-left: 788px;   padding-right: 10px;   background: rgb(230,217,233);   width: 80px; }		

img.blog-pic-odd { float: right;   margin: 10px 10px 10px 20px; }
img.blog-pic-even { float: left;   margin: 10px 20px 10px 10px; }

p.blog-p-even, p.blog-p-odd { text-align: justify;   font-size: .8em;   margin: 10px; }
p.right { text-align: right; }

a.top {    color: white;   font-size: .9em;   font-style: italic;
		text-decoration: none;   background: rgb(230,217,233);   padding: 0 5px; }

a.linx:link { color: #4b0082;   text-decoration: none;   border-bottom: 1px dotted; }
a.linx:visited { color: gray; } /* was rgb(230,217,233) */
a.linx:hover { color: maroon; }
a.linx:active, .red { color: red; }

span.italic { font-style: italic; }
span.strike { text-decoration: line-through; }
span.grey { color: #999;   background: white; }
span.bold { font-weight: bold; }

/* blog css - 2006.08.23 - MB */