@import url("./reset.css");
/*
* mhl.css
* MH+L Website
* 
* by Ryan Anguiano
* Cloud Creative Group
* http://cloudcreativegroup.com
*/


/********************************
*								*
*		   Site Classes			*
*								*
********************************/

body {
	background: #222;
	color: #404040;
	font-size: 12px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a img {
	border: none;
}

a {
	color: #22c8ec;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
	color: #222222;
}

h3 {
	font-size: 18px;
	color: #222222;
}

h4 {
	font-size: 13px;
}

h5 {
	font-size: 10px;
}

h6 {
	
}

h7 {
	
}

.spacer0 {
	overflow: hidden;
	height: 0px;
}

.spacer10 {
	overflow: hidden;
	height: 10px;
}

.spacer20 {
	overflow: hidden;
	height: 20px;
}

.spacer50 {
	overflow: hidden;
	height: 50px;
}

.spacer100 {
	overflow: hidden;
	height: 100px;
}

.hidden {
	display: none;
}

.smallShadow {
	width: 490px;
	height: 15px;
	margin: 15px 0px 30px;
	display: block;
	background: url(http://media.mhlmagazine.com/images/shadow-small.png) no-repeat;
}

.bigShadow {
	width: 1000px;
	height: 15px;
	margin: 15px 0px 30px;
	display: block;
	background: url(http://media.mhlmagazine.com/images/shadow-big.png) top center no-repeat;
}

#header {
	height: 114px;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background: url(http://media.mhlmagazine.com/images/header_back.png) top center repeat-x;
	overflow: hidden;
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 545px;
	height: 80px;
	text-indent: 150%;
	overflow: hidden;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/sprite.png) 0px 0px;
}

#header h1 a {
	height: 80px;
	display: block;
}

#header #version {
	position: absolute;
	top: 17px;
	right: 20px;
	color: #666;
}

#header #rssButton {
	position: absolute;
	top: 15px;
	right: 90px;
}

#header #mail_list_form {
	position: absolute;
	top: 45px;
	right: 20px;
}

#header #mail_list_text {
	position: absolute;
	top: 0px;
	right: 65px;
	height: 18px;
	background: #a9a9a9;
	border: 1px #888 solid;
}

#header #mail_list_copy {
	position: absolute;
	top: 70px;
	right: 20px;
	font-size: 11px;
}

#header #logoutButton {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 22px;
	width: 67px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	background: url(http://media.mhlmagazine.com/images/logout-button.png) no-repeat;
}

#header #logoutButton a {
	display: block;
	height: 22px;
}

#main, #bottomAds, #footer {
	background: #222 url(http://media.mhlmagazine.com/images/background.png) top left repeat-x;
	width: 100%;
	text-align: center;
	clear: both;
}

.clear {
	clear: both;
}

#nav {
	height: 32px;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
	background-image: url(http://media.mhlmagazine.com/images/nav.png);
	overflow: hidden;
	white-space: nowrap;
}

#nav li a {
	height: 32px;
	display: block;
}

#nav_home {
	width: 111px;
	background-position: 0px 0px;
	text-indent: 150%;
}

#nav_blog {
	width: 94px;
	background-position: -111px 0px;
	text-indent: 150%;
}

#nav_features {
	width: 127px;
	background-position: -205px 0px;
	text-indent: 150%;
}

#nav_tv {
	width: 114px;
	background-position: -332px 0px;
	text-indent: 150%;
}

#nav_events {
	width: 99px;
	background-position: -446px 0px;
	text-indent: 150%;
}

#nav_products {
	width: 122px;
	background-position: -545px 0px;
	text-indent: 150%;
}

#nav_about {
	width: 89px;
	background-position: -667px 0px;
	text-indent: 150%;
}

#nav_subscribe {
	width: 119px;
	background-position: -756px 0px;
	text-indent: 150%;
}

#nav_contact {
	width: 125px;
	background-position: -875px 0px;
	text-indent: 150%;
}

#nav_home:hover, #nav_home.selected {
	background-position: 0px -32px;
}

#nav_blog:hover, #nav_blog.selected {
	background-position: -111px -32px;
}

#nav_features:hover, #nav_features.selected {
	background-position: -205px -32px;
}

#nav_tv:hover, #nav_tv.selected {
	background-position: -332px -32px;
}

#nav_events:hover, #nav_events.selected {
	background-position: -446px -32px;
}

#nav_products:hover, #nav_products.selected {
	background-position: -545px -32px;
}

#nav_about:hover, #nav_about.selected {
	background-position: -667px -32px;
}

#nav_subscribe:hover, #nav_subscribe.selected {
	background-position: -756px -32px;
}

#nav_contact:hover, #nav_contact.selected {
	background-position: -875px -32px;
}

#sliderBase {
	width: 1000px;
	margin: 0px auto;
	white-space: nowrap;
	background: white;
}

#pageContainer {
	width: 1000px;
	background: white;
	margin: 0px auto;
	text-align: left;
	clear: both;
}

#pageTitle {
	width: 1000px;
	padding-bottom: 30px;
	background: url(http://media.mhlmagazine.com/images/shadow-big.png) top center no-repeat;
}

#pageTitle h2 {
	margin-left: 25px;
	padding: 15px 0px 0px;
	width: 950px;
	border-bottom: 1px solid black;
}

#bannerContainer {
	height: 150px;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

.ad_small{
	margin: 25px 15px 25px 14px;
	border: 1px solid #777;
}

.ad_tall {
	border: 1px solid #ccc;
}

#footerContainer {
	height: 150px;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	color: #666666;
	font-size: 10px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.footerLinks {
	width: 120px;
	float: left;
	display: block;
	line-height: 26px;
	margin: 30px 0px 30px 22px;
}

.footerLinks h4 {
	color: white;
	font-size: 16px;
	font-weight: normal;
}

#footerCopy {
	clear: both;
	padding-bottom: 30px;
}

#footerCopy a {
	color: white;
	font-weight: bold;
}

/********************************
*								*
*		   Home Page			*
*								*
********************************/

#homeHolder {
	background: url(http://media.mhlmagazine.com/images/shadow-big.png) top center no-repeat;
}

#homeHolder #postHolder {
	padding: 20px 0px;
	height: 260px;
}

#homeHolder .smallPost {
	float: left;
	width: 189px;
	height: 255px;
	padding: 5px 30px 0px;
	border-right: 1px solid #858585;
}

#homeHolder .bigPost {
	float: left;
	width: 440px;
	height: 255px;
	padding: 5px 30px 0px;
}

#postHolder h2 {
	font-size: 18px;
	color: #555;
}

#postHolder .home_thumb {
	margin-top: 10px;
	width: 190px;
	height: 190px;
	white-space: nowrap;
}

#postHolder a img {
	padding: 4px;
	border: 1px solid #c7c7c7;
	width: 180px;
	height: 180px;
}

#postHolder a:hover img {
	border: 1px solid #aaa;
}

#postHolder .smallPost h3 {
	font-size: 14px;
	line-height: 18px;
	display: block;
	width: 134px;
	float: left;
	padding: 4px 5px 2px 0px;
}

#postHolder .viewmore {
	display: block;
	width: 50px;
	height: 22px;
	overflow: hidden;
	background: url(http://media.mhlmagazine.com/images/home-view.png) top no-repeat;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

#postHolder .viewmore a {
	display: block;
	height: 22px;
}

#postHolder .bigPost .home_thumb {
	float: left;
	padding-right: 15px;
}

#postHolder .bigPostRight {
	padding-top: 25px;
}

#postHolder .bigPost h3 {
	font-size: 16px;
}

#postHolder .bigPost h4 {
	font-size: 14px;
	margin: 2px 0px;
}

#postHolder .bigPost .shortdesc {
	margin: 15px 0px 0px;
	color: #6c6c6c;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}

#postHolder .bigPostRight .viewmore {
	clear: both;
}

#homeSmallRow {
	height: 150px;
	width: 1000px;
	background: url(http://media.mhlmagazine.com/images/home-middle-back.png) repeat-x;
}

#homeSmallRow .bigshadow {
	height: 100px;
	width: 940px;
	padding: 25px 30px;
	background: url(http://media.mhlmagazine.com/images/shadow-big.png) no-repeat;
}

#homeSmallRow #searchHolder {
	width: 300px;
	height: 100px;
	background: #22c8ec;
	position: relative;
	float: left;
	margin-right: 20px;
}

#homeSmallRow #searchHolder h2 {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
}

#homeSmallRow #searchHolder #search_box_field {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 278px;
	height: 18px;
	border: none;
}

#homeSmallRow #searchHolder #search_button {
	position: absolute;
	top: 60px;
	right: 10px;
}

#homeSmallRow #searchHolder h4 {
	position: absolute;
	top: 60px;
	left: 10px;
}

#homeSmallRow #twitterHolder {
	width: 340px;
	height: 90px;
	padding: 5px;
	background: #f1f1f1;
	float: left;
	margin-right: 20px;
}

#homeSmallRow #twitterHolder h2 {
	width: 340px;
	height: 25px;
	background: url(http://media.mhlmagazine.com/images/home-twitter-title.png) no-repeat;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

#homeSmallRow #twitterHolder h2 a {
	display: block;
	height: 25px;
}

#homeSmallRow #tweetContainer {
	width: 330px;
	height: 55px;
	background: #fff;
	padding: 5px;
}

#homeSmallRow #tweetImage {
	float: left;
	padding-right: 5px;
	width: 55px;
	height: 55px;
}

#homeSmallRow #twitterDate {
	margin-bottom: 5px;
	font-weight: 600;
	color: #22c8ec;
}

#homeSmallRow #homePromoHolder img {
	width: 250px;
	height: 100px;
}

#homeBigRow {
	height: 240px;
	width: 940px;
	padding: 30px;
	background: #999 url(http://media.mhlmagazine.com/images/shadow-big.png) no-repeat;
}

#homeBigRow #magHolder, #homeBigRow #tvHolder {
	display: block;
	width: 455px;
	height: 240px;
	float: left;
	background: url(http://media.mhlmagazine.com/images/home-bottom-back.png) repeat-x;
	position: relative;
}

#homeBigRow #magHolder {
	margin-right: 30px;
}

#homeBigRow #magHolder #magCover {
	position: absolute;
	top: 20px;
	left: 45px;
}

#homeBigRow #magHolder h2 {
	position: absolute;
	top: 30px;
	left: 202px;
	width: 200px;
	height: 50px;
	overflow: hidden;
	background: url(http://media.mhlmagazine.com/images/digimag-title.png) no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

#homeBigRow #magHolder h2 a {
	display: block;
	height: 50px;
}

#homeBigRow #magHolder h3 {
	position: absolute;
	top: 90px;
	left: 210px;
	font-size: 16px;
}

#homeBigRow .launchButton {
	width: 85px;
	height: 25px;
	overflow: hidden;
	background: url(http://media.mhlmagazine.com/images/home-launch.png) no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

#homeBigRow .launchButton a {
	display: block;
	height: 25px;
}

#homeBigRow #magHolder .launchButton {
	position: absolute;
	top: 115px;
	left: 210px;
}

#homeBigRow #magHolder #magCopy {
	position: absolute;
	top: 150px;
	left: 210px;
	width: 215px;
	text-align: justify;
	color: #6d6d6d;
	line-height: 16px;
}

#homeBigRow #tvHolder #tvVideo {
	position: absolute;
	top: 70px;
	left: 20px;
}

#homeBigRow #tvHolder h2 {
	position: absolute;
	left: 215px;
	top: 20px;
	width: 140px;
	height: 50px;
	overflow: hidden;
	background: url(http://media.mhlmagazine.com/images/mhltv-title.png) no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

#homeBigRow #tvHolder h2 a {
	display: block;
	height: 50px;
}

#homeBigRow #tvHolder h3 {
	position: absolute;
	top: 75px;
	left: 220px;
	width: 215px;
	font-size: 16px;
}

#homeBigRow #tvHolder .launchButton {
	position: absolute;
	top: 105px;
	left: 220px;
}

#homeBigRow #tvHolder #tvCopy {
	position: absolute;
	top: 140px;
	left: 220px;
	width: 215px;
	text-align: justify;
	line-height: 16px;
	color: #6d6d6d;
}

/********************************
*								*
*		3 Column System			*
*								*
********************************/

.rightCol {
	margin-right: 25px;
	width: 210px;
	float: right;
}

.leftCol {
	margin-left: 25px;
	margin-right: 22px;
	width: 225px;
	float: left;
}

.middleCol {
	display: block;
	float: left;
	width: 493px;
}

#advertisingCol {
	padding-left: 15px;
	border-left: 1px solid black;
	margin-left: 22px;
}

#advertisingCol h4 {
	margin-bottom: 10px;
}

#searchBox {
	width: 225px;
	height: 95px;
	background: #22c8ec;
	position: relative;
}

#searchBox h4 {
	position: absolute;
	top: 10px;
	left: 10px;
}

#searchBox #search_box_field input {
	position: absolute;
	top: 35px;
	left: 10px;
	width: 203px;
	height: 18px;
	border: none;
}

#searchBox #search_button {
	position: absolute;
	top: 55px;
	right: 10px;
}

#searchBox h5 {
	position: absolute;
	top: 60px;
	left: 10px;
}

#leftLinks {
	padding: 15px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
}

#leftColSlideWrapper {
	position: relative;
	display: block;
	height: 100px;
}

#leftColSlide.fixed {
	position: fixed;
}

#advertisingCol.fixed {
	position: fixed;
}

#promoCol {
	width: 205px;
	padding-right: 19px;
	border-right: 1px solid black;
	margin: 0px 0px 20px;
}

#subscribeButton {
	width: 205px;
	height: 120px;
	background: url(http://media.mhlmagazine.com/images/sprite.png) 0px -120px no-repeat;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}

#subscribeButton a {
	display: block;
	height: 120px;
}

/********************************
*								*
*		  Article List			*
*								*
********************************/
.articleListItem {
	width: 490px;
	position: relative;
	margin-bottom: 10px;
}

.articleListItem h3 {
	margin: 0px 0px 10px;
}

.articleListItem h3 a {
	color: #222;
}

.articleListItem h3 a:hover {
	text-decoration: none;
}

.articleListItem a .articleListImage {
	padding: 4px 4px;
	border: 1px solid #c7c7c7;
	background: white;
	display: block;
	text-align: center;
}

.articleListItem a:hover .articleListImage {
	border: 1px solid #aaa;
}

.articleListItem .articleListTvLink {
	position: relative;
	display: block;
}

.articleListItem .articleListTvLink .articleListTvOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
}

.articleListItem .tv_player {
	position: relative;
}

.articleListItem .videoButton {
	width: 480px;
	height: 270px;
	z-index: 50;
	position: absolute;
	top: 0px;
	left: 0px;
}

.articleListItem .videoButton a {
	height: 270px;
	display: block;
	z-index: 55;
}

.articleListDetails {
	margin: 20px 0px 0px;
}

.articleListLinks {
	margin: 0px 0px 20px;
}

.articleListCopy {
	margin: 20px 0px;
	line-height: 18px;
}

.articleListCopy p {
	line-height: 18px;
}

.articleListItem li {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #222;
}

.articleListItem li a {
	font-weight: 400;
}

.articleListItem .articleListMore {
	width: 200px;
	height: 20px;
	background: url(http://media.mhlmagazine.com/images/readmore.png) no-repeat;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
}

.articleListItem .articleListMore a {
	height: 20px;
	display: block;
}

.paginator {
	text-align: center;
	padding: 10px 10px 30px 10px;
}

.paginator span {
	margin: 3px;
}

.paginator span a {
	padding: 3px 5px;
	background: #ccc;
	color: black;
}

.paginator span a:hover {
	text-decoration: none;
	background: #aaa;
}

.paginate-current {
	padding: 3px 5px;
	background: #22c8ec;
	color: white;
	font-weight: 600;
}

.paginate-pages {
	color: #22c8ec;
	font-weight: 600;
}

/*
.articleList {
	margin-top: -20px;
}

.articleListItem {
	width: 490px;
	height: 270px;
	background: #dedede;
	margin: 0px 0px 20px;
	cursor: pointer;
	position: relative;
}

.articleListItem:hover {
	background: #d2d2d2;
}

.articleListPhoto {
	width: 225px;
	height: 225px;
	padding: 6px;
	border: 1px solid #d2d2d2;
	background: white;
	float: left;
	margin: 16px;
}

.articleListDetails {
	margin: 20px 16px 20px 0px;
	height: 220px;
}

.articleListItem h3 {
	padding: 20px 0px 10px;
}

.articleListItem h4 {
	padding: 10px 0px;
}

.articleListItem p {
	text-align: justify;
}

.articleListView {
	position: absolute;
	bottom: 16px;
	left: 271px;
	width: 80px;
	height: 22px;
	background: url(http://media.mhlmagazine.com/images/sprite.png) -700px -25px;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}

.articleListView a {
	display: block;
	height: 22px;
}
*/

/********************************
*								*
*		 Article Details		*
*								*
********************************/

.tv_player {
	width: 480px;
	padding: 4px;
	border: 1px solid #c7c7c7;
}

.articleGallery {
	width: 493px;
	height: 400px;
}

.articleGallery ul {
	float: right;
	width: 115px;
	list-style: none;
}

.articleGallery li {
	margin-bottom: 7px;
}

.articleGallery li a {
	padding: 4px;
	border: 1px solid #c7c7c7;
	background: white;
	width: 105px;
	height: 105px;
	display: block;
}

.articleGallery li a:hover {
	border: 1px solid #aaa;
}

.highslide-active-anchor img {
	visibility: visible;
}

.articleGalleryPhoto {
	width: 360px;
	position: relative;
}

.articleGalleryPhoto a {
	padding: 4px 4px 3px;
	border: 1px solid #c7c7c7;
	background: white;
	width: 350px;
	height: 350px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.articleGalleryPhoto a:hover {
	border: 1px solid #aaa;
}

.articleGalleryLink {
	width: 360px;
	text-align: right;
	font-size: 11px;
}

.articleDetailInfo {
	line-height: 18px;
	margin: 15px 0px;
	font-size: 16px;
}

.articleDetailPrice {
	font-weight: normal;
}

.articleDetailDesc {
	margin: 10px 0px;
}

.articleDetailDesc p {
	line-height: 18px;
}

.articleDetailRelated {
	margin: 30px 0px;
	font-size: 14px;
	line-height: 18px;
}

.shareBox {
	margin: 20px 0px 10px;
}

.articleComments {
	width: 490px;
	background: url(http://media.mhlmagazine.com/images/shadow-small.png) top center no-repeat;
	padding: 40px 0px;
}

.commentBox {
	width: 490px;
	margin-bottom: 30px;
	background: #e0e0e0;
}

.commentHeader {
	height: 20px;
	width: 490px;
	background: url(http://media.mhlmagazine.com/images/comment-header-back.png) top repeat-x;
}

.commentForm .commentHeader {
	width: 360px;
}

.commentHeader #commentHeaderComments {
	background-position: 0px -280px;
	width: 100px;
	overflow: hidden;
	height: 20px;
	background-image: url(http://media.mhlmagazine.com/images/sprite.png);
	background-repeat: no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

.commentHeader #commentHeaderRelated {
	background-position: -100px -280px;
	width: 120px;
	overflow: hidden;
	height: 20px;
	background-image: url(http://media.mhlmagazine.com/images/sprite.png);
	background-repeat: no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

.commentHeader #commentHeaderAdd {
	background-position: -220px -280px;
	width: 110px;
	overflow: hidden;
	height: 20px;
	background-image: url(http://media.mhlmagazine.com/images/sprite.png);
	background-repeat: no-repeat;
	text-indent: 150%;
	white-space: nowrap;
}

.commentBoxWrapper {
	padding: 10px;
	width: 470px;
}

#commentBoxComments {
	width: 470px;
}

#commentBoxComments ul {
	list-style: none;
	padding-bottom: 5px;
}

#commentBoxComments li {
	padding: 10px;
	width: 450px;
	line-height: 14px;
	font-size: 12px;
	background: #fff;
	margin: 2px 0px;
}

.commentBoxAuthor {
	font-size: 11px;
	color: #22c8ec;
}

.commentForm h4 {
	margin-bottom: 10px;
}

.commentForm form {
	width: 340px;
	background: #e0e0e0;
	padding: 10px;
}

.commentForm label {
	display: block;
	line-height: 18px;
}

.commentForm input, .commentForm textarea {
	display: block;
}

.commentTextLine input, .commentTextLine textarea {
	width: 340px;
	background: white;
	border: none;
}

.commentTextLine input {
	height: 20px;
	margin: 5px 0px;
}

.commentTextLine textarea {
	height: 100px;
	margin: 5px 0px 0px;
}

.commentHiddenLine {
	height: 0px;
	width: 0px;
	overflow: hidden;
}

.commentSubmit {
	float: right;
}

.noComments {
	font-size: 16px;
	padding: 10px auto;
	display: block;
	text-align: center;
}

#commentBoxRelated {
	width: 440px;
	padding: 0px 15px;
}

#commentBoxRelated li {
	width: 115px;
	padding: 0px 15px;
	margin: 10px 0px;
	float: left;
}

#commentBoxRelated p {
	display: block;
	padding: 8px;
	text-align: center;
}

#commentBoxRelated img {
	padding: 4px;
	border: 1px solid #c7c7c7;
	background: white;
	float: left;
	margin-bottom: 4px;
}

#commentBoxRelated img:hover, #commentBoxRelated a:hover img {
	border: 1px solid #aaa;
}

/********************************
*								*
*		 Subscribe Page			*
*								*
********************************/

#subscriptionContainer #giftWrapper {
	width: 490px;
	height: 350px;
	margin-bottom: 30px;
}

#subscriptionContainer #giftWrapper li {
	width: 245px;
	float: left;
	text-align: center;
	font-size: 14px;
}

#subscriptionContainer #giftWrapper li input {
	display: block;
	margin: 5px auto 15px;
}

#subscriptionContainer .error {
	color: red;
	font-weight: bold;
}

#subscriptionContainer #billingContainer, #subscriptionContainer #shippingContainer, #subscriptionContainer #ccContainer {
	width: 460px;
	background: #dedede;
	padding: 15px;
	position: relative;
	margin-bottom: 20px;
}

#subscriptionContainer #billingContainer p, #subscriptionContainer #shippingContainer p {
	width: 460px;
	position: relative;
	line-height: 24px;
}

#subscriptionContainer #billingContainer label, #subscriptionContainer #shippingContainer label {
	width: 100px;
	display: block;
	float: left;
	font-size: 14px;
}

#subscriptionContainer #billingContainer input, #subscriptionContainer #shippingContainer input {
	width: 358px;
	height: 18px;
	font-size: 14px;
	border: 0;
}

#subscriptionContainer #address2, #subscriptionContainer #ship_address2 {
	margin-left: 100px;
}

#subscriptionContainer #ccContainer p {
	line-height: 24px;
}

#subscriptionContainer #ccContainer label {
	display: block;
	float: left;
	font-size: 14px;
	width: 150px;
}

#subscriptionContainer #cc_number input, #subscriptionContainer #cc_code input {
	height: 18px;
	font-size: 14px;
	border: 0;
}

#subscriptionContainer #cc_number input {
	width: 200px;
}

#subscriptionContainer #cc_code input {
	width: 70px;
}

#subscriptionContainer h3 {
	margin: 5px 0px;
	font-size: 16px;
}

#subscriptionContainer h4 {
	margin-bottom: 10px;
}

#subscriptionContainer #shippingHider {
	display: none;
}

#subscriptionContainer #exp_month {
	height: 26px;
}

#subscriptionContainer #subscribe_cc {
	position: absolute;
	top: 15px;
	right: 15px;
}

#subscriptionContainer #subscribe_button {
	text-align: right;
	width: 490px;
}

#subscriptionContainer #choice_subscribe, #subscriptionContainer #choice_gift {
	cursor: pointer;
}

#subscriptionContainer .AuthorizeNetSeal {
	margin: 10px 201px;
}

/********************************
*								*
*		   Contact Page			*
*								*
********************************/

#contactContainer #contactIntro {
	line-height: 18px;
	margin-bottom: 15px;
}

#contactContainer #contactHolder {
	width: 460px;
	background: #dedede;
	padding: 15px;
	position: relative;
	margin: 20px 0px;
}

#contactContainer .error {
	color: red;
	font-weight: bold;
}

#contactHolder p {
	width: 460px;
	position: relative;
	line-height: 24px;
}

#contactHolder #regarding {
	height: 30px;
}

#contactHolder label {
	width: 100px;
	display: block;
	float: left;
	font-size: 14px;
}

#contactHolder input {
	width: 358px;
	height: 18px;
	font-size: 14px;
	border: 0;
}

#contactHolder textarea {
	width: 358px;
	height: 100px;
	font-size: 14px;
	border: 0;
	margin-top: 1px;
	padding: 1px;
}

/********************************
*								*
*		   Search Page			*
*								*
********************************/

#searchModels ul {
	list-style: none;
}

#searchModels li {
	float: left;
}

#searchResults {
	list-style: none;
}

#searchResults li {
	width: 473px;
	background: #ccc;
	color: #333;
	margin: 10px 0px;
}

#searchResults li:hover {
	background: #22c8ec;
}

#searchResults li a {
	color: #333;
	display: block;
	padding: 10px;
}

#searchResults li a:hover {
	text-decoration: none;
}

#searchResults .searchListImage {
	float: left;
	margin-right: 10px;
	width: 180px;
	height: 180px;
}

#searchResults h3 {
	margin: 5px 0px 10px;
}

#searchResults h3 a {
	color: #333;
}

#searchResults p {
	line-height: 18px;
}

/********************************
*								*
*		  Person Page			*
*								*
********************************/



#personList {
	list-style: none;
}

#personList li {
	width: 473px;
	background: #ccc;
	color: #333;
	margin: 10px 0px;
}

#personList li:hover {
	background: #22c8ec;
}

#personList li a {
	color: #333;
	display: block;
	padding: 10px;
}

#personList li a:hover {
	text-decoration: none;
}

#personList .personListImage {
	float: left;
	margin-right: 10px;
	width: 180px;
	height: 180px;
}

#personList h3 {
	margin: 5px 0px 10px;
}

#personList h3 a {
	color: #333;
}

#personList h3 a:hover {
	text-decoration: none;
}

#personList p {
	line-height: 18px;
}


/********************************
*								*
*		   Editor Pages			*
*								*
********************************/

.editorPage {
	width: 490px;
}

.editorPage h3 {
	font-size: 20px;
	margin-bottom: 5px;
}

.editorPage h4 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}

.editorPage p {
	margin: 5px 0px;
	line-height: 18px;
}

.editorPage .halfWidth {
	width: 245px;
	float: left;
}

#mediakitContainer .halfWidth {
	padding-left: 60px;
	width: 185px;
}

#mediakitContainer .downloadButton {
	margin-bottom: 20px;
}

#mediaContainer td {
	padding-top: 10px;
	padding-right: 10px;
	line-height: 16px;
	font-size: 12px;
}

/********************************
*								*
*		   Video Player			*
*								*
********************************/

#tvSlider {
	background: black;
	width: 1000px;
	height: 226px;
	overflow: hidden;
	margin: 0px auto;
	white-space: nowrap;
}

.tvDetail {
	width: 960px;
	padding: 20px;
	background: black url(http://media.mhlmagazine.com/images/player/page-grad.png) repeat-x bottom;
	color: white;
}

.tvDetail h2 {
	color: white;
	margin-bottom: 20px;
}

.tvDetail #tvContainer {
	width: 900px;
	padding: 20px 30px;
	margin-bottom: 30px;
	background: #1c1c1c url(http://media.mhlmagazine.com/images/player/player-grad.png) repeat-x top;
}

.tvDetail h3 {
	color: white;
	margin-bottom: 20px;
	font-size: 22px;
}

.tvDetail #playerContainer {
	overflow: hidden;
	margin-bottom: 20px;
}

.tvDetail .bigPlayer {
	width: 900px;
	margin: 0px;
}

.tvDetail .bigPlayer #playerTop {
	width: 900px;
}

.tvDetail .bigPlayer #videoContainer, .tvDetail .bigPlayer #videoPlayer {
	width: 900px;
	height: 507px;
}

.tvDetail .bigPlayer #playerProgressBar {
	width: 650px;
}

.tvDetail .bigPlayer #playerProgressLoadedSpacer {
	width: 644px;
}

.tvDetail .mediumPlayer {
	width: 640px;
	margin: 0px 130px;
}

.tvDetail .mediumPlayer #playerTop {
	width: 640px;
}

.tvDetail .mediumPlayer #videoContainer, .tvDetail .mediumPlayer #videoPlayer {
	width: 640px;
	height: 360px;
}

.tvDetail .mediumPlayer #playerProgressBar {
	width: 390px;
}

.tvDetail .mediumPlayer #playerProgressLoadedSpacer {
	width: 398px;
}

.tvDetail .smallPlayer {
	width: 480px;
	margin: 0px 210px;
}

.tvDetail .smallPlayer #playerTop {
	width: 480px;
}

.tvDetail .smallPlayer #videoContainer, .tvDetail .smallPlayer #videoPlayer {
	width: 480px;
	height: 270px;
}

.tvDetail .smallPlayer #playerProgressBar {
	width: 230px;
}

.tvDetail .smallPlayer #playerProgressLoadedSpacer {
	width: 224px;
}

.tvDetail #playerTop {
	height: 20px;
	background: url(http://media.mhlmagazine.com/images/player/back.png) top repeat-x;
	position: relative;
}

.tvDetail #videoContainer {
	background: black;
	overflow: hidden;
}

.tvDetail #playerSizeContainer {
	width: 150px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.tvDetail #playerSizeContainer p {
	float: left;
	height: 20px;
}

.tvDetail #playerSizeResolution {
	width: 60px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) 0px -22px;
}

.tvDetail #playerSizeSmall {
	width: 25px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	cursor: pointer;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -60px -22px;
}

.tvDetail #playerSizeMedium {
	width: 25px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	cursor: pointer;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -93px -22px;
}

.tvDetail #playerSizeLarge {
	width: 25px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	cursor: pointer;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -120px -22px;
}

.tvDetail #playerBottom {
	height: 22px;
	background: url(http://media.mhlmagazine.com/images/player/back.png) bottom repeat-x;
	position: relative;
}

.tvDetail #playerButtonsContainer {
	width: 150px;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tvDetail #playerButtonsContainer p {
	float: left;
	height: 22px;
}

.tvDetail #playerButtonsLogo {
	width: 60px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) 0px 0px;
	position: absolute;
	left: 10px;
}

.tvDetail #playerButtonPlay {
	width: 30px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -60px 0px;
	position: absolute;
	cursor: pointer;
	left: 80px;
}

.tvDetail #playerButtonPause {
	width: 30px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -90px 0px;
	position: absolute;
	cursor: pointer;
	left: 80px;
}

.tvDetail #playerButtonStop {
	width: 30px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: url(http://media.mhlmagazine.com/images/player/buttons.png) -120px 0px;
	position: absolute;
	cursor: pointer;
	left: 110px;
}

.tvDetail #playerTimeContainer {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 40px;
	text-align: right;
	font-size: 10px;
}

.tvDetail #playerVolumeContainer {
	position: absolute;
	right: 45px;
	top: 0px;
	height: 22px;
	width: 55px;
	background: url(http://media.mhlmagazine.com/images/player/volume.png) bottom left no-repeat;
	cursor: pointer;
}

.tvDetail #playerVolumeCurrent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 22px;
	width: 55px;
	background: url(http://media.mhlmagazine.com/images/player/volume.png) top left no-repeat;
}

.tvDetail #playerProgressBar {
	position: absolute;
	top: 6px;
	left: 150px;
	height: 9px;
	cursor: pointer;
}

.tvDetail #playerProgressLoaded, .tvDetail #playerProgressPlayed {
	position: absolute;
	top: 0px;
	left: 0px;
}

.tvDetail #playerProgressLoadedLeft {
	width: 3px;
	height: 9px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) 0px 0px no-repeat;
}

.tvDetail #playerProgressLoadedSpacer {
	height: 9px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) 0px -18px repeat-x;
}

.tvDetail #playerProgressLoadedRight {
	width: 3px;
	height: 9px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) -3px 0px no-repeat;
}

.tvDetail #playerProgressPlayedLeft {
	width: 3px;
	height: 9px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) 0px -9px no-repeat;
}

.tvDetail #playerProgressPlayedSpacer {
	height: 9px;
	width: 0px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) 0px -27px repeat-x;
}

.tvDetail #playerProgressPlayedRight {
	width: 3px;
	height: 9px;
	display: block;
	float: left;
	background: url(http://media.mhlmagazine.com/images/player/scrubber.png) -3px -9px no-repeat;
}

.tvDetail #tvContainer li {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
}

.tvDetail #tvContainer li a {
	font-weight: 400;
}

.tvDetail #playerCopy {
	margin: 20px 0px;
	line-height: 18px;
}

.tvDetail .commentBox {
	width: 960px;
	background: #1c1c1c;
}

.tvDetail .commentHeader {
	height: 20px;
	width: 960px;
	margin-bottom: 20px;
	background: url(http://media.mhlmagazine.com/images/player/comment-header.png) bottom repeat-x;
}

.tvDetail .commentHeader #commentHeaderComments {
	background: url(http://media.mhlmagazine.com/images/player/comment-header.png) top repeat-x;
	width: 100px;
	overflow: hidden;
	height: 20px;
	text-indent: 150%;
	white-space: nowrap;
}

.tvDetail .commentBoxWrapper {
	width: 500px;
	margin-right: 50px;
	float: left;
}

.tvDetail .commentForm {
	width: 340px;
	float: left;
}

.tvDetail .commentForm form {
	background: black url(http://media.mhlmagazine.com/images/player/page-grad.png) repeat-x bottom;
}

.tvDetail .commentForm .commentHeader {
	height: 20px;
	width: 360px;
	margin-bottom: 0px;
	background: url(http://media.mhlmagazine.com/images/player/comment-header.png) bottom repeat-x;
}

.tvDetail .commentForm .commentHeader #commentHeaderAdd {
	background: url(http://media.mhlmagazine.com/images/player/comment-header.png) top repeat-x;
	width: 100px;
	overflow: hidden;
	height: 20px;
	text-indent: 150%;
	white-space: nowrap;
}

/********************************
*								*
*			Accounts			*
*								*
********************************/

#accountHeader {
	margin-bottom: 15px;
}

#loginUser, #loginPass {
	width: 493px;
	margin-bottom: 10px;
}

#loginUser label, #loginPass label {
	width: 210px;
	margin-right: 13px;
	display: block;
	float: left;
	text-align: right;
	font-size: 12px;
	line-height: 22px;
}

#loginSubmitLine {
	width: 493px;
	text-align: center;
}

#accountLinks li {
	width: 120px;
	height: 20px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	margin-right: 1px;
}

#accountLinks li a {
	display: block;
	height: 20px;
}

#accountLinks #admin {
	background: url(http://media.mhlmagazine.com/images/account-nav.png) 0px 0px no-repeat;
}

#accountLinks #syndication {
	background: url(http://media.mhlmagazine.com/images/account-nav.png) -120px 0px no-repeat;
}

#accountLinks #logout {
	background: url(http://media.mhlmagazine.com/images/account-nav.png) -240px 0px no-repeat;
}


/********************************
*								*
*	   Syndication Center		*
*								*
********************************/

#syndicationHeader {
	width: 960px;
	height: 40px;
	margin: 25px 20px;
	background: url(http://media.mhlmagazine.com/images/syndication-header-background.png) top repeat-x;
	position: relative;
}

#syndicationHeader h2 {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 28px;
	font-weight: 400;
	color: white;
}

#syndicationHeader #syndicationHeaderBack {
	width: 100px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	background: url(http://media.mhlmagazine.com/images/syndication-header-back.png) no-repeat;
}

#syndicationHeader #syndicationHeaderBack a {
	display: block;
	height: 40px;
}

#syndicationCats {
	width: 960px;
	margin: 0px 20px 20px;
}

#syndicationCats li {
	float: left;
	margin-right: 15px;
}

#syndicationList {
	clear: both;
	width: 960px;
	margin: 20px;
}

.syndicationArticle {
	clear: both;
	margin: 20px 0px;
}

.syndicationArticle .articleThumb {
	width: 180px;
	height: 180px;
	display: block;
	margin-right: 20px;
	float: left;
}

.syndicationArticle .articleText {
	float: left;
	width: 760px;
}

.syndicationArticle .articleDate {
	float: right;
	margin-right: 50px;
	width: 200px;
	text-align: right;
	font-size: 14px;
}

.syndicationArticle .articleCat {
	float: right;
	width: 120px;
	font-size: 14px;
}

.syndicationArticle .articleCat a {
	color: #404040;
}

.syndicationArticle .articleTitle {
	font-size: 18px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.syndicationArticle .articleTitle a {
	color: #404040;
}

.syndicationArticle .articleShort {
	width: 560px;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	margin: 20px 0px;
}

.articleViewButton {
	width: 95px;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	background: url(http://media.mhlmagazine.com/images/syndication-view-button.png) no-repeat;
}

.articleDownloadButton {
	width: 95px;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	background: url(http://media.mhlmagazine.com/images/syndication-download-button.png) no-repeat;
}

.articleViewButton a, .articleDownloadButton a {
	display: block;
	height: 22px;
}

.syndicationArticle .articleViewButton, .syndicationArticle .articleDownloadButton {
	float: left;
	margin-right: 10px;
}

#syndicationArticle {
	width: 960px;
	margin: 20px;
}

#syndicationArticle .articleDate {
	float: right;
	margin-right: 50px;
	width: 200px;
	text-align: right;
	font-size: 14px;
	line-height: 18px;
}

#syndicationArticle .articleCat {
	float: right;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
}

#syndicationArticle .articleCat a {
	color: #404040;
}

#syndicationArticle .articleTitle {
	font-size: 18px;
	margin: 0px 20px 10px;
}

#syndicationArticle #leftSide {
	width: 363px;
	margin: 10px 50px 20px 20px;
	float: left;
}

#syndicationArticle .articleGallery {
	width: 363px;
	height: 300px;
	margin-bottom: 20px;
}

#syndicationArticle .articleGallery ul {
	float: right;
	width: 85px;
	list-style: none;
}

#syndicationArticle .articleGallery li {
	margin-bottom: 7px;
}

#syndicationArticle .articleGallery li a {
	padding: 4px;
	border: 1px solid #c7c7c7;
	background: white;
	width: 75px;
	height: 75px;
	display: block;
}

#syndicationArticle .articleGallery li a:hover {
	border: 1px solid #aaa;
}

#syndicationArticle .highslide-active-anchor img {
	visibility: visible;
}

#syndicationArticle .articleGalleryPhoto {
	width: 270px;
	position: relative;
}

#syndicationArticle .articleGalleryPhoto a {
	padding: 4px 4px 3px;
	border: 1px solid #c7c7c7;
	background: white;
	width: 260px;
	height: 260px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#syndicationArticle .articleGalleryPhoto a:hover {
	border: 1px solid #aaa;
}

#syndicationArticle .articleGalleryLink {
	width: 270px;
	text-align: right;
	font-size: 11px;
}

#syndicationArticle #articleCopy {
	text-align: justify;
	float: left;
	width: 480px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 13px;
}

#syndicationArticle #additionalHeader {
	clear: both;
	margin-bottom: 10px;
}

#syndicationArticle .articleDownloadButton {
	margin: 20px 0px;
}

#syndicationDownloadLegal {
	font-size: 10px;
	margin: 0px 20px 20px;
}