@charset "UTF-8";
/* CSS Document */
html {font-size:62.5%;font-family:Georgia, "Times New Roman", Times, serif;}
body {font-size:1.2em;background-image:url(/image/ffl_bg_dark_green.gif);}
#outerwrapper {position:relative;float:left;width:100%;}

/*Generic Styles*/
p{margin-bottom:20px;}
a {color:#4ac7f2;text-decoration:none; text-transform:uppercase;}
a:hover {text-decoration:underline;}
a.altlink {color:#71bf44};

/* Header Structure*/
#oheaderwrapper {width:100%;float:left;position:relative;background:#4d3a2a;}
#iheaderwrapper {width:100%;float:left;position:relative;background:#3b2d20 url(/image/h_dashed_white.gif);background-repeat:repeat-x;background-position:bottom;}
#header {width:960px;margin-left:auto;margin-right:auto;}
#header p {margin:0;}

#logo {float:left;padding-bottom:5px;display:block;}

/*Top Date*/
#date_search_wrapper {float:right; margin:10px 0; width:700px; display:inline;}
#date_search {float:right;}
#date {float:left;color:#fff;text-transform:uppercase;color:#fff;text-align:right;padding-right:15px;background-image:url(/image/v_dashed_grey.gif);background-position:right;background-repeat:repeat-y;font-size:.8em;letter-spacing:3px;}
#date span {display:block;font-size:2em; letter-spacing:0px;}

/*Top Search*/
#searchblock{float:left;padding-left:15px;}
#search {float:left; }
.searchform {background-color:#4ac7f2;float:left;}
.searchform input {width:150px; background:none;border:none; font-size:1.5em; color:#fff; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; float:left;}
.searchform strong {background-image: url(/image/input-bottom-left.gif); background-repeat:no-repeat; background-position:bottom left; display: block; float: left;}/*longer sides*/
.searchform strong em {background-image: url(/image/input-top-right.gif); background-repeat:no-repeat; background-position:top right; display: block; float: left;}/*longer sides*/
.searchform strong em span {background-image: url(/image/input-bottom-right.gif); background-repeat:no-repeat; background-position:bottom right; display: block; float: left;}
.searchform strong em span span {background-image: url(/image/input-top-left.gif); background-repeat:no-repeat; background-position:top left; display: block; float: left;}
#searchblock .searchbutton{margin-top:8px; margin-left:15px; float:left; display:inline;;}

/*Top Navigation*/
#onavwrapper {background-image:url(/image/h_dashed_white.gif);background-repeat:repeat-x;background-position:bottom;width:100%;float:left;}
#inavwrapper {width:960px;margin-left:auto;margin-right:auto;}
#navwrapper {float:left; width:960px; float:left; padding-bottom:1px; background:#fbfbfb url(/image/h_dashed_grey.gif); background-repeat:repeat-x; background-position:bottom;}

#nav {float:left;}
#nav a {float:left;}

/*Login Section*/
#login {float:right; background-image:url(/image/login_bar_bg.gif); background-repeat:no-repeat; background-position:bottom left; padding:5px; color:#fff; text-transform:uppercase; font-size:.8em;}
#login a {color:#71bf44;}

/*Stage Structure*/
#ostagewrapper {float:left; width:100%; position:relative; background:url(/image/ffl_bg_light_green.gif);}
#o2stagewrapper {float:left; width:100%; position:relative; background:url(/image/h_dashed_white.gif); background-repeat:repeat-x; background-position:bottom;}
#istagewrapper {width:960px; margin-left:auto; margin-right:auto; position:relative;}
#stage {float:left; width:920px; background:#fff url(/image/h_dashed_grey.gif); background-position:bottom; background-repeat:repeat-x; padding:20px; position:relative; line-height:1.6em;}


/*Footer Structure*/
#ofooterwrapper {float:left; position:relative; width:100%;}
#ifooterwrapper {margin-left:auto; margin-right:auto; width:960px;}
#footer {width:920px; position:relative; float:left; background-image:url(/image/footer_bg.gif); background-repeat:no-repeat; background-position:bottom; padding:20px; display:inline;}
#footer a {font-size:.8em; text-transform:uppercase; display:block; float:left; margin-right:20px; font-weight:bold;}
#twitter {width:291px; position:absolute; bottom:10px; right:10px;}

/*Copyright*/
#copyrightwrapper {
	width:100%;
	float:left;
}

#copyright {margin-left:auto; margin-right:auto; width:960px; text-align:right; color:#4d3a2a; text-transform:uppercase; font-size:.8em; margin-top:5px;}

/*Home Page*/
#home #left {width:415px;float:left;}
#home #right {float:right;width:485px;}	
#home #right #righttop {float:left;width:485px; margin-bottom:10px;}

	/* Home features */
	#featureleft {width:205px;float:left;position:relative;	}
	#featureleft a .mask {background-image:url(/image/home_featurewrapper_art_green.gif); width:205px; height:205px;background-repeat:no-repeat; position:absolute;top:0;left:0;}
	#featureleft a:hover .mask {background-image:url(/image/home_featurewrapper_art_white.gif);}
		
	#featureright {	width:205px;float:right;position:relative;}
	#featureright a .mask {background-image:url(/image/home_featurewrapper_life_green.gif); width:205px; height:205px;background-repeat:no-repeat; position:absolute;top:0;left:0;}
	#featureright a:hover .mask {background-image:url(/image/home_featurewrapper_life_white.gif);}
		
	#home .homefeature .featuretext {background-color:#4d3a2a; padding:5px; line-height:1em; height:80px; overflow:hidden;}
	#home .homefeature .featuretext h3 a {text-transform:uppercase; font-size:.9em; color:#fff;}
	#home .homefeature .featuretext p {margin:10px 0 0 0;}
	.author {color:#ccc; text-transform:uppercase; font-size:.8em; font-weight:bold;}
	.author a {text-transform:none; font-size:1.2em; font-weight:normal; font-style:italic;}
	
	.articlelist {line-height:1em; float:left; margin-top:1px;}	
	.articlelist p{margin:0;}	
	.articlelist .image {float:left; width:60px;}
	.articlelist img {border:1px solid #ccc;}
	.articlelist h3 a {text-transform:uppercase; font-size:.8em;}	
	.articlelist .text {float:right; width:145px; padding:5px 0}
	
	/*Mark Added for main artical pages*/
	.articlelist .norelative {float:right; width:205px; padding:5px 0}
	.articlelist .bigtext {float:right; width:345px; padding:5px 0}
	
	/*Home Resources*/
	#home #right #resources {float:left;width:265px;} 
	#resources h2 {background:#f4ec3d url(/image/h2_resources.gif) no-repeat scroll 0 0;}
	#resources .resource {float:left; clear:left; width:230px; padding:11px 0 11px 35px; background-image:url(../image/bullet.gif); background-repeat:no-repeat; background-position:left; line-height:1em; border-bottom:1px dashed #ccc; color:#999; font-style:italic;}
	#resources .resource a {font-size:.8em; font-weight:bold; font-style:normal;}
	
	/*Home Ramblings*/
	#ramblings, #twitterfeed {float:left; clear:both; width:485px; margin-bottom:10px;}
	#ramblings h2 {background:#f4ec3d url(/image/h2_ramblings.gif) no-repeat scroll 0 0;}
	#ramblings .post {padding:10px 0 10px 20px;float:left;width:465px;border-bottom:1px dashed #ccc;}
	#ramblings .post .text {float:right;width:399px;padding-right:10px;}
	.post h3 a {font-size:1.5em; font-weight:normal;}
	
	/*Home Twitterfeed*/
	#twitterfeed h2 {background:#f4ec3d url(/image/h2_tweets.gif); background-repeat:no-repeat; background-position:top left;}
	.tweet {float:left; border-bottom:1px dashed #ccc; padding:10px; width:465px;}
	.tweet h3 {color:#666;}
	.tweet p.tweetsource{line-height:1em; color:#ccc; font-style:italic; margin:0;}
	.tweet a{font-size:.8em;}
	
	/*Home Photofeed*/
	#photofeed {float:left;clear:both;background-color:#4ac7f3;padding:5px 10px 10px 10px;margin-top:10px;width:395px; text-transform:uppercase; color:#fff; font-size:.8em; font-weight:bold;}
	#photofeed h2 {background:transparent url(/image/h2_photos.gif) no-repeat scroll 0 0; border:none;}
	#photos {width:395px; float:left; clear:both;}
	#photos li { float:left;display:inline;	width:79px;	height:79px;}
	#photos li img{display:inline;margin:1px;border:1px solid #fff;float:left;width:75px;height:75px;}
	
	/*Home Sponsors*/	
	#home #right #sponsors {width:205px;float:right;}
	.minisponsor {width:205px; height:100px; float:left;position:relative; margin-bottom:5px; clear:left;}
	.minisponsor a .mask {background-image:url(/image/sponsor_border_green.gif); width:205px; height:100px;background-repeat:no-repeat; position:absolute;top:0;left:0;}
	.minisponsor a:hover .mask {background-image:url(/image/sponsor_border_grey.gif);}
	
	/*Home Ramblings*/
	#ramblingspage {float:left; clear:both; width:465px; margin-bottom:10px;}
	#ramblingspage h2 {background:#f4ec3d url(/image/h2_ramblings.gif) no-repeat scroll 0 0;}
	#ramblingspage .post {padding:10px 0 10px 20px;float:left;width:445px;border-bottom:1px dashed #ccc;}
	#ramblingspage .post .text {float:right;width:359px;padding-right:10px;}
	

/*Inside Page*/
#inside{width:920px;float:left;}
#inside #left {width:205px;float:left;}
#inside #right {width:695px;float:right;}
#inside #right #alpha {float:left; width:470px;}
#inside #right #beta {float:right; width:205px;}
#inside #right #alphabeta {float:left; width:695px;}

	/*LeftNav*/
	.leftnav {margin-bottom:20px;}
	.leftnav li {border-bottom:1px dashed #ccc;}
	.leftnav li a{background-image:url(/image/bullet.gif); background-position:left; background-repeat:no-repeat; display:block; padding:7px 0 7px 30px; line-height:1em;}
	.leftnav li a.on{color:#3b2d20;}

	/*Etc...*/
	#inside .feature {margin-bottom:20px; float:left; clear:both;}
	#inside .relatedfeature h2{background:#f4ec3d url(/image/h2_related.gif) no-repeat scroll 0 0;}
	#inside .tagsfeature h2{background:#f4ec3d url(/image/h2_tags.gif) no-repeat scroll 0 0;}

	/*Articles*/
	#alphabeta .articleheader, #alpha .articleheader{background:#3b2d20; padding:10px;min-height:64px;border-bottom:1px dashed #ccc; margin-bottom:20px;}
	#alphabeta .articleheader, #alpha .articleheader h1 {color:white;font-size:1.8em; font-weight:normal; margin:0; }
	#alphabeta .articleheader, #alpha .articleheader p {margin:0; }
	
	#alpha .articleintro img {float:left; padding:9px; border:1px solid #ccc;}
	#alpha .articleintro h3 {float:right; width:225px; font-size:2em; color:#3b2d20; font-weight:normal; line-height:1.0em;}
	#alpha .article{float:left; clear:both; margin-top:20px;}
	#alpha .article p {font-size:1.2em; color:#666;}
	#alpha .article .quote {float:right; margin:20px; background-image:url(/image/quote_bg.gif); background-repeat:no-repeat; background-position:top left; width:200px; font-size:1.5em; color:#71bf44; font-weight:normal; line-height:1.5em;}
	#alpha .article ol {list-style:decimal;margin-left:30px; font-size:1.2em; color:#666;}
	#alpha .article li {margin:5px 0;}

	#inside #left h2.life{background:transparent url(/image/h2b_life.gif) no-repeat scroll 0 0;}
	#inside #left h2.art{background:transparent url(/image/h2b_art.gif) no-repeat scroll 0 0;}
	#inside #left h2.ramblings{background:transparent url(/image/h2b_ramblings.gif) no-repeat scroll 0 0;}
	#inside #left h2.resources{background:transparent url(/image/h2b_resources.gif) no-repeat scroll 0 0;}
	#inside #left h2.search{background:transparent url(/image/h2b_search.gif) no-repeat scroll 0 0;}
	#inside #left h2.authors{background:transparent url(/image/h2b_contributers.gif) no-repeat scroll 0 0;}
	#inside #left h2.oops{background:transparent url(/image/h2b_oops.gif) no-repeat scroll 0 0;}

	
	/*  resources */
	.resourcelist .resource {padding:5px 10px;}
	
	/* Rambling Post */
	.postdetail h3 {font-size:2em; font-weight:normal; line-height:1.2em; margin-bottom:20px;}
	.postfooter {float:left;clear:both; border-top:1px dashed #ccc; width:470px; margin-top:10px; padding-top:5px; text-align:right;}
	.postfooter a {text-transform:uppercase; font-size:.7em; font-weight:bold; letter-spacing:2px;}
	
	
	/*Search Results*/
	.searchresults {border-right:1px dashed #ccc; float:left;}
	.searchresults .sponsorbadge {background:url(/image/badge_sponsor.png); background-repeat:no-repeat; background-position:top right; padding-bottom:10px!important;}
	.searchresults .resourcesbadge {background:url(/image/badge_resources.png); background-repeat:no-repeat; background-position:top right; padding-bottom:10px!important;}
	.searchresults .lifebadge {background:url(/image/badge_life.png); background-repeat:no-repeat; background-position:top right;}
	.searchresults .artbadge {background:url(/image/badge_art.png); background-repeat:no-repeat; background-position:top right;}
	.searchresults .ramblingsbadge {background:url(/image/badge_ramblings.png); background-repeat:no-repeat; background-position:top right;}
	
	.searchresult {float:left; clear:both; width:564px; padding-bottom:0;padding-top:10px; border-bottom:1px dashed #ccc; padding:10px 120px 0 10px;}
	.searchresult h3 a {font-size:1.5em; font-weight:normal;}
	.searchresult .author {margin-bottom:0px;}
	
	

/*Overides*/
h2 {position:relative; color:#ccc; height:18px;text-indent:-9999px;border-bottom:1px dashed #ccc;}
h2.big {position:relative; color:#ccc; height:84px;text-indent:-9999px;border-bottom:1px dashed #ccc;}
h2 a {display:block; position:absolute; right:0; top:0;text-indent:0; margin-right:10px; color:#3b2d20; font-size:.8em; font-weight:bold;}
.dateblock {float:left; width:36px; overflow:hidden; background-image:url(../image/date_block_top.gif); background-repeat:no-repeat; line-height:.9em;}
.dateblock .month {float:left; width:36px; margin-top:6px;text-align:center; color:#fff; text-transform:uppercase; background-color:#3b2d20; }
.dateblock .day {float:left; width:36px; text-align:center; color:#fff; text-transform:uppercase; background-color:#3b2d20; font-size:1.5em; padding-bottom:2px; }
.dateblock .datefooter {float:left; width:36px; height:6px; background-image:url(../image/date_block_bottom.gif); background-repeat:no-repeat;}


.markitimageleft, .markitimageright, .imageleft, .imageright {padding:9px;border:1px solid #ccc;}
.imageleft, .markitimageleft {float:left; margin:0 15px 15px 0;}
.imageright, .markitimageright {float:right; margin:0 0 15px 15px;}
.markitimagenowrap {display:block;padding:9px;border:1px solid #ccc;margin:0 15px 15px 0; margin-left:auto; margin-right:auto;}

.capfirst {text-transform:capitalize; }

/* Forms */
form input.text,form textarea {color:#333;background:#fff;border:3px double #ccc;font-family:Georgia, Serif;margin:0;padding:7px;font-size:1.2em;}
form textarea {height:100px; width:440px;}
form input.text:focus,form textarea:focus {border:3px double #fff;background:#71bf44;color:#fff;}
input.text,input.title,textarea,select {border:1px solid #bbb;margin:0.5em 0;}
input.text:focus,input.title:focus,textarea:focus,select:focus {border:1px solid #666;}
input.text,input.title {width:300px;padding:5px;}



.commentwrapper {float:left; width:100%; border-top:1px dashed #ccc; padding:5px 0;}
.outercomment {float:left; width:100%; background-image:url(/image/commentquote.gif); background-position:top left; background-repeat:no-repeat; }
.innercomment {width:400px; margin-left:60px;}
.innercomment .posted {float:right; color:#666; font-style:italic;}

.commentpaginate {
width:460px;
color:#fff;
background-color:#3b2d20;
float:left;
clear:both;
text-align:right;
padding:4px 10px 4px 0;
}

.commententry {float:left; border-top:1px dashed #ccc; padding-top:10px; width:470px;}
.comments {float:left; width:470px; clear:both;}