@import "http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css";
@import "tables_cusco.css";

/* layout correction */
#doc2 {background-color:#FFFFFF;min-width:950px}
#ft {padding-top:2em;border-top:1px dotted silver;background-color:#eeeeee;color:gray}
#ft p {text-align:center}
#ft table {margin:0px auto;white-space:nowrap}

#hd, #bd, #header {width:950px}
#header #logo {
    float:left;
    height:68px;
    width:170px;
    overflow:hidden;
    text-align:left;
    background: transparent url(/inc/icons/logo-large.jpg) no-repeat left top;
}
#header #Ad_Banner {
    width:728px;
    float:right;
    margin:0px;
    padding:0px;
    overflow:hidden
}

/* basic styles */
body {
    font-family: "Lucida Grande", "Lucida San Unicode", sans-serif;
	font-size:77%;
	color:#666666;
	background:#FFFFFF url(/inc/layout/bg.jpg) repeat-x scroll 0 0 ;
}

/* standard elements */
h1 {
	letter-spacing: 1px;
	font-size: 200%;
	font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
	text-align: left;
	color:#71AC0A;
}
h2 {
	letter-spacing: 1px;
	font-size: 144%;
	font-family: "Trebuchet MS", Arial, "Times New Roman", serif;
	text-align: left;	
	color: #b48804 ;
}
h3 {
	font-family: Verdana, Arial, sans-serif; 
	letter-spacing: 2px;  
	font-weight:bold;
	font-size: 100%;
	text-align: left;
}
h4 {font-family: Georgia, "Times New Roman", serif; 
	letter-spacing: 1px;
	font-weight:bold;
	font-size: 92%;
	text-align: left;	
}

pre, p, ul, ol, dt, dd {text-align:left}

img { border:0 ;}
label { font-weight: bold; margin-left:5px }
ul {list-style-type: none; }
ul li {margin:0px;text-align:left;padding:0px 6px 0px 6px;}
ol li {list-style: decimal outside; margin-left:20px;margin-right:3em}
em {font-style:italic}
strong {font-weight:bold}

/* all anchors */
a {text-decoration: none;}
a img {border: none;}
a:link { color:#7D9530; text-decoration:none;}
a:visited { color:#8CC540;text-decoration:none; }
a:hover { text-decoration:none; }

/* form fields */
input.textbox,textarea { 
	font-family: verdana, arial, helvetica, sans-serif; 
	background: #FAFAFA url(/inc/layout/textbox.png) top left;
	border:1px solid #8CC540;
	padding:2px;
}
select { 
    width: auto;
    border:1px solid #8CC540;
    background-color:#FBFBFB;
    font-family: verdana, arial, helvetica, sans-serif; 
}
textarea {overflow:auto; width:99%;border:1px solid silver;}
textarea:focus, input:focus {
 background-color:#FFFFFE;
}
fieldset {border:1px dotted silver;padding:0.5em}
legend {font-family:Verdana;font-weight:bold;color:gray}
form dl dt {margin:0px ;}
form dl dd {margin:0px ; padding:2px; }
input.input-text-readonly {border:1px solid silver;background-color:#CCCCCC;cursor:pointer}
input.required {border:1px solid #8CC540; border-left:4px solid red;padding-left:5px}
.checkbox input, .radio input{
    border:none;
    background:none;
}
/* standard IDs */

#menu {
	background: #006D00 url(/inc/layout/mainmenu.png) repeat-x; 
	width:100%;
	margin: 0px; 
	clear: both;
	padding:0px;
}

#mainmenu { 
	padding: 5px; 
	font-size: 129%; 
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
}
#mainmenu li { list-style-type: none; display: inline; padding:0px 5px 0px 5px;}
#mainmenu li a:link { color: #FFF; }
#mainmenu li a:visited { color: #FFF; }
#mainmenu li a:hover { color: #00A700; background-color: #fff; text-decoration: none; }
#mainmenu li a:active { color: #00A700; background-color: #fff; text-decoration: none; }
#mainmenu li.right {margin-left:250px}
#mainmenu li.right form {display:inline;text-align:right;}
#WelcomeLine {
	padding:0px;
	background:#FFCC33 url(/inc/layout/welcome-line.png) repeat-x;
	margin:0px;
	width:100%;
}
#WelcomeLine a {
    color:green;
    background-color:#FED54F;
    padding:3px;
    line-height:1.6em;
    font-size:1.2em;
    font-weight:bold
}
#WelcomeLine a:hover {
    background-color:#FFDF5F;
}
#WelcomeLine table {width:100%;margin:3px}
#WelcomeLine #n {
    border: 1px solid #EEAA00;
    background-color: #EAEAEE;
}
#SuggestBox {
	position:absolute;
	background-color:#FFFFFF;
	z-index:1000;
	border:1px dotted #FFCC33;
}
#SuggestBox ul {padding:5px 0;width:100%;} 
#SuggestBox li {padding:0 5px;cursor:default;background:white} 
#SuggestBox li.yui-ac-highlight {background:#FF0;} 
#SuggestBox li.yui-ac-prehighlight {background:#FFFFCC;} 

#Ad_Banner {width:728px}
/* Miscellaneous classes */

/* Page Numbers */
.pages a, .pages span {
    padding: 0.2em 0.5em;
    background: #fff;
    border: 1px solid #9AAFE5;
    text-decoration: none;
    font-size:12pt;
    -moz-border-radius:4px;
}

.pages span  {
	border: 1px solid #2E6AB1;
	font-weight: bold;
	color: #fff;
	background-color: #00CC66;
}

.pages a:hover {
    border-color: #2E6AB1;
}

tr.pages {height:20px; text-align:right}

/* boxes */	
.module_container{ padding: 0 10px 10px 10px;margin-bottom: 10px;}
.module_container p {color: #666666;margin: 4px 0 0 0;}

div.section, div.box, div.roundbox, div.box_yellow, div.box_green, div.box_orange {
	padding:0.5em;
	margin: 0.5em 1em 0.5em 1em;
}
div.box {
	border:1px solid #CACACA;
}
div.roundbox
{
	-moz-border-radius: 10px;
	border:1px solid #CACACA;
}
div.box_yellow {
	border:1px solid #FFD89D;
	background-color:#FFFDEA;
}
div.box_orange {
	border:1px solid rgb(255, 216, 157);
	background-color:rgb(255, 248, 204);
}

div.box_green {
	border:1px solid #A0EB8D;
	background-color:#EDFFEA;
}

div.box_yellow h2, div.box_orange h2  {
	color:rgb(232, 116, 0);
}
div.box_yellow ul, div.box_orange ul  {
	margin:0px 0px 0px 14pt;
	padding:0pt;
	color:rgb(232, 116, 0);
}
div.box_green h2 {
	color:#339900;
}

div.box h2, div.roundbox h2, div.box_yellow h2, div.box_orange h2, div.box_green h2 { 
	margin:0px;
}

/* define a hyperlinked list */
div.link-list {
	border:1px solid orange;
	margin:0.5em auto 0em auto;
	width:92%;
}
div.link-list ul {margin:0px;padding:0px;}
div.link-list ul li {
	border:1px solid #FEEFEF;
	padding:0pt 0pt 0pt 8pt;
	clear:left;
}
div.link-list li a {display:block;
	margin:0px;padding:0px;
}
div.link-list li a:hover {
	background-color:#FFFFCC;
}
div.link-list li img {
	vertical-align:middle;float:left;
}
div.link-list li p {
	float:left;
	margin-left:0.5em;
	width:20em;
}
div.link-list br {clear:both;}

div.linklist li {padding:5px 0px 2px 18px}

/* end hyperlinked list */
#messages {
	border:1px solid #DDDDDD;
	padding: 12px 0 12px 29px;
	font-weight:bold;
	background:#EEEEEE ;
}
div.warning {
	border:1px solid #FF9900;
	background:#FBF8C7 url(/inc/icons/warning_sign.gif) no-repeat 7px 9px;
	color:#FF6633;
}

.error { color: #c63; }
.comment {font-size: 77%;  color: #666666;}
.clear {clear:both;}

#extra .adsense, #navigation .adsense {margin:0.5em;text-align:center;}
/* lists */
/* a box of tag clouds */
ul.cloud {padding:0.2em; margin-left:0px;border-left:3px solid #939293;}
ul.cloud li {list-style-type:none; padding-left:0px; margin-left:7px;display:inline;}
ul.cloud li a:hover {background-color:#33CCFF;}
/* horizontal list of links */
ul.localnav {text-align:right;clear:right;}
ul.localnav li {
	display:inline; 
	margin:2px 0px 2px 0px;
	padding:0px;
}	
/* splits */
div.split h2 {width:60%;float:left;}
div.split span {text-align:right;width:40%;float:left}

/* Recipe */
.recipe-summary {
	min-height: 70px;
	_height: 70px;
	margin: 10px;
	clear: both;
	border-bottom:1px dotted silver;
}
#search-recipe-form {
    border:1px dotted silver;
    margin:8px 0px 8px 0px;
    border-width:3px 0px 3px 0px;
    overflow:hidden;
}

#qn {width:100%;position:relative;top:7px}
#search-recipe-form {
    margin-top:10px;
}
#search-recipe-form div.r1 {
    width:60%;
    float:left;
    padding:3px;
}
#search-recipe-form div.r2 {
    width:30%;
    text-align:right;
    float:left;
    padding:3px;
}

.headline {font-weight:bold;}
#datatable table {border-collapse:collapse;border:none}
#datatable table  tr {border-collapse:collapse;border:none}
#datatable table  td {padding:5px;vertical-align:top;border-bottom:1px dotted silver}

div.extra-nav {
    background: url(/inc/layout/tab-line.gif) bottom repeat-x;
    float:left;
    clear:both;
    width: 100%;
} /*IE6*/

.extra-nav ul {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 85%;
}

.extra-nav ul {
    padding-top: 2px;
}

.extra-nav li {
    margin: 0 1px 0 0;
    padding: 0 5px 0 0;
    background: url(/inc/layout/tab-back.png) 100% -100px;
    border-bottom: 1px solid #bbb;
    text-align: center;
    float: right;
}

.extra-nav {
    padding-right: 5px;
}
.extra-nav li.active {
    border-bottom: 1px solid #fff;
    background: url(/inc/layout/tab-back.png) 100% 0;
}

.extra-nav li a, .extra-nav li a:visited, .extra-nav li span {
    display: block;
    float: left;
    padding: 5px 11px 5px 16px;
    text-align: center;
    white-space: nowrap;
    background: url(/inc/layout/tab-back.png) 0 -100px;
    text-decoration: none;
    min-height: 17px; /* fixes FX/Mac issue */
    color: #666;
}

.extra-nav li.active a, .extra-nav li.active span {
    background: url(/inc/layout/tab-back.png) 0 0;
} /*IE6*/

.extra-nav li:hover {
    background-position: 100% -200px;
}

.extra-nav li:hover a {
    background-position: 0 -200px;
}

.extra-nav li.active:hover {
    background-position: 100% 0;
}
.extra-nav li.active:hover a {
    background-position: 0 0;
    text-decoration: underline;
}

.extra-nav li a, .extra-nav li span {
    font-size: 125%;
    font-weight: bold;
    color: #666;
    letter-spacing: -0.02em;
}

#yui-main h2 {margin-top:1em}
table.nogrid {border:0px none;}
table.nogrid td h2 {margin:0px;}
table.nogrid td, table.nogrid th {border:0px none;padding:0px 5px;vertical-align:top}

#sidebar-left h4, #navigation h4, #restaurants h4, #cotd h4 {
	color: #787800;
	background-color: #FBF8C7;
	margin: 10px 1px 10px 0px;
	padding: 6px 0 6px 20px;
	font-weight: bold;
	border-color: #999999;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
}
#cotd h4 {text-transform:uppercase;}
#rotd {border-width:0px 1px 1px 1px; border-style:dotted;border-color:silver;padding:1em}
#rotd img {float: left; margin:0px 10px 20px 0px; }
#rotd h3 {font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif;color: #993333;font-size: 14px; font-weight:normal; margin: 0;}
#rotd h3 a { color: #993333; text-decoration: none; border-bottom: 1px solid #CCCCCC;}
#rotd h3 a:hover { border-bottom: 1px solid #993333;}
#rotd em {font-family: Georgia, Serif;font-size: 10px;color: #666666;font-style:normal;}
#rotd b {font-family: Georgia, Serif;font-size: 10px;color: #000;font-weight:normal;}
#rotd b a {color: #000;}
#rotd p {margin: 6px 0;}

#thisweek {margin: 10px 0px 10px 0px; border: 1px solid #993333; padding: 0 0 5px 5px; -moz-border-radius:10px}
#thisweek h2 { padding: 5px;}

ul.linklist li {margin-bottom:7px;text-align:left}

.more {text-align:right}
.right {float: right;}
p.right {padding-right:1em;}
.left {float: left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
ul.navlist li {display: inline;list-style-type: none; padding: 0 0 1px 0;}
/* end layout styles */

#latestcomments {margin:6px;}
#latestcomments dl {margin:1em 0em 0em 0em;}
#latestcomments dl dt {
 font-weight:bold;
 margin:0px;
}
#latestcomments dl dd {
 margin:0em 1em 0.5em 0em;
 padding-bottom:10px;
 border-bottom:1px dotted silver;
}

#search-recipe-form dt {margin:0px}
#search-recipe-form dd {margin:0px;text-align:right}
#blogs {
    padding-top:68px;
    border:1px solid silver;
    -moz-border-radius:5px;
    background:url(http://blogs.khanakhazana.com/inc/images/kk_blogs.png) top left no-repeat;
}