/* CSS Document */
  @import url("https://fonts.googleapis.com/css?family=Hepta+Slab");
  @import url("https://fonts.googleapis.com/css?family=Encode+Sans+Condensed");  
  @import url("https://fonts.googleapis.com/css?family=Merriweather");

.cursor {
	cursor: hand; }

.mainmenu {
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}	

UL.list	{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin-left:.1em;
	}

UL.list LI	{
	padding-bottom:0px;
	color:#2B3238;
	padding-bottom:0px;
	padding-left:1px;
	}

.performer {
	font-family:Times, serif;
	font-style:italic;
	font-size:10pt;
	color:#ee0000;
}	
	a {font-size:1em;}
	a:link 		{color: #000080;text-decoration: none;}
    a:visited   {color: #693; text-decoration: none; }
    a:active    {color: #54622D;text-decoration: none; }
    a:hover 	{text-decoration: underline;} 

#mediamenu UL.list	{
	margin:0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin-left:1px;
	}		

ul#nav2 li ul {
    display: none; 
}

ul#nav2 li:hover > ul {
    display: block;
}

.banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:navy;
	font-size:1.1em;
	font-weight:bold;
}

.tinthegioi {
	color:#F60;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;	
}

.kholuutru {
	color:#F60;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}


.rightcol {
	font-family: Arial, Helvetica, sans-serif !important;
	letter-spacing:-0.04em !important;
	word-spacing:0.04em !important;
	font-weight:normal;	
	line-height:1.22em; 	
}


.readmore {
	float:left !important;
	font-weight:600;
	font-size:1.25em !important; 
}

.chiaxe {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:normal;
}

.poston {
	font-family: "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:normal;
	font-style:italic;
}

#ad-250x250 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	width:268px;
	height:268px;
	float:right;
	border:#999 solid 1px;
}

#ad-125x125 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	width:132px;
	height:132px;
	float:right;
	border:#999 solid 1px;
}

/* this is for the random recipe at the bottom */

.shortpic {
	width:110px;
	float:left;
	margin: 0px 5px 5px 0px;
}

.smallbanner_black {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12pt; 
	font-weight:600;
}

.smallbanner_navyblue {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:1em; 
	font-weight:600;
}

.tinactd {
	padding-left:40px;
}



.lego1 {
float:left;	
width:70%;
}

.header {
  width:100%;	
  background-image:url(fv_banner2.jpg);	
  background-repeat: no-repeat;
  color: #00ffff;
  padding: 2px;
}

/* other FVN  */


* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
/*
html {
  font-family: "Time New Roman", serif;
  font-size: 1.2em;
}
*/
.header {
  background-image:url(fv_banner2.jpg);	
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 2px;
}

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

.menu li {
  padding: 0px;
  margin-bottom: 0px;
  background-color: #000000;
/*  background-color: #33b5e5 */  
  color: #00ffff;
/*  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
}

.menu li:hover {
/*  background-color: #0099cc; */
  background-color: #000000;
}

.aside {
  float:left;	
  background-color: #FFC;
  padding: 5px;
  color: #000;
  text-align: left;

  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #066;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  padding: 5px;
}

.iphonestyle {
	font-family:Merriweather, Times, serif;
	font-size:3em;
	line-height:2em;
	float:left; 
	padding-left:2px;
	padding-top:20px;
	word-wrap:break-word;
	text-align: left;
}

.ipadtyle {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-.0.5em;
	word-spacing:-0.05em;
	font-size:1.35em !important;
	line-height:1.35em !important;	
}
/* For mobile phones: */


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
	[class*="col-"] {

	  width: 100%;
	  float: left;
	  padding-left: 5px;

	}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{
	[class*="col-s"] {

	  width: 100%;
	  float: left;
	  padding-left: 5px;
	  

	}
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  	float: left;
  	padding-left: 5px;
  
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 35%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 65%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */

  float: left;
  padding-left: 5px;

  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 35%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 65%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}

}




/* END other FVN */