@import 'memelabs2.css';

.clear {
   clear:both;
   }
.subTitle {
	font-size: 10px;
	color: #666666;
}
.notification { 
 
	background-color: #B3FFB3;
	font-weight: bold;
	color: #006600;
	border: 1px solid #00FF99;
	padding: 3px;
}
h2 {
   font-size:14px;
   padding:0;
   margin:0;
   }
input, textarea, select {
   background:#f3f3f3;
   border:1px solid #ccc;
   padding: 0px 0px 0px 3px;
   font-family: Arial, Verdana, sans-serif;
   color:#333;
   font-size:11px
   }
/*----nav-----*/
#nav {
   background: url(../_img/nav_bg.png) top left repeat-x;
   height:30px;
   }
#nav ul {
   list-style-type:none;
   margin:0px;
   padding:0px;
   }
#nav ul li {
   float:left;
   }
#nav ul li a {
   display:block;
   height:30px;
   overflow:hidden;
   }
#nav .blog a {
   background: url(../_img/nav_blog.png) top left no-repeat;
   width:101px;
   border-right:1px solid #d1d1d1;

}
#nav .home a {
   background: url(../_img/nav_home.png) top left no-repeat;
   width:101px;
   border-right:1px solid #d1d1d1;
   border-left:1px solid #d1d1d1;
   }
#nav .categories a {
   background: url(../_img/nav_categories.png) top left no-repeat;
   width:137px;
   border-right:1px solid #d1d1d1;
   }

#nav .contest a {
   background: url(../_img/nav_contests.png) top left no-repeat;
   width:124px;
   border-right:1px solid #d1d1d1;
   }
#nav .about a {
   /*background: url(../_img/nav_about.png) top left no-repeat;*/
   background: url(../_img/nav_forbrands.png) top left no-repeat;
   width:108px;
   border-right:1px solid #d1d1d1;
   }
#nav ul li a:hover, #nav ul li.sfhover a {
   background-position:0 -30px;
   }
#nav ul li.selected a, #nav ul li.selected a:hover  {
   background-position:0 -60px;
   }

#nav li ul { /* second-level lists */
   position: absolute;
   background:#ddd;
   border:1px solid #ccc;
   padding:1px 1px 0 1px;
   width: 175px;
   left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
   left: auto;
   z-index:1000;
   }
   


#nav li.categories ul li a,
#nav li.contest ul li a,
#nav li.about ul li a,
#nav li.home ul li a,
#nav li.blog ul li a {
   background:#fff;
   color:#666;
   margin-bottom:1px;
   padding:4px 10px;
   border:1px solid #bbb;
   height:14px;
   width:153px;
   }
#nav li.categories ul li a:hover,
#nav li.contest ul li a:hover,
#nav li.about ul li a:hover,
#nav li.home ul li a:hover,
#nav li.blog ul li a:hover {
   background:#ccc url(../_img/subnav_bg.png) top left repeat-x;
   text-decoration:none;
   border:1px solid #666;
   color:#333;
   }

#nav li.slide
{
	/*width:670px;*/
}
#nav li ul li ul.slide { /* third-level lists */
	position: relative;
	padding:1px 1px 0 1px;
	width: 247px;
	/*left: 247px;*/
	/*top:0px;*/
	float:left;

	background:#ddd;
	border:1px solid #ccc;
	
	
	/* display:none;
  left:-999em;*/
   /*left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li.slide:hover ul.slide
{
	
  /*left:0em;*/
  /* float:left;
   left: 175px;
   top:0px;
   z-index:1500;*/
   /*display:list-item;*/
   border:solid 1px #ee0000;
}

#nav li.contest ul li.slide a
{
	background:#fff;
	color:#666;
	margin-bottom:1px;
	padding:4px 10px;
	border:1px solid #bbb;
	height:14px;
}

#nav li.contest ul li.slide a:hover
{
	background:#ccc url(../_img/subnav_bg.png) top left repeat-x;
	text-decoration:none;
	border:1px solid #666;
	color:#333;
}
#nav li.contest ul li a.previous_contests { background-image:url('../_img/nav_previouscontests.jpg'); width:247px; height:24px; margin:0; padding:0; }
#nav li.contest ul li a.previous_contests:hover { background-image:url('../_img/nav_previouscontests_on.jpg'); } 
 
/*----links-----*/
a {
   color:#be321e;
   text-decoration:none;
   }
a:hover {
   color:#be321e;
   text-decoration:underline;
   }
.sub_hdr a {
   color:#333;
   }
 
.sub_hdr .item {
   padding-left:4px; padding-right:4px;
   border-right:thin #333333 solid;
 }
.sub_hdr .end {
   padding-left:4px; padding-right:4px;
   border-right:thin #333333 none;
 }
   
 
a img {
   border:none;
   outline:none;
   }
.header .login a {
   color:#fff;
   }
.welcome .sub_hdr a {
   display:block;
   height:20px;
   margin:0 -11px;
   padding:0 11px;
   background: url(../_img/arrow_down.png) 207px 8px no-repeat;
   }

.pagination a, .pagination span {
   padding:2px 5px;
   border:1px solid #ddb7b2;
   background:#fff;
   margin:0 0 0 1px;
   }
.pagination span.current {
   border:1px solid #932517;
   background:#932517;
   color:#fff;
   }
.pagination span.disabled {
   border: 1px solid #ccc;
   color: #777;
   }
.pagination a:hover {
   border:1px solid #932517;
   }
.pagination {
   background:#ebebeb;
   margin-top:-6px;
   border:1px solid #d9d9d9;
   padding:7px 4px 7px 3px;
   text-align:center;
   color:#666;
   }

.header {
    padding-left:29px;   /* add to align with body*/
   }
.header .meme_logo {
   display:block;
   height:22px;
   width:134px;
   background: url(../_img/meme_logo_white.gif) center center no-repeat;
   padding:15px;
   padding-left:0px; /* add to align with body*/
   }
.header .login {
   float:right;
   margin-top:35px;
   margin-right:30px;
   color:#eee;
   }
html > body .header .login {
   margin-right:65px;
   }
.header #login_header,
.header #forgot_pass {
   margin:5px 5px 0 0;
   float:right;
   }
.header #login_header form {
   margin:0px;
   }  
.header #login_header form input {
   margin:0px;
   height:15px;
   width:100px;
   }  
.header #login_header .submit {
   height:19px;
   width:50px;
   } 
.sub_hdr {
   background: url(../_img/sub_head_gradient.png) top left repeat-x;
   height:20px;
   line-height:20px;
   padding:0 11px;
   }
.content {
   background:#fff;
   color:#333;
   padding: 8px;
   border-left:1px solid #d6d6d6;
   border-right:1px solid #d6d6d6;
   border-bottom:1px solid #d6d6d6;
   }

.contest_col {
   width:276px;
   float:left;
   margin-left:10px;
   }

.contest_col .hdr {
   height:29px;
   background: url(../_img/hdr_featured_contest.png) top left no-repeat;
   }

.contest_col .featured_contest {
   height:143px;
   width:276px;
   overflow:hidden;
   /*border-left:1px solid #d6d6d6;
   border-right:1px solid #d6d6d6*/
   }
 .contest_col .contest_row {
   height:62px;
   overflow:hidden;
   border-bottom:1px solid #d6d6d6;
   border-left:1px solid #d6d6d6;
   border-right:1px solid #d6d6d6;
   }
   
.contest_col .more_contests {
   padding:0px;
   }
.contest_col .more_contests a  {
   width:71px;
   padding:0 10px;
   display:block;
   float:left;
   }

.contest_col .inner_hdr {
   height:29px;
   background: url(../_img/hdr_more_contests.png) top left no-repeat;
   }

.content_col {
   width:512px;
   float:left;
   border:none !important;
   }
 
#player {
   width:511px;
   height:319px;
   /*float:left;
   margin:0 0 10px 0;*/
   }
#about .content {
   overflow:hidden;  
   }
#about .content img {
   margin:-8px;  
   }

.fineBorder {
	border: 1px solid #999999;
	padding: 1px;
	margin: 3px;
}   
   
.welcome {
   width:225px;
   float:left;
   }
.welcome .hdr {
   height:29px;
   background:url(../_img/hdr_welcome.png) top left no-repeat;
   }

.welcome .content {
   height:196px;
   border-bottom:1px solid #d6d6d6;
   overflow:auto;
   }
.welcome #login .content {
   overflow:hidden;
   }
.welcome #login #username {
   width:130px;
   }
.welcome #login #password {
   width:130px;
   }   

/*----video list ----*/

.video_list {
   width:350px;
   float:left;
   margin-left:10px;
   }

.video_list .hdr {
   height:30px;
   xbackground:url(../_img/hdr_all_videos.png) top left no-repeat;
   }
.video_list .sub_hdr a.selected {
   color:#be321e;
   font-weight:bold;
   }
.video_list .content {
   padding:6px;
   }
.video_list .item {
   height:102px;
   overflow:hidden;
   border:1px solid #ababab;
   background:#e1e1e1;
   margin:0 0 6px 0;
   position:relative; 
   }
.video_list .item_over {
   height:102px;
   border:1px solid #ababab;
   background:#f1f1f1;
   margin:0 0 6px 0;
   position:relative;
   }

.video_list .item .title{
   display:block;
   height:23px;
   background: url(../_img/item_title_bg.png) top left repeat-x;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   padding:0 6px;
   color:#333;
   }
.video_list .item_over .title {
   background: url(../_img/item_title_bg_over.png) top left repeat-x;
   color:#be321e;
   }
.video_list .item .vote_col {
   float:left;
   width:75px;
   border-right:1px solid #333;
   }
.video_list .item .vote_col .num_votes {
   float:left;
   height:49px;
   width:75px;
   background: url(../_img/num_votes_bg.png) top left no-repeat;
   text-align:center;
   font-size:24px;
   font-weight:bold;
   line-height:34px;
   color:#333;
   }
.video_list .item .vote_col .vote a {
   display:block;
   height:30px;
   width:75px;
   background: url(../_img/btn_vote.png) top left no-repeat;
   }
.video_list .item .vote_col .vote a:hover {
   background-position:0 -30px;
   }
.video_list .item .vote_col .voted {
   display:block;
   height:30px;
   width:75px;
   background: url(../_img/btn_voted.png) top left no-repeat;
   }
.video_list .item .thumb {
   float:left;
   background:#000;
   text-align:center;
   width:141px;
   }

.video_list .item .play_off {
   display:none;
   }
.video_list .item_over .play_off {
   display:block;
   height:79px;
   width:142px;
   position:absolute;
   left:74px;
   _left:-145px;
   _top:0px;
   background: url(../_img/play_video_over.png) 6px 4px no-repeat;
   }
.video_list .item .item_details {
   color:#555;
   font-size:10px;
   padding:10px 0px 0px 5px;
   position:absolute;
   left:216px;
   width:110px;
   }
.video_list .item_over .item_details {
   color:#000;
   font-size:10px;
   padding:10px 0px 0px 5px;
   position:absolute;
   left:216px;
   width:110px;
   }
   
.video_list .send_friend  {
   display:block; 
   height:10px; 
   width:13px; 
   overflow:hidden;
   position:absolute; 
   top:4px; 
   left:5px; 
   background: url(../_img/send_friend.png);
   }
.video_list .lg_send_friend  {
   display:block; 
   height:10px; 
   width:42px; 
   overflow:hidden;
   position:absolute; 
   top:4px; 
   left:5px; 
   background: url(../_img/lgsend_friend.png);
   }
.video_list .item .lg_link_to_video {
   display:block; 
   height:8px; 
   width:36px; 
   overflow:hidden;
   background: url(../_img/lgbtn_link_to_page.png); 
   position:absolute; 
   top:5px; 
   left:55px; 
   }
.video_list .item .link_to_video {
   display:block; 
   height:10px; 
   width:16px; 
   overflow:hidden;
   background: url(../_img/btn_link_to_page.png); 
   position:absolute; 
   top:5px; 
   left:21px; 
   }
.video_list .item a.link_to_video:hover {
   background-position:0 -10px;
}

.video_list .item .lg_info {
   display:block; 
   height:10px; 
   width:29px; 
   overflow:hidden;
   background: url(../_img/lgbtn_info.png) top left no-repeat; 
   position:absolute; 
   top:4px; 
   left:100px; 
   cursor:help;
   }
   
.video_list .item .info {
   display:block; 
   height:10px; 
   width:10px; 
   overflow:hidden;
   background: url(../_img/btn_info.png); 
   position:absolute; 
   top:4px; 
   left:39px; 
   cursor:help;
   }


.video_list .lg_embed_url  {
   background: url(../_img/lgbtn_embed.png) top left no-repeat;
   display:block; 
   height:9px; 
   width:37px; 
   overflow:hidden;
   position:absolute; 
   top:5px; 
   left:140px; 
}

.video_list .embed_url  {
   display:block; 
   height:9px; 
   width:11px; 
   overflow:hidden;
   position:absolute; 
   top:5px; 
   left:53px; 
   background: url(../_img/btn_embed.png);
   }	
a.embed_url:hover {
	background-position: 0 -10px;
}

.video_list .item .tool_details {
   display:none;
   color:#fff;
   }
   
.video_list .item .item_details a.send_friend:hover  {
   background-position:0 -10px;
   }
.video_list .uploader  {
   position:absolute;
   top:49px;
   left:5px;
   width:120px;
   }
   
/*---send to friend/embed script popup----*/   
#sendtofriend {
   padding:15px;
   width:320px;  
   height:293px;
   background:transparent url(../_img/sendtofriend_bg.png) top left no-repeat;
   }

#sendtofriend .column_left {
   float:left;
   }
#sendtofriend .title {
   font-weight:bold;
   background:none;
   font-size:12px;
   }
#sendtofriend #close {
   float:right;
   margin-right:35px;
   cursor:pointer;
   }
.error, #sendtofriend .error{
   color:#f00;
   font-weight:bold;
   }
#sendtofriend .embed_text textarea {
   height:225px;
   width:270px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   overflow:hidden;
   }   
   
.footer {
   background:#f3f3f3;
   border:1px solid #ddd;
   color: #333;
   padding:4px;
   margin-top:20px;
   margin-right:4px;
   text-align:center;
   }
 .footer a {
   color: #333;
   }

/*----blog teaser-----*/

#news h2 a {
   color:#942617;
   }

#news .date {
   font-size:11px;
   font-weight:bold;
   margin:0 0 15px 0;
   color:#be321e;
   }

#news .teaser {
   margin-bottom:10px;
   }
   
/*----login------*/
.bar_hdr {
   height:26px;
   background:url(../_img/single_header_bg.png) top left repeat-x;
   color:#fff;
   line-height:26px;
   padding:0 10px;
   font-weight:bold;
   font-size:14px;
   }
.reg_login {
   width:350px;
   }
  #hdrResponse { 
  	padding-top:6px;
	padding-left:6px;
  }
  
  /*----profile------*/
div.profile_row {
  clear: both;
  padding-top: 5px;
  }

div.profile_row label {
  float: left;
  width: 100px;
  text-align: right;
  text-size: 12px;
  color: #666;
  padding-right: 10px;
  }

div.profile_row span.profile_form {
  float: right;
  width: 255px;
  text-align: left;
  } 

div.profile_spacer {
  clear: both;
  }
  
/*----contest------*/
.contest_item {
   background:#fff url(../_img/contest_bg.png) bottom left no-repeat;
   width:600px;
   height:225px;
   position:relative;
   }
.contest_item .head {
   position:absolute;
   top:10px;
   left:14px;
   }
.contest_item h2 {
   margin:0;
   padding:0;
   font-size:14px;
   }
.contest_item .dates {
   padding-top:2px;
   color:#666;
   }
.contest_item .image {
   float:left;
   position:absolute;
   top:62px;
   left:23px;
   }
.contest_item .desc {
   position:absolute;
   top:55px;
   left:270px;
   padding:10px;
   color:#666;
   }


#error {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	margin: 4px;
	padding: 4px;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#fff;border:1px solid #ccc;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#333;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-bottom:3px;color:#d01b02;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#333; }
.profileHeader {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}


/* Comments Section */
.Top h1 a
{
	color: #3B5E83;
}

.Top h1
{
	color: #515151;
	margin: 0;
}

.PageInfo p
{
	font-weight: bold;
	font-size: 80%;
}

.CommentHeader
{
	width: 493px;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	background: url(../_img/CommentBar.gif) no-repeat;
}

.CommentHeader img
{
	margin: 7px 5px;
	float: left;
}

.CommentHeader span
{
	font-weight: bold;
}

.CommentHeader a
{
	color: #515151;
	text-decoration: underline;
}

.CommentHeader a:hover
{
	text-decoration: none;
}

.CommentBody
{
	width: 473px;
	margin: 5px auto 25px auto;
}

.AddComments
{
	margin-left: 8px;
}

.Invisible 
{
	display: none;
}

.notFoundContainer
{
	width:983px;
	height:668px;
	background-image:url('../_img/404-bg.jpg');
	margin-top:2px;
}