/*//////////////////////////////////////////////////////////////////////*/
/* -- This is the default CSS Stylesheet for the Mini Site Framework -- */
/* --                                                                -- */
/* -- This stylesheet and the files which accompany it (collectively -- */
/* -- referred to as "The Mini Site Framework") are Copyright © 2009 -- */
/* -- Enspherant Solutions LLC.  Your license to use and modify this -- */
/* -- script does not in any way represent or comprise a license to  -- */
/* -- sell, resell, give away, or redistribute this script in any    -- */
/* -- fashion, either as a product or as a gift.      Thank You      -- */
/*//////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////

	The "*" selector sets some global properties.  This can be useful 
	for ensuring that your site is the same across breowsers by 
	setting overrides for properties which have different defaults in
	different browsers.

/////////////////////////////////////////////////////////////////////////////*/

* {
	margin:0px;
	padding:0px;
	
	font-family:Tahoma,Verdana,Arial,sans-serif;
	text-align:center;
	color:#2a2a2a;
	
	border-color:#e4b41b;
	border-width:3px;
	
	clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////////////

	The following styles apply globally to specific html elements without
	regard to their class or inherited behaviors.  Later styles may
	override parts of this section.

/////////////////////////////////////////////////////////////////////////////*/

body {
	background-color:#3373ff;
	background-image: url("http://enspherant.com/theme/page_gradient.jpg");
	background-repeat:repeat-x;
	background-position:top;
	
	width:100%;
	}
	
form {
	width:86%;
	
	margin:20px auto 40px auto;

	border-style-bottom:solid;
	
	text-align:right;
	}
	
h1, h2, h3, h4, h5 {
	margin:5px auto 10px auto;
	text-align:left;
	font-weight:bold;
	color:#3373ff;
	}

h1{
	width:96%;
	border-bottom-style:solid;
	}

h2 {
	width:96%;
	border-bottom-style:solid;
	}

h3 {
	width:86%;
	margin-top:20px;
	border-bottom-style:solid;
	}

a:link {
	text-decoration:none;
	font-weight:bold;
	color:#e4b41b;
	}
	
a:active {
	text-decoration:none;
	font-weight:bold;
	color:#e4b41b;
	
	}
	
a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#e4b41b;
	}
	
a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#e4b41b;
	
	}
	
p {
	width:86%;
	margin:10px auto 10px auto;
	text-align:justify;
	}
/*/////////////////////////////////////////////////////////////////////////////

	These styles are for the items which are unique on each page, and
	comprise the major layout or theme of the site.
	
		The #header div will contain your custom header if you
		add one to the site
		
		The #footer div will contain your custom footer if you 
		add one to the site
		
		The #page_content div will containt the entire page contents
		including drop-in articles and the framework CMS contents
		
		The #deco divs are provided strictly for use by designers
		who want to use them as design containers or layers
/////////////////////////////////////////////////////////////////////////////*/

#deco_div1 {
	display:none;
	}

#header {
	width:800px;
	
	margin-left:auto;
	margin-right:auto;
	}
	
#header img{
	border-style:none;
	}
	
#header h1{
	border-bottom-style:solid;
	}
	
#page_content {
	width:847px;
	
	background-color:#ffffff;

	margin-right:auto;
	margin-left:auto;
	
	border-style:solid;
	overflow:hidden;
	}
	
#page_content h1 {
	width:100%;
	}
	
#page_leftcolumn {
	width:640px;

	margin:0px;
	
	float:left;
	clear:none;
	overflow:hidden;
	}
	
#page_rightcolumn {
	width:200px;
	
	margin:2px;
	
	float:right;
	clear:none;
	overflow:hidden;
	}

#deco_div2 {
	display:none;
	}
	
#deco_div3 {
	display:none;
	}
	
#footer {
	width:856px;
	height:90px;
	
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	}
	
#footer h1{
	border-bottom-style:solid;
	}
	
.footer_left {
	width: 143px;
	
	text-align:left;
	
	float:left;
	clear:none;
	}
	
.footer_right {
	width: 278px;
	
	text-align:right;
	
	float:right;
	clear:none;
	}
	
#deco_div4 {
	display:none;
	}
	
/*/////////////////////////////////////////////////////////////////////////////

	The article styles are used to identically style the drop-in 
	article files you add to the site.  These same styles are applied
	to the articles you drop in whether they are displayed at the top
	or bottom of the page

/////////////////////////////////////////////////////////////////////////////*/

.article {
	width:820px;
	
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	
	clear:both;
	}

.article_text {
	width:820px;
	
	margin:auto;
	float:right;
	clear:none;
	}

.article h1, .article h2, .article h3, .article h4, .article h5 {
	border-bottom-style:solid;
	
	margin-bottom:20px;
	}

.article_text h3 {
	margin-bottom:20px;
	}

.article_text p{
	width:680px;
	margin:20px;
	text-align:justify;
	}

.article_image {
	display:none;
	}

/*/////////////////////////////////////////////////////////////////////////////

	The styles in the next section control the appearance of the code
	blocks created and managed by the Category Index Page.  This is 
	the original index.php file you uploaded to your server.

/////////////////////////////////////////////////////////////////////////////*/

.category_info {
	width:680px;
	
	margin-top:20px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
	}
	
.catinfo_title {
	border-bottom-style:solid;
	border-color:#3373ff;
	}
	
.catinfo_catpage {
	width:100%;
	
	background-color:#3373ff;
	
	margin-top:10px;
	}
	
.catinfo_catpage a:link {
	color:#ffffff;
	}
	
.catinfo_catpage a:active {
	color:#ffffff;
	
	}
	
.catinfo_catpage a:hover {
	color:#ffffff;
	}
	
.catinfo_catpage a:visited {
	color:#ffffff;
	}
	
.catinfo_desc {
	text-align:justify;
	}
	
/*/////////////////////////////////////////////////////////////////////////////

	The next section of the stylesheet is used to control the appearance
	of the code blocks managed by a Destination Index Page.  This is the
	index,php file that the framework generates on your server when a new
	category is added to the Category Index Page.

/////////////////////////////////////////////////////////////////////////////*/

.destination_info {
	width:620px;
	
	margin-top:20px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
	}
	
.destinfo_merchant {
	width:100%;
	
	margin-top:10px;
	margin-bottom:10px;
	}
	
.destinfo_merchant a:link, .destinfo_merchant a:active, .destinfo_merchant a:hover, .destinfo_merchant a:visited {
	color:#3373ff;
	}
	
.destinfo_desc {
	width:90%;
	text-align:justify;
	}
	
/*/////////////////////////////////////////////////////////////////////////////

	The styles in this section of the stylesheet affect the display of
	the framework's forms.  This includes the category, destination,
	and login forms.

/////////////////////////////////////////////////////////////////////////////*/

.form {
	width:600px;
	
	margin-top:20px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
	}

.form h2 {
	border-bottom-style:solid;
	}
	
.form hr {
	margin-top:10px;
	margin-bottom:2px;
	}
	
.msf_user {
	width:200px;
	
	border-style:inset;
	border-width:1px;
	
	text-align:left;
	color:#000000;
	}
	
.msf_pass {
	width:200px;
	
	border-style:inset;
	border-width:1px;
	
	text-align:left;
	color:#000000;
	}
	
.msf_text {
	width:380px;
	
	border-style:inset;
	border-width:1px;
	
	text-align:left;
	color:#000000;
	}
	
.msf_submit {
	width:180px;
	
	border-width:2px;
	border-style:outset;

	text-align:center;
	}
	
.msf_textarea {
	width:380px;
	
	border-style:solid;
	border-width:1px;
	
	text-align:left;
	color:#000000;
	}

.msf_formdetail {
	text-align:left;
	
	margin-bottom:10px;
	
	font-weight:bold;
	font-size:.7em;
	font-weight:bold;
	color:#7e0100;
	}

/*/////////////////////////////////////////////////////////////////////////////

	The following styles are used to control the appearance of the 
	drop-in images used for decorative div borders by the framework.

/////////////////////////////////////////////////////////////////////////////*/

.deco_conttop {
	}

.deco_contbot {
	margin-bottom:-3px;
	}

.deco_arttop {
	}

.deco_artbot {
	margin-bottom:-3px;
	}

.deco_cattop {
	}

.deco_catbot {
	margin-bottom:-3px;
	}

.deco_desttop {
	}

.deco_destbot {
	margin-bottom:-3px;
	}

.deco_formtop {
	}

.deco_formbot {
	margin-bottom:-3px;
	}


/*/////////////////////////////////////////////////////////////////////////////

	site specific

/////////////////////////////////////////////////////////////////////////////*/


.highlights li{
	margin-left:20px;
	}

.bluetext {
	color:#3371ff;
	font-weight:bold;
	}
		
		
.nav_col {
	width:200px;
	
	background-image:url('http://enspherant.com/theme/nav_stretch.jpg');
	
	margin:0px auto 10px auto;
	}
		
.nav_ul {
	width:184px;

	list-style-position:inside;
	list-style-type:square;
	}
		
.nav_li {
	margin:5px auto 5px 15px;

	text-align:left;
	color:#ffffff;
	font-weight:bold;
	}
		
		
.nav_subul {
	width:184px;

	list-style-position:inside;
	list-style-type:circle;
	}
		
.nav_subli {
	margin:5px auto 5px 20px;

	text-align:left;
	color:#ffffff;
	font-weight:bold;
	}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	
	
.fc_memberbar {
	width:800px;
	height:29px;
	
	position:relative;
	margin:0px auto -26px auto;
	top:-40px;
	
	text-align:left;
	
	clear:both;
	overflow:hidden;
	}

.fc_mbartext {
	height:20px;
	display:inline;

	margin:2px 0px 2px 4px;
	}

.fc_mbaricons {
	height:20px;
	display:inline;

	margin:2px 0px 2px 4px;
	
	font-size:.4em;
	}


.fc_mbargreet {
	line-height:32px;
	vertical-align:middle;
	margin-left:6px;
	}


.shoutbox {
	width:186px;

	overflow:hidden;
	}

.shoutbox_name {
	width:100%;

	font-weight:bold;
	color:#ffffff;
	}

.shoutbox_list {
	width:100%;
	}

.shoutbox_post {
	width:96%;
	
	border-top-style:solid;

	font-weight:bold;
	color:#ffffff;
	}

.shoutbox_post form {
	}

.shout {
	width:182px;
	
	clear:both;
	overflow:hidden;
	}

.shout_displayName {
	width:182px;
	
	background-color:#e4b41b;
	
	margin:2px;
	
	text-align:left;
	font-size:.8em;
	font-weight:bold;
	color:#3373ff;
	
	clear:both;
	}

.shout_image {
	width:32px;
	height:32px;
	
	margin:2px;
	
	float:left;
	clear:none;
	}

.shout_image img{
	width:32px;
	height:32px;

	border-style:none;
	text-decoration:none;
	}

.shout_content {
	width:132px;

	background-color:#ffffff;
	
	margin:3px;
	padding:2px;
	
	font-size:.8em;
	text-align:justify;
	
	float:right;
	clear:none;
	}

.shout_displayTime {
	width:136px;
	
	margin:2px;

	font-size:.6em;
	font-weight:normal;
	text-align:right;
	color:#e4b41b;
	
	float:right;
	clear:none;
	}

#fc_latestmembers {
	width:200px;
	
	border-bottom-style:solid;
	
	margin:0px auto 10px auto;
	
	overflow:hidden;
	}

#fc_latestmembers h3{
	width:200px;
	}

#fc_latestmembers img {
	width:36px;
	height:36px;
	
	margin:2px;
	
	border-style:none;
	}