@charset "utf-8";
@import url("../css/reset.css");
@import url(http://fonts.googleapis.com/css?family=Nunito:700); /*google font */
/* ex: h1 { font-family: 'Roboto', serif; font-weight: 400; } */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block;}
html {font-size: 100%;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;	}
body{margin:0; padding:0; font-size:1em; line-height:1.4em; color:#666; 
	background: url(../images/wide-background.jpg) center 0 no-repeat #b7e7fb;
	font-family:Helvetica, Tahoma, Arial, sans-serif;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline; color:#ec008c;}

html, button, input, select, textarea {font-family:sans-serif; color:#222;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; *width:13px;}

/* clear float */
.clearfix:before, .clearfix:after {content: "";	display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clearboth {clear: both;}


/* Layout */
.wrapper{width:935px; margin: 0 auto;}

/* Header */
#header-container{height:177px; position:relative;}
#header-container #logo{display:block; width:179px; height:127px; background:url(../images/tddw-logo.png) no-repeat; 
	position:absolute; top:25px; left:9px; text-indent:-9999em;}
#header-container #title{width:685px; height:117px; background:url(../images/tddw-title.png) no-repeat; 
	position:absolute; top:40px; left:226px; text-indent:-9999em;}
#header-container nav{position:absolute; top:0; right:15px; font-size:12px; color:#fff; line-height:23px;}
#header-container nav ul{margin:0; padding:18px 0; list-style:none;}
#header-container nav ul li{float:left; margin-left:8px;}
#header-container nav a{display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center;
	color:#fff; font-weight:bold; padding:0 12px;
	background:url(../images/nav-bg-color.png);
	border-radius:15px;}


/* Countdown */
#countdown{position:absolute; top:113px; left:785px; width:200px; height:30px; font-size:11px; color:#666;}
#countdown b{font-family:'Nunito', sans-serif; font-weight:700;}
#countdown #day {font-size:24px; color:#ec008c; text-shadow:0px 1px 2px #666; -moz-text-shadow:0px 1px 2px #666; -webkit-text-shadow:0px 1px 2px #666;}
#countdown b#hour, #countdown b#min, #countdown b#sec {
	font-size:18px; color:#ec008c; text-shadow:0px 1px 2px #666; -moz-text-shadow:0px 1px 2px #666; -webkit-text-shadow:0px 1px 2px #666;}
#countdown b#sec {display:none;}


/* Nav */
#menu{float:left; width:190px; padding-bottom:20px;}
#menu dl{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#menu dt{line-height:36px; font-size:15px; font-family:'Nunito', serif; font-weight:700;}
#menu dt a{display:block; color:#fff; padding:0px .8em;
	background:url(../images/nav-bg.png) no-repeat;
	text-shadow:0 0px 2px rgba(0,0,0,.4);
            transition: background .2s;
	   -moz-transition: background .2s;
    -webkit-transition: background .2s;}
#menu dt a:hover, #menu dt a:active{text-decoration:none; background:url(../images/nav-bg-hover.png) no-repeat; text-shadow:none;}
#menu dd{font-size:13px; height:65px;}
#menu dd ul{margin:0; padding:12px 0; list-style:none; }
#menu dd ul li{float:left; width:60px; height:40px;}
#menu dd ul li a{display:block;  text-indent:-9999em; 
	background-image:url(../images/nav-date.png); background-repeat:no-repeat; width:60px; height:40px;}
#menu dd ul li.d1 a{background-position:0 0;}
#menu dd ul li.d2 a{background-position:-60px 0;}
#menu dd ul li.d3 a{background-position:-120px 0;}
#menu dd ul li.d1 a:hover{background-position:0 bottom;}
#menu dd ul li.d2 a:hover{background-position:-60px bottom;}
#menu dd ul li.d3 a:hover{background-position:-120px bottom;}

#quick-buttons ul{margin:0; padding:12px 0 0; list-style:none;}
#quick-buttons ul li a{display:block;  text-indent:-9999em; 
	background-image:url(../images/nav-quick-links.png); background-repeat:no-repeat; width:187px; height:48px;}
#quick-buttons ul li.reg a{background-position:0 0;}
#quick-buttons ul li.abs a{background-position:0 -48px;}
#quick-buttons ul li.yia a{background-position:0 -96px;}
#quick-buttons ul li.reg a:hover{background-position:right 0;}
#quick-buttons ul li.abs a:hover{background-position:right -48px;}
#quick-buttons ul li.yia a:hover{background-position:right -96px;}


/* Content */
.homepage-background{background:url(../images/content-bg.png); }
#content-container #content{float:right; position:relative; 
	width:720px; height:auto!important;min-height:645px;height:645px; 	
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	box-shadow:0 0 8px rgba(0,0,0,.4); -moz-box-shadow:0 0 8px rgba(0,0,0,.4); -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
	overflow:hidden; 
	padding-bottom:75px;
	}
#content-container .inside{
	font-size:13px;
	position:relative;
	margin-bottom:1em; 
	background:#fff; }
#content-container .inside header{
	padding:27px 20px 20px; 
	border-bottom:5px solid #ddd; background:url(../images/title_bg.png) right bottom no-repeat #fff;
	font-size:28px; font-family:'Nunito', serif; font-weight:700; color:#ec008c; }
#content-container #main{padding:25px;}


/* Global */
.separated{height:1px; border-top:1px dotted #ccc; margin:30px 0;}


/* Buttons */
#buttons{text-align:center;	padding:25px; height:50px;}
#buttons a, a.button{
	font-size:13px; color:#333;
	text-decoration:none;
	line-height:18px;
	display:inline-block;
	padding:6px 15px 9px;
	background:#f7f7f7;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
	        box-shadow:1px 1px 2px #ddd, inset 0 -4px 0 #aaa;
	   -moz-box-shadow:1px 1px 2px #ddd, inset 0 -4px 0 #aaa;
	-webkit-box-shadow:1px 1px 2px #ddd, inset 0 -4px 0 #aaa;
	cursor:pointer;
}
#buttons a.blue{
	color:#fff;
	background:#1190de;
	border:1px solid #007abb;
}
#buttons a:hover, #buttons a:active,
a.button:hover, a.button:active,
#buttons a.blue:hover, #buttons a.blue:active{
	color:#fff;
	background:#ec008c;
	padding:6px 15px 6px;
	margin-top:4px;
	border:1px solid #cb0179;
	border-bottom:1px solid #910759; 
	        box-shadow:1px 1px 2px #ddd, inset 0 0 0 #910759;
	   -moz-box-shadow:1px 1px 2px #ddd, inset 0 0 0 #910759;
	-webkit-box-shadow:1px 1px 2px #ddd, inset 0 0 0 #910759;
}


/* Social & Print */
.line{position:absolute; top:24px; right:140px; z-index:999; }
.line a{display:block; background:url(../images/icon_line.png) no-repeat; width:30px; height:30px;}
.line img{display:none;}
a.fb{position:absolute; top:24px; right:100px; z-index:999;}
a.twitter{position:absolute; top:24px; right:60px; z-index:999;}
a.print{position:absolute; top:24px; right:20px; z-index:999;}


/* Footer */
#logos{text-align:center; position:absolute; bottom:0; background:#d1dfe5; border-top:1px solid #b4c0c5; width:100%; height:70px; }
#logos figure{padding-top:10px;}
footer{clear:both;}
footer .copyright{font-size:12px; color:#666; text-align:right; padding:0 190px 20px 0;}


@media print 
{
	*{color:#111;}
	.wrapper{width:98%; margin:0 auto;}
	#header-container{height:auto; position:relative;}
	#header-container #logo, #header-container nav, #countdown, #menu{display:none;}
	#header-container #title{width:98%; height:auto; background:none; position:relative; top:0; left:0; text-indent:0; font-size:18px;
		border-bottom:2px solid #333;}
	#content-container #content{float:none; position:relative; width:99%; border-radius:0; box-shadow:none;}
	#content-container .inside{font-size:13px; position:relative; background:#fff; box-shadow:none;}
	#content-container .inside header{
		padding:15px 0px; 
		border-bottom:2px solid #ddd; background:none;
		font-size:22px; font-family:'Nunito', serif; font-weight:700; color:#111;}
	#content-container #main{padding:10px 0;}
	.fb, .twitter, .print, #logos, footer{display:none;}
}