/* **************** RESET ***************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,input{border:0;}address,caption,cite,code,dfn,em,/*strong,*/th,var{font-style:normal;font-weight:normal;}li{padding-top:2px;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend,fieldset{color:#333;}
body{font:11px/14px Arial, Verdana, sans-serif;color:#333;}select,input,button,textarea{font:11px/14px Arial, Verdana, sans-serif;}
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	_zoom:1;
	display:block;
}

/** Colors

    highlight       pink        #ff598d was #e45491
    body copy       grey blue   #8d9aa7
    footer copy     dark grey   #3b3b4a
    border          light grey  #23232d
    content hr      light grey  #28282c
    footer hr       light grey  #21212b
    share-link      grey bgd    #080c12;
*/

/** Site Typography **/
body {line-height: 18px;}
h1 {font-size: 32px;}
.entry h3 {font-size: 27px; line-height: 28px; margin-bottom: 5px;}
h2 {font-size: 19px; margin-bottom: 17px;}
h3, h4 {font-size: 13px;}

a {outline: none;} /* remove FF's accesbility ring :( */

sup {font-size: 60%; vertical-align: super;}

.alt-text, .dates, .tags, #info-bar, #footer, #modal-container h3 {font-size: 11px;}
.alt-text {font-family: Helvetica, Arial, sans-serif;}
.highlight {color: #e45491;}

.photo .caption {
    font-size: 11px;
    line-height: 15px;
    padding: 10px 0;
}

#main-content .dates {margin-bottom: 0;}

#nav {font-size: 15px;}
#nav .nav-container {font-size: 11px;}
#main-content {font-size: 14px; line-height: 19px;}
#sidebar {font-size: 13px;}
#main-content p, #main-content ul {margin-bottom: 18px;}

#main-content .teaser .alt-text {
	margin-bottom: 14px;
}

#main-content .entry p {margin-bottom: 0;}

#main-content h2, #sidebar h3, .modal-container h3 {
    color: #ff598d;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
}

#sidebar h3 {
    margin-bottom: 14px;
}

#supermodel-info h2 {
    margin-bottom: 12px;
}

.info-page h1 {
    font-size: 32px;
    line-height: 33px;
    margin-bottom: 12px;
}

.cufon-active .info-page h1 {
    line-height: inherit;
}

.entry h3, .teaser h4 {
    text-transform: capitalize;
}

.rich-media .entry h3 {
    line-height: 30px;
    margin-bottom: 12px;
}

.rich-media #footer {
	margin-top: 30px;
}

/* cufon adjustment */
#nav .cufon {
    margin-left: -2px;
}

#main-content .cufon {
    margin-left: -2px;
    margin-top: -4px;
}

#main-content h1 .cufon {
        margin-top: 0;
}

#sidebar h3 .cufon {
    margin-top: -16px;
    margin-left: -2px;
}

#main-content p, .alt-text, .modal-container {
    color: #8d9aa7;
}

.entry h3, #sidebar .recent-videos, #sidebar .recent-photos, .detail h1 {
    font-family: Georgia, serif;
}

.detail h1 {
    line-height: 30px;
    margin-bottom: 10px;
}

.sharing h4 {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 10px;
}

.sharing .share-link {
    color: white;
}

#supermodel-info dt {
    font-size: 11px;
}

#supermodel-info dd {
    color: #8d9aa7;
}

/** Page Elements
    Page Container width 940px with 20px margins
    15 column grid - 63px wide = 58px cell + 5px gutter
    Last column has no gutter

 **/

body {
    background-color: black;
}

#page-wrap {
    background: black url(page-bgd.jpg) scroll top no-repeat;
    color: white;
    text-align: center;
    min-width: 980px;
}

#content {
    min-height: 600px;
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

ul li {
    background: transparent url(carrot.gif) left center no-repeat;
    padding-left: 10px;
    padding-top: 0;
}

ul li a {
    color: white;
    text-decoration: none;
}

a, a:link, a:visited {
    color: white;
    text-decoration: none;
}

a:hover, a:active, a.active, a.selected, #nav a.selected {
    color: #ff598d;
}

.entry-link {
    margin-top: 6px;
}

.entry-link a {
    background: transparent url(carrot.gif) left center no-repeat;
    padding-left: 10px;
}

#main-content .caption {
    border-bottom: 1px solid #28282c;
    margin-bottom: 0;    
}

.info-page .caption {
    background: transparent url(carrot-up.gif) left 14px no-repeat;
    color: #8d9aa7;
    padding: 10px 0;
    text-indent: 12px;
}

.detail img {
    padding-top: 5px;
}

.main img {
    padding-top: 0;
    width: 310px;
}

.detail .photo, .detail .video {
    margin-right: 20px;
}

.horizontal li {
    float: left;
    margin-left: 5px;
}

.interior #content {
    background: url(1px-rule.png) no-repeat;
    margin-top: 25px;
    padding-top: 40px;
}

#noflash {
    text-align: center;
}

#noflash .alt-content {
    margin: 0 auto;
    margin-top: 169px;
    width: 436px;
}

#noflash h2 {
    margin-bottom: 8px;
    margin-top: 4px;
}

#noflash p {
    margin-bottom: 10px;
}

.flash-link {
    margin-top: -4px;
}

.flash-link a {
    background: url(flash-off.gif) no-repeat;
    display: block;
    height: 48px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 169px;
}

.flash-link a:hover {
    background-image: url(flash-on.gif);
}

.modal-container {
    background: url(modal-share-bg.png) no-repeat;
    display: none;
    margin: 0 auto;
    padding: 30px;
    text-align: left;
}

.modal-close a {
    background: url(share-sprite.gif) no-repeat;
	cursor: pointer;
	display: inline;
	height: 28px;
	position: absolute;
	right: 29px;
	text-indent: -99999px;
	top: 23px;
	width: 28px;
	z-index: 99999;
	background-position: -189px 0;
}

.modal-close a:hover {
	background-position: -189px -28px;
}

.modal-scroller {
	font-size: 11px;	
	height: 330px;
	line-height: 16px;
	margin-top: 30px;
	overflow: auto;
	padding-right: 15px;
	width: 315px; 
}

.privacy, .ca-privacy, .site-terms {
	background: url(modal-tall-bg.png);
	width: 332px;
	height: 410px;
}

.cufon-active .ca-privacy .modal-scroller {
	height: 310px;
	margin-top: 15px;
}

.ca-privacy h3 {
    line-height: 23px;
}

/** Sharing Module **/

.sharing {
    font-size: 11px;
	height:181px;
    line-height: 11px;
    width: 330px;
}

.rich-media #main-content .sharing p, .sharing p {
    margin-bottom: 12px;
}

#main-content .sharing p {
    margin-bottom: 10px;
}

#main-content .sharing {
    border-top: 1px solid #28282c;
    color: #8d9aa7;
    height: auto;
    padding-top: 20px;
    width: 562px;
}

.rich-media #main-content .sharing {
    float: left;
    border-top: none;
    margin-left: 63px;
    padding-top: 0;
    width: 310px;
}

.rich-media #main-content .sharing h4 {
    line-height: 18px;
    margin-bottom: 5px;
}

.rich-media #main-content .share-info {
    float: none;
    margin-top: 70px;
}

#main-content .sharing .social {
    float: left;
    margin-right: 15px;
}

#main-content .share-email {
    float: left;
}

#main-content .share-info {
    float: right;
}

#main-content .share-link {
    width: 257px;
}

.rich-media #main-content .share-link {
    display: block;
    width: 293px;
}

#share-options {
    margin-top: 20px;
    width: 310px;
}

#share-social {
    float: left;
    margin-right: 20px;
}

#share-info {
    margin-top: 20px;
}

.sharing img.last {
    margin-right: 0;
}

.sharing .share-link {
    background-color: #080c12;
    border: 1px solid #23232d;
    margin-left: -1px;
    overflow: hidden;
    padding: 7px 8px;
    width: 312px;
}

.sharing .social-icon  {
	float: left;
	height: 27px;
	width: 27px;
	margin-right: 5px;
	background: url(share-sprite.gif);
}

.sharing .facebook-icon {
	background-position: 0 0;
}

.sharing .facebook-icon:hover {
	background-position: 0 -27px;
}

.sharing .twitter-icon {
	background-position: -27px 0;
}

.sharing .twitter-icon:hover {
	background-position: -27px -27px;
}

.sharing .myspace-icon {
	background-position: -54px 0;
}

.sharing .myspace-icon:hover {
	background-position: -54px -27px;
}

.sharing .digg-icon {
	background-position: -81px 0;
}

.sharing .digg-icon:hover {
	background-position: -81px -27px;
}

.sharing .delicious-icon {
	background-position: -108px 0;
}

.sharing .delicious-icon:hover {
	background-position: -108px -27px;
}

.sharing .stumbleupon-icon {
	background-position: -135px 0;
}

.sharing .stumbleupon-icon:hover {
	background-position: -135px -27px;
}

.sharing .email-icon {
	background-position: -162px 0;
}

.sharing .email-icon:hover {
	background-position: -162px -27px;
}

/** Header Elements **/

#logo {
    background: transparent url(logo.png) center center no-repeat;
    float: left;
    height: 30px;
    line-height: 30px;
    text-indent: -9999px;
    width: 125px;
}

#info-bar {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
    top: 0;
}

#info-bar ul li {
    padding-top: 0;
    margin-left: 15px;
}

#container {
    margin: 0 auto;
    max-width: 940px;
    text-align: left;
    width: 940px;
}

#header {
    height: 55px;
    margin-bottom: 25px;
}

#brand {
    height: 55px;
    width: 310px;
}

#nav {
    margin-top: 38px;
}

#nav ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#nav ul li {
    background-image: none;
    float: left;
    height: 30px;
    margin-right: 19px;
    margin-left: 0;
    position: relative;
    padding-left: 0;
    padding-top: 0;
}

.cufon-active #nav > ul > li {
    margin-right: 16px;
}

#nav a {
    color: #fff;
    display: block;
    position: relative;
    text-decoration: none;
}

#nav .dropdown {
    background: url(nav-carrot-off.png) right top no-repeat;
    padding-right: 25px;
    z-index: 1111; /* to fix IE6&7 z-index with absolute position bug */
}

#nav li.active {
    background: url(nav-carrot-on.png) right top no-repeat;    
}

.cufon-active #nav li.dropdown {
    background-position: 98% 2px;
    padding-right: 27px;
}

#nav a:hover, #nav .dropdown span.active a {
    color: #ff598d;
}

#nav .dropdown span {
    display: block;
}

#nav .nav-container {
    background-color: #ff598d;
    bottom: auto;
    display: none;
    margin-right: 0;
    position: absolute;
    top: 26px;
    width: 135px;
}

#nav ul.nav-column {
    padding: 3px;
}

#nav .nav-container li {
    float: none;
    height: auto;
    margin-right: 0;
}

#nav ul.nav-column li {
    height: 20px;
    position: relative;
}

#nav .nav-column .model {
    height: 20px;
    position: relative;
}

#nav .model a {
    background-image: none;
    display: block;
    line-height: 20px;
    padding-left: 7px;
}

#nav .nav-column a:hover {
    background-color: black;
    background-image: none;
    color: white;
}

#nav .nav-column .model-icon {
    background-color: white;
    display: none;
    left: 132px;
    position: absolute;
    top: -3px;
}

#nav .nav-column .model-icon img {
    display: block;
    margin: 3px;
}

/** Feature/Rich Media Framed Content **/

.frame {
    max-width: 940px;
}

.rich-media .frame-content {
    height: 568px;
}

.rich-media .entry {
    margin-bottom: 35px;
}

.frame-top {
    background: url(frame-feature-top.png) no-repeat;
    height: 10px;
    width: 940px;
}

.frame-content {
    background: url(frame-feature-sides.png) repeat-y;
    width: 940px;
}

.frame-bottom {
    background: url(frame-feature-bottom.png) no-repeat;
    height: 10px;
    width: 940px;
}

.cufon-active #main-content h2 {
    height: 20px;
}

.cufon-active .news {
    margin-top: -8px;
}

.cufon-active .detail {
    margin-top: 0px;
}

/** Basic Content **/

.entry {
    border-bottom: 1px solid #28282c;
    padding: 25px 0;
}

#main-content.supermodels h1 {
    margin-bottom: 25px;
}

.supermodels .row {
    clear: both;
    padding-bottom: 35px;
}

.supermodel {
    float: left;
    margin-right: 5px;
    width: 231px;
}

.supermodels .row .last {
    margin-right: 0;
}

#main-content .supermodel .caption {
    border-bottom: none;
    font-size: 13px;
    margin-top: 11px;
}

.rich-media .entry {
    padding: 20px 0;
}

.slideshow .photoset {
    margin-top: 25px;
}

.section {
    border-top: 1px solid #28282c;
    padding-top: 25px;
}

.recent-posts .last, .recent-videos .last {
    border-bottom: none;
    padding-bottom: 0;
}

.recent-posts h2 {
    margin-bottom: 0;
}

.recent-posts .clip, .recent-videos .clip {
    float: left;
}

#main-content .recent-posts .clip {
    height: 233px;
    width: 330px;
}

#main-content .photoset .alt-text {
    line-height: 11px;
    margin-top: 5px;
    margin-bottom: 0;
}

.recent-photos .teaser .photoset span {
    margin-right: 2px; /* weird 3px padding is being added will add to 5px */
}

#main-content .teaser span {
    margin-right: 0;
}

.recent-videos .teaser .clip {
    height: 96px;
    position: relative;
    width: 141px;
    z-index: 0;
}

#sidebar .recent-videos .teaser h4 {
    padding-left: 5px;
    padding-top: 2px;
}

.recent-videos .teaser h4 .alt-text {
    padding-left: 5px;
}

.recent-videos a.active {
    color: #e45491;
}

.video-overlay {
    display: none;
    margin: 0;
    position: absolute;
    z-index: 5;
}

#sidebar .video-overlay {
    height: 91px;
    width: 121px;    
}

.recent-posts .video-overlay {
    height: 233px;
    width: 310px;
}

.photo-overlay {
    display: none;
    margin: 0;
    position: absolute;
    z-index: 5;
}

#sidebar .photo-overlay {
    height: 79px;
    width: 79px;
}

.recent-posts .photo-overlay {
    height: 184px;
}

/** Community Section **/
.community .main-content p {
	width: 252px;
}

.community .main-content div {
	float: left;
}

#community-model {
	background: url(community-model.png) no-repeat;
	float: left;
	height: 675px; 
	margin-top: -40px;
	position: relative;
	width: 315px;
}

#txt-4ways {
	margin-bottom: 30px;	
}

.cufon-active .community h2 {
    margin-bottom: 12px;
}

.promo {
	background: url(iphone-bgd.jpg); 
	height: 307px;
	margin-bottom: 15px;
	width: 310px;	
}

.promo p {
	font-size: 11px; 
	left: 160px;	
	position: relative;
	text-align: center;
	top: 160px; 
	width: 125px;
}

/** Sidebar **/

#sidebar .recent-photos {
    padding-bottom: 12px;
}

#sidebar .recent-videos {
    padding-bottom: 35px;
}

#sidebar .recent-photos .teaser {
    padding-bottom: 25px;
}

#main-content .recent-photos .teaser {
    padding-bottom: 20px;
}

#sidebar .recent-photos .photoset {
    height: 84px;
}

#sidebar .recent-photos .photoset span {
    position: relative;
}

#sidebar .recent-photos .alt-text {
    margin-bottom: 15px;
}

.cufon-active #sidebar .recent-videos h3 {
    margin-bottom: 6px;
}

.cufon-active #sidebar .recent-photos h3 {
    margin-bottom: 0;
}

.cufon-active #sidebar .recent-photos {
    padding-bottom: 10px;
}

.cufon-active #sidebar .recent-photos .teaser {
    padding-bottom: 20px;
}

#supermodel-info {
    margin: 30px 0;
}

#supermodel-info dd {
    margin-bottom: 8px;
}

.cufon-active #supermodel-info h2 {
    margin-bottom: 23px;
}

/** Footer **/

#footer {
    border-top: 1px solid #21212b;
    clear: both;
    color: #3b3b4a;
    line-height: 30px;
    min-height: 89px;
    margin-top: 50px;
    padding-top: 30px;
    margin-bottom: 18px;
}

#footer-nav {
    margin-top: 5px;
}

#footer a:link, #footer a {
    color: #8d9aa7;
}
#footer a:hover {
    color: #e45491;
}

#footer ul {
    display: inline;
}

#footer ul li {
    background-image: none;
    display: inline;
    float: none;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    margin-right: 5px;
    float: left;
}

.info-page .with-spacer {
    margin-right: 20px;
}

.col-1 {
    width: 58px;
}

.col-2 {
    width: 121px;
}

.col-3 {
    width: 184px;
}

.col-4 {
    width: 247px;
}

.col-5 {
    width: 310px;
}

.col-6 {
    width: 373px;
}

.col-7 {
    width: 436px;
}

.col-8 {
    width: 499px;
}

.col-9 {
    width: 562px;
}

.col-10 {
    width: 625px;
}

.row, .teaser, .entry {
    overflow: hidden;
    clear: both;
}

.lastUnit, .last {
    margin-right: 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.no-float {
	float:none;
}