/* TE KARAKA - Main stylesheet  */
html, body {
	min-height:101%
	} 

/* div {	border: 1px solid #ccc; } */

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	text-align: center;
	min-width: 994px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	background: #171D29 url("/Te-Karaka-46/assets/img/bgWrapper46.jpg") no-repeat center top;
	background-attachment: fixed;
}

#wrapper {
	width: 994px;
	text-align: left;
	margin: 0 auto;
	background: #dbdbdb url("/assets/img/bgWrapper.gif") repeat-y top center;
}

/* --- Nav --- */
#utilityNav {
	width: 954px;
	margin: 0 auto;
}

#utilityNav ul {
	list-style-type: none;
	background: #808080;
	width: 954px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	height: 25px;
}

#utilityNav ul li {
	float: left;
	padding: 3px 0;
}

#utilityNav a {
	display: block;
	margin: 0 10px;
	color: #ffffff;
	text-decoration: none;
}

#utilityNav > ul a {
	width:auto;
} /* Reset with for browsers other than IE6 (IE6 doesn't understand > child selector */
 
#utilityNav ul a:hover {
	color: #A00821;
}


/*Top horizontal nav - display when on that page */
#home #utilityNav ul li#navHome a,
#contents #utilityNav li#navContents a,
#issues #utilityNav li#navIssues a,
#retailers #utilityNav li#navRetailers a,
#subscribe #utilityNav li#navSubscribe a,
#advertise #utilityNav li#navAdvertise a, 
#contact #utilityNav li#navContact a {
	color: #a00821;		
}


/* --- End Nav --- */

/*#search {
	position: absolute;
	top: 3px;
	right: 165px;
}*/

#search {
	white-space: nowrap;
	margin: -3px 0 0 50px;
}



#cse-search-results {
	margin-left: 60px;
	background: #ededee;
}

#content {/* Necessary to allow the 'secondary content' to have a left margin without needing to implement box model hack */
	margin-right: 0;
}

#mainContent {
	width: 700px;
	float: left;
	padding-bottom: 20px;
	font-weight: normal;
	color: #666666;
}


#mainContent h1, #mainContent h2, #mainContent h3, #mainContent p, #mainContent ul, #mainContent ol, #mainContent li {
	margin-left: 60px;
}

#mainContent h1 {
	margin-top: 140px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#mainContent ul.contents {
	list-style: none;
	margin: 0;
}
#mainContent ul.contents li {
	padding: 0 0 5px 0
}



h1 {
	font-size: 180%;
	margin-top: 40px;
	color: #000000;
}

h2 {
	font-size: 140%;
	margin-bottom: 5px;
	margin-top: 10px;
}

h3 {
	font-size: 120%;
	margin-bottom: 5px;
}

#mainContent p, #mainContent ul, #mainContent ol {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

#mainContent p#introText {
	font-size: 130%; /* 110% */
	font-style: italic;
	margin-top: 10px;
}

#mainContent p.photoCredit {
	color: #000000;
	font-size: 80%;
}

#mainContent ul, 
#mainContent ol {
	margin-left: 40px;
	margin-bottom: 20px;
}

#mainContent a {
	color: #a00821;
	text-decoration: none;
	border-bottom: 1px dashed #a00821;
}

#mainContent a:hover {
	border-bottom: 1px solid #a00821;
}

#mainContent blockquote {
	margin: 20px 85px 20px 100px;
	font-size: 130%;
	color: #000000;
	background: url("/assets/img/blockquote.gif") no-repeat top left;
}


#mainContent blockquote.white {
	background: url("/assets/img/blockquoteWhite.gif") no-repeat top left;
}


#mainContent blockquote p {
	margin: 0;
	padding: 40px 0 0 55px;
	font-style: italic;
}
/* quote not in table */ 
#mainContent blockquote p.byLine {
	margin: 0 0 20px 0;
	padding: 10px 0 40px 55px;
	font-size: 80%;
	font-style: normal;
}

/* quote in table with image of quote author */ 
#mainContent table.imgQuoteTable p.byLine {
	margin: 0 10px 20px 40px;
	padding: 0 28px 0 0;
	font-size: 100%;
	font-style: normal;
}

#mainContent p img.photo {
	margin: 20px 0;

}

#mainContent img.photoRight {
	float: right;
	margin: 0 0 10px 10px;
}

#mainContent img.photoLeft {
	float: left;
	margin: 0 10px 10px 0;
}

table.imgQuoteTable {
	width: 640px;
	float: right;
	margin-bottom: 10px;
}

.data {
	border: 1px solid #cccccc;
	vertical-align: top;
}

.data td {
	padding: 5px;
}

.data th {
	font-size: 110%;
	padding: 5px;
	background: #ccc;
}

.data tr.odd {
	background: #fefefe;
	vertical-align: top;
}

.data tr.even {
	background: #efefef;
	vertical-align: top;
}

#mainContent table.imgQuoteTable p {
	font-size: 130%;
	color: #000000;
	padding: 0 0 0 28px;
	margin: 0 10px;
}
.author {
	text-transform: uppercase;
	font-style: normal;

}
.quote {
	font-style: italic;
}

#mainContent div.imgCaption {
	clear: both;
	margin: 10px 0 10px 60px;
}



#mainContent div.imgCaptionRight {
	float: right;
	clear: both;
	margin: 0 0 10px 20px;
	padding-left: 7px;
}

#mainContent div.imgCaptionLeft {
	float: left;
	clear: both;
	margin: 0 10px 10px 60px;
	padding-right: 7px;
}

#mainContent div.imgCaptionRight p,
#mainContent div.imgCaptionLeft p,
#mainContent div.imgCaption p,
#mainContent div.imgCaption ul {
	clear: both;	
	margin: 0;
	font-size: 70%;	
	padding: 5px;
	color: #000000;
}

#mainContent p.alignRight {
	float: right;
}


#feature {
	width: 250px;
	float: right;
	text-align: left;
	padding-top: 20px;
}

#feature h1, #feature h2, #feature h3, #feature p, #feature ul {
	margin: 0 40px 0 0;	
}

#feature h2 {
	clear: both;
	font-size: 90%;
	color: #ffffff;
	text-transform: uppercase;
}

#feature p.sidebarIntro,
#feature p.editorial,
#feature table.editorial {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url("/assets/img/EditorBGWhite.png") repeat-y top left;
}

#feature h2#season,
#feature h2#issue,
#feature h2#about {
	width: 210px;
	font-weight: normal;
	padding: 4px 0;
	text-align: center;
	margin-left: 5px;
}

#feature h2#season {
  	font-weight: bold;
 	border: 1px solid #ffffff;
 	margin-top: 180px;
}

#feature h2#issue {
	font-weight: bold;
 	border-right: 1px solid #ffffff;
 	border-left: 1px solid #ffffff;
}

#feature h2#about {
	text-transform: uppercase;
 	border: 1px solid #ffffff;
}

#feature h2.editorTitle,
#feature h2.TremaneBar,
#feature h2.TomBennion,
#feature h2.KeriHulme,
#feature h2.featureTitle,
#feature h2.ceo,
#feature h2.sidebarTitle,
#feature h2.thisIssue,
#feature p.editorial,
#feature p.copyright,
#feature p.sidebarIntro,
#feature p.editorial,
#feature ul.features,
#feature table.editorial {
	padding: 10px 45px 10px 15px;
	margin: 0;
}

#feature h2.featureTitle a,
#feature h2.thisIssue a {
	text-decoration: none;
	border: none;
	color: #000000;
}

#feature h2.featureTitle a:hover,
#feature h2.thisIssue a:hover {
	color: #ffffff;
}

#feature p.sidebarIntro{
	padding: 0 45px 10px 15px;
	margin: 0;
}

#feature h2.editorTitle {
	margin: 20px 0 0 0;
	clear: none;
	background: url("/assets/img/bgMaria.png") no-repeat top left;
}

#feature h2.TremaneBar {
	margin: 20px 0 0 0;
	clear: none;
	background: url("/assets/img/bgTremaneBarr.png") no-repeat top left;
}

#feature h2.TomBennion {
	margin: 20px 0 0 0;
	height: 100px;
	clear: none;
	background: url("/assets/img/bgTomBennion.png") no-repeat top left;
}

#feature h2.KeriHulme {
	margin: 20px 0 0 0;
	clear: none;
	background: url("/assets/img/bgKeriHulme.png") no-repeat top left;
}

#feature h2.SuzannePitama {
	margin: 20px 0 0 0;
	clear: none;
	background: url("/assets/img/bgSuzannePitama.png") no-repeat top left;
}

#feature span.KeriHulmeIntro {
	margin: 10px 0 0 0;
	clear: none;
	color: #97684f;
}

#feature h2.editorTitle a,
#feature h2.TremaneBar #sig,
#feature h2.SuzannePitama #sig,
#feature h2.TomBennion #sig,
#feature h2.KeriHulme #sig {
	text-decoration: none;
	border: none;
	color: #000000;
}

#feature h2.editorTitle a:hover,
#feature h2.TremaneBar,
#feature h2.SuzannePitama,
#feature h2.TomBennion,
#feature h2.KeriHulme {
	color: #666666;
}

#feature h2.editorTitle a span.FTE,
#feature h2.TremaneBar span.TBar,
#feature h2.SuzannePitama span.SPitama,
#feature h2.TomBennion span.TBennion,
#feature h2.KeriHulme span.KHulme {
	color: #ffffff;
}

#feature h2.editorTitle a:hover span.FTE {
	color: #666666;
}

#feature h2.ceo a {
	text-decoration: none;
	border: none;
	color: #ffffff;
}

#feature h2.ceo a:hover {
	color: #cccccc;
}

#feature h2.TableOfContentsTitle {
	padding: 10px 45px 10px 15px;
	margin: 0;
 	background: url("/assets/img/EditorBGBlackTrans.png") repeat-y top left;
}

#feature h2.TableOfContentsTitle a {
	text-decoration: none;
	border: none;
	color: #ffffff;
}

#feature h2.TableOfContentsTitle a:hover {
	color: #999999;
}

#feature h2.featureTitle {
	clear: none;
	background: url("/assets/img/EditorBGCCC.png") no-repeat top left;
}

#feature h2.sidebarTitle {
	color: #335E79;
	padding: 10px 45px 0 15px;
	margin: 0;

 	background: url("/assets/img/EditorBGWhite.png") repeat-y top left;
}

#feature h2.sidebarTitle a {
	color: #335E79;
	text-decoration: none;
	border: none;
}

#feature h2.sidebarTitle a:hover {
	text-decoration: none;
	border-bottom: 1px solid #335E79;
}



#feature p.editorial a.more {
	text-decoration: none;
	border-bottom: none;
	color: #335E79;
}

#feature p.editorial a.more:hover {
	border-bottom: 1px solid #335E79;
}

#feature p.sidebarIntro a.more {
	text-decoration: none;
	border-bottom: none;
	color: #335E79;
}

#feature p.sidebarIntro a.more:hover {
	border-bottom: 1px solid #335E79;
}


#feature h2.thisIssue {
	background: url("/assets/img/EditorBGBlackTrans.png") repeat-y top left;
}

#feature p.copyright {
	background: url("/assets/img/EditorBGBlack.png") repeat-y top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #ffffff;
}
#feature h2.ceo,
#feature ul.features {
	background: url("/assets/img/EditorBG808080.png") repeat-y top left;
	text-transform: uppercase;
	text-align: left;
	list-style: none;
	font-size: 90%;
}

#feature ul.features li {
	padding: 4px 0;
}

#feature ul.features a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: none;
}



#feature ul.features a:hover {
	border-bottom: 1px solid #ffffff;
}



#feature a {
	color: #335e79;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#feature a:hover {
	border-bottom: 1px solid;
}


#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding-top: 40px;
	background: url("/assets/img/bgFooter.jpg") no-repeat center top;
}

#footerInner {
	clear: both;
	margin: 0 auto;
	width: 974px;
	background: #ffffff;
	color: #000000;
}

#footerInner a {
	color: #335E79;
}

div #lead a,
h1#imgReplace {
	behavior: url("/assets/css/iepngfix.htc");
}