/* CSS Document */


/*Page
-------------------------------------------------------------*/
body {text-align:center;margin:0;padding:0;font:11pt Georgia, "Times New Roman", Times, serif;color:#000;}
#main {margin:0 auto;width:732px;text-align:left;}

body.bg0{background-image:url(img/background/bg_0.gif);}
body.bg1{background-image:url(img/background/bg_1.gif);}
body.bg2{background-image:url(img/background/bg_2.gif);}
body.bg3{background-image:url(img/background/bg_3.gif);}
body.bg4{background-image:url(img/background/bg_4.gif);}
body.bg5{background-image:url(img/background/bg_5.gif);}
body.bg6{background-image:url(img/background/bg_6.gif);}
body.bg7{background-image:url(img/background/bg_7.gif);}
body.bg8{background-image:url(img/background/bg_8.gif);}
body.bg9{background-image:url(img/background/bg_9.gif);}


/*General
-------------------------------------------------------------*/
h2 {font-size:18pt; margin-top:3px;}
h3 {text-transform:uppercase;line-height:10pt;font-size:8pt;font-weight:bold;padding:10px 0 4px;}
a {font-weight:bold;color:#f30;text-decoration:none;}
a:hover {color: #000;}
p{margin-bottom:4px;}

ul {margin:0;padding:0;}
img {border:0;}
form {margin:0;padding:0;}
div.clear{clear:both;}
.floatright{float:right; margin-left:10px;}

.quotemark1{font-size:30pt;color:#aaa;line-height:6pt;}
.quotemark2{text-align:right;font-size:30pt;color:#aaa;line-height:6pt;}
.quotee{font-style:italic;text-align:right;}

.divider{height:2px; padding-bottom:10px;}
.double-divider{height:10px; padding-bottom:10px;}

	
/*Navigation
-------------------------------------------------------------*/
#nav {
	margin:10px 0 0;
	height:21px;
	}
#nav ul {
	margin-left:5px;
	}
#nav li {
	float:left;
	list-style-type:none;
	padding:0;
	width:107px;
	height:21px;
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	}
#nav li a {
	color:#FFF;
	display:block;
	height:21px
	}
#nav li a:hover {
	color: #000;
	}
#nav li.outerleft{
	width:192px;
	}
#nav a.active{
	color:#000;
	}


/*Content
---------------------------------------------------------*/
.content{
	background:#fff;
	border-left:5px solid black;
	border-right:1px solid #ccc;
	padding:2px;
	margin:0;
	height:1%;
	clear:both;
	}



/*Sidebar
---------------------------------------------------------*/
.sidebar{
	float:left;
	width:165px;
	margin:16px 0 20px;
	padding-left:16px;
	text-align:left;
	font-size:8pt;
	line-height:12pt;
	clear:both;
	}

.sidebar img{
	text-align:center
	}
.sidebar li {
	list-style-type:none;
	background:url(img/misc/arrow_red.gif) 0 3px no-repeat;
	padding-left:9px;
	padding-bottom:6px;
	line-height:11pt;
	}
.sidebar li strong{
	text-transform:uppercase;
	}
.sidebar li strong a:hover{
	font-weight:bold;
	}
.sidebar li em a{
	color:#000;
	font-weight:normal;
	}
.sidebar li em a:hover{
	color:#f30;
	}

.icon{
	margin-bottom:15px;
	height:100px;
	}


/*Mainbar
---------------------------------------------------------*/
.mainbar{
	margin:16px 0 20px;
	padding:0 26px 0 16px;
	width:485px;
	font-size: 10pt;
	line-height:14pt;
	float:right;
	background:url(img/dividers/vline_dashed_thin_gray.gif) repeat-y;
	}
.mainbar li{
	list-style-type:none;
	background:url(img/misc/arrow_red.gif) 0 3px no-repeat;
	padding-left:9px;
	padding-bottom:6px;
	line-height:12pt;
	}
.mainbar img{
	border:1px solid #000;
	}

.collumn3-1{
	float:right;
	width:155px;
	padding-right:10px;
	}
.collumn3-2{
	float:right;
	width:155px;
	padding-right:10px;
	}
.collumn3-3{
	float:right;
	width:150px;
	padding-right:0px;
	}

.collumn2-1{
	float:left;
	width:235px;
	margin-right:0px;
	}
.collumn2-2{
	float:right;
	width:230px;
	margin-right:0px;
	}

.sub-mainbar{
	font-size:9pt;
	}
.sub-mainbar li{
	padding-bottom:0;
	}
.sub-mainbar img{
	float:right;
	margin:0 0 5px 10px;
	padding:0;
	}
.sub-mainbar a{
	background:url(img/misc/arrow_red.gif) 0 3px no-repeat;
	line-height:12pt;
	padding-left:9px;
	}
.summary{
	margin-top:4px;
	font-size:8pt;
	line-height:12pt;
	}
.places{
	font-size:9pt
	}
.places img{
	float:right;
	margin:0 0 5px 10px;
	padding:0;
	}
.places h3{
	color:#000;
	}



/*Blog Posts
---------------------------------------------------------*/
p.date-header{
	margin:0 0 5px;
	padding-bottom:3px;
	font-style:italic;
	}
.index-post{
	font-size:8pt;
	}
p.post-footer{
	font-size:8pt;
	margin:0 0 30px;
	text-align:right;
	}
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#999;
  }
h2.blog{
 	font-size:12pt;
	line-height:10pt;
	margin-top:5px;
	}
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("/img/misc/arrow_red.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("/img/misc/arrow_red.gif") no-repeat 0 .25em;
  padding-left:15px;
  }

/*Blog Comments
-------------------------------------------------------*/
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #567;
  padding-top:.5em;
  font:bold 110%/1.4em Verdana,Sans-serif;
  }
.comment-poster {
  background:url("http://sowhatsitallaboutthen.com/img/misc/arrow_red.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  color:#666;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }




/*Footer
---------------------------------------------------------*/
#footer{
	width:732px;
	height:26px;
	padding:0;
	margin:0 0 10px;
	}

/*Extras Footer
---------------------------------------------------------*/
.footertop{
	width:732px;
	height:42px;
	}
.footertop .title{
	float:left;
	padding:12px 0 0 65px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	}
.footertop .sowhats{
	float:right;
	padding:12px 20px 0 0;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	}
	
.footercontent{
	width:165px;
	font-size:12px;
	line-height:15px;
	float:left;
	margin: 0 15px 20px 12px;
	}
.footercontent h3{
	text-transform:uppercase;
	line-height:10pt;
	font-weight:bold;
	font-size:8pt;
	}
.footerimage{height:140px}
.footerimage img{
	text-align:center;
	vertical-align:middle;
	width:140px;
	padding-left:17px;
	background:url(img/dividers/vline_dashed_thin_gray.gif) repeat-y;
	margin:10px 0 0 10px;
	padding-bottom:10px;
	}
.finalfooter{
	width:732px;
	height:26px;
	padding:0;
	margin-bottom:20px;
	background:url(img/footer/bottom.gif) no-repeat;
	}

/*Colour Specifics
---------------------------------------------------------*/
.red #nav{background:url(img/nav/bg_red.gif) no-repeat;}
.red h3 {background:url(img/dividers/hline_dashed_thick_red.gif) bottom repeat-x;}
.red .divider {background:url(img/dividers/hline_dashed_thin_red.gif) left bottom repeat-x;}
.red .double-divider {background:url(img/dividers/hline_dashed_double_red.gif) left bottom repeat-x;}
.red #footer{background:url(img/footer/red.gif) no-repeat}
.red .footertop{background:url(img/footer/top_elk_red.gif) no-repeat}
.red .footercontent h3{background:url(img/dividers/hline_dashed_thick_red.gif) bottom repeat-x;}
.red p.date-header{background:url(img/dividers/hline_dashed_thick_red.gif) bottom repeat-x;}
.red .icon{background:url(img/icons/elk_red.gif) no-repeat center}

.yellow #nav{background:url(img/nav/bg_yellow.gif) no-repeat;}
.yellow .sidebar h3 {background:url(img/dividers/hline_dashed_thick_yellow.gif) bottom repeat-x;}
.yellow .divider {background:url(img/dividers/hline_dashed_thin_yellow.gif) left bottom repeat-x;}
.yellow #footer{background:url(img/footer/yellow.gif) no-repeat}
.yellow .footertop{background:url(img/footer/top_yellow.gif)}
.yellow .footercontent h3{background:url(img/dividers/hline_dashed_thick_yellow.gif) bottom repeat-x;}
.yellow p.date-header{background:url(img/dividers/hline_dashed_thick_yellow.gif) bottom repeat-x;}
.bike  .icon{background:url(img/icons/yellow_bike.gif) no-repeat center}
.bike .footertop{background:url(img/footer/top_yellow_bike.gif)}
.bird  .icon{background:url(img/icons/yellow_bird.gif) no-repeat center}
.bird .footertop{background:url(img/footer/top_yellow_bird.gif)}

.blue #nav{background:url(img/nav/bg_blue.gif) no-repeat;}
.blue h3 {background:url(img/dividers/hline_dashed_thick_blue.gif) bottom repeat-x;}
.blue .divider {background:url(img/dividers/hline_dashed_thin_blue.gif) left bottom repeat-x;}
.blue #footer{background:url(img/footer/blue.gif) no-repeat}
.blue .footertop{background:url(img/footer/top_blue.gif)}

.turquoise #nav{background:url(img/nav/bg_turquoise.gif) no-repeat;}
.turquoise h3 {background:url(img/dividers/hline_dashed_thick_turquoise.gif) bottom repeat-x;}
.turquoise .divider {background:url(img/dividers/hline_dashed_thin_turquoise.gif) left bottom repeat-x;}
.turquoise #footer{background:url(img/footer/turquoise.gif) no-repeat}
.turquoise p.date-header{background:url(img/dividers/hline_dashed_thick_turquoise.gif) bottom repeat-x;}
.heron .icon{background:url(/img/icons/turquoise_heron.gif) no-repeat center}
.heron .footertop{background:url(/img/footer/top_turquoise_heron.gif)}
.eagle .icon{background:url(/img/icons/turquoise_eagle.gif) no-repeat center}
.eagle .footertop{background:url(/img/footer/top_turquoise_eagle.gif)}
.duck .icon{background:url(/img/icons/turquoise_duck.gif) no-repeat center}
.duck .footertop{background:url(/img/footer/top_turquoise_duck.gif)}
.salamander .icon{background:url(/img/icons/turquoise_salamander.gif) no-repeat center}
.salamander .footertop{background:url(/img/footer/top_turquoise_salamander.gif)}
.dragonfly .icon{background:url(img/icons/turquoise_dragonfly.gif) no-repeat center}
.dragonfly .footertop{background:url(img/footer/top_turquoise_dragonfly.gif)}

.purple #nav{background:url(img/nav/bg_purple.gif) no-repeat;}
.purple h3 {background:url(img/dividers/hline_dashed_thick_purple.gif) bottom repeat-x;}
.purple .divider {background:url(img/dividers/hline_dashed_thin_purple.gif) left bottom repeat-x;}
.purple #footer{background:url(img/footer/purple.gif) no-repeat}
.purple .footertop{background:url(img/footer/top_purple.gif)}
.purple .footercontent h3{background:url(img/dividers/hline_dashed_thick_purple.gif) bottom repeat-x;}
.rabbit .icon{background:url(img/icons/purple_rabbit.gif) no-repeat center}
.rabbit .footertop{background:url(img/footer/top_purple_rabbit.gif)}
.elephant .icon{background:url(img/icons/purple_elephant.gif) no-repeat center}
.elephant .footertop{background:url(img/footer/top_purple_elephant.gif)}

.gray #nav{background:url(img/nav/bg_gray.gif) no-repeat;}
.gray .sidebar h3 {background:url(img/dividers/hline_dashed_thick_gray.gif) bottom repeat-x;}
.gray h3 {background:url(img/dividers/hline_dashed_thick_gray.gif) bottom repeat-x;}
.gray .divider {background:url(img/dividers/hline_dashed_thin_gray.gif) left bottom repeat-x;}
.gray #footer{background:url(img/footer/gray.gif) no-repeat}
.gray .footertop{background:url(img/footer/top_gray.gif)}
.gray .footercontent h3{background:url(img/dividers/hline_dashed_thick_gray.gif) bottom repeat-x;}
.moose .icon{background:url(img/icons/gray_moose.gif) no-repeat center}
.moose .footertop{background:url(img/footer/top_gray_moose.gif)}

.green #nav{background:url(img/nav/bg_green.gif) no-repeat;}
.green .sidebar h3 {background:url(img/dividers/hline_dashed_thick_green.gif) bottom repeat-x;}
.green .divider {background:url(img/dividers/hline_dashed_thin_green.gif) left bottom repeat-x;}
.green #footer{background:url(img/footer/green.gif) no-repeat}
.green .footercontent h3{background:url(img/dividers/hline_dashed_thick_green.gif) bottom repeat-x;}
.green p.date-header{background:url(img/dividers/hline_dashed_thick_green.gif) bottom repeat-x;}
.orchid .icon{background:url(img/icons/orchid_green.gif) no-repeat center}
.orchid .footertop{background:url(img/footer/top_orchid_green.gif) no-repeat}
.horse .icon{background:url(img/icons/horse_green.gif) no-repeat center}
.horse .footertop{background:url(img/footer/top_horse_green.gif) no-repeat}