/* ------------------ COLOR REFERENCE ------------   
	 			campaigns aqua 669999
	 			campaigns aqua dark 4d6f72
	 			shouts pumpkin ca992b
	 			shouts pumpkin dark 945e25
	 			contacts blue 323466
	 			contacts blue dark 241942
	 			grapes grape 854769
	 			tracking sienna C8582D
	 			content lime a5c632
	 			admin orange F08330
     			grass green 5BB947 
	 			grey 959595
---------------------------------------------- */
/* --------------------general layout stuff ---------------------- */
html,
body {
	margin: 0;
	padding: 0; }
body {
	color: #000;
	font-family: Helvetica, Calibri, Arial, Sans-Serif;
	background: url('../img/bg/body.png') repeat;
	border: 0; }
#wrap {
	width: 947px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px 40px;
	background: url('../img/bg/wrap.png') repeat-y; }
.colwrap {
	width: 905px;
	min-height: 300px;
	margin: 0 auto 10px 16px;
	padding: 30px 20px 10px 10px;
	overflow: hidden;
	background: url('../img/bg/widebox.png') no-repeat 0 0; }
.boxbot {
	clear: both;
	width: 911px;
	height: 24px;
	margin: -10px 0 0 16px;
	background: url('../img/bg/widebox_bot.png') no-repeat 0 0; }

.col1 {
	float: left;
	width: 209px;
	margin: 0 0 0 10px;
	border-right: 1px solid #c5c5c7; }

.col2 {
	float: right;
	width: 570px;
	min-height: 250px;
	margin: 0 60px 0 0;
	padding-left: 50px; }

/* ----------------- open-close boxes for col2, mostly just on the API page -- */
.col2 .oc {
	width: 509px !important;
	margin: 20px 0 36px 0 !important;
	padding-bottom: 10px;
	background: url('../img/bg/fieldset.gif') bottom center no-repeat !important; 
	border: 1px solid #fff; }

.col2 .oc h3 {
	height: 25px !important;
	margin: -24px 0 0 -1px !important;
	padding: 15px 0 0 30px !important;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	background: url('../img/bg/fieldset_top.gif') top center no-repeat !important; }
.col2 .oc h3 a {
	color: #000;
	font-size: 15px !important; }

.col2 .oc h4 {
	width: 100%;
	margin: 0 !important; }

.col2 .oc p { width: 100%; }
.col2 .oc a {
	padding-right: 0 !important;
	font-size: 12px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	background-image: none !important;  }

.col2 .oc h3+div  { /* first div after these h3s contain the fields in the show/hide area */
	padding-bottom: 20px; }
.col2 .oc div { /* contains show/hide items */
	width: 450px;
	margin-left: 30px;
	padding-left: 0; }
	
h3 abbr {
	display: block;
	float: left;
	width: 11px;
	height: 0;
	margin: 2px 4px 0 0;
	padding-top: 16px;
	overflow: hidden;
	background: url('../img/ui/toggle_more.gif') top left no-repeat; }
h3 abbr.open { background: url('../img/ui/toggle_less.gif') top left no-repeat; }
h3 abbr.close { background: url('../img/ui/toggle_more.gif') top left no-repeat; }

/* ----------------- copy stuff --------------------- */
h1 {
	width: 905px;
	height: 45px;
	margin: 0 auto 10px 20px;
	padding: 13px 0 0 20px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-align: left;
	background: url('../img/h1_bar.png') no-repeat 0 0; }
h1 a { color: #fff; }
h2 {
	font-size: 24px;
	font-weight: normal; }
.col2 h2 { 	margin-bottom: 10px; }
h3,
h4 { margin-bottom: 7px;
	color: #3f3f3f;
	font-weight: normal; }
h4 { font-size: 13px; }
dl { line-height: 150%; }
ul { padding: 0; }
ul li { list-style-type: none; }
p, dd, dl, ul, li {
	font-size: 12px;
	margin: 0 0 7px 0;
	text-align: left;
	color: #3f3f3f; }
ol li { color: #03508c; }

.col2 p {
	width: 500px;
	font-size: 13px;
	line-height: 140%; }
.col2 ul { width: 500px; }
.col2 img { margin: 10px 0; }

abbr, acronym {
	font-variant: small-caps;
	border-bottom: none; }

.alert p {
	width: 300px;
	padding-top: 40px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 12px;
	background: url('../img/ui/alert_noflash.gif') no-repeat top center; }
.alert p a {
	float: none;
	text-transform: none;
	background-image: none;
	font-size: 11px; }

pre {
	padding: 10px;
	color: #1f223f;
	font-size: 11px;
	background: #eff9ff;
	border: 1px solid #ccc; }
pre strong {
	color: #000;
	font-size: 13px; } /* linebreaks */
pre+p.info { /* info about linebreaks */
	width: 100% !important;
	margin-top: -35px;
	margin-left: -25px;
	text-align: right;
	color: #77787F;
	font-size: 11px;
	font-style: italic; }

/* ----------------- let me clear my float ------ */
.col2:after,
.clear:after { /* forces containing div to wrap float*/
 	content: ".";
 	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; }

div.hr {
	display: block;
	float: none !important;
	clear: both;
	height: 1px;
	width: 800px !important;
	overflow: hidden;
	margin: 30px auto;
	border-top: 1px solid #8c8c8c;  }
div.hr hr { border: none 0; margin: 0; }

/* ----------------- header --------------------- */
#header { /* logo, navigation */
	width: 907px;
	margin: 0 auto;
	padding-top: 25px;
	overflow: auto;
	text-align: left; }

#logo:link, #logo:visited, #logo:hover {
	display: block;
	width: 435px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -6666px;
	background: url('../img/logos/shoutlet-se.png') no-repeat; }
#header p {
	width: 100%;
	margin-top: -20px;
	color: #E8E8E8;
	font-size: 11px;
	text-align: right; }
#header p a { color: #9C9EA0; }
#header p a  img { vertical-align: baseline; }
/* ----------------- nav --------------------- */
#nav {
	width: 907px;
	height: 26px;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	background: url('../img/nav/nav.png') repeat-x 0 0; }

#nav li { float: left; }
#nav li a {
	display: block;
	height: 22px;
	padding: 8px 24px 0 24px;
	margin: 0;
	color: #959595;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-transform: none; }
#nav li a:hover { color: #2098D5; }
#nav li+li+li+li+li+li { margin-left: 310px; }
#nav li+li+li+li+li+li a { color: #2098D5; }

.features #a_features, /* you are here */
.developers #a_developers,
.distribution #a_distribution,
.about #a_about { color: #5BB947; }

/* ----------------- subnav --------------------- */
#subnav {
	width: 530px;
	margin: -20px 0 0 350px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	background: #fff; }
.about #subnav { padding-left: 15px; }
.distribution #subnav {
	width: 470px;
	margin-left: 380px;
	padding-left: 11px; }
.email #subnav {
	width: 560px;
	margin-left: 300px;
	padding-left: 15px; }
.podcasts #subnav { width: 510px; }
.rss #subnav {
	width: 350px;
	margin-left: 500px; }
.video #subnav { width: 520px; }
#subnav li {
	float: left;
	margin: 0 10px;
	color: #c95829;
	list-style: disc outside; }
#subnav li:first-child { list-style-type: none; }


#subnav li a { color: #8C8C8C; }
#subnav li a:hover { color: #c95829; }

#about a#a_overview,
#distribution a#a_overview,
#email a#a_overview,
#channels a#a_channels,
#fa a#a_freeagent,
#freedistro a#a_free,
#podcasts a#a_overview,
#rss a#a_overview,
#video a#a_overview,
#contact a#a_contact,
#directories a#a_directories,
#personalization a#a_personalization,
#preview a#a_preview,
.pricing a#a_pricing,
#press a#a_press,
#reporting a#a_reporting,
#tivo a#a_tivo,
#videodistro a#a_distro,
#widget a#a_widget,
#wysiwyg a#a_wysiwyg { color: #404040; text-decoration: underline; }

/* gallery subnav, tabs */
.gallery #subnav {
	width: 800px;
	margin: -40px 40px 0 40px;
	padding: 0;
	background-image: none;
	border-bottom: 1px solid #c0c0c0; }

.gallery #subnav li {
	float: right;
	width: 128px;
	height: 29px;
	list-style: none;
	text-align: center; }

.gallery #subnav li a {
	display: block;
	width: 128px;
	height: 29px;
	padding-top: 10px; }
#a_videogallery { border-right: 1px solid #c0c0c0; }

.gallery #subnav li a { color: #0071bc; }
.gallery #subnav li a:hover { color: #e4701d; }

#videogallery #a_videogallery,
#rssgallery #a_rssgallery {
	font-weight: bold;
	text-decoration: none; }

/* ----------------- sidenav (features) --------- */
#sidenav li {
	width: 209px;
	height: 42px; }

#sidenav li a {
	display: block;
	padding: 15px 0 14px 45px;
	background-position: 0 0; }
#sidenav li a:hover { background-position: 420px 0; }

#a_email a { background-image: url('../img/nav/email.png'); }
#a_sms a { background-image: url('../img/nav/sms.png'); }
#a_video a { background-image: url('../img/nav/video.png'); }
#a_podcasts a { background-image: url('../img/nav/podcast.png'); }
#a_rss a { background-image: url('../img/nav/rss.png'); }
#a_widgets a { background-image: url('../img/nav/widget.png'); }
#a_tracking a { background-image: url('../img/nav/tracking.png'); }

.email #a_email a,
.sms #a_sms a,
.video #a_video a,
.podcasts #a_podcasts a,
.rss #a_rss a,
.widgets #a_widgets a,
.tracking #a_tracking a { background-position: 210px 0; }

#sidenav #a_pdf {
	padding-top: 20px;
	border-top: 1px solid #ccc; }

#a_pdf a,
#a_screenshots a {
	color: #333;
	font-size: 11px;
	text-transform: uppercase; }

#a_pdf a {
	padding: 14px 0 10px 50px !important;
	background: url('../img/nav/pdf.jpg') no-repeat center left; }
#a_pdf a:hover { background-position: 0 0 !important; }

#a_screenshots a { 
	margin-top: 15px;
	padding: 10px 0 10px 50px !important;
	background: url('../img/nav/screenshots.png') no-repeat 8px 2px !important; }
#a_screenshots a:hover { background-position: 8px 2px !important; }

/* ----------------- links ---------------------- */
a { color: #0071bc;
	text-decoration: none; }
a:hover { color: #e4701d; }

a, a:active, a:hover, a:link, a:visited, a:focus {
	outline-style: none;
	border: 0; }
a img { border: 0px solid; }
.btn {
	display: block;
	text-indent: -6666px; }
.startnow {
	width: 136px;
	height: 35px;
	background: url('../img/btns/startnow.png') no-repeat 0 0 !important; }
.startnow:hover { background: url('../img/btns/startnow.png') no-repeat 0 -35px; }

#howitworks ul li a,
.developers .colwrap div a,
.distribution .colwrap div a,
#api .col1 a,
.col2 a {
	padding-right: 11px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	background: url('../img/ui/bluearrow.png') no-repeat center right; }

/* ----------------- HOME ----------------------- */

#home .colwrap {
	margin: 15px auto 0 auto;
	padding: 2px 0 10px 0;
	background-image: none; }

#home .col1 {
	width: 641px;
	margin: 0; padding: 0;
	border-right: 1px solid #808183; }

#slides {
	margin: 0;
	padding: 0; }
#slides div { /* big image with text */
	width: 614px;
	height: 272px;
	margin: -5px 0 70px 0;
	padding: 0; }
#slides #home1 { background: url('/img/home1.png') no-repeat; }
#slides #home2 { background: url('/img/home2.png') no-repeat; }
#slides #home3 { background: url('/img/home3.png') no-repeat; }
#slides h3 {
	font-size: 27px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	line-height: 115%; }
#home1 h3 {
	width: 460px;
	margin: 0 auto 0 auto;
	padding-top: 160px; }
#home2 h3 {
	width: 290px;
	margin: 0 0 0 20px;
	padding-top: 60px; }
#home3 h3 {
	width: 330px;
	margin: 0 0 20px 280px;
	padding-top: 80px; }
#home2 h3 em,
#home3 h3 em {
	display: block;
	color: #000;
	font-size: 14px;
	font-style: normal;
	line-height: 140% !important; }
#slides .btn {
	float: right;
	margin: 0 10px 0 0; }
#slides #home2 .btn {
	margin: 30px 10px 0 0; }
#home1 { background-position: 0 0; }

.home #togs { /* numbers */
	width: 100px;
	margin: -100px 0 30px 30px; }
.home #togs a {
	color: #fff;
	font-size: 11px;
	padding: 3px 5px 1px 4px; }
.home #togs a:hover {
	color: #FDFF3F;
	border-bottom: 0; }
.home #togs a.on { background: url('/img/btns/roundbox.png') no-repeat 0 0; }

.home .col1 h2 {
	width: 609px;
	padding: 5px 0 2px 6px;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #B3B2B3; }

#howitworks ul {
	margin-bottom: 25px;
	overflow: hidden; }
#howitworks ul li {
	display: block;
	float: left;
	width: 200px;
	margin: 0 8px 0 0;
	color: #F16422;
	font-size: 27px; }
#howitworks h3 {
	float: right;
	clear: none;
	width: 180px;
	margin: -23px 0 0 0;
	color: #00508F;
	font-size: 14px;
	font-weight: bold; }
#howitworks p {
	float: right;
	width: 180px;
	margin: 0;
	color: #626366;
	font-size: 12px; }
#howitworks li a {
	float: left;
	margin: 0 0 0 20px;
	text-transform: none !important; }

#socials {
	padding-top: 15px;
	overflow: hidden;
	border-top: 1px solid #808183;
	border-bottom: 1px solid #808183; }
#socials h2 {
	float: left;
	width: 275px;
	background: #b3b2b3 url(../img/ui/greyarrow-rev.gif) center right no-repeat; }
#socials p {
	clear: both;
	width: 510px;
	margin: 5px 0 15px 15px; }
#socials ul {
	width: 330px;
	float: left;
	clear: none;
	overflow: hidden;
	margin: 5px 0 5px 15px;
	padding: 0; }
#socials li { margin: 0; padding: 0; }
#socials li a {
	display: block;
	float: left;
	clear: none;
	width: 32px;
	height: 32px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-indent: -6666px;
	background-image: url(../img/sprites-socials.gif);
	background-repeat: no-repeat;
	background-position: 0 0; }
#socials li a:hover { background-position: -32px 0; }
#socials li+li a { background-position: 0 -32px; }
#socials li+li a:hover { background-position: -32px -32px; }
#socials li+li+li a { background-position: 0 -64px; }
#socials li+li+li a:hover { background-position: -32px -64px; }
#socials li+li+li a { background-position: -32px -64px; }
#socials li+li+li+li a { background-position: 0 -96px; }
#socials li+li+li+li a:hover { background-position: -32px -96px; }
#socials li+li+li+li+li a { background-position: 0 -128px; }
#socials li+li+li+li+li a:hover { background-position: -32px -128px; }
#socials li+li+li+li+li+li a { background-position: 0 -160px; }
#socials li+li+li+li+li+li a:hover { background-position: -32px -160px; }

#clients ul { margin-left: 15px; }
#clients li {
	display: block;
	float: left;
	clear: none;
	width: 139px;
	height: 52px;
	margin: 0 auto 10px auto;
	text-indent: -6666px;
	background-image: url(../img/sprites-clientlogos.gif);
	background-repeat: no-repeat; }
#clients li+li { background-position: 0 -52px; }
#clients li+li+li { background-position: 0 -104px; }
#clients li+li+li+li { background-position: 0 -156px; }
#clients li+li+li+li+li { background-position: 0 -210px; }
#clients li+li+li+li+li+li { background-position: 0 -262px; }
#clients li+li+li+li+li+li+li { background-position: 0 -314px; }
#clients li+li+li+li+li+li+li+li { background-position: 0 -366px; }

#home .col2 {
	width: 240px;
	margin: 0;
	padding: 0; }

#home .col2 h2 {
	color: #00508F;
	font-size: 20px; }
#home .col2 h2 img {
	float: left;
	margin: -20px 5px 0 0; }

#home .col2 object { margin: 0; }

#home .col2 div+h2,
#home .col2 object+h2,
#home .col2 ul+h2 {
	margin-top: 25px;
	border-bottom: 1px solid #808183; }

#home .col2 p {
	width: 100%; }
#home .col2 a { text-transform: none; }
#home .col2 a[rel="external"] {
	font-size: 12px;
	background-position: 100% 2px; }
#home .col2 ul { width: 100%; }
#home .col2 ul a {
	color: #696969;
	font-size: 12px; }
.home .col2 p img {
	float: right;
	margin-left: 5px; }
	
.home a.requestdemo {
	display: block;
	width: 240px;
	height: 70px;
	margin: 0;
	padding: 0;
	text-indent: -6666px;
	border: 0 solid #fff;
	background: url('../img/signup/demo/requestdemo.png') no-repeat 0 0; }
.home a.requestdemo:hover { background-position: 0 -70px; }

/* ----------------- features ------------------- */
.features h2+a { /* start now button */
	float: right;
	margin: -43px -53px 0 0; }
.features a+img { margin-left: -15px; }

.features .col2 { min-height: 340px; }
.features .col2 ul { padding-left: 20px; }
.features .col2 ul li {
	list-style-type: disc;
	line-height: 120%; }
.features .col2 ul li ul { margin-left: 0 !important; }
.features .col2 dl { margin-top: 10px; }
.features .col2 dt { font-weight: bold; }

.features .col2 ul+p,
.features .col2 a+p  { margin-top: 20px; }

.features .col2 p {
	width: 440px !important;
	margin-left: 0;
	font-size: 13px;
	line-height: 140%; }
	
.features.main .col2 h2,
.features.main .col2 p,
.features.main .col2 ul { 
	width: 340px !important;
	margin-left: 190px !important; }

.features.main .col2 img { margin-left: -15px; }

/*.features.main .col2 { background: url('../img/dings/feat.png') no-repeat 30px 0; }	*/
#email .col2 { background: url('../img/dings/feat_email.jpg') no-repeat 0 0; }
#podcasts .col2 { background: url('../img/dings/feat_podcast.jpg') no-repeat 0 0; }
#rss .col2 { background: url('../img/dings/feat_rss.jpg') no-repeat 0 0; }
#sms .col2 { background: url('../img/dings/feat_sms.jpg') no-repeat 0 0; }
#tracking .col2 { background: url('../img/dings/feat_report.jpg') no-repeat 0 0; }
#video .col2 { background: url('../img/dings/feat_video.jpg') no-repeat 0 0; }
#widgets .col2 { background: url('../img/dings/feat_widget.jpg') no-repeat 10px 0; }

.sms.main .colwrap,
.tracking.main .colwrap,
.widgets.main .colwrap { /* keep rest of layout same for pages without subnav */ 
	padding-top: 43px; }

/* ----------------- developers ----------------- */
.about h2,
.about dl,
.about textarea,
.developers h2,
.developers .hr,
.developers h4,
.developers ol,
.distribution h2,
.distribution dl,  /* this shit should all get distilled and put in copy later 080814mfj */
.distribution .hr,
.gallery h2  { margin-left: 40px !important; }

.about .colwrap p,
.developers.main .colwrap p,
.distribution .colwrap p,
.gallery .colwrap p {
	width: 520px;
	margin: 5px 0 20px 40px;
	font-size: 14px;
	line-height: 140%; }

.developers.main h3,
.distribution h3 {
	margin: 0;
	color: #ee812f; }

.developers.main .colwrap div,
.distribution .colwrap div {
	float: left;
	width: 210px;
	margin: 10px 5px 10px 40px;
	padding: 0 0 0 30px; }

.developers.main .colwrap div p,
.distribution .colwrap div p  {
	font-size: 13px;
	width: auto;
	margin: 5px 0 0 0; }

.developers .colwrap img { margin: 10px 0 10px 90px; }

.developers.main h4 {
	width: 420px;
	float: left;
	font-size: 15px; }
.developers.main ol {
	width: 420px;
	float: left;
	padding-left: 20px; }
.developers.main ol li {
	line-height: 140%;
	font-size: 14px; }

.developers.main .colwrap ol+p {
	float: right;
	clear: none;
	width: 231px !important;
	margin-right: 120px;
	padding: 20px 0;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: url('../img/bg/devbox.png') no-repeat 50% 50%; }

#api .colwrap { background: url('../img/bg/widebox2.png') no-repeat 0 0; }
#api .col1 {
	width: 200px;
	margin-left: 40px;
	border-right: 0px solid #c5c5c7; }
#api .col2 { width: 490px; margin-right: 100px; }

#api h4 { font-weight: bold; }
#contact_fields dl { margin-left: 20px; }
#contact_fields dt {
	float: left;
	clear: both;
	margin: 0 4px 8px 0;
	width: auto;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	color: #787989; }
#contact_fields dd {
	margin: 0 4px 8px 0;
	text-align: left;
	width: auto;
	min-height: 1em; }
/* ----------------- distribution ----------------- */
.distribution .colwrap div { border-left: 1px solid #8c8c8c; }
.distribution .colwrap div.hr+div { /* no border on free */
	border-left: 0px solid #fff; }

.distribution .colwrap img { margin: 10px 0; }
.distribution .colwrap div.hr+div+div img { /* push channel image down a scosh */
	margin-top: 27px; }
/* temp until 3rd col ready */
/*.distribution .colwrap div.hr+div { border-right: 1px solid #8c8c8c; }
.distribution .colwrap div { width: 40%; padding-left: 14px; }
.distribution img { margin: 10px auto; }*/
/* end temp */

.distribution.fa .colwrap p { width: 420px; }
.distribution.fa .colwrap img {
	float: right;
	margin: -60px 20px 0 0; }

.distribution.tivo .colwrap p {
	width: 320px;
	margin-top: 20px; }
.distribution.tivo .colwrap img {
	float: right;
	margin: 20px 20px 0 0; }

.distribution.free dd { text-align: center; }
.distribution.free dt {
	clear: both;
	padding-left: 45px;
	color: #3f3f3f;
	font-size: 16px;
	line-height: 36px;
	background: url('../img/h3_video.png') 0 0 no-repeat; }
.distribution.free dt.rss { background: url('../img/h3_rss.png') 0 0 no-repeat; }
.distribution.free dt.widgets { background: url('../img/h3_widgets.png') 0 0 no-repeat; }
.distribution.free dd {
	float: left;
	clear: none;
	margin: 0 10px; }

.channels dl { float: left; }
.channels dl+dl {
	float: right;
	margin-right: 50px; }

.channels dt {
	width: 320px;
	height: 55px;
	margin-top: 10px;
	padding-left: 60px;
	color: #ee812f;
	font-size: 16px;
	background: url('../img/dings/orangehex.gif') 0 5px no-repeat; }
dt#auto { background: url('../img/dings/chan_auto.jpg') 0 5px no-repeat; }
dt#boomers { background: url('../img/dings/chan_boomers.jpg') 0 5px no-repeat; }
dt#food { background: url('../img/dings/chan_food.jpg') 0 5px no-repeat; }
dt#fashion { background: url('../img/dings/chan_fashion.jpg') 0 5px no-repeat; }
dt#finance { background: url('../img/dings/chan_finance.jpg') 0 5px no-repeat; }
dt#green { background: url('../img/dings/chan_green.jpg') 0 5px no-repeat; }
dt#health { background: url('../img/dings/chan_health.jpg') 0 5px no-repeat; }
dt#lifestyle { background: url('../img/dings/chan_lifestyle.jpg') 0 5px no-repeat; }
dt#parents { background: url('../img/dings/chan_parents.jpg') 0 5px no-repeat; }
dt#music { background: url('../img/dings/chan_music.jpg') 0 5px no-repeat; }
dt#sports { background: url('../img/dings/chan_sports.jpg') 0 5px no-repeat; }
dt#tech { background: url('../img/dings/chan_tech.jpg') 0 5px no-repeat; }
.channels dd {
	width: 300px;
	height: 32px;
	margin: -32px 0 30px 60px; }

/* ------------------ contact / misc about ------- */
#about .colwrap p {
	height: 120px;
	padding-left: 260px;
	background: url('../img/dings/peeps.jpg') 0 0 no-repeat; }
#about .colwrap p+p{
	height: 120px;
	padding-left: 260px;
	background-image: none; }

.contact h2 {
	padding-bottom: 180px;
	background: url('../img/dings/about_contact.png') 0 50px no-repeat; }
.contact h2+dl { margin-left: 250px !important; }

.contact dl {
	float: left;
	width: 250px;
	margin-top: -180px; /* compensate for h2 padding */
	padding: 10px 0 70px 20px;
	border-left: 1px solid #c0c0c0; }

.press .col1 { width: 290px; }
.press .col2 { width: 490px; }
.press .col1 p {
	width: 260px;
	font-size: 12px;
	font-style: italic;  }
.press dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0; }
.press .colwrap img { margin: 15px 0; }

.gallery object {
	display: block;
	float: left;
	clear: none;
	margin: 10px 20px 20px 20px; }

.tos .colwrap p {
	width: 800px;
	font-size: 12px;
	text-align: right; }

/* ------------------ site map ------------------ */
#maplist { margin-left: 40px; }

#maplist li:first-child { width: 80px; } /* make 'home' smaller */
#maplist li li:first-child { width: auto; } /* but not the others */

#maplist li { /* first level */
	float: left;
	width: 155px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold; }
#maplist li a { color: #3f3f3f; }
#maplist li a:hover { color: #e4701d; }

#maplist li ul { /* secondary */
	margin-left: 10px;
	background: url('../img/ui/mapline.gif') repeat-y; }

#maplist li li {
	float: none;
	width: auto;
	padding-left: 12px;
	font-size: 13px; 
	font-weight: normal;
	line-height: 20px;
	background: url('../img/ui/mapline_li.gif') no-repeat 0 0; } 

#maplist li li:last-child {
	border: 1px solid transparent; /* wtf, needs border to get bg working, investigate later 080815mfj */
	margin-left: -1px;
	background: #fff url('../img/ui/mapline_lilast.gif') no-repeat 0 0; }

#maplist li li li { /* tertiary */
	width: auto;
	font-size: 12px; }

/* 404 page */
.oops .col1 { width: 240px; padding: 0 20px 0 40px; }
.oops .col1 p { width: 180px; margin-top: 15px; margin-left: 0; }
.oops .col2 { width: 530px; margin-right: 20px; padding-left: 0; }
.oops #maplist { margin: 20px 0 0 0; }
.oops #maplist li:first-child { width: 100px; }
.oops #maplist li {	width: 200px; }
.oops #maplist li li { width: 90px; }
.oops #maplist li li li { width: 190px; }

#goog-wm { }
#goog-wm b { font-weight: normal; /* A b tag?? Seriously, Google? */ }
#goog-wm h3 {
	margin-bottom: 7px;
	color: #3f3f3f;
	font-weight: normal;
	text-transform: lowercase; }
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things { }
#goog-wm ul li { text-transform: lowercase; }
#goog-wm input { text-transform: lowercase; }
#goog-wm input[type="text"] {
	float: left;
	width: 100px;
	margin: 0;
	color: #000;
	border: 1px solid #999;
	background: url('../img/bg/input.gif') no-repeat; }
#goog-wm input[type="submit"] { float: left; clear: none; }
#goog-wm li.search-goog { display: block; }
/* ------------------ FOOTER -------------------- */
#footer ul {
	width: 900px;
	margin: 60px auto 0 auto;
	overflow: hidden;
	text-align: center; }
#footer li {
	float: left;
	margin: auto 16px;
	padding: 0;
	text-align: center; }
#footer li a {
	font-family: Verdana;
	font-size: 9px;
	color: #aaa; }

/*------------------ they got horsey sauce! ----- */
.colwrap a[href^="mailto:"],
#footer a[href^="mailto:"] {
	background: transparent url('../img/ui/aemail.gif') 100% 50% no-repeat;
	padding-right: 10px; }
a[href^="tel:"] {
	background: transparent url('../img/ui/atel.gif') 100% 1px no-repeat;
	padding-right: 13px;
	color: #3f3f3f;
	font-variant: small-caps; }
/*#contentarea a[href^="http:"],*/
a[rel="external"] {
	background: transparent url('../img/ui/aoutside2.gif') 100% 1px no-repeat;
	padding-right: 11px; }
a[href$=".pdf"] {
	background: transparent url('../img/ui/apdf.gif') 100% 50% no-repeat;
	padding: 3px 16px 1px 0; }