@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 481px)
{
	/* TAGs */
	

figcaption {
	position:relative;
	text-align:left;
	float:left;
	padding-left: 13px;
	padding-right:50px;
}
footer{
	height: 50px;
	font-family: ProximaNovaCond_Regular, cabin, Arial, sans-serif;
	font-size: 13pt;
	line-height: 17pt;
	color: #999;
	text-align: center;
	word-spacing: 0.2em;
	display: block;
	font-weight: lighter;
	background: url(http://www.ranibistro.com/image/ra_footer.jpg) no-repeat;
	vertical-align: middle;
	padding-top: 35px;
	width: 100%;
	clear: both;
}
header {
	background-image:url(../image/rani_logo_f.jpg);
	background-repeat:no-repeat;
	height: 182px;
}	
/*CLASSES*/

.box {
	width:50%;
    float:left;	
}
.boxInner img {
	width:50%;
}
.columns {
	display:block;
	background-color: #FFF;
	color : #111111;
	border: 0px solid #FCC;
	font-family: gesta-1, gesta-2, sans-serif;
	/* CSS Column code for webkit */
			-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule-color: #888888;
	-webkit-column-rule-style: none;
	-webkit-column-rule-width: 2px;
	/* CSS Column code for mozilla */
			-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-rule-color: #888888;
	-moz-column-rule-style: none;
	-moz-column-rule-width: 2px;
	/* CSS3 Column code  */
			column-count: 2;
	column-gap: 20px;
	column-rule-color: #888888;
	column-rule-style: none;
	column-rule-width: 2px;
	width: 54%;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-family:amaranth, arial, sans-serif;
} 
.columns h1 {
	color: #666;
	letter-spacing: .15em;
	font: lighter 16pt/20pt ClearfaceGotT-Reg, Arial, sans-serif;
}
.columns h3 {
	font-family: amaranth, sans-serif;
	color:#DB292C;
	font-weight:400;
	line-height: 1.4em;
	font-size: 1.2em;
	padding-left:5px;
	}
	.columns h4 {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Times New Roman", serif;
	color:#666;
	line-height: .9em;
	font-size: .7em;
	padding-left:5px;
	font-weight:200;
	font-style:italic;
	}
	.columns h5 {
	font-family: 'Cuprum', sans-serif;
	color:#999;
	line-height: 1.1em;
	font-size: 1em;
	padding-left:5px;
	}
.columns dt {
	font-family: 'Cuprum', sans-serif;
	color: #666;
	line-height: 1.2em;
	font-size: .9em;
	padding-left:5px;
	}	
	.columns dd {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style:italic;
	color: #666;
	line-height: 1.1em;
	font-size: .9em;
	padding-left:5px;
	}
	.columns p {
		font-family: andika, sans-serif;
		font-size:10px;
		font-weight:300;
		font-style:italic;
		color:#383838;
		text-indent:8px;
	}
	.foodler {
		display:none;
	}
.imgF_Left {
	display:block;
	max-width: 42%;
	padding: 15px;
	margin-right: 30px;
	margin-top:0px;
	align-content:center;
	padding:5px;
	border:#868686 thin solid;
}
.imgF_Right {
	max-width: 42%;
	margin-right: 10px;
	padding:10px;
	display:block;
	padding:5px;
	border:#868686 thin solid;
	
}
.inform {
	max-width:54%
	display:block;
	float:left;
}
.itemDes {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style:italic;
	color: #666;
	line-height: 1.1em;
	font-size: 1em;
}
.resize img {
	max-width: 100%;
	max-height: auto;
}
.subheader {
	color: #797979;
	font-family:economica, sans-serif, "Arial Narrow";
	font-size:13px;
	font-style:italic;
	line-height:24px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	display:block;
}
.subheader1 {
	color: #797979;
	font-family:economica, sans-serif, "Arial Narrow";
	font-size:13px;
	font-style:italic;
	line-height:24px;
	text-align:left;
	padding-left:30px;
	padding-right:35%;
	display:block;
}

/*IDs*/
article #contest {
	width: 30%;
	padding-top:40px;
	margin:0;
	padding-left:10px;
	float:left;
	display:block;
}
#container {
	margin: 0px auto;
	padding: 0px;
	max-width: 1000px;
	background: #FFF;
	display:block;
	clear:both;
} 
#global-nav ul li img {
	padding-top:6px;
	padding-right:3px;
	margin-bottom:-8px;
	border:0;
}
#intro h1 {
	font-family:amaranth,arial, sans-serif;
	font-color: #6D6C6C;
	font-size:20px;
	padding-left:15px;
	font-variant:small-caps;
	letter-spacing:3px;
}
#mainContent article {
	max-width:54%;
	float:right;
	display:block;
}
#mainContent article h1,h2,h4 {
	font-family:amaranth,arial, sans-serif;
	font-weight:100;
	font-size:18px;
	letter-spacing:2px;
}
#mainContent article h1 {
	font-color: #6D6C6C;
	font-size:20px;
	padding-left:15px;
	font-variant:small-caps;
	letter-spacing:3px;
}
#mainContent article h2 {
	padding-top:15px;
}
#mainContent article h5{
	font-family:economica, sans-serif, "Arial Narrow";
	font-size:13px;
	width:400px;
	line-height:16px;
	text-align:left;
	padding-bottom:10px;
	color:#B1A9A9;
}
#mainContent article h4 {
	font-size:13px;
	line-height:16px;
	letter-spacing:.1em
}
#mainContent article h6{
	font-family:economica, sans-serif, "Arial Narrow";
	font-size:11px;
	font-style:italic;
	line-height:20px;
	text-align:left;
	padding-left:10px;
	padding-right:30px;
	color:#B1A9A9;
}

#mainContent article dl {
}
#mainContent article dt {
	font-family:economica, sans-serif, "Arial Narrow";
	font-size:12px;
	color:#666;
	font-weight:300;
	line-height:15px;
}
#mainContent article dd {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:11px;
	color:#666;
	line-height:12px;
}
#mainContent aside {
	display:block;
	width:35%;
	padding-right:5%
	float:left;
}
#mainContent ul {
	list-style:none;
}
#mainContent ul li {
	font-family:andika, sans-serif;
	font-size:14px;
	line-height:20px;
}
#phMenu {
	display:none;
}
#phNav {
	display:none;
}
#top {
	padding-top:1px;
	display:block;
}
#top ul {	
	padding-top: 20px;
	padding-left: 200px;
}
#top ul li {
	color: #999;
	display: inline;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	word-spacing: 10px;
}
#top ul li a {
	font-family: gesta-1, gesta-2, gudea, sans-serif;
	text-decoration: none;
	color: #999;
	font-size: 1em;
}
#top ul li a:hover {
	color: #666;
	font-size: 1em;
}
#mainContent article .subheader a {
	color: #9B9CA5;
	font-family: andika, sans-serif;
	font-style: italic;
	font-weight: 500;
	text-decoration: none;
}

}
@media screen and (min-width: 681px)
{
.imgF_Left {
	display:block;
	max-width: 42%;
	padding: 15px;
	margin-right: 30px;
	margin-top:0px;
	align-content:center;
}
.imgF_Right {
	margin-right: 10px;
	padding:10px;
	display:block;
	
}

	#top ul {
	padding-left: 275px;
	padding-top: 20px;
}
#top ul li {
	color: #999;
	display: inline;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 25px;
	word-spacing: 5em;
}
 #winner {
	display:block;
	float:right;
	width:43%;
	padding-left:12px;
	margin-top: 80px;
	margin-right:20px;
}
#winner table tr th {
	width: 185px;
	font: bold 12pt/16pt Tahoma, Geneva, sans-serif;
	color: #666;
	border: 1px solid #666;
}
#winner th {
	 
}
}
@media screen and (min-width: 704px)
{
	#top ul {
	padding-left: 300px;
	padding-top: 20px;
}
#top ul li {
	color: #999;
	display: inline;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 25px;
	word-spacing: 5em;
}
}