/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/************************************/
/* TYPOGRAPHY */
/************************************/

@font-face {
    font-family: 'ArvoRegular';
    src: url('./wnst/fonts/arvo-regular-webfont.eot');
    src: url('./wnst/fonts/arvo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./wnst/fonts/arvo-regular-webfont.woff') format('woff'),
         url('./wnst/fonts/arvo-regular-webfont.ttf') format('truetype'),
         url('./wnst/fonts/arvo-regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('./wnst/fonts/arvo-bold-webfont.eot');
    src: url('./wnst/fonts/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./wnst/fonts/arvo-bold-webfont.woff') format('woff'),
         url('./wnst/fonts/arvo-bold-webfont.ttf') format('truetype'),
         url('./wnst/fonts/arvo-bold-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1,h2,h3,h4,h5{ font-family:'ArvoBold', Arial, Helvetica, sans-serif; color:#454545; margin-bottom:.25em; font-weight:normal; text-transform:uppercase;}
h1{ font-size:2.2em;}
h2{ font-size:1.8em;}
h3{ font-size:1.5em;}
h4{ font-size:1.1em;}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ line-height:1.6em; margin-bottom:1em;}
.entry p, .post-alt p, p{ font-size:1.1em; line-height:1.75em; margin-bottom:1em;}
strong{ font-weight:bold;}
.entry blockquote { background-color:#f4ccb3; margin:0 0 2em; width:96%; padding:2%; font-size:1.1em; line-height:1.6em;}

em{ font-style:italic;}

/************************************/
/* UNIVERSALS */
/************************************/

.nav{ font-family:'ArvoRegular' Arial, Helvetica, sans-serif;}

body{ border:0; margin:0; padding:0; background-color:#000;  }

#header_cont{ background:center -30px no-repeat url('./wnst/images/bg.jpg') #000000; width:100%; }
#header{ background:none; width:990px; display:block; }
#header .header-left{ float:left; width:220px;}
#header .header-right{ float:right; width:770px;}
#top_cont{ height:220px; width:990px; position:relative; display:block; margin:0 auto; padding:0;}
#header .logo_cont{ float:left; width:auto;}
#header h2.logo{ padding:0 0 0 10px; width:auto; display:block; margin:20px 0;}
#header h2.logo a{width:220px; height:110px; padding-left:0px; display:block; overflow:hidden; text-indent:-9999em; background:top center no-repeat url('./images/wnst-logo.png');}
#header h2 span{ font-size:18px; display:block; float:left; text-align:center; letter-spacing:2px; color:#FFF; padding-left:42px; width:160px; display:none; }

#header .live-ticker{ position:relative; width:220px; color:#EFEFEF; padding:5px; margin-left:10px; height:20px; display:block; overflow:hidden;  background:#444; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#535353), to(#222));background: -webkit-linear-gradient(#535353, #222);background: -moz-linear-gradient(#535353, #222);background: -ms-linear-gradient(#535353, #222);background: -o-linear-gradient(#535353, #222);background: linear-gradient(#535353, #222); border:1px solid #666; }
#header .live-ticker:hover{ background:#f77d20 !important;}
#header .live-ticker:hover *{color:#FFF !important;}
#header .live-ticker .ticker-cont{ margin:1px auto; float:none; display:block; width:177px;}
#header .live-ticker .label{ width:80px; float:left; color:#ACACAC;}
#header .live-ticker #head-ticker{ width:auto; display:block; overflow:hidden; float:left;} 
#header .live-ticker .eq-bump{ position:absolute; top:3px; right:3px; width:20px; height:20px; display:block;}
#header .live-ticker .live-play{ position:absolute; top:4px; left:2px; width:20px; height:20px; display:block;}

/* Make it a marquee */
.marquee { margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.marquee div {display: inline-block; padding-left: 100%; text-indent: 0; height:20px; animation: marquee 15s linear infinite;}
/*.marquee div:hover { animation-play-state: paused;}*/

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

#footer_cont{ background: #000000; width:100%; padding:30px 0; border-top:3px solid #F47D31; }
#footer{ width:990px; margin:0 auto; line-height:1.8em; padding:10px;}
#footer h3{ font-size:18px; color:#999;}
#ftr_address{ padding:20px 0;}
#ftr_nav{}
.ftr_col{ float:left; margin-right:10px; width:155px;}
#footer a { color:#EFEFEF; }
#footer a:hover{ color:#F47D31; } 
#nav{ width:auto; height:73px; background:none; padding:10px 0; z-index:9999; position:relative; margin:0!important;}
#nav a{ color:#fff; font-size:13px; font-weight:400;}
#main_nav{ border:1px solid #673f93; background:#55347a; display:block; position:absolute; height:30px; bottom:-17px; left:0; width:988px; text-align:center; }

.nav2{ border:none; margin:0 auto; display:inline-block; width:auto; height:30px; text-align:center!important; }
.nav2 a{ color:#FFF; font-size:13px; line-height:.9em; padding:10px 10px 0px; height:20px; text-shadow:1px 1px 0 #3c2556; text-transform:uppercase; font-weight:normal;}
.nav2 a:hover{ background:#39264f; color:#FFF;}

.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:active { color: #FFF; background:#39264f; }
.nav2 li{ margin:0 10px 0 0;}
#nav a, .nav2 a{ font-family:'ArvoRegular', Arial, Helvetica, sans-serif !important; text-transform:uppercase;}
#nav-left{width:730px; position:absolute; top:15px; right:0; z-index:9999;}

#submit{ color:#FFF; border:1px solid #673f93; background:#55347a; font-family:'ArvoRegular', Arial, Helvetica, sans-serif; padding:5px; text-transform: uppercase; }
#submit:hover{ cursor:pointer; background:#39264f; }

/* LOGIN BOX */
#nav-right{width:290px;}
#nav-right input{ float:left; margin:0;}
#nav-right #login{ background: none repeat scroll 0 0 #55347A; border: 1px solid #673F93; border-top:none; margin-bottom:10px; padding:5px 2px 5px 7px;}
#nav-right #login #user_login, #nav-right #login #user_pass{ width:115px; margin:0 5px 0 0; display:block;}
#nav-right #login .submit_btn{ border:none; margin:0; }
#loginform{ display:block; margin:0; padding:0;}
#sign_up{ text-align:center;}
#sign_out{ text-align:right;}
#sign_up a:hover, #sign_out a:hover{ color:#F47D31;}
#logged_in{ color:#FFF; margin:0 auto; padding:5px 0 10px; text-align:right; font-family: 'ArvoRegular',Arial,Helvetica,sans-serif !important; font-size:12px; text-transform: uppercase;}

/* LOCAL NAV & LEAGUE NAV */
#local_nav, #sports_nav{ padding:0; border-bottom:1px solid #535350; margin:0; height:30px; z-index:9999;}
#local_nav li, #sports_nav li{ margin:0; padding:0; float:left;}
#local_nav a, #sports_nav li a{padding:7px 12px 9px; display:block; float:left; margin:0;}
#sports_nav li a:hover{ background-color:#FFF; color:#333; text-decoration:none; }

#nav ul#sports_nav li:hover, #nav ul#sports_nav li.sfHover,
#nav ul#sports_nav a:focus, #nav ul#sports_nav a:hover, #nav ul a:active {
	background: #FFF;
	outline: 0;
	color:#333 !important;
}

#nav ul#sports_nav li:hover a, #nav ul#sports_nav li.sfHover a, #nav ul#sports_nav li:hover  a, ul#sports_nav a:focus { 
color: #000 !important;
}


.sf-sub-indicator{ display:none;}

#sports_nav li{ position:relative;}
#sports_nav ul{ position:absolute; top:27px; left:-25px; display:none; z-index:9998;}
#sports_nav ul li{ float:none; background:#FFF; padding:15px 15px 0; z-index:9999; position:absolute; width:300px; -webkit-box-shadow: #000 0px 3px 5px; -moz-box-shadow: #000 0px 3px 5px; box-shadow: #000 0px 3px 5px; behavior: url('/wordpress/wp-content/themes/wnst_3/cfg/pie.php');}
#sports_nav ul li a{ float:none; padding:0 0 0 10px; background:0 0 no-repeat url('./wnst/images/nav_arrow.gif'); margin:0 0 15px 0; color:#454545; width:46%; float:left; display:block; line-height:1em; } 
#sports_nav ul li a:hover{ text-decoration:underline; color:#333; background:0 0 no-repeat url('./wnst/images/nav_arrow.gif') !important; }

#local_nav a:hover{ text-decoration:none; background:#55347a; text-shadow:1px 1px 0 #3c2556;} 
#local_nav a.ravens:hover, div#hot-button div.ravens, div#hot-button div.purple-reign-2{background-color:#55347A;}
#local_nav a.orioles:hover, div#hot-button div.orioles{ background-color:#f47d31; }
#local_nav a.terps:hover, div#hot-button div.terps{ background-color:#f3363b; }
#local_nav a.towson:hover, div#hot-button div.towson{ color:#000; text-shadow:none; background-color:#FBC909; }
#local_nav a.capitals:hover, div#hot-button div.capitals{ background-color:#0C3465; }
#local_nav a.loyola:hover, div#hot-button div.loyola{ background-color:#006857; }
#local_nav a.umbc:hover, div#hot-button div.umbc{ color:#000; text-shadow:none;  background-color:#D38E23; }
#local_nav a.blast:hover, div#hot-button div.blast{ background-color:#CF0211; }
#local_nav a.mma:hover, div#hot-button div.mma{ background-color:#555; }
#local_nav a.local:hover, div#hot-button div.local{ background-color:#F69; }

div#hot-button div.alert, div#hot-button div.late-breaking{ background-color:#F00;}
div#hot-button div.wnst{ background-color:#55347A; }

/************************************/
/* LAYOUT */
/************************************/

#page_cont{ background:0 0 repeat-x url('./wnst/images/bdy_bg.gif') #e5e6d9; }
#page{ background:none; padding:0 0 30px; width:990px;}

#columns{ padding:0; padding-top:40px; margin:0;}
#columns .shadow{ -webkit-box-shadow: #cccdc5 0px 0px 5px; -moz-box-shadow: #cccdc5 0px 0px 5px; box-shadow: #cccdc5 0px 0px 5px; behavior: url('/wordpress/wp-content/themes/wnst_3/cfg/pie.php'); }

.col1,.col2,.col3{ float:left; margin-right:10px;}
.col1{ width:160px; min-height:300px;}
.main-col, .main-pg{ width:800px; padding:10px 10px 30px; background:#FFF !important; float:right;}
.col2{ width:530px; margin-right:10px;}
.col3{  width:260px; margin-right:0;}
.main-pg .col2, .col4{ width:800px; clear:both; float:left;}
.main-pg .col4{ width:810px;}

.sub-nav{ background:#FFF; margin-bottom:10px; }
.sub-nav li{ border-bottom:1px solid #e5e6d9; background-color:#FFF;} 
.sub-nav li a{ padding:8px 5px 12px 28px; background:no-repeat url('./wnst/images/subnav-bg.png') #FFF; display:block; height:8px; border:1px solid #fff; font:11px 'ArvoBold', Arial, Helvetica, sans-serif; color:#454545; line-height:1em; text-transform:uppercase; }
.sub-nav li a:hover{ background-color:#55347a; color:#FFF; text-shadow:1px 1px 0 #3c2556; text-decoration:none; font-weight:normal;}

.sub-btn.listen-live{ background-position:3px 5px;}
.sub-btn.morning-paper{ background-position:3px -23px;}
.sub-btn.text-service{ background-position:3px -52px;}
.sub-btn.audio-vault{ background-position:3px -81px;}
.sub-btn.wnst-store{ background-position:3px -110px;}
.sub-btn.wnst-youpon{ background-position:3px -140px;}
.sub-btn.road-trip{ background-position:3px -169px;}
.sub-btn.prize-day{ background-position:3px -197px;}
.sub-btn.team-store{ background-position:3px -230px;}


.navbox { margin:0 0 10px; min-height:420px; padding:10px; border:1px solid #DDD; background-color:#EFEFEF; overflow:hidden;}
.sideTabs { border:none;}
.sideTabs .idTabs { text-transform:uppercase; font:11px "ArvoRegular", Arial, Helvetica, sans-serif;  color:#FFF; margin:0; padding:0; }
.sideTabs .idTabs li{ line-height:25px; margin-right:5px;} 
.sideTabs .idTabs li a{ font-size:11px; font-weight:400; color:#333; letter-spacing:0; margin:0; padding:0 8px; text-shadow:1px 1px 0 #FFF; border-color:#EEEEEE;}
.sideTabs .idTabs li.last{ }
.sideTabs .idTabs li a.last{ width:55px;}
 
.sideTabs .idTabs li a.fb_tab{ background-color:#005be4; border-color:#005be4; color:#FFF;  text-shadow:1px 1px 0 #333;}
.sideTabs .idTabs li a.tw_tab{ background-color:#00afc9; border-color:#00afc9; color:#FFF; text-shadow:1px 1px 0 #333;}
.sideTabs .idTabs li a.yt_tab{ background-color:#e40000; border-color:#e40000; color:#FFF; text-shadow:1px 1px 0 #333;}

 
.sideTabs .idTabs li a:hover, .sideTabs .idTabs .selected {
	border:1px solid;
	border-bottom:5px solid;
	border-color:#999;
	background-color:#999;
    color: #FFF;
    text-decoration: none;
	text-shadow:1px 1px 0 #000;
}


.sideTabs .idTabs li a.fb_tab:hover{ border:1px solid #0047b3; border-bottom:5px solid #0047b3; background-color:#0047b3; }
.sideTabs .idTabs li a.tw_tab:hover{ border:1px solid #0095ac; border-bottom:5px solid #0095ac; background-color:#0095ac; }
.sideTabs .idTabs li a.yt_tab:hover{ border:1px solid #b30000; border-bottom:5px solid #b30000; background-color:#b30000; }

.twtr-hd h3{ display:none;}
#twtr-profile-widget .twtr-hd{ border-bottom:1px solid #999; }
#twtr-profile-widget .twtr-hd h4, #twtr-profile-widget .twtr-hd h4 a{ color:#303 !important; font:36px 'ArvoRegular' Arial, Helvetica, sans-serif !important;  }
#twtr-profile-widget .twtr-doc .twtr-hd  h4 { font-size:24px !important; font-weight:700;}
#twtr-profile-widget .twtr-ft a{ color:#303;}

.navbox ul#related{ height:552px; overflow: auto; overflow-x:hidden;}

#st-inline-small{ display:block; margin:0 auto 10px; padding:20px 0;}

/************************************/
/* TYPE */
/************************************/
a{ color: #55347a; }
.subcol h2{ color: #55347a; }
.video-right h2{ color: #55347a; }
.flickr h2{ color: #55347a; }
.catlist h2{color: #55347a; background:url(images/ico-catlist.gif) center right no-repeat; }
h4.continue{ background:none; font-weight:normal;  margin:0; display:block; float:right; font-size:.9em;}
h4.continue a{ background: 97% 8px url(./wnst/images/ico-arrow.gif) no-repeat #55347A; font-weight:normal; text-align:right; padding:5px 15px 5px 5px; color:#FFF; font-weight:normal!important;}
h4.continue a:hover{ background-color:#303; text-decoration:none;}
h2.cat-title{ background-color:#EFEFEF; padding:5px 10px; margin:0 0 10px; font-weight:normal;}
h2.cat-title{ background-color:#666; color:#FFF; font-family:'ArvoRegular', Arial, Helvetica, sans-serif;}

.featured_article_cont .featured h4.continue{ position:absolute; bottom:10px; right:0;}

#search { width:158px; height:28px; background-color:#FFF; border:1px solid #dcddd1; position:relative; margin:0 0 10px; padding:0; float:none;}
#search input#s{ width:116px; margin:4px 0 0 0; color:#454545;}
#search input.btn{ position:absolute; top:0; right:0; width:24px; height:24px;}

/************************************/
/* AD SPACE STYLES */
/************************************/

.ad_space{ background:#EFEFEF; z-index:-1; }
.leaderboard, .sky_ad, .social_cap{ overflow:hidden; display:block;}
.leaderboard{ width:728px; height:90px;}
.banner{ width:468px; height:60px;} 
#div-ad-social_cap{ width:260px; height:510px; padding-bottom:10px;}
#header_cont .leaderboard{ float:right;}
#page .leaderboard{ float:none; clear:both; margin:0 auto;}
.coupon_block{ background-color:#EFEFEF; min-height:100px; width:125px; height:125px; margin:0 10px 10px 0; float:left;}
.coupon_block.right{ background-color:#EFEFEF; min-height:125px; width:125px; height:125px; margin:0 0 10px 0; float:left;}
.sky_ad{ width:160px; height:600px; margin:0 0 10px; }
.sponsor{ margin-bottom:20px;}
.main-pg .col4 .coupon_block, .main-pg .col4 .right{ float:left; margin-right:10px; }

/************************************/
/* HOMEPAGE STYLES */
/************************************/

/* HOT BUTTON MARQUEE */
#pencil_banner{ width:990px; height:60px; padding-left:15px; margin:-10px auto 15px; display:none;}

#hot-button{ display:block; margin-bottom:10px; position: relative;}
#hot-button div, #hot-button marquee{ float:left; margin:0; padding:6px 8px; line-height:1em; height:14px;  }
#hot-button div.label{ display:block; float:left; border-right:5px solid #FFF; position:absolute; top:0; left:0; background:#F00; font:11px 'ArvoRegular', Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; z-index:9999; }
#hot-button marquee{ float:right; display:block; background-color:#EFEFEF; }
#hot-button marquee p{ margin:0; line-height:1.1em; width:250%; display:block; }
#hot-button marquee a{ color:#454545; font-weight:bold;}
#hot-button marquee a:hover{ color:#f47d31;}

/* HOMEPAGE FEATURED ARTICLE */
.featured_cont{ height:475px; overflow:hidden; position:relative;}
.featured_article_cont{ height:340px; overflow:hidden; position:relative;}
.featured{ background:none; height:340px; margin:0; border:3px solid #c9cabf; overflow:hidden;}
.featured-img { width:525px; height:auto;}
.featured-content{ margin:0;}
.featured-content .avatar{ float:left; margin:-2px 10px 0 0;}

#featured-th{ height:150px; margin:0 0 40px; padding:20px 0 0; width:100%; top:315px;}
#featured-th .idTabs { width:520px; height:95px; overflow:hidden; margin:0 0 20px;}
#featured-th .idTabs li { margin:0;  }
#featured-th a{ border:5px solid #fff; margin:0; line-height:1em; background-color:#FFF; width:108px; height:78px; overflow:hidden; }
#featured-th a:hover{ text-decoration:none; opacity:.7; filter: alpha(opacity = 70); zoom:1;}
#featured-th a.selected{ border:5px solid #c9cabf; line-height:1em; padding:0;}
#featured-th a img{ border:0; margin:0; line-height:1em; width:120px !important; height:auto; }

.featured h2 { font-size:1.9em; margin-bottom:0; padding:0 0 10px; position:absolute; bottom:-2px; left:0; display:block; background-color:rgba(0,0,0,.65); padding:20px 20px 25px;  }
.featured h2 a{ color:#FFF; text-transform:uppercase; font-weight:normal; margin-bottom:0;}
.featured h2 a:hover { color:#F47D31; text-decoration:underline; }

/* FEATURED EVENT */
.featured-event{ height:50px; padding:5px; margin-bottom:20px; overflow:hidden; background-color:#EFEFEF;}

/* HOMEPAGE ViDEO ROTATOR */
#video-frame { width:530px; margin:0 0 20px;}
.video-right{ width:180px; line-height:1.3em;}

/* SECONDARY CONTENT */
.box .post h2 { display:none; margin-bottom:0;}
.box .post h3{ margin-botttom:0;}
.box .post h3 a{ font: bold 1.1em/1.2em Arial, Helvetica, sans-serif;  color:#454545; text-transform:capitalize; margin-bottom:0; }
.box .post h3 a:hover{ color:#55347A; } 
.box .post .photo{ float:left; width:70px; margin-bottom:5px;}
.box .post .content{ float:left; display:block; padding-left:10px; width:280px;}
.box .post p.posted{ font-size:1em; margin:0; padding:0; color:#AEADAE; border:none;}
#home_secondary, .box{ padding:15px 10px 0px; border:1px solid #CCC; border-left:none; border-right:none;}
#home_secondary .post { width:48.5%; margin:10px 1.5% 10px 0; padding:0; border-bottom:1px dashed #CCC; min-height:55px; }
#home_secondary .post { height:90px; overflow:hidden; }
#home_secondary .post .content { width:165px;}
#home_secondary .post p.posted{ font-size:.9em; margin:0; padding:0;}
#home_crabs .post, #home_barstool .post, .cat-box .post{ width:100%; margin:0 0 10px; padding:0 0 5px; border-bottom:1px dashed #CCC; }
#home_crabs .post .content, #home_barstool .post .content{ width:680px; padding-left:10px; float:left;}
#home_crabs .post .content{ width:99%;}
#home_barstool .post { padding:0;}
#home_barstool, #home_crabs{ height:305px; overflow:auto; overflow-x:hidden;}
#home_crabs{ height:300px; }

#home_crabs .post .photo { width:30px; margin-right:10px;}

#home_crabs_new .post{ width:100%; margin-bottom:20px;}
#home_crabs_new .post .photo{ width:210px; margin:0 10px 0 0;}
#home_crabs_new .post h3 a{font:21px/1.1em "ArvoBold",​Arial,​Helvetica,​sans-serif; color:#444546; text-transform:uppercase;}
#home_crabs_new .post h3 a:hover{ color:#55347A;}
#home_crabs_new .post p{ line-height:1.25em;}

/*TUBEPRESS */
.tubepress_thumbnail_area { margin-top:.5em; }
.tubepress_container{ padding-left:10px; margin-bottom:0;}
.tubepress_embedded_title{ font:22px 'ArvoRegular', Arial, Helvetica, sans-serif; padding:10px 0; }
.tubepress_thumb { margin-right:10px; width:140px!important; }
.tubepress_thumb a { margin-bottom:5px;}
.tubepress_thumb img { padding:2%;}
dd.tubepress_meta_title{ padding-top:5px;}
.tubepress_thumbnail_area { width:790px !important;}

/* SIDEBAR STYLES */
.navbox .tubepress_container{ height:556px; padding:0;}
.navbox .tubepress_thumbs { overflow-y:scroll; overflow-x:visible; width:248px !important; height:365px !important; margin:0;}
.navbox .tubepress_thumb{ width:225px !important; height:auto; border-bottom:1px dashed #CCC; padding-bottom:10px; margin:0 0 10px 3px;}
.navbox .tubepress_embedded_title{ display:none!important; overflow:hidden; height:1px; font-size:1px;}
.navbox .tubepress_meta_title{ width:190px!important; text-align:center; padding:5% 5% 1%;}
.navbox .tubepress_meta_views,.tubepress_meta_runtime{ display:none;}
.navbox .tubepress_meta_group{ width:185px; padding-left:10px;}
.navbox .tubepress_normal_embedded_wrapper{ height:187px;}
.navbox .tubepress_thumb img { }
.navbox .tubepress_thumbnail_area { margin-top:.5em; width:225px !important; }
.navbox .tubepress_thumb a:hover img{ border:5px solid #DADAD3;}
.navbox .tubepress_thumb img { padding:0; border:5px solid #EFEFEF;}
.sideTabs{ width:auto;}
.tubepress_meta_views{ display:none;}
#bsfOptin{ padding:20px; margin:30px auto; width:50%; background-color:#EFEFEF; border:1px solid #ccc;}
#st_inline_small, #st_powered{ margin:0 auto !important;}
#st_powered{ width:180px;}

.cat-box{ width:49%; display:block; float:left;}
.cat-box .box{ padding:15px 0 0; height:190px; overflow-x:hidden; overflow-y:auto;}
.cat-box .box .post .content { width:95%; padding-left:10px;}
.cat-box .box .post h3 a { font-size:.95em;}

.orioles-box, .caps-box{ float:right; margin-right:0;}

/***
.ravens-box .cat-title{background-color:#55347A;}
.orioles-box .cat-title{background-color:#F47D31;}
.caps-box .cat-title{background-color:#0C3465;}
.terps-box .cat-title{background-color:#F3363B;}
**/

/* Home Ads */
.home #columns .col3 .ad_space.social_cap,
.home #columns .col4 .ad_space.leaderboard{ margin-bottom:20px;}

/************************************/
/* SINGLE POST STYLES */
/************************************/
.post{ margin-bottom:30px;}
.post, .post-alt{ background:none; border-bottom:1px dashed #CCC; padding:0;}
.post h1, .post-alt h1{ font-size:2.2em; font-weight:bold; line-height:1.1em; padding:10px 0;}
.post h3, .post-alt h3{ margin-bottom:.5em;} 
.post h3 a, .post-alt h3 a{ color:#454545; font-weight:normal;} 
.post .posted, .post-alt p.posted { border:1px dashed #ccc; border-left:none; border-right:none; padding:10px 0; margin-bottom:10px;}
.post .posted{ margin-bottom:0;}
.post .posted img{ float:left; margin-right:10px; line-height:2em;}
.post .posted h4{ float:left; padding-top:12px;}
.post .posted span{ float:right; padding-top:12px;}
.post h2{ font-size:1.8em;}
.post h1 a, .post-alt h1 a{ color: #454545; text-transform: uppercase; text-decoration:none; font-weight:normal;}
.feat-img-post{ margin:5px 0 10px 15px; float:right;}
.feat-img-post img{ background-color:#c9cabf; float:left; margin:0 10px 10px 0; width:260px; height:auto;}
.page-links{ position:relative; }
.page-links{ padding:4px 10px;  font-family:'ArvoRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; }
.page-links a{ border:1px solid #673f93;  background-color:#55347a; color:#FFF; padding:2px 6px; margin:0 3px; text-align:center;}
/*.page-links a:first-child{ padding:4px 7px 4px 12px; background:5px 7px no-repeat url('./wnst/images/nav_arrow_left.gif') #55347a;}*/
.page-links a:hover{ text-decoration:none; color:#FFF; background-color:#39264F;}
.single p.posted{ width:auto;  display:block;}
.single p.posted span{ float:right; display:block;}
.single .th{ margin-bottom:10px;}
.th{ margin-bottom:20px;}
.post-video{ padding:10px; margin:0 auto 20px; text-align:center; }

.navigation a{ border:1px solid #673f93;  background-color:#55347a; color:#FFF; padding:3px 7px; margin:0 3px; text-align:center; font:normal 11px/1em'ArvoRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; }

/* COMMENTS */

#fb-comments{ margin-bottom:30px;}
#fb-comments h3{color:#5A74A8;}
ol.commentlist li.alt { background-color:#EFEFEF;}
textarea#comment{ resize:none;}

/* ARCHIVE PAGES */
.post-alt p.posted{ width:270px; float:left;}
.post-alt p{ display:block; float:left; width:270px;}

#archivebox{ width:510px; float:left;}
#archivebox h1{ text-transform:uppercase; margin-bottom:0; color:#454545; float:left;}
#archivebox .archivefeed { float:right; margin-top:10px;}

.wp-post-image{ margin-bottom:10px;}


/* AUTHOR PAGES */
.author_info{}
.author_info h2{ font-weight:normal; font-size:19px; margin:.25em 0;} 
.author_info h3 { border:1px dashed #CCC; border-left:none; border-right:none; padding:10px 0; margin:0 0 20px; font-size:.85em; font-family:'ArvoRegular', Arial, Helvetica, sans-serif; }
.author_info p{ padding:10px; background-color:#EEEEEE; border:1px solid #DDD; line-height:1.4em; margin-bottom:20px; }

/* LEAVE LAST */
.last{ margin-right:0; border-right:none; border-bottom:none;}
.shadow{ -webkit-box-shadow: #666 0px 0px 5px; -moz-box-shadow: #666 0px 0px 5px; box-shadow: #666 0px 0px 5px; behavior: url('/wordpress/wp-content/themes/wnst_3/cfg/pie.php'); }
.shadow2{ -webkit-box-shadow: #666 0px 5px 5px; -moz-box-shadow: #666 0px 5px 5px; box-shadow: #666 0px 5px 5px; behavior: url('/wordpress/wp-content/themes/wnst_3/cfg/pie.php'); }
.cache_buster{ display:none;}
.navigation{ padding:15px 0; margin:15px 0;}
.wp-pagenavi { clear:none;}
.pagination {border-top:1px dashed #ccc; border-left:none; border-right:none; padding:15px 0; margin:0; }
.pagination-top{ border-top:none; border-bottom: 1px dashed #CCCCCC; margin-bottom:20px;}
.page-links{ display: block; height: 20px; margin:0; float:left; padding:0 10px 0 0; text-align: center; width:auto; border-right:1px solid #ccc; }
.sharethis_buttons{ padding:0; margin:0; float:left; display:block; width:500px; height:25px;}
.sharethis_buttons span.st_plusone_hcount{ width:70px;}

/* POST SIDEBAR */
.navbox #related li{ background:left center no-repeat url('./wnst/images/ico-mostcomm.gif') !important;}
.navbox #pop li{ background:left center no-repeat url('./wnst/images/ico-star.gif') !important;}
.navbox #feat li{ background:left center no-repeat url('./wnst/images/ico-feat.gif') !important;}


/************************************/
/* EVENTS STYLES */
/************************************/span.back a{ padding:5px 7px 6px 15px; margin:7px 0; background:5px 5px no-repeat url('./wnst/images/nav_arrow_left.gif') #55347a; font:normal 12px/1em 'ArvoRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; display:block; float:right;}
span.back a:hover{ text-decoration:none; color:#FFF; background-color:#39264F;}
#tec-events-calendar-header h1.tec-cal-title{ float:left; display:block;}
#tec-events-calendar-header .tec-calendar-buttons{ float:right; top:0;}
.tec-calendar-buttons a{ margin:0 0 0 10px; background-color:#55347A; font-family:'ArvoRegular', Arial, Helvetica, sans-serif; font-weight:normal;}
.tec-calendar-buttons a:hover{ background-color:#39264f; text-decoration:none;} 
a.tec-cal, a.tec-list{ padding:5px 7px 6px 20px; margin:7px 0 0 10px; font:12px/1em 'ArvoRegular', Arial, Helvetica, sans-serif; color:#FFF; display:block; float:right; border-radius:0; height:auto; }
a.tec-list{ background:5px 5px no-repeat url('./wnst/images/icon_list.gif') #55347a;}
a.tec-cal{ background:5px 5px no-repeat url('./wnst/images/icon_cal.gif') #55347a;}

.tec-events .tec-event-entry { width:50%; }
.tec-events .tec-event-list-meta { width:40%;}
.tec-event-list-meta table td{ padding:5px; font-size:13px;}
.tec-calendar th { background-color:#55347A;}
.tec-calendar .daynum{ font-size:12px; }
div.tec-month-nav{ width:100%; text-align:center; margin:10px auto; display:block; bottom:20px; left:0; position:relative; padding:0; height:22px; }
#tec-events-calendar-header { height:70px; margin-bottom:0;}
#tec-event-meta { font-size:14px; padding:15px 0 10px;}
#tec-event-meta dd, #tec-event-meta dt{ padding:5px;}
.tec-calendar td a { font-size:100%; }

.category-events .tec-event{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #CCC ;}

.post-list h2{background-color:#666; color:#FFF; font-family:'ArvoRegular', Arial, Helvetica, sans-serif; padding:5px 10px; margin:0 0 10px; }
.post-list .tec-event-list-meta, .post-list .entry-content{display:none;}
.post-list .entry-content{}

.events_single .attachment-post-image{ max-width:530px; max-height:360px; overflow: hidden;}

.tribe-events-list-separator-month span {background-color: #e5e6d8; padding: 0 3.5%;}
/************************************/
/* BLOG LIST STYLES */
/************************************/
#staff-list{ margin:10px 0 20px;}
#staff-list ul, #barstool-list ul{ padding:3% 0 0 1%;}
#staff-list ul li{ width:46%; padding:0 0 10px 0; margin:0 3% 20px 0; float:left; display:block; border-bottom:1px dashed #CCC;}
#staff-list ul li img, #barstool-list ul li img{ float:left; margin-right:10px;}

#barstool-list{ margin-bottom:40px;}
#barstool-list ul li{ width:23%; margin:0 1% 3% 0; padding-left:1%; float:left; display:block;}
#barstool-list ul li h4{ font-size:.9em; margin-top:10px; }

/************************************/
/* AUDIO VAULT STYLES */
/************************************/
#search_box{ padding:20px 0;}
#search_box h2{ margin-right:20px;}
#audioSearch-new{ margin:2px auto; padding:5px; display:block;}
#audio-results{border-top:1px solid #FFF; border-left:1px solid #FFF;}
#audio-results td{ padding:10px; border-bottom:1px solid #FFF; border-right:1px solid #FFF;  }
.stripe-odd{ background-color:#eee;}
.stripe-even{ background-color:#ddd;}
#pagination{ padding:20px; text-align:center;}
#pagination a{ padding:5px;}
#audio-title,#audio-url{ font-family:'ArvoRegular', Arial, Helvetica, sans-serif; font-size:18px; display:block;}
#audio-title-label, #audio-url-label{ width:150px; margin-right:20px; float:left; display:block; text-align:right; font-weight:normal; font-family:'ArvoBold', Arial, Helvetica, sans-serif;}
#audio-title marquee{ width:350px; float:left;}
.audio-url-select{ padding:5px; width:250px;}

#audio-controls{}
#audio-download-url{  margin-left:170px; padding:10px 0;}
.audio-info-container{   margin:0 0 10px; width:600px;}
.audio-container{ background:#EFEFEF; padding:20px 0;}


/************************************/
/* SIGN UP FORM STYLES */
/************************************/
.mu_register #cimy_uef_p_field_9{ display:none;}

img.alignleft{ margin:10px 20px 10px 0; }
img.alignright{ margin:10px 0 10px 20px; }

#subForm{ padding:20px 20px 40px; margin:20px auto 40px; background-color:#F5F5F5; width:70%;}
#subForm span.required{ float:none; padding:0 5px 0; display:inline-block; color:red;}
#subForm label{float:left; width:220px; text-align:right; padding-right:10px;}
#subForm label.error{float:left; width:220px; text-align:left; padding:10px 0 5px 230px; color:#F00; font-weight:bold;}

#subForm span { float:left; display:block; line-height:1; padding:0 10px 10px;}
#subForm span p{ display:none;}
#subForm span label{ width:auto; padding:0 10px;}
#subForm .omfield{ display:block; margin-bottom:20px; width:100%; }
#subForm .omfield br{ display:none;} 
#subForm input{ float:left; display:block;}
#subForm input.sub-btn{ float:none; margin-left:230px; background-color:#330099; color:#FFF; font-family:'ArvoBold', Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; padding:3px 5px;  }
#subForm input.sub-btn:hover{ background-color:#FF9900; color:#000; cursor:pointer;}

.page-id-182728 div#fancy_div{ background-color:#FFF; color:#666;}

.costas_banner{ margin-bottom:-10px;}
.tubepress-thumbs{ padding-left:0;}
.tubepress-thumb{ margin-right:0; }
.tubepress-big-title{font-family:"Arvo",Arial,Helvetica,sans-serif; padding:1em 0 .5em; text-transform:capitalize;}
.tubepress-pagination-and-thumbs{ overflow-y:scroll; overflow-x:hidden; height:575px;}
.home .tubepress-pagination-and-thumbs .tubepress-thumbs{ padding-left:0;}
.home .tubepress-big-title{ font-size:1.2em;}

/************************************/
/* GIVE A SPIT */
/************************************/
#giveaspit-timer{ background:top left no-repeat url('./wnst/images/giveaspit-bg.jpg') #000; margin-bottom:20px; height:100px; overflow:hidden; position:relative;}
#giveaspit-timer .clock{margin:2.35em 1em 1.15em; float:right; width:420px;}
.give-a-spit{}
.give-a-spit .col1{ width:63.5%; float:left;}
.give-a-spit .col2{ width:28.5%; float:right; margin-left:5%; float:right;}

.give-a-spit h1.title{ font-size:4.5em; color:#48327E;}
.give-a-spit .entry img{ border:none; background:none;}

#spit-buttons{ position: absolute; right:0; width:100%; height: 78px; padding: 10px; z-index:9999; display:block; overflow:hidden; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s;}
#spit-buttons .button{background:#F17C21; display:block; padding:10px; color: #FFF; font: 1.4em/1em "ArvoBold",Arial,Helvetica,sans-serif; width: auto; position: absolute; left:27.5%; top:-80px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s;}
#spit-buttons:hover .button{top:30px;}
#spit-buttons .button:hover{ background:#4F337C; text-decoration:none;}
#spit-buttons .button.learn-more{ right:26%; left:inherit;}
#spit-buttons:hover{ background-color:rgba(0,0,0,0.7);}
#spit-buttons .button.solo{ left:22%;}


.page-template-give-a-spit{}
.page-template-give-a-spit {}
.page-template-give-a-spit .tribe-events-adv-list-widget{ height:520px; overflow:hidden; overflow-y:scroll;}
.page-template-give-a-spit .tribe-events-adv-list-widget .widgettitle,
.page-template-give-a-spit .tribe-events-adv-list-widget .tribe-events-widget-link{ display:none;}
.page-template-give-a-spit .tribe-events-adv-list-widget .list-date{float: left; margin:0 10px 20px 0; background:#4F337C; color:#FFF; padding:10px 5px; min-width:40px;}
.page-template-give-a-spit .tribe-events-adv-list-widget .list-date .list-dayname{ display:block; text-align:center;}
.page-template-give-a-spit .tribe-events-adv-list-widget .list-date .list-daynumber{ display:block; text-align:center; font:2.2em/1em "ArvoBold",Arial,Helvetica,sans-serif;}
.page-template-give-a-spit .tribe-events-adv-list-widget .vevent{ border-bottom:1px dashed #CCCCCC; padding:20px 0;}
.page-template-give-a-spit .tribe-events-adv-list-widget .country-name{ display:none;}
.page-template-give-a-spit .tribe-events-adv-list-widget .locality::after{ content:",";}
.page-template-give-a-spit .tribe-events-adv-list-widget h2.entry-title{ font-size:1.4em; }
.page-template-give-a-spit h2.dates-label{}

/* FLIP CLOCK */
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 22px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 35px;
  height: 50px;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 50px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 27px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 32px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 60px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -60px;
  color: white;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -65px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -65px; }

.flip-clock-dot.top {
  top: 20px; }

.flip-clock-dot.bottom {
  bottom: 10px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }