@import url("reset.css");
@import url("hacks.css");
@import url("master.css");
@import url("navbar.css");
@import url("menu.css");
@import url("cuisine.css");
@import url("recipe-book.css");
@import url("path.css");
@import url("pogodak.css");

@media all{

body {
	background-color:#FFF;
}

/* ------------------------------- */
/* PAGE ELEMENTS
/* ------------------------------- */

#container{
	margin: 0 auto;
	width: 990px;
	text-align: left;
	background-color:#FFF;
}

	/* ------------------------------- */
	/* BANNER TOP					   */

		#banner-top {
			margin: 5px 0;
			height: 90px;
			text-align: center;
		}

	/* ------------------------------- */
	/* COLUMN LEFT					   */

		#column-left {
			background-color:#FFF3A6;
			width: 150px;
			padding: 5px;
			float: left;
		}
		
	/* ------------------------------- */
	/* COLUMN RIGHT					   */

		#column-right {
			background-color: #FFF3A6;
			width: 300px;
			padding: 5px;
			float: left;
		}
		
			#banners { margin-bottom: 5px; }
		
			#surveys {
				padding: 5px;
				background-color: #ffffff;
			}
			
			#subscribe {
				text-align: center;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 5px;
			}

	/* ------------------------------- */
	/* CONTENT						   */
	
		#content{
			padding: 10px;
			float: left;
			width: 500px;
			background-color: #fff;
		}
		
		#friends-banners, #friends-links {
			padding: 10px;
			text-align: center;
		}
		
		#friends-banners a { border: 0; }

		#friends-links { color: #ccc; }
		
	/* ------------------------------- */
	/* FOOTER						   */

		#footer {
			clear: both;
			width: 100%;
			padding: 10px 0;
			border-top: 1px solid #DEDEDE;
			font-size: 10px;
			color: #999;
		}

			#footer-sections {
				margin-bottom: 1em;
				height: 50px;
			}

			#footer-sections div {
				height: 50px;
				float: left;
				text-transform: uppercase;
				border-right: 1px solid #DEDEDE;
				padding-right: 10px;
				margin-right: 10px;
				width: 200px;
			}
			
			#footer span {
				display: block;
				clear: both;
				padding-bottom: 10px;
				border-bottom: 1px solid #DEDEDE;
			}
		
	/* ------------------------------- */
	/* TOP							   */

		#top {
			height: 32px;
			background-color: #C83D1D;
		}
		
	/* ------------------------------- */
	/* LOGO							   */

		#logo {
			background: url(../images/logo.gif) no-repeat 0 0;
			height: 70px;
		}				
		
			#menu {
				height: 22px;
				position: relative;
				top: 24px;
				margin-right: 10px;
				float: right;
			}

	/* ------------------------------- */
	/* NAVBAR						   */

		#navbar, #search {
			padding: 4px;
			line-height: 24px;
			height: 24px;
		}

		#navbar {
			background: url(../images/navbar_left.gif)
				no-repeat left top;
			float: left;
		}
		
	/* ------------------------------- */
	/* SEARCH						   */

		#search {
			background: url(../images/navbar_right.gif)
				right top no-repeat;
			float: right;
			text-align: right;
		}					
		
			#search input {
				padding: 4px;
				margin-top: 1px;
				border: 1px solid #ccc;
				width: 120px;
				float: left;
			}
			
			#search input.button {
				border: 0;
				padding: 0;
				width: 22px;
				height: 22px;
			}
		
		#langs {
			float: right;
			text-align: right;
		}
		
		#profile {
			padding: 0;
			margin: 0;
			float: right;
			height: 22px;
		}
	
	/* ------------------------------- */
	/* ERROR						   */

		#error {
			background: #ffe2e2;
			border-top: 1px solid #df7d7d;
			border-bottom: 1px solid #df7d7d;
			padding: 10px;
			margin: 1em 0;
			color: #df7d7d;
			font-weight: bold;
		}
		
	/* --------------------------------*/
	/* ROUND-CORNER BOX				   */
		
		#round-box {
			background-color:#FFF;
			margin: 0 0 5px 0;
		}
					
			#round-box div {
				background: url(../images/roundbox_bottom.gif)
					left bottom no-repeat;		
				padding: 5px;
				margin: 0;
			}
			
			#round-box h1 {
				margin: 0;
				padding: 0 5px;
				background: url(../images/round_header.gif)
				left top no-repeat;
				height: 22px;
				line-height: 22px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
			}
			
			#round-box a {
				display: block;
				border: 0;
				height: 21px;
				line-height: 21px;
				text-indent: 5px;
			}

			#round-box a:hover {
				background: url(../images/selection.gif) #FFF3A6
					left top no-repeat;
			}

			#round-box a.active {
				background: url(../images/selection_active.gif) #ff9933
					left top no-repeat;
				color: #FFF;
			}
}