/* --- Reset Css { */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* } Reset Css --- */

/* --- tools { */
.ir { letter-spacing: -1000em; }
/*\*/html>body .ir { letter-spacing : normal; text-indent : -999em; overflow : hidden; }
/* } tools --- */

/* --- layout { */
html,body{margin:0;padding:0}
body{font: 16px Arial, Helvetica, sans-serif;text-align:center;background:url(../images/tile-bg.jpg) repeat-x top left #ddd;}
div#container{width:960px;margin:0 auto;text-align:left; background:url(../images/main-bg.gif) repeat-y;}
div#header{min-width:960px;text-align:left; background: url(../images/maja-magazine.png) no-repeat top center;}
div#header div#header-inner{width:960px;margin:0 auto;}
ul#snav-list{ width:856px;margin:0 auto; }
div#cover{min-width:960px;color:#fff;font-size:24px;text-align:center;background: url(../images/cover-bg.jpg) #000 bottom center no-repeat;min-height:190px;height:auto !important;height:190px;}
div#cover div#cover-inner{width:960px;margin:0 auto;text-align:right;}
div#content{float:left;width:700px;padding:15px 0; overflow:hidden;}
div#side{float:right;width:260px;padding:0;background:url(../images/side-bg.jpg) no-repeat 0 0;}
div#footer{clear:both;width:100%;background: url(../images/main-bg-bottom.png) no-repeat bottom;padding-bottom:4px;}
/* } layout --- */

/* --- main styles { */
h1,h2,h3,h4,h5,h6 { color:#888;font-weight:bold; font-size:18px; }
.title { font-size:36px; margin:10px 30px 5px; line-height: 36px;}
.sub-title { margin:0 30px 15px; font-weight:normal; color:#999; font-style:italic;}
a, a:link { color: #777; border-bottom: 1px solid #000; font-weight: bold; text-decoration: none; cursor:pointer; }
a:visited { color: #888; border-bottom: 1px solid #999; }
a:hover,a:active { color: #000; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{ text-decoration:none; border:none;}
a.no-effect,a.no-effect:link,a.no-effect:visited,a.no-effect:hover,a.no-effect:active { color: #000; font-weight: normal; text-decoration: none; border: none; }
p.more { text-align:right; padding:2px 15px 2px 0; text-transform:uppercase; font-size:14px;}
p.more a {background: url(../images/more-arrow-gray.gif) #fff right no-repeat;padding-right: 20px;}
p.more a:hover {background-image:url(../images/more-arrow-black.gif);}
hr {display:list-item; list-style:url(../images/hr.png) inside; background: center transparent; height: 35px; border: none; color: #fff;clear:both; width:0; margin:0 0 0 225px; padding:0;}
/* } main styles --- */

/* --- full-page modifications { */
div#content.full-page {width:960px;}
div#content.full-page ul#crumbs-list {float:left;width:700px;}
div#content.full-page ul#models-photoshoots {margin-left:700px;}
div#content.full-page ul#more-links {margin-left:700px;}
div#content.full-page hr { margin:0 0 0 355px; }
div#content.full-page p.more { padding-right: 30px; }
/* } full-page modifications --- */

/* --- header { */
div#header h1 {
	float:left;
	height:110px;
	width:450px;
}
div#newsletter {
	position: relative;
	padding: 3px 0px 5px 5px;
}
div#search {
	float:left;
	padding: 15px 0px 0px 145px;
    font-family:arial,verdana;
    font-size:11px;
    color: #fff;
	border: none;
	letter-spacing: 1px;
	background:transparent;
}
div#search input {
	width: 195px;
	padding: 2px 5px 2px;
	margin-top: 3px;
}
div#search input:focus {
    outline: none;
}
div#search input, div#search button {
	color: #fff;
	border: none;
	letter-spacing: 1px;
	text-align: right;
	background:transparent;
}
div#search button {
	cursor: pointer;
	height:30px;
	width:30px;
	background:transparent url(../images/search-arrow-black.png) top center no-repeat;
}
div#search button:hover {
	background-image:url(../images/search-arrow-white.png);
}
div#search button:active {
	background-image:url(../images/search-arrow-black.png);
}

div#vip {
	clear:right;
	float:right;
	font-family:Verdana, Times, serif;
	padding: 46px 0 0 0;
	width: 170px;
}
div#vip h4 {
	float: left;
	font-size: 30px;
	padding-top:2px;
	color:#fff;
	width:102px;
}
div#vip a, div#vip a:link, div#vip a:visited, div#vip a:hover, div#vip a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: none;
	text-transform:lowercase;
	padding: 1px 3px;
}
div#vip a:hover {
	color: #a3a3a3;
}
/* } header --- */

/* --- section nav bar { */
div#snav {
	border-bottom: 10px solid #000;
}
ul#snav-list {
	clear:both;
	padding-top: 15px;
	white-space: nowrap;
	text-align: right;
	text-transform:lowercase;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
}
ul#snav-list li {
	display: inline;
	list-style-type: none;
	margin: 0 1px;
}
ul#snav-list a { padding: 4px 15px;}
ul#snav-list a:link, ul#snav-list a:visited, ul#snav-list a:active {
	color: #555;
	background-color: #eee;
	text-decoration: none;
	border: none;
}
ul#snav-list a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
	border: none;
}
ul#snav-list li.active a, ul#snav-list li.active a:link, ul#snav-list li.active a:visited, ul#snav-list li.active a:hover, ul#snav-list li.active a:active {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: none;
}
div.snav-cities { background: url(../images/cities-bg.png) no-repeat center bottom; }
div.snav-stories { background: url(../images/stories-bg.png) no-repeat center bottom; }
div.snav-people { background: url(../images/people-bg.png) no-repeat center bottom; }
div.snav-style { background: url(../images/style-bg.png) no-repeat center bottom; }
/* } section nav bar --- */


/* --- cover story { */
div#cover h2 { font-size: 36px; }
div#cover h2 a, div#cover h2 a:link, div#cover h2 a:visited { color:#aaa; }
div#cover h2 a:hover { color:#fff; }
div#cover p.more { padding-top: 10px; }
div#cover p.more a { padding:0 22px 0 2px; background-position:96%; }
div#cover div#cover-inner {
	background: url(../images/cover-border.png) no-repeat 715px center;
}
div#cover div#cover-article {
	padding: 8px 280px 28px 160px;
	background: no-repeat 723px center;
}
/* } cover story --- */

/* --- crumbs { */
ul#crumbs-list
{
	padding: 7px 12px;
	margin: 0 10px;
	background:url(../images/crumbs-bg.png) no-repeat;
	font-size:12px;
}
ul#crumbs-list li
{
	display: inline;
	list-style-type: none;
	padding: 0 5px 0 20px;
	background:url(../images/crumbs-bullet.png) no-repeat left center;
}
ul#crumbs-list li a, ul#crumbs-list li a:link, ul#crumbs-list li a:visited, ul#crumbs-list li a:hover, ul#crumbs-list li a:active { border:none; }
/* } crumbs --- */

/* --- pagination { */
ol.pages-list {
	clear:both;
	text-align:right;
	margin: 0 25px 15px;
	font-size: 12px;
}
/* } pagination --- */

/* --- main content { */
a.ezine-promo {
	background: url(../images/download-promo.jpg) no-repeat 15px 0;
	display: block;
	padding: 0 15px;
	height: 217px;
	overflow: hidden;
	margin: 5px 0 0;
}
a.ezine-promo ul {
	list-style:disc;
	padding: 20px 0 9px 60px;
	font-size: 22px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 500px;
}
a.ezine-promo li {
	list-style:disc;
	font-size: 22px;
	line-height: 40px;
	letter-spacing: 1px;
	font-weight: bold;
}
a.ezine-promo h3 {
	color:#fff;
	font-size:42px;
	margin-left: 68px;
	margin-top: 11px;
	letter-spacing: 2px;
}
a.ezine-promo:hover h3 {
	color:#000;
}
a.ezine-promo .promo-li2 { margin-left:8px; }
a.ezine-promo .promo-li3 { margin-left:16px; margin-right:25px; }

ul#article-list {
	margin: 15px 15px;
}
ul#article-list li {
	padding-left: 229px;
	margin: 0 0 15px;
	min-height: 125px;
	height:auto !important;
  	height:125px;
	background: no-repeat;
	overflow:visible;
}
.toggle-list {
	white-space: nowrap;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	margin:5px 15px;
	font-size: 14px;
}
.toggle-list li {
	display:inline;
	list-style-type: none;
	margin: 0 1px;
}
.toggle-list a { padding: 2px 6px;}
.toggle-list a:link, .toggle-list a:visited, .toggle-list a:active {
	color: #666;
	background-color: #eee;
	text-decoration: none;
	border: none;
}
.toggle-list a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: none;
}
.toggle-list li.active a, .toggle-list li.active a:link, .toggle-list li.active a:visited, .toggle-list li.active a:hover, .toggle-list li.active a:active {
	color: #fff;
	background-color: #666;
	text-decoration: none;
	border: none;
}
ul#sort-by {
	float: right;
	padding: 12px 30px 21px 150px;
	background:url(../images/sort-by-bg.png) no-repeat bottom right;
	text-align: right;
	margin:4px;
}
ul#sort-by a:link, ul#sort-by a:visited, ul#sort-by a:active { background-color:transparent; }
ul#sort-by li.active a, ul#sort-by li.active a:link, ul#sort-by li.active a:visited, ul#sort-by li.active a:hover, ul#sort-by li.active a:active { background-color: #666; }
ul#sort-by a:hover { background-color:#000; }
/* } main content --- */

/* --- side bar { */
h2#this-issue {
	font-size: 24px;
	color: #fff;
	line-height: 18px;
	margin-left: 13px;
	padding: 3px 0 20px;
	text-transform:uppercase;
	letter-spacing:2px;
	background: url(../images/this-issue-arrow.png) no-repeat 196px 0;
	white-space:nowrap;
	overflow:hidden;
	height:18px;
	z-index:10;
	position:relative;
}
dl#shoot-list {
	padding: 0 0 0 15px;
	clear:both;
}
div#side dl#shoot-list {top:-20px;position:relative;padding: 0 15px;}
dl#shoot-list a, dl#shoot-list a:link, dl#shoot-list a:visited, dl#shoot-list a:hover, dl#shoot-list a:active {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	display:block;
	width: 230px;
	margin: 0 0 15px;
	overflow:hidden;
	font-weight: bold;
	border: none;
	height:125px;
	overflow:hidden;
}
dl#shoot-list a:hover dd, dl#shoot-list a:active dd {
	background:#000;
	color:#ccc;
}
dl#shoot-list a:hover dt, dl#shoot-list a:active dt {
	color:#FFF;
}
dl#shoot-list dt {
	float: left;
	line-height:16px;
	padding:108px 2px 0;
}
dl#shoot-list dd {
	font-size: 12px;
	line-height:21px;
	margin:105px 0 0;
	padding: 0 5px;
	color: #888;
	text-align: right;
	background: url(../images/shoot-overlay.png) top repeat-x;
}
ul#more-links, ul#models-photoshoots  {
	text-align: right;
	padding: 17px 40px 10px 0;
	background:url(../images/more-models-bg.png) no-repeat top center;
}
ul#models-photoshoots {padding: 15px 50px 10px 0;}
ul#more-links li.li1 {
	padding-right: 13px;
}
ul#more-links li, ul#models-photoshoots li{
	margin: 7px 15px 7px 0;
	text-transform:uppercase;
	font-size: 14px;
}
ul#models-photoshoots { background-image:url(../images/models-photoshoots.png) !important; }
/* } side bar --- */

/* --- single article { */
div.article-content { margin: 15px 0; }
div.article-content p { margin: 15px 15px 15px 19px; }
ul.article-info { margin: 0 5px; font-size:15px; color:#888; text-align: right; font-family:Georgia, "Times New Roman", Times, serif; }
ul.article-info li { display: inline; border-left: 18px solid #eee; padding: 0 10px; }
div.article-content img { float:right; margin:30px !important;}
/* } single article --- */

/* --- gallery { */
dl#shoot-list div {float: left; padding: 35px 35px 20px; margin: 0 15px 15px 0; background: no-repeat;}
dl#shoot-list div.dt1 {background:url(../images/shoot-list-bg.png) 0 0}
dl#shoot-list div.dt2 {background:url(../images/shoot-list-bg.png) -300px 0}
dl#shoot-list div.dt3 {background:url(../images/shoot-list-bg.png) -600px 0}
dl#shoot-list div.dt4 {background:url(../images/shoot-list-bg.png) 0 -195px}
dl#shoot-list div.dt5 {background:url(../images/shoot-list-bg.png) -300px -195px}
dl#shoot-list div.dt6 {background:url(../images/shoot-list-bg.png) -600px -195px}
dl#shoot-list div.dt7 {background:url(../images/shoot-list-bg.png) 0 -390px}
dl#shoot-list div.dt8 {background:url(../images/shoot-list-bg.png) -300px -390px}
dl#shoot-list div.dt9 {background:url(../images/shoot-list-bg.png) -600px -390px}

ul.gallery-list {
	margin-left: 42.4px;
}
ul.gallery-list li {
	float: left;
	margin: 0 42.4px 15px 0;
}
ul.gallery-list li img, div.article-content img {
	border: 2px solid #eee;
	background-color: #eee;
	padding: 6px;
}
ul.gallery-list li a:hover img, div.article-content a:hover img {
	border-color:#bbb;
}
ul.gallery-list li a, ul.gallery-list li a:link, ul.gallery-list li a:visited, ul.gallery-list li a:hover, ul.gallery-list li a:active { border: none; }
.gallery-text {
	margin: 0 42.4px;
}
.gallery-text p {
	margin: 15px;
}
/* } gallery --- */

/* --- model profile { */
div.model-text p {
	margin:15px;
}
div.model-info {
	float:right;
	width: 214px;
	height:inherit;
	background: url(../images/logo-right-overlay.png) right top no-repeat;
}
div.model-info dl {
	padding: 8px;
	background: url(../images/logo-right-overlay.png) right top no-repeat #eee;
    border-bottom: 15px solid #fff;
	border-left: 15px solid #fff;
}
div.model-info dt {
	color: #666;
}
div.model-info dd {
	font-weight:bold;
	margin: 0 0 8px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#model-profile {
	background: 15px no-repeat;
	padding: 0 15px;
}
div#model-profile div.model-effects {
	background: repeat-y url(../images/grunge-left.png);
	height:inherit;
}
div.model-photos ul.gallery-list {
	margin-left: 27.2px;
}
div.model-photos ul.gallery-list li {
	margin-right: 27.2px;
}
div.model-text {
	margin: 27.2px;
	border-left: 27.2px solid #ccc;
}
div.model-shoots h4 {
	padding: 10px 15px;
	font-size: 32px;
	background: url(../images/grunge-top.png) repeat-x top #eee;
}
div.model-shoots dl#shoot-list div { margin: 5px 10px 5px 0; }
div.model-shoots dl#shoot-list { float:left; width: 625px; border: 15px dashed #eee; border-top: none; }
div.model-shoots { padding: 0 15px; }
/* } model profile --- */

/* --- footer { */
div#footer {
	padding-top: 10px;
}
div#footer ul {
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
div#footer li {
	display: inline;
	list-style: none;
	margin: 0 5px;
}
div#footer li a, div#footer li a:link, div#footer li a:visited {
	border: none;
	color: #000;
	text-decoration: none;
	padding: 0 10px;
}
div#footer li a:hover, div#footer li a:active {
	color: #888;
}
/* } footer --- */

/* --- leaderboard ad { */
div#leaderboard {
	min-width:960px;
	background:url(../images/leaderboard-ad-bg.png) center center no-repeat;
	text-align:center;
}
div#leaderboard img {
	margin: 35px auto;
}
/* } leaderboard ad --- */

.joinButton {background: url(../images/joinpage/ccbillbutton.png) top left no-repeat; width:193px; height:63px; text-align:center; padding:3px;}
.joinButton a {color:#ffffff; text-decoration:none; width:193px; height:63px;}
.joinButton a:hover {color:#FF9933; text-decoration:none; width:193px; height:63px;}

/* end */