/*
Theme Name: vsallaccess
Theme URI: http://www.vsallacces.com
Description: Custom theme for Victoria's Secret's vsallaccess site!
Version: 2.0
Author: William Shackelford
Author URI: http://victoriassecret.com/
Tags: blue, custom header, fixed width, two columns, widgets


	This theme was built by Genevieve Corhnill

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

/* **************** 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;}

a, object {outline: none;} /* For FF3 Windows */

body {
	
	background: #000 url('/wp-content/themes/vsaa2010/images/page-bgd.jpg') scroll top no-repeat;


	}

.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;
*/

/** Typography and Spacing **/

body {line-height: 18px;}

/** font replaced sizing **/
#main-content h1 {font-size: 32px; margin-bottom: 5px;}
.info-page h1 {margin-bottom: 0;}
.cufon-active #main-content > h1 {margin-bottom: 5px;}
#sidebar h3, #main-content h2, .modal-container h3, #supermodels-bar h2 {color: #ff598d;font-size: 20px;}
#nav {font-size: 15px;}

/** font families --some are overridden by font replacement **/
#main-content > h1, #supermodels-bar h2, #sidebar h3, #content h2, .modal-container h3 {font-family: Helvetica, Arial; text-transform: uppercase;}
.entry h3, #sidebar .recent-videos, #sidebar .recent-photos, .detail h1 {font-family: Georgia, serif; text-transform: capitalize;}
.alt-text {font-family: Helvetica, Arial, sans-serif;}

.entry h3 {font-size: 27px; line-height: 28px; margin-bottom: 5px; color:#fff;}
#main-content .detail h1 {font-size: 27px; line-height: 28px; margin-bottom: 10px;}

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

.alt-text, .dates, .tags, #info-bar, #footer, .modal-scroller, .sharing {font-size: 11px;}
.highlight {color: #e45491;}

.caption {
    border-bottom: 1px solid #28282c;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 0;    
    padding: 10px 0;
}

.landing-page .caption, #supermodels-bar .caption {
    border-bottom: none;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
    padding: 5px 0;
}

#page-wrap .landing-page .caption {
    margin-bottom: 0;
}

#nav .nav-container {font-size: 11px;}

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

#main-content {font-size: 14px; line-height: 19px;}
#main-content .dates {margin-bottom: 0;}
#main-content p, #main-content ul {margin-bottom: 18px;}
#main-content .entry p {margin-bottom: 0;}
#main-content .teaser .alt-text {margin-bottom: 14px;}
.interior #content {
    background: url(images/1px-rule.png) no-repeat;
    margin-top: 25px;
    padding-top: 40px;
}

#sidebar {font-size: 13px;}

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

#supermodel-info h2 {
    margin-bottom: 12px;
}
#supermodel-info dt {font-size: 11px; color:#fff; line-height:19px}
#supermodel-info dd {color: #8d9aa7;line-height:19px}

/** 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(/wp-content/themes/vsaa2010/images/page-bgd.jpg) scroll top no-repeat;
    color: white;
    text-align: center;
    min-width: 980px;
}

#content {
    min-height: 600px;
}

.homepage #content {
    margin-bottom: 0;
    margin-top: 40px;
}

.cufon-active .homepage #content {
    margin-top: 35px;
}

.cufon-active #sidebar .recent-photos .alt-text {
    margin-bottom: 17px;
}

/** Grid **/
.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;
}

.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;}

.info-page .with-spacer {margin-right: 20px;}
.row, .teaser, .entry {overflow: hidden; clear: both;}
.lastUnit, .last {margin-right: 0;}
.left {float:left;}
.right {float:right;}
.no-float {float:none;}

/** Header Elements **/

#logo {
    background: transparent url(/wp-content/themes/vsaa2010/images/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: 37px; /* to better align with brand baseline */
}

#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: 0px;
}

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

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

#nav li.active {
    background: url(/wp-content/themes/vsaa2010/images/nav-carrot-on.png) right 2px no-repeat;    
}

#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 .item {
    height: 20px;
    position: relative;
}

#nav .item 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;
}

/** Sidebar **/

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

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

#sidebar .recent-videos {
    padding-bottom: 35px; /* because images have 5px height added to them */
}

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

#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: 20px;
}

#sidebar
{
	margin:0 0 0 63px;
}

#sidebar2
{
	margin:0 20px 0 0;
}

/** 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;
}

.homepage #footer {
    margin-top: 45px;
}

#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;
}

/** Basic Content **/

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

ul li {
    background: transparent url(/wp-content/themes/vsaa2010/images/carrot.gif) left center no-repeat;
    padding-left: 10px;
    padding-top: 0;
	color:#8D9AA7;
}

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;
}

/** Main-Content **/

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

.entry-link a {
    background: transparent url(/wp-content/themes/vsaa2010/images/carrot.gif) left center no-repeat;
    padding-left: 10px;
}

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

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

.detail .main {
    width: 310px;
}

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

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

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

#content {
   /* background: url(/wp-content/themes/vsaa2010/images/1px-rule.png) no-repeat;*/
    margin-top: 25px;
   /* padding-top: 40px;*/
}

.home-content {
    background: none;
}

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

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

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

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

.recent-posts h2 {
    margin-bottom: -7px;
}

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

.homepage .recent-posts .first {
    padding: 20px 0  30px 0;
}

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

#main-content .recent-posts .post {
    float: left;
    width: 330px;
}

#main-content .photoset .alt-text {
    line-height: 11px;
    margin-top: 5px;
    margin-bottom: 0;
}
#main-content.tv-ads  .tv-ad {
  margin:20px 0 0 0;
  width:310px;
}
#main-content.tv-ads .center.tv-ad {
  margin:20px 5px 0 5px;
  width:310px;
}
#main-content.tv-ads .tv-ad h3 {
  font-family:Georgia,sans-serif;
  color:#FFFFFF;
  font-size:27px;
  line-height:28px;
  margin-bottom:15px;
}
.photoset span a {
    display: block;
    float: left;
    margin-right: 5px; /* weird 3px padding is being added will add to 5px */
    position: relative;
	margin-top:5px;
}

.photoset span.last a {
    margin-right: 0;
	margin-bottom:5px;
}

#main-content .teaser span {
    display: block;
    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;
}

.overlay {
    border: 6px solid #ff598d;
    display: none;
    margin: 0;
    position: absolute;
    z-index: 5;
}

/** Special Content **/

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

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

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

#main-content.community p, #main-content.community h2{
    margin-left: 315px;
}

#supermodels-bar .row, .landing-page .row {
    clear: both;
    padding-bottom: 30px;
}

.supermodel, .channel {
    font-family: Georgia, sans-serif;
    float: left;
    margin-right: 5px;
    width: 231px;
}

.channel {
    width: 310px;
}

.page-banner {
    margin-bottom: 30px;
}

.msg-banner {
    color: #8d9aa7;
    margin-bottom: 30px;
}

.landing-page .row .last, #supermodels-bar .row .last {
    margin-right: 0;
}

#supermodels-bar {
    border-top: 1px solid #28282c;
    padding-top: 30px;
}

#supermodels-bar .supermodel {
    margin-right: 5px;
    width: 130px;
}

#supermodels-bar h2 {
    margin-bottom: 20px;
    text-align: left;
}

#supermodels-bar .row {
  /*  padding-bottom: 0;*/
    text-align: left;
}
/** Feature/Rich Media Framed Content **/

.frame {
    max-width: 940px;
}

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

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

.rich-media .entry h3{
    color:#fff;
}

.rich-media .recent-videos h2, .rich-media .recent-photos h2 {
    margin-bottom: 15px;
}

.frame-top {
    background: url(/wp-content/themes/vsaa2010/images/frame-feature-top.png) no-repeat;
    height: 10px;
    width: 940px;
}

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

.frame-bottom {
    background: url(/wp-content/themes/vsaa2010/images/frame-feature-bottom.png) no-repeat;
    height: 10px;
    width: 940px;
}

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

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

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

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

.promo {
	margin-bottom: 37px; /* Link has extra space here to account for */
}

/** No Flash **/

#noflash {
    /* display: none; javascript will turn this on with Flash fail */
    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(/wp-content/themes/vsaa2010/images/flash-off.gif) no-repeat;
    display: block;
    height: 48px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 169px;
}

.flash-link a:hover {
    background-image: url(/wp-content/themes/vsaa2010/images/flash-on.gif);
}

/** Modal Container **/

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

.modal-close a {
    background: url(/wp-content/themes/vsaa2010/images/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 {
	height: 330px;
	line-height: 16px;
	margin-top: 30px;
	overflow: auto;
	padding-right: 15px;
	width: 315px; 
}

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


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

/** Sharing Module **/

.sharing {
	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(/wp-content/themes/vsaa2010/images/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;
}

div.news h1, .info-page h1 {color:#fff;}

.last-entry
{
	border-bottom: none;
}
/* oo css */
.left {
  float:left;
}
.right {
  float:right;
}
}