@charset "UTF-8";

	
/*  --------------------------------------------------  Main Site  --------------------------------------------------  */	
	

body,td,th {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #323b47;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#daddcc;
}

a:link {
	color: #d2ad75;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #d2ad75;
}
a:hover {
	text-decoration: underline;
	color: #8A2A00;
}
a:active {
	text-decoration: none;
	color: #d2ad75;
}


img {
	behavior: url("http://christianwritersforum.com/pngbehavior.htc");
	}

#container {
	width: auto;
	background: url(Images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
	
#container2 {
	width: auto;
	}







#wrap {
	position:relative;
	width: 980px;
	margin: 0 auto;
	}


#header {
	position:relative;
	height: 280px;
	}
	
	
#logo {
	position:absolute;
	margin-left: -68px;
	width: 398px;
	height: 191px;
	background-image:url(Images/logo.png);
	z-index: 8;
	}
	
	
	
	
	
#menucontainer {
	position:relative;
	background: url();
	width: 980px;
	height: 110px;
	}
	
	

#navbar {
	width: 640px;
	height: 110px;
	margin-left: 334px;
	}	
	
	

	
	
#syscontainer { width: 980px; height:500px;	overflow: inherit; }
	
	
	
	
	
#shareyourstory {
	width:360px;
	height: 55px;
	margin-top: 14px;
	margin-left: 45px;
	}	
	
	
#leftcontainer {
	position: relative;
	float:left;
	width:486px;
	height:500px;
	background:url();
	}
	
#rightcontainer {
	position: relative;
	float:right;
	width:486px;
	height:500px;
	background:url();
	}	
	





	
#featuredcontainertop {
	background-image: url(Images/FrontPage-FeatureBox-Top.jpg);
	background-position: bottom;
	width:464px;
	height:12px;
}

#featuredcontainerbottom  {
	background-image: url(Images/FrontPage-FeatureBox-Bottom.jpg);
	width:464px;
	height:16px;
	margin: 0 auto;
	margin-bottom: 20px;
}








#titlecontainer {
	width: 280px;
	position: relative;
	display: block;
	padding: 10px;
	background: #7d4e32;
	font: bold;
	border-bottom: solid #70452b 1px;
	}

.featuredleft {
	position: relative;
	float:left;
	width: 300px;
	margin-left: 20px;
	}
	
.featuredright {
	position: relative;
	float:right;
	width: 300px;
	margin-right: 20px;

	}






.featuredcontainer {
	position: relative;
	width:260px;
	height:280px;
	padding: 20px;
	background: #2c1f16;
	display: block;
	text-align:justify;
	border-top: #000000 solid 1px;
	}


.moviecontainer {
	position: relative;
	float:right;
	width:412px;
	height:231px;
	padding: 16px;
	background: #2c1f16;
	display: block;
	clear: right;
	}
	
	
	
	
	
#shareyourstorywhatsrunlikeagirl {
	width: 260px;
	float: left;
	padding: 60px 0px 0 20px;
	margin-left: 20px;
	
	}	
	

	

	


#maincontainer {
	position:relative;
	clear:right;
	width: 980px;
	height:;
	
	margin: 0 auto;
	display: block;
	overflow: auto;
	background: url(Images/maincontainer-center.png);
	background-repeat: repeat;
	}
	
	
#maincontainertop {
   width: 960px;
   padding: 20px 0 0 20px;
   float:right;
   display: inline;
   background: url(Images/maincontainer-top.png) no-repeat bottom left;
   position: relative;
   margin-top: 15px;
	}

#maincontainerbottom {
   width: 960px;
   padding: 20px 0 15px 20px;
   float:right;
   display: inline;
   background: url(Images/maincontainer-bottom.png) no-repeat top left;
   position: relative;

	}


/*  --------------------------------------------------  Main Container 2  --------------------------------------------------  */


#maincontainer2 {
	position:relative;
	clear:right;
	width: 940px;
	padding: 20px 20px 20px 20px;
	margin: 0 auto;
	display: block;
	overflow: auto;
	background: url(Images/maincontainer-center2.png);
	background-repeat: repeat;
	}
	
	
#maincontainertop2 {
   width: 960px;
   padding: 14px 0 0 20px;
   height: 28px;
   float:right;
   display: inline;
   background: url(Images/maincontainer-top2.png) no-repeat top left;
   position: relative;

	}

#maincontainerbottom2 {
   width: 960px;
   padding: 20px 0 15px 20px;
   float:right;
   display: inline;
   background: url(Images/maincontainer-bottom2.png) no-repeat top left;
   position: relative;
   margin-bottom: 20px;
}







h1 { color:#d2ad75; font-size: 48px; text-transform:uppercase; font-family:"Georgia", Times New Roman, Times, serif}


h2 {
	margin-top: -10px;
	margin-bottom:;
	color:#d2ad75;
	}	
	
	
	
	
	
	
/*  --------------------------------------------------  Share Your Story Page  --------------------------------------------------  */	


.systorybox {
	float:left;
	width: 420px;
	margin-right: 20px;
	clear:left;
	}
	
.systoryboxright {
	position: relative;
	float:right;
	width: 380px;
	margin-right: 20px;
	}
	

#systitlebox {
	width: 440px;
	position: relative;
	display: block;
	padding: 10px;
	background: #ae0404;
	font: bold;
	border-top: #FFFFFF solid 20px;
	}


.sysfeaturedcontainer {
	position: relative;
	width:420px;
	background:#FFFFFF;
	padding: 20px;
	display: block;
	text-align:justify;
	color:#333333;
	}
	
	
	
	
	
.row { clear: both; }
.col1 { width: 440px; float: left; margin-left: 20px;  }
.col2 { width: 440px; float: right;margin-right: 20px; padding: 0 20px 0 0px;  }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.bookcoverlinks { width: 334px; height:482px; float: right; clear: right;}
	
.introduction { width:620px; text-align:justify; float: left; clear: both;}	
	
	
	
	
	
	
	
	
	
	
	
	
/*  --------------------------------------------------  Login Page  --------------------------------------------------  */	
	
	
	



#containerloginpage {
	width: auto;
	background: url(Images/background-blog.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

#syscontainerloginpage {
	width: 980px;
	height:264px;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
/*  --------------------------------------------------  Footer  --------------------------------------------------  */	
	
	
	


	
	
#footerbg {
   background: #473b2d;
   width: 100%;
   margin: 0 auto;
   clear: right;
	
	}


#footer {
	width:400px;
    height: 80px;
    padding: 25px;
	color: #d2ad75;
	text-align: left;
	position: relative;
	clear: left;
	line-height: 12px;
	font-size: 10px;
	margin: 0 auto;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	}	
	
	
	#footer a {
	color:#FFFFFF;
	text-decoration: underline;
	}

	
#footerlogobox {
	width: 256px;
	float:left;
	margin-right: 68px;
	}	



/*  --------------------------------------------------  Footer Menu Box  --------------------------------------------------  */	



#footermenubox {
	width: 180px;
	float:left;
	margin-right: 28px;
	color:#FFFFFF;
	text-align: left;
	line-height: 20px;
	font-size: 11px;
	}
	

#footermenubox a {
	color:#FFFFFF;
	text-decoration: none;
	}
	

#footermenubox a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	}

	
#footermenubox h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #554838;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 3px 0px;
	text-transform: uppercase;
	}
	
#footermenubox a {
	color: #AAAAAA;
	text-decoration: none;
	}

#footermenubox a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footermenubox ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footermenubox ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footermenubox ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 2px 4px;
	border-bottom: 1px solid #554838;
	}

#footermenubox ul li a:hover {
	background: #554838;
	color: #FFFFFF;
	}
	
		
/*  --------------------------------------------------  Footer Menu-Act Box  --------------------------------------------------  */	
	
#footermenuboxact {
	width: 180px;
	float:left;
	
	color:#FFFFFF;
	text-align: left;
	line-height: 20px;
	}
	

#footermenuboxact a {
	color:#FFFFFF;
	text-decoration: none;
	}

#footermenuboxact a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	}	
	
	
#footermenuboxact h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #554838;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 3px 0px;
	text-transform: uppercase;
	}
	
#footermenuboxact a {
	color: #AAAAAA;
	text-decoration: none;
	}

#footermenuboxact a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footermenuboxact ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footermenuboxact ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footermenuboxact ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 2px 4px;
	border-bottom: 1px solid #554838;
	}

#footermenuboxact ul li a:hover {
	background: #554838;
	color: #FFFFFF;
	}
	

/*  --------------------------------------------------  What To Know Bar  --------------------------------------------------  */

.wtkbar
{
	color: #fff;
	text-transform: small-caps;
	background: url(Images/denim-bg7.jpg);
	height: 150px;
	clear: both;
	margin-top: 0px;
	display: block;
	border-top: solid 1px #000;
	text-align: center;
}

.wtkbar h4
{
	color: #fff;
	font-size: 30pt;
	text-transform: small-caps;
	margin: 10px 0px 10px 0px;
	font-family: times new roman, serif;
}

.wtkbar a:link, .wtkbar a:visited
{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 177px; 
	height: 52px;
	background: url(Images/button-bg.gif) no-repeat;
	display: block;
	text-transform: small-caps;
}

.wtkbar a:hover
{
	background-position: 0px -52px;

}

#wtkbarinside span
{
	padding-top: 16px;
	display: block;	
}

#wtkbarinsidetall span
{
	padding-top: 6px;
	display: block;	
}





/*  --------------------------------------------------  Bookmark Alternative  --------------------------------------------------  */ 




#bookmarkbox {
	padding:0px;
	position:relative;
	width:578px; 
	height:211px;
	background-image:url(Images/bookmark-bg.gif);
	margin: 0px auto 0px auto;
	font-family: Times New Roman, Times, serif;
}

#bookmarkbox h4 {
	margin: 0px 0px 6px 0px;
	font-size: 28px;
	color: #d2ad75;
}

#bookmarkbox span {
	padding: 15px 20px; 0px 20px;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 19px;
}

#bookmarkbox h4 {
	margin: 0px 0px 6px 0px;
	font-size: 28px;
	color: #d2ad75;
}

#bookmarkbox span {
	padding: 15px 20px; 0px 20px;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 19px;
}


/*  --------------------------------------------------  Subscription Box CSS  --------------------------------------------------  */ 


#squeezebox {
	padding:0px;
	position:relative;
	width:578px; 
	height:211px;
	background: url(Images/sub-bg.gif) no-repeat;
	margin: 0px auto 0px auto;
	font-family: Times New Roman, Times, serif;
}

#squeezebox h4 {
	margin: 0px 0px 6px 0px;
	font-size: 28px;
	color: #d2ad75;
}

#squeezebox span {
	padding: 15px 20px; 0px 20px;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 19px;
}

#subbutton {
	position:absolute;
	left:520px; top:140px;
	height:30px; width:31px;
}

#subname { 
	position:absolute;
	font-family:Arial, Helvetica;
	font-size:12pt;
	padding-bottom:0;
	margin:0px;
	padding-top:6px;
	border:none; height:24px; width:121px;
	padding-left:7px;
	padding-right:5px;
	top:140px; left:241px;
	background: transparent url(Images/sub-field.gif) no-repeat fixed;
}
*>#subname { background: transparent url(Images/sub-field.gif) no-repeat; }

#subemail { 
	position:absolute;
	font-family:Arial, Helvetica;
	font-size:12pt;
	padding-bottom:0;
	margin:0px;
	padding-top:6px;
	border:none; height:24px; width:121px;
	padding-left:7px;
	padding-right:5px;
	top:140px; left:382px;
	background: transparent url(Images/sub-field.gif) no-repeat fixed;
}
*>#subemail { background: transparent url(Images/sub-field.gif) no-repeat; }

#suboptinmsg {
	position:absolute;
	left:29px; top:135px; height:50px; width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; color:#000;
}

#privacynote
{
	text-align: right;
	margin-top: 54px;
	padding-right: 35px;
	font-size: 10px;
	font-family: sans-serif;
	margin-bottom: 0px;
}

#homebnav
{
	margin-bottom: 10px;
	text-align: center;
}

#homebnav *
{
	display: inline;
}

#homebnav li
{
	padding-left: 10px;
	padding-bottom: 10px;
}

#homebnav h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 0px;
	width: 120px;
	display: inline;
	}
#homebnav ul, #homebnav ul ol {
	margin: 0;
	padding: 0;
	}

#homebnav ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 28px;
	}

	

#homebnav ul p, #homebnav ul select {
	margin: 5px 0 8px;
	}

#homebnav ul ul, #homebnav ul ol {
	margin: 1px 0 0 0px;
	}

#homebnav ul ul ul, #homebnav ul ol {
	margin: 0 0 0 0px;
	}

#homebnav ul ol li {
	list-style:;
	}

	
#homebnav ul ul li, #homebnav ul ol li {
	margin: 0 0 0;
	padding: 0px;
	color:#756767;
	}

#homebnav a:link, #homebnav a:link {

	padding-left: 10px;
}

	
	
#homebnav img
{
	border: none;
}
	
	
#homebnav a:hover {

	color: #fff;
}