/* 
2007. Mastelo.gr Cascading Stylesheet - www.mastelo.gr
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("reset.css");

/* Global
----------------------------------------------- */

body{ background:#21281e; font-family:Georgia, "Times New Roman", Times, serif;}
p{ font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; color:#625e31;}




a:link{ color:#21281e; font-weight:bold; text-decoration:none;}
a:hover{color:#7d9274; font-weight:bold; text-decoration:none;}
a:visited{color:#21281e; font-weight:bold; text-decoration:none;}
a:active{color:#21281e; font-weight:bold; text-decoration:none;}

h1{}
h2{ font: 24px/1.5 Georgia, "Times New Roman", Times, serif; color:#296f16; margin: 7px  0px;}
h3{ font: 20px/1.5 Georgia, "Times New Roman", Times, serif; color:#296f16; margin: 0px  0px;}
h4{}
h5{}
h6{}

/* Structure
----------------------------------------------- */
#wrapper{ width: 800px; height: auto; background:#fefefe; border: 1px #160c08 solid; margin:0px auto; margin-bottom: 10px;}

/* // Header */

#header{ height: 125px; padding-top:5px; position:relative; z-index:99999;}

/* // Content */

#content{ margin-top: 1px; position:relative;}
#sidebar-a{ width:180px; height: 100%; background:none; margin-left:9px;}
#sidebar-b{ width:592px; height: 100%; background:none; margin-right: 9px;}

/* // Footer */


/* Navigation
----------------------------------------------- */


/* // Top Nav */


/* // Side Nav */


/* Classes
----------------------------------------------- */

.floatleft{float:left;}
.floatleftimg{float:left; margin-right:5px}
.floatright{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }



.m5{ margin: 5px;}
.m7{ margin:7px;}
.m10{margin: 10px;}
.m10_1{margin-left: 10px;margin-top: 0px;}

.m-left-5{margin-left: 5px;}
.m-left-7{margin-left: 7px;}
.m-left-10{margin-left: 10px;}

.m-right-20{margin-right: 30px;}

.m-bottom-10{margin-bottom: 10px;}

.margin-10-0{ margin: 15px 0px 15px 10px;}

.width350{width: 350px;}


/* // Image Classes */

.border{ width:auto; height:4px; background:#c2b485 url(../images/hr.gif) repeat-x;}

/* // List Classes */


/* // Other Classes */


/* Typografy
----------------------------------------------- */

.minitext{ font: 11px/1.25 Tahoma, Arial, Helvetica, sans-serif; color:#887e5e;}
.footertext{ font: 12px/1.25 Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 30px;}
.promotext{ color:#5f5732; font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; display:block;}

.whitetext{ color:#fffbf0;}


.recipetitles { font: 11px/1.25 Tahoma, Arial, Helvetica, sans-serif; color:#887e5e;}


.content img{ display:inline; float:left; margin:0; padding:0;}



/* Menu
----------------------------------------------- */

.menu {font-family: arial, sans-serif; width:800px;  position:relative; font-size:11px; margin:0px 1px 0px 0; background: #ccc; z-index:99999; float:left;}
.menu ul {padding:0; margin:0; list-style-type: none;}
/*
.menu ul li {float:left; border-left:1px solid #fff; width:130px;}

.menu ul li a, .menu ul li a:visited {display:block; width:130px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#21281e; background:#ccc;}


.menu ul li ul li a, .menu ul li ul li a:visited {display:block; width: auto; text-decoration:none; padding:0 7px 0 7px; height:30px; line-height:30px; color:#21281e; background:#ccc; float:left;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li ul li{ float: left; width:auto;}

.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#21281e;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:798px;background:#7d9274; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #fff;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eeefff}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#21281e; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#7d9274; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#f2f6de; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#7d9274; background:#f2f6de;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#f2f6de; color:#21281e;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#7d9274; color:#fff;}

*/


/* Easy Slider */

	#slider{ margin: 0px auto; position:relative;}	
	#slider ul, #slider li{margin:0;padding:0;list-style:none; position:relative;}











#prevBtn, #nextBtn{ display:block;position:absolute;left:0px;top:200px;}	
#nextBtn{left:744px;}														
#prevBtn a, #nextBtn a{  display:block;font: 13px/2 Arial, Helvetica, sans-serif;background:#21281e;color:#FFF;padding: 0px 3px;}	
										

/* // Easy Slider */



/* new code !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	
#slider li{ width:800px;height:1192px;overflow:hidden; }	


#slider li p.oldrecipes{position:absolute; background:none; font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; color:#625e31;}
#slider li p.oldrecipes1{position:absolute; background:none; font: normal 13px/1.5 Georgia, "Times New Roman", Times, serif; color:#625e31; 
padding-top:100px; padding-left:300px;}


#slider li p{ position:absolute; background:#FFF;  margin:10px; padding:10px; display:block; left:20px;}





/* //  Language Navigation */
#langnav{ float:right; display: block; width: auto; height:40px; position:absolute; top:0px; right:0px;}
#langnav ul{padding-top: 10px; float:right;}
#langnav ul li{float:left; padding-right: 13px;}
#langnav ul li p{ color:#ff0000; font: bold 14px/15px Palatino Linotype, Georgia, Times New Roman, Times, serif; margin: 0 0; }



/* new code !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/