/* AUTHOR ~ 356-13-7394
--------------------------------------------
COLOR
      color #1 - #333333
	  color #2 - #FFFFFF
	  color #3 - #F7FFA2
	  color #4 - #F8FFAB
	  color #5 - #666666
	  color #6 - #484848
	  color #7 - #0e0e0e
	  
--------------------------------------------*/

/* Document Order
--------------------------------------------
TAGS
STRUCTURE
IMAGES 
TEXT 
LINKS

/**************************~TAGS************************************/

body {
	background-color: #333;
	margin: 0px;
	padding: 10px 0px 0px;
	background-image: url(http://cache.members-access.com/firsttimeswallows.com/s1/images/mainBG.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

/**************************~STRUCTURE************************************/
.storybox  {
	padding:2px;
}

.textDiv {
    border-right: 1px solid #F7FFA2;
	font-size: 12px;
}

.textDiv img {
	width: 5px;
	height: 5px;
	vertical-align: middle;
}

/* the main div that controls the width of all content */
div.wrapper {
  width: 760px;
  margin: auto;
  background: none;
}

/* the div that holds the header images */
div.header {
  background: white;
  text-align: center;
}

/* the div that holds the content (episodes) */
div.content {
  background: repeat-y center;
}

/* the div that holds the MEMBERS/JOIN/SEEMORE link images at the bottom */
div.bottomLinks {
  text-align: center;
  margin:auto;
  width: 760px;
  background-color:#0e0e0e;
}

/* the div that holds the standard text at the very bottom */
div.footer {
  text-align: center;
  padding: 10px;
}

div#seo_footer {
  margin: auto;
  width: 600px;
  text-align: center;
}

.contentBox {
  width:760px; 
  height:296px; 
  background-color:#0D0D0D; 
  margin:auto;
}

.contentBoxLeft {
  margin:5px; 
  width:272px; 
  height:286px; 
  float:left;
}

.contentBoxLeftTop {
  width:440px; 
  height:132px; 
  float:left; 
  margin-bottom:10px;
}

.contentBoxLeftTopLeft {
  float:left; 
  width:278px; 
  height:132px; 
  padding:1px;
}

.contentBoxLeftTopRight {
  float:right; 
}

.contentBoxLeftBottom {
  width:440px; 
  height:136px; 
  clear:both; 
  background-image:url(http://cache.members-access.com/firsttimeswallows.com/s1/images/eptextBG.jpg);
}

.contentBoxLeftBottomTop {
  height:105px;
}

.contentBoxLeftBottomBot {
    margin-top: 4px;
}

.contentBoxLeftBottomBot div{
	background-image: url(http://cache.members-access.com/firsttimeswallows.com/s1/images/eptextBG.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
	margin-top: 2px;
	width: 440px;
}

.contentBoxRight {
  width:272px; 
  height:286px; 
  float:right; 
  margin:5px;
}

/**************************~TEXT************************************/

.epNameHead {
	font-size: 16px;
	font-weight: bold;
	color: #F8FFAB;
	padding-top: 6px;
	padding-left: 11px;
	margin-bottom: 6px;
}
.epCathead {
    font-size: 12px;
	font-weight: bold;
	color: #F8FFAB;
}

.txtsmall {
	font-size: 9px;
}

/**************************~IMAGES************************************/

/* removes borders from all links and images */
img, a {
  border: 0px none;                                                                                               
}

/* the image at the very top of the page */
img.topHeader {
  width: 50px;
  height: 50px;
}

/* the large image right below the topHeader */
img.mainHeader {
  
}

/* the image/link at the bottom to get to the members site */
img.members {
  
}

/* the image/link at the bottom that goes to the join page */
img.joinNow {
  
}

/* the image/link at the bottom to go to the next tour page */
img.seemore {
  
}

/**************************~LINKS************************************/
a {
	text-decoration: none;
}

a.linksmall:link, a.linksmall:visited {
	color: #FFFFFF;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #666666;
}
a.linksmall:hover {
	color: #F8FFAB;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #484848;
}

/* Transparent PNG FIX for HTML - IMAGES MUST BE INSIDE A DIV TAG FOR THIS TO WORK - DEPENDANT ON BLANK.GIF FILE */
img {
behavior: url(http://cache.images.members-access.com/rp20/iepngfix.htc);
border: 0px;
}


body {
margin: 0px; 
}
.clearBoth {
clear: both;
}




/*PV BRANDING*/
.pvBrandingShort {
margin: 0px auto;
padding: 0px 20px;
height: 48px;
background: #000 url(http://cache.images.members-access.com/rp20/main-pv-branding-002.jpg) no-repeat;
font: bold 15px Arial, Helvetica, sans-serif;
color: #FFFFCC;
text-align: center;
white-space: nowrap;
}
.pvBrandingShort img {
vertical-align: middle;
margin: 0px;
padding: 0px;
}


.pvBrandingShort .brandText{
float:left;
height: 20px;
padding: 15px 20px 13px 10px;
}






/*HEADER AREA*/
#mainTopShort {
margin: 0px;
padding: 0px;
height: 165px;
width: 100%;
background: #000 url(http://cache.members-access.com/firsttimeswallows.com/s1/images/photo-hdr.jpg) no-repeat left top;
overflow: hidden;
}
#siteLogoShort {
background: url(http://cache.images.members-access.com/rp20/site-logo-bg-horz-002.png) no-repeat;
float: left;
height: 165px;
width: 245px;
}
#hdrButns {
float: right;
width: 245px;
height: 165px;
border-left: 2px solid #000;
}






/*TAGLINE*/
.tagline {


height: 20px;
background: #000;
border-bottom: 1px solid #000000;
font: bold 17px Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
padding: 7px 20px;
white-space: nowrap;
}




/*Number Images*/


div.number-img-1, div.number-img-2, div.number-img-3, div.number-img-4, div.number-img-5, div.number-img-6, div.number-img-7, div.number-img-8, div.number-img-9, div.number-img-0, div.number-img-comma{
display: inline-block;
float: left;
height: 48px;
width:  24px;
clear: none;
}
div.number-img-1 { background: url(http://cache.images.members-access.com/rp20/number-1.png) no-repeat bottom left; }
div.number-img-2 { background: url(http://cache.images.members-access.com/rp20/number-2.png) no-repeat bottom left; }
div.number-img-3 { background: url(http://cache.images.members-access.com/rp20/number-3.png) no-repeat bottom left; }
div.number-img-4 { background: url(http://cache.images.members-access.com/rp20/number-4.png) no-repeat bottom left; }
div.number-img-5 { background: url(http://cache.images.members-access.com/rp20/number-5.png) no-repeat bottom left; }
div.number-img-6 { background: url(http://cache.images.members-access.com/rp20/number-6.png) no-repeat bottom left; }
div.number-img-7 { background: url(http://cache.images.members-access.com/rp20/number-7.png) no-repeat bottom left; }
div.number-img-8 { background: url(http://cache.images.members-access.com/rp20/number-8.png) no-repeat bottom left; }
div.number-img-9 { background: url(http://cache.images.members-access.com/rp20/number-9.png) no-repeat bottom left; }
div.number-img-0 { background: url(http://cache.images.members-access.com/rp20/number-0.png) no-repeat bottom left; }
div.number-img-comma { background: url(http://cache.images.members-access.com/rp20/number-comma.png) no-repeat bottom left; width:11px; }


/* Transparent PNG FIX for HTML - IMAGES MUST BE INSIDE A DIV TAG FOR THIS TO WORK - DEPENDANT ON BLANK.GIF FILE */
img {
behavior: url(images/iepngfix.htc);
border: 0px;
}
#pvShortHeaderLogo {
	overflow: hidden;
	display: block;
	float: left;
	width: 40px;
	heigh: 48px;
}
