body { line-height:1.5; color:#666; font-family:'Arvo', serif; font-size:13px; margin:0px; padding:0px; }
a { text-decoration:none; font-weight:bold; }
a:link, a:visited { color:#111; }
a:hover, a:active, h1, h2, h3 { color:#00BFF4; }
h1, h2 { font-size: 1.5em; margin:0px; border:0px; }

.error { color:Red; }
.success { color:Lime; }
.center { width:990px; margin: 0px auto 0 auto; background-color:#FFF; }
.center.top { margin-top:10px; }

.headerTitle { margin-left:12px; font-weight:bold; display:none; }
.header { float:left; padding-top:30px; margin-left:40px; font-family:'Oswald', arial, serif;
    font-size:16px; text-transform:uppercase; width:415px; overflow:hidden; white-space:nowrap; }
.header a { color:#000; }
.header input[type=text] { width:365px; text-transform:uppercase; font-family:"Oswald" , arial, serif;
    color:#CCC; padding:1px; margin:0px; border:1px solid #CCC; }
.header input[type=button] { text-transform:uppercase; font-family:"Oswald" , arial, serif; color:#000;
    font-weight:bold; border:1px solid #CCC; background-color:#FFF; width:45px; cursor:pointer; }
.header a:hover { color:#00BFF3; }
.header a.mr { margin-right:13px; } 
.headerAd { width:728px; height:90px; margin:10px auto; background-color:#EEE; }
.logo { float:left; }
.logo img { border: none; padding:5px; width:312px; height:92px; }

.fbLike { padding-top:5px; overflow:hidden; width:70px; margin:1px 0px 0px 0px; float:left; }
.headerLogos { float:left; margin-left:5px; }
.headerLogos img { padding-top:5px; padding-left:1px; border:0px; }
.loginC { float:left; padding-top:26px; margin-left:35px; font-family:'Oswald', arial, serif; width:156px; }
.logoutC { float:left; padding-top:30px; margin-left:50px; font-family:'Oswald', arial, serif; width:141px; }
.logoutC div.fbName a { color:#00bff4; }
.hello { font-weight:bold; float:left; width:35px; height:21px; }
.fbName { float:left; font-weight:bold; color:#00BFF3; width:61px; overflow:hidden; height:21px; }
.logout { float:left; text-align:right; width:45px; height:21px; }
.logout a { color:Gray; font-size:12px; font-weight:normal; }
.fr { float:right; padding-top:4px; }
.tm { margin-bottom:40px; }
.ul { text-decoration:underline; }

#appAd { display:none;width:990px; height:150px; text-align:center; background-color:#EEE;margin-top:15px; }
#appAdClose { float:right;padding-right:15px;padding-top:10px; }

/**** Masonry CSS ****/
.wrap { background:#FFF; border:0px solid #456; padding:10px; margin-bottom:20px; border-radius:5px;
    clear:both; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.box { float:left; overflow:hidden; }
.feature { float:left; overflow:hidden; width:141px; }
.featureBig { float:left; overflow:hidden; width:300px; padding-left:17px; margin-bottom:17px; }
.story { width:141px; padding-left:17px; margin-bottom:17px; }
.storyFeature { width:141px; padding-left:17px; }
.advert { border:1px solid #DDD; padding:0px; margin:0px; }
.story div { padding-left:5px; }
.story p { font-size:smaller; }
.story p.category { margin-bottom:0px; }
.story p.news, .story p.video { margin-top:0px; }
.col2 { width:300px; }
.col3 { width:240px; }
.colAd { width:300px; height:275px; }
.col100 { width:1000px; }

#content .video a:link, 
#content .news a:link,
#content .video a:visited, 
#content .news a:visited,
.videosContainerFull a:link,
.videosContainerFull a:visited { color:#F56523; }
#content .video a:hover, 
#content .news a:hover,
.videosContainerFull .video a:hover,
#content .video a:active, 
#content .news a:active,
.videosContainerFull .video a:active { color:#00BFF4; }

.featureTitle { height:30px; overflow:hidden; margin-top:5px; }
#content .featureTitle a { line-height:1.18; font-weight:bold; font-size:13px; }
#content .story p.category a { text-transform:uppercase; font-size:small; }
#content .story p.desc { color:#000; font-size:smaller; }
div.feature div.featureDesc { display:none; }
.sep { border:1px solid #000; width:790px; margin-left:10px; margin-top:10px; margin-bottom:30px; height:0px; }
.videoBadge { background:#000; color:#FFF; font-size:x-small; font-weight:bold; padding:3px 5px 3px 5px; }

#mostPopular { float:left; overflow:hidden; height:1650px; }
#mostPopular div { width:150px; overflow:hidden; margin-bottom:10px; text-transform:capitalize; }
#mostPopular div a:link,
#mostPopular div a:visited { color: #f56523; }
#mostPopular div a:hover,
#mostPopular div a:active { color:#00BFF4; }
#mostPopular div img { width:145px; margin-bottom:5px; }

#sideAd { width: 150px; float: left; display:none; }

/* Infinite Scroll loader */
#infscr-loading { z-index:5000; position:fixed; left:40%; bottom:-200px; width:220px; height:40px; padding:10px;
    background:#000; opacity:0.8; color:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/* footer */
#footer { position:fixed; bottom:0; width:100%; height:30px; padding-top:5px; background-color:#000;
    font-family:'Oswald', arial, serif; text-transform:uppercase; color:#FFF; font-size:medium; z-index:100; }
#footer div a { color:#FFF; }
#footer div a:hover { color:#00BFF3; }
#topScrollLogo { margin-left:25px; padding-right:3px !important; float:left; }
#topScroll { width:110px; vertical-align:middle; cursor:pointer; float:left; }
#footerLinks { float:right; }
#footerLinks div { float:left; padding-right:20px; }
#footerLogos { float:right; padding-right:20px; }
#footerLogos img { padding-top:2px; padding-left:5px; border:0px; }

.bnqt { font-size:8px; color:#292929; text-transform:none; text-align:center; font-family:Arial; padding-top:7px; }
.bnqt a { color:#292929 !important; }
.bnqt a:hover { color:#00BFF3 !important; }

/* Modal PopUp */
/*Transparent background layer*/
#fade { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:9999; }
.popup_block { display:none; background:#fff; padding:0px; border:20px solid #ddd; float:left; font-size:1.2em; position:fixed;
    top:50%; left:50%; z-index:99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000;
    box-shadow:0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
img.btn_close { float:right; margin:-40px -40px 0 0; cursor:pointer; }
/*Making IE6 Understand Fixed Positioning*/
*html #fade { position:absolute; }
*html .popup_block { position:absolute; }

/* Pros Page */
.proAd { margin-left:75px; }
.proAdLast { margin-left:75px; padding-bottom:50px; }
.proColumn { float:left; width:300px; }
.proColumn1 { float:left; width:300px; margin-left:75px; }

/* embed */
#videoContainer { width:970px; height:546px; margin:auto; }
.videoMeta { width:970px; padding:10px 0; margin:auto; }
.videoMeta .share { position: relative; }
.videoMeta .share .title { float:left; width:420px; overflow:hidden; font-weight: bold; }
.videoMeta .share .ratingContainer { position:absolute; top:0; right:0; width:180px; }
.videoMeta .share .tweet { position:absolute; top:0; right:250px; }
.videoMeta .share .like { position:absolute; top:0; right:380px; }
.videoMeta .share .gplus { position:absolute; top:0; right:170px; }
.videoMeta .description { margin-bottom: 5px; }
.videoAdBottom { height:90px; width:728px; margin: 10px auto; background-color:#EEE; }

/* New Home */
.tabSelected { color:#00BFF4; }
.features { height:185px; }
.feature { width:144px; padding-left:17px; float:left; overflow:hidden; }
.feature .image img { width:174px; height:109px; border:0px; }
.sectionTitle { height:31px; }
.sectionTitle h2 { float:left; }
.sectionTitle .tabs { float:right; line-height:31px; font-weight:bold; margin-right:10px; }
.videosTab, .newsTab { cursor:pointer; }

.videosContainerFull .video,
.day .video { float:left; width:257px; height:250px; padding-left:15px; margin-bottom:15px; }
.day .video img { width:250px; height:187px; border:0px; }

.videosContainerFull .video {
    float:left; 
    width:300px; 
    height:288px; 
    padding-left:15px; 
    margin-bottom:15px;
}
.videosContainerFull .video img {
    width:300px; 
    height:225px;
    border:0px;
}

.videosContainerFull .video img,
.day .video img,
.feature .image img,
#mostPopular div img { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease;
                      -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }

.videosContainerFull  .video img:hover,
.day .video img:hover,
.feature .image img:hover,
#mostPopular div img:hover { opacity:.4; }

.day .news { float:left; width:192px; height:210px; padding-left:12px; margin-bottom:15px; }
.day .news .imageContainer { width:192px; height:143px; overflow:hidden; }
.day .news .imageContainer img { width:192px; border:0px; }
.day .news .descContainer { width:172px; height:123px; overflow:hidden; background-color:#EEE; padding:10px; }

.videosContainerFull .title,
.day .title { height:36px; overflow:hidden; padding:0px; margin:0px; }
p.title a { text-transform:capitalize; }

.videosContainerFull .category,
.day .category { padding:0px; margin:5px 0px 0px 0px; }

.videosContainerFull .category a,
.day .category a { text-transform:uppercase; color:#000 !important; font-size:12px; }

.videosContainerFull {
    margin:10px 0 30px 12px;
}

.day { margin-bottom:5px; }
.dayAd { width:728px; margin:0 auto 20px auto; height:90px; background-color: #EEE; }
.spacer { margin-bottom:50px; text-align:center; font-size:22px; font-weight:bold; line-height: 31px; color:#000; }
.spacer img { vertical-align:text-bottom; margin-right:10px; }
#page_nav { margin-bottom:50px; text-align:center; }
.edit { position:absolute; bottom:60px; left:10px; font-size:x-large; z-index:100; background-color:grey; }
.edit a { padding:5px; }
.featureIt { position:absolute; bottom:20px; left:10px; font-size:x-large; z-index:100; background-color:grey; }
.featureIt a { padding:5px; }



/* Videos */
#viewVideosBox { height:1085px; margin-bottom:70px; }
#viewVideosBox .vidlist { width:978px;margin:auto; }
#videosBox404 { height:850px; margin-top:15px; }
#viewVideosBox .video,
#videosBox404 .video { position:relative; float:left; width:300px; height:226px; cursor:pointer; margin:10px; border:3px solid #DDD; }
#viewVideosBox .video:hover,
#videosBox404 .video:hover { border:3px solid #00BFF4; opacity:.4; }
#viewVideosBox .video img,
#videosBox404 .video img { width:300px; height:226px; border:none; background-color:Black; }
#viewVideosBox .video .title,
#videosBox404 .video .title { color:#00BFF4; font-weight:bold; background:#000; position:absolute; bottom:10px; left:0px; width:300px;
	padding:3px 0px 2px 5px; white-space:nowrap; overflow:hidden; -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.5); text-align:left; }
#viewVideosBox a,
#videosBox404 a { color:#00BFF4; font-weight:bold; text-transform:uppercase; }

.tabsContainer {
    margin:20px 10px 10px 10px;
    height:50px;
}

ul.tabs {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.tabs li {
    background-color: #111;
    color: #CCC;
    text-shadow: none;
    line-height:50px;
    height:50px;
    text-align: center;
    text-transform:uppercase;
    float:left;
    width:50%;
    cursor:pointer;
}

ul.tabs li div {
    border-left: 1px solid #404040;
    border-right: 1px solid #000;
}

ul.tabs li.selected {
    color:#FFF;
    font-weight:bold;
    background-color: #000;
}

.more {
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
}

.more a {
    color: #000;
}