/* Global
----------------------------------------------------------------------- */
* { outline: none; }

html, body { margin: 0; padding: 0; height: 100%; }

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	background: #fff;
}

a { color: #666; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
a.on { color: #000; text-decoration: none; }

p { font-size: 11px; line-height: 18px; font-weight: normal; }

/* Layout
----------------------------------------------------------------------- */
#page {
	width: 1024px;
	margin: auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
	outline: none;
}

/* Header
----------------------------------------------------------------------- */
#header { height: 50px; background: #fff; }
#header #menu { float: left; padding: 0; width: 1000px; height: 92px; }

#header #alt {
	float: left;
	padding: 0;
	width: 1024px;
	/*height: 700px;*/
	/*vertical-align: middle;*/
	outline: none;
}

/* Content
----------------------------------------------------------------------- */
#content { float: left; outline: none; }

/* Home
----------------------------------------------------------------------- */
body.home #content { width: 1024px; }
body.home #content .padding { padding: 60px 0 48px 0; /*background: #fff;*/ }
body.home #content #feature { padding: 0; width: 1000px; height: 480px; /* background: #fff;*/ }




/* Video Modals
----------------------------------------------------------------------- */
#video-container {
	position: relative;
	}
	
	#video-footer {
		position: absolute;
		width: 100%;
		bottom: -40px;
		left: 0px;
		/*background: red;*/
		}
	
	#video-footer a {
		float: left;
		font-weight: bold;
		color: #000;
		}
		
	#video-footer a:hover {
		color: #666;
		}

	#video-footer a#add-btn {
		float: right;
		margin-top: 3px;
		width: 84px;
		height: 10px;
		text-indent: -9000em;
		overflow: hidden;
		background: #fff url("../_imgs/_global/addtocart.gif") 0 0 no-repeat;
		}
		
	#video-footer a#add-btn:hover {
		opacity: .7;
		}
		


/* Issues
----------------------------------------------------------------------- */
body.issues #content { width: 1000px; background: #fff; }
body.issues #content .padding { padding: 60px 0 48px 0; }
body.issues #content #feature { padding: 0; width: 1000px; background: #fff; }

/* Issues Left
----------------------------------------------------------------------- */
body.issues #content .wrapper { padding: 0 75px 0 98px; }

body.issues #content #left {
	float: left;
	padding: 0;
	width: 325px;
	height: 485px;
	background: #fff;
}

body.issues #content #left h1
{
	padding-bottom: 14px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

body.issues #content #left p
{
	padding-bottom: 10px;
	color: #000;
}

/* Issues ScrollBar
----------------------------------------------------------------------- */
div#hold
{
	float: left;
	position: relative;
	width: 310px;
	height: 380px;
	z-index: 100;
}

div#wn
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
	height: 380px;
	clip:rect(0px, 310px, 380px, 0px);
	overflow: hidden;
	z-index: 1;
}

div.content
{
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 300px;
	z-index: 1;
}

div#scrollbar
{
	float: left;
	position: relative;
	width: 5px;
	height: 380px;
	z-index: 1;
}

div#track
{
	position:absolute;
	left: 0;
	top: 0px;
	width: 5px;
	height: 380px;
	behavior: url('_assets/_js/pngHack.htc');
	background: url("../_imgs/_global/track.png") transparent repeat;
	/*background: url("../_imgs/_global/track.gif") #ccc repeat;*/
	z-index: 1;
}

div#dragBar
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 5px;
	height: 150px;
	behavior: url('_assets/_js/pngHack.htc');
	z-index: 1;
	background: url("../_imgs/_global/track.png") transparent repeat;
}

div#up { position: absolute; left: 0; top: 0; z-index: 5; background-color: #fff; }
div#down { position: absolute; left: 0; bottom: 0; z-index: 3; background: #fff; }

div#buy_txt
{
	position: absolute;
	left: 0px;
	top: 400px;
	width: 315px;
	height: 53px;
}

div#buy_txt p { font-size: 11px; letter-spacing: .5px; }

div#buy_txt h1
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 311px;
	height: 8px;
	text-indent: -9000em;
	overflow: hidden;
	behavior: url('_assets/_js/pngHack.htc');
	background: url("../_imgs/_global/buy_txt_black.png") transparent no-repeat;
}

div#buy_txt a.email
{
	position: absolute;
	left: 0px;
	top: 14px;
	color: #000;
}

div#buy_txt a.email:hover
{
	color: #999;
}

div#buy_txt a.back
{
	position: absolute;
	left: 0px;
	top: 35px;
	color: #000;
}

div#buy_txt a.back:hover
{
	color: #999;
}

/* Issues Right
----------------------------------------------------------------------- */
body.issues #content #right
{
	float: left;
	padding: 0;
	width: 500px;
	height: 500px; /*485*/
	background: #fff;
}
body.issues #content #right #gallery { padding: 0; width: 500px; background: #fff; }

/* Shop
----------------------------------------------------------------------- */
body.shop #content { width: 1000px; }
body.shop #content .padding { padding: 60px 0 10px 0; }
body.shop #content #feature { padding: 0; width: 1000px; background: #fff; }

/* About
----------------------------------------------------------------------- */
body.about #content { width: 1000px; }
body.about #content .padding { padding: 60px 10px 10px 96px; }
body.about #content #feature { padding: 0; width: 810px; height: 500px; background: #fff; }

/* Gallery
----------------------------------------------------------------------- */
body.gallery #content { width: 1000px; }
body.gallery #content .padding { padding: 60px 10px 10px 96px; }
body.gallery #content #feature { padding: 0; width: 810px; height: 535px; background: #fff; }

/* Footer
----------------------------------------------------------------------- */
#end { clear: both; height: 50px; }

#footer
{
	clear: both;
	overflow: hidden;
	margin: -3.5em auto;
	padding: 10px 0 0 0px;
	width: 1000px;
	height: 25px;
	color: #a5a5a5;
	background: none;
}
#footer p { padding: 0px 0 0 99px; }
#footer a { color: #a5a5a5; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* Header Addition
----------------------------------------------------------------------- */

.head-social {
	margin:0 0 0 99px;
    position:relative;
}	

#mlist-trig {
	width:400px;
    height:20px;
    font:10px/16px Arial;
    position:absolute;
    top:14px;
    overflow:hidden;
    display:block;
    z-index:99;
    color:#fff;
    font:10px/16px Helvetica, Arial;
    text-transform:uppercase;
    
    /*text-indent:-9999em;
    background:url(../_imgs/_global/mlist-trig.gif) 0 0 no-repeat;*/
}

#signup_form {
	width:350px;
    height:20px;
    padding:0;
    position:absolute;
    top:14px;
    z-index:98;
    display:none;
}

	#signup_form input[type=text] {
    	height:15px;
        width:160px;
        border:0;
        padding:0;
        margin:0;
        border-bottom:1px solid #fff;
        float:left;
        color:#fff;
        background:transparent;
        font:10px/16px Helvetica, Arial;
    }
	
    #signup_form input[type=submit] {
    	width:30px;
        height:14px;
        float:left;
        border:0;
        padding:0;
        margin:0 0 0 5px;
        color:#fff;
        font:10px/14px Helvetica, Arial;
        cursor:pointer;
        background:transparent;
                 
    }
    
.fb-link {
	position:absolute;
    top:34px;
    font:10px/16px Helvetica, Arial;
    text-transform:uppercase;
    color:#fff;
    text-indent:20px;
    background:url(../_imgs/_global/fb-btn.gif) left top no-repeat;
}    

	.fb-link:hover { color:#fff; text-decoration:underline;}

/* Black Issue Pages */    

.issues.black #mlist-trig {
	color:#fff;
}

.issues.black #signup_form input[type=text],
.issues.black #signup_form input[type=submit]  {
    color:#fff;
}	

.issues.black #signup_form input[type=text] {
	 border-bottom:1px solid #fff;
}

.issues.black .fb-link {
	color:#fff;
	background:url(../_imgs/_global/fb-btn.gif) left top no-repeat;    
}
	.issues.black .fb-link:hover {
    	color:#fff;
        }
    

/* White Pages */

.issues #mlist-trig,
.about #mlist-trig,
.shop #mlist-trig  {
	color:#000;
}


.issues #signup_form input[type=text],
.issues #signup_form input[type=submit],
.about #signup_form input[type=text],
.about #signup_form input[type=submit],
.shop #signup_form input[type=text],
.shop #signup_form input[type=submit]  {
    color:#000;
}	    

.issues #signup_form input[type=text],
.about #signup_form input[type=text],
.shop #signup_form input[type=text]  {
	 border-bottom:1px solid #000;
}

.issues .fb-link,
.about .fb-link,
.shop .fb-link {
	color:#000;
	background:url(../_imgs/_global/fb-btn-wht.gif) left top no-repeat;    
}
	.issues .fb-link:hover,
    .about .fb-link:hover,
    .shop .fb-link:hover {
    	color:#000;
        }