body{ background:#eaeaea url(img/body.png);  color: #787878;   }

/*---------------------------------------------------------------CLASS PUBLIC---------------------------------------------------------------*/
a { text-decoration:none; outline:none; color:#3e4148}

.inputbox, .button { border:0; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

input.button { background:#333; color:#fff; padding:2px 5px;}
.inputbox { height:24px; line-height:24px; padding-left:5px;}

.jv-module .contentmod { padding:10px }

.comcontent table { width:100%;}

.title_article { font-size:100%; font-weight:400; line-height:normal; margin-bottom:5px}
.testimonials .Wrapimage p, .jv-top .jvl_btnlogin:hover, .ribbon .author{ color:#3e4148}
.jvnews-pagination, .members .intro .wrap_image, .blog-category .article-info { display:none}{ display:none}
.readmore a, .testimonials .submityours a, #jv-slideshow .jv-slideshow-captions .description , .module-support{ font-size:12px}
.jv-tabs-container .contentabs img, .testimonials .Wrapimage .wrap_image, .member .wrap_image { float:none !important; margin:0 !important}
.module-members h3.title, .module-members .jv-grid .rows, .member .cols-4 .in_item { margin:0 10px}
#jv-slide .jv-slideshow .jv-slideshow-captions .description, #jv-modulebox2 .contentmod, #jv-modulebox2 h3.title { padding:0}
.jvnews .jvnews-container, .jv-tabs.tabs1 .jv-tabs-container, .jv-tabs ul.jv-tabs-handler a { padding:0; border:0}


.readmore, .module-news .jv-new h3 { text-align:right}
.readmore a, .testimonials .submityours a, .module-contact .button { background-image:url(img/arrow-next.png); background-repeat:no-repeat; padding:0 30px 0 0; display:block; line-height:24px}

.wrap_image { display:block; padding:5px; background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/bg-trans.png);}
.wrap_image img { border:3px solid #fff}

/*------------------------------------------------------------------HEADER------------------------------------------------------------------*/
#jv-header { background:url(img/bg.png) repeat-x 0 100%; margin-bottom:20px; position:relative; z-index:110}
#jv-header .jv-inner { position:relative; height:142px}
	
	/*Top*/
	.jv-top { position:absolute; left:510px; top:10px}
	.jv-top .jvl_handler { float:left; background-position:100% 50%; background-repeat:no-repeat}
	.jv-top .jvl_btnlogin { background:none !important; border:0; font-weight:400; border-radius:0; margin-right:5px}
	
	/* Logo */
	#logo  {width:148px; height:157px; position:absolute; left:40px; top:0; background:url(img/bg-logo.png) no-repeat}
	#logo a { background-image:url(img/logo.png); display: block; height:64px; width:89px; position:absolute; left:35px; top:20px}
	
	/* Search */
	.jv-search { position:absolute; top:10px; right:205px}
	.search .inputbox {background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/bg-trans.png); border:0; height:20px; width:130px; padding-left:5px; color:#666; font-size:11px}
	
	/*Social*/
	.jv-social { right:0; top:5px; position:absolute}
	.jv-social a { margin:0 5px}
	
/*-------------------------------------------------------------------MENU-------------------------------------------------------------------*/
#jv-mainnav  { position:relative; z-index:99;}
#jv-mainnav .jv-menu { margin:0 !important}
.mainnav { position:absolute; left:230px; top:40px}

ul.mainmenu ul { background-repeat:repeat-x; background-position:0 100%; border:1px solid;}
ul.mainmenu > li:hover > a, ul.mainmenu > li.active > a{ background-repeat: no-repeat; background-position: 100% 37px} 

/*------------------------------------------------------------------SLIDE-------------------------------------------------------------------*/
#jv-slideshow .jv-slideshow-captions { height: auto !important;}

#jv-slide .jv-module { background-color:#fff; padding:3px;}
#jv-slide .contentmod { border:5px solid; padding:5px}
#jv-slide .slide-content { background:url(img/bg-slide.jpg) no-repeat}

#jv-slide .jv-slideshow { width:100% !important}
#jv-slide .jv-slideshow .jv-slideshow-content { height:100%; position:relative;}
#jv-slide .jv-slideshow .jv-slideshow-items { height:262px !important; width:402px !important; position:absolute; left:372px; top:90px}
#jv-slide .jv-slideshow .jv-slideshow-captions { background:none; bottom:3px}

.jv-slideshow .jv-slideshow-arrows { background:none; width:125px; height:25px; top:auto; left:auto; bottom:0; right:0; margin:0}
.jv-slideshow .jv-slideshow-arrows a { top:0; height:23px; width:27px !important;}
.jv-slideshow .jv-slideshow-arrows li.prev a { left:0; background-image:url(img/arrow-prev.png);}
.jv-slideshow .jv-slideshow-arrows li.next a { right:0; left:auto; background-image:url(img/arrow-next.png)}
.jv-slideshow .jv-slideshow-arrows li.next a:hover, .jv-slideshow .jv-slideshow-arrows li.prev a:hover { background-position:0 0}


/*------------------------------------------------------------------MODULE------------------------------------------------------------------*/
.jv-module h3.title , .page_heading , .blog-featured .title_article{ font-size:16px; background:url(img/heart.png) no-repeat 0 100%; padding-left:36px; text-transform:uppercase; line-height:32px}
.jv-module h3.title span , .page_heading span, .blog-featured .title_article span {display:block; background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/line.png) repeat-x 0 100%}
.jv-module h3.title, .jv-module.module-members, .jvnews-content .jv-new, .member .in_item .title_article { margin:0;}

/*JV News*/
.intro-thumnail a { display:block; padding:5px; background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/bg-trans.png)}
.intro-thumnail img { border:3px solid #fff; margin:0}

.jv-user10 .intro-thumnail img { max-width:204px; max-height:129px}

	/*Success Stories*/
	.module-news .contentmod, .jv-user10 .contentmod { padding:10px 0 0}
	.module-news .center, .module-news .content { margin-bottom:5px}
	.module-news .content { text-align:justify}
	
	/*Members*/
	.module-members .col4 .jv-new { padding:0; margin:0 10px}
	.module-members a { color:#787878}
	
	/*Ribbon*/
	.ribbon { background-image:url(img/item.png); background-repeat:no-repeat; padding-left:36px; color:#fff; line-height:normal;}
	.ribbon > div {height:40px}

	/*Search your partner!*/
	.jv-user6 .readmore a:hover,
	.testimonials .submityours a:hover,
	.module-contact .button:hover,
	.module-members .Intro .rows a:hover,
	.blog-category.blogs .readmore a:hover{ color:#c7c7c7; background-position:100% 0}
	
	/*Support*/
	.module-support { text-align:center;}
	.module-support p { margin-bottom:0}
	.module-support a { color:#fff}
	
	/*Contact*/
	.module-contact .inputbox { background-color:#34363c; margin-bottom:5px; color:#fff; width:215px}
	.module-contact	textarea { margin-bottom:10px !important; height:50px !important}
	.module-contact .button { background-color:transparent; float:right}
	
	/*Blogs*/
	.module-blogs .rows { background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/line.png) repeat-x 0 100%; padding-bottom:10px}
		
/*----------------------------------------------------------------MODULE BOX----------------------------------------------------------------*/
#jv-modulebox2 { background:url(img/bg-footer.png) repeat-x;  color:#fff}
#jv-modulebox2 .jv-block { background-repeat: no-repeat; background-position: 98% 0; padding-top:47px}
#jv-modulebox2 .jv-inner {padding:20px 0 10px;}

#jv-modulebox2 h3.title, #jv-modulebox2 h3.title span{ background:none;}

/*-----------------------------------------------------------------CONTAINER----------------------------------------------------------------*/
#jv-container .jv-block { padding-top:10px;}

.article .wrap_image , .testimonials .Wrapimage{ float:left; margin-right:20px; display:inline-block}
.article .title_article , .blogs .title_article{ text-transform:uppercase}
.article .wrap_image img { max-width:204px; max-height:129px}

	/*Front Page*/
	.Intro { line-height:normal}
	.Intro .rows{ position:relative; overflow:hidden; padding-left:160px; min-height:145px}
	.Intro .rows .title { font-weight:400; text-transform:uppercase; font-size:100%}
	.Intro .rows .bgIntro { position:absolute; left:0; top:0; background:url(img/trans.png) no-repeat; width:141px; height:141px}
	.Intro .bgIntro img { position:absolute; left:5px; top:5px}
	
	.Intro .beMember { margin-bottom:15px}
	
	/*Members Detail*/
	.ViewMembers, .member .items-row { margin:0 -10px}
	.ViewMembers .jvnews-intro { height:155px}
	.members .in_item{ position:relative}
	
	.jv-tabs.tabs1 ul.jv-tabs-handler { position:absolute; right:0; top:4px}
	.jv-tabs.tabs1 ul.jv-tabs-handler li { background:none !important; border:0; list-style-type:none; text-transform:uppercase; margin:0 0 0 15px}
	
	.ViewMembers .jvnews-content .col4 .jv-new { padding:0 10px}
	
	.Members .membercontact { position:absolute; left:0; top:0}
	.member .wrap_image img { max-height:159px}
	
	/*Blogs*/
	.blog-category.blogs .in_item, .Members { position:relative; padding-left:240px;}
	.blog-category.blogs .wrap_image { position:absolute; left:0; top:0} 
	.blog-category.blogs .wrap_image img { max-width:204px; max-height:129px;}
	.blog-category.blogs p{ margin:0}
	.blogs .article-info { background:none; display:block}
	
	/*Testimonials*/
	.testimonials .rows { background:url(http://demo.joomlavi.com/jv-dating/templates/jv-framework/themes/jv-dating/images/line.png) repeat-x 0 100%; padding-bottom:10px; margin-bottom:20px}
	.testimonials .Wrapimage img { max-width:124px; max-height:79px}
	.testimonials .wrap_image { margin-bottom:5px}
	
	.testimonials .submityours { margin:0; overflow:hidden}
	.testimonials .submityours a { float:left}
	
	/*Success Stories*/
	.stories .title_article { line-height:normal;}
	
/*------------------------------------------------------------------FOOTER------------------------------------------------------------------*/
#jv-footer { text-align:center;} 
#jv-footer .jv-block ,.ribbon div  { padding:10px 0;}
div.jv-footer small {display: block;}

/*FireFox*/
@-moz-document url-prefix() { .module-contact .button { padding:2px 30px 2px 0} } 
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       .module-contact .button { padding:2px 30px 3px 0}
 }