/* Imports */


@import "lib/reset.css";
@import "lib/grid.css";
@import "lib/typography.css";


/* Global */

body { 

/* IE10 */ 
background-image: -ms-linear-gradient(top, #000033 0%, #0B6EAA 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #000033 0%, #0B6EAA 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #000033 0%, #0B6EAA 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000033), color-stop(1, #0B6EAA));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #000033 0%, #0B6EAA 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #000033 0%, #0B6EAA 100%);

/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000033, endColorstr=#0B6EAA);

/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000033, endColorstr=#0B6EAA)";

color: #666; 
font-family: 'Gotham', Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.429;
margin: 0;
padding: 0;
}

#container { margin: 0 auto; width: 960px; position: relative; background: #fff; }

.push { height: 700px; width: 100%; }


/* Header */

header { background: url('../img/header_bk.png') top left no-repeat; width: 960px; height: 293px; position: relative; margin-bottom: 10px; }

.nykoLogo { position: absolute; margin-left: 94px; top: 120px; }
.hIsaLogo { position: absolute; margin-left: 735px; top: 120px; }
.shareBar { position: absolute; margin-left: 833px; top: 200px; }
.shareImg { float: left; padding-right: 5px; }


/* Navigation */

nav { position: absolute; width: 910px; height: 30px; display: block; padding: 10px 25px; }
nav ul { margin: 0; padding: 0; width: 930px; }
nav li { display: inline; list-style-type: none; padding-right: 30px;  }
nav li a:link, nav li a:visited { color: #fff; text-decoration: none; font-size: 16px;  }
nav li a:hover { color: #e4791d; text-decoration: none; }
nav li a.selected { color: #abd9f4; }

/* Featured Movie */

.featureMovie { margin: 35px 0 35px 160px; } 


/* Countdown Timer */

.cTimer { width: 417px; height: 105px; border-right: solid 3px #ccc; margin-left: 25px; float: left; }
#countdown_dashboard { margin-top: 8px; }
.dash { width: 70px; float: left; height: 100%; margin-right: 11px; text-align: center; }
.dash .digit { font-size: 35px; font-weight: 200; float: left; color: #006699; }
.dash_title { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
.ctnDigits { margin: 0 auto; width: 60px; margin-bottom: 5px; height: 50px; padding-left: 11px; }


/* Main Event Information */

.eventInfo { width: 480px; height: 105px; padding: 10px; margin-left: 450px; }
.date { width: 245px; height: 100%; float: left; }
.date h1 { font-size: 21px; color: #006699; margin-bottom: 12px; }
.date p { font-size: 15px; }
.address { margin-left: 253px; }
.address p { font-size: 15px; line-height: 1.6; margin-top: 2px; }


/* Horizontal Divided Ruler with Circle */

#hDivider { margin: 10px 0; }


/* Main Content */

#content { padding: 0px 60px; width: 840px; }
#content h1 { font-size: 36px; color: #006699; margin-bottom: 20px; font-weight: 200; }
#content h2 { font-size: 16px; margin: 25px 0 15px; font-weight: bold; }
#content .storyImg { float: left; padding: 0 25px 25px 0; }


/* Ad Space */

#ads { margin: 30px 0 10px 60px; width: 900px; min-height: 111px; }
#adSpace { background: url('../img/mobiApp_bk.png') no-repeat; width: 530px; height: 111px; position: relative; margin-top: 5px; float: left;  }
#adSpace .iPhone { position: absolute; top: 75px; margin-left: 121px; width: 200px; }
#adSpace .android { position: absolute; top: 75px; margin-left: 330px; width: 200px; }
#adSpace .iPhone a { margin-top: 5px; color: #666; font-family: Verdana, san-serif; font-size: 12px; vertical-align: sub; }
#adSpace .iPhone a:hover { text-decoration: underline; }
#adSpace .android a { margin-top: 5px; color: #666; font-family: Verdana, san-serif; font-size: 12px; vertical-align: sub; }
#adSpace .android a:hover { text-decoration: underline; } 
.mobiLogo { float: left; margin-right: 7px; }


/* CopyRight */

#copyright { width: 355px; text-align: right; margin-left: 530px; padding-top: 20px; }
#copyright .isaLogo { margin: 0px 0 10px 135px; }
#copyright p { font-size: 8px; width: 330px; margin-left: 25px;  }


/* Footer */

footer { background: url('../img/footer_bk.png') top left no-repeat; width: 960px; height: 101px; position: relative; }
.footerNav { top: 61px; height: 20px; }