/* filename syntax:
v5 = incremented each time we change the file, to combat browser caching. After v9 comes v0 again */

/* BEGIN PURE HTML TAGS */

body
{
	/*background-image: url('bg.jpg');*/
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	/*color: #000;*/
	font-size: 11px;
	text-align: center; /* for IE <6 */
}

div
{
	text-align: left; /* to counter the above */
}

a img
{
	border: 0px none;
}

input
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

select
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

textarea
{
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
	font-size: 11px;
}

/* END PURE HTML TAGS */


/* BEGIN MAIN LAYOUT ELEMENTS
These are the main divs used to position everything.
Roughly ordered from top to bottom of the HTML code (NOT the apparent top-to-bottom order when you render the page in a browser) */

#ads_top2 {
	height: 180px;
}

#wrap4portraitad {
	width: 1254px;
	margin: 0 auto;
	overflow: hidden;
}

#pagebody
{
	/* centering using auto margins, which means the browser makes both margins equal, in effect centering the div */
	margin-left: auto;
	margin-right: auto;

	width: 954px;

	position: relative;
	z-index: 10;
/*
	-webkit-transition: margin-top 1s ease-in-out;
	-moz-transition: margin-top 1s ease-in-out;
	-o-transition: margin-top 1s ease-in-out;
	-ms-transition: margin-top 1s ease-in-out;
	transition: margin-top 1s ease-in-out;
*/
}
/*
#pagebody.expanded {
	margin-top: 400px;
}
*/

#pagebody2
{
	background-color: #434449;
	border-style: solid;
	border-color: #111;
	border-width: 8px 8px 0px 8px;
	/* width: 938px; */
}

#pagebody #mainfooter {
	margin-top: 0px;
}


#logo
{
	background-color: #ffffff;
	background-image: url('logo.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 84px;
}
#logospc /* spc are spacers, with the same size as the main rule, but without their background colors and such stuff */
{
	height: 84px;
}


#content
{
	background-color: #ffffff;
	width: 938px;
	overflow: hidden;
}
/* END MAIN LAYOUT ELEMENTS */


/* BEGIN CLASSES SPECIFIC FOR THE GRTV PAGE */
h1#userTvTitle{
    font-size: 24px;
}

#content h3{	color: #ffffff; font-size: 14px; font-weight: bold;	margin: 0px;padding: 0px;}

#layer_ad_preroll, #layer_ad_postroll{width: 548px;	height:339px;overflow:hidden;}
#layer_vid{	width: 548px;height: 339px;text-align: center;}
.centerad{width: 548px;	text-align:center;}
.centerad img,.centerad object,.centerad iframe,.centerad embed,#layer_vid object,#layer_vid embed{	margin-left: auto;margin-right: auto;}



#videoinfo {	background-color: #000000;	width: 100%;    padding-left:2%;	padding-right:2%;	padding-top: 10px;	padding-bottom: 10px;	float: left;}
.grtvtitle {	color: #ffffff;	font-size: 14px; font-weight: bold;	max-width: 555px;}
.sendtofriend {	color: #ffffff;	float: right;	margin-top: 10px;	height: 20px;}
#videoinfo .grtvdate {	height: 20px;}
.grtvdescribtion {	color: #ffffff;	float: left;	margin-top: 10px;	margin-bottom: 6px;	max-width: 382px;}
.cleartoleft {	clear: left; }
.repreview {	color: #ffffff; font-weight: bold}
.repreview a{color: #0ae;font-size: 10px;font-weight: bold;}
.embedfield{float: right;}
.embedfield input{background-color: #EFEFEF;	border: 1px #000000 solid;}
.embedtext{color: #000000;font-weight: bold;vertical-align: middle;	line-height: 16px;}
/* END CLASSES SPECIFIC FOR THE GRTV PAGE */


/*USERTV SPECIFIC CODE*/
.contentwrapper {margin-left: 14px; margin-right:14px;}
/*.hbar1wrapper{margin-top:15px;}*/
div.headerWrapper{margin-bottom: 15px;}
div.artistyle1.leftbox{	margin-top:0 !important; }

.videoGrid div.row{display:table;}
.videoGrid div.big{position: relative; width:66.66%; float:left; overflow:hidden; cursor: pointer;}
.videoGrid div.two{width:33.33%; float:left;}
.videoGrid div.small{position: relative; width:33.33%; float:left; overflow:hidden; cursor: pointer;}
.videoGrid div.two div.small{width: auto; float:none;}
.videoTitle { padding-left: 43px; position:absolute; height: 36px; left:26px; bottom: 13px; color:#fff; text-transform: uppercase; width:70%; }
.videoTitle h3{font-weight: bold; line-height: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 15px;}
.videoTitle p{line-height: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 15px; margin:0; padding:0;}
div.row  a .button{height: 100%; margin:0;}

.sortbar{ margin-bottom: 15px;}
.contentwrapper .videoGrid img{display:block;}
.videowrapper {background-color: #000000;}
.colwide {/*width: 645px;*/ width:66%; margin-right: 1%;}
.colthin {margin-top:1%; margin-bottom:15px; width:30% !important;}
#likebuttons { background-color: #000; width: 96% !important; min-width: 96%; padding-left:2%; padding-right:2%; height: 22px; margin-top:0px; display:block;}
#facebooklike { }
#googleplusone { float: left; margin: 0px 0px 0px 0px; width: 70px; overflow: hidden; }
#twittershare { float: left; margin: 0px 0px 0px 0px; overflow: hidden; }
.pinterestIt { float: left; margin: 0px 6px 0px -20px; overflow: hidden; }
#abuseForm {clear:both;}
#abuseForm ul {list-style:none;}
.abuseFormButton {clear:both; float:left;}
#articlesForTextTypeimage.colthin {height: 680px; overflow: auto;}
article.rowWrapper {position: relative; margin-right:5px; margin-bottom:5px; width:325px; height:81px; overflow:hidden;}
.commentslist {margin-top: 15px;}
.comments { clear:both;}
.dottedlist article:first-child{padding-top:0px; }
.artistyle1 .imgrow a.userVideo {	margin-left: 14px; }
.artistyle1 .imgrow a.userVideo:first-child{margin-left: 0px; }
.artistyle1 .imgrow h3.userVideo { width: 212px; }
.artistyle1 .imgrow .thumb { width: 232px; height:154px;}
.readmorebox { background-color: #0ae; padding: 0px 0px 0px 6px; margin-top:15px;}
.readmorebox a { color: #fff; }

.moreMoreStreams {
	width: 97%;
    padding: 1.5%;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
	cursor: pointer;
}

.moreMoreStreamsWrapper {
	display: none;
	padding: 1em;
}


#articlesForTextTypeimage > div > article > p {
    display: table-footer-group;
}

.menuItem {
	padding:1em 0.7em !important;
}