/*  reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul, dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 body{
/*	width:100%;*/
	background:#f0f0f0;
	font-family: "Georgia", Times, serif;
	font-size:12px;
	color:#5b412e;
}

body#splash{
	background:url(../_graphics/splashbg.jpg) repeat-x #F6E245;
	height:100%;
	width:100%;
	display:block;

}

#splash a{
	color:#fff;
}

p{
	margin-top:5px;
	font-family: "Arial", sans-serif;
}

a{
	color:#960701;
	text-decoration:none;
	font-weight:bold;
}

#container{
	width:914px;
	height:100%;
}

body#splash #container{
	width:100%;
	height:100%;

}

#splashDiv{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	left:50%;
	margin-left:-275px;	
	top:50%;
	margin-top:-200px;
}

#leftCol{
	width:600px;
	float:left;
	display:inline;
}

#navigation {
	width:600px;
	height:363px;
	background:url(../_graphics/h1_header.jpg) no-repeat;
	float:left;
}

#twitter{
	width:590px;
	height:auto;
	background:url(../_graphics/twitter_bg.jpg) repeat-y;
	float:left;
	clear:both;
	padding:5px 10px 8px 5px;
}

#twitter p{
	font-family: "Georgia", Times, serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}


#columnOne{
	width:184px;
	margin:10px 10px 0px 10px;
	float:left;
	display:inline;
}

#columnTwo{
	width:371px;
	float:left;
	margin:10px 00px 0px 10px;
	display:inline;
}

#rightCol{
	width:286px;
	height:100%;
	float:left;
	margin:0 0 0 3px;
	padding:10px;
	background:url(../_graphics/right_bg.jpg) no-repeat top #FBD630;
	display:inline;
}


/*CLASSES*/
.gal_image{
margin-bottom:2px;
}

h3{
	color:#781e05;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	letter-spacing:-1px;
}
h4{
	color:#000;
	font-size:11px;
	letter-spacing:-1px;
}

.newsItem{
	border-bottom:1px solid #781e05;
	padding:5px 0px 5px 0px;
}

.book{
	float:left;
	width:130px;
}

.bookInfo{
	float:left;
	width:110px;
	padding:0 10px 0 10px;
}

.twitter{
	font-family: "Georgia", Times, serif;
	color:#fff;
	font-weight:bold;
}

.title{
	font-size:14px;
	border-bottom: 1px solid #B8320F;
	padding:5px 0px 5px 0px;
}

/*TITLES*/

h1, h2 {
	text-indent:-9999px;
}

h2#h2_gallery{
	width:183px;
	height:30px;
	background:url(../_graphics/h2_gallery.gif) no-repeat;
	margin-bottom:5px;
}

h2#h2_news{
	width:370px;
	height:49px;
	background:url(../_graphics/h2_news.gif) no-repeat;
	margin-bottom:5px;
}

h2#h2_books{
	width:270px;
	height:62px;
	background:url(../_graphics/h2_books.gif) no-repeat;
	margin-bottom:5px;
}

#h2_twitter{
	width:147px;
	height:45px;
	background:url(../_graphics/h2_twitter.gif) no-repeat;
	float:left;
	margin-right:10px;
	text-indent:-9999px;
}

h2#h2_title{
	width:183px;
	height:30px;
	background:url(../_graphics/h2_title.gif) no-repeat;
	float:left;
	margin-bottom:5px;
}

h2#h2_story{
	width:368px;
	height:30px;
	background:url(../_graphics/h2_story.gif) no-repeat;
	float:left;
	margin-bottom:5px;
}

h2#h2_aboutMe{
	width:368px;
	height:29px;
	background:url(../_graphics/h2_aboutMe.gif) no-repeat;
	float:left;
	margin-bottom:5px;
}

h2#h2_audioPlayer{
	width:368px;
	height:30px;
	background:url(../_graphics/h2_audioPlayer.gif) no-repeat;
	float:left;
	margin-bottom:5px;
}

h2#h2_thisweek{
	width:368px;
	height:30px;
	background:url(../_graphics/h2_thisweek.gif) no-repeat;
	float:left;
	margin-bottom:5px;
}


#a_emailoftheweek{
	width:99px;
	height:99px;
	background:url(../_graphics/eotw.png);
	position:absolute;
	top:280px;
	left:500px;
	z-index:5;
	behavior:url(iepngfix.htc);
}

/*MENU*/

ul#menu {
	display: block;
	background: url('../_graphics/ul_menu.jpg');
	height:155px;
	width:600px;
	position: absolute;
	top:49px;
}

ul#menu li {
	display: block;
	position:absolute;
	height: 30px;
	text-indent: -99999px;
	z-index:2;
}

ul#menu li#home{
	height:57px;
}

ul#menu li#behaviour{
	height:31px;
}

ul#menu li a{
	display:block;
	height:100%;
	width:100%;
	background-image: url('../_graphics/ul_menu.jpg');
}


li#home			{left: 0px; top:0px; width:600px;}
li#sex			{left: 0px; top:88px; width:600px;}
li#love			{left: 0px; top:118px; width:600px;}
li#living		{left: 0px; top:149px; width:600px;}
li#dreams		{left: 0px; top:179px; width:600px;}
li#behaviour	{left: 0px; top:209px; width:600px;}
li#parenting	{left: 0px; top:240px; width:600px;}
li#relax		{left: 0px; top:270px; width:600px;}

li#home a		{background-position: -0px -0px;}
li#sex a		{background-position: -0px -88px;}
li#love	a		{background-position: -0px -118px;}
li#living a		{background-position: -0px -149px;}
li#dreams a		{background-position: -0px -179px;}
li#behaviour a	{background-position: -0px -209px;}
li#parenting a	{background-position: -0px -240px;}
li#relax a	{background-position: -0px -270px;}

li#home	a:hover		{background-position: 0px -300px;}
li#sex a:hover		{background-position: -0px -388px;}
li#love a:hover		{background-position: -0px -418px;}
li#living	a:hover		{background-position: -0px -449px;}
li#dreams	a:hover		{background-position: -0px -479px;}
li#behaviour a:hover	{background-position: -0px -509px;}
li#parenting a:hover	{background-position: -0px -540px;}
li#relax a:hover	{background-position: -0px -570px;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}