/*
Theme Name:		Smiling Yoga
Theme URI:		http://www.smiling-yoga.gr
Description:	Theme Developed By Fotis Routsis
Version:			1.0
Author:			Fotis Routsis	
Author URI:		http://routsis.gr
*/


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:20px;
	background-color:#4F1923;
	margin:0px 0px 50px 0px;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	line-height:1.6em;
	color:#4F1923;
}
h1 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
	color:#C95065;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#C95065;
}
a {
	color:#C95065;
}
cite {
	font-size:10px;
	color:#AB364A;
}

#canvas {
	width:876px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
blockquote {
	background-color:#F7E1E6;
	padding:20px;
}

/* Menu */
#menu {
	padding-top:10px;
	width:196px;
	float:left;
	/*background-color:#33FFFF;*/
}
#menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#menu li {
	float:left;
	margin-bottom:4px;
}
#menu a {
	color:#D77D8D;
	display:block;
	/*background-color:#00CC99;*/
	width:116px;
	height:44px;
	padding-top:6px;
	padding-left:70px;
	padding-right:10px;
	font-size:12px;
	text-decoration:none;
	background-position:top;
}
#menu a:hover {
	background-position:0px 50px;
	color:#FFFFFF;
}
#menu a.menu_1 { background-image:url(images/menu/menu_1.png); }
#menu a.menu_2 { background-image:url(images/menu/menu_2.png); }
#menu a.menu_3 { background-image:url(images/menu/menu_3.png); }
#menu a.menu_4 { background-image:url(images/menu/menu_4.png); }
#menu a.menu_5 { background-image:url(images/menu/menu_5.png); }
#menu a.menu_6 { background-image:url(images/menu/menu_6.png); }
#menu a.menu_7 { background-image:url(images/menu/menu_7.png); }
#menu a.menu_8 { background-image:url(images/menu/menu_8.png); }
#menu a.menu_9 { background-image:url(images/menu/menu_9.png); }

#menu a.current {
	background-position:0px 50px;
	color:#FFFFFF;
	font-weight:bold;
}

#sub_menu {
	float:right;
	background-color:#F7E1E6;
	width:160px;
	padding:10px;
	margin-left:20px;
	margin-bottom:20px;
}
#sub_menu h2 {
	margin-top:0px;
}
#sub_menu ol {
	margin-left:1.2em;
	padding-left:1.2em;
}
#sub_menu li {
	margin-bottom:0.6em;
}

/* Main content */
#content {
	width:680px;
	float:left;
}
#content_top { background-image:url(images/content_top.gif); height:10px; }
#content_bottom { background-image:url(images/content_bottom.gif); height:10px; }
#content_main { padding:20px 30px; background-color:#FFFFFF; min-height:450px; }

/* for Internet Explorer */
/*\*/
* html #content_main {
height: 450px;
}
/**/


#footer { width:100%; margin-top:10px; line-height:1em; }
#footer #copyright { color:#D77D8D; }
#footer #design { color:#822838; }

#crossfade_canvas {
	width:240px;
	height:320px;
	position:relative;
}
#crossfade_loading {
	position:absolute;
	/* Left = crossfade_canvas width / 2 - (32 / 2), 32 being the width of ajax_loader.gif */
	left:70px;
	top:144px;
	z-index:100;
}

#notice {
	background-color:#FFFFCC;
	padding:20px;
	width:310px;
}
#notice ul {
	margin-left:1em;
	padding-left:1em;
}
#notice h2 { color:#FF6600; }
#notice a { font-weight:bold; color:#FF6600; }

/* Margins */
.m0 { margin:0px; }
.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.clear { clear:both; height:0px; font-size:0px; }

.pic_left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.pic_right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* Custom classes */
.obligatory { color:#FF0000; }
.error { color:#FF0000; font-weight:bold; }
.success { color:#009900; }

.defaultTable {
	border-collapse:collapse;
	border:1px solid #999999;
}
.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; }
.defaultTable td { padding:4px; border:1px solid #999999; }
.defaultTable tr.trOver { background-color:#F7FDE3; }

.gallery_table { width:100%; }
.gallery_table td { text-align:center; vertical-align:bottom; width:25% }
.gallery_table td.image_title { text-align:center; vertical-align:top; padding-bottom:6px;  }

/* -- Fotis -- */
.header{width:100%; float: left; }
.logoleft{	float: left; width:400px; }
.logoright{	float: right; text-align:right; height: 122px;}
.logoright a img{	padding-top:90px;}
.tweet_update{ 
background-image: url(images/twitter-logo-small.png);
background-position: left;
background-repeat: no-repeat;
padding-left:30px; margin-top:15px; }


.alignright{	float: right; }
.alignleft{	float: left; }