/*
BizzyBlog CSS File
Author: Charles Moser
Credit: A List Apart / Christopher Sanford
*/

* {
    margin: 0;
    padding: 0;
}

html,
body,
div#back-tile,
div#contain-back,
div#column-backdrop,
div#contain-front {
    min-height: 100%;
	min-width: 950px;
    width: 100%;
    height: auto;
}

* html,
* html body,
* html div#back-tile,
* html div#contain-back,
* html div#column-backdrop,
* html div#contain-front {
    height: 100%;
}


div#contain-back {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 2;
	background: transparent url(../images/bg/page_tile.gif) repeat-x;
}

div#fixed-contain {
	position: relative;
	margin: auto;
}

#contain-back div#column-backdrop {
    position: absolute;
    top: 0;
    right: 0;
	width: 360px;
	z-index: 4;
	min-width: 360px;
	background: transparent url(../images/bg/side_tile_upper.gif) no-repeat 0 170px;
}

#contain-back div#back-tile {
    position: absolute;
    top: 0;
    right: 0;
	width: 360px;
	z-index: 0;
	background: transparent url(../images/bg/side_tile_lower.gif) repeat-y;
	min-width: 360px;
}

#contain-back div#mural-contain {
	position: relative;
	width: 100%;
	height: 150px;
	padding-top: 20px;
	text-align: center;
	z-index: 2;
}

* html #contain-back div#mural-contain {
	background: #C51212;
}

#mural-contain div#mural {
	position: relative;
	float: right;
	width: 80%;
	height: 150px;
	margin-right: 25px;
	background: #F82720 url(../images/bg/tileheader.gif) no-repeat;
}

#mural div#mural-right,
#mural div#mural-left {
	position: absolute;
	top: 0;
	height: 150px;
	width: 130px;
	z-index: 2;
}

#mural div#mural-right {
	right: 0;
	background: transparent url(../images/bg/right_mural.png) no-repeat;
}

* html #mural div#mural-right {
	right: -1px;	
}

#mural div#mural-left {
	left: 0;
	background: transparent url(../images/bg/left_mural.png) no-repeat;
}

#contain-back div#page-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	font: normal normal normal 12px Tahoma;
	line-height: 16px;
}

#page-area div#top-layer {
	width: 94%;
	margin: auto;
}

#top-layer div#content {
    margin: 0 360px 0 0;
    position: relative;
    min-width: 560px;
	border-top: 1px solid #890303;
}

#content a#logo {
	position: absolute;
	top: 36px;
	left: 60px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
	height: 95px;
	width: 290px;
	background: transparent url(../images/logo/bizzyblog.png) no-repeat;
	z-index: 1000;
}

#content div#content-min {
	position: relative;
}


#content-min div#blog-area {
	position: relative;
    margin-top: 130px;
	background: #fff;
	border-top: 3px solid #000;
}

#blog-area div#blog-header {
	position: relative;
	height: 29px;
	background: #DFDFDF;
	border: 4px solid #fff;
}

#blog-header div#search {
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

#blog-header div#categories {
	float: right;
	margin-top: 5px;
	margin-right: 3px;
}

#content div#right {
    position: absolute;
    right: -360px;
    top: 0px;
    width: 360px;
}

#right div#top-adspace {
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin: 30px auto 34px auto;
	height: 100px;
	width: 350px;
}

#right div#bot-adspace {
	display: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

#right div#drop-downs {
	margin-left: 10px;
	height: 65px;
	text-align: center;
}

#right div#col-1 {
	width: 46%;
	float: right;
}
#right div#col-2 {
	width: 46%;
	float: right;
}

* html div#content div#right {
    right: 0;
    top: 0;
}

#contain-back div#header-contain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: #890303;
	z-index: 12;
}

/*
	IE expressions to set min-width
*/

* html #contain-back div#header-contain,
* html #contain-back div#mural-contain {
	width:expression(document.body.clientWidth < 950? "950px": "auto" );
}

* html #content div#content-min {
	width:expression(document.body.clientWidth < 950? "560px": "auto" );
}

/*
	End IE expressions
*/

#header-contain div#header {
	position: relative;
	font: normal normal normal 10px Verdana;
	text-align: right;
	width: 100%;
	overflow: hidden;
	height: 20px;
	margin: auto;
}

#header div#date-time {
	float: right;
	padding-top: 3px;
	padding-right: 10px;
	color: #fff;
}

#header ul {
	padding-top: 3px;
	padding-right: 350px;
	list-style: none;
}

#header li {
	display: inline;
	padding-right: 14px;
	padding-left: 8px;
}

#header a {
	color: #FF605B;
	text-decoration: none;
}

#header a:hover {
	color: #fff;
	text-decoration: underline;
}