@import "reset.css";
@import "global.css";
@import "layout.css";

body {font:normal 1.2em/1.5em Verdana; background:url('../images/bg-body.jpg') repeat; margin-top:40px;}
.whitespace-content {padding:5px 15px 15px 15px}

/* Top Menu */
.menu {width:960px; height:30px; overflow:hidden; margin-top:10px; display:block; background:url('../images/bg-menu.png') repeat-x;}
.menu li {float:left; font:bold 0.9em/2.8em Trebuchet Ms; background:url('../images/seperator-menu.png') no-repeat 100% 50%; padding-right:2px;}
.menu li a {display:block; padding:2px 20px; color:#444;}
.menu li a:hover {text-decoration:none; background:url('../images/bg-menu-hover.png') repeat-x;}
.menu li a:active {background:url('../images/bg-menu-hover.png') repeat-x; color:#111;}

/* Admin Menu */
.menu-admin {margin-top:10px;}
.menu-admin li { border-bottom:dashed 1px #ccc;}
.menu-admin li a {display:block; background:url(../images/fancy_right.png) no-repeat 3% 50%; padding:8px 0;  text-align:center; color:#333;}
.menu-admin li a:hover {background-color:#e9e9e9; text-decoration:none;}

/* Sliding Images */ 
.slide-images{width:960px; height:150px;}

/* Pager */
.myPager{border-top: solid 1px #ccc;padding-top: 5px;padding-left: 5px;margin-top: 10px;}
.myPager a{color: #444;border: solid 1px #eee;background-color: #fff;padding: 3px;}
.myPager a:hover{border: solid 1px #d9d9d9;text-decoration: none;}

.table-base {/*border:solid 1px #ccc;*/ font-size:11px;}
.zebra-light {background-color:#f9f9f9;}
.zebra-dark {background-color:#eee;}
.tr-base td {border-bottom: solid 1px #ccc; /*border-right: solid 1px #ccc;*/ padding: 2px;}

/* Fieldset */
.fieldset-form {border: solid 1px #ccc;  padding: 15px; position: relative; }
.fieldset-form legend { padding: 2px 0px; font: bold 1.2em/1.5em Tahoma; position: absolute;top: -0.85em; color: #CF1B2E; }

/* PHOTO CONTAINER */
.photo-container {width:200px; position:relative; overflow:hidden; float:left; text-align:center; border:solid 1px #ddd; margin-right:5px; margin-bottom:5px;}
.photo-container img {height:142px; margin:0 auto; padding:4px;}
.delete-picture {position:absolute; top:0; right:0;}
.profile-picture {position:absolute; top:0; right:25px;}

/* Headings */
.heading {padding:0 0 0 60px; height:38px; position:relative; color:#fff; font:bold 1em/3em Helvetica;}
.heading a {color:#fff;}
.heading.width660 {width:600px; /* +70px*/} 
.heading.width300 {width:240px; /* +70px*/}
.heading.width440 {width:380px; /* +70px*/}
.heading.width220 {width:160px; /* +70px*/}

.heading.greenBG {background:url('../images/bg-heading-green.png') repeat-x;}
.heading.orangeBG {background:url('../images/bg-heading-orange.png') repeat-x;}
.heading.grayBG {background:url('../images/bg-heading-gray.png') repeat-x;}
.heading.blueBG {background:url('../images/bg-heading-blue.png') repeat-x;}
.heading.dashed {border-bottom:dashed 1px #ddd;}

.heading .icon-play {position:absolute; top:-3px; left:10px; z-index:10; height:40px; width:40px; background:url('../images/icon-play.png') no-repeat bottom;}
.heading .icon-news {position:absolute; top:-3px; left:15px; height:40px; width:40px; background:url('../images/icon-news.png') no-repeat;}
.heading .icon-find {position:absolute; top:-3px; left:15px; height:40px; width:40px; background:url('../images/icon-find.png') no-repeat;}
.heading .icon-reference {position:absolute; top:0; left:20px; height:40px; width:40px; background:url('../images/icon-reference.png') no-repeat;}

.txt-base {padding:2px; border:solid 1px #aaa;}

/* List*/

.list-meal {}
.list-meal a{display:block; color:#444; font-family:verdana; font-size:11px; font-weight:bold; padding:4px; padding-left:15px; border-bottom:solid 1px #ddd; }
.list-meal a:hover {text-decoration:none; background-color:#e7f2f7; }

/* Items */

.item-recipe {padding-left:30px; background:#f3f3f3 url('../images/bg-item-recipe.png') no-repeat 0 50%; margin-bottom:5px;}
.item-recipe h3 {color:#444;}
.item-recipe h3 a {color:#aa2f17; font:bold 1em/1.5em Tahoma}
.item-recipe-content a {font:normal 1em/1.5em Helvetica; color:#444;}
.item-recipe-content a:hover {text-decoration:none;}

.item-article {padding-left:30px; background:#f3f3f3 url('../images/bg-item-article.png') no-repeat 0 50%; margin-bottom:5px;}
.item-article h3 {color:#1179a4;}
.item-article h3 a {color:#1179a4; font:bold 1em/1.5em Tahoma}
.item-article-content a {font:normal 1em/1.5em Helvetica; color:#444;}
.item-article-content a:hover {text-decoration:none;}

.item-guestbook {padding-left:30px; background:#f3f3f3 url('../images/bg-item-guestbook.png') no-repeat 0 50%; margin-bottom:5px;}
.item-guestbook h3 {color:#1179a4; font:bold 1em/1.5em Tahoma}
.item-guestbook-content {font:normal 1em/1.5em Helvetica; color:#444;}

.icon-photo {background:url('../images/icon-photos.png') no-repeat 0 50%; padding-left:30px; font:bold 1.2em/1.5em "lucida grande"; margin-top:15px; margin-bottom:5px;}

/* jQuery Mesaj Yaz*/
.jSwap {font:bold 1.2em/1.5em "lucida grande",Tahoma; color:#666; padding:5px 30px; background:url('../images/arrow-right.png') no-repeat 0 50%}

/* Author */
.author {position:absolute; top:25px; right:20px; color:#fff; font-size:11px;}
.author a{color:#fff; font-weight:bold;}

.usta {position:absolute; right:0; bottom:-40px;}