body { background: #fff url('../graphics/2014/page-bg.png') top left repeat-x; font-family: 'Roboto', sans-serif; }

h1 { font-size: 32px; }

a:hover { text-decoration: none; }

.outer-container { position: relative; }

nav.navbar {
	padding-top: 120px;
	position: relative;
}

nav .navbar-header img.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #c3c3c3; }
nav ul.nav.navbar-nav { margin-left: 210px; }
nav ul.nav.navbar-nav.navbar-right { margin: 0 0 0 0; }
nav ul.nav.navbar-nav > li { border-right: solid 1px #c3c3c3; height: 37px;  position: relative; top: 1px;}
nav ul.nav.navbar-nav > li:first-child { border-left: solid 1px #c3c3c3; }
nav ul.nav.navbar-nav.navbar-right > li { border: none; }
nav ul.nav.navbar-nav > li > a { text-transform: uppercase; padding: 9px 6px 9px 6px; }
nav.navbar { border: none; background-color: transparent; }

.collapse.navbar-collapse { padding-right: 0px; }

.navbar-right .search { width: 237px; }
.navbar-right #cse-search-form { position: relative; top: -4px; left: 3px; }
#cse-search-form td.gsc-clear-button { display: none !important; } 
#cse-search-form table.gsc-search-box td.gsc-input { padding-right: 0px; }
.navbar-right .social { 
	position: relative; 
	width: 145px;; 
	height: 40px; 
	display: block; 
	white-space: nowrap;
}
nav ul.nav.navbar-nav > li.social > a {
	margin-top: 7px;
	margin-right: 2px; 
}
nav ul.nav.navbar-nav > li.social > a:first-child { margin-left: 5px; }
nav ul.nav.navbar-nav > li > a.email { 
	font-size: 25px;
	padding: 9px 0 9px 6px;
	display: inline-block;
}
.navbar-right a.email {
	display: inline-block;
	width: 24px; height: 24px;
	background: transparent url('../graphics/email-icon.png') top left no-repeat;
}
.navbar-right a.apps {
	display: inline-block;
	width: 24px; height: 24px;
	background: transparent url('../graphics/x17app.png') top left no-repeat;
}
.navbar-right a.facebook { 
	display: inline-block;
	width: 24px; height: 24px;
	background: transparent url('../graphics/fb_24.png') top left no-repeat;	
}
.navbar-right a.twitter { 
	display: inline-block;
	width: 24px; height: 24px;
	background: transparent url('../graphics/twitter_24.png') top left no-repeat;	
}
.navbar-right a.youtube { 
	display: inline-block;
	width: 24px; height: 24px;
	background: transparent url('../graphics/youtube_24px.png') top left no-repeat;	
}


#mainColumn .post-content img.floatRight { float: right; margin-left: 10px; }
#mainColumn .post-content img.floatLeft { float: left; margin-right: 10px; margin-top: 5px; }
#mainColumn .youtube { clear: both; width: 460px; overflow: hidden; }
#mainColumn .exclusive, #rightColumn .exclusive { color: #FF0033; }
.clear { clear: both; }
.coral { #ff0033; }

h1#pageHeader { 
	font-size: 20px;
	text-transform: uppercase;
	color: #009999;
	margin: 0 0 0 0;
	padding: 10px 0 10px 15px;
	background-color: #f4f4f4;
	border: solid 1px #ccc;
	position: relative;
}

#pageHeader #archiveNav { width: 30%; position: absolute; right: 4px; top: 4px; text-align: right; }
#pageHeader #archiveNav select { 
	width: auto;
	display: inline-block; 
}


/* --- HOMEPAGE -- */
#pageType_home #mainColumn > .post,
#pageType_list #mainColumn > .post {
	padding: 20px 0 20px 0px;
	margin: 0px 0px 0px 0px;
	border-top: solid 2px #000;
}

#pageType_home #mainColumn > .post:first-child, 
#pageType_list #mainColumn > .post:first-child { border-top: none; }
#pageType_home #mainColumn .comments-link a { text-transform: uppercase; color: #ff0033; font-weight: bold; }




/* --- TOP MODULE (hp only) --- */
#topModule { display: none; }
#pageType_home #topModule { position: relative; display: block; width: 100%; height: 360px; margin-bottom: 30px; }
#topModule .right {
	position: absolute; right: 0px; top: 0px;
	width: 215px; overflow: hidden; height: 363px;
}
#topModule .right .item { 
	height: 72px; 
	margin-bottom: 3px; 	
	position: relative;
	z-index: 30;
}
#topModule .right .item:last-child { margin-top: -1px; }
#topModule .right .item .contain { 
	background-color: #d6d6d6;
	width: 174px; height: 65px;
	position: absolute; right: 0px; top: 0px;
	display: table;
}

#topModule .right .item .title { 
	color: #333; font-size: 85%; padding-left: 72px; padding-right: 5px; display: block; 
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
}
#topModule .right .item .thumb { 
	position: absolute; right: 105px; top: 0px; 
}
#topModule .right .item.active { 
	background: transparent url('../graphics/2014/top-module-red-arrow.png') right -3px no-repeat;
}
#topModule .right .item.active .title { color: #fff; vertical-align: middle; }
#topModule .right .item.active .contain { background-color: transparent; }
#topModule .caption { 
	position: absolute; left: 0px; bottom: -3px; padding: 8px 30px 8px 8px; 
	width: 520px; color: #fff; 
	background: transparent url('../graphics/2014/top-module-caption-bg.png') top left;
	z-index: 10;
	font-size: 16px;
}



/* --- POST DISPLAY (LIST) --- */
.media.listDisplay img.media-object { width: 85px; height: 85px; }
.media.listDisplay .media-heading a { color: #ff0033; }
#pageType_list #hp_pagination { margin-top: 1em; }


/* --- POST DISPLAY --- */
#mainColumn .post a { color: #00CCCC; }
#mainColumn .post h1.title a { color: #333333; }
#mainColumn .post h1.title a:hover { color: #00CCCC; }
#mainColumn .post h1.title { margin-top: 0px; }
#mainColumn .post p.date { font-size: 90%; color: #666;}
#mainColumn .postsoc { float: right; text-align: right; position: relative; top: -5px; }
#mainColumn .post-content img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
#mainColumn .post .post-bottom { margin-top: 20px; }
#mainColumn .post .post-bottom .links { margin-top: 20px; }

#mainColumn .post .links a { color: #ff0033; font-weight: bold; }


#mainColumn .intra-post {
	background-color: #e6e6e6;
	border-top: solid 2px #000;
	padding: 30px 0 30px 0;
}
#mainColumn .intra-post.ip7 { padding: 0 0 0 0; }


#mainColumn .post .galleryPreview { margin-top: 2em; }
#mainColumn .post .galleryPreview strong { color: #ff0033; }
#mainColumn .post .galleryPreview a { color: #333; }

#mainColumn .post .galleryPreview img {
	width: 100px;
	margin: 5px;
	border: solid 1px #fff;
}


#mainColumn .post .video-container { margin: 1em 0 1em 0; display: block; height: auto; }
#mainColumn .post ul { 
	background: none repeat scroll 0 0 #EDEDED;
	margin: 10px 10px 0 10px;
	padding: 10px 10px 10px 10px;
	list-style-position: inside;
}

#mainColumn .post .zergnet.ad { 
		margin-bottom: 1em; 
		margin-top: 1em; 
}
#mainColumn .post .zergnet.ad { 
		/* text-transform: uppercase; */
		color: #ff0033;
		font-weight: bold;
}

/* --- ADS --- */
#topBanner {
	position: absolute;
	top: 18px;
	right: 14px;
	z-index: 2;
	width: 728px; height: 90px; border: none;
}


.placeholder { border: solid 1px #333; background-color: #eee; }


#hp_pagination, #video_pagination { border-top: solid 3px #ff0033; text-align: right; margin-bottom: 30px; padding-top: 20px; }
#hp_pagination a, #video_pagination a {
	display: inline-block;
	color: #ff0033;
	border: solid 1px #ff0033;
	margin-left: 10px;
	background-color: #f2f2f2;
	font-size: 130%;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}




/* --- gallery pages --- */

#rightColumn .other_galleries ul {
	list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;

}







/* --- VIDEOS PAGE --- */

#videoPage { position: relative; background-color: #000; }
#videoPage h1 { color: #fff; position: absolute; left: 12px; top: -8px; font-size: 20px; font-weight: bold; }
#videoPage .player { float: left; width: 580px; margin: 44px 10px 10px 10px; }
#videoPage .topVideos { 
	float: left; 
	width: 425px; 
	margin-top: 44px;
	border-bottom: solid 2px #3f3f3f;
	border-top: solid 2px #3f3f3f;
	border-collapse:collapse;
}
#videoPage .topVideos .previewCol .preview { width: 80px; }
#videoPage .topVideos .descriptionCol h2 { font-size: 16px; margin: 0 0 0 0; }

#videoPage .topVideos .descriptionCol { 
	padding: 3px 7px; 
	height: 54px; 
	overflow: hidden; 
	margin-left: 0px;
	padding: 4px; 
	color: #fff;
}
#videoPage .topVideos .descriptionCol span.date { font-size: 12px; }
#videoPage .topVideos td p { padding: 0px;  }
#videoPage .topVideos td { border-bottom: solid 1px #7f7f7f; margin: 0px;  }
#videoPage .topVideos .last td { border-bottom: none;  }
#videoPage .topVideos .active td { background-color: #333333; }

#videoPage .search {
  position: absolute; right: 0px; top: 0px;
  text-align: right;
  color: #ff0033;
  width: 480px;
}
#videoPage .search img { position: absolute; top: 6px; right: 260px; z-index: 110; cursor: pointer; }
#videoPage .search .qry {
  position: absolute; right: 25px; top: 5px;
  background-color: #fff; width: 230px; height: 24px;
  padding-left:30px;
  z-index: 100;
}
#videoPage .search label { position: absolute; top: 10px; right: 290px; font-size: 14px; }

#videoPage .below { background-color: #fff; padding: 15px 0 15px 0; }
#videoPage .upNow { font-size: 16px; font-weight: bold; }
#videoPage .upNow span { color: #ff0033; }
#videoPage .postedOn { float :left; margin: 15px 20px 0 0; }
#videoPage .tags { float: left; margin: 15px 0 0 0; }
#videoPage .tags ul { list-style-type: none; padding-left: 0px; display: inline;  }
#videoPage .tags li { display: inline; border-right: solid 1px #ff0033; padding: 0 5px;  }
#videoPage .tags li a { color: #ff0033; }
#videoPage .tags li.last { border-right: none; }

#videoPageAd { margin-top: 20px; }

#moreVideos { margin: 20px 0 20px 0; }
#moreVideos h2 { 
	font-size: 20px;
	font-weight: bold;
	background-color: #f4f4f4;
	border: solid 1px #ccc;
	padding: 5px 5px 5px 10px;
}
#moreVideos .vid { float: left; width: 150px; margin: 0 27px 10px 0px; text-align: left; }
#moreVideos .vid.num0 { margin-right: 0px; }
#moreVideos .vid img { width: 150px; margin-bottom: 5px; border: solid 1px #fff; }
#moreVideos .vid:hover img { border: solid 1px #ff0033; }
#moreVideos .vid a { color: #000; font-size: 13px; }
#moreVideos .vid:hover a { color: #ff0033; text-decoration: none;  }




/* --- MODULES --- */
#rightColumn > .item { margin-bottom: 22px; }
#Gallery_Tile img { width: 100%; }

#Celeb_Tweets, #X17_Tweets { 
	background-color: #e6e6e6; 
	padding: 5px;
}
#Celeb_Tweets h3, #X17_Tweets h3 { 
	margin: 5px 0 10px 0; 
	font-size: 120%;
	text-transform: uppercase;
	font-style: italic;
}

#FaceOff { 
	background-color: #99ffff;
	padding-bottom: 10px;
}
#FaceOff .below_face_off { 
	margin: 7px 5px 0 5px;
	font-size: 110%;
	text-align: center;
	
}
#FaceOff .options {
	border-bottom: solid 2px #333;
	padding: 0px 0 5px 0;
	margin: 10px 0 10px 0;
}
#FaceOff .below_face_off .face_off_vote { margin-right: 10px; }
#FaceOff .below_face_off .face_off_vote, #FaceOff .below_face_off .face_off_results { cursor: pointer; }
.faceOff .face_off_results .face_off_bar,
#FaceOff .face_off_results .face_off_bar { height: 18px; background-color: #ff0033; display: block; float: left; margin-right: 10px; }
table.face_off_results { width: 100%; }
.faceOff td.name { text-align: left; }
.faceOff td.bar { font-weight: bold; text-align: left; }

#Story_Links .contain .media { margin-top: 5px; }
#Story_Links .contain .media a { color: #333; font-size: 14px; line-height: 18px; }
#Story_Links h3 {  
		margin: 0 0 0 0; 
		font-size: 18px; 
		padding: 4px; 
		background-color: #99ffff;  
		border-bottom: solid 3px #ff0033;
}
#Story_Links h3 span { color: #006666; font-weight: bold; }
#Story_Links .contain .media { background-color: #e6e6e6; }
#Story_Links .contain .media-body { padding-top: 5px; padding-right: 10px; }
#Story_Links .contain .media-body .below { font-size: 80%; color: #999; }
#Story_Links .contain .media-object { width: 110px; }
#Story_Links .media.set1 { display: none; }
#pageType_home #Story_Links .media.set0 { display: none; }
#pageType_home #Story_Links .media.set1 { display: block; }


/* --- follow youtube -- */
#Follow_Youtube { 
	width: 300px; height: 130px; overflow: hidden;
	background: transparent url('/graphics/youtube-subscribe.png') top left no-repeat;
}
#Follow_Youtube .contain { 
	margin: 68px 0 0 5px;
}

/* --- Polls --- */
.poll {
	background-color: #e6e6e6;
	width: 100%;
	padding: 14px;
}

.poll h3 {  margin: 0 0 2px 5px; font-size: 18px; padding-top: 4px;  }
.poll h3 span { color: #006666; font-weight: bold; }
.poll input {
	background-color: #ffffff;
	width: 100%;
	color: #ff0033;
	text-transform: uppercase;
	font-weight: bold;
	border: solid 2px #d5d5d5;
	font-size: 150%;
}
.poll table input { width: auto; }
.poll .question { background-color: #66ffff; border-top: solid 2px #ff0033; padding: 7px; color; #333333; font-size: 21px; }

.poll .poll_bar { background-color: #ff0033; height: 10px; display: inline-block; position: relative; top: 5px; }


.poll { background-color: #99ffff; padding: 0 0 0 0;}
.poll .answers { 
	width: 100%;
	background-color: #ccffff;
	border-bottom: solid 2px #ff0033;
	border-top: solid 2px #ff0033;
	padding-bottom: 3px;
}
.poll .table { margin-bottom: 0; }


.poll .poll-buttons a { 
	display: inline-block; text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 3px 10px 3px 7px;
}
.poll .poll-buttons a.vote { 
	background-color: #006666;
	color: #66ffff;
}
#mainColumn .poll .poll-buttons a.results, .poll .poll-buttons a.results { 
	color: #006666;
}



.poll .poll_results { 
	width: 100%;
	background-color: #ccffff;
	border-top: solid 2px #ff0033;
	border-bottom: solid 2px #ff0033;
}
.poll .poll_results tr td:first-child { padding-left: 7px; }
.poll .poll_results tr:first-child td { padding-top: 4px; }
.poll .poll_results tr:last-child td { padding-bottom: 4px; }
.poll td.bar { font-weight: bold; }

.post .poll, #rightColumn .poll { margin: auto auto;  }
.poll .contain img { width: 100%; display: inline-block; border-top: solid 2px #ff0033; }
.poll .answers .table  tr td { border-top: none; padding: 2px 8px 2px 8px; }
.poll .below-results { background-color: #66FFFF; height: 30px; width: 100%; } 



/* main col poll customizations */
#pageType_polls #mainColumn .col0 { border-right: solid 1px #ccc; padding-left: 0; }
#pageType_polls #mainColumn .col1 { padding-right: 0; }

#pageType_polls #mainColumn .col0, #pageType_polls #mainColumn .col1 {  margin-bottom: 0; }
#pageType_polls #mainColumn .poll { margin-bottom: 1em; }

#Video_of_the_Day .header { 
	background: #18596c url('../graphics/2014/votd-header.png') top left no-repeat;
	width: 314px; height: 32px; overflow: hidden; position: relative;
}
#Video_of_the_Day .header a { 
	color: #fff; 
	position: absolute; right: 8px; top: 8px;
	font-size: 12px;
}

/* -- in post poll tweaks -- */
#mainColumn .poll img { display: none; }
#mainColumn .poll .question { background-color: #ccffff; }
#mainColumn .poll .answers { border-top: none; }
#pageType_home .poll { clear: both; margin-bottom: 1em; }
#pageType_polls .poll img { display: inline-block; }



/* --- FOOTER --- */
#footer {
	background-color: #d5d5d5;
}
#footer > .container { position: relative; }
#footer img.logo { position: absolute; left: 0px; top: 1em; }
#footer .nav a { color: #333; }
#footer .nav.large a { text-transform: uppercase; font-size: 130%; }

#footer .bottom-right { padding-right: 110px; padding-top: 1em; }
#footer .bottom-right a { color: #009999; }

#footer ul.logos {
	list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;
	position: absolute; right: 0px; top: 1em;
}
#footer ul.logos li { display: inline-block; }
#footer ul.logos li a {
	background-color: transparent;
	background-image:  url('../graphics/2014/footer-icons.png');
	background-position: 0 0;
	display: block; 
	overflow: hidden;
	width: 33px;
	height: 33px;
	text-indent: -99999px;
}
#footer ul.logos li a.twitter { background-position: -43px 0px; }
#footer ul.logos li a.email		{ background-position: -83px 0px; }


#footer .row .nav { margin-left: 20px; margin-top: 5px; }
#footer .row .nav.small { margin-top: 0px; }

#footer .row .nav-pills.large a { padding: 7px 7px 0px 7px; }
#footer .row .nav-pills.small a { padding: 4px 7px 0 7px; }

/* -- OVERRIDING RESPONSIVE -- */
body .container.outer-container, #footer .container { width: 1050px !important; }
#mainColumn{ width: 724px; margin-right: 12px; }
#pageType_videos.container #mainColumn{ 
		width: 100%; 

		margin-right: 0px;
		padding-right: 0px;
}


#rightColumn { width: 300px !important; padding: 0 0 0 0; margin: 0 0 0 0; }



/* --- PARTNER LINKS MODULE --- */
#mainColumn .intra-post.partner-links { 
	text-align: left;
	padding: 30px 15px 30px 15px;
}
#mainColumn .intra-post.partner-links.text-links { 
	padding-top: 0;
}
.partner-links .link-image {
	float: right; 
	width: 346px;
	position: relative;
	margin-left: 1em;
}
.partner-links h3 { margin-top: 0; }
.partner-links a { color: #ff0033; }
.partner-links .link-image img { 
	width: 346px; height: 195px;
}
.partner-links .link-image .domain { 
	position: absolute;
	left: 0px; top: 0px;
	padding: 0.2em 0.3em;
	background: transparent url('../graphics/2014/top-module-caption-bg.png') top left;
}
.partner-links .link-image .domain span a { 
	color: #fff;
	text-transform: uppercase;
}

#mainColumn .intra-post.partner-links.text-links { border-top: none; }

.text-partner-link:first-child {
	border-top: solid 2px #000;
	padding-top: 2em;
}
.text-partner-link {
    text-align: left;
    padding: 1em 0 1em 0;
    border-bottom: solid 1px #999999;
}
.text-partner-link:last-child { border-bottom: none; }

.text-partner-link p { 
	margin: 0 0 0 0;
}

.text-partner-link a { 
    color: #333;
   font-weight: bold;
    padding-right: 2em;
    display: inline-block; text-align: left;
}
.text-partner-link span.domain { color: #999; }

#rightColumn .item { margin-bottom: 15px; }

.post .video-embed { height: 390px; }
.post .video-embed iframe { height: 100%; width: 100%; }


/*
.post .video-embed { 
	position:relative;
	padding-bottom:75%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}
.post .video-embed iframe { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
*/

/* ---- MOBILE tweaks ---- */
html { overflow-x: hidden; }
body.current-viewport-xs, body.current-viewport-sm { background-image: none; overflow-x: hidden; font-size: 16px; }
body.current-viewport-xs .container.outer-container, body.current-viewport-sm #footer .container { width: 100% !important; }
body.current-viewport-sm .container.outer-container, body.current-viewport-sm #footer .container { width: 100% !important; }

body.current-viewport-xs nav ul.nav.navbar-nav, body.current-viewport-sm nav ul.nav.navbar-nav {
	margin-left: 0;
}

body.current-viewport-xs nav ul.nav.navbar-nav > li:first-child, body.current-viewport-sm nav ul.nav.navbar-nav > li:first-child { 
	border-left: none; 
}
body.mobile nav.navbar { padding-top: 60px; margin-bottom: 0; }
body.mobile nav ul.nav.navbar-nav > li { 
	display: inline-block;
	border-right: none;
}

body.current-viewport-sm #mainColumn, body.current-viewport-xs #mainColumn { width: auto; margin-right: 0px; float: none; }
body.current-viewport-sm #mainColumn .intra-post, body.current-viewport-xs #mainColumn .intra-post { display: none; }

body.current-viewport-xs #mainColumn .youtube,
body.current-viewport-sm #mainColumn .youtube { clear: both; width: 300px; overflow: hidden; }
body.current-viewport-sm #mainColumn .post-content img,
body.current-viewport-xs #mainColumn .post-content img { width: 100%; }
body.current-viewport-xs #rightColumn,
body.current-viewport-sm #rightColumn { width: 100% !important; padding-left: 15px; padding-right: 15px; }

body.current-viewport-xs h1 { font-size: 24px; }
body.current-viewport-xs .poll .question { font-size: 18px; }

body.mobile #videoPage .player {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
}
body.mobile #videoPage h1 { position: relative; top: 3px; left: 3px; }
body.mobile #moreVideos .vid { 
	float: none; width: 100%; margin: 15px 0 8px 0; 
	text-align: center;
}
body.mobile #moreVideos .vid a img { width: 100%; }
body.mobile #videoPage .topVideos { width: 100%; }

/* --- mobile ad tweaks --- */
.mobile-banner { margin-bottom: 5px; width: 100%;  }
.mobile-intra-post > div.ad-container { 
	margin: auto auto;
	width: 300px;
}
.mobile-intra-post { margin-bottom: 1em; }

.mobile-banner .ad-container { width: 320px; margin: auto auto; }

#mainColumn .post-content { clear: both; }

#yappa-comments-frame { margin-top: 1em; }