/* CSS Stylesheet for tameyourtot.com */

/* normalize all browser defaults */
* {margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif;}

/* page setup and general styles */

body {text-align:center; border-top:10px solid #849aa8; background:#ebe5cc url(../images/bg-screen_internal.gif) center top repeat-x;}
body.home {background-image:url(../images/bg-screen_home.gif);}
div#page {width:960px; margin-left:auto; margin-right:auto; text-align:left; position:relative;}

/* .......... font sizes and default margins */
div, p, li, h6, td {font-size:12px; line-height:16px;}
p, h6 {margin:10px 0;}
h1 {font-size:24px; line-height:30px; margin:25px 0 10px; }
h2, h3 {font-size:22px; line-height:26px; margin:30px 0 10px;}
h4, h5 {font-size:14px; line-height:20px; margin:14px 0 10px;}
.subhead {margin-bottom:2px;}
.first {margin-top:0;}
ul, ol {padding-left:30px;}
li {margin:0; margin-bottom:5px;}

.praise {color:#0f3651; padding-left:22px;}
.praise strong{color:#000; font-size:14px; font-weight:bold; font-style:italic;}
.praise-small {color:#0f3651; padding-left:22px;}
.praise-small strong{color:#000; font-size:11px; font-weight:bold; font-style:italic;}

.ul_featured li ul li {
	list-style-image:none;
	margin-bottom:0;
}

h2 .trade {
	font-size: 18px;
	line-height: 22px;
	vertical-align: text-top;
}

/* ......... image replacement methods: http://www.mezzoblue.com/tests/revised-image-replacement/ */
/* for phark revisited */
.prir {margin:0; font-size:12px; line-height:16px; text-indent:-5000px; background-repeat:no-repeat;}
.prir a {display:block; outline:none;}
/* for leahy langridge (used in nav) */
.llir {margin:0; font-size:12px; line-height:16px; background-repeat:no-repeat;}
.llir a {display:block; height:0 !important; overflow:hidden;}

/* ..................... colors (key at bottom of stylesheet) */
div, p, li, h6, td {color:#000;}
h1, h2, h4 {color:#830c11;}
h3, h5 {color:#0f3651;}
a {font-weight:bold;}
a:link {color:#830c11;}
a:visited {color:#54080b;}
a:hover {color:#416a86;}

h2 a, h2 a:visited {
	font-size:22px; line-height:26px; margin:30px 0 10px;
	color:#830c11;
	text-decoration:none;
}
h2 a:hover {
	font-size:22px; line-height:26px; margin:30px 0 10px;
	color:#830c11;
	text-decoration:underline;
}

.red_text { 
	color:#830c11;
	font-weight:bold;
	font-size:inherit;
}
.red_text a {
	color:#830c11;
	font-weight:bold;
	font-size:inherit;
}
.red_text a:hover {
	color:#416a86;
}
.redder_text { 
	color:#f00;
	font-weight:bold;
	font-size:inherit;
}
.redder_text a {
	color:#f00;
	font-weight:bold;
	font-size:inherit;
}
.redder_text a:hover {
	color:#416a86;
}


/* ......... easy-clearing: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
	/* End hide from IE-mac */

/* ........ logo, masthead, banner */
h1#logo-masthead {background-image:url(../images/logo_tyt.gif); width:480px; margin-bottom:89px;}
	h1#logo-masthead a {height:110px; width:370px;}
h1#banner-home {background-image:url(../images/banner-home.jpg); height:171px;}
h1#banner-about {background-image:url(../images/banner-about.jpg); height:123px;}
h1#banner-tot_zone {background-image:url(../images/banner-tot_zone.jpg); height:123px;}
h1#banner-news_articles {background-image:url(../images/banner-news_articles.jpg); height:123px;}
h1#banner-book {background-image:url(../images/banner-book.jpg); height:123px;}
h1#banner-merchandise {background-image:url(../images/banner-merchandise.jpg); height:123px;}

/* ........ main navigation
 			Suckerfish method: http://www.htmldog.com/articles/suckerfish/dropdowns/ */
ul#nav_main, ul#nav_main ul {list-style:none; padding:0; margin:0;}
ul#nav_main li {padding:0; margin:0;}
ul#nav_main {background-repeat:no-repeat; padding:15px 0 0 16px; position:absolute; top:110px;}
	.home ul#nav_main {background-image:url(/images/bg-nav-home.gif);}
	.internal ul#nav_main {background-image:url(/images/bg-nav.gif);}
	
ul#nav_main a {display:block; text-decoration:none;}

ul#nav_main li.llir {float:left; background-position:0 0; margin-right:15px;}
ul#nav_main li a {padding:74px 0 0 0;}
	ul#nav_main li#nav-about {background-image:url(../images/nav-about.gif); width:140px;}
	ul#nav_main li#nav-tot_zone {background-image:url(../images/nav-tot_zone.gif); width:170px;}
	ul#nav_main li#nav-news_articles {background-image:url(../images/nav-news.gif); width:224px;}
	ul#nav_main li#nav-book {background-image:url(../images/nav-book.gif); width:155px;}
	ul#nav_main li#nav-merchandise {background-image:url(../images/nav-merch.gif); width:180px;}
		.home ul#nav_main li#nav-book {background-image:url(../images/nav-book-home.gif);}
		.home ul#nav_main li#nav-merchandise {background-image:url(../images/nav-merch-home.gif);}
ul#nav_main li:hover, ul#nav_main li.sfhover {background-position:0 -100px;}

body.about li#nav-about, body.tot_zone li#nav-tot_zone, body.news_articles li#nav-news_articles,
	body.book li#nav-book, body.merchandise li#nav-merchandise {background-position:0 -200px;}

ul#nav_main li ul {position:absolute; left:-1999em; top:81px; z-index:100; line-height:1;
	border:1px solid #1d3f59; background:#ded7bc url(../images/dd_notch.gif) 12px 0 no-repeat; margin:0 0 0 15px; padding-top:10px;}
	ul#nav_main li#nav-about ul, ul#nav_main li#nav-about ul li {width:113px;}
	ul#nav_main li#nav-tot_zone ul, ul#nav_main li#nav-tot_zone ul li {width:120px;}
	ul#nav_main li#nav-news_articles ul, ul#nav_main li#nav-news_articles ul li {width:156px;}
	ul#nav_main li#nav-book ul, ul#nav_main li#nav-book ul li {width:107px;}
	ul#nav_main li#nav-merchandise ul, ul#nav_main li#nav-merchandise ul li {width:107px;}
ul#nav_main li ul li a {padding:5px 10px; height:18px !important;}
ul#nav_main li ul li a:link, ul#nav_main li ul li a:visited {color:#173549;}
ul#nav_main li ul li a:hover {background:#eae7d6; color:#830c11;}
ul#nav_main li:hover ul, ul#nav_main li.sfhover ul {left:auto;}

#social_logos {
	position:absolute;
	top:50px;
	right:0px;
}

/* ........ utility navigation */
ul#nav_utility {position:absolute; top:5px; right:2px; list-style:none;}
ul#nav_utility li {float:left; border-right:1px solid #830c11;font-size:20px; }
	ul#nav_utility li.last {border-right:none;}
ul#nav_utility li a {display:block; padding:0 15px;font-size:20px; }
	ul#nav_utility li.last a {padding-right:0;}
	ul#nav_utility li a:link, ul#nav_utility li a:visited {text-decoration:none;}
	ul#nav_utility li a:hover {text-decoration:underline;}

/* ........ page content */
			/* general */
.img_content {float:left; margin:3px 15px 10px 0; border:1px solid #666;}
	.img_content-r {float:right; margin:3px 0 15px 10px; border:1px solid #666;}
	.img_content-r1 {float:right; margin:3px 0 15px 10px;}
	.img_content-r2 {float:right; margin:38px 0 15px 10px; }
	.img_content-free {float:left; margin:0 15px 10px 0;}
div.caption-img {float:left; margin:3px 15px 10px 0; border:1px solid #97a1a4; padding:15px; background:#f3efdd url(../images/bg-caption.gif) bottom left no-repeat;}
	div.caption-img img {border:1px solid #666;}
	div.caption-img p {text-align:center; font-size:10px; line-height:11px; font-weight:bold; color:#666; padding:5px 0 0; margin:0;}
	div.w100 {width:100px;}	
	div.w150 {width:150px;}	
.ul_featured {list-style:none; padding:0;}
	.ul_featured li {background:url(../images/bullet-blue.gif) 0 2px no-repeat; padding-left:20px; margin-bottom:10px;}
p.quote {margin-top:50px; font-style:italic; border-bottom:1px solid #97a1a4; background:url(../images/bg-quotes.gif) left bottom repeat-x;}
.ul_featured ul {
	padding-left:8px;
	margin-left:8px;
	margin-bottom:-20px;
}
.ul_featured li ul li {
	background: none;
	padding-left:8px;

	list-style-image:none;
	list-style-type: disc;
}
.ul_home {list-style:none; }
	.ul_home li {background:url(../images/bullet-blue.gif) 0 2px no-repeat; padding-left:20px; margin-bottom:10px;}
p.quote {margin-top:50px; font-style:italic; border-bottom:1px solid #97a1a4; background:url(../images/bg-quotes.gif) left bottom repeat-x;}
	p.quote span.quote_by {font-style:normal; font-weight:bold; display:block; font-size:11px; padding:10px 15px 5px; color:#8395a8; text-align:right;}
	p.quote span.quote_by em {font-style:normal; color:#6f7c85;}
.by_float {margin-left:115px;}
.by_float_150 {margin-left:165px;}
.action_link_vid {display:block; background:url(../images/btn-blue_arrow.gif) 0 0 no-repeat; padding:2px 0 2px 25px; margin:10px 0; clear:left;}
.action_link_vid:hover {background-position:0 -30px;}
.action_link {display:block; background:url(../images/btn-blue_arrow.gif) 0 0 no-repeat; padding:2px 0 2px 25px; margin:10px 0; }
.action_link:hover {background-position:0 -30px;}
.action_link_left { background:url(../images/btn-blue_arrow.gif) 0 0 no-repeat; padding:2px 0 2px 25px; margin:-10px 0 20px 0; float:left;}
.action_link_left:hover {background-position:0 -30px;}
.action_link_right {display:block; background:url(../images/btn-blue_arrow.gif) 0 0 no-repeat; padding:2px 0 2px 25px; margin:-10px 0 10px 20px; float:left;}
.action_link_right:hover {background-position:0 -30px;}
.cl {clear:left;}
span.byline {font-style:italic; font-weight:bold; display:block; font-size:12px; line-height:14px; margin-top:4px;}
.fineprint {font-size:10px; color:#444;}
.fineprint a:link, .fineprint a:visited {color:#444;}
p.pullquote {float:left; width:150px; font:italic 15px/17px bold Georgia, "Times New Roman", Times, serif; color:#2b4e66; background:url(../images/bg-tot_taming.gif); padding:15px; border:1px solid #faf9f3; border-width:2px 0; margin:3px 15px 10px 0; }
img#merch_all {margin-top:30px;}
p#privacy {margin-top:420px; font-size:11px;}
p.noshow {display:none; visibility:hidden;}  /* for hidden textfield to filter form spam */

			/* sections */
div#main_content {float:left; width:550px; margin:0 30px; min-height:400px;}
/* not in use, but saved just in case 
	div#taming_tips {clear:left; margin-top:30px; border-top:5px solid #0f3651; background:#f2efdc; padding:15px 30px 20px;}
		div#taming_tips h3 {margin-top:0;} */
div#taming_tips_feature {clear:left; margin-top:30px; background:url(/images/bg-tot_taming.gif) repeat-y; padding:15px 30px 20px; border-left:2px solid #faf9f3;}
	div#taming_tips_feature h3 {margin-top:0; padding-bottom:4px; border-bottom:2px solid #0f3651;}
div.taming_tips_q {padding:3px 30px 10px; background:url(../images/bg-taming_tips_q.gif) repeat-x;}
div.taming_tips_a {padding:5px 30px; border-top:2px solid #244f6f; background:url(../images/bg-taming_tips_a.gif) repeat-x; margin-bottom:30px;}
div.callout {margin:15px 25px 20px; padding:1px 20px 10px; background-repeat:no-repeat;}
	div.w440 {background-image:url(../images/rrfade-blue-w440.gif);}
div.feature, div.sidebar {margin:0 0 30px 610px;}
div.sidebar h3 {font-size:22px; line-height:26px; margin:10px 0 10px;}
div.sidebar h2 {font-size:22px; line-height:26px; margin:10px 0 10px;}

div.feature {background:#ded7bb url(../images/bg-feature.gif) 0 0 no-repeat; padding:15px 25px; min-height:170px;}
	div.tall {min-height:230px;}
div.feature h2.prir {height:45px; margin:-15px -25px 15px;}
	h2#whats_new {background-image:url(../images/sb_head-whats_new.gif);}
	h2#tot_blog {background-image:url(../images/sb_head-tot_blog.gif);}
	h2#video {background-image:url(../images/sb_head-video.gif);}
	h2#lt_talks {background-image:url(../images/sb_head-lt_talks_about_tyt.gif);}
	h2#send_qs {background-image:url(../images/sb_head-send_questions.gif);}
	h2#learn_more {background-image:url(../images/sb_head-learn_more.gif);}
	h2#the_book {background-image:url(../images/sb_head-the_book.gif);}
div.sidebar {padding-right:25px;}
div#news_list, div#articles_list {float:left; width:45%;}
	div#news_list {margin-right:8%;}
	div#news_list h5, div#articles_list h5 {padding-bottom:3px; border-bottom:1px solid #0f3651;}
	div#news_list li, div#articles_list li {padding-bottom:10px;}
div#video_alt_content, div#video_apr2008 {margin-top:20px;}
	h2.video {margin-bottom:20px;}

/* ........ form styles */
form#send_questions {margin:20px 0;}
form#contact_us {margin:30px 50px; background:url(/images/bg-tot_taming.gif) repeat-y; padding:15px 20px 20px; border-left:2px solid #faf9f3;}
form#contact_us fieldset {margin:20px 0;}
label {float:left; text-align:right; font-weight:bold; margin-right:7px; padding-top:3px;}
	#send_questions label {width:90px;}
	#contact_us label {width:160px;}
input.txt, textarea {width:180px; background:#f3efdd; border:1px solid #416a86; padding:2px; font-size:11px;}
input.cbox {background:#f3efdd; margin-top:3px;}
p.btn_submit {text-align:center; margin-top:15px;}

/* ........ footer */
div#footer {clear:both; background:url(../images/bg-footer.gif) center bottom no-repeat; text-align:center; padding:50px 30px 20px; margin:0 0 200px;}
div#footer p, div#footer li {font-size:11px; line-height:14px; color:#888;}

 .gf-snippet {
  margin-top : 8px;
  margin-bottom:8px;
}

.gfg-listentry {
  line-height : 2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 25px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-highlight { 
  background-image : url('/images/btn-blue_arrow.gif');
  background-repeat: no-repeat;
  background-position : top left;
}

/* ........ colors 
#830c11 - maroon (header text, links, subnav hover)
#54080b - dark maroon (visited links)
#244f6f - main blue from logo
#0f3651 - dark blue (headers)
#1d3f59 - dark blue 2 (subnav border)
#173549 - dark blue 3 (subnav links)
#416a86 - lighter blue (link hover)
#849aa8 - light blue 2 (top bar)
#97a1a4 - greyish blue (quotes page)
#6f7c85 - darker greyblue (quote_by)
#8395a8 - brighter greyblue (quote org)
#fed73a - logo yellow
#ebe5cc - beige screen bg
#ded7bb - dark beige (sidebar bg)
#ded7bc - dark beige 2 (subnav bg)
#eae7d6 - lighter beige (subnav hover)
#f2efdc - light beige 2 (main content feature)
#f3efdd - light beige 3 (caption div bg)
#5b5742 - dark olive
#8a7d47 - med olive
*/