/*
Big reset. for background, see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/
html, body, div, span, applet, object, iframe,
h1, p, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal; 
}




/* 
End big reset
*/



/* ------------------- 

SITEWIDE TEMPLATE STUFF

------------------- */

body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: verdana,sans-serif;
    line-height: 1;
	overflow: visible !important;
}


a:link {
	color: #006;
	text-decoration: none;
}

a:visited {
	color: #036;
	text-decoration: none;
}

a:hover {
	color: #036;
	text-decoration: underline !important;
	}

a:focus {
	color: #036;
	text-decoration: underline !important;
}

a:active {
	color: #036;
	text-decoration: underline !important;
	}

.hack {
	clear: both;
}


.layer {
	clear: both;
}


#container {
	border: 1px solid #999;
	width: 958px;
	padding: 0;
	margin: 12px auto;
}

#topnav {
	text-align: center;
	font-size: 11px;
	font-family: "gill sans", sans-serif;
	text-transform: uppercase;
	background: #efefef;
	color: #666;
	line-height: 12px; 
	height: 18px;
	margin-left: -1px;
	border-bottom: 1px solid #999;
}

#topnav a {
		color: #444;	
		border-left: 1px solid #666;
		padding: 3px 8px 5px 11px; 
		margin: 0 0 0 0;
		border-bottom: 1px solid #999;
}

html>body #topnav a {
	margin: 0;
	padding: 3px 8px 3px 11px; 
}

#topnav a:hover {
	text-decoration: none !important;
	color: #036;
	background: #fff;
}

#dropnav, #dropnav ul {
	list-style: none;
}

#dropnav a {
	display: block;
/*	width: 10em; */
}

#dropnav li {
	float: left;
/*	width: 10em; */
}

#dropnav li:hover {
	background: #fff;
}

#dropnav li ul {
	position: absolute;
	width: 140px; 
	left: -999em;
	top: 30px;
	z-index: 1000 !important;
	font-size: 10px;
}

html>body #dropnav li ul {
	top: auto;
}

#dropnav li ul a {
	display: block;
	width: 130px; 
	text-align: left;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #666 !important;
	background: #fff;
}


#dropnav li ul a:hover { 
  color: #036;
  border-bottom: 1px solid #ccc !important;	
}


#dropnav li:hover ul {
	left: auto;
}

#dropnav li:hover ul, #dropnav li.sfhover ul {
	left: auto;
}

form.topnavsearch {
	padding: 0;
	margin-top: 1px;
	margin-bottom: -1px;
}

html>body form.topnavsearch {
	padding: 1px 0;
   margin: 0;
}

html>body form.topnavsearch {
	*padding: 0 0 1px 0;
}

#topnavsubmit {
margin-top: 1px;
}

html>body #topnavsubmit {
margin-top: 0;
}

html>body #topnavsubmit {
*margin-top: 1px;
}


#topnavsearchq {
	height: 14px; 
	font-size: 12px;
	border: 1px solid #787878;
	vertical-align: top;
	padding: 0 4px;
	width: 150px;
}

/* These next two declarations make the top search bar show up right in Safari 2 and older. http://tanreisoftware.com/blog/safari.html */

html[xmlns*=""] body:last-child #topnavsearchq {
	font-size: 10px;
}

html[xmlns*=""] body:last-child form.topnavsearch {
	padding: 0;
	border-bottom: #666;
}

#header {
	text-align: center;
	padding: 0 10px;
	position: relative;
}

#headada {
	margin-right: 55px;
	margin-top: 20px;
	float: left;
}


#headadb {
	margin-left: 55px;
	margin-top: 20px;
	float: right;
}

#logo {
	float: left;
	margin-right: 5px;
}

#header img {
	vertical-align: middle;
}


#login_box {
	border: 1px solid red;
	padding: 2px 3px 2px 10px;
	background: #ccc;
	width: 228px;
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
	position: absolute;
	left: 67px;
	right: auto;
	top: 0;
}

html>body #login_box {
	right: 0px;
	left: auto;
}

#login_box_right {
	float: right;
	text-align: right;
}

#login_box_left {
	float: left;
	text-align: left;
}

#scroller {
	width: 140px;
	float: left;
}

#blackbar {
	border-top: 1px solid #999;
	height: 3px;
	max-height: 3px;
	min-height: 3px;
	background: #000;
	clear: both;
	line-height: 0;
}



#footer, #footer_lb {
	border-top: 1px solid #999;
   border-bottom: 0;
}
#footer-nav{
	/*order-bottom: 1px solid #999;*/
}






/* ------------------- 

INDEX PAGE STUFF

------------------- */



h2 {
	margin-top: 13px;
	/* these are images, at least on homepage */
}

h3 {
	text-transform: uppercase;
	font-family: arial, sans-serif;
	color: #666;	
	font-size: 10px;
	letter-spacing: .05em;
	margin-bottom: 8px;
	}
	
#pagecontent h3 {
	font-size: unset;
	}

h4 {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 3;
}

h4 img {
		margin: 0 0;
		float: right;
}

#topcontent .col {
	float: left;
	padding-bottom: 8px;
	color: #666;
	font-size: 10px;
}


#toctv {
	width: 342px;
	margin-left: 12px;
	font-size: 10px;
	line-height: 1.2;
}

#toctv a {
	/* text-transform: uppercase; */
}

#toctv p {
	margin-top: .7em;
}

#toctv p a {
	font-weight: bold;
}

#tvsnips div {
	font-size: 9px;
	width: 104px;
	float: left;
	margin-top: 8px;
}

#tvsnips .mid {
	margin-left: 15px;
	margin-right: 15px;
}

#tvsnips img {
	margin-bottom: .7em;
}


#tocplanet {
	margin: 0 0 0 12px;
	width: 342px; 
}

#planethead {
/*	height: 33px; */
	margin: 0 0 .5em 0;	
}

#tocplanet h2 {
}

#tocplanet h3 {
	font-size: 9px;
	color: #666;
	display: inline;
	font-weight: bold;
	float: right; 
	margin-top: 16px;
	letter-spacing: normal;
}

#planettag {
	text-transform: uppercase;
	line-height: 1.4;
}

#planetmap {
	clear: both;
	text-align: center;
	border: 1px #ccc solid;
}

#planetmap a {
	text-align: center;
	font-size: 10px;
	line-height: 2;
/*	letter-spacing: .1em; */
}

html>body #planetmap a {
	line-height: 2;
}

#planetmap .mid {
	padding: 5px 20px;
}

#planetmap #map {
	border-top: 1px #ccc solid;
}



/* OLD SHORTS SECTION WITH RED RUNNER */

#shorts {
	width: 300px;
	margin-left: 12px;
	margin-top: 1em;
	border-top: #999 1px solid;
}

#shorts_content {
	line-height: 1.4;
	padding-left: 35px;
	padding-bottom: 1em;
	background: url(/images/red_runner_heel.gif) bottom left no-repeat;
}

#shorts_liner {
	margin-top: 5px;
	background: lime;
	background: url(/images/red_runner.gif) repeat-y;
}

#shorts_runner {
	float: left;
}

#shorts h2 {
	margin-top: 0;
	position: relative;
	left: -2px;
}

/* END OLD SHORTS SECTION WITH RED RUNNER */




#shorts_new {
	width: 342px;
	margin-left: 12px;
	margin-top: 1em;
	border-top: #999 1px solid;
	line-height: 1.4;
}

#shorts_new h2 {
	margin-top: 1em;
	position: relative;
	left: -2px;
}

#shorts_new h3 {
	font-size: 9px;
}

#shorts_new h3 .winner {
	font-weight: bold;
}

#shorts_new .sp_winner img {
	float: right;
	margin: 0 2em 2em;
}

#shorts_new .sp_winner h3, #shorts_new .sp_archive h3 {
	font-weight: bold;
	margin: 1.5em 0 .5em;
}

#shorts_new .sp_winner h4, #shorts_new .sp_archive h4 {
	margin: 0 0 2px !important;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 11px;
	text-transform: none !important;
}

#shorts_new .excerpt {
	font-size: 9px;
}

#shorts_new .sp_archive {
	margin: 2em 0 1em;
}





#topcontent #colb {
	margin: 0 7px 0 7px;
	width: 210px;
}

html>body #topcontent #colb {
	margin: 0 15px 0 11px;
	width: 220px;
}

#newswire {
  padding-top: 2px;
}

#newswire .eachitem {
  margin-bottom: 10px;
}

#newswire div {
	color: #666;
	font-size: 10px;
	margin-top: 15px;
	line-height: 1.4;
}

#mounts h5, #newswire div a, #readers div a, #comments div a, #shorts div a {
	/* text-transform: uppercase; */
	display: block;
	font-size: 11px;
	font-weight: bold;
}

#newswire h4, #readers h4, #shorts h4 {
	margin-top: 12px;
	line-height: 1.4;
}

#newswire .content .column:first-child div {
    padding-right: 10px;
}

#toctv h4 {
	clear: both;
	padding-top: 12px;
	line-height: 2;
}


#badspot {
	border: 1px solid #ccc;
	padding: 7px 0;
	text-align: center;
	width: 218px;
	margin: 6px 0 8px;
}

#mounts {
	border: 1px solid #666;
	padding: 5px;
	margin-right: 34px;
}


html>body #mounts {
	margin-right: 12px;
}

.mounts_illo {
	float: left;
	margin: 0 10px 1em 0;
}

#mounts h2 {
	margin: 5px 0 !important;
}

#mounts h5 {
	line-height: 1.4;
	margin-top: 1em;
	text-transform: none;
}

#mounts h4 {
	margin: 1em 0 0;
}

.mounts_copy {
	line-height: 1.4;
}

.mounts_stars {
	height: 11px;
	margin: 0;
	float: none;
}

#mounts .read_more {
	font-style: italic;
}

#mounts h4 img.nofloat {
   float: none;
}

#mountsillosa {
	float: left;
	width: 78px;
}

#mountsillosb {
	margin: 0 0 0 18px;
	float: left;
	width: 88px;
}

#mountsillosb a {
	color: #036;
	font-size: 9px;
}

#topcontent #colc {
	padding-top: 8px;
}

html>body #topcontent #colc {
	width: 348px; 
}


#weeklyfeat {
	background: #f3f3f3;
	padding: 5px 2px 0;
	width: 332px;
	margin-bottom: 12px;
}


htm>body #weeklyfeat {
	padding: 5px 0 0;
}

#weeklyfeat h2 {
	margin: 0 0 2px 0;
}

#weeklyfeat #featpic {
	margin: 10px 0 5px;
}

#weeklyfeat h5 {
	/* text-transform: uppercase; */
	font-size: 18px;
  margin-bottom: 4px;
}

#weeklyfeat h4 {
	padding: 6px 0;
	line-height: 2;
}

#weeklyfeat p {
	line-height: 1.4;
}


#comments {
	float: left;
	padding-bottom: 21px;
}

#comments div {
	font-size: 9px
	color: #666;
	margin-top: 5px;
	line-height: 1.4;
}

#commad {
  padding: 10px 0 0 150px;
}

html>body #commad {
  padding: 10px 0 0 160px;
}


#comments h3, #readers h3, #shorts h3, #mounts h3 {
	font-size: 9px;
	color: #666;
	letter-spacing: .1em;
}

#readers div, #shorts_content div {
	color: #666;
	font-size: 10px;
	margin-top: 5px;
	line-height: 1.4;
}

#readers {
	clear: both;
	padding-right: 10px; 
}

#readers p, #shorts p {
	font-size: 9px;
}

#readers h4 a, #shorts h4 a {
	line-height: 1.4;
	margin-right: 1.8em;
}

#shorts h4 a {
	font-size: 9px;
	display: inline;
}

#tropic_of_cancer {
	clear: both;
	border-top: 1px solid #999;
	padding: 0;
	width: 100%;
}

#tropic_of_cancer td {
	padding: 4px;
	width: 310px;
	text-align: center;
	vertical-align: middle;
}

#cancer_center {
	border: solid #999;
	border-width: 0 1px;
	padding: 4px 5px 4px 5px;
}


/* film banner box on hp */

#filmfest {
	clear: both;
}

#film_clicker {
	background: transparent;
	position: absolute;
	top: 135px;
	width: 328px;
	border: 0;
	height: 120px;
	z-index: 300;
}


#film_banner {
	margin: 0;
	height: 257px;
	padding: 0;
	width: 330px;
	background: url(/images/AFF-6-notext.jpg) no-repeat;
	position: relative;
	color: #fff;
	line-height: 1.3;
	font-size: 9px;
	clear: both;
}

#film_banner_copy {
	height: 119px;
	width: 258px;
	padding: 18px 36px 120px;
}

#film_banner_copy a {
		font-size: 10px;
		font-weight: bold;
}

#film_banner_copy p {
	margin: 0 0 1.5em;
}

#film_banner #countdown {
	font-size: 60px;
	letter-spacing: -5px;
	position: absolute;
	right: 10px;
	bottom: 0;
	_bottom: 13px !important;
	line-height: 1;
}


#equator {
	clear: both;
  vertical-align: top;
}

html>body equator {
	border-top: 1px solid #999;
}

#tictactoe .box {
	width: 33.33%;
	vertical-align: top;
}

#tictactoe .a {
	border-bottom: 1px solid #999;
	vertical-align: top;
}


#tictactoe h2 {
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	font-weight: bold;
	text-transform: uppercase;
}

#tictactoe h4 a {
	color: #036;
}


#tictactoe h4 {
	line-height: 1.25;
}

#boxbb {
	padding: 6px;
	text-align: center;
}

#boxca {
	padding: 8px 0;
	text-align: center;
}

#boxcc {
	padding: 26px;
}

#boxcc .adl {
	float: left;
	margin-right: 20px;
}

html>body #boxcc .adl {
	margin-right: 26px;
}

#tictactoe .blurbs {
	line-height: 1.4;
}

#tictactoe .blurbs a {
	color: #036;
	font-weight: bold;
	font-size: 10px;
}

#tictactoe .blurbs p {
	font-size: 9px;
}

#tictactoe .blurbs .timestamp {
	font-size: 9px;
	color: #666;
}

#tictactoe .blurbs div {
	margin: 8px 0;
}


.program {
	font-size: 9px;
	padding: 8px 0 0 0;
}

.program td {
	vertical-align: top;
}

.program .progcol {
	text-align: center;
	width: 104px;
	margin: 8px;
	height: 100%;
	padding-bottom: 8px;
}

.program .blurbs {
	padding: 0 4px;
}

.program .progcol a {
	text-transform: uppercase;
	color: #036;
	line-height: 1.2;
	display: block;
	margin: 14px 6px 0 8px;
}

.program h2 {
	margin: 3px 0 0;
}


#tictactoe #aac .blurbs div {
	margin: 5px 0 0;
}




.searchem {
	color: #fff;
	vertical-align: baseline;
	padding: 8px 8px;
	position: relative;
	left: 0 !important;
	background: #5d9732;
}

.searchem .whatfor {
	text-transform: uppercase;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	padding: 0 12px;
}

.searchem form {
	color: #000;
	text-align: right;
}

.searchem input, .searchem select  {
	font-size: 9px;
}

#aacsubmit {
	margin: 0;
	padding: 0;
}

#aac {
	vertical-align: top;
}






#boxaa {
	border: solid #999;
	border-width: 0 1px 0 0;
}

#boxaba {
	vertical-align: top;
}


#boxabb {
	border: solid #999;
	border-width: 0 0 1px 0;
	vertical-align: bottom;
	background: #5d9732; 
}

#boxac {
	border: solid #999;
	border-width: 0 0 0 1px;
}



#climbing {
	padding: 0 8px 8px 8px;
	height: 248px;
}

#climbingillo {
	margin: 0 0 8px 0;
}

#climbing, #earthink {
	border: 3px solid #ccc;
}

#earthink {
	font-size: 9px;
	padding: 4px 0 8px 0;
	height: 244px;
}

#earthink #mantel {
	padding: 0 8px 8px 12px;
}

#earthink #mantel p {
	text-align: center;
	margin-top: 24px;
	font-weight: bold;
	font-size: 10px;
}

#earthink .blurbs {
	border-top: 3px solid #ccc;
	padding: 0 8px 0 12px;
}

#earthink h2.mod {
	margin: 0;
	font-size: 9px;
	line-height: 2;
	text-align: center;
}

#earthink .logo {
	float: left;
	margin: 4px 8px 0 0;
}

#earthink .sponsor {
	color: #666;
	line-height: 2;
}

#earthink p img {
	vertical-align: bottom;
}


#wallpaper {
	background: #e6e6e6;
	padding: 1px 8px 8px;
	text-align: center;
}	

#wallpaper h3 {
	margin-bottom: 0;
}	

#wallpaperillo {
	margin: 12px 0;
}





/* ------------------- 

INNERPAGES STUFF

------------------- */


html>body .innerpage { *margin-bottom: -12px; *margin-top: -6px;}
.innerpage {
	margin-bottom: -12px;
	_margin-top: -6px;
}


#sidebar {
	background: #b0ad9f;
	color: #fff;
	padding: 20px 10px;
	width: 193px;
	vertical-align: top;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height: 1.5;
}

#sidebar h4 {
	color: #000;
	text-transform: none;
	font-weight: bold;
	margin-top: 3em;
	font-size: 12px;
}

#sidebar .sponsored h4 {
	line-height: 1;
	margin-bottom: 0;
}

#sidebar .sponsored p {
	text-transform: uppercase;
	font-size: 10px;
}



#sidebar dt {
	text-transform: uppercase;
}

#sidebar dd {
	font-size: 10px;
	margin-bottom: 1.5em;
}

.side_search {
	margin: 0 0 10px;
}

.side_search form {
	margin: 10px 0 0 0;
}

.side_search select {
	width: 160px;
	display: block;
	margin: 0 0 10px;
}

#maincol {
	width: 765px;
	vertical-align: top;
}

#topbar {
	background: #000;
	margin-top: -3px;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	height: 74px;
}

#topbar #pagetype {
	/*border-right: 1px solid #fff;*/
	color: #fff;
	padding: 49px 13px 13px 26px;
	height: 74px;
	float: left;
  margin-bottom: -62px;
  z-index: 1;
  position: relative;
}


#topbar #pagetype.tall {
	padding: 0;
}

#topbar #pagesubtype {
	color: #FFF;
	float: left;
	/*margin: 48px 26px 13px 13px; - changed by david crothers 3/18/13 causing ads to push around*/
	margin: 48px 26px 13px 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#topbar .sponsored {
	text-transform: uppercase;
	color: #666;
	position: absolute;
	bottom: 13px;
	right: 87px;
	}

#topbar .sponsor {
	float: right;
}

#pagecontent {
	margin: 40px 20px;
	clear: both;
	position: relative;
	z-index: 40;
}

#bigcaption {
	line-height: 1.3;
	font-family: verdaNA;
	font-size: 10px;
	color: #666;
	margin: 10px 0;
}

#paginator {
	font-family: verdana;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 30px;
	text-align: right;
}



/* ------------------- 

ARTICLE PAGE STUFF 

------------------- */


.article h1, .singlepost h1, #content h1 {
	font-family: arial, sans-serif;
	font-size: 22px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 20px 0 10px;
	}

.article .metahead, .singlepost .metahead {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin: 10px 0;
}

.article .byline, .article .posted, .singlepost p.byline, .singlepost .posted {
	text-align: center;
	color: #666;
	font-size: 13px;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
}

#bodytext {
	font-size: 13px;
	font-family: verdana;
	line-height: 1.5;
}

#bodytext p {
    line-height: 1.767em;
    margin: 1.9em 0;
}

#bodytext p a {
	text-decoration: underline;
}

.article #bodytext .illo {
	padding: 0 15px 5px 0;
}

.article #bodytext .illo p, .filmfest #pagecontent .illo p {
	font-size: 10px;
	line-height: 1.2;
	color: #666;
	margin: 0.5em 0 auto;
}




/* ------------------- 

TV INDEX STUFF 

------------------- */

#movieplayer {
  clear: both;
  margin: 0;
  width: 509px;
  padding: 0 11px 0 24px;
  text-align: center;
  background: url(/images/vidplayer/videomid.png) repeat-y;
}

#vidmeta {
  clear: both;
  margin: 10px 0px 0px 40px; 
  font-size: 15px;
  line-height: 1.2;
  width: 430px;
}



.tv .cola {
	width: 335px;
	float: left;
	margin: 10px 30px 10px 20px;
}

.tv .colb {
	width: 176px;
	float: right;
	text-align: right;
	margin: 10px 0;
}

.tv #pagecontent {
	width: 570px;
	padding: 0 0 0 50px;
}

.tv .credits, .tv .rater, .tv h5  {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.6;
}
	
.tv .rater {
	text-transform: uppercase;
}

.tv h3, .tv h5 {
	margin: 20px 0;
}

.tv .eachitem {
	font-size: 12px;
	line-height: 2.5;
	margin-bottom: 2em;
}

.tv .eachitem h2 {
	margin: 0;
}



/* ------------------- 

COMMENTS STUFF 

------------------- */

#commentzone {
	float: left;
	font-family: verdana;
	font-size: 11px;
	line-height: 1.5;
}


#commentzone .commenter {
	margin-bottom: 1em;
}


#commentzone .timestamp {
	font-size: 10px;
	color: #666;
	margin-top: 1em;
	text-align: right;
}


.eachcomment, #postbox {
	border: 2px solid #ccc;
	background: #f3f3f3;
	padding: 10px 13px 6px;
	margin: 13px 0;
  width: 500px;
}

.cid-3714 #commentzone, .cid-3760 #commentzone, .cid-3759 #commentzone, .cid-3840 #commentzone, .cid-2616 #commentzone, .cid-3959 #commentzone, .cid-3962 #commentzone, .cid-4004 #commentzone, .cid-4005 #commentzone {
	visibility: hidden;
	height: 25px;
}


/* ------------------- 

NEWSWIRE, WEEKLY FEATURE, TCL ARCHIVE PAGE STUFF 

------------------- */


.archive .eachitem {
	margin-bottom: 10px;
}

.archive .eachitem td  {
	vertical-align: bottom;
}

.archive .illo  {
	margin-right: 12px;
}

.archive h2  {	
	font-size: 13px;
	margin: 10px 0 0;
}

.archive .byline {
	font-size: 11px;
	margin-top: 3px;
}

.archive .timestamp {
	margin-top: 3px;
	font-size: 10px;
	color: #666;
}

.archive .eachitem .bodytext p {
	margin: 1em 0;
	font-size: 12px;
	line-height: 1.3;
}

.archive .eachitem .bodytext p a {
	text-decoration: underline;
}

/* ------------------------

DOUBLE COLUMNED ARCHIVE PAGE STUFF (TCL, Wallpaper, TV)

------------------------ */


.archcol .eachitem {
	float: left;
	width: 320px;
	margin-right: 30px;
}

.archcol #paginator {
	clear: both;
}

.eachrow {
clear: both;
}

/* ------------------- 

WALLPAPER PAGE STUFF 

------------------- */

.wallpaper .eachitem {
	font-size: 11px;
	margin-bottom: 20px;
}

.minilogo {
	padding: 0;
	vertical-align: top;
}

.wallpaper .illo {
	margin-bottom: 10px;
	margin-left: 21px;
}

.action {
	font-weight: bold;
}

.wallpaper .copy {
	margin-left: 21px;
	margin-top: 0px;
}

html>body .wallpaper .copy  {
	position: relative;
	left: 21px;
	top: -17px;
	margin: 0;
}

/* changes it for IE7 only */

html>body .wallpaper .copy {
	*z-index: 40000;
}

html>body .wallpaper .eachitem {
	*margin: 0;
}



/* ------------------- 

TV ARCHIVE STUFF 

------------------- */

.tvarch .eachitem td {
	vertical-align: top;
}


.tvarch .timestamp {
	font-size: 10px;
	font-family: verdana;
	color:  #000;
	line-height: 1.3;
	vertical-align: bottom !important; 
	}
	

.tvarch h2  {	
	margin: 0;
}

.tvarch .outlink {
	font-size: 13px;
	line-height: 1.3;
}



/* ------------------- 

SEARCH STUFF 

------------------- */

.mega_search {
	line-height: auto;
}

.mega_search label {
	display: block; 
	float: left;
	width: 75px;
	margin-top: 4px;
}

.mega_search input {
	vertical-align: top;
}

.mega_search select {
	vertical-align: middle;
}


.search #bodytext {
	position: relative;
	top: -30px;
	margin-bottom: -10px;
}

#bigsearch {
	width: 630px;
	height: 26px;
	font-size: 22px;
	border: 3px solid #ccc;
	vertical-align: top;
	margin: 0 10px 40px 0;
}


.search .searchtype {
	float: left;
	height: 80px;
	margin-right: 10px;

}

.search label {
	font-weight: bold;
	margin-right: 5px;
	font-size: 12px;
}

.search .cola {
	width: 450px;
	float: left;
}

.search .colb {
	width: 240px;
	float: right;
}

.search select {
	width: 160px;
	margin: 0 0 10px 5px;
}

.results {
	border-top: 2px solid #000;
	padding-top: 10px;
	margin-top: 20px;
	clear: both;
	font-size: 12px;
	line-height: 1.6;
}

.results h2 {
	font-weight: bold;
}

.results .eachresult {
	margin: 2em 0;
}

/* ------------------- 

BLOG STUFF 

------------------- */

.rblog #callup p {
	margin: 2em 0 0;
	font-weight: bold;
}

.blog #pagecontent {
	width: 500px;
}

.eachpost {
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.eachpost .posthead td {
	vertical-align: middle;
}


.eachpost .illo {
	margin-right: 10px;
}

.eachpost .bling {
	margin-left: 10px;
}

.eachpost .timestamp {
	color: #666;
	font-size: 10px;
}
 
.eachpost h2 {
 	font-size: 13px;
 	margin: 1em 0;
}


.eachpost .byline {
	font-size: 11px;
}

.eachpost .mtn_tools {
 word-spacing: 3px;
 font-size: 10px;
 line-height: 4;
}
  
.eachpost .tools {
 word-spacing: 25px;
 font-size: 11px;
 line-height: 4;
}
 
.eachpost .tools a, .eachpost .mtn_tools a {
word-spacing: 0
}

.eachpost .bodytext p {
	margin: 1em 0 0;
	font-size: 12px;
	line-height: 1.7;
}

.eachpost .bodytext p a {
	text-decoration: underline;
}

.article_tools {
  font-size: 10px;
  line-height: 1.5em;
}

.legacy {
  font-size: 12px;
  line-height: 1.4em;
}

.legacy b {
  line-height: 1.4em;
}

.legacy p {
  margin: 10px 0 10px 0;
}

#search_res iframe {
  width: 100%;
}



/* -------------------

TOC STUFF

------------------- */


.toc .toc_item {
	position: relative;
	margin: 15px 0;
}

.toc .free_burst {
	position: absolute;
	left: -80px;
	top: -15px;
	
}

.toc #splash {
  z-index: 3;
  position: relative;
  margin-bottom: -25px;
}


.toc #pagecontent {
  line-height: 1.5;
  font-size: 11px;
}


.toc h2 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5em;
  color: #c52b1f;
  border-top: 2px solid #ccc;
  padding-top: 10px;
  margin: 40px 0 30px 0;
}

.toc .eachitem {
  margin: 15px 0;
}

.toc h3 {
  font-size: 13px;
  margin: 0;
  text-transform: uppercase;
}

.toc .byline {
  text-transform: uppercase;
}



/* ------------------- 

FILMFEST STUFF

------------------- */

.filmfest #bodytext p a:link {
	text-decoration: none;
}

.filmfest #sidebar {
	color: #000;
	text-transform: uppercase;
	line-height: 2 !important;
}

.filmfest #sidebar dd {
	margin: 0 0 0 2em;
}

.filmfest #sidebar p, .filmfest #sidebar dl {
	padding-left: .5em;
}

.filmfest #sidebar p {
	margin: 2em 0 0;
}

.filmfest #pagecontent {
	width: 572px;
	margin-left: auto;
	margin-right: auto;
}

.filmfest #pagecontent p {
	font-size: 14px;
}

.filmfest #splash {
	text-align: center;
}

.filmfest .item {
color: #666;
margin: 1.5em 0;
}


.filmfest .item h2 {
font-size: 13px;
font-weight: bold;
margin: 0;
}

.filmfest .item p {
margin: 0 !important;
}

.filmfest .item .timestamp {
text-transform: uppercase;
font-size: 10px !important;
}

.filmfest .formblock {
	background: #e6e6e6;
	border: 3px #ccc solid;
	padding: 1em;
	font-size: 12px;
}

.filmfest .formblock p, .filmfest .formblock label {
	font-size: 12px !important;
	}

.filmfest .formblock .req {
	color: #c00;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	display: block;
}

.filmfest .deets label, .filmfest .deets input  {
	display: block;
	float: left;
	width: 240px;
	margin: 0 0 1em 0;
}

.filmfest .deets label {
	margin-right: 2em;
	text-align: right;
	width: 130px;
}

.filmfest .deets input  {
	text-align: left;
}

.filmfest .formblock p {
	clear: both;
}


small, .small {
 font-size: 75%;
}

.topimg_small img {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}

.topimg_small_on img {
  border-top: 2px solid #036;
  border-bottom: 2px solid #036;
}

.parent_link a {
  text-transform: uppercase;
}

.panelists {
  color: #000;
}


#spon {
	width: 190px;
}

#spontop, #sponbottom {
	height: 24px;
	width: 190px;
	background: url(/images/filmfest/sponspool.png) no-repeat;
}

#spontop {
	background-position: 0 1px;
}

#sponbottom {
	background-position: 0 -7px;
}

#sponframe {
	margin: 0 4px;
	background: #000;
	width: 182px;
	text-align: center;
	vertical-align: middle;
}

.becomeasponsor {
	position: relative;
	top: -20px;
}

div.share, div.sharetop {
	text-align: right;
}

div.share {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 5px solid #EFEFEF;
}

div.sharetop {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.support {
	border: 1px solid #000;
	padding: 10px;
	font-style: italic;
}

div.support i {
	font-style: normal;
}

div.support a:link, div.support a:hover, div.support a:focus, div.support a:visited {
	color: #CC0000 !important;
	font-weight: bold !important;
}

div.share iframe, div.share span, div.sharetop iframe, div.sharetop span {
	vertical-align: top;
	margin-top: 0;
}

div.subform {
    /*background: url("/images/leaders-protect.jpg") no-repeat scroll 0 0 transparent;
    height: 1002px;
    margin-top: 15px;
    padding-top: 218px;*/
}

div.subformnew {
    background: url("/images/subscribe-to-alpinist-magazine.jpg") no-repeat scroll 0 0 transparent;
    margin-bottom: 50px;
    margin-top: 25px;
    padding-top: 248px;
}

.subform iframe, .subform div {
	background-color: #FFFFFF;
	margin: 0 10px;	
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

.subform div {
    font-size: 0.9em;
    padding: 10px 0 0 10px;
    width: 540px;
}

.subscribe p, .subscribe ul, .subscribe small {
	margin: 1em;
}

.subform div.subfooter {
    height: 35px;
}

p.newt span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .75em;
}

#bodytext p.newt {
    margin: 3em 0 1em;
}

.renew-subform h1 {
    color: #CC0000;
    font-size: 1.25em;
    font-weight: bold;
    margin: 20px 15px;
    text-transform: uppercase;
}

div.aac-subform {
    background: url("/images/aac-subscription-landing-page-2014.jpg") no-repeat scroll 0 0 #000000;
    height: 1002px;
    margin-top: 20px;
	 padding-left: 60px;
    padding-top: 405px;
}

div.acc-subform {
    background: url("/images/acc-subscription-landing-page.jpg") no-repeat scroll 0 0 #000000;
    height: 1002px;
    margin-top: 20px;
	 padding-left: 60px;
    padding-top: 405px;
}

.aac-subform iframe, .aac-subform div, .acc-subform iframe, .acc-subform div {
    background-color: #FFFFFF;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}

div.amga-subform {
	margin: auto;
    margin-top: 20px;
    text-align: center;
}

div.artistseries {
    background: url("/images/alpinist-artist-series-one.jpg") no-repeat scroll 0 0 transparent;
    height: 1680px;
    margin-top: 25px;
    padding-top: 97px;
}

div.artistseries .content {
    padding: 0 20px;
	width: 516px;
	font-size: 93% !important;
}

div.giveaway1012 {
    background: url("/images/1012giveaway/landing-background.jpg") no-repeat scroll 0 30px transparent;
    height: 1100px;
    padding-top: 5px;
    width: 540px;
}

div.giveaway1012 .contest-form {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #555555;
    float: right;
    font-size: 9px;
    font-weight: bold;
    line-height: 16px;
    margin-right: 0;
    margin-top: 193px;
    padding: 15px;
    text-transform: uppercase;
    width: 200px;
}

div.giveaway1012 .giveaway1012button {
    background: url("/images/1012giveaway/1012giveaway-button.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 56px;
    width: 173px;
}

div.subform40 {
    background: url("/images/subscribe-to-alpinist-magazine-alp-40-offer.jpg") no-repeat scroll 0 0 transparent;
    height: 1002px;
    margin-top: 0;
    padding-top: 370px;
}

div.giveaway1212 img, div.giveaway1112 img, div.giveaway0513 img, div.giveaway0813 img, div.giveaway1013 img, div.giveaway img {
	margin: 0;
	padding: 0;
	float: left;
}

div.giveaway1212 .contest-form, div.giveaway1112 .contest-form, div.giveaway0513 .contest-form, div.giveaway0813 .contest-form, div.giveaway1013 .contest-form,  div.giveaway .contest-form {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #555555;
    float: right;
    font-size: 9px;
    font-weight: bold;
    line-height: 16px;
    margin-right: 10px;
    margin-top: -837px;
    padding: 15px;
    text-transform: uppercase;
    width: 210px;
    opacity: 0.82;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	filter: alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;	
}

div.giveaway0513 .contest-form, div.giveaway0813 .contest-form {
    margin-top: -605px;
}

div.giveaway1013 .contest-form {
    margin-top: -534px;
}

 div.giveaway0314 .contest-form {
    margin-top: -505px;
}

div.giveaway0414 .contest-form, div.giveaway0614 .contest-form, div.giveaway0915 .contest-form {
	margin-top: -725px;
}

 div.giveaway0215 .contest-form {
    margin-top: -715px;
}

 div.giveaway1215 .contest-form {
    margin-top: -877px;
}

 div.giveaway0616 .contest-form {
    margin-top: -1421px;
}

 div.giveaway0816 .contest-form {
    margin-top: -1494px;
}



div.giveaway1112 .giveaway1112button, div.giveaway0513 .giveaway0513button, div.giveaway1212 .giveaway1212button, div.giveaway0813 .giveaway0813button, div.giveaway1013 .giveaway1013button, div.giveaway input.giveawaybutton {
    border: medium none;
    cursor: pointer;
    height: 56px;
    width: 173px;
	margin-top: 10px;
}

div.giveaway1112 .giveaway1112button, div.giveaway0513 .giveaway0513button, div.giveaway1013 .giveaway1013button, div.giveaway0314 .giveaway0314button {
    background: url("http://www.alpinist.com/images/1112giveaway/1112giveaway-button.jpg") no-repeat scroll 0 0 transparent;
}

div.giveaway1212 .giveaway1212button {
    background: url("/images/1212giveaway/1212giveaway-button.jpg") no-repeat scroll 0 0 transparent;
}

div.giveaway0414 .giveaway0414button {
    background: url("/images/0414giveaway/0414giveaway-button.jpg") no-repeat scroll 0 0 transparent;
}

div.giveaway0614 .giveaway0614button {
    background: url("/images/0614giveaway/0614giveaway-button.jpg") no-repeat scroll 0 0 transparent;
}

div.giveaway0914 .giveaway0914button, div.giveaway0215 .giveaway0914button, .giveaway1215button {
    background: url("/images/0914giveaway/0914giveaway-button.jpg") no-repeat scroll 0 0 transparent !important;
}

div.giveaway0915 .giveaway0915button, div.giveaway0915 .giveaway0915button {
    background: url("/images/0915giveaway/autumn-2015-giveaway-button.png") no-repeat scroll 0 0 transparent;
}

div.giveaway1215 .giveaway1215button, div.giveaway1215 .giveaway1215button {
    background: url("/images/0915giveaway/autumn-2015-giveaway-button.png") no-repeat scroll 0 0 transparent;
}

div.giveaway0616 .giveaway0616button {
    background: url("/images/0616giveaway/button.png") no-repeat scroll 0 0 transparent;
}

div.giveaway0816 .giveaway0816button {
    background: url("/images/0816giveaway/button.png") no-repeat scroll 0 0 transparent;
}

.buynow {
    border: 2px solid #aaa;
    color: #CC0000 !important;
    font-weight: bold;
    padding: 10px;
    text-decoration: none !important;
}

.uppercase {
	text-transform: uppercase;
}

#google_ads_div_Alpinist_ROS_SidebarSS2_160x600_ad_wrapper, #google_ads_div_Alpinist_NewsWire_SidebarSS2_160x600_ad_wrapper, #google_ads_div_Alpinist_MS_SidebarSS2_160x600_ad_wrapper {
	margin-top: 90%;
	position: absolute;
}

#top-promo img, .responsive img {
    width: 100%;
    height: auto;
}

#top-promo img.nostretch {
    width: unset;
}


#top-promo {
	padding: 10px 7px;
	text-align:center;
	margin:auto;
}

.podcast td {
    padding: 10px;
    margin: 10px;
	 vertical-align: top;
}

.podcast hr {
    border-top: 1px solid #999;
    margin: 35px 0px 15px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

/*******EMMA EMAIL FORMS*******/

.emailsignup .e2ma_signup_form_button_row {
	float:none !important;
}

.emailsignup .e2ma_signup_form {
	padding: 25px !important;
	border: 15px solid #eee;
}

.emailsignup .e2ma_signup_form input[type="text"], .emailsignup .e2ma_signup_form input[type="email"], .emailsignup .e2ma_signup_form textarea, .emailsignup .e2ma_signup_form select[multiple="multiple"] {
	width: 90% !important;
}


/*******PODCAST DONATION*******/

#contribute {
  text-align: center;
  margin:0 auto;
  /* -webkit-box-pack: center; */
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width:90%;
  background-color: #efefef;
  padding: 20px 20px 40px 20px;
  margin-top: 50px;
  margin-bottom:75px;
  font-size: 1.2em;
  line-height:1.2em;
}


#contribute p, #contribute h2 {
	Margin-bottom:20px;
}

/* The container */
.contribute-container {
  display: inline;
  position: relative;
  padding-left: 35px;
  padding-right: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:100%;
}

/* Hide the browser's default radio btn */
.contribute-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  margin: auto;
}

/* Create a custom radio btn */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
  border: solid #ddd;
  border-width: 4px;
}

/* On mouse-over, add a grey background color */
.contribute-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio btn is checked, add a blue background */
.contribute-container input:checked ~ .checkmark {
  background-color: #cc0000;
  /*border-color: #cc0000;*/
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contribute-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contribute-container .checkmark:after {
  left: 6px;
  top: 4px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box {
        color: #fff;
		  margin: 0 auto;
        padding: 20px;
        display: none;
        margin-top: 20px;
        width:100%;
		  text-align:center;
    }

.btn {
  background-color: #333;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
  min-width: 145px;
  width: 40%;
  border-radius: 7px;
}
  
a.btn {
color:white;
text-decoration:none;
}

a.btn:hover {
  background-color: #cc0000;
  text-decoration: none !important;
  }    
  
span.sp-1 {padding-left: 2px;}
span.sp-2 {padding-left: 4px;}
span.sp-3 {padding-left: 6px;}
span.sp-4 {padding-left: 8px;}
span.sp-5 {padding-left: 10px;}
span.sp-6 {padding-left: 12px;}
span.sp-7 {padding-left: 14px;}
span.sp-8 {padding-left: 16px;}
span.sp-9 {padding-left: 18px;}
span.sp-10 {padding-left: 20px;}
span.sp-11 {padding-left: 22px;}
span.sp-12 {padding-left: 24px;}
span.sp-13 {padding-left: 26px;}
span.sp-14 {padding-left: 28px;}
span.sp-15 {padding-left: 30px;}
span.sp-16 {padding-left: 32px;}
span.sp-17 {padding-left: 34px;}
span.sp-18 {padding-left: 36px;}
span.sp-19 {padding-left: 38px;}
span.sp-20 {padding-left: 40px;}
span.sp-21 {padding-left: 42px;}
span.sp-22 {padding-left: 44px;}
span.sp-23 {padding-left: 46px;}
span.sp-24 {padding-left: 48px;}
span.sp-25 {padding-left: 50px;}