/*\	+-----------------------------------------------+

		print style
		
		styling >> souroti.gr				
		version >> 11/10/2006			
		author >> Kostis Sakkas					
		feel free to ask anything 				
		kostis[dot]sakkas[at]handmade[dot]gr				
		
	+-----------------------------------------------+	\*/






















/* THE HTML
____________________________________________________________*/

html 	{ margin:0; padding:0;}
body 	{ margin:0; padding:0;  font:normal 12px/130% Verdana, Arial, Helvetica, sans-serif;color:#333 ;}
h1, h2, h3, h4, h5{ margin:0; padding:0; font-family: "Verdana", "Arial", "Helvetica", sans-serif, serif;}
p 		{ margin:0; padding:0 0 10px; font:normal 1em/130% "Verdana", "Arial", "Helvetica", sans-serif; color:#666;}
em		{ color:#88350B; font-style:normal; font-style:italic}
img, 
img a 	{ border : none;}
hr 		{ /*good for IE*/ color: #333; /*the rest try to fool opera and firefox */height: 1px!important; background-color: #fff; border: 0px solid #fff; }
form, 
fieldset{ margin:0;padding:0; border:0}
ul		{	margin:0; padding:0; list-style-type:none;}
code	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block}
ul		{	margin:0; padding:0; list-style-type:none;}
.clearthis	{ clear: both; line-height: 1px; height: 0}
.highlight{background-color:#FFEE7E;}
div{margin:0; padding:0;}

/* THE LINKS

____________________________________________________________*/
a			{color:#3E8593; font:normal 1em/100% "Verdana";text-decoration:underline;}
a:hover 	{color:#00AFDA; text-decoration:underline}
a.external		{padding:0 20px 2px 0;}
a.external:hover {padding:0 20px 2px 0;}


/* THE POSITIONING
____________________________________________________________*/
#wrapper{margin:0; padding:5px 0;width:700px; }

/* HIDE ELEMENTS
____________________________________________________________*/
#banner, #skip, .hide, .lang, #nav, #hpfooter, #footer,
#emenu, #newsletter, .hr, .recipefs
{display:none;}



/* THE SITE WRAPPER
____________________________________________________________*/
#site{padding:10px;width:700px; }
#content{margin:10px 0; float:left; display:block;}


/* THE HEADER
____________________________________________________________*/
#header{margin:4px 0 15px; padding:0; width:700px;}
#header h1 { margin:0; padding:0; display:block;  width: 700px;  float:left;  font:bold 1.8em/130% "Verdana";}
#header h1 a{ text-decoration:none}

	
/*	THE CONTENT
____________________________________________________________*/

#content h2{margin:0; padding:10px 0; color:#00AFDA; font:normal 2.5em/100% "Arial"; background-color:#FFFFFF; border-bottom:1px solid #00AFDA;}
#content img.dtitle	{margin:0 0 5px; padding:5px 0 0; height:40px; border-bottom:1px solid #00AFDA; background-color:#FFFFFF}
#content .body{margin:0 0 5px; padding:15px; width:660px; float:right; display:block; text-align:justify;}
	
	
	#intro{margin:15px 0; padding:0; width:600px; float:left; display:block; }
	#intro img{display:none}
	#intro-data{margin:0; padding:0; width:600px; float:left; display:block;}
	#intro-data h3 { margin:0 0 5px; padding:0; display:block;  font:bold 1.3em/120% "Arial";color:#6FBDD9}
	#intro-data p{color:#333;}
	
	#tips{padding:5px 0 10px;width:700px;float:left; display:block;}
	#tips h3 { margin:0 0 5px; padding:0; display:block;  font:bold 1.3em/120% "Arial";color:#6FBDD9}
	#tips dl{margin:0; padding:0;color:#333}
	#tips dl dt{margin:0; padding:0; font:bold 1.1em/130% "verdana"}
	#tips dl dd{margin:0; padding:0;}

	

	#default{margin:5px 0 0; padding:0; width:420px; float:left;  }
	#default h3{margin:0 0 10px; padding:5px 0 ; color:#00AFDA; font:bold 1.1em/100% "verdana"}
	#default .data{margin:0 0 15px; padding:10px; width:390px; float:left; display:block; text-align:justify; background-color:#F3F3F3}



/*	- timeline
____________________________________________________________*/
.timeline{margin:10px 0 0 0; padding:0  0 5px; width:690px; float:left; display:block; }
.timeline dl {margin:0; padding:0 0 0 20px; float:left; width:450px;}
.timeline dl dt{margin:0 0 5px; padding:0; color:#00AFDA; font:bold 1.1em/100% "verdana"}
.timeline dl dd{margin:0; padding:0; color:#00AFDA;}
.timeline dl dd p{margin:0; padding:0; color:#3E8593;}
.timeline img {margin:0; padding:0; float:left; width:180px; border:3px solid #E8E2D8 }


/*	- news, archive
____________________________________________________________*/
.newsposts {margin:10px 0 20px; padding:0 0; width:420px; float:left; display:block; }
.newsposts h3{margin:0; padding:5px 0; color:#00AFDA; font:bold 1.1em/100% "verdana"}
.newsposts p{color:#3E8593;}
.newsposts .hr{margin:2px 0; padding:0;  display:block; background:transparent url('../../_img/dot-blue.gif') repeat-x 0 0; height:3px; width:420px; line-height:3px; font:normal 1em/100% 'verdana'; clear:both}
p.postdate{ color:#87B2BA}

#archive{margin:0; padding:0; background:#F0F0F0 url('../../_img/bkg-narrow-bt.gif') no-repeat bottom left; float:left; display:block; width:220px;}
#archive ul {margin:0;padding:10px 0 10px 30px; background:transparent url('../../_img/bkg-narrow-top.gif') no-repeat top left;}
/*	- recipes
____________________________________________________________*/
#recipe {margin:10px 0 20px; padding:0 0; width:420px; float:left; display:block; }
#recipe h3{margin:0; padding:5px 0; color:#00AFDA; font:bold 1.4em/100% "verdana"}
#recipe h4{margin:0; padding:5px 0; color:#87B2BA; font:bold 1em/100% "verdana"}
#recipe ul{margin:0; padding:0 0 5px 30px; list-style-type:square;color:#3E8593;}
#recipe .hr{ background:transparent url('../../_img/dot-blue.gif') repeat-x 0 0; width:420px;}
	
	.rhead{margin:0; padding:0; width:220px; float:left; display:block; }
	img.recimg {margin:0; padding:0; width:180px; float:right; border:1px solid #3FB5E7}
	.rbody{margin:5px 0; padding:0; width:420px; float:left; display:block;}

#allrecipes{margin:10px 0; padding:0 ; float:left; display:block; width:420px; }
#allrecipes dl {margin:0 5px 10px 0; padding:0; float:left; display:block; width:100px;}
#allrecipes dl dt img{margin:0; padding:2px; width:96px;background-color:#EFEFEF;}
#allrecipes dl dt a img {margin:0; padding:2px; width:96px; background-color:#ADE4FB; }
#allrecipes dl dt a:hover img {margin:0; padding:2x; width:96px;}
#allrecipes dl dd{margin:0; padding:0; width:96px; text-align:center}
#allrecipes ul {margin:0;padding:10px 0 10px 30px;background-color:#F0F0F0; }


dl.printout{margin:0 5px 0 0; padding:10px; background-color:#F0F0F0; border-width:0 1px 1px 0; border-style:solid; border-color:#D9D7D7; float:left; width:180px; float:left}
dl.printout dt{margin:0; padding:0; width:200px; float:left; font:bold 1em/100% 'Verdana'; color:#333;}
dl.printout dd{margin:5px 0 10px; padding:0; width:200px; float:left; color:#666;}
dl.printout dd.thnx{margin:5px 0 10px; padding:10px; width:160px; float:left; color:#3E8593; background-color:#FFFFFF}

/*	- contact
____________________________________________________________*/
#contact{margin:10px 0 0; padding:0; width:420px; float:left;  }
#contact .data{margin:0 0 15px; padding:10px; width:390px; float:left; display:block; text-align:justify; background-color:#F3F3F3}

.contactfrm {margin:0; padding:0 0 20px; width:420px; float:left; }
.contactfrm dl {margin:0 0 5px; padding:0; width:200px; float:left; }
.contactfrm dl dt{margin:0 0 5px; padding:0; width:200px; float:left;}
.contactfrm dl dd{margin:0; padding:0; width:200px; float:left;}
.contactfrm dl dd input{margin:0; padding:3px 5px; border:0; width:150px; height:15px; background:#fff url('../../_img/input-bkg.gif') no-repeat 0 0; color:#039; font:normal 1em/100% 'verdana'}
.contactfrm dl dd textarea{margin:0; padding:3px; width:200px; height:100px; color:#039; font:normal 1em/100% 'verdana';  background-color:#E3F7FF; border-width:0 1px 1px 0; border-style:solid; border-color:#ADCCD9;}
/*	- default
____________________________________________________________*/
.post{margin:10px 0; padding:0; float:right; width: 500px; color:#3E8593}
.post-narrow{margin:10px 0; padding:0; float:right; width: 235px; color:#3E8593; }
.post p, .post-narrow p{color:#3E8593}
.post ul,  .post-narrow ul{margin:0; padding:0 0 5px 30px; list-style-type:square}
.post-narrow h3{margin:0 0 10px; padding:5px 0; color:#00AFDA; font:bold 1.1em/100% "verdana"}
.post-narrow dl.cdetails{margin:5px 0; padding:5px; float:right; width: 225px;  border:1px solid #ADCCD9 }
.post-narrow dl.cdetails dt{margin:0; padding:0 0 5px;color:#3E8593; font:bold 1em/100% "verdana" }
.post-narrow dl.cdetails dd{margin:0; padding:2px 0 3px;color:#3E8593; border-bottom:1px dotted #ADCCD9; font:normal .9em/120% "verdana" }

ul.sidemenu{margin:0; padding:0; list-style-type:none}
ul.sidemenu li{margin:0; padding:5px 0 10px; font:bold 1.1em/100% "Verdana"}
ul.sidemenu li a{margin:0; padding:0;  font:bold 1em/100% "Verdana"; color:#3E8593}
ul.sidemenu li a:hover{margin:0; padding:0;color:#00AFDA; text-decoration:none}
ul.sidemenu li ul{margin:0; padding:0; list-style-type:none }
ul.sidemenu li ul li{margin:3px 0 0 ; padding:0 0 0 20px; background:transparent url('../../_img/ico-arrows.gif') no-repeat 0 4px; }
ul.sidemenu li ul li a{margin:0; padding:0; font:normal .8em/100% "verdana"}



/*	THE GALLERY
____________________________________________________________*/
h4.bread{margin:0; padding:0 0 10px; color:#69788F; font:bold .9em/100% "Arial";}

.gallery {margin:10px 0; padding:0; width:450px; float:left; display:block;}
.gallery .data{margin:0; padding:10px; width:390px; float:left; display:block; text-align:justify; background-color:#F3F3F3}
.gallery dl {margin:0; padding:5px 10px 5px 0; float:left; width:130px;}
.gallery dl dt{margin:0 0 5px; padding:0; color:#00AFDA; font:bold 1.1em/100% "verdana"; border:1px solid #fff;}
.gallery dl dd{margin:0; padding:0; color:#00AFDA; text-align:center}
.gallery dl dd p{color:#00AFDA;}
.gallery img {margin:0; padding:0; width:125px;border:1px solid #dfdfdf; }
.gallery a:hover img { border:1px solid #00AFDA;}

.video {margin:10px 0; padding:0; width:450px; float:left; display:block; }
.video h3{margin:0 0 10px; padding:0; color:#00AFDA; font:bold 1.2em/100% "verdana";}
.video .player {margin:0 0 10px; padding:10px; float:left; width:380px; background-color:#F3F3F3}
.video .data{margin:0; padding:0; width:400px; float:left; display:block; text-align:justify}
.video .hr{margin:2px 0 10px; padding:0;  display:block; background:transparent url('../../_img/dot-blue.gif') repeat-x 0 0; height:3px; width:420px; line-height:3px; font:normal 1em/100% 'verdana'; clear:both}

.mp3 {margin:10px 0; padding:0; width:450px; float:left; display:block; }
.mp3 h3{margin:0 0 10px; padding:0; color:#00AFDA; font:bold 1.2em/100% "verdana";}
.mp3 .player {margin:0; padding:5px 50px; float:left; width:300px; background-color:#F3F3F3}
.mp3 .data{margin:10px 0; padding:0; width:400px; float:left; display:block; text-align:justify}

.sidebar-gallery {margin:10px 0; padding:0; float:left; width:160px;}
.sidebar-gallery ul {margin:0; padding:0; list-style-type:none}
.sidebar-gallery ul li img{margin:0 0 5px; padding:0;  width:150px;}


/*	THE FOOTER
	. the homepage
	. the sites
____________________________________________________________*/
#hpfooter{margin:0; padding:0 46px 0 0; background:#fff url('../../_img/bkg-hp-footer.jpg') repeat-y 0 0; width:720px; height:80px; float:left}
	#hpfooter a#visit {margin:12px 0 0; padding:0; display:block;  width: 230px; height:50px; float:right;  font:bold 1.3em/100% "Verdana";}
	#hpfooter a#visit span{ position: absolute; width: 230px; height:50px; background-position: 0 0; cursor:pointer}
	#hpfooter a#visit span{ background:transparent url("../../_img/title-visit.gif") no-repeat bottom left}

#footer{margin:0; padding:0 66px 0 35px; background:#fff url('../../_img/bkg-footer.jpg') repeat-y 0 0; width:665px; height:80px; float:left}
	#footer ul{margin:0; padding:25px 0 0; list-style-type:none; width:440px; }
	#footer ul li{margin:3px 0 0; padding:0 5px; float:left; border-right:1px dotted #fff;}
	#footer ul li a {margin:0; padding:0; display:block; font:bold .9em/100% "Verdana"; color:#fff; text-decoration:none}
	#footer ul li a:hover{color:#3A3B3F}


/*	THE ERROR MESSAGES
____________________________________________________________*/
dl.error{margin:5px 0;padding:10px; float:left;background:transparent url("/_img/ico-error.png") no-repeat 10px 5px; background-color:#FBFBDC; }
dl.error dt{margin:0 0 5px; padding:0;color:#333; font:normal 1em/120% 'verdana'}
dl.error dd{margin:0; padding:0;color:#666666}

/* THE FORM ELEMENTS
____________________________________________________________*/
form		{ margin:0; padding:0;}
fieldset dl { margin:0;padding:0;}
fieldset dl dt	{margin:0;padding:0;}
fieldset dl dd 	{margin:0; padding:0; }
label		{cursor:pointer}
input, select{margin:0; padding:0;}
input.small {width:20px;}
input.radio	{margin:3px 0 0  0; width:25px;}
textarea {padding:2px;width:200px;}
input.txt {padding:2px;}
textarea.txt {padding:2px;width:290px; height:120px;}
textarea.tagstf {padding:2px;width:505px; height:60px;}
.disabled{padding:4px;font:normal 1.5em/110% Verdana;color:#333; width:260px; font-style:italic; border:1px solid #ccc; background-color:#F5F5F5; } 
.searchbtn{margin:0; padding:0 3px 0 0; font:bold 1em/130% "Arial"; color:#626955; width:40px; height:20px; border:0px; background:#fff url("../../_img/btn-bkg.png") no-repeat top left}
.button{margin:10px 0; padding:0 3px 0 0; float:left;}
input.submit-btn{margin:0; padding:0  10px; font:bold 1em/130% "Arial"; color:#626955; height:20px; background-color:#F0F0F0; border-width:0 1px 1px 0; border-style:solid; border-color:#D9D7D7;}