@charset "utf-8";
/* CSS Document created by Brandi Jones (bjones@4site.tv) 8/15/11 www.4site.tv */

body {
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	background-image:url(../images/bkgr-texture.jpg);
	background-color:#1b2b3f;
}

#wrapper-outer {
	background-image:url(../images/bkgr-fish-texture.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	padding-bottom:40px;
	/*min-height:1350px;*/
}

#wrapper {
	width:1078px;
	margin:0px auto 0px auto;
	background-image:url(../images/bkgr-green.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}


/*------------------------------typography, misc. elements-----------------------------*/

.clear {
	clear:both;
	font-size:0px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

.noBotMarg {
	margin-bottom:2px;
}

p {
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
}

.highlight {
background-color:#FFFF99;}

h1 {
	font-family:'Broken15Regular', Arial, Helvetica, sans-serif;
	font-size:72px;
	color:#15263b;
	line-height:80px;
	padding-bottom:0px;
	font-weight:normal;
}

h2 {
	font-family:'Broken15Regular', Arial, Helvetica, sans-serif;
	font-size:60px;
	color:#15263b;
	line-height:68px;
	padding-bottom:20px;
	font-weight:normal;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#458b8d;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}

a:link, a:visited {
	color:#15263b;
	font-weight:bold;
}

a:hover {
	color:#1f3754;
}

.left {
	float:left;
	margin:0px 25px 15px 0px;
}

.right {
	float:right;
	margin:0px 0px 15px 25px;
}

ul.ruled {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}

ul.ruled li {
	padding:10px 0px 10px 0px;
	font-size:12px;
	border-bottom:1px dashed #CCC;
	background-image:none;
}

.rule {
	margin:5px 0px 10px 0px;
	border-top:4px solid #d4dce3;
}


/*--------------------------------------page layout--------------------------------------*/

#header {
	position:relative;
	height:292px;
	background-image:url(../images/bkgr-header.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

img.logo {
	position:absolute;
	left:-43px;
	top:65px;
}

img.action {
	position:absolute;
	right:20px;
	top:72px;
}

img.action:hover {
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

/* NAV (horizontal HTML text) */

#nav {
	position:absolute;
	top:185px;
	left:435px;
	height:auto;
	width:auto;
	margin:0px;
	padding:0px;
	z-index:50;
}

#nav li {
	display:inline;	
	list-style-type:none;
	position:relative;
	float:left;
	padding:0px 18px 0px 0px;
	margin:0px 6px 0px 0px;
	background-image:url(../images/bkgr-nav.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#nav li.last {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:none;
}

#nav li a:link, #nav li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:#0c1c30;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
	padding:5px 0px 5px 0px;
	margin:0px;
	display:block;
	text-decoration:none;
	text-align:center;
}

#nav li a:hover {
	color:#b43b1e;	
}

/* active page highlights */
body.about #nav li.about a:link, body.about #nav li.about a:visited, body.action #nav li.action a:link, body.action #nav li.action a:visited, body.toolkit #nav li.toolkit a:link, body.toolkit #nav li.atoolkit a:visited, body.faq #nav li.faq a:link, body.faq #nav li.faq a:visited, body.updates #nav li.updates a:link, body.updates #nav li.updates a:visited, body.videos #nav li.videos a:link, body.videos #nav li.videos a:visited, body.media #nav li.media a:link, body.media #nav li.media a:visited {
	color:#b43b1e;	
}

/* IE6 specific (sets block links without taking up entire width of parent or needing to set explicit widths, 
other browsers don't seem to have this issue) */
* html #nav li a:link, * html #nav li a:visited {
	display:inline-block;
}


#content {
	/* clears floated elements within */
	overflow:hidden;
	word-wrap: break-word;
	margin-bottom:40px;
	position:relative;
	background-color:white;
	background-image:url(../images/bkgr-content-bot.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0px 56px 70px 56px;
}

#share-embeds {
	position:absolute;
	right:0px;
	top:0px;
	width:170px;
	height:75px;
}

#features-home {
	overflow:hidden;
	margin-bottom:10px;
}

#video {
	width:645px;
	position:relative;
	float:left;
}

#video-embed {
	width:640px;
	height:500px;	
	background-color:none;
}

#suggestion-embeds {
	width:275px;
	position:relative;
	float:right;
	margin-top:100px;
}

.twitter {
	background-image:url(../images/bkgr-embed1.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
	height:223px;
}

.facebook {
	background-image:url(../images/bkgr-embed2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:223px;
}

#columns {
	background-image:url(../images/bkgr-columns.gif);
	background-position:center -25px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding-top:10px;
}

body.front #columns {
	background-image:url(../images/bkgr-columns.gif);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	padding-top:30px;
}

#col-left {
	width:545px;
	float:left;
}

#col-right {
	width:340px;
	float:right;
}


/* FOOTER */

#footer {
	border-top:1px solid #2e3d4f;
	padding-top:20px;
}

#footer p, #footer a:link, #footer a:visited {
	color:#525e6e;
	font-size:14px;	
	font-weight:bold;
}

/*-- Misc styles ---*/

/* force scrollbar on all pages to prevent page "jump" on short content */
html { overflow-y: scroll; }

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

#tafBody h1 

{

font-family:'Broken15Regular', Arial, Helvetica, sans-serif;
	font-size:72px;
	color:#15263b;
	line-height:80px;
	padding-bottom:0px;
	font-weight:normal;

}


/*----for RSS -----*/

.date {
	font-size: 8pt;
		}
		
.feedburnerFeedBlock ul li  {
  list-style:none;
  padding-bottom:1em;
}	

.feedburnerFeedBlock p  {
 margin-bottom:3px;
}	


/*--------------------------------------print styles--------------------------------------*/

@media print {
	img.logo {position:static; margin-bottom:30px;}
	#feature-graphic, #sidebar, #nav, #slideshow, .divider {display:none;}
	#wrapper, #content, #main, #header {width:auto !important; height:auto !important; min-height:0; position:static; margin:0px; padding:0px; border:none; float:none !important;}
	#wrapper-header {height:0px;}
	body, p, a {color:black; background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	#footer {background-image:none; text-align:left; margin:0px; padding:0px; padding-top:15px; margin-top:50px; border-top:1px solid #d4d4d4; height:auto;}
	#footer p {padding:0px;}
	/* CSS2 selector to add visible href after links */
  #main a:link:after,
  #main a:visited:after
  {
    content: " (" attr(href) ") ";
  }
}